@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("../assets/fonts/InterVariable.woff2") format("woff2")}

.download-page{min-height:100vh;background:#fff;color:var(--ink)}
.download-page .site-header{position:sticky}
.download-page .download-link[aria-current=page]{color:var(--blue)}
.download-hero{padding:clamp(110px,14vw,190px) 24px clamp(90px,10vw,135px)}
.download-hero .eyebrow{margin-bottom:28px}
.download-hero h1{font-size:clamp(3.3rem,7vw,6.8rem);line-height:.98}
.download-hero .lede{margin-top:34px}

.platforms{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(42px,7vw,100px);padding-bottom:clamp(140px,15vw,210px)}
.platform{display:flex;min-height:480px;flex-direction:column;border-top:1px solid var(--line);padding-top:30px}
.platform-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.platform-mark{width:25px;height:25px;color:var(--ink)}
.windows-mark{display:grid;grid-template-columns:1fr 1fr;gap:2px;transform:skewY(-4deg)}
.windows-mark span{display:block;background:currentColor}
.apple-mark{fill:currentColor}
.availability{display:inline-flex;align-items:center;gap:9px;color:#616872;font-size:.78rem;font-weight:600;letter-spacing:.045em;text-transform:uppercase}
.availability>span{width:7px;height:7px;border-radius:50%;background:currentColor}
.availability.available{color:var(--blue)}
.platform-copy{margin-top:clamp(68px,8vw,105px)}
.platform-name{margin-bottom:17px;color:var(--muted);font-size:.9rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.platform h2{font-size:clamp(2.8rem,4.5vw,4.6rem);line-height:1}
.version{margin-top:18px;color:var(--muted);font-size:1.05rem}
.platform-action{margin-top:auto;padding-top:55px}
.download-button{min-width:235px;gap:35px}
.button-disabled,.button-disabled:hover{border-color:#d9dce1;background:#f1f2f4;color:#92979e;cursor:not-allowed;transform:none}
.system-note{margin-top:18px;color:#82878e;font-size:.8rem}
.system-note span+span::before{content:" · ";padding-inline:4px}
.platform-macos{color:#303236}
.platform-macos .platform-copy,.platform-macos .platform-action{opacity:.82}

.license-note{border-top:1px solid var(--line);padding-block:clamp(130px,14vw,190px)}
.license-note h2{font-size:clamp(3rem,5vw,5.2rem)}
.license-note .lede{max-width:690px;margin-top:35px}
.editions-line{margin-top:46px;color:#8a8f96;font-size:.875rem;letter-spacing:.035em}
.editions-line span{padding-inline:10px;color:#bdc0c5}

.useful-links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.useful-links a{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px 0;color:#5f656e;font-size:.95rem;transition:color .2s ease}
.useful-links a+a{margin-left:42px}
.useful-links a:hover{color:var(--blue)}
.useful-links span{color:var(--blue)}

@media(max-width:800px){
 .download-hero{padding:88px 20px 80px;text-align:left}
 .download-hero h1{font-size:clamp(3.2rem,14vw,4.8rem);max-width:620px}
 .download-hero .lede{margin-inline:0;font-size:1.08rem}
 .platforms{grid-template-columns:1fr;gap:78px;padding-bottom:120px}
 .platform{min-height:405px;padding-top:24px}
 .platform-copy{margin-top:55px}
 .platform h2{font-size:3.2rem}
 .platform-action{padding-top:44px}
 .download-button{width:100%;min-height:56px}
 .license-note{padding-block:110px;text-align:left}
 .license-note .lede{margin-inline:0;font-size:1.05rem}
 .editions-line{line-height:2}
 .editions-line span{padding-inline:5px}
 .useful-links{grid-template-columns:1fr;padding-block:14px}
 .useful-links a{min-height:58px;padding:17px 0;border-bottom:1px solid var(--line)}
 .useful-links a+a{margin-left:0}
 .useful-links a:last-child{border-bottom:0}
}

@media(max-width:360px){
 .download-hero h1{font-size:2.9rem}
 .platform h2{font-size:2.75rem}
 .editions-line{font-size:.8rem}
}

@media(prefers-reduced-motion:reduce){.download-page *{scroll-behavior:auto!important}}
html[lang="zh-CN"] .download-page{font-family:Inter,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
@media(max-width:360px){.download-page .nav-shell{gap:8px}.download-page .nav-actions>.button.small{padding-inline:14px}}
