.release-page { background:#f7f9fd; }
.release-page .site-header { background:rgba(255,255,255,.9); }
.release-page .site-header .nav-current { color:var(--blue);font-weight:750; }
.release-hero { min-height:720px;display:grid;grid-template-columns:minmax(430px,.9fr) minmax(440px,.75fr);align-items:center;gap:8vw;padding:130px max(34px,8vw) 85px;background:radial-gradient(circle at 75% 40%,rgba(78,105,244,.19),transparent 30%),linear-gradient(130deg,#f8fbff,#edf3ff 54%,#eafcfd); }
.release-hero-copy { max-width:680px; }
.release-hero h1,.updates-hero h1 { margin:24px 0;font-size:clamp(54px,6vw,84px);line-height:1.05;letter-spacing:-.055em; }
.release-hero h1 em,.updates-hero h1 em { color:transparent;background:linear-gradient(100deg,#2942ce,#526df4 55%,#08aebe);background-clip:text;-webkit-background-clip:text;font-style:normal; }
.release-hero-copy > p,.updates-hero > p { max-width:650px;margin:0;color:#5f6c80;font-size:17px;line-height:1.9; }
.version-pills { display:flex;flex-wrap:wrap;gap:10px;margin-top:30px; }
.version-pills span { padding:8px 11px;border:1px solid #dbe3f1;border-radius:999px;color:#52627a;background:rgba(255,255,255,.7);font-size:11px; }
.version-pills i { display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#22c55e; }
.recommended-download { width:min(480px,100%);justify-self:end;padding:34px;border:1px solid rgba(194,207,227,.8);border-radius:28px;background:rgba(255,255,255,.84);box-shadow:0 32px 85px rgba(38,58,107,.16);backdrop-filter:blur(18px); }
.recommended-top { display:flex;justify-content:space-between;color:#7d899c;font-size:11px; }
.recommended-top b { padding:5px 8px;border-radius:7px;color:#3150d9;background:#edf1ff; }
.platform-symbol { width:68px;height:68px;display:grid;place-items:center;margin:38px 0 26px;border-radius:20px;color:white;background:linear-gradient(145deg,#263dc5,#5a74f5 65%,#19bccc);box-shadow:0 15px 35px rgba(66,91,221,.3);font-size:30px;font-weight:800; }
.recommended-download h2 { margin:0;font-size:31px;letter-spacing:-.035em; }
.recommended-download > p { min-height:46px;margin:10px 0 25px;color:#748196;font-size:13px;line-height:1.7; }
.recommended-download .download-action { width:100%; }
.recommended-download > small { display:block;margin-top:14px;color:#9aa5b4;text-align:center;font-size:9px; }
.platform-section,.changelog-section { padding:110px max(32px,8vw); }
.release-heading { max-width:720px;margin-bottom:45px; }
.release-heading h2,.changelog-toolbar h2 { margin:12px 0;font-size:clamp(38px,4vw,56px);letter-spacing:-.045em; }
.release-heading p { margin:0;color:#667489;font-size:14px;line-height:1.8; }
.platform-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:18px; }
.platform-card { position:relative;min-height:310px;display:flex;flex-direction:column;padding:27px;border:1px solid #dee5ef;border-radius:20px;background:white;box-shadow:0 18px 45px rgba(43,60,96,.07);transition:.22s ease; }
.platform-card:hover { transform:translateY(-5px);border-color:#c5d0fa;box-shadow:0 25px 55px rgba(43,60,96,.12); }
.platform-card.recommended { border-color:#aebdfc;box-shadow:0 22px 60px rgba(72,101,242,.15); }
.platform-card.recommended::before { content:"推荐";position:absolute;right:18px;top:18px;padding:5px 8px;border-radius:7px;color:#fff;background:var(--blue);font-size:9px; }
.platform-card-icon { width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#4057d5;background:#edf1ff;font-size:20px;font-weight:800; }
.platform-card h3 { margin:25px 0 7px;font-size:21px; }
.platform-card .meta { color:#7b8799;font-size:11px; }
.platform-card .file { margin:18px 0;color:#9aa4b2;font-size:9px;word-break:break-all; }
.platform-card a { width:100%;margin-top:auto; }
.release-loading { grid-column:1/-1;padding:70px;border:1px dashed #ccd7e6;border-radius:18px;color:#7f8a9a;text-align:center;background:rgba(255,255,255,.55); }
.data-note { display:flex;align-items:center;justify-content:center;gap:9px;margin:26px 0 0;color:#8b96a6;font-size:10px; }
.data-note i { width:7px;height:7px;border-radius:50%;background:#22c55e; }
.install-guide { padding:110px max(32px,8vw);color:white;background:linear-gradient(125deg,#263bbc,#526df2 62%,#18b6c7); }
.release-heading.light { margin-bottom:36px; }
.release-heading.light .kicker { color:#c8f5f8; }
.install-steps { display:grid;grid-template-columns:repeat(3,1fr);max-width:1100px;border-top:1px solid rgba(255,255,255,.28); }
.install-steps article { min-height:210px;padding:28px;border-right:1px solid rgba(255,255,255,.22); }
.install-steps article:first-child { border-left:1px solid rgba(255,255,255,.22); }
.install-steps span { color:#bdeef4;font-size:10px; }
.install-steps h3 { margin:55px 0 10px;font-size:20px; }
.install-steps p { margin:0;color:rgba(255,255,255,.72);font-size:12px;line-height:1.7; }
.install-guide > a { display:inline-block;margin-top:32px;font-weight:700; }
.release-footer { display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:28px;padding:28px 5vw;border-top:1px solid #dfe6ef;color:#6b778b;background:white;font-size:12px; }
.release-footer nav { display:flex;gap:20px; }

.updates-hero { min-height:620px;padding:155px max(32px,10vw) 90px;background:radial-gradient(circle at 80% 30%,rgba(33,202,218,.16),transparent 25%),linear-gradient(130deg,#f8fbff,#eef3ff); }
.updates-hero > p { max-width:690px; }
.updates-hero-meta { display:flex;align-items:center;gap:14px;margin-top:34px;color:#728095;font-size:12px; }
.updates-hero-meta strong { color:#3349cd; }
.changelog-toolbar { display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:55px; }
.filter-tabs { display:flex;flex-wrap:wrap;gap:7px; }
.filter-tabs button { padding:9px 13px;border:1px solid #dbe3ed;border-radius:9px;color:#69768a;background:white;cursor:pointer;font-size:11px;transition:.2s ease; }
.filter-tabs button:hover,.filter-tabs button.active { color:white;border-color:var(--blue);background:var(--blue); }
.timeline { position:relative;max-width:1060px;margin:0 auto; }
.timeline::before { content:"";position:absolute;left:91px;top:0;bottom:0;width:1px;background:linear-gradient(#a9b8fc,#dce5ee); }
.release-entry { position:relative;display:grid;grid-template-columns:92px 1fr;gap:35px;padding-bottom:42px; }
.release-version { position:relative;padding-top:19px;color:#344bd0;font-size:15px;font-weight:800; }
.release-version::after { content:"";position:absolute;right:-6px;top:25px;width:11px;height:11px;border:4px solid #eef1ff;border-radius:50%;background:var(--blue); }
.release-card { padding:28px 30px;border:1px solid #dfe6ef;border-radius:20px;background:white;box-shadow:0 18px 48px rgba(40,58,94,.07); }
.release-card-head { display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:20px;border-bottom:1px solid #e5eaf1; }
.release-card-head h3 { margin:0;font-size:22px; }
.release-card-head time { color:#8d98a8;font-size:10px; }
.release-card-body { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:28px; }
.application-block { position:relative;min-width:0;padding:20px 22px 16px 27px;border:0;border-left:4px solid transparent;border-radius:0;background:transparent; }
.application-block + .application-block { margin-top:0;border-top:0; }
.category-block.category-pc { border-left-color:#536be8;background:linear-gradient(90deg,rgba(239,243,255,.92),rgba(239,243,255,0)); }
.category-block.category-mobile { border-left-color:#35a77a;background:linear-gradient(90deg,rgba(235,250,243,.96),rgba(235,250,243,0)); }
.category-heading { display:flex;align-items:center;gap:10px;min-height:25px;padding-bottom:12px;border-bottom:1px solid rgba(175,188,214,.42); }
.category-heading strong { color:#687790;font-size:11px;font-weight:700; }
.application-name { display:inline-flex;padding:0;color:#4055ce;background:transparent;font-size:13px;font-weight:850;letter-spacing:.01em;white-space:nowrap; }
.application-name.category-mobile { color:#23875f;background:transparent; }
.change-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:17px 0 0;padding:0;list-style:none; }
.change-list li { position:relative;padding-left:16px;color:#5f6d81;font-size:12px;line-height:1.65; }
.change-list li::before { content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan)); }
.load-more { display:block;min-width:180px;margin:10px auto 0;padding:12px 20px;border:1px solid #d7e0ed;border-radius:11px;color:#4e60c7;background:white;cursor:pointer;font-weight:700; }
.load-more:hover { border-color:#b7c3f7;box-shadow:0 12px 30px rgba(57,75,135,.1); }
.load-more[hidden] { display:none; }
.update-cta { display:flex;align-items:center;justify-content:space-between;gap:30px;padding:75px max(32px,10vw);color:white;background:linear-gradient(120deg,#263bbc,#526df2 62%,#18b6c7); }
.update-cta .kicker { color:#c8f5f8; }
.update-cta h2 { margin:12px 0;font-size:38px;letter-spacing:-.04em; }
.update-cta p { margin:0;color:rgba(255,255,255,.72); }

@media(max-width:950px){.release-hero{grid-template-columns:1fr;gap:50px}.recommended-download{justify-self:start}.platform-grid{grid-template-columns:repeat(2,1fr)}.changelog-toolbar{align-items:flex-start;flex-direction:column}.change-list{grid-template-columns:1fr}}
@media(max-width:720px){.release-page .site-header>nav{display:none}.release-hero{padding:115px 22px 70px}.release-hero h1,.updates-hero h1{font-size:49px}.recommended-download{padding:25px}.platform-section,.changelog-section{padding:80px 22px}.platform-grid,.install-steps,.release-card-body{grid-template-columns:1fr}.install-steps article,.install-steps article:first-child{border-left:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22)}.release-footer{grid-template-columns:1fr;justify-items:center;text-align:center}.updates-hero{padding:130px 22px 70px}.timeline::before{left:12px}.release-entry{grid-template-columns:1fr;gap:10px;padding-left:34px}.release-version::after{left:-27px;right:auto;top:23px}.release-card{padding:22px 19px}.release-card-head{align-items:flex-start;flex-direction:column}.update-cta{align-items:flex-start;flex-direction:column}.updates-hero-meta{align-items:flex-start;flex-wrap:wrap}}
.mobile-download-entry { display: table; margin: 22px auto 0; }