/* 下载、支持和 404 共用的内页视觉；首页与 App 法律正文使用各自布局。 */
:root { --inner-deep:#041c33; --inner-mid:#082b43; --inner-ice:#b9e7ff; --inner-serif:"Songti SC","STSong","Noto Serif CJK SC",SimSun,serif; }
body { background:var(--inner-deep); }
body[data-page="download"],body[data-page="support"],body[data-page="error"] { color:#f7fbfd; }
.site-header { background:#041c33; border-bottom:1px solid #ffffff20; }
.header-inner { min-height:92px; justify-content:flex-start; gap:0; }
.site-header .brand { gap:15px; }
.site-header .brand-wordmark { width:112px; }
.site-header .brand-wordmark-zh { display:block; width:91px; height:22.75px; box-sizing:content-box; padding-left:15px; border-left:1px solid #ffffff60; }
.site-nav { margin-left:clamp(60px,9vw,150px); gap:clamp(28px,3.6vw,58px); }
.site-nav a { font-size:18px; font-weight:400; letter-spacing:.06em; }
.site-nav .nav-download,.site-nav .nav-download[aria-current] { color:#fff; background:none; border-radius:0; padding:10px 0; }
.site-nav a:hover,.site-nav a:focus-visible,.site-nav .nav-download:hover,.site-nav .nav-download:focus-visible { color:var(--inner-ice); background:none; }
.site-footer { background:#041c33; border-top:1px solid #ffffff28; color:#b8cbd5; }

body[data-page="download"] main,body[data-page="support"] main,body[data-page="error"] main { background:var(--inner-deep); }
.page-heading { width:100%; max-width:none; padding:clamp(90px,11vw,165px) max(4.5vw,calc((100vw - 1440px)/2)) 110px; margin:0; min-height:410px; position:relative; overflow:hidden; background:radial-gradient(ellipse 70% 90% at 88% 45%,#15547485,transparent 75%),linear-gradient(110deg,#041c33 15%,#082b43 75%,#0c364b); }
.page-heading::after { content:""; position:absolute; right:-8vw; bottom:-25vw; width:48vw; height:48vw; border:1px solid #8bdcff24; border-radius:50%; box-shadow:0 0 0 5vw #85dfff09,0 0 0 10vw #85dfff06; pointer-events:none; }
.page-heading .eyebrow { color:#9dcfe4; font-size:13px; font-weight:500; letter-spacing:.16em; margin-bottom:20px; position:relative; z-index:1; }
.page-heading h1 { color:#f8fbfd; font:400 clamp(52px,5.5vw,86px)/1.26 var(--inner-serif); letter-spacing:.025em; margin:0 0 20px; position:relative; z-index:1; }
.page-heading .lead { color:#c0d3db; font-size:18px; margin:0; position:relative; z-index:1; }

body[data-page="download"] .page-content { width:min(1440px,calc(100% - 9vw)); padding:80px 0 130px; }
body[data-page="download"] .platform-hint { color:#b7d0dc; font-size:15px; margin:0 0 12px; }
body[data-page="download"] .platform-shortcuts { gap:28px; margin-bottom:52px; }
body[data-page="download"] .platform-shortcuts a { position:relative; gap:8px; color:var(--inner-ice); min-height:44px; font-size:14px; text-decoration:none; white-space:nowrap; }
body[data-page="download"] .platform-shortcuts a::after { content:""; position:absolute; inset-inline-start:-3px; inset-inline-end:0; bottom:7px; height:1px; background:currentColor; opacity:.45; }
body[data-page="download"] .platform-shortcuts .shortcut-arrow { line-height:1; }
body[data-page="download"] .platform-shortcuts a:hover,body[data-page="download"] .platform-shortcuts a:focus-visible { color:#fff; }
body[data-page="download"] .platform-shortcuts a:hover::after,body[data-page="download"] .platform-shortcuts a:focus-visible::after { opacity:1; }
body[data-page="download"] .download-layout { grid-template-columns:minmax(0,1fr) 210px; gap:38px; align-items:start; }
body[data-page="download"] .download-grid { gap:0; border-top:1px solid #afd8e954; border-bottom:1px solid #afd8e954; }
body[data-page="download"] .download-card { border:0; border-radius:0; padding:42px 36px 64px 0; min-height:260px; background:transparent; }
body[data-page="download"] .download-card + .download-card { border-left:1px solid #afd8e954; padding-left:36px; }
body[data-page="download"] .platform-heading { margin-bottom:27px; }
body[data-page="download"] .platform-heading h2 { color:#fff; font-size:clamp(24px,2.5vw,34px); font-weight:400; }
body[data-page="download"] .availability { color:#bed3de; font-size:15px; }
body[data-page="download"] .availability.available { color:#a5e6c3; }
body[data-page="download"] .status-dot { background:#8cc8df; width:6px; height:6px; }
body[data-page="download"] .release-meta dt { color:#bed3de; }
body[data-page="download"] .download-card .button.primary { background:var(--inner-ice); color:#082b43; }
body[data-page="download"] .download-card .button.primary:hover { background:#def3ff; }
body[data-page="download"] .checksum summary,body[data-page="download"] .checksum code { color:#f6fbfd; }
body[data-page="download"] .copy-button { background:#0a3049; color:#f6fbfd; border-color:#afd8e954; }
body[data-page="download"] .qr-panel { border:1px solid #afd8e954; background:#0a3049; padding:27px 18px 22px; }
body[data-page="download"] .qr-panel img { background:#fff; padding:10px; width:150px; height:150px; }
body[data-page="download"] .qr-panel h2 { color:#f6fbfd; font-size:15px; font-weight:500; margin-bottom:3px; }
body[data-page="download"] .qr-panel p { color:#a9c6d4; }
body[data-page="download"] .help-section { margin:110px 0 0; max-width:none; display:grid; grid-template-columns:34% 1fr; gap:8vw; border-top:1px solid #afd8e954; padding-top:50px; }
body[data-page="download"] .help-section h2 { font:400 clamp(30px,3vw,46px)/1.3 var(--inner-serif); }
body[data-page="download"] .faq-list details { border-color:#afd8e954; }
body[data-page="download"] .faq-list summary { color:#f6fbfd; }
body[data-page="download"] .faq-list summary::after { color:var(--inner-ice); }
body[data-page="download"] .faq-list details p { color:#afc8d4; }
body[data-page="download"] .text-link { color:var(--inner-ice); font-size:14px; text-decoration:none; }

body[data-page="support"] .page-content { width:100%; max-width:none; padding:85px max(4.5vw,calc((100vw - 1440px)/2)) 130px; margin:0; color:#193647; background:#dce6e9; }
body[data-page="support"] .support-layout { grid-template-columns:205px minmax(0,1fr); gap:clamp(50px,8vw,135px); }
body[data-page="support"] .support-index { top:28px; border-top:1px solid #6b879757; }
body[data-page="support"] .support-index a { border-color:#6b879757; font-size:15px; padding-block:17px; color:#31556a; }
body[data-page="support"] .support-index a:hover,body[data-page="support"] .support-index a:focus-visible { color:#006698; }
body[data-page="support"] .support-section { border-color:#6b879757; padding:55px 0 70px; scroll-margin-top:30px; }
body[data-page="support"] .support-section:first-child { padding-top:38px; }
body[data-page="support"] .support-section h2 { font:400 clamp(32px,3vw,48px)/1.3 var(--inner-serif); color:#102f40; margin-bottom:35px; }
body[data-page="support"] .support-start { grid-template-columns:minmax(180px,270px) minmax(0,1fr); gap:clamp(32px,4vw,70px); }
body[data-page="support"] .support-start > img { width:100%; height:auto; background:#aec4d0; border-radius:0; }
body[data-page="support"] .numbered-list li { padding:0 0 30px 48px; border-bottom:1px solid #6b879757; margin-bottom:28px; }
body[data-page="support"] .numbered-list li:last-child { border:0; }
body[data-page="support"] .numbered-list li::before { color:#48758d; font-size:13px; }
body[data-page="support"] .numbered-list h3 { font-weight:500; color:#123347; }
body[data-page="support"] .numbered-list p,body[data-page="support"] .support-section > p,body[data-page="support"] .faq-list details p { color:#476474; }
body[data-page="support"] .numbered-list a,body[data-page="support"] .text-link,body[data-page="support"] .contact-email { color:#0a6088; }
body[data-page="support"] .contact-email { text-decoration:none; }
body[data-page="support"] .contact-email:hover,body[data-page="support"] .contact-email:focus-visible { color:#043e5c; text-decoration:none; }
body[data-page="support"] .faq-list details { border-color:#6b879757; }
body[data-page="support"] .faq-list summary { font-size:17px; font-weight:500; color:#183a4b; }
body[data-page="support"] .faq-list summary::after { color:#246e90; }

body[data-page="error"] .error-page { width:min(1440px,calc(100% - 9vw)); min-height:calc(100svh - 170px); padding:clamp(95px,13vw,185px) 0 130px; }
body[data-page="error"] .error-number { color:#6aaec887; font-size:clamp(100px,17vw,230px); margin:0 0 5px; font-weight:300; }
body[data-page="error"] h1 { font:400 clamp(38px,4vw,60px)/1.3 var(--inner-serif); }
body[data-page="error"] .lead { color:#b8d0db; }
body[data-page="error"] .button.primary { background:var(--inner-ice); color:#082b43; }
body[data-page="error"] .text-link { color:var(--inner-ice); }

@media(max-width:760px) {
 .header-inner { min-height:76px; justify-content:space-between; }
 .site-header .brand { gap:13px; }
 .site-header .brand-wordmark { width:107px; }
 .site-header .brand-wordmark-zh { width:87px; height:21.75px; padding-left:13px; }
 .site-nav { margin-left:0; background:#06263e; border:1px solid #ffffff26; padding:10px 20px 18px; margin-top:2px; }
 .site-nav>a,.site-nav .nav-download { padding:12px 0; font-size:15px; }
 .page-heading { padding:95px 5vw 75px; min-height:350px; }
 .page-heading h1 { font-size:clamp(44px,10vw,60px); }
 .page-heading .lead { font-size:16px; }
 .page-heading::after { width:85vw; height:85vw; bottom:-35vw; right:-30vw; }
 body[data-page="download"] .page-content { width:90%; padding:48px 0 95px; }
 body[data-page="download"] .platform-shortcuts { margin-bottom:40px; }
 body[data-page="download"] .download-layout,body[data-page="download"] .download-grid { grid-template-columns:1fr; gap:0; }
 body[data-page="download"] .download-card { min-height:0; padding:32px 0 38px; }
 body[data-page="download"] .download-card + .download-card { border:0; border-top:1px solid #afd8e954; padding:32px 0 38px; }
 body[data-page="download"] .platform-heading { margin-bottom:15px; }
 body[data-page="download"] .qr-panel { margin-top:35px; width:min(100%,280px); justify-self:start; }
 body[data-page="download"] .help-section { margin-top:75px; grid-template-columns:1fr; gap:8px; padding-top:35px; }
 body[data-page="support"] .page-content { padding:50px 5vw 95px; }
 body[data-page="support"] .support-layout { grid-template-columns:1fr; gap:28px; }
 body[data-page="support"] .support-index { position:static; border-bottom:1px solid #6b879757; }
 body[data-page="support"] .support-index a { border:0; padding:8px 0; }
 body[data-page="support"] .support-section { padding:40px 0 50px; }
 body[data-page="support"] .support-start { grid-template-columns:1fr; gap:30px; }
 body[data-page="support"] .support-start > img { width:min(64%,260px); }
 body[data-page="error"] .error-page { width:90%; padding:90px 0 120px; }
}
@media(max-width:360px) {
 .site-header .brand { gap:9px; }
 .site-header .brand-wordmark { width:90px; }
 .site-header .brand-wordmark-zh { width:73px; height:18.25px; padding-left:9px; }
 .menu-toggle [data-menu-label] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
}

@media(min-width:761px) and (max-width:1050px) {
 body[data-page="download"] .download-layout { grid-template-columns:1fr; }
 body[data-page="download"] .qr-panel { width:210px; justify-self:start; margin-top:38px; }
 body[data-page="support"] .support-layout { grid-template-columns:150px minmax(0,1fr); gap:38px; }
 body[data-page="support"] .support-start { grid-template-columns:1fr; }
 body[data-page="support"] .support-start > img { width:min(100%,270px); }
}