/* Shared landscape and clear glass materials across every section. */
:root {
  --landscape-position: 56% 50%;
  --glass: rgba(255,255,255,.22);
  --glass-strong: rgba(248,251,252,.62);
  --glass-border: rgba(255,255,255,.66);
  --glass-shadow: 0 14px 40px -24px rgba(15,31,39,.34), inset 0 1px 0 rgba(255,255,255,.86), inset 0 -1px 0 rgba(255,255,255,.22);
  --line: rgba(38,58,68,.16);
  --muted: #46545e;
  --faint: #65737e;
}
:root[data-theme=dark] {
  --glass: rgba(24,31,38,.27);
  --glass-strong: rgba(24,31,38,.72);
  --glass-border: rgba(239,249,255,.25);
  --glass-shadow: 0 16px 44px -22px rgba(0,0,0,.65), inset 0 1px 0 rgba(240,250,255,.28), inset 0 -1px 0 rgba(240,250,255,.06);
  --line: rgba(223,238,247,.18);
  --muted: #ced9df;
  --faint: #a2b3bd;
}
body { position: relative; }
.ambient-world { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; background: var(--paper); }
.ambient-image { position: absolute; inset: 0; height: 100%; width: 100%; object-fit: cover; object-position: var(--landscape-position); }
.ambient-wash { position: absolute; inset: 0; background: rgba(240,246,249,.4); transition: background .5s; }
html[data-theme=dark] .ambient-wash { background: rgba(6,12,19,.62); }
.glass, .download-card, .changelog-card, .release-details {
  border: 1px solid var(--glass-border);
  background: linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,.08)),var(--glass);
  -webkit-backdrop-filter: blur(16px) saturate(1.45);
  backdrop-filter: blur(16px) saturate(1.45);
  box-shadow: var(--glass-shadow);
}
html[data-theme=dark] :is(.glass,.download-card,.changelog-card,.release-details) {
  background: linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.015)),var(--glass);
}
.site-header { background: rgba(251,253,255,.18); border-color: rgba(255,255,255,.72); }
.site-header.is-scrolled { background: rgba(249,253,255,.33); }
html[data-theme=dark] .site-header, html[data-theme=dark] .site-header.is-scrolled { background: rgba(20,28,36,.32); }
.theme-menu, .mobile-nav { background: var(--glass-strong); -webkit-backdrop-filter: blur(32px) saturate(1.5); backdrop-filter: blur(32px) saturate(1.5); }
.hero { min-height: 780px; height: min(1000px,100svh); justify-content: flex-end; }
/* 首屏与共用背景采用同一视口裁切，动效保留到视口下方的渐变区。 */
.hero-scenery {
  position: absolute;
  inset: 0;
  min-height: 100svh;
  pointer-events: none;
  --scenery-fade: linear-gradient(to bottom, #000 calc(100% - clamp(64px, 12svh, 148px)), transparent);
  -webkit-mask-image: var(--scenery-fade);
  mask-image: var(--scenery-fade);
}
/* 高屏上文字区仍受高度上限约束，背景继续覆盖视口。 */
@media (min-width: 761px) and (min-height: 1101px) { .hero { overflow: visible; } }
.hero-scene-layer { position: fixed; }
.hero-scene-layer :is(.hero-image,.hero-video) { object-position: var(--landscape-position); transform: none; filter: none; }
.hero-scene-layer .hero-image { animation: none; will-change: auto; }
.hero-scene-layer .hero-video { transition: opacity .55s ease; }
.hero-shade { background: linear-gradient(180deg,rgba(245,249,252,.05),transparent 45%,rgba(240,247,250,.24)); }
html[data-theme=dark] .hero-shade { background: linear-gradient(180deg,rgba(8,13,19,.32),rgba(8,13,19,.28) 40%,rgba(8,13,19,.48)); }
html[data-theme=dark] .hero-scene-layer :is(.hero-image,.hero-video) { filter: none; }
.hero-content { padding-top: 150px; padding-bottom: 130px; }
.hero-info { position: relative; width: min(470px,100%); padding: 28px 30px 26px; border-radius: 29px; }
.hero-info .release-pill { font-size: 10px; padding: 4px 9px; background: rgba(255,255,255,.16); }
.hero-subtitle { font-size: 28px; line-height: 1.45; font-weight: 600; letter-spacing: -.4px; margin: 23px 0 0; }
.hero-description { font-size: 13px; line-height: 1.95; margin-top: 16px; max-width: none; }
.hero-actions { margin-top: 24px; gap: 12px; }
.hero-actions .btn-large { min-height: 48px; padding: 11px 16px; font-size: 12px; border-radius: 16px; }
.hero-caption { font-size: 10px; margin-top: 17px; color: var(--muted); }
.scene-controls { margin-top: 20px; background: rgba(255,255,255,.16); }
.hero-bottom { bottom: 46px; }
.scene-caption { background: rgba(255,255,255,.2); }
html[data-theme=dark] .scene-caption, html[data-theme=dark] .scene-controls { background: rgba(19,27,34,.25); }
.btn-glass { background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.67); box-shadow: inset 0 1px 0 rgba(255,255,255,.75),0 7px 20px -15px rgba(0,0,0,.3); }
html[data-theme=dark] .btn-glass { background: rgba(255,255,255,.055); border-color: rgba(255,255,255,.3); }
.stats-container { padding-top: 34px; }
.stats-panel { padding: 25px 30px; }
.stats-grid strong { font-size: 38px; font-weight: 500; }
.section { padding-block: 90px; }
.section-heading h2, .updates-sidebar h2 { font-size: 37px; line-height: 1.35; }
.section-description { color: var(--muted); }
.feature-workspace { background: var(--glass); }
.feature-tabs { background: rgba(255,255,255,.04); }
.feature-tabs button[aria-selected=true] { box-shadow: 0 4px 14px -9px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.55); }
.detail-row article { background: var(--glass); border: 1px solid var(--glass-border); border-radius: 20px; padding: 24px; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: var(--glass-shadow); }
.feature-footnote { color: var(--muted); }
.downloads-section { background: transparent; isolation: auto; overflow: visible; }
.download-glow { display: none; }
.download-showcase { position: relative; border-radius: 27px; min-height: 200px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 32px 38px; overflow: hidden; margin-bottom: 29px; isolation: isolate; }
.download-showcase-copy .eyebrow { display: block; font-size: 8px; margin-bottom: 10px; }
.download-showcase h3 { font-size: 24px; font-weight: 600; }
.download-showcase p { font-size: 12px; margin: 10px 0 14px; color: var(--muted); }
.download-showcase-tags { display: flex; gap: 7px; flex-wrap: wrap; }
.download-showcase-tags span { font-size: 9px; border: 1px solid var(--glass-border); padding: 3px 8px; border-radius: 20px; background: rgba(255,255,255,.15); }
.download-showcase>.btn { align-self: flex-end; flex-shrink: 0; font-size: 11px; }
.download-card { border-radius: 25px; }
.download-card::before { opacity: .6; }
.download-toolbar { gap: 16px; }
.version-tabs, .segmented-control { -webkit-backdrop-filter: blur(14px) saturate(1.35); backdrop-filter: blur(14px) saturate(1.35); }
.version-tabs { padding: 5px; background: var(--glass); border: 1px solid var(--glass-border); border-radius: 17px; }
.version-tabs button { transition: background .35s,color .35s,box-shadow .35s,transform .28s var(--spring); }
.version-tabs button:active { transform: scale(.94); }
.version-tabs button[aria-pressed=true] { box-shadow: 0 3px 10px -5px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.3); }
.updates-sidebar { padding: 26px; border-radius: 25px; border: 1px solid var(--glass-border); background: var(--glass); -webkit-backdrop-filter: blur(17px) saturate(1.3); backdrop-filter: blur(17px) saturate(1.3); box-shadow: var(--glass-shadow); }
.timeline-date { color: var(--muted); }
.release-details { border-radius: 22px; }
.changelog-title, .changelog-body { color: var(--muted); }
.guide-panel { background: var(--glass); }
.site-footer { position: relative; padding-top: 35px; padding-bottom: 105px; }
.footer-top { padding-top: 24px; border-top: 1px solid var(--line); }
.feature-copy .text-link, .download-footer .text-link, .site-footer a { text-underline-offset: 5px; }
.feature-copy .text-link:hover, .download-footer .text-link:hover, .site-footer a:hover { text-decoration: underline; }
@media (min-width:1600px) { .hero-info{width:500px;padding:32px}.hero-subtitle{font-size:30px}.hero-description{font-size:14px} }
@media (max-width:900px) { .hero{min-height:780px}.hero-info{width:440px}.hero-subtitle{font-size:26px}.updates-sidebar{padding:22px}.download-showcase{padding:29px} }
@media (max-width:640px) {
  :root { --landscape-position: 65% 50%; }
  .hero { height: 850px; min-height: 790px; }
  .hero-content { padding: 250px 0 142px; }
  .hero-info { width: 100%; padding: 22px 20px; border-radius: 25px; }
  .hero-subtitle { font-size: 21px; letter-spacing: -.4px; margin-top: 17px; }
  .hero-description { font-size: 11px; margin-top: 13px; }
  .hero-actions { margin-top: 19px; gap: 9px; }
  .hero-actions .btn-large { font-size: 11px; padding: 11px 13px; min-height: 46px; }
  .hero-caption { font-size: 9px; margin-top: 14px; }
  .scene-controls { margin-top: 18px; }
  .hero-bottom { bottom: 72px; padding-inline: 0; }
  .hero-shade { background: linear-gradient(180deg,rgba(244,250,252,.05),transparent 45%,rgba(239,247,250,.2)); }
  html[data-theme=dark] .hero-shade { background: linear-gradient(180deg,rgba(8,14,20,.12),rgba(8,14,20,.05) 40%,rgba(8,14,20,.32)); }
  .ambient-wash { background: rgba(240,246,249,.46); }
  .stats-container { padding-top: 20px; }
  .stats-panel { padding: 19px 17px; }
  .stats-grid strong { font-size: 28px; }
  .section { padding-block: 62px; }
  .section-heading h2, .downloads-section h2, .updates-sidebar h2 { font-size: 27px; }
  .detail-row article { padding: 22px; }
  .download-showcase { min-height: 242px; padding: 24px 21px; display: block; border-radius: 23px; }
  .download-showcase h3 { font-size: 21px; }
  .download-showcase p { font-size: 11px; max-width: 245px; }
  .download-showcase-tags { gap: 5px; }
  .download-showcase-tags span { font-size: 8px; }
  .download-showcase>.btn { margin-top: 18px; min-height: 40px; }
  .version-tabs { padding: 4px; border-radius: 14px; }
  .updates-sidebar { padding: 24px 21px; }
  .guide-panel { padding: 29px 24px; }
  .site-footer { padding-bottom: 110px; }
}
@media (max-width:370px) {
  .hero-info { padding: 21px 15px; }
  .hero-subtitle { font-size: 18px; }
  .hero-description { font-size: 10px; }
  .hero-caption { font-size: 8px; }
  .hero-actions .btn-large { padding-inline: 11px; font-size: 10px; }
  .stats-grid strong { font-size: 23px; }
}
@supports not ((backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px))) { .glass,.download-card,.release-details,.updates-sidebar { background:var(--glass-strong); } }

