:root{--black:#0b0b0c;--ink:#121315;--paper:#e7e2d8;--red:#e3211b;--yellow:#f4b62e;--white:#f4f3ef;--muted:#9b9a94;--line:rgba(255,255,255,.18);--shell:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:"Arial Narrow","Segoe UI","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;color:inherit}.section-line{width:min(100% - 2rem,var(--shell));margin:0 auto;display:flex;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(18,19,21,.2);font-size:.58rem;font-weight:800;letter-spacing:.16em}.section-line.light{border-color:var(--line);color:var(--yellow)}.micro{margin:0 0 1.1rem;color:var(--red);font-size:.62rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:80;background:var(--yellow);color:var(--black);padding:.75rem 1rem}.skip-link:focus{top:1rem}
.site-header{position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;width:min(100% - 2rem,var(--shell));margin:auto;padding:1.25rem 0}.brand{display:flex;align-items:center;gap:.6rem}.brand-mark{display:grid;place-items:center;width:2.6rem;height:2.6rem;border:2px solid var(--yellow);background:var(--red);font-family:Georgia,serif;font-size:1.55rem;font-weight:900}.brand b{display:block;font-size:.9rem;letter-spacing:.2em}.brand small{display:block;color:rgba(255,255,255,.58);font-size:.48rem;letter-spacing:.14em}.desktop-nav,.header-download{display:none}.menu-button{display:grid;place-items:center;width:2.9rem;height:2.9rem;border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.3);cursor:pointer;font-size:1.25rem}.mobile-nav{position:absolute;top:100%;left:-1rem;right:-1rem;display:grid;max-height:0;overflow:hidden;background:var(--black);transition:max-height .25s ease}.mobile-nav.is-open{max-height:20rem;border-bottom:1px solid var(--yellow)}.mobile-nav a{padding:.9rem 1rem;border-top:1px solid var(--line);font-weight:800}
.hero{position:relative;min-height:46rem;overflow:hidden;background:var(--black)}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.72) 39%,rgba(0,0,0,.12) 100%)}.hero-grid{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:4rem 4rem;mask-image:linear-gradient(90deg,#000,transparent 80%)}.hero-content{position:relative;z-index:2;width:min(100% - 2rem,var(--shell));margin:auto;padding:9.5rem 0 5rem}.hero-kicker{display:flex;align-items:center;gap:.7rem;margin:0;color:var(--yellow);font-size:.62rem;font-weight:900;letter-spacing:.16em}.hero-kicker span{color:#fff}.hero-kicker i{width:2rem;height:1px;background:var(--yellow)}.hero-wordmark{margin-top:2.4rem;color:rgba(255,255,255,.94);font-size:clamp(4.8rem,18vw,12rem);font-weight:900;line-height:.75;letter-spacing:-.06em;transform:scaleX(.78);transform-origin:left;white-space:nowrap;text-shadow:.12em .06em 0 rgba(227,33,27,.72)}.hero-subtitle{margin:1.5rem 0 0;font-family:Georgia,serif;font-size:clamp(2.8rem,10vw,6.4rem);line-height:.88}.hero-subtitle em{color:var(--yellow);font-style:italic}.hero-copy{max-width:31rem;margin:1.4rem 0 0;color:rgba(255,255,255,.78);font-size:.95rem}.hero-cta,.download-hero-button{display:inline-flex;align-items:center;gap:.8rem;min-height:4.1rem;margin-top:1.8rem;padding:.55rem .95rem .55rem .6rem;border:1px solid var(--yellow);background:var(--yellow);color:var(--black);box-shadow:.35rem .35rem 0 var(--red);transition:transform .2s,background .2s}.hero-cta:hover,.download-hero-button:hover{transform:translate(-2px,-2px);background:#ffd36e}.hero-cta small,.download-hero-button small{display:block;font-size:.5rem;font-weight:900;letter-spacing:.13em}.hero-cta b,.download-hero-button b{display:block;font-size:.82rem}.hero-cta strong,.download-hero-button strong{font-size:1.3rem}.cta-card,.button-symbol{display:grid;place-items:center;width:2.8rem;height:3.3rem;border:2px solid currentColor;background:var(--red);color:#fff;font-family:Georgia,serif;font-size:1.6rem;transform:rotate(-7deg)}.hero-index{position:absolute;right:1rem;bottom:5rem;display:grid;gap:.25rem;color:var(--yellow);font-size:.58rem;letter-spacing:.12em;transform:rotate(-90deg);transform-origin:right bottom}.hero-index b{font-family:Georgia,serif;font-size:2rem}.hero-scroll{position:absolute;right:1rem;bottom:1.5rem;color:rgba(255,255,255,.7);font-size:.55rem;letter-spacing:.14em}.hero-scroll span{color:var(--yellow);font-size:1rem;margin-left:.5rem}.keyword-strip{display:flex;gap:1rem;overflow:hidden;white-space:nowrap;padding:.6rem 1rem;background:var(--yellow);color:var(--black);font-size:.6rem;font-weight:900}.keyword-strip i{width:.38rem;height:.38rem;margin-top:.35rem;border-radius:50%;background:var(--red);flex:0 0 auto}
.manifesto{padding:5rem 0;background:var(--paper);color:var(--ink)}.manifesto-layout{width:min(100% - 2rem,var(--shell));margin:3rem auto 0;display:grid;gap:2.5rem}.manifesto-title h1,.poster-copy h2,.factions-intro h2,.arsenal-head h2,.gallery-top h2,.download-copy h2,.faq h2{margin:0;font-family:Georgia,serif;font-size:clamp(3rem,10vw,6.2rem);font-weight:400;line-height:.9}.manifesto-title h1 em,.poster-copy h2 em,.factions-intro h2 em,.arsenal-head h2 em,.gallery-top h2 em,.download-copy h2 em,.faq h2 em{color:var(--red);font-style:italic}.manifesto-copy p{max-width:44ch;margin:0 0 1.1rem;color:#454641}.manifesto-copy .lead{font-size:1.12rem;color:var(--ink);font-weight:700}.world-stats{display:flex;gap:1.25rem;margin-top:2rem}.world-stats span{display:grid;gap:.2rem;min-width:5.5rem;padding-top:.6rem;border-top:1px solid rgba(18,19,21,.35)}.world-stats b{font-size:1.3rem}.world-stats small{font-size:.5rem;font-weight:900;letter-spacing:.1em;color:#6b6d66}
.poster-section{position:relative;display:grid;gap:2rem;align-items:center;padding:5rem max(1rem,calc((100vw - var(--shell))/2));background:var(--black)}.poster-image{position:relative;justify-self:center;width:min(72vw,300px);padding:.55rem;background:var(--white);transform:rotate(-4deg);box-shadow:1rem 1rem 0 var(--red)}.poster-image img{width:100%;height:auto;filter:saturate(.7) contrast(1.15)}.poster-label{position:absolute;left:.8rem;bottom:.7rem;padding:.3rem .45rem;background:var(--black);color:var(--yellow);font-size:.5rem;letter-spacing:.1em}.poster-copy{max-width:35rem}.poster-copy .micro{color:var(--yellow)}.poster-copy h2{color:#fff}.poster-copy p:not(.micro){max-width:34ch;color:rgba(255,255,255,.72);margin:1.4rem 0}.text-link{display:inline-flex;gap:.7rem;align-items:center;color:var(--yellow);font-size:.72rem;font-weight:900;border-bottom:1px solid var(--yellow);padding-bottom:.45rem}.poster-mark{position:absolute;right:1rem;bottom:1rem;color:rgba(255,255,255,.07);font-family:Georgia,serif;font-size:10rem}
.factions{padding:4.5rem 0;background:var(--red)}.factions-intro,.faction-tabs,.faction-detail{width:min(100% - 2rem,var(--shell));margin-left:auto;margin-right:auto}.factions-intro{display:grid;gap:1rem;margin-top:2.5rem}.factions-intro .micro{color:var(--black)}.factions-intro h2 em{color:var(--black)}.factions-intro>p:last-child{max-width:32ch;color:rgba(0,0,0,.7)}.faction-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:2.5rem;background:rgba(0,0,0,.35)}.faction-card{position:relative;display:grid;gap:.15rem;min-height:8.8rem;padding:1rem;border:0;background:var(--black);color:#fff;text-align:left;cursor:pointer}.faction-card:hover,.faction-card.active{background:var(--yellow);color:var(--black)}.faction-card span{font-size:.58rem;color:var(--yellow);font-weight:900}.faction-card:hover span,.faction-card.active span{color:var(--red)}.faction-card b{font-size:1rem;letter-spacing:.14em}.faction-card small{font-size:.65rem;color:rgba(255,255,255,.62)}.faction-card:hover small,.faction-card.active small{color:rgba(0,0,0,.68)}.faction-card:last-child{grid-column:span 2}.faction-detail{display:flex;flex-direction:column;gap:1.5rem;margin-top:1px;padding:1.4rem;background:var(--black);color:#fff}.faction-detail h3{margin:.2rem 0;font-family:Georgia,serif;font-size:2rem;font-weight:400}.faction-detail p:last-child{margin:0;max-width:36ch;color:rgba(255,255,255,.72)}.faction-detail .micro{color:var(--yellow);margin-bottom:.5rem}.detail-stats{display:flex;gap:2rem}.detail-stats span{display:grid;gap:.3rem}.detail-stats small{font-size:.5rem;letter-spacing:.14em;color:var(--yellow)}.detail-stats b{font-size:.82rem}
.arsenal{padding:5rem 0;background:var(--paper);color:var(--ink)}.arsenal-head{width:min(100% - 2rem,var(--shell));margin:2.5rem auto;display:grid;gap:1.4rem}.arsenal-head .micro{color:#4d7657}.arsenal-head>p{max-width:30ch;margin:0;color:#545750}.arsenal-grid{width:min(100% - 2rem,var(--shell));margin:auto;display:grid;gap:1px;background:rgba(18,19,21,.25)}.arsenal-grid article{position:relative;min-height:15rem;padding:1.4rem;background:var(--paper)}.arsenal-grid article>span{color:var(--red);font-size:.6rem;font-weight:900}.arsenal-icon{margin:1.4rem 0 .8rem;color:var(--red);font-size:2.7rem;font-weight:300}.arsenal-grid h3{margin:0;font-family:Georgia,serif;font-size:1.55rem;font-weight:400}.arsenal-grid p{max-width:30ch;color:#5d615a;font-size:.8rem}.arsenal-grid article>b{position:absolute;right:1rem;bottom:1rem;color:rgba(18,19,21,.16);font-size:1.15rem;letter-spacing:.1em}
.gallery{padding:5rem 0;background:#111214}.gallery-top{width:min(100% - 2rem,var(--shell));margin:auto}.gallery-top .micro{color:var(--yellow)}.gallery-top h2{color:#fff}.gallery-top h2 em{color:var(--yellow)}.gallery-top>p:last-child{max-width:30ch;color:rgba(255,255,255,.65);margin:1.4rem 0 0}.gallery-grid{width:min(100% - 2rem,var(--shell));margin:3rem auto 0;display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.gallery-grid figure{position:relative;margin:0}.gallery-grid figure:nth-child(2){margin-top:2rem}.gallery-grid figure:nth-child(3){margin-top:-2rem}.gallery-grid img{width:100%;height:auto;object-fit:cover;filter:saturate(.82)}.gallery-grid figure:nth-child(3) img{aspect-ratio:2/3;object-fit:cover}.gallery-grid figcaption{position:absolute;left:.55rem;bottom:.55rem;padding:.25rem .4rem;background:var(--black);color:var(--yellow);font-size:.5rem;letter-spacing:.1em}.gallery-wide{grid-column:span 2}.gallery-wide img{aspect-ratio:2.2/1}.intel-controls{display:flex;align-items:center;gap:.7rem;width:min(100% - 2rem,var(--shell));margin:2rem auto 0}.intel-controls button{display:grid;place-items:center;width:2.7rem;height:2.7rem;border:1px solid var(--yellow);background:transparent;color:var(--yellow);cursor:pointer}.intel-controls span{font-size:.62rem;letter-spacing:.14em}.intel-hidden{display:none}
.download-section{position:relative;display:grid;gap:2.5rem;padding:5rem max(1rem,calc((100vw - var(--shell))/2));background:var(--yellow);color:var(--black);overflow:hidden}.download-number{position:absolute;right:1rem;top:1rem;font-family:Georgia,serif;font-size:8rem;line-height:1;color:rgba(0,0,0,.09)}.download-copy{position:relative;z-index:1}.download-copy .micro{color:var(--red)}.download-copy h2 em{color:var(--red)}.download-copy>p:last-child{max-width:34ch;color:rgba(0,0,0,.72)}.steps{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid rgba(0,0,0,.25)}.steps li{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(0,0,0,.25)}.steps li>b{color:var(--red);font-size:.65rem}.steps span{display:grid;gap:.2rem}.steps strong{font-size:.92rem}.steps small{color:rgba(0,0,0,.65);font-size:.7rem}.download-hero-button{justify-self:start;margin-top:0;border-color:var(--black);background:var(--black);color:#fff;box-shadow:.35rem .35rem 0 var(--red)}.download-hero-button:hover{background:#242629}.button-symbol{background:var(--red);color:#fff}
.faq{padding:5rem 0;background:var(--black)}.faq-grid{width:min(100% - 2rem,var(--shell));margin:2.5rem auto 0;display:grid;gap:2rem}.faq h2{color:#fff}.faq h2 em{color:var(--yellow)}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;gap:1rem;padding:1.1rem 0;cursor:pointer;font-size:.9rem;font-weight:800;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary b{color:var(--yellow);font-size:1.2rem}.faq-list details p{margin:0 0 1rem;color:rgba(255,255,255,.68);font-size:.8rem}footer{padding:3rem 0 6rem;background:#070708}.footer-main,.footer-note{width:min(100% - 2rem,var(--shell));margin:auto}.footer-main{display:flex;justify-content:space-between;align-items:center}.footer-main p{display:none;color:var(--yellow);font-size:.58rem;letter-spacing:.14em}.footer-note{display:flex;flex-direction:column;gap:.35rem;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);color:#777973;font-size:.6rem}.mobile-download{position:fixed;z-index:30;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:.55rem .8rem;background:rgba(11,11,12,.96);color:#fff;border-top:1px solid var(--yellow);backdrop-filter:blur(10px)}.mobile-download span{display:flex;align-items:center;gap:.55rem}.mobile-download span b{display:grid;place-items:center;width:2.25rem;height:2.7rem;background:var(--red);border:1px solid var(--yellow);font-family:Georgia,serif;font-size:1.3rem}.mobile-download strong{font-size:.75rem}.mobile-download a{display:inline-flex;align-items:center;min-height:2.7rem;padding:.65rem .95rem;background:var(--yellow);color:var(--black);font-weight:900;font-size:.72rem}
.poster-copy .poster-note{color:var(--yellow);font-size:.78rem;margin-top:-.5rem}
@media (min-width: 768px){.site-header{padding-top:1.5rem}.desktop-nav{display:flex;gap:2rem;font-size:.7rem;font-weight:900;letter-spacing:.1em}.desktop-nav a:hover{color:var(--yellow)}.header-download{display:inline-flex;gap:.55rem;align-items:center;min-height:2.7rem;padding:.55rem .8rem;border:1px solid rgba(255,255,255,.55);font-size:.68rem;font-weight:900}.header-download:hover{background:var(--yellow);color:var(--black)}.header-download span{color:var(--yellow)}.menu-button,.mobile-nav{display:none}.hero{min-height:56rem}.hero-content{padding-top:13rem}.hero-wordmark{font-size:clamp(8rem,18vw,16rem)}.hero-subtitle{font-size:6.4rem}.hero-copy{font-size:1rem}.hero-index{right:max(2rem,calc((100vw - var(--shell))/2));bottom:8rem}.hero-scroll{right:max(2rem,calc((100vw - var(--shell))/2))}.manifesto{padding:8rem 0}.manifesto-layout{grid-template-columns:1fr 1fr;align-items:end;gap:5rem}.manifesto-title h1{font-size:7rem}.poster-section{grid-template-columns:.8fr 1.2fr;gap:6rem;padding-top:8rem;padding-bottom:8rem}.poster-image{justify-self:end}.poster-copy h2{font-size:5.5rem}.factions{padding:7rem 0}.factions-intro{grid-template-columns:1fr 1fr;align-items:end}.factions-intro h2{font-size:6rem}.factions-intro>p:last-child{justify-self:end}.faction-tabs{grid-template-columns:repeat(5,1fr);gap:1px}.faction-card{min-height:12rem}.faction-card:last-child{grid-column:auto}.faction-detail{flex-direction:row;justify-content:space-between;align-items:end;padding:1.7rem}.arsenal{padding:8rem 0}.arsenal-head{grid-template-columns:1fr 1fr;align-items:end;margin-top:3rem;margin-bottom:3.5rem}.arsenal-head h2{font-size:6rem}.arsenal-grid{grid-template-columns:repeat(3,1fr)}.arsenal-grid article{min-height:18rem}.gallery{padding:8rem 0}.gallery-top{display:grid;grid-template-columns:1fr 1fr;align-items:end}.gallery-top h2{font-size:6rem}.gallery-top>p:last-child{justify-self:end}.gallery-grid{grid-template-columns:1.1fr .7fr .55fr;align-items:start}.gallery-wide{grid-column:auto;grid-row:span 2}.gallery-grid figure:nth-child(2),.gallery-grid figure:nth-child(3){margin-top:3rem}.download-section{grid-template-columns:1fr 1.1fr;gap:4rem;padding-top:8rem;padding-bottom:8rem}.download-copy h2{font-size:6.5rem}.steps{align-self:end}.download-hero-button{grid-column:2}.faq{padding:8rem 0}.faq-grid{grid-template-columns:.8fr 1.2fr}.footer-main p{display:block}.footer-note{flex-direction:row;justify-content:space-between}.mobile-download{display:none}}@media (min-width: 1024px){.hero-wordmark{font-size:13rem}.hero-content{padding-top:14rem}.poster-mark{right:8vw;bottom:3rem}.download-number{right:8vw;font-size:16rem}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;transition:none!important}}
.hero-subtitle{font-family:"Microsoft YaHei","Noto Sans SC","Segoe UI",sans-serif;font-weight:800;letter-spacing:.04em;line-height:.92}.hero-subtitle em{font-style:normal}
.arsenal-grid article{padding:0;overflow:hidden}.arsenal-media{position:relative;height:10rem;overflow:hidden;background:var(--ink)}.arsenal-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,12,.05) 22%,rgba(11,11,12,.82) 100%)}.arsenal-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.1)}.arsenal-media>span{position:absolute;z-index:1;left:1.1rem;top:1rem;color:var(--yellow);font-size:.6rem;font-weight:900}.arsenal-icon{position:absolute;z-index:1;left:1rem;bottom:.7rem;margin:0;color:var(--yellow);font-size:2.1rem;font-weight:300}.arsenal-grid h3{margin:0;padding:1rem 1.2rem 0;font-family:"Microsoft YaHei","Noto Sans SC","Segoe UI",sans-serif;font-size:1.35rem;font-weight:800}.arsenal-grid p{max-width:30ch;margin:.4rem 1.2rem 2.2rem;color:#5d615a;font-size:.8rem}.arsenal-grid article>b{position:absolute;right:1rem;bottom:.9rem;color:rgba(18,19,21,.2);font-size:1.05rem;letter-spacing:.1em}
/* Modern display type for the editorial headings. Keep Chinese forms clean and planar. */
:root{--display-font:"Microsoft YaHei UI","Microsoft YaHei","Noto Sans SC","Segoe UI",Arial,sans-serif}
.manifesto-title h1,.poster-copy h2,.factions-intro h2,.arsenal-head h2,.gallery-top h2,.download-copy h2,.faq h2{font-family:var(--display-font);font-weight:900;font-style:normal;letter-spacing:-.02em;line-height:.98}
.manifesto-title h1 em,.poster-copy h2 em,.factions-intro h2 em,.arsenal-head h2 em,.gallery-top h2 em,.download-copy h2 em,.faq h2 em{font-style:normal;font-weight:900;letter-spacing:-.025em}
.faction-detail h3,.arsenal-grid h3{font-family:var(--display-font);font-weight:800;letter-spacing:-.01em}
.download-number{font-family:var(--display-font);font-weight:900}