:root{--bg:#070b18;--panel:#10182c;--text:#f7f7fb;--muted:#a7aec4;--blue:#76bfff;--violet:#9b7cff;--gold:#ffd889;--line:rgba(255,255,255,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}button,a{font:inherit}button{color:inherit}img,video{display:block;max-width:100%}.topbar{position:fixed;z-index:30;top:0;left:0;right:0;height:72px;display:flex;align-items:center;padding:0 5vw;background:linear-gradient(180deg,rgba(5,8,18,.82),rgba(5,8,18,.2));backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-weight:800;font-size:20px;letter-spacing:1px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--violet));box-shadow:0 0 30px rgba(112,157,255,.36);font-family:Georgia,serif;font-size:25px}.nav{display:flex;gap:38px;margin:auto}.nav a,.nav-download,footer a{color:#d9dded;text-decoration:none;font-size:14px}.nav a:hover{color:white}.nav-download,.nav-purchase{padding:11px 20px;border:1px solid rgba(255,255,255,.22);border-radius:999px}.nav-purchase{color:var(--gold)!important;font-weight:800;border-color:rgba(255,216,137,.5);background:rgba(255,216,137,.08)}.hero{position:relative;min-height:760px;height:100vh;display:flex;align-items:center;overflow:hidden}.hero-bg,.hero-shade{position:absolute;inset:0}.hero-bg{background-size:cover;background-position:center;transform:scale(1.03)}.hero-shade{background:linear-gradient(90deg,rgba(4,7,17,.9) 0%,rgba(4,7,17,.6) 42%,rgba(4,7,17,.14) 70%),linear-gradient(0deg,var(--bg),transparent 32%)}.hero-content{position:relative;z-index:2;width:min(680px,90vw);margin-left:9vw;padding-top:40px}.eyebrow,.kicker{color:#9ccfff;font-weight:800;letter-spacing:4px;font-size:12px}.hero h1{font-size:clamp(48px,6.5vw,92px);line-height:1.06;margin:18px 0 24px;letter-spacing:-4px;text-shadow:0 6px 30px rgba(0,0,0,.35)}em{font-style:normal;background:linear-gradient(90deg,#d8edff,#a88dff,#ffd9ef);-webkit-background-clip:text;color:transparent}.hero-copy{max-width:610px;color:#c9cee0;font-size:18px;line-height:1.9}.hero-actions{display:flex;gap:14px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:0 24px;border:0;border-radius:10px;text-decoration:none;cursor:pointer;font-weight:700}.primary{color:#06101c;background:linear-gradient(110deg,#9cd9ff,#bda8ff);box-shadow:0 14px 45px rgba(103,149,255,.28)}.glass{color:white;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px)}.play{font-size:12px}.hero-meta{display:flex;gap:28px;margin-top:34px;color:#939bb4;font-size:13px}.dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#52e49a;box-shadow:0 0 14px #52e49a}.scroll-cue{position:absolute;z-index:2;bottom:34px;left:50%;display:flex;flex-direction:column;align-items:center;gap:8px;color:#8e96ad;text-decoration:none;font-size:12px;letter-spacing:2px}.scroll-cue span{font-size:20px}.announcement{position:relative;z-index:3;margin-top:-2px;background:#0d1425;border-block:1px solid var(--line)}.announcement-inner{width:min(1180px,90vw);min-height:62px;margin:auto;display:flex;align-items:center;gap:22px}.announcement b{color:#9acfff}.announcement p{flex:1;color:#cbd0df}.announcement span{color:#777f98;font-size:13px}.section{width:min(1180px,90vw);margin:auto;padding:120px 0}.section-heading{text-align:center;margin-bottom:52px}.section-heading h2,.showcase h2,.download-card h2{font-size:clamp(34px,4vw,56px);margin:10px 0 16px}.section-heading>p:last-child,.showcase-copy>p{color:var(--muted);line-height:1.8}.version-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.version-card{overflow:hidden;background:linear-gradient(145deg,rgba(20,30,52,.95),rgba(10,15,30,.96));border:1px solid var(--line);border-radius:20px;cursor:pointer;transition:.35s transform,.35s border-color,.35s box-shadow}.version-card:hover{transform:translateY(-8px);border-color:rgba(148,190,255,.38);box-shadow:0 26px 70px rgba(0,0,0,.38)}.version-cover{position:relative;aspect-ratio:16/9;overflow:hidden}.version-cover:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#10182c)}.version-cover img{width:100%;height:100%;object-fit:cover;transition:.6s transform}.version-card:hover img{transform:scale(1.05)}.version-tag,.status{position:absolute;z-index:2;top:18px;padding:7px 12px;border-radius:999px;font-size:12px}.version-tag{left:18px;background:rgba(4,8,19,.65);backdrop-filter:blur(8px)}.status{right:18px;background:rgba(4,8,19,.72)}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.status.online i{background:#4ee69b}.status.preview i{background:#ffd56f}.status.closed i{background:#ff7d91}.version-body{padding:24px}.version-body h3{margin:0;font-size:27px}.version-body p{color:var(--muted);line-height:1.7}.feature-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.feature-tags span,.showcase-points span,.detail-features span{padding:7px 11px;border-radius:8px;color:#b8c5e6;background:rgba(126,158,222,.1);font-size:12px}.version-body button{width:100%;display:flex;justify-content:space-between;padding:16px 0 0;color:#a9d4ff;background:none;border:0;border-top:1px solid var(--line);cursor:pointer}.loading-card{grid-column:1/-1;padding:60px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:20px}.showcase{width:min(1320px,94vw);margin:auto;padding:80px 7vw;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:70px;background:radial-gradient(circle at 70% 50%,rgba(65,91,178,.18),transparent 40%),#0b1120;border:1px solid var(--line);border-radius:28px}.showcase-copy p{font-size:16px}.showcase-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.showcase-visual{position:relative;padding:0;border:0;border-radius:18px;overflow:hidden;background:#111;cursor:pointer;box-shadow:0 24px 70px rgba(0,0,0,.45)}.showcase-visual img{width:100%;aspect-ratio:16/9;object-fit:cover;opacity:.75}.big-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:78px;height:78px;padding-left:5px;border-radius:50%;background:rgba(255,255,255,.92);color:#5062b7;font-size:25px;box-shadow:0 0 0 13px rgba(255,255,255,.13)}.showcase-visual small{position:absolute;bottom:20px;left:24px}.download-section{padding:140px 5vw 80px;background:radial-gradient(circle at 50% 10%,rgba(105,93,221,.18),transparent 40%)}.download-card{width:min(1100px,94vw);margin:auto;display:flex;align-items:center;gap:30px;padding:38px 44px;background:linear-gradient(135deg,rgba(25,35,66,.94),rgba(12,18,36,.96));border:1px solid rgba(161,179,237,.22);border-radius:24px;box-shadow:0 30px 100px rgba(0,0,0,.35)}.launcher-icon{flex:0 0 88px;display:grid;place-items:center;height:88px;border-radius:24px;background:linear-gradient(135deg,#75cfff,#9f7cf6);font:54px Georgia;color:white}.download-copy{flex:1}.download-copy h2{font-size:34px;margin:6px 0}.download-copy>p{color:var(--muted)}.download-meta{display:flex;gap:20px;color:#7f89a5;font-size:12px}.download-meta b{color:#c9d0e6}.download-button{color:#081224;background:linear-gradient(110deg,#9ad9ff,#c2abff);white-space:nowrap}.help-row{width:min(1030px,90vw);display:flex;justify-content:space-between;margin:24px auto;color:#818aa5;font-size:13px}footer{display:flex;align-items:center;gap:30px;padding:30px 5vw;border-top:1px solid var(--line);color:#6f7890;font-size:12px}footer p{flex:1;text-align:center}.footer-brand{font-size:15px}.footer-brand .brand-mark{width:30px;height:30px;font-size:18px}dialog{color:white}.version-dialog{width:min(1040px,94vw);max-height:92vh;padding:0;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:#0c1222;box-shadow:0 30px 120px #000;overflow:auto}.version-dialog::backdrop,.lightbox::backdrop{background:rgba(2,4,12,.84);backdrop-filter:blur(8px)}.dialog-close{position:fixed;z-index:20;top:24px;right:28px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(8,12,25,.74);font-size:28px;cursor:pointer}.detail-hero{position:relative;height:360px}.detail-hero:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#0c1222)}.detail-hero img{width:100%;height:100%;object-fit:cover}.detail-hero div{position:absolute;z-index:2;left:42px;bottom:30px}.detail-hero span{color:#a7d5ff}.detail-hero h2{font-size:45px;margin:7px 0}.detail-hero p{margin:0;color:#d0d5e5}.detail-content{padding:30px 42px}.detail-description>p{color:#aeb6ca;line-height:1.9}.detail-features{display:flex;flex-wrap:wrap;gap:10px}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.media-tile{position:relative;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#111;cursor:pointer}.media-tile img,.media-tile video{width:100%;aspect-ratio:16/10;object-fit:cover}.media-tile small{display:block;padding:9px;color:#b8bfd1}.media-play{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:white;color:#5b69b3}.detail-download{margin:0 42px 42px}.lightbox{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:50px 80px;border:0;background:rgba(2,4,12,.96);overflow:hidden}.lightbox-stage{height:calc(100vh - 120px);display:grid;place-items:center}.lightbox-stage img,.lightbox-stage video{max-width:100%;max-height:100%;object-fit:contain}.lightbox>p{text-align:center;color:#aeb5c9}.lightbox-nav{position:absolute;top:50%;width:52px;height:80px;border:0;background:rgba(255,255,255,.08);font-size:45px;cursor:pointer}.lightbox-nav.prev{left:10px}.lightbox-nav.next{right:10px}.toast{position:fixed;z-index:100;left:50%;bottom:30px;transform:translate(-50%,30px);padding:13px 20px;border-radius:10px;background:#f1f5ff;color:#111827;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(24px);transition:.8s opacity,.8s transform;transition-delay:var(--delay,0ms)}.reveal.visible{opacity:1;transform:none}@media(max-width:800px){.topbar{height:62px;padding:0 18px}.nav{display:none}.nav-download{margin-left:auto;padding:9px 13px}.hero{min-height:700px}.hero-content{margin:0 22px;padding-top:30px}.hero h1{font-size:48px;letter-spacing:-2px}.hero-copy{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-meta{gap:12px;flex-wrap:wrap}.announcement-inner{align-items:flex-start;padding:16px 0;gap:10px}.announcement p{margin:0}.announcement span{display:none}.section{padding:84px 0}.version-grid{grid-template-columns:1fr}.showcase{grid-template-columns:1fr;padding:50px 24px;gap:35px}.download-card{flex-direction:column;align-items:flex-start;padding:30px 24px}.download-button{width:100%}.help-row{flex-direction:column;gap:8px}.download-meta{flex-wrap:wrap}footer{flex-direction:column;text-align:center}.detail-hero{height:270px}.detail-hero div{left:24px;right:24px}.detail-hero h2{font-size:34px}.detail-content{padding:24px}.media-grid{grid-template-columns:1fr 1fr}.detail-download{margin:0 24px 28px}.lightbox{padding:55px 44px}.dialog-close{top:12px;right:12px}}

.website-preview-notice{position:relative;z-index:35;padding:12px 20px;text-align:center;background:#46221f;color:#ffe1a7;font-size:15px}.website-preview-notice~.topbar{top:46px}


/* G2 server update bulletin */
.update-marquee{position:relative;z-index:20;display:flex;align-items:center;gap:16px;min-height:42px;padding:0 5vw;background:rgba(7,12,26,.96);border-bottom:1px solid rgba(155,179,239,.16);overflow:hidden}
.update-marquee-label{flex:0 0 auto;color:#ffcf70;font-size:12px;font-weight:800;letter-spacing:.12em;white-space:nowrap}
.update-marquee-window{min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.update-marquee-track{display:flex;width:max-content;align-items:center;animation:update-marquee-scroll 62s linear infinite}
.update-marquee-item{display:inline-flex;align-items:center;gap:8px;margin-right:48px;color:#cbd5f5;font-size:13px;line-height:42px;white-space:nowrap;text-decoration:none}
.update-marquee-item:hover{color:#fff;text-decoration:underline}
.update-marquee-item time{color:#8fd4ff;font-variant-numeric:tabular-nums}
.update-marquee-item span{color:#c8a7ff}
@keyframes update-marquee-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.updates-section{padding-top:92px}
.updates-board{border:1px solid rgba(159,183,238,.2);border-radius:18px;background:linear-gradient(145deg,rgba(25,35,66,.86),rgba(9,15,31,.92));box-shadow:0 20px 70px rgba(0,0,0,.2);overflow-y:auto;overscroll-behavior:contain}
.updates-board-preview{width:min(1100px,90vw);max-height:410px;margin:0 auto;padding:8px 20px}
.updates-board-full{max-height:calc(100vh - 330px);min-height:360px;padding:10px 24px}
.update-entry{display:flex;align-items:center;gap:18px;padding:16px 6px;border-bottom:1px solid rgba(159,183,238,.12);color:#dce4ff;text-decoration:none}
a.update-entry:hover{background:rgba(130,160,240,.08);color:#fff}
.update-entry:last-child{border-bottom:0}
.update-entry-meta{display:flex;align-items:center;gap:10px;flex:0 0 145px;color:#8da2d5;font-size:12px}
.update-entry-meta time{color:#8fd4ff;font-variant-numeric:tabular-nums}
.update-entry-meta span{padding:3px 8px;border:1px solid rgba(200,167,255,.35);border-radius:999px;color:#c8a7ff;white-space:nowrap}
.update-entry strong,.update-entry h3{margin:0;font-size:15px;font-weight:600;line-height:1.6}
.updates-board-note{width:min(1100px,90vw);margin:14px auto 0;color:#818aa5;font-size:13px}
.updates-actions{width:min(1100px,90vw);margin:22px auto 0;text-align:right}
.updates-page-board{width:min(1100px,90vw);margin:0 auto 70px}
.updates-intro{margin-bottom:28px}
@media(prefers-reduced-motion:reduce){.update-marquee-track{animation:none}.update-marquee-window{mask-image:none}}
@media(max-width:800px){.update-marquee{padding:0 18px;gap:10px}.update-marquee-item{margin-right:28px;font-size:12px}.updates-board-preview,.updates-board-full,.updates-board-note,.updates-actions,.updates-page-board{width:calc(100vw - 36px)}.updates-board-preview{max-height:360px}.updates-board-full{max-height:none;min-height:0}.update-entry{align-items:flex-start;flex-direction:column;gap:6px;padding:14px 2px}.update-entry-meta{flex-basis:auto}.updates-actions{text-align:left}}