/* Keep transparent navigation readable over bright sky and dark foliage. */
.site-header{background:linear-gradient(120deg,rgba(255,255,255,.46),rgba(255,255,255,.33))}
.site-header.is-scrolled{background:rgba(249,253,255,.4)}
html[data-theme=dark] .site-header,html[data-theme=dark] .site-header.is-scrolled{background:rgba(15,23,30,.46)}
@media(max-width:640px){
  .version-tabs button{font-size:9px;padding:8px 6px;white-space:nowrap;min-width:0}
  .download-grid{grid-template-columns:1fr;gap:17px}
  .download-card{padding:22px;border-radius:23px}
  .download-card__version,.download-card h3{font-size:34px}
  .download-card__top{font-size:9px}.download-card__top span:last-child{font-size:9px}
  .download-card__meta,.download-card__date{font-size:11px}
  .download-card__details dt,.download-card__details dd,.download-card__detail dt,.download-card__detail dd{font-size:11px}
  .download-card__detail{flex-wrap:nowrap!important;gap:12px!important}
  .download-card__note,.download-card__release-link{font-size:10px}
  .download-card__actions .btn-primary{font-size:12px}
  .downloads-section .section-heading{gap:16px}
}

/* 下载引导以玻璃层次承接版本卡，避免重复使用场景图。 */
.download-showcase.glass{background:radial-gradient(ellipse at 88% 15%,rgba(113,173,159,.3),transparent 56%),radial-gradient(ellipse at 72% 100%,rgba(196,175,139,.24),transparent 60%),linear-gradient(110deg,rgba(245,250,250,.8),rgba(240,249,249,.28));box-shadow:var(--glass-shadow),inset 0 0 45px rgba(255,255,255,.2)}
html[data-theme=dark] .download-showcase.glass{background:radial-gradient(ellipse at 88% 15%,rgba(91,151,143,.22),transparent 56%),radial-gradient(ellipse at 72% 100%,rgba(161,129,78,.15),transparent 60%),linear-gradient(110deg,rgba(15,28,34,.86),rgba(23,39,45,.48));box-shadow:var(--glass-shadow)}