/* 支持中心沿用官网品牌，表单与工单记录均适配移动端和深色模式。 */
.support-page [hidden] { display: none !important; }
.support-main { max-width: 1100px; margin: 0 auto; padding: calc(var(--header-height) + 52px) 28px 72px; }
.support-heading { text-align: center; max-width: 640px; margin: 0 auto 44px; }
.support-mark { display: inline-grid; place-items: center; width: 64px; height: 64px; border-radius: 22px; color: #d95413; background: #fff0df; transform: rotate(-5deg); }
.support-mark svg { width: 35px; height: 35px; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.support-heading h1 { font-size: clamp(28px, 4vw, 38px); line-height: 1.25; margin: 19px 0 14px; letter-spacing: -.025em; }
.support-heading p { color: #716b63; line-height: 1.8; margin: 0; }
.support-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.3fr); gap: 36px; align-items: start; }
.support-faq { padding: 25px 4px; }
.support-eyebrow { color: #aa612c; font-size: 11px; font-weight: 750; letter-spacing: .16em; }
.support-main h2 { margin: 12px 0 20px; font-size: 22px; line-height: 1.5; }
.support-faq details { padding: 18px 0; border-bottom: 1px solid #e9e2d8; }
.support-faq summary { cursor: pointer; font-size: 15px; font-weight: 650; line-height: 1.7; }
.support-faq p { color: #716b63; font-size: 14px; line-height: 1.9; margin: 13px 0 0; }
.support-faq a, .support-login-link { color: #be4c0b; display: inline-block; margin-top: 12px; }
.support-card { padding: 28px; background: #fff; border: 1px solid #eee5db; border-radius: 22px; box-shadow: 0 8px 28px #56341106; }
.support-card h2 { margin-top: 0; margin-bottom: 8px; }
.support-muted, .support-field-hint { color: #797169; font-size: 13px; line-height: 1.7; }
.support-owner { color: #258478; font-size: 14px; overflow-wrap: anywhere; }
.support-card fieldset { border: 0; padding: 0; margin: 24px 0 0; min-width: 0; }
.support-card label { display: block; margin: 20px 0 8px; font-size: 14px; font-weight: 650; }
.support-card label:first-child { margin-top: 0; }
.support-card input, .support-card select, .support-card textarea { display: block; box-sizing: border-box; width: 100%; border: 1px solid #ded7ce; border-radius: 10px; padding: 12px 14px; background: #fffcf8; color: #332e28; font: inherit; font-size: 15px; line-height: 1.5; }
.support-card textarea { resize: vertical; min-height: 152px; }
.support-main :is(input, select, textarea, button, summary, a):focus-visible { outline: 3px solid #f3a265; outline-offset: 3px; }
.support-field-hint { margin: 7px 0 0; font-size: 12px; }
.support-form-bottom { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 23px; }
.support-submit { background: #e85d04; color: white; border: 0; border-radius: 10px; padding: 13px 24px; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.support-submit:hover { background: #c94f00; }
.support-main button:disabled { opacity: .6; cursor: wait; }
.support-notice { margin: 18px 0 0; padding: 12px 14px; border-radius: 10px; color: #8c360b; background: #fff1e6; line-height: 1.75; overflow-wrap: anywhere; }
.support-notice.is-success { color: #176b5c; background: #e9f7f0; }
.support-history { margin-top: 44px; border-top: 1px solid #e9e2d8; padding-top: 24px; }
.support-history-heading { display: flex; gap: 16px; justify-content: space-between; align-items: center; }
.support-history-heading h2 { margin: 0; }
.support-history-heading button { flex-shrink: 0; border: 1px solid #ded7ce; background: transparent; color: inherit; border-radius: 8px; padding: 9px 14px; cursor: pointer; font: inherit; font-size: 13px; }
.support-ticket { background: #fff; border: 1px solid #eee5db; border-radius: 12px; margin: 14px 0; padding: 18px 20px; overflow-wrap: anywhere; }
.support-ticket summary { cursor: pointer; display: flex; justify-content: space-between; align-items: start; gap: 20px; font-weight: 650; }
.support-ticket-title { min-width: 0; }
.support-ticket-meta { color: #797169; font-size: 12px; line-height: 1.8; margin-top: 10px; }
.support-ticket-body, .support-ticket-reply { white-space: pre-wrap; line-height: 1.8; font-size: 14px; }
.support-ticket-reply { border-inline-start: 3px solid #70b7a4; padding: 12px 16px; background: #eff9f4; border-radius: 0 8px 8px 0; }
.support-status { font-size: 12px; font-weight: 500; flex-shrink: 0; background: #f6f0e7; color: #896637; padding: 3px 9px; border-radius: 6px; }
.support-status[data-state="resolved"] { background: #e7f6ef; color: #247561; }
html[data-theme="dark"] .support-heading p, html[data-theme="dark"] .support-faq p, html[data-theme="dark"] .support-muted, html[data-theme="dark"] .support-field-hint, html[data-theme="dark"] .support-ticket-meta { color: #bcb4aa; }
html[data-theme="dark"] .support-card, html[data-theme="dark"] .support-ticket { background: #25211e; border-color: #494039; }
html[data-theme="dark"] .support-card :is(input, select, textarea) { color: #f3e9dd; background: #1e1b18; border-color: #5f5144; }
html[data-theme="dark"] .support-history, html[data-theme="dark"] .support-faq details { border-color: #494039; }
html[data-theme="dark"] .support-mark, html[data-theme="dark"] .support-notice { background: #39281e; color: #ffb67e; }
html[data-theme="dark"] .support-notice.is-success, html[data-theme="dark"] .support-ticket-reply { background: #1c332c; color: #a0d9c9; }
html[data-theme="dark"] .support-owner { color: #92cebc; }
html[data-theme="dark"] .support-faq a, html[data-theme="dark"] .support-login-link { color: #ffb67e; }
html[data-theme="dark"] .support-eyebrow { color: #d99c64; }
@media (max-width: 760px) {
  .support-main { padding: calc(var(--header-height) + 32px) 18px 48px; }
  .support-heading { margin-bottom: 26px; }
  .support-grid { grid-template-columns: 1fr; gap: 24px; }
  .support-card { padding: 22px 18px; grid-row: 1; }
  .support-faq { padding: 0 3px; }
  .support-ticket { padding: 16px 14px; }
  .support-ticket summary { gap: 10px; }
}