: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;background:#141b17}.story-card-media{height:208px;background:#16231d;display:flex;align-items:center;justify-content:center;padding:18px}.story-card-media img{width:auto;height:166px;max-width:78%;aspect-ratio:auto;object-fit:contain;background:transparent}.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}.story-page{font-size:17px;line-height:1.95}.story-figure{float:right;width:120px;margin:0 0 18px 28px;padding:18px 22px;border:1px solid var(--line);border-radius:8px;background:#fffdf7}.story-figure img{width:64px;height:190px;object-fit:contain;margin:auto}.story-body p{margin-bottom:18px}.skills-page{max-width:1180px}.skill-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0 10px}.skill-summary a{background:#17231d;color:#fff;border:1px solid #314233;border-radius:8px;padding:16px 18px}.skill-summary strong,.skill-summary span{display:block}.skill-summary strong{font-size:24px;color:#f2bd63}.skill-summary span{color:#d5dfd6}.skill-section{scroll-margin-top:90px}.skill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.skill-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px;min-height:280px}.skill-card-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.skill-card-head span{background:var(--soft);border:1px solid var(--line);border-radius:6px;color:var(--brand);font-weight:800;padding:4px 8px}.skill-card-head h3{margin:0}.skill-meta{display:flex;flex-wrap:wrap;gap:8px 12px;color:var(--muted);font-size:14px}.skill-meta strong{color:var(--ink)}.skill-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.skill-levels span{background:#f1eadb;border:1px solid #e0d4bd;border-radius:6px;padding:8px;min-height:86px}.skill-levels b,.skill-levels em{display:block;font-style:normal}.skill-levels b{color:var(--brand);margin-bottom:4px}.skill-levels em{font-size:13px;color:#5f6b60}.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}
.notice{max-width:900px;margin:0 0 16px;padding:14px 16px;border-left:4px solid var(--gold);background:var(--soft);color:var(--ink);line-height:1.7}.device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.device-grid a{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px;min-height:132px;display:grid;grid-template-columns:24px 1fr;gap:6px 10px;align-items:start}.device-grid img{margin-top:3px}.device-grid strong{font-size:17px;color:var(--brand);line-height:1.3}.device-grid span{grid-column:1/-1;color:var(--muted);font-size:14px}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.detail-table{width:100%;border-collapse:collapse;min-width:640px}.detail-table th,.detail-table td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.detail-table th{background:#e7eee3;color:var(--brand);font-size:14px}.detail-table tbody tr:last-child td{border-bottom:0}.route-figure{margin:28px 0;padding:18px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#fffdf7,#edf2e8)}.route-flow{display:flex;flex-wrap:wrap;gap:10px}.route-flow span{position:relative;display:flex;align-items:center;gap:8px;padding:9px 12px;background:#fff;border:1px solid #cbd6c8;border-radius:999px;font-weight:700}.route-flow span:not(:last-child):after{content:"→";position:absolute;right:-12px;color:var(--gold);font-weight:900}.route-flow b{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--brand);color:#fff;font-size:12px}.route-figure figcaption{margin-top:12px;color:var(--muted);font-size:13px}.quality-notes{margin:28px 0;padding:16px 18px;border-left:4px solid var(--brand);background:#e7eee3}.quality-notes p{margin:0}.quality-notes p+p{margin-top:8px}.quality-notes strong{display:inline-block;min-width:76px;color:var(--brand)}
@media (max-width:1050px){.feature-grid{grid-template-columns:repeat(2,1fr)}.download-strip{grid-template-columns:repeat(2,1fr)}.skill-grid{grid-template-columns:1fr}.device-grid{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,.skill-summary,.device-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}.skill-levels{grid-template-columns:repeat(2,1fr)}.route-flow{display:grid;grid-template-columns:1fr}.route-flow span{border-radius:8px}.route-flow span:not(:last-child):after{content:"↓";right:auto;left:50%;bottom:-18px;top:auto}.hero-panel h1,.content-page h1,.article-page h1,.not-found h1{font-size:34px}.brand span{display:none}}