:root { --paper:#f5f2ea; --surface:#fffefa; --ink:#153b38; --muted:#6f7d79; --line:#d8d3c8; --accent:#2d7f76; --body:"PingFang SC","Microsoft YaHei",sans-serif; --mono:"SFMono-Regular","Cascadia Mono",monospace; }
* { box-sizing:border-box; }
body[data-page="releases"] { margin:0; color:var(--ink); font-family:var(--body); background:radial-gradient(circle at 10% 15%,rgba(45,127,118,.11),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.82),transparent 54%),var(--paper); }
.release-header { position:sticky; top:0; z-index:5; display:flex; align-items:center; justify-content:space-between; min-height:76px; padding:0 clamp(22px,5vw,76px); border-bottom:1px solid rgba(21,59,56,.1); background:rgba(245,242,234,.82); backdrop-filter:blur(18px); }
.release-brand { display:flex; gap:3px; align-items:baseline; color:var(--ink); font-size:24px; font-weight:600; letter-spacing:-.08em; }.release-brand b { color:var(--accent); font-weight:700; transform:translateY(-2px); }.release-header nav { display:flex; gap:24px; }.release-header nav a { color:var(--muted); font-size:12px; }
.release-shell { display:grid; grid-template-columns:minmax(270px,.72fr) minmax(0,1.45fr); gap:clamp(42px,7vw,110px); width:min(1500px,100%); min-height:calc(100vh - 76px); margin:auto; padding:clamp(54px,8vw,120px) clamp(22px,5vw,76px); }
.release-intro { position:sticky; top:130px; align-self:start; }.eyebrow { color:var(--accent); font:10px var(--mono); letter-spacing:.16em; }.release-intro h1 { margin:24px 0; font-size:clamp(46px,6vw,86px); line-height:.98; letter-spacing:-.075em; }.release-intro>p:not(.eyebrow) { max-width:480px; color:var(--muted); font-size:15px; line-height:1.9; }
.release-switch { display:flex; gap:7px; margin-top:40px; }.release-switch button { padding:11px 17px; border:1px solid var(--line); border-radius:999px; color:var(--muted); background:rgba(255,255,255,.42); cursor:pointer; }.release-switch button.active { color:#fff; border-color:var(--ink); background:var(--ink); }
.release-content { min-width:0; }.latest-release { padding:clamp(25px,4vw,50px); border:1px solid rgba(21,59,56,.14); border-radius:22px 22px 6px 22px; background:rgba(255,254,250,.78); box-shadow:0 28px 90px rgba(48,67,61,.1); }.latest-meta { display:flex; justify-content:space-between; gap:20px; color:var(--muted); font:10px var(--mono); }.latest-release>strong { display:block; margin:32px 0 14px; font:600 clamp(44px,7vw,88px)/1 var(--mono); letter-spacing:-.07em; }.latest-release>p { margin:0 0 32px; color:var(--muted); }
.release-command { display:grid; grid-template-columns:minmax(0,1fr) auto; border:1px solid var(--line); border-radius:8px; overflow:hidden; background:#fff; }.release-command code { overflow:auto; padding:16px 18px; white-space:nowrap; font:11px var(--mono); }.release-command button { border:0; padding:0 19px; color:#fff; background:var(--ink); cursor:pointer; }.release-command button:disabled { color:var(--muted); background:#e8e5dc; cursor:not-allowed; }.release-download { display:inline-flex; margin-top:16px; color:var(--accent); font-size:12px; }.release-download[aria-disabled="true"] { color:var(--muted); pointer-events:none; }
.release-history { margin-top:70px; }.release-history header { display:flex; align-items:end; justify-content:space-between; padding-bottom:18px; border-bottom:1px solid var(--line); }.release-history h2 { margin:0; font-size:30px; letter-spacing:-.04em; }.release-entry { display:grid; grid-template-columns:130px minmax(0,1fr); gap:28px; padding:30px 0; border-bottom:1px solid var(--line); }.release-entry-version { font:600 18px var(--mono); }.release-entry-version time { display:block; margin-top:8px; color:var(--muted); font:9px var(--mono); }.release-entry-group { margin-bottom:18px; }.release-entry-group:last-child { margin-bottom:0; }.release-entry-group h3 { margin:0 0 9px; color:var(--accent); font-size:11px; }.release-entry-group ul { margin:0; padding-left:18px; }.release-entry-group li { margin:6px 0; color:var(--muted); font-size:13px; line-height:1.7; }.release-empty { padding:38px 0; color:var(--muted); }
footer { display:flex; justify-content:space-between; padding:25px clamp(22px,5vw,76px); border-top:1px solid var(--line); color:var(--muted); font-size:10px; }
@media (max-width:850px) { .release-shell { grid-template-columns:1fr; }.release-intro { position:static; }.release-intro h1 { font-size:clamp(48px,14vw,76px); }.release-switch { margin-top:26px; } }
@media (max-width:560px) { .release-header nav a:last-child { display:none; }.release-shell { padding-top:42px; }.latest-meta { display:block; }.latest-meta time { display:block; margin-top:8px; }.release-command { grid-template-columns:1fr; }.release-command button { padding:13px; }.release-entry { grid-template-columns:1fr; gap:16px; } footer { display:block; } footer span { display:block; margin:4px 0; } }
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; transition:none!important; } }