:root{color-scheme:dark;--bg:#090d15;--panel:#111927;--panel2:#161f30;--line:rgba(241,217,174,.15);--gold:#e6c48b;--muted:#a9b1c0;--white:#f8f4eb;--shadow:0 18px 50px #0007;--wrap:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:400 16px/1.7 system-ui,-apple-system,"Segoe UI","Noto Sans SC",sans-serif;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 90% 0%,#1a274155,transparent 44%),radial-gradient(ellipse at 5% 70%,#3e222855,transparent 44%)}
a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2;letter-spacing:-.02em}small{font-size:13px}.wrap{width:min(calc(100% - 48px),var(--wrap));margin:auto}.thin{width:min(calc(100% - 48px),800px);margin:auto}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}.muted{color:var(--muted)}.skip{position:absolute;left:-9999px;top:8px;background:#fff;color:#000;padding:12px;z-index:50}.skip:focus{left:8px}
.site-header{height:78px;border-bottom:1px solid #ffffff15;position:sticky;top:0;z-index:20;background:#090d15e8;backdrop-filter:blur(22px)}.header-inner{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;min-width:0;margin-right:auto}.brand img{width:48px;height:48px}.brand-cn{display:block;color:var(--gold);font-size:18px;font-weight:800;letter-spacing:.08em;line-height:1.2}.brand-en{display:block;font-size:9px;letter-spacing:.22em;color:#d4dce8;font-weight:700;margin-top:5px}.nav{display:flex;align-items:center;gap:29px}.nav a{font-size:13px;font-weight:700;color:#c8ccd4;transition:color .2s}.nav a:hover,.nav a[aria-current=page]{color:var(--gold)}.lang{font-size:12px;letter-spacing:.08em;font-weight:700;border:1px solid #d9be8a66;border-radius:30px;color:var(--gold);padding:7px 13px;white-space:nowrap}.lang:hover{background:#d9be8a22}.menu{display:none;padding:5px;border:0;background:transparent;color:var(--white)}
.hero{position:relative;min-height:650px;display:grid;align-items:center;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line)}.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#090d15 0%,#090d15ea 27%,#090d1599 53%,#080b1280 100%),url('/assets/screenshots/world-lore.webp') center 45%/cover no-repeat}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#090d15 0%,transparent 33%)}.hero-content{position:relative;padding-block:108px 116px}.hero-tag{display:inline-flex;gap:9px;align-items:center;border:1px solid #e8c99355;background:#0c121c80;padding:6px 13px;border-radius:999px;font-size:11px;color:var(--gold);font-weight:800;letter-spacing:.12em}.hero-tag i,.pulse{width:7px;height:7px;background:#dcb982;border-radius:50%;box-shadow:0 0 12px #dcb982;display:inline-block}.hero h1{font-size:clamp(43px,6.1vw,84px);max-width:800px;margin:24px 0 16px;font-weight:850;line-height:1.14;letter-spacing:-.045em}.hero h1 em{font-style:normal;color:var(--gold)}.hero .lead{color:#c3cad7;max-width:550px;font-size:17px;line-height:1.9}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:31px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:5px;padding:13px 21px;min-height:49px;font-size:13px;font-weight:800;letter-spacing:.035em;border:1px solid #d9bd8c44;transition:transform .2s,border-color .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,#e6c48b,#b88e53);color:#15120f;border-color:#e6c48b}.btn.secondary{background:#101724bb;color:#f2eadd}.btn.secondary:hover{border-color:var(--gold)}.hero-scroll{position:absolute;bottom:29px;left:50%;transform:translateX(-50%);font-size:10px;color:#a6aab5;letter-spacing:.26em}.micro{display:flex;gap:32px;margin-top:58px;color:#c3c0c2;font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.micro span{display:flex;align-items:center;gap:8px}.micro b{color:var(--gold);font-size:13px}
.section{padding:105px 0}.section.compact{padding:66px 0}.section-title{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-title h2{font-size:clamp(29px,3.7vw,48px);margin-top:10px}.section-title p{max-width:490px;color:var(--muted);font-size:14px}.text-link{font-size:12px;font-weight:750;color:var(--gold);white-space:nowrap}.text-link:hover{text-decoration:underline}
.game-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.game-card{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:linear-gradient(140deg,#182235,#101725);box-shadow:var(--shadow);position:relative}.game-art{position:relative;height:318px;overflow:hidden;background:#131929}.game-art::before{content:"";position:absolute;inset:0;background:url('/assets/hero.svg') center 57%/cover no-repeat;transform:scale(1.03);transition:transform .5s}.game-card:hover .game-art::before{transform:scale(1.08)}.game-card.strategy .game-art::before{filter:hue-rotate(66deg) saturate(.8);transform:scale(1.18) rotate(1deg)}.game-art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b101c 0%,#0b101c20 55%,#0b101c22)}.art-label{position:absolute;top:20px;left:20px;z-index:1;background:#090c14b8;border:1px solid #e6c48b77;color:var(--gold);border-radius:20px;padding:4px 10px;font-size:10px;letter-spacing:.14em;font-weight:800}.art-glyph{position:absolute;z-index:1;right:30px;bottom:8px;font-size:125px;font-family:serif;line-height:1;opacity:.2;color:#f3d6a3;writing-mode:vertical-rl;pointer-events:none}.game-content{padding:25px 28px 28px}.game-meta{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.game-content h3{font-size:clamp(23px,2.4vw,31px);margin:7px 0 8px}.game-content p{color:var(--muted);font-size:14px;min-height:48px}.game-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:23px}.status{display:inline-flex;gap:7px;align-items:center;color:#b5bbbf;font-size:11px}.arrow{display:grid;place-items:center;border:1px solid #d2b38277;color:var(--gold);width:40px;height:40px;border-radius:50%;font-size:20px}.game-card:hover .arrow{background:#e6c48b;color:#10131a}
.band{padding:34px 0;background:linear-gradient(90deg,#1a1b25,#22232d 48%,#151c2b);border-block:1px solid var(--line)}.band-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}.band-item{padding:9px 20px;border-right:1px solid #e6c48b2b}.band-item:last-child{border:0}.band-item b{color:#f2dfb5;font-size:14px;display:block;margin:3px 0}.band-item p{font-size:12px;color:#aeb5c3}
.story{position:relative;overflow:hidden}.story::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 50%,#77383c28,transparent 49%);pointer-events:none}.story-grid{display:grid;grid-template-columns:1fr .95fr;gap:80px;align-items:center}.story h2{font-size:clamp(29px,3.3vw,49px);margin:12px 0 21px}.story p{color:var(--muted);font-size:15px;margin:15px 0}.factions{display:grid;gap:12px}.faction{display:flex;align-items:center;gap:19px;padding:19px 22px;border:1px solid #e6c48b26;background:#101725b8;border-radius:7px}.faction .seal{width:54px;height:54px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;font:700 27px serif;border:1px solid currentColor}.faction.gold .seal{color:#dcb778;background:#dcb77810}.faction.purple .seal{color:#bc91d9;background:#bc91d910}.faction.red .seal{color:#d78c82;background:#d78c8210}.faction h3{font-size:17px}.faction p{font-size:12px;margin:4px 0;color:#aeb4c2}
.divider{height:1px;background:linear-gradient(90deg,transparent,#e6c48b40,transparent)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.about-copy h2{font-size:clamp(30px,3.4vw,46px);margin:13px 0 19px}.about-copy p{color:var(--muted);margin-bottom:16px}.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.value{min-height:168px;padding:23px;border:1px solid var(--line);background:#141c2a99;border-radius:7px}.value .num{color:var(--gold);font:500 12px Georgia,serif;letter-spacing:.2em}.value h3{font-size:17px;margin:15px 0 7px}.value p{font-size:12px;color:var(--muted)}
.news-row{padding:25px 0;border-top:1px solid #e6c48b26;display:grid;grid-template-columns:130px 1fr 50px;gap:20px;align-items:center}.news-row:last-child{border-bottom:1px solid #e6c48b26}.news-row .date{color:var(--gold);font-size:12px;font-weight:700}.news-row h3{font-size:19px;margin-bottom:4px}.news-row p{color:var(--muted);font-size:13px}.news-row .next{font-size:23px;color:var(--gold)}
.contact{padding:75px 0;border-top:1px solid var(--line);background:linear-gradient(120deg,#1a2030,#191926 60%,#2c222a)}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:32px}.contact h2{font-size:clamp(28px,3.2vw,40px);margin:10px 0}.contact p{font-size:14px;color:#abb4c6}
.footer{padding:36px 0 25px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-links{display:flex;gap:21px;flex-wrap:wrap;font-size:12px;color:#bec2cb}.footer-links a:hover{color:var(--gold)}.footer-bottom{border-top:1px solid #fff1;margin-top:24px;padding-top:19px;display:flex;gap:18px;justify-content:space-between;color:#848b9d;font-size:11px}
.page-hero{padding:92px 0 79px;min-height:430px;display:flex;align-items:end;position:relative;isolation:isolate;border-bottom:1px solid var(--line)}.page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090d15fa,#090d15b0 65%,#090d1570),url('/assets/hero.svg') center/cover;z-index:-1}.page-hero.strategy::before{filter:hue-rotate(60deg)}.breadcrumb{font-size:12px;display:flex;gap:12px;color:#c2c5c8;margin-bottom:20px}.breadcrumb a{color:var(--gold)}.page-hero h1{font-size:clamp(32px,4.9vw,62px);margin:12px 0 14px}.page-hero p{max-width:750px;color:#c8ceda;font-size:16px}.detail-wrap{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:70px;align-items:start}.detail-wrap h2{font-size:27px;margin:0 0 15px}.detail-wrap p{color:var(--muted);margin-bottom:18px}.info-card{border:1px solid var(--line);padding:23px;background:var(--panel);border-radius:7px}.info-card dl{margin:0}.info-card dt{color:var(--muted);font-size:11px;margin-top:15px}.info-card dd{margin:3px 0 0;font-size:14px;font-weight:650}.info-card dt:first-child{margin-top:0}.notice{border-left:3px solid var(--gold);padding:18px 23px;background:#d9bd8c12;color:#e3d8c8;font-size:13px;margin-top:27px}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.tag{font-size:11px;border:1px solid #d1ba8b4d;padding:5px 10px;border-radius:4px;color:#e1d2b6}
.prose{padding:75px 0 120px}.prose h1{font-size:clamp(30px,4vw,52px);margin:8px 0 17px}.prose h2{font-size:23px;margin:36px 0 12px}.prose p,.prose li{color:#b8c0cd;margin-bottom:13px}.prose a{color:var(--gold);text-decoration:underline}.prose ul{padding-left:22px}.prose .updated{font-size:12px;color:#8490a0;margin:8px 0 30px}.press-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:27px}.press-tile{border:1px solid var(--line);padding:22px;background:var(--panel);border-radius:7px}.press-tile strong{display:block;color:var(--gold);margin-bottom:8px}.press-tile p{font-size:12px;margin:0}
@media(max-width:900px){.wrap{width:min(calc(100% - 36px),var(--wrap))}.story-grid{gap:35px}.about-grid{gap:26px}.nav{gap:16px}.brand-cn{font-size:16px}.game-art{height:260px}}
@media(max-width:700px){.site-header{height:66px}.brand img{width:40px;height:40px}.brand-cn{font-size:14px}.brand-en{font-size:8px}.menu{display:flex}.nav{display:none;position:absolute;top:66px;left:0;right:0;padding:18px 24px 26px;background:#0b101af7;border-bottom:1px solid var(--line);flex-direction:column;align-items:start;gap:19px}.nav.open{display:flex}.lang{margin-left:auto}.hero{min-height:660px}.hero::before{background:linear-gradient(90deg,#090d15ee,#090d15a1),url('/assets/screenshots/world-lore.webp') 58% center/cover no-repeat}.hero-content{padding-block:86px}.hero h1{font-size:clamp(42px,11vw,67px)}.hero .lead{font-size:15px}.micro{gap:12px;flex-wrap:wrap;margin-top:48px}.section{padding:75px 0}.section-title{align-items:start;flex-direction:column;gap:15px}.game-grid,.story-grid,.about-grid,.band-grid,.detail-wrap{grid-template-columns:1fr}.game-art{height:260px}.band-item{border-right:0;border-bottom:1px solid #e6c48b2b;padding:10px}.band-item:last-child{border:0}.story-grid{gap:32px}.about-grid{gap:30px}.value-grid{grid-template-columns:1fr 1fr}.value{padding:16px;min-height:165px}.news-row{grid-template-columns:80px 1fr 20px;gap:12px}.news-row h3{font-size:16px}.contact-row{align-items:start;flex-direction:column}.footer-top,.footer-bottom{flex-direction:column;align-items:start}.footer-links{gap:13px}.page-hero{min-height:350px;padding:65px 0}.press-tiles{grid-template-columns:1fr}}
@media(max-width:390px){.wrap{width:calc(100% - 28px)}.brand-cn{font-size:13px}.brand img{width:35px}.brand-en{font-size:7px}.hero h1{font-size:39px}.value-grid{grid-template-columns:1fr}.game-content{padding:21px}.section{padding:57px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Game concept / UI showcase */
.showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:25px}.gallery-card{border:1px solid var(--line);background:#141c2a;border-radius:8px;overflow:hidden;margin:0}.gallery-visual{aspect-ratio:16/9;position:relative;background:linear-gradient(135deg,#171e2d,#45322d);display:flex;align-items:center;justify-content:center;overflow:hidden}.gallery-visual img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;z-index:1}.gallery-visual img[hidden]{display:none}.gallery-fallback{font-size:10px;letter-spacing:.18em;color:#e4c89477;font-weight:800;text-align:center;padding:12px}.gallery-card figcaption{display:flex;flex-direction:column;gap:5px;padding:15px 17px}.gallery-card strong{font-size:14px}.gallery-card figcaption span{font-size:12px;color:var(--muted)}@media(max-width:700px){.showcase-grid{grid-template-columns:1fr}}

/* Keep both languages readable on narrow screens. */
.header-inner{gap:clamp(8px,2vw,28px)}.lang{background:transparent}.gallery-fallback[hidden]{display:none}.detail-wrap>*,.game-grid>*,.story-grid>*,.about-grid>*{min-width:0}h1,h2,h3,dd{overflow-wrap:anywhere}section[id]{scroll-margin-top:86px}@media(min-width:701px) and (max-width:1000px){.header-inner{gap:12px}.nav{gap:12px}.brand-cn{font-size:14px}.brand-en{font-size:7px}.brand img{width:36px;height:36px}.nav a{font-size:11px}}@media(max-width:390px){.header-inner{gap:7px}.lang{padding:7px}.brand{gap:6px}.brand-cn{font-size:12px}.brand-en{letter-spacing:.12em}.brand img{width:29px;height:29px}}


/* Supplied Fengshen design visuals on the studio and game pages. */
.game-art.has-image{height:auto;aspect-ratio:1672/941}.game-art.has-image::before{display:none}.game-art.has-image::after{background:linear-gradient(180deg,#090d1533,transparent 40%)}.game-art.has-image img{width:100%;height:100%;object-fit:contain}.page-hero:not(.strategy)::before{background:linear-gradient(90deg,#090d15f5,#090d15b0 65%,#090d1555),url('/assets/screenshots/character-selection.webp') center/cover}

.page-hero.strategy::before{filter:none;background:linear-gradient(90deg,#090d15f5,#090d15b0 65%,#090d1555),url('/assets/screenshots/zhengba-login.webp') center/cover}

/* Public-facing media is preview-only in the UI; protection is best-effort, not DRM. */
img,video{-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}