/* 下载介绍沿用公共站令牌；样式限定在新页面，不改变现有首页与用户中心。 */
.download-hero { padding: 40px 0 48px; color: #fff; background: var(--public-hero-gradient); }
.download-hero .breadcrumb-public { margin-bottom: 22px; color: #dceaf5; }
.download-hero .breadcrumb-public a { color: #dceaf5; }
.download-hero h1 { margin: 0 0 14px; color: #fff; font-size: clamp(1.9rem, 3.2vw, 2.9rem); font-weight: 800; line-height: 1.25; overflow-wrap: anywhere; }
.download-hero p { margin: 0; max-width: 850px; color: #e2edf6; font-size: 1.12rem; }
.download-platforms { padding-top: 48px; padding-bottom: 40px; }
.download-platforms > h2 { margin: 0 0 36px; text-align: center; color: var(--public-primary-dark); font-size: clamp(1.5rem, 2.3vw, 2rem); font-weight: 750; }
.download-platform-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.download-platform { display: flex; flex-direction: column; align-items: center; min-width: 0; padding: 12px 30px; text-align: center; }
.download-platform + .download-platform { border-inline-start: 1px solid var(--public-border); }
.download-platform-icon { margin-bottom: 22px; object-fit: contain; }
.download-platform-icon-app_store { filter: invert(17%) sepia(26%) saturate(1932%) hue-rotate(168deg) brightness(88%) contrast(96%); }
.download-platform-icon-google_play { filter: invert(44%) sepia(52%) saturate(748%) hue-rotate(105deg) brightness(94%) contrast(92%); }
.download-platform-icon-apk { filter: invert(56%) sepia(65%) saturate(447%) hue-rotate(45deg) brightness(99%) contrast(88%); }
.download-platform h3 { margin: 0 0 12px; color: var(--public-primary-dark); font-size: 1.3rem; font-weight: 750; }
.download-platform p { flex: 1; margin: 0 0 24px; max-width: 290px; color: var(--public-muted); }
.download-store-badge { display: block; width: 210px; max-width: 100%; border-radius: 8px; line-height: 0; }
.download-store-badge img { display: block; width: 100%; height: auto; }
.download-platform .download-apk-button { display: flex; align-items: center; justify-content: center; gap: 12px; width: 210px; max-width: 100%; min-height: 70px; padding: 12px; color: #fff; background: var(--public-primary); border-radius: 8px; text-decoration: none; font-weight: 700; }
.download-apk-button img { filter: brightness(0) invert(1); }
.download-apk-button:hover { background: var(--public-primary-dark); }
.download-store-badge:focus-visible, .download-apk-button:focus-visible { outline: 3px solid var(--public-accent); outline-offset: 4px; }
.download-payment-callout { display: flex; align-items: center; gap: 24px; padding: 28px; background: var(--public-accent-soft); border-radius: 12px; }
.download-payment-callout > img { flex: 0 0 44px; }
.download-payment-callout > div { flex: 1; min-width: 0; }
.download-payment-callout h2 { margin: 0 0 6px; color: var(--public-primary-dark); font-size: 1.25rem; font-weight: 750; }
.download-payment-callout p { margin: 0; color: var(--public-muted); }
body.public-site .download-payment-callout > a { display: inline-flex; align-items: center; gap: 10px; flex-shrink: 0; color: var(--public-accent-dark); font-weight: 700; }
.download-payment-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin: 0; padding: 32px 12px 10px; list-style: none; scroll-margin-top: 90px; }
.download-payment-steps li { display: flex; align-items: center; gap: 16px; }
.download-payment-steps span { display: flex; align-items: center; justify-content: center; flex: 0 0 48px; height: 48px; border-radius: 50%; color: var(--public-primary-dark); background: var(--public-accent-soft); font-weight: 750; font-size: 1.2rem; }
.download-payment-steps p { margin: 0; }
.footer-download-page { margin: 0 0 16px; font-weight: 650; }
/* 深色模式继续使用公共站背景与文字令牌，品牌图标单独提高对比度。 */
html[data-bs-theme="dark"] .download-platform-icon-app_store,
html[data-bs-theme="dark"] .download-payment-callout > img,
html[data-bs-theme="dark"] .download-payment-callout > a img { filter: brightness(0) invert(1); }
/* 暗色 primary 会提亮为浅蓝，按钮文字须改为深色，不能继续沿用白字。 */
html[data-bs-theme="dark"] .download-platform .download-apk-button { color: #0b2a4a; }
html[data-bs-theme="dark"] .download-apk-button img { filter: none; }
html[data-bs-theme="dark"] .download-apk-button:hover { background: #a9c9ee; }
@media (max-width: 767px) {
    .download-hero { padding: 28px 0 32px; }
    .download-hero p { font-size: 1rem; }
    .download-platforms { padding-top: 32px; padding-bottom: 24px; }
    .download-platforms > h2 { margin-bottom: 20px; }
    .download-platform-grid { grid-template-columns: minmax(0, 1fr); }
    .download-platform { padding: 24px 20px; }
    .download-platform + .download-platform { border-inline-start: 0; border-top: 1px solid var(--public-border); }
    .download-platform-icon { width: 48px; height: 48px; margin-bottom: 12px; }
    .download-platform p { margin-bottom: 16px; max-width: 100%; }
    .download-payment-callout { flex-wrap: wrap; gap: 16px; padding: 22px; }
    .download-payment-callout > img { display: none; }
    .download-payment-callout > div { flex-basis: 100%; }
    .download-payment-callout > a { min-height: 44px; }
    .download-payment-steps { grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 24px 8px 0; }
}
