@charset "UTF-8";
:root{color-scheme:dark;--bg:#0c0e10;--panel:#131619;--text:#f4f0e5;--muted:#a3a7a8;--line:#303333;--gold:#f3c75e;--max:1240px;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible,video:focus-visible{outline:3px solid var(--gold);outline-offset:5px}::selection{background:var(--gold);color:#111}h1,h2,h3,p{margin:0}h2{font-size:clamp(28px,3.1vw,43px);line-height:1.4;letter-spacing:-1.4px;font-weight:650}h3{font-weight:600}.section-wrap{max-width:var(--max);margin:auto;padding-inline:32px}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--gold);color:#111;padding:12px 20px}.skip-link:focus{top:12px}
.site-header{height:100px;display:flex;align-items:center;gap:32px;padding:0 4.5%;background:#0c0e10;border-bottom:1px solid #ffffff10;position:relative;z-index:10}.brand{display:flex;gap:12px;align-items:center}.brand img{width:61px;height:64px;object-fit:contain}.brand-name{font-size:20px;letter-spacing:1.2px;font-weight:800;line-height:1.35}.brand-name small{font-size:10px;color:var(--muted);display:block;letter-spacing:1.9px;margin-top:5px;font-weight:400}.desktop-nav{margin-left:auto;display:flex;gap:36px;font-size:13px;color:#c1c3c0}.desktop-nav a:hover,.site-footer a:hover{color:var(--gold)}.header-cta{font-size:12px;border:1px solid #55574f;padding:10px 18px;margin-left:16px;display:flex;gap:22px;align-items:center}.header-cta:hover{border-color:var(--gold);color:var(--gold)}.header-cta span{font-size:20px;line-height:1}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}
.hero{min-height:680px;height:calc(100svh - 100px);max-height:820px;position:relative;isolation:isolate;background:#070e15;overflow:hidden}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:18% center;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#080e1505 15%,#0a10154d 39%,#0b1016e6 67%,#0b1016f5 100%),linear-gradient(0deg,#0c0e10 0%,transparent 23%,#0c0e1010 90%)}.hero-content{width:44%;margin-left:53%;padding-top:clamp(50px,6.5vh,85px);padding-right:6%;position:relative}.eyebrow{font-family:Arial,"Microsoft YaHei",sans-serif;font-size:10px;letter-spacing:2px;line-height:1.6;color:var(--gold);font-weight:600}.eyebrow-divider{color:#666b6b;padding:0 10px}.live-dot{display:inline-block;width:5px;height:5px;margin-right:7px;margin-bottom:2px;background:var(--gold);border-radius:50%}.hero h1{margin:25px 0 22px;max-width:360px}.hero h1 img{width:100%;height:auto;max-height:150px;object-fit:contain;object-position:left center}.hero-line{font-size:clamp(30px,3.3vw,49px);line-height:1.35;letter-spacing:-1.7px;font-weight:650}.hero-line span{color:var(--gold)}.hero-description{font-size:14px;line-height:1.9;color:#c1c7c8;margin-top:21px}.hero-actions{display:flex;gap:12px;margin-top:27px;flex-wrap:wrap}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:25px;font-size:13px;font-weight:600;padding:12px 24px;transition:background .18s,color .18s,transform .18s}.button:hover{transform:translateY(-2px)}.button-gold{background:var(--gold);color:#171912}.button-gold:hover{background:#ffe093}.button-outline{border:1px solid #8b938966;background:#11192370;color:var(--text)}.button-outline:hover{background:#ffffff15}.play-icon{font-size:10px}.hero-credit{font-size:9px;letter-spacing:1px;color:#a1a8a8;margin-top:23px}.hero-credit span{padding:0 9px;color:#626c70}.hero-bottom{position:absolute;bottom:24px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;color:#8f989d;font-size:9px;letter-spacing:2px}.hero-bottom>a{font-size:10px;letter-spacing:1px;color:#b9bfba}.hero-bottom>a span{font-size:18px;margin-left:10px}
.games-section{padding-block:106px 105px}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:43px}.section-heading h2{margin-top:16px}.section-note{font-size:12px;color:var(--muted);line-height:1.9;padding-bottom:5px}.game-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:28px}.game-cover{aspect-ratio:1.77;position:relative;overflow:hidden;background:#121b24}.game-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.featured-card:hover .game-cover>img{transform:scale(1.035)}.card-badge{position:absolute;left:20px;top:20px;background:#0c1015c9;color:var(--gold);padding:5px 12px;font-size:10px}.card-open{position:absolute;right:18px;bottom:17px;width:39px;height:39px;border:1px solid #ffffff66;background:#10151c55;display:grid;place-items:center;font-size:24px}.card-caption{display:flex;justify-content:space-between;gap:12px;margin-top:19px;align-items:center}.card-caption h3{font-size:23px;line-height:1.4}.card-caption p{font-size:9px;letter-spacing:1.7px;margin-top:4px;color:#909797}.card-caption>span{font-size:10px;color:#b9b9b0}.future-card{position:relative;border:1px solid var(--line);background:radial-gradient(ellipse at 70% 30%,#b9a45e08,transparent 75%);min-height:340px;padding:26px 29px;display:flex;flex-direction:column;justify-content:space-between}.future-label{color:#777f7f;font-size:10px;letter-spacing:2.5px}.future-mark{height:120px;display:flex;align-items:center;justify-content:center;font-size:73px;font-weight:200;color:#a09c6d33}.future-card h3{font-size:19px;margin-top:20px}.future-card p{font-size:11px;color:#909797;margin-top:8px}.future-status{font-size:10px;color:var(--muted);margin-top:25px;display:flex;gap:8px;align-items:center}.future-status>span{width:5px;height:5px;border:1px solid #9a9b7e;border-radius:50%}
.firepower-section{padding-block:100px 80px;background:#141719;border-top:1px solid #ffffff06;border-bottom:1px solid #ffffff06}.game-intro{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start;margin-bottom:47px}.game-intro h2{margin-top:16px}.intro-copy{font-size:13px;color:#b1b7b6;padding-top:23px}.intro-copy p+p{margin-top:15px}.intro-copy p:first-child{color:#e3e3d9}.genre-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.genre-tags span{font-size:10px;padding:4px 11px;border:1px solid #7f867b44;color:#b3b8ae}.trailer-poster{display:block;position:relative;width:100%;padding:0;background:#080c11;aspect-ratio:16/8.5;overflow:hidden;text-align:left}.trailer-poster>img{width:100%;height:100%;object-fit:cover;transition:transform .7s,filter .4s;filter:brightness(.69)}.trailer-poster:hover>img{transform:scale(1.025);filter:brightness(.85)}.trailer-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#080c11e0,transparent 55%)}.large-play{width:76px;height:76px;border:1px solid #f3f0e577;border-radius:50%;position:absolute;inset:0;margin:auto;display:grid;place-items:center;background:#0b121a4d;backdrop-filter:blur(5px);font-size:19px;padding-left:4px}.trailer-caption{position:absolute;left:31px;bottom:25px;display:flex;flex-direction:column;gap:3px;font-size:19px;font-weight:500}.trailer-caption small{font-size:10px;font-weight:400;color:#c0c4bc;letter-spacing:1px}.trailer-corner{position:absolute;bottom:30px;right:33px;font-size:26px;color:var(--gold)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.feature-grid article{border-top:1px solid #50524a;padding-top:19px}.feature-number{font-size:10px;letter-spacing:1.6px;color:var(--gold)}.feature-grid h3{font-size:22px;margin-block:13px 10px}.feature-grid p{font-size:12px;color:#a6adab;line-height:1.9;max-width:290px}
.gallery-section{padding-block:100px}.compact-heading{margin-bottom:35px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.gallery-item{min-width:0;position:relative;padding:0;overflow:hidden;aspect-ratio:16/11;text-align:left;background:#141b22}.gallery-item>img{width:100%;height:100%;object-fit:cover;transition:transform .5s;filter:brightness(.86)}.gallery-item:hover>img{transform:scale(1.04);filter:brightness(1)}.gallery-item>span{position:absolute;inset:auto 0 0;padding:27px 15px 12px;font-size:11px;background:linear-gradient(0deg,#030608ed,transparent);display:flex;align-items:center;justify-content:space-between}.gallery-item>span>span{font-size:18px}.gallery-wide{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}.steam-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px;margin-top:42px;background:#1a1d1c;border:1px solid #66654850}.steam-banner h3{font-size:25px;line-height:1.5;font-weight:500;margin-top:11px}.steam-banner .eyebrow{font-size:9px;letter-spacing:2px}.steam-link{flex-shrink:0}
.about-section{padding-block:94px;background:#101314;border-block:1px solid #ffffff09}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.about-brand{display:flex;flex-direction:column;align-items:center}.about-brand img{width:185px;height:auto;mix-blend-mode:screen}.about-brand>span{font-size:13px;letter-spacing:6px;margin-top:14px;color:#acb0a2}.about-copy h2{margin-top:18px}.about-lead{font-size:13px;color:#a7adab;line-height:2;margin-top:22px}.company-roles{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;border-top:1px solid var(--line);padding-top:23px;margin-top:30px}.company-roles>div{display:flex;flex-direction:column;gap:9px}.company-roles span{font-size:9px;letter-spacing:1px;color:#a9ad9e}.company-roles strong{font-size:13px;font-weight:500}.company-roles small{font-size:11px;color:#b4b7ae;margin-left:5px}.site-footer{max-width:var(--max);margin:auto;padding:44px 32px 24px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px;border-bottom:1px solid var(--line);gap:30px}.footer-wordmark{font-size:23px;font-weight:800;letter-spacing:1px}.footer-wordmark>span{font-size:9px;color:var(--muted);font-weight:400;letter-spacing:2px;display:block;margin-top:3px}.footer-top nav{display:flex;gap:27px;font-size:11px;color:#b4b7b3}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:20px;font-size:10px;color:#858d8b}.mobile-break{display:none}
.media-dialog{padding:0;border:1px solid #575a52;background:#0c0e10;color:var(--text);width:min(1100px,92vw);max-height:92svh;overflow:auto}.media-dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}.dialog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 19px}.dialog-toolbar h2,.dialog-toolbar p{font-size:13px;letter-spacing:0;font-weight:400;line-height:1.5}.dialog-close{padding:4px 8px;white-space:nowrap;display:flex;gap:17px;align-items:center;background:transparent;font-size:11px;color:#c4c8bd}.dialog-close span{font-size:23px}.media-dialog video{width:100%;display:block;aspect-ratio:16/9;background:#000}.image-dialog>img{width:100%;height:auto;max-height:80svh;object-fit:contain}.media-dialog[open]{animation:dialog-in .15s ease-out}@keyframes dialog-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}body.modal-open{overflow:hidden}
@media(min-width:1700px){.hero-content{margin-left:55%;width:39%;padding-top:10vh}.hero h1{max-width:410px}.hero-line{font-size:53px}}
@media(max-width:1050px){.site-header{padding-inline:25px;gap:20px}.desktop-nav{gap:23px}.header-cta{margin-left:0}.hero-content{margin-left:49%;width:50%;padding-right:4%}.hero{min-height:650px}.hero-line{font-size:36px}.hero h1{max-width:310px}.hero-art{object-position:12% center}.hero-shade{background:linear-gradient(90deg,#080e1522 15%,#0a10155c 38%,#0b1016e6 65%,#0b1016f5 100%),linear-gradient(0deg,#0c0e10,transparent 30%)}.hero-actions{gap:10px}.hero .button{padding-inline:17px;gap:17px}.game-grid{grid-template-columns:1.5fr 1fr;gap:20px}.card-caption>span{display:none}.future-card{min-height:300px;padding:22px}.game-intro{gap:38px}.about-grid{gap:35px}.company-roles{grid-template-columns:1fr;gap:20px}.feature-grid{gap:25px}.steam-banner h3{font-size:22px}}
@media(max-width:700px){html{scroll-padding-top:76px}.section-wrap{padding-inline:23px}.site-header{height:80px;padding-inline:20px;gap:15px}.brand img{width:43px;height:48px}.brand-name{font-size:17px}.brand-name small{font-size:8px;letter-spacing:1.4px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:12px 0 12px 12px;background:transparent;margin-left:auto;min-width:44px;min-height:44px;align-items:center;justify-content:center}.menu-toggle span{width:23px;height:1px;background:var(--text);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{position:absolute;top:80px;left:0;right:0;z-index:11;background:#101314;border-bottom:1px solid var(--line);padding:15px 23px;display:flex;flex-direction:column}.mobile-nav a{padding:13px 0;font-size:14px}.hero{height:auto;min-height:790px;max-height:none}.hero-art{height:385px;object-position:left center;object-fit:cover;opacity:.9}.hero-shade{background:linear-gradient(0deg,#0c0e10 53%,#0c0e10ba 63%,transparent 92%)}.hero-content{width:auto;margin:0;padding:315px 25px 86px}.hero .eyebrow{font-size:9px;letter-spacing:1.7px}.hero h1{width:250px;max-width:75%;margin:18px 0}.hero-line{font-size:35px;letter-spacing:-1.6px;line-height:1.35}.hero-line br{display:none}.hero-description{font-size:12px;margin-top:16px}.hero-actions{margin-top:21px;gap:10px}.hero .button{min-height:47px;font-size:12px;padding-inline:20px;gap:23px}.hero-credit{font-size:8px;letter-spacing:.4px;margin-top:20px}.hero-credit span{padding:0 4px}.hero-bottom{bottom:20px;left:25px;right:25px}.hero-bottom>span{font-size:7px;letter-spacing:1px}.hero-bottom>a{font-size:9px}.games-section,.gallery-section{padding-block:65px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:29px;margin-top:14px;letter-spacing:-1px}.section-note{margin-top:16px;font-size:11px}.section-note br{display:none}.game-grid{grid-template-columns:1fr;gap:28px}.card-caption{margin-top:14px}.card-caption h3{font-size:22px}.card-caption>span{display:block;font-size:9px}.game-cover{aspect-ratio:16/9}.card-badge{top:13px;left:13px;font-size:9px}.future-card{min-height:235px;padding:22px 24px;display:grid;grid-template-columns:1fr 60px;gap:0;align-items:center}.future-label{grid-column:1}.future-mark{grid-column:2;grid-row:1/4;height:auto;font-size:62px}.future-card h3{margin-top:0;font-size:19px}.future-card p{font-size:10px}.future-status{margin-top:4px}.firepower-section{padding-block:62px 51px}.game-intro{grid-template-columns:1fr;gap:10px;margin-bottom:27px}.game-intro h2{font-size:30px;margin-top:14px;letter-spacing:-1px}.intro-copy{font-size:12px;padding-top:10px}.genre-tags{margin-top:17px}.trailer-poster{aspect-ratio:16/10}.trailer-caption{font-size:14px;left:16px;bottom:14px}.trailer-caption small{font-size:8px}.large-play{width:53px;height:53px;font-size:13px}.trailer-corner{bottom:17px;right:20px;font-size:22px}.feature-grid{grid-template-columns:1fr;gap:27px;margin-top:30px}.feature-grid article{display:grid;grid-template-columns:100px 1fr;column-gap:15px;align-items:start;padding-top:17px}.feature-number{grid-column:1/-1;font-size:9px;margin-bottom:7px}.feature-grid h3{font-size:20px;margin:0}.feature-grid p{font-size:11px;max-width:none}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}.gallery-wide{grid-column:span 2;grid-row:auto;aspect-ratio:16/10}.gallery-item{aspect-ratio:16/11}.gallery-wide{aspect-ratio:16/10}.gallery-item>span{font-size:10px;padding-inline:10px}.steam-banner{display:block;padding:25px;margin-top:28px}.steam-banner h3{font-size:23px;margin-top:12px}.steam-banner .button{margin-top:24px;width:100%}.mobile-break{display:block}.about-section{padding-block:56px}.about-grid{display:flex;flex-direction:column;align-items:flex-start;gap:34px}.about-brand{display:none}.about-copy h2{font-size:32px}.about-lead{font-size:12px}.company-roles{grid-template-columns:1fr;gap:22px}.company-roles span{font-size:9px}.company-roles strong{font-size:14px}.site-footer{padding:35px 23px 25px}.footer-top{align-items:flex-start;gap:25px}.footer-top nav{flex-direction:column;gap:12px;font-size:10px}.footer-wordmark{font-size:20px}.footer-wordmark>span{font-size:8px;letter-spacing:1px}.footer-bottom{flex-direction:column;gap:4px;font-size:9px;margin-top:19px}.dialog-toolbar{padding:9px 12px;gap:10px}.dialog-toolbar h2,.dialog-toolbar p{font-size:10px}.dialog-close{gap:10px;padding-right:0}.media-dialog{width:95vw}.hero-content .hero-line{max-width:350px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:700px){.hero-line br{display:block}}
.hero-art{object-position:left center}