*{box-sizing:border-box}
:root{--bg:#12100d;--deep:#090806;--panel:#1b1813;--panel2:#211b13;--text:#eadfbf;--title:#fff5d9;--muted:#b9a66f;--gold:#f0c44b;--gold2:#ffd86b;--rust:#a75e32;--line:rgba(240,196,75,.18);--line2:rgba(240,196,75,.42);--shadow:0 18px 36px rgba(0,0,0,.32)}
html{background:var(--deep);scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0,#1a150e 0,#12100d 38%,#12100d 100%);color:var(--text);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.72;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1080px,calc(100% - 32px));margin:auto}.skip{position:fixed;top:-80px;left:16px;z-index:300;background:var(--gold);color:#111;padding:10px 14px;border-radius:8px}.skip:focus{top:10px}
.signal{position:fixed;z-index:120;top:0;left:0;right:0;height:22px;background:#080706;color:var(--gold2);font-size:12px}.signal-inner{height:22px;display:flex;align-items:center;justify-content:space-between}.search-open{background:none;border:0;color:var(--gold2);cursor:pointer}
.site-head{position:fixed;z-index:118;top:22px;left:0;right:0;height:64px;background:rgba(12,11,9,.97);border-bottom:1px solid var(--line)}.head-inner{height:64px;display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center}.brand{justify-self:start;min-height:44px;display:flex;align-items:center}.logo,.footer-logo,.menu-logo{height:28px;width:auto;object-fit:contain}.brand strong{color:var(--title);font-size:16px}.head-nav{display:flex;gap:8px}.head-nav a{padding:8px 12px;border-radius:8px;border:1px solid var(--line);font-size:13px}.head-nav a.active{background:var(--gold);color:#111;border-color:var(--gold);font-weight:700}.head-actions{justify-self:end;display:flex;gap:8px;align-items:center}.head-actions a,.menu-open,.menu-close,.search-close{min-height:42px;padding:0 13px;border-radius:8px;border:1px solid var(--line2);display:inline-flex;align-items:center;justify-content:center;background:#12100d;color:var(--title)}.head-actions a{background:linear-gradient(135deg,#ffd86b,#f0c44b 60%,#c7962b);color:#111;font-weight:700}.menu-open,.menu-close,.search-close{cursor:pointer}
.main{padding-top:112px;padding-bottom:84px}h1,h2,h3{color:var(--title);margin:0 0 12px}h1{font-size:24px;line-height:1.3}h2{font-size:20px}h3{font-size:16px}p{margin:0 0 14px}.lead{font-size:16px;color:#f2e7c4;max-width:840px}.eyebrow{font-size:12px;color:var(--gold2);letter-spacing:.14em}.section{padding:30px 0;border-bottom:1px solid var(--line)}.hero{padding:26px 0 30px}.hero-copy{max-width:860px}.hero-brand{font-size:13px;color:var(--gold2);margin:14px 0 6px}.hero-actions,.btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn{min-height:42px;padding:0 16px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line2)}.btn.primary{background:linear-gradient(135deg,#ffd86b,#f0c44b 55%,#c7962b);color:#111;font-weight:700}.btn.secondary{background:#14110d;color:var(--title)}
.media{background:#090806;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media img{width:100%;height:100%;object-fit:contain;object-position:center}.media.banner{height:260px}.media.h180{height:180px}.media.h200{height:200px}.media.h160{height:160px}.media.v360{height:360px;width:240px}
.focus-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.focus-main,.focus-side article,.tile,.panel,.entry,.term,.faq-list details{background:var(--panel);border:1px solid var(--line);border-radius:12px}.focus-main,.focus-side article,.tile,.panel,.entry,.term{padding:18px}.focus-side{display:grid;gap:12px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tags span{padding:5px 9px;border-radius:999px;border:1px solid var(--line2);font-size:12px;color:var(--gold2)}
.tiles-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tiles-2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.list{display:grid;gap:12px}.entry{display:grid;grid-template-columns:120px 1fr;gap:16px}.entry strong{color:var(--gold2)}.steps{counter-reset:step;display:grid;gap:12px}.steps article{position:relative;padding:18px 18px 18px 66px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.steps article:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;left:18px;top:18px;color:var(--gold2);font-weight:700}.timeline{display:grid;gap:12px;position:relative}.timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:1px;background:var(--line2)}.timeline article{padding-left:30px;position:relative}.timeline article:before{content:"";position:absolute;left:1px;top:8px;width:14px;height:14px;border-radius:50%;background:var(--gold)}.status{display:inline-block;padding:3px 9px;border-radius:999px;border:1px solid var(--line2);font-size:12px}.terms{display:grid;gap:12px}.term{border-left:3px solid var(--gold)}.app-wrap{overflow:auto}.app-shot{float:left;margin:0 24px 18px 0}.app-icon{width:48px;height:48px;object-fit:contain}.app-icon-row{display:flex;align-items:center;gap:12px;margin:14px 0}
.page-head{padding:26px 0 22px;border-bottom:1px solid var(--line)}.page-head .lead{max-width:900px}.roster{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lesson-grid{display:grid;grid-template-columns:220px 1fr;gap:18px}.lesson-grid nav{position:sticky;top:108px;align-self:start;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px}.lesson-grid nav a{display:block;padding:8px 10px;border-radius:8px;color:var(--muted)}.lesson-grid nav a:hover{background:var(--panel2);color:var(--title)}.lesson-content{display:grid;gap:12px}.lesson-content section{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.editor{display:inline-block;background:var(--gold);color:#111;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;margin-bottom:10px}
.footer{background:#050504;border-top:1px solid var(--gold);padding:30px 0 calc(24px + env(safe-area-inset-bottom));color:#d9c995}.footer-grid{display:grid;grid-template-columns:1fr 2fr;gap:28px}.footer-brand{display:grid;gap:5px}.footer-brand strong{font-size:16px;color:var(--title)}.footer-brand span{font-size:12px;color:var(--muted)}.footer-brand p{font-size:13px}.footer-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.footer-cols h2{font-size:13px;color:var(--gold2)}.footer-cols a{display:block;font-size:13px;padding:3px 0}.footer-bottom{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);display:flex;gap:16px;flex-wrap:wrap;font-size:13px}
.mask{position:fixed;z-index:150;inset:0;background:rgba(0,0,0,.6);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.mask.open{opacity:1;visibility:visible;pointer-events:auto}.menu-panel{position:fixed;z-index:160;right:0;top:0;bottom:0;width:min(520px,88vw);background:#0c0a08;border-left:1px solid var(--line2);transform:translateX(100%);visibility:hidden;pointer-events:none;transition:.25s;padding:18px;overflow:auto}.menu-panel.open{transform:translateX(0);visibility:visible;pointer-events:auto}.menu-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.menu-brand{display:flex;align-items:center;gap:10px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.menu-grid h2{font-size:13px;color:var(--gold2)}.menu-grid a{display:block;padding:8px;border-radius:8px}.menu-grid a:hover{background:var(--panel)}.menu-grid a span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.search-panel{position:fixed;z-index:158;top:86px;left:0;right:0;visibility:hidden;opacity:0;pointer-events:none;transition:.2s}.search-panel.open{visibility:visible;opacity:1;pointer-events:auto}.search-card{width:min(1080px,calc(100% - 32px));margin:auto;background:#0d0b08;border:1px solid var(--line2);border-radius:0 0 12px 12px;padding:16px;box-shadow:var(--shadow)}.search-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.search-top p{font-size:13px;color:var(--muted)}.search-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.search-links a{padding:8px 12px;border:1px solid var(--line2);border-radius:8px;font-size:13px}.mobile-nav{display:none}
.faq-list{display:grid;gap:12px}.faq-list details{padding:0 16px}.faq-list summary{padding:16px 0;color:var(--title);font-weight:700;cursor:pointer}.faq-list p{padding-bottom:16px}
@media(max-width:820px){.head-nav{display:none}.head-inner{grid-template-columns:1fr auto}.head-actions{gap:5px}.main{padding-top:108px;padding-bottom:88px}.focus-grid,.tiles-3,.tiles-2,.roster,.footer-grid{grid-template-columns:1fr}.footer-cols{grid-template-columns:1fr 1fr}.lesson-grid{grid-template-columns:1fr}.lesson-grid nav{position:static;display:flex;gap:6px;flex-wrap:wrap}.lesson-grid nav a{border:1px solid var(--line);padding:6px 8px}.entry{grid-template-columns:1fr}.app-shot{float:none;margin:0 auto 18px}.menu-grid{grid-template-columns:1fr}.search-panel{inset:0;top:0;background:#080706;padding:16px}.search-card{width:100%;height:100%;border-radius:12px}.search-links{display:grid;grid-template-columns:1fr 1fr}.search-links a{min-height:44px;display:flex;align-items:center;justify-content:center}.mobile-nav{position:fixed;z-index:140;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:#080706;border-top:1px solid var(--line)}.mobile-nav a{display:flex;align-items:center;justify-content:center;font-size:13px}.mobile-nav a.active{background:var(--gold);color:#111;font-weight:700}}
@media(max-width:520px){h1{font-size:23px}.footer-cols{grid-template-columns:1fr 1fr}.head-actions a,.menu-open{padding:0 10px}}