/* Support-only mobile layout. Desktop retains the existing wide service banner. */
@media (max-width: 767px) {
    .support-page { background: #f5f5f5; }
    /* 页头（导航/语言按钮）手机端样式已抽到 css/site-mobile.css，本页先加载该文件。 */

    .support-page .support-hero {
        height: clamp(420px, 123.2vw, 620px);
        overflow: hidden;
        background: linear-gradient(#f5f5f5, #ebebeb);
    }
    .support-page .support-hero picture > img {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 88%;
        max-width: 440px;
        height: auto;
        aspect-ratio: 1;
        object-fit: contain;
        transform: translateX(-50%);
    }
    .support-page .support-hero-shade,
    .support-page .support-desktop-description { display: none; }
    .support-page .support-hero-copy { inset: 40px 0 auto; padding: 0 20px; justify-content: start; }
    .support-page .support-hero-copy > div { text-align: center; }
    .support-page .support-hero h1 { margin-bottom: 16px; font-size: 24px; line-height: 34px; font-weight: 600; color: #333; letter-spacing: 0; }
    .support-page .support-mobile-description[hidden] { display: block; margin: 0 auto; max-width: 420px; font-size: 16px; line-height: 26px; color: #444; }

    .support-page .support-faq { padding: 42px 0 20px; background: #f5f5f5; }
    .support-page .support-faq > div { max-width: 640px; padding: 0 16px; }
    .support-page .support-faq h2 { margin-bottom: 24px; font-size: 21px; line-height: 30px; font-weight: 600; color: #333; letter-spacing: 0; }
    .support-page .support-faq .space-y-4 > div {
        border: 1px solid #d9d9d9;
        border-radius: 9px;
        background: white;
        box-shadow: none;
        transform: none;
    }
    .support-page .support-faq .space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 16px; }
    .support-page .support-faq button[aria-controls^="support-answer-"] { padding: 13px 14px; gap: 12px; min-height: 48px; align-items: center; }
    .support-page .support-faq button > span { min-width: 0; padding: 0; font-size: 14px; line-height: 25px; font-weight: 400; color: #444; overflow-wrap: break-word; }
    .support-page .support-faq button > svg { width: 18px; height: 18px; color: #999; }
    .support-page .support-faq [role="region"] { padding: 0 14px 16px; font-size: 14px; line-height: 24px; overflow-wrap: break-word; }
    .support-page .support-faq [role="region"] > div { padding-top: 12px; }
    .support-page .support-faq button:focus-visible { outline: 2px solid #1a73e8; outline-offset: -3px; }
    .support-page #show-more-container { margin-top: 12px; }
    .support-page #show-more-container button { min-height: 44px; padding: 8px 16px; }
}

@media (max-width: 359px) {
    .support-page .support-mobile-description[hidden] { font-size: 14px; line-height: 24px; }
}

@media (prefers-reduced-motion: reduce) {
    .support-page .support-faq button > svg { transition: none; }
}