:root{--bg:#eef1eb;--ink:#19231d;--muted:#667166;--line:#d8ddcf;--brand:#155b46;--brand2:#a8322e;--gold:#ba852b;--panel:#fffdf7;--soft:#e5ece2;--night:#111b16}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#f3f5ef 0,#e9eee6 420px,#f7f5ee 100%);line-height:1.72}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,253,247,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.header-inner{height:72px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--brand)}.brand img{height:44px;width:auto}.site-nav{margin-left:auto;display:flex;gap:6px;align-items:center}.site-nav a{padding:8px 10px;border-radius:6px;color:#334039;font-size:15px}.site-nav a:hover,.site-nav a.active{background:var(--soft);color:var(--brand)}.menu-toggle{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:6px;width:42px;height:38px;font-size:20px}.breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:14px;margin:24px 0}.breadcrumb a{color:var(--brand)}.hero-panel{position:relative;width:min(1180px,calc(100% - 32px));margin:24px auto 0;display:grid;grid-template-columns:1fr .94fr;gap:0;align-items:stretch;min-height:500px;overflow:hidden;border-radius:8px;background:var(--night);border:1px solid #26372d;box-shadow:0 22px 60px rgba(18,33,25,.18)}.hero-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,24,18,.98) 0%,rgba(18,30,22,.9) 44%,rgba(18,30,22,.2) 68%,rgba(18,30,22,0) 100%);z-index:1}.hero-panel>div{position:relative;z-index:2;padding:58px 48px;color:#f7f3e7;align-self:center}.hero-panel h1,.content-page h1,.article-page h1,.not-found h1{font-size:clamp(34px,4.4vw,62px);line-height:1.08;margin:10px 0 18px;letter-spacing:0}.hero-panel p{font-size:18px;color:#dbe5d9;max-width:720px}.hero-panel img{position:absolute;inset:0 0 0 auto;width:62%;height:100%;object-fit:cover}.hero-panel .eyebrow{color:#f2bd63}.game-hero{min-height:560px}.game-hero:after{content:"";position:absolute;inset:auto 0 0 0;height:120px;background:linear-gradient(0deg,rgba(17,27,22,.82),rgba(17,27,22,0));z-index:1}.eyebrow{color:var(--brand2);font-weight:800;letter-spacing:0;margin:0 0 8px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font-weight:800}.btn.primary{background:var(--brand2);border-color:var(--brand2);color:#fff}.btn.ghost{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.34);color:#fff}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;max-width:640px}.hero-shortcuts a{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:6px;color:#fff;padding:8px 12px;font-weight:700}.hero-shortcuts a:hover{background:rgba(242,189,99,.18);border-color:#f2bd63}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px;max-width:560px}.hero-stats span{display:block;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:12px;color:#fff}.hero-stats strong{display:block;font-size:22px;color:#f2bd63;line-height:1.1}section{margin:44px 0}h2{font-size:26px;line-height:1.25;margin:0 0 16px;letter-spacing:0}h3{font-size:19px;line-height:1.35;margin:0 0 8px;letter-spacing:0}p{margin:0 0 12px}.lead{font-size:18px;color:#405047;max-width:860px}.feature-grid,.article-grid,.activity-grid,.info-grid,.download-grid,.download-strip,.role-grid,.quick-grid{display:grid;gap:16px}.download-strip{grid-template-columns:repeat(4,1fr);margin-top:-18px;position:relative;z-index:3}.download-strip a{background:#1d2a22;color:#fff;border:1px solid #314233;border-radius:8px;padding:16px 18px;min-height:92px}.download-strip strong,.download-strip span{display:block}.download-strip strong{font-size:18px;color:#f2bd63}.download-strip span{color:#d5dfd6;font-size:14px}.feature-grid{grid-template-columns:repeat(5,1fr)}.feature-card,.link-card,.info-grid>div,.download-grid a,.role-card,.quick-grid a{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px}.feature-card{min-height:170px;border-top:4px solid var(--brand)}.feature-card:nth-child(2){border-top-color:var(--brand2)}.feature-card:nth-child(3){border-top-color:var(--gold)}.feature-card:hover,.link-card:hover,.role-card:hover,.quick-grid a:hover,.download-strip a:hover{border-color:#bfd0bf;transform:translateY(-1px)}.feature-card p,.link-card p,.info-grid p{color:var(--muted)}.link-card span{display:inline-block;color:var(--gold);font-weight:800;font-size:13px;margin-bottom:6px}.article-grid{grid-template-columns:repeat(2,1fr)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.section-head p{max-width:560px;color:var(--muted)}.role-grid{grid-template-columns:repeat(3,1fr)}.role-card{min-height:140px;background:linear-gradient(180deg,#fffdf7,#f1eadb)}.role-card strong{display:block;font-size:24px;color:var(--brand)}.role-card span{display:block;color:var(--muted);margin-top:8px}.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-grid a{font-weight:800;color:var(--brand);min-height:64px;display:flex;align-items:center}.split-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:start}.split-section>div:first-child{background:var(--night);color:#f4f1e8;border-radius:8px;padding:24px}.split-section>div:first-child p{color:#ccd8cc}.check-list{padding:0;margin:16px 0 0;list-style:none}.check-list li{padding:8px 0 8px 28px;position:relative;border-bottom:1px solid rgba(255,255,255,.14)}.check-list li:before{content:"";width:9px;height:9px;background:#f2bd63;border-radius:50%;position:absolute;left:5px;top:20px}.activity-grid{grid-template-columns:repeat(3,1fr)}.activity-grid article{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}.activity-grid img{aspect-ratio:16/9;object-fit:cover}.activity-grid h3,.activity-grid p{padding:0 16px}.activity-grid h3{padding-top:16px}.activity-grid p{padding-bottom:16px;color:var(--muted)}.content-page,.article-page,.not-found{padding-bottom:30px}.media-band img{width:100%;max-height:380px;object-fit:cover;border-radius:8px;border:1px solid var(--line);margin-top:22px}.info-grid{grid-template-columns:repeat(3,1fr)}.article-page{max-width:860px}.article-page section{margin:34px 0}.download-grid{grid-template-columns:repeat(3,1fr)}.download-grid a{color:var(--brand);font-weight:800}.faq-list details{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin:12px 0}.faq-list summary{font-weight:800;cursor:pointer}.site-footer{margin-top:50px;background:#17231d;color:#dbe4dc;padding:38px 0 20px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}.footer-grid h2{font-size:18px}.footer-grid p{color:#b9c5ba}.footer-grid a{display:inline-block;margin:0 10px 8px 0;color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:22px;padding-top:16px;display:flex;gap:18px;flex-wrap:wrap;color:#b9c5ba}.not-found{min-height:380px}.not-found p{font-size:18px}
@media (max-width:1050px){.feature-grid{grid-template-columns:repeat(2,1fr)}.download-strip{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.header-inner{height:auto;min-height:64px;flex-wrap:wrap;padding:10px 0}.menu-toggle{display:block}.site-nav{display:none;width:100%;margin:0;grid-template-columns:repeat(2,1fr);gap:8px}.site-nav.open{display:grid}.site-nav a{background:#fff;border:1px solid var(--line)}.hero-panel{grid-template-columns:1fr;min-height:auto;margin-top:14px}.hero-panel:before{background:linear-gradient(180deg,rgba(14,24,18,.88),rgba(14,24,18,.96))}.hero-panel>div{padding:34px 22px}.hero-panel img{position:absolute;width:100%;height:100%;opacity:.38}.hero-stats{grid-template-columns:1fr}.feature-grid,.activity-grid,.info-grid,.download-grid,.download-strip,.role-grid,.quick-grid{grid-template-columns:1fr}.split-section{grid-template-columns:1fr}.article-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.section-head{display:block}.hero-panel h1,.content-page h1,.article-page h1,.not-found h1{font-size:34px}.brand span{display:none}}