/* Navigation inherits the product page shared rules in home.css. */
.dc-release-notice{width:min(1088px,calc(100% - 48px));margin:16px auto 0;color:#425169;font-size:13px;line-height:1.7;text-align:center}
body[data-page=download]{--accent:#1677ff;background:#fff}
/* Join the download scene directly to the footer; other pages retain their gap. */
body[data-page=download] .download-center+.legal-footer{margin-top:0}
body[data-page=download] .home-footer{position:relative;background:#fff}
body[data-page=download] .home-footer-inner{width:min(1024px,calc(100% - 48px));min-height:76px}

/* Keep the approved desktop composition independent of viewport width/height.
   The supplied 5500×3600 scene is centered on a fixed 1024px-high canvas. */
.download-center{--dc-scene-height:1024px;--dc-scene-width:1564.444444px;position:relative;isolation:isolate;overflow:hidden;min-height:var(--dc-scene-height);margin-top:calc(-1 * var(--header-height));padding-top:var(--header-height);background:#edf5fc;color:#0f1729}
.dc-background{position:absolute;top:0;left:50%;z-index:-1;width:var(--dc-scene-width);max-width:none;height:var(--dc-scene-height);transform:translateX(-50%);object-fit:contain;object-position:center top;opacity:1;filter:none;pointer-events:none}
.dc-content{position:relative;padding-top:41px}
.dc-heading{text-align:center;padding-inline:20px}
.dc-heading h1{font-size:56px;line-height:1.2;font-weight:800;letter-spacing:-1.5px;color:#0f1729}
.dc-heading>p{margin-top:8px;font-size:16px;line-height:1.6;color:#5b6b82}

.dc-tabs{display:flex;width:min(560px,calc(100% - 40px));height:66px;margin:14px auto 0;background:#ffffff9c;backdrop-filter:blur(8px);border:1px solid #ffffff80;border-radius:24px;box-shadow:0 5px 20px #3c64b008;overflow:hidden}
.dc-tabs>a{position:relative;display:flex;align-items:center;justify-content:center;gap:13px;flex:1;min-width:0;color:#8190a6;font-size:17px;font-weight:600;border-radius:23px;transition:background .18s,color .18s}
.dc-tabs>a:hover{background:#ffffffb3;color:#1677ff}
.dc-tabs>a[aria-current=page]{background:#fff;color:#1677ff;box-shadow:0 2px 14px #3c64b00b}
.dc-tabs>a[aria-current=page]:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:3px;background:#1677ff;border-radius:3px}
.dc-tabs .platform-logo{width:30px;height:32px}
.dc-tabs .icon{width:27px;height:27px}

.dc-platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:min(1088px,calc(100% - 48px));margin:25px auto 0;border-radius:16px}
.dc-platform{position:relative;height:218px;display:flex;flex-direction:column;align-items:center;padding:23px 18px 20px;border:1px solid #e6edf780;border-radius:16px;background:#fffffff0;box-shadow:0 10px 32px #3c64b00d;text-align:center;transition:box-shadow .18s,transform .18s}
.dc-platform-other{background:#ffffffc9}
.dc-platform-other .dc-platform-brand{margin-top:13px}
.dc-platform-brand{height:48px;color:#748397;display:flex;align-items:center;justify-content:center}
.dc-platform-brand .platform-logo{width:45px;height:48px}
.dc-platform-android .dc-platform-brand{color:#42bd80}
.dc-platform-ios .dc-platform-brand{color:#0b111b}
.dc-platform-windows .dc-platform-brand{color:#1677ff}
.dc-platform h2{font-size:16px;font-weight:600;line-height:1.5;margin-top:4px;letter-spacing:-.2px;color:#101723}
.dc-platform-description{font-size:12px;color:#667b96;line-height:1.5;margin-top:2px}
.dc-version{min-height:24px;padding:0 6px;line-height:1.5;background:none;color:#182233;font-size:13px;font-weight:600;border-radius:4px}
.dc-version:hover{color:#1677ff}
.dc-card-status{position:absolute;right:16px;top:16px;line-height:1;color:#8b9cb1}
.dc-card-status .icon{width:21px;height:21px}
.dc-card-status[aria-label="可下载"]{color:#1677ff}
.dc-download-button{width:100%;min-height:40px;margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;background:#1677ff;color:#fff;font-size:14px;font-weight:600;line-height:1.5}
.dc-download-button .icon{width:18px;height:18px}
a.dc-download-button:hover{background:#0866e8}
.dc-download-button:disabled{cursor:not-allowed;opacity:1}
.dc-download-disabled{background:#eaf0f8;color:#667b98}
.dc-platform-windows:hover{transform:translateY(-2px);box-shadow:0 14px 34px #3c64b01c}

/* The separate page reads real entries from content/changelog.json. */
.versions-page{min-height:calc(100svh - 132px);padding:48px 24px 64px;background:linear-gradient(#f5f9ff,#fff 380px)}
.versions-heading{text-align:center}
.versions-heading h1{font-size:42px;line-height:1.3;font-weight:800;letter-spacing:-1px;color:#0f1729}
.versions-heading>p{font-size:15px;line-height:1.6;color:#667b96;margin-top:10px}
.versions-page .dc-tabs{margin-top:28px}
.versions-list{max-width:860px;margin:42px auto 0}
.version-entry{padding:32px 4px 36px;border-bottom:1px solid #e8edf4;scroll-margin-top:80px}
.version-entry:first-child{padding-top:0}
.version-entry:last-child{border-bottom:0;padding-bottom:0}
.version-entry-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.version-entry-meta h2{font-size:26px;line-height:1.4;font-weight:750;color:#0f1729}
.version-current{display:inline-flex;padding:3px 9px;border-radius:6px;background:#edf4ff;color:#245ac8;font-size:11px;line-height:1.6}
.version-entry-meta time{margin-left:auto;font-size:13px;color:#748297}
.version-entry h3{margin-top:14px;font-size:20px;line-height:1.5;font-weight:650;color:#172033}
.version-summary{font-size:14px;color:#66758b;margin-top:6px}
.version-entry ul{display:grid;gap:11px;margin-top:20px;padding:0;list-style:none}
.version-entry li{display:flex;align-items:baseline;gap:12px;color:#425169;font-size:14px;line-height:1.8}
.version-change-label{flex-shrink:0;padding:1px 7px;border-radius:4px;background:#f0f4fa;color:#647895;font-size:11px;line-height:1.7}

/* Feather the scene into its matching surface on screens wider than the scene;
   only the empty outer edges blend, never the embedded product windows. */
@media(min-width:1565px){.dc-background{mask-image:linear-gradient(to right,transparent,#000 96px,#000 calc(100% - 96px),transparent)}}
@media(max-width:1100px){.dc-platform-grid{gap:12px}.dc-platform{padding-inline:14px}.dc-platform-description{font-size:11.5px}}
@media(max-width:1000px){
 .download-center{min-height:0;padding-bottom:380px}
 .dc-background{inset:auto;left:50%;bottom:0;width:max(1200px,100%);height:auto;max-width:none;transform:translateX(-50%);object-fit:contain;mask-image:linear-gradient(transparent 0%,#000 20%,#000 100%)}
 .dc-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:640px;gap:16px}
}
@media(max-width:900px){body[data-page=download] .home-footer-inner{flex-direction:column;justify-content:center;gap:8px;padding-block:18px}body[data-page=download] .home-footer nav{justify-content:center;gap:4px 18px}}
@media(max-width:760px){
 
 .dc-content{padding-top:30px}.dc-heading h1{font-size:46px}.dc-heading>p{font-size:14px;max-width:430px;margin:10px auto 0}.dc-tabs{margin-top:24px}
 .versions-page{padding-top:34px}.versions-heading h1{font-size:36px}.versions-list{margin-top:32px}.version-entry{padding-block:26px}
}
@media(max-width:540px){
 
 
 .download-center{padding-bottom:220px}.dc-background{width:620px}
 .dc-heading h1{font-size:40px;letter-spacing:-1px}.dc-heading>p{max-width:320px;font-size:13px;line-height:1.75}
 .dc-tabs{height:58px;border-radius:20px}.dc-tabs>a{font-size:15px;gap:10px;border-radius:19px}.dc-tabs .platform-logo{width:25px;height:27px}.dc-tabs .icon{width:24px;height:24px}
 .dc-platform-grid{grid-template-columns:1fr;width:calc(100% - 40px);max-width:360px;margin-top:24px;gap:12px}.dc-platform{height:218px;padding-inline:20px}.dc-platform-description{font-size:12px}
 .versions-page{padding-inline:20px}.versions-heading h1{font-size:32px}.versions-heading>p{font-size:13px}.versions-page .dc-tabs{width:100%}.version-entry-meta h2{font-size:23px}.version-entry-meta time{font-size:12px}.version-entry h3{font-size:18px}.version-entry li{font-size:13px;gap:9px}
 body[data-page=download] .home-footer-inner{width:calc(100% - 32px)}
}
@media(prefers-reduced-motion:reduce){.dc-tabs>a,.dc-platform{transition:none}.dc-platform-windows:hover{transform:none}}
