/* Download-page only. The existing desktop layout starts at 768px. */
@media (max-width: 767px) {
    .download-page { background: #f5f5f5; }
    .download-page #header-placeholder { display: block; }
    .download-page .download-main { padding-top: 56px; }
    /* 页头（导航/语言按钮）手机端样式已抽到 css/site-mobile.css，本页先加载该文件。 */
    .download-page .download-content { padding: 40px 0 64px; background: #f5f5f5; }
    .download-page .download-container { max-width: 600px; padding-inline: 24px; }
    .download-page .download-intro { flex-direction: row; align-items: flex-start; gap: 20px; text-align: left; }
    .download-page .download-icon { width: 72px; height: 72px; }
    .download-page .download-copy { min-width: 0; padding-top: 0; }
    .download-page .download-copy h1 { font-size: 24px; line-height: 32px; font-weight: 600; letter-spacing: 0; color: #333; }
    .download-page .download-copy p { margin: 12px 0 0; font-size: 14px; line-height: 24px; font-weight: 400; color: #666; }
    .download-page .download-mobile-only { display: block; }
    .download-page .download-button {
        margin-top: 28px; padding: 12px 20px; min-height: 48px;
        border-radius: 999px; background: #0b6be8; color: #fff;
        text-align: center; font-size: 16px; line-height: 24px;
    }
    .download-page .download-button:focus-visible { outline: 2px solid #0b6be8; outline-offset: 4px; }
    .download-page .download-system { margin-top: 40px; }
    .download-page .download-system h2,
    .download-page .download-preview-title { font-size: 18px; line-height: 28px; font-weight: 500; color: #333; }
    .download-page .download-system p { margin-top: 8px; font-size: 16px; line-height: 24px; color: #666; }
    .download-page .download-preview-title { margin-top: 40px; padding-bottom: 18px; border-bottom: 1px solid #ddd; }
    .download-page .download-notice,
    .download-page .download-card { display: none; }

    .download-page .download-previews { margin-top: 24px; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; gap: 48px; }
    .download-page .download-previews img { display: block; width: min(54vw, 220px); max-width: 100%; height: auto; aspect-ratio: 482 / 1022; object-fit: contain; }
}

@media (max-width: 359px) {
    .download-page .download-container { padding-inline: 20px; }
    .download-page .download-intro { gap: 16px; }
    .download-page .download-icon { width: 64px; height: 64px; }
}