/* Hallmark · macrostructure: Photographic · tone: atmospheric commerce · anchor hue: pink and cyan
 * theme: custom · paper: oklch(16.5% .016 277) · accent: oklch(66% .26 355)
 * display: Barlow Condensed + Noto Sans SC · body: Noto Sans SC · axes: dark / condensed sans / pink-cyan
 * nav: N12 banner retract · footer: Ft4 dense typographic · enrichment: verified game imagery
 * audience: Chinese adult game players · use: game discovery and installation · motion: short state changes
 * Hallmark · pre-emit critique: P4 H5 E4 S5 R4 V4 */
@import url('tokens.css');
@font-face{font-family:'Noto Sans SC';src:url('fonts/noto-sans-sc.woff2') format('woff2');font-display:swap;font-weight:100 900;font-style:normal}
@font-face{font-family:'Barlow Condensed';src:url('fonts/barlow-condensed.woff2') format('woff2');font-display:swap;font-weight:700;font-style:normal}
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:140px}body{font-family:var(--font-body);color:var(--color-ink);background:var(--color-paper);font-size:var(--text-body);line-height:1.8;padding-bottom:80px}::selection{background:var(--color-secondary);color:var(--color-paper)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:var(--color-clear)}button{border:1px solid var(--color-rule);background:var(--color-surface)}button:disabled,[aria-disabled=true]{opacity:.45;cursor:not-allowed}button[data-state=loading]{cursor:progress}button[data-state=error]{border-color:var(--color-error)}button[data-state=success]{border-color:var(--color-success)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}a:active,button:active{transform:translateY(1px)}img{display:block;width:100%;height:auto;object-fit:cover}figure{margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-style:normal;line-height:1.25;min-width:0;overflow-wrap:anywhere}h2{font-size:var(--text-section);font-weight:700;letter-spacing:-.035em}h3{font-size:1.25rem}p{color:var(--color-muted)}p+p{margin-top:var(--space-md)}small{font-size:var(--text-small)}[hidden]{display:none!important}section[id]{scroll-margin-top:0}.wrap{width:min(1280px,calc(100% - 40px));margin-inline:auto}.skip{position:fixed;top:8px;left:16px;padding:12px 20px;background:var(--color-secondary);color:var(--color-paper);transform:translateY(-160%);z-index:60}.skip:focus{transform:none}.site-header{position:fixed;inset:0 0 auto;z-index:30;background:var(--color-paper);border-bottom:1px solid var(--color-rule);transition:transform var(--dur-medium) var(--ease-out)}.site-header.compact{transform:translateY(-32px)}.announcement{height:32px;padding:4px 10px;text-align:center;font-size:12px;letter-spacing:.03em;background:var(--color-secondary);color:var(--color-paper);white-space:nowrap}.nav-shell{height:76px;max-width:1360px;margin:auto;padding-inline:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;font-weight:700;line-height:1.35}.brand-mark{font-family:var(--font-display);color:var(--color-secondary);font-size:42px;line-height:1}.brand small{display:block;font-family:var(--font-display);font-size:12px;letter-spacing:.1em;color:var(--color-muted)}.nav-actions{display:flex;align-items:center;gap:8px}.nav-actions .button{display:none}.menu-toggle{min-height:44px;padding:8px 16px}.desktop-nav{display:none}.mobile-nav{padding:12px 20px 24px;background:var(--color-surface);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-nav a{padding:10px 12px;min-height:44px;white-space:nowrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:52px;padding:12px 22px;font-size:15px;font-weight:700;white-space:nowrap;position:relative;border-radius:var(--radius-sm);transition:transform var(--dur-short) var(--ease-out);border:1px solid var(--color-rule)}.button.primary{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-veil)}.button.primary:after{content:'';position:absolute;left:12px;right:12px;top:3px;height:1px;background:var(--color-ink);opacity:.45}.button.secondary{background:var(--color-paper);color:var(--color-ink)}.button span{font-size:20px;line-height:1}.text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--color-secondary);font-size:15px;white-space:nowrap}.hero{position:relative;margin-top:108px;min-height:calc(100svh - 108px);display:flex;flex-direction:column;justify-content:end;isolation:isolate}.hero-backdrop,.hero-shade{position:absolute;inset:0;height:100%;z-index:-2}.hero-backdrop{object-fit:cover;object-position:60% 40%}.hero-shade{z-index:-1;background:linear-gradient(90deg,var(--color-overlay),var(--color-veil)),linear-gradient(0deg,var(--color-paper),var(--color-clear) 80%)}.hero-layout{display:grid;gap:40px;padding-block:48px 32px;align-items:end}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{font-size:12px;line-height:1.4;letter-spacing:.04em;background:var(--color-overlay);color:var(--color-secondary);padding:6px 10px;border:1px solid var(--color-rule)}.hero h1{margin-top:24px;font-size:clamp(2.5rem,4.4vw,4rem);letter-spacing:-.045em;line-height:1.25}.hero h1>span{display:block;font-family:var(--font-display);font-size:var(--text-display);font-weight:700;letter-spacing:-.015em;line-height:1;margin-top:16px}.hero-lede{font-size:16px;line-height:1.9;margin-top:24px;color:var(--color-ink);max-width:34em}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-dossier{background:var(--color-paper);border:1px solid var(--color-rule);padding:20px;max-width:430px}.dossier-label{font-size:12px;letter-spacing:.08em;color:var(--color-secondary)}.dossier-title{font-size:22px;display:block;margin-top:12px;line-height:1.5}.hero-dossier img{aspect-ratio:16/9;margin-top:20px}.hero-dossier dl{margin-block:12px 8px}.hero-dossier dl div,.download-detail dl div{display:flex;gap:20px;justify-content:space-between;font-size:14px;line-height:1.5;padding:10px 0;border-bottom:1px solid var(--color-rule)}dt{color:var(--color-muted)}dd{margin:0}.hero-dossier .text-link{font-size:14px}.hero-caption{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-block:12px 20px;font-size:11px;letter-spacing:.12em;color:var(--color-muted)}.hero-caption a{display:none;font-size:13px;white-space:nowrap;letter-spacing:0}.fact-strip{background:var(--color-surface);border-block:1px solid var(--color-rule)}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-block:24px}.facts span{display:block;font-size:12px;color:var(--color-muted);margin-bottom:5px}.facts strong{display:block;font-size:14px;line-height:1.65}.section-heading{display:grid;gap:20px;margin-bottom:28px}.section-heading p{max-width:34em;font-size:16px}.story-section{padding-block:64px}.story-split{display:grid;gap:28px}.story-split figure img{aspect-ratio:16/9}.story-split figcaption{font-size:12px;color:var(--color-muted);margin-top:10px}.story-copy{font-size:16px}.story-copy .text-link{margin-top:16px}.tasks-section{padding-block:48px;background:var(--color-surface)}.task-rows article{display:grid;gap:10px;border-top:1px solid var(--color-rule);padding-block:24px}.role-name{color:var(--color-secondary);font-size:13px}.task-rows p{font-size:15px}.task-rows a{color:var(--color-secondary);font-size:14px;min-height:44px;display:flex;align-items:center;white-space:nowrap}.task-rows h3{font-size:20px}.gallery-section{padding-block:64px 32px}.home-gallery,.gallery-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px 20px}.gallery-item{min-width:0}.media-open{display:block;position:relative;overflow:clip;background:var(--color-surface);aspect-ratio:16/9}.media-open img{height:100%;transition:transform var(--dur-medium) var(--ease-out)}.enlarge{position:absolute;right:8px;bottom:8px;background:var(--color-paper);color:var(--color-secondary);width:36px;height:36px;display:grid;place-items:center}.gallery-item figcaption{display:flex;gap:16px;align-items:center;justify-content:space-between;padding-top:12px;font-size:14px}.gallery-item figcaption strong{font-weight:500}.gallery-item figcaption span{font-size:12px;color:var(--color-muted)}.specs-section{padding-block:48px 32px}.spec-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}.spec-card{border:1px solid var(--color-rule);padding:24px;background:var(--color-surface)}.spec-card h3{margin-bottom:18px}.spec-card dl{margin:0}.spec-card dl div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;padding-block:12px;border-top:1px solid var(--color-rule);font-size:14px;line-height:1.7}.spec-card dd{overflow-wrap:anywhere}.editorial-grid{display:grid;gap:48px;padding-block:48px}.news-section h2,.audience h2{margin-bottom:28px;font-size:26px}.news-section details{border-top:1px solid var(--color-rule);padding-block:20px}.news-section summary{display:grid;gap:6px;cursor:pointer;list-style:none}.news-section time{font-family:var(--font-display);font-size:17px;letter-spacing:.04em;color:var(--color-secondary)}.news-section details p{font-size:15px;margin-top:12px}.audience p{font-size:15px}.audience strong{color:var(--color-ink);font-weight:600;line-height:2.3}.faq-section{padding-block:40px 64px}.faq-list{border-top:1px solid var(--color-rule);margin-top:28px}.faq-list details{border-bottom:1px solid var(--color-rule)}.faq-list summary{list-style:none;cursor:pointer;font-weight:500;display:flex;justify-content:space-between;gap:24px;padding:22px 0;min-height:64px;line-height:1.6}.faq-list summary span{flex-shrink:0;width:22px}.faq-list summary span:after{content:'+';font-size:24px;font-weight:400;color:var(--color-secondary);line-height:1}.faq-list details[open] summary span:after{content:'−'}.faq-list details p{padding:0 36px 24px 0;max-width:850px;line-height:1.9}summary::-webkit-details-marker{display:none}.final-cta{padding:32px 0 64px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px}.final-cta h2{font-size:clamp(1.7rem,3vw,2.5rem)}.final-cta p{margin-top:14px;font-size:14px}.final-cta small{display:block;margin-top:12px;color:var(--color-muted);font-size:12px}.footer{background:var(--color-surface);border-top:1px solid var(--color-rule);padding-block:36px 24px}.footer-top{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:start}.footer-top strong{font-family:var(--font-display);font-size:32px;letter-spacing:.025em}.footer-top p{font-size:13px;margin-top:8px}.footer-nav{display:flex;flex-wrap:wrap;gap:4px 24px;margin:20px 0}.footer-nav a,.related a{font-size:13px;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}.related{border-top:1px solid var(--color-rule);display:flex;align-items:center;gap:0 20px;flex-wrap:wrap;padding-block:16px}.related>span{font-size:12px;color:var(--color-secondary);width:100%}.related a{font-size:12px}.legal{padding-top:20px;border-top:1px solid var(--color-rule)}.legal p{font-size:12px;line-height:1.8}.legal p+p{margin-top:6px}.mobile-cta{position:fixed;bottom:0;inset-inline:0;z-index:25;background:var(--color-paper);border-top:1px solid var(--color-rule);padding:12px 20px max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-cta strong{font-size:14px}.mobile-cta small{display:block;font-size:11px;color:var(--color-muted)}.mobile-cta .button{min-height:44px;padding:9px 16px;gap:12px;font-size:14px}.page-head{padding-top:152px;padding-bottom:32px}.breadcrumb{display:flex;gap:14px;align-items:center;font-size:13px;margin-bottom:24px}.breadcrumb a{min-height:44px;display:flex;align-items:center;white-space:nowrap;color:var(--color-secondary)}.page-head h1{font-size:clamp(2rem,4.5vw,3.5rem);letter-spacing:-.04em}.lede{font-size:17px;max-width:46em;margin-top:22px}.gallery-page{padding-block:12px 48px}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:0 0 28px}.filter-bar button{min-height:44px;min-width:72px;padding:8px 18px;white-space:nowrap}.filter-bar [aria-pressed=true]{color:var(--color-paper);background:var(--color-secondary);border-color:var(--color-secondary)}.gallery-count{font-size:13px;margin-left:auto}.gallery-help{font-size:13px;margin-top:24px}.crosslink{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:center;padding-block:16px 64px}.crosslink h2{font-size:26px}.download-panel{display:grid;border:1px solid var(--color-rule);background:var(--color-surface);margin-bottom:48px}.download-visual img{height:100%;aspect-ratio:16/10;object-fit:cover}.download-detail{padding:24px;min-width:0}.download-detail h2{font-family:var(--font-display);font-size:38px;letter-spacing:0;margin-top:20px}.download-detail>p{font-size:14px}.download-detail dl{margin-block:16px 24px}.download-detail .button{width:100%}.download-detail .download-note{font-size:12px;margin-top:12px}.install-section{padding-block:16px}.install-steps{list-style:none;counter-reset:step;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin:32px 0}.install-steps li{counter-increment:step;border-top:1px solid var(--color-rule);padding-top:20px}.install-steps li:before{content:'0' counter(step);font-family:var(--font-display);color:var(--color-secondary);font-size:36px;line-height:1}.install-steps h3{margin:20px 0 12px}.install-steps p{font-size:15px}.guide-index{padding-block:8px 48px}.guide-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.guide-cards a{padding:24px;border:1px solid var(--color-rule);background:var(--color-surface)}.guide-cards span{color:var(--color-secondary);font-size:13px}.guide-cards h2{font-size:24px;margin-block:12px}.guide-cards p{font-size:15px;margin-bottom:16px}.guide-cards b{font-weight:500;font-size:14px;white-space:nowrap;color:var(--color-secondary)}.article-layout{display:grid;gap:32px;padding-block:8px 64px}.article-toc{border-top:1px solid var(--color-rule);padding-top:20px;display:flex;flex-direction:column;align-self:start;gap:0}.article-toc strong{font-size:14px;margin-bottom:12px}.article-toc a{font-size:13px;color:var(--color-muted);min-height:44px;padding:10px 0;white-space:nowrap}.guide-body{min-width:0}.guide-body section{padding-block:28px 32px;border-top:1px solid var(--color-rule)}.guide-body h2{font-size:25px;margin-bottom:24px}.guide-body p{font-size:16px;line-height:2}.guide-body img{margin-bottom:24px;aspect-ratio:16/9}.guide-body .reading-note{margin-top:24px;padding:14px 18px;background:var(--color-surface);color:var(--color-secondary);font-size:14px;border-left:2px solid var(--color-secondary)}.guide-body ul,.guide-body ol{color:var(--color-muted);padding-left:24px;line-height:2}.guide-body li{padding-left:4px;margin-bottom:14px}.guide-body li strong{color:var(--color-ink)}.guide-body .spec-grid{margin-block:28px}.guide-body .spec-card{padding:18px}.guide-body .spec-card dl div{grid-template-columns:minmax(0,1fr);gap:4px}.article-links{display:flex;flex-wrap:wrap;gap:12px}.lightbox{position:fixed;inset:0;margin:auto;width:min(1280px,calc(100% - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:12px;background:var(--color-paper);color:var(--color-ink);border:1px solid var(--color-rule);overflow-y:auto}.lightbox::backdrop{background:var(--color-overlay)}.lightbox[open]{animation:appear var(--dur-short) var(--ease-out)}.lightbox-toolbar,.lightbox-bottom{display:flex;gap:12px;align-items:center;justify-content:space-between}.lightbox-toolbar{margin-bottom:12px}.lightbox-counter{font-size:14px;color:var(--color-muted)}.lightbox button{min-height:44px;min-width:44px;padding:8px 12px}.lightbox-media{position:relative;min-height:120px}.lightbox-media img{object-fit:contain;max-height:calc(100dvh - 210px);aspect-ratio:16/9}.lightbox-media[data-state=loading] img{opacity:.35}.lightbox-media[data-state=error]{border:1px solid var(--color-error);padding:24px}.image-status{color:var(--color-muted);padding:12px;text-align:center}.image-status:not([hidden])~.retry-image{margin-inline:auto}.lightbox-bottom{margin-top:12px}.lightbox-caption{font-size:14px;text-align:center;color:var(--color-ink)}body.modal-open{overflow-y:hidden}@keyframes appear{from{opacity:0}to{opacity:1}}
@media(hover:hover){.button:hover{transform:none}.button.primary:hover{box-shadow:inset 0 0 0 2px var(--color-ink)}.button.secondary:hover,button:hover{background:var(--color-raised)}.desktop-nav a:hover,.text-link:hover,.footer a:hover,.article-toc a:hover{color:var(--color-secondary);text-decoration:underline;text-underline-offset:5px}.media-open:hover img{transform:scale(1.035)}.guide-cards a:hover{border-color:var(--color-secondary)}.mobile-nav a:hover{background:var(--color-raised)}}
@media(min-width:640px){.wrap{width:min(1280px,calc(100% - 64px))}.nav-shell{padding-inline:32px}.nav-actions .button{display:inline-flex;min-height:44px;padding:8px 18px}.facts{gap:32px}.gallery-grid,.guide-cards,.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-layout{grid-template-columns:minmax(0,1fr) minmax(240px,.7fr);gap:32px}.hero-dossier{padding:16px}.hero h1{font-size:36px}.hero h1>span{font-size:76px}.hero-lede{font-size:15px}.hero-actions .button{font-size:14px;padding:10px 16px;gap:14px}.hero-caption a{display:flex;align-items:center;min-height:44px}.hero-caption{font-size:10px}.task-rows article{grid-template-columns:100px minmax(0,1fr) minmax(0,1.2fr);gap:20px;align-items:center}.task-rows a{grid-column:2/4}.install-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.article-layout{grid-template-columns:210px minmax(0,1fr);gap:32px}.article-toc{position:sticky;top:128px}.guide-body .spec-grid{grid-template-columns:minmax(0,1fr)}.gallery-count{font-size:14px}.hero-copy{padding-bottom:16px}}
@media(min-width:768px){.hero-layout{padding-block:56px 24px}.hero{min-height:680px}.hero-dossier{margin-bottom:8px}.story-split{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:center}.section-heading{grid-template-columns:minmax(0,1fr) minmax(0,.65fr);align-items:end;gap:32px}.section-heading>.text-link{justify-self:end}.editorial-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}.download-panel{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}.download-detail{padding:32px}.mobile-cta{display:none}body{padding-bottom:0}.facts{grid-template-columns:repeat(4,minmax(0,1fr));padding-block:28px}.facts>div+div{border-left:1px solid var(--color-rule);padding-left:24px}.facts strong{font-size:14px}.footer{padding-block:40px 32px}.task-rows article{grid-template-columns:100px minmax(0,.85fr) minmax(0,1.2fr) 100px}.task-rows a{grid-column:auto}.hero-copy .tags span{font-size:12px}.announcement{font-size:12px}.article-layout{gap:48px}}
@media(min-width:1024px){.desktop-nav{display:flex;align-items:center;gap:26px}.desktop-nav a{display:flex;align-items:center;min-height:76px;font-size:14px;color:var(--color-muted);white-space:nowrap}.desktop-nav [aria-current=page]{color:var(--color-ink);box-shadow:inset 0 -2px var(--color-secondary)}.menu-toggle{display:none}.mobile-nav{display:none!important}.nav-shell{height:84px}.hero{margin-top:116px;min-height:calc(100svh - 116px)}.hero-layout{grid-template-columns:minmax(0,1fr) 352px;gap:64px;padding-top:56px}.hero h1{font-size:48px}.hero h1>span{font-size:108px}.hero-lede{font-size:17px}.hero-dossier{padding:24px}.hero-actions .button{font-size:15px;padding:12px 24px}.hero-caption{padding-bottom:24px}.hero-copy{padding-bottom:8px}.facts{padding-block:28px}.story-section{padding-block:80px}.story-split{gap:64px}.tasks-section{padding-block:56px}.gallery-section{padding-block:72px 40px}.specs-section{padding-block:48px}.faq-section{padding-block:48px 72px}.page-head{padding-top:172px;padding-bottom:44px}.guide-body .spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:240px minmax(0,1fr);gap:64px}.download-visual img{min-height:500px}.lightbox{padding:20px}.hero-caption span{font-size:11px}.story-copy p{line-height:1.95}}
@media(min-width:1440px){.hero-layout{padding-block:72px 48px}.hero h1>span{font-size:120px}.hero h1{font-size:52px}.hero-dossier{max-width:400px}.hero-layout{grid-template-columns:minmax(0,1fr) 384px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.media-open:hover img,.button:hover{transform:none}}