:root{--ink:#f5f7fb;--muted:#9ca8bb;--bg:#070a12;--panel:#101622;--line:#263043;--cyan:#7cf4ff;--blue:#5c7cff;--lime:#c7ff6b;--max:1180px;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.skip{position:fixed;top:-100px;left:1rem;z-index:99;background:var(--cyan);color:#071016;padding:.7rem 1rem}.skip:focus{top:1rem}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:2rem;padding:1rem max(4vw,calc((100vw - var(--max))/2));background:rgba(7,10,18,.9);border-bottom:1px solid rgba(124,244,255,.14);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:.75rem;font-weight:800;letter-spacing:.08em;line-height:1.1}.brand small{font-weight:500;color:var(--muted);letter-spacing:.14em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--cyan);color:#071016;border-radius:10px;font-size:1.3rem}.site-header nav{display:flex;gap:1.6rem;margin-left:auto}.site-header nav a{color:var(--muted);font-weight:600}.site-header nav a:hover,.site-header nav a.active{color:var(--cyan)}.official-link{padding:.6rem .95rem;border:1px solid var(--line);border-radius:99px;font-size:.9rem}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--ink);padding:.5rem .8rem;border-radius:8px}main{overflow:hidden}.hero,.quick-paths,.featured,.faq-preview,.directory,.article-layout,.about-grid,.content-note{width:min(var(--max),92vw);margin-inline:auto}.hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw;padding:5rem 0}.hero h1,.page-hero h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.95;letter-spacing:-.055em;margin:.5rem 0 1.5rem}.lead,.page-hero p{max-width:680px;color:#c5ccda;font-size:1.14rem}.eyebrow{color:var(--cyan);font-weight:800;letter-spacing:.16em;font-size:.78rem;text-transform:uppercase}.hero-actions,.inline-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:2rem 0}.button{display:inline-flex;align-items:center;justify-content:center;padding:.82rem 1.2rem;border-radius:10px;font-weight:800}.button.primary{background:var(--cyan);color:#061015}.button.ghost{border:1px solid var(--line)}.button.light{background:#fff;color:#070a12}.signal-list{display:flex;gap:1.5rem;flex-wrap:wrap;padding:0;list-style:none;color:var(--muted);font-size:.9rem}.signal-list li:before{content:"";display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:.5rem}.hero-art{position:relative;margin:0}.hero-art:before{content:"";position:absolute;inset:-18px;border:1px solid rgba(124,244,255,.35);border-radius:32px;transform:rotate(3deg)}.hero-art img{position:relative;aspect-ratio:4/3;object-fit:cover;border-radius:26px;filter:saturate(.85) contrast(1.08)}.hero-art figcaption{position:absolute;right:-1rem;bottom:1.5rem;max-width:250px;background:var(--lime);color:#111;padding:.8rem 1rem;border-radius:10px;font-size:.82rem;font-weight:800}.quick-paths,.featured,.faq-preview,.directory,.about-grid{padding:4rem 0}.section-heading h2,.guide-band h2,.content-note h2,.manifesto h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;margin:.4rem 0 2rem;letter-spacing:-.035em}.section-heading.split{display:flex;justify-content:space-between;align-items:end}.section-heading.split>a{color:var(--cyan);margin-bottom:2rem}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.path-card{padding:2rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);transition:.2s}.path-card:hover{transform:translateY(-4px);border-color:var(--cyan)}.path-card>span,.principles span{color:var(--cyan);font-weight:900}.path-card h3{font-size:1.3rem}.path-card p,.card-body p,.content-note p,.manifesto p,.principles p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}.game-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.game-card.large{grid-row:span 2}.game-card img{width:100%;height:210px;object-fit:cover}.game-card.large img{height:360px}.card-body{padding:1.4rem}.card-body h3{font-size:1.45rem;margin:.35rem 0}.tag{color:var(--lime)!important;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.card-links{display:flex;gap:1.2rem;color:var(--cyan);font-weight:700}.guide-band{width:min(1280px,96vw);margin:4rem auto;padding:3rem clamp(1.5rem,5vw,5rem);display:flex;justify-content:space-between;align-items:center;gap:2rem;background:linear-gradient(115deg,var(--blue),#8b42ef);border-radius:28px}.guide-band p{max-width:700px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:1rem 0}summary{cursor:pointer;font-size:1.05rem;font-weight:800}details p{color:var(--muted);max-width:800px}.page-hero{width:min(var(--max),92vw);margin:auto;padding:7rem 0 4rem;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.8rem,6vw,5.8rem)}.filter-bar{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:2rem}.filter{border:1px solid var(--line);background:transparent;color:var(--muted);padding:.65rem 1rem;border-radius:99px;cursor:pointer;font:inherit}.filter.active,.filter:hover{background:var(--cyan);color:#071016;border-color:var(--cyan)}.directory-grid{display:grid;gap:1rem}.directory-card{display:grid;grid-template-columns:320px 1fr;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.directory-card[hidden]{display:none}.directory-card img{width:100%;height:100%;min-height:270px;object-fit:cover}.directory-card>div{padding:1.7rem 2rem}.directory-card h2{font-size:1.65rem;margin:.2rem 0}.directory-card h2 small{color:var(--muted);font-weight:500}.directory-card p,.directory-card li{color:var(--muted)}.directory-card a{color:var(--cyan);font-weight:800}.content-note{padding:3rem;margin-top:2rem;margin-bottom:5rem;background:linear-gradient(135deg,#101622,#111c2c);border:1px solid var(--line);border-radius:var(--radius)}.article-layout{display:grid;grid-template-columns:220px 1fr;gap:5rem;padding:4rem 0}.toc{position:sticky;top:100px;align-self:start;display:grid;gap:.7rem}.toc a{color:var(--muted)}.toc a:hover{color:var(--cyan)}.guide-article section{padding-bottom:4rem}.guide-article h2{font-size:2.2rem;line-height:1.2}.guide-article p,.guide-article li{color:#b5bfd0}.step{color:var(--cyan)!important;font-weight:800;letter-spacing:.12em}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin:2rem 0}.check-grid div{display:grid;gap:.3rem;padding:1.2rem;background:var(--panel)}.check-grid span{color:var(--muted)}code{background:#151d2c;color:var(--lime);padding:.15rem .4rem}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem}.manifesto{align-self:center}.principles{display:grid;gap:1rem}.principles article{padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}footer{width:min(var(--max),92vw);margin:auto;padding:4rem 0 2rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;border-top:1px solid var(--line);color:var(--muted)}footer>div{display:grid;align-content:start;gap:.55rem}footer strong{color:var(--ink)}.footer-brand{color:var(--ink)}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:1.5rem;font-size:.85rem}
@media(max-width:800px){.site-header{flex-wrap:wrap;padding:1rem 4vw}.menu-toggle{display:block;margin-left:auto}.site-header nav{display:none;order:3;width:100%;margin:0;flex-direction:column;gap:.8rem;padding:1rem 0}.site-header nav.open{display:flex}.official-link{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:4rem 0}.hero-art{margin:2rem 1rem}.hero-art figcaption{right:-.5rem}.path-grid,.feature-grid,.about-grid{grid-template-columns:1fr}.game-card.large{grid-row:auto}.game-card.large img{height:240px}.guide-band{align-items:flex-start;flex-direction:column}.directory-card{grid-template-columns:1fr}.directory-card img{height:230px;min-height:0}.article-layout{grid-template-columns:1fr;gap:2rem}.toc{position:static;padding:1rem;border:1px solid var(--line);border-radius:12px}.check-grid{grid-template-columns:1fr}.section-heading.split{display:block}footer{grid-template-columns:1fr;gap:2rem}.signal-list{gap:.7rem 1rem}}