:root{
    --bg:#111111;--deep:#0A0A0A;--panel:#1A1A1A;--panel2:#1F1B14;
    --title:#FFF6D6;--text:#E8D9A8;--muted:#B8A56A;--soft:#8A7A48;
    --yellow:#F5C518;--bright:#FFD84A;--amber:#C49212;--footer:#050505;--footertext:#DCCB8A;
    --max:1120px;--radius:12px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
img{max-width:100%;display:block}
.shell{width:min(calc(100% - 32px),var(--max));margin:0 auto}
.curtain-rail{position:fixed;z-index:80;top:0;left:0;right:0;height:22px;background:#090909;color:var(--bright);font-size:12px;border-bottom:1px solid #29220f}
.rail-inner{height:22px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.rail-search{height:22px;padding:0 10px;border:0;background:transparent;color:var(--bright);font-size:12px}
.stage-header{position:fixed;z-index:80;top:22px;left:0;right:0;height:60px;background:#0d0d0d;border-bottom:1px solid #6b5715}
.stage-header-inner{height:60px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}
.brand-mark{justify-self:start;display:flex;align-items:center;min-height:44px;max-width:210px}
.brand-logo{height:28px;width:auto;object-fit:contain;object-position:center}
.brand-fallback{font-size:16px;font-weight:800;color:var(--title);letter-spacing:.08em}
.drawer-button{justify-self:center;min-width:68px;height:44px;border:1px solid #756018;border-radius:10px;background:#16130b;color:var(--title);font-size:14px}
.entry-link{justify-self:end;display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 14px;border:1px solid var(--yellow);border-radius:10px;color:var(--title);font-size:14px;white-space:nowrap}
.light-sign{position:fixed;z-index:75;top:82px;left:0;right:0;height:40px;background:#251c0d;border-bottom:1px solid #5b4511}
.sign-inner{height:40px;display:flex;align-items:center;justify-content:center;gap:8px}
.sign-inner a{display:flex;height:32px;min-width:112px;align-items:center;justify-content:center;border-radius:8px;color:var(--text);font-size:13px}
.sign-inner a:hover,.sign-inner a:focus-visible,.sign-inner a.active{background:var(--bright);color:#111;outline:none}
.site-main{padding-top:146px;min-height:70vh;padding-bottom:32px}
.hero,.page-hero{padding:0 0 28px}
.hero-slot,.image-slot{background:#0b0b0b;border:1px solid #2d2819;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-slot{height:260px}
.hero-slot img,.image-slot img{width:100%;height:100%;object-fit:contain;object-position:center}
.hero-fallback{padding:24px;text-align:center;color:var(--title);font-size:20px;font-weight:800}
.eyebrow{margin:14px 0 4px;color:var(--bright);font-size:14px;font-weight:700;letter-spacing:.08em}
h1,h2,h3{color:var(--title);margin:0 0 12px;line-height:1.3}
h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}
p{margin:0 0 12px}
.lead{max-width:900px;font-size:15px;color:var(--text)}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:10px;font-size:14px;font-weight:700;white-space:nowrap}
.btn-primary{background:linear-gradient(135deg,var(--bright),var(--yellow));color:#111}
.btn-secondary{background:#121212;color:var(--title);border:1px solid var(--yellow)}
.btn:hover,.btn:focus-visible,.entry-link:hover,.entry-link:focus-visible,.drawer-button:hover,.drawer-button:focus-visible{filter:brightness(1.08);outline:2px solid var(--bright);outline-offset:2px}
.section{padding:30px 0;border-top:1px solid #29261c}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}
.section-head p{margin:0;color:var(--muted);font-size:13px;max-width:580px}
.grid-2,.grid-3,.grid-4{display:grid;gap:16px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card,.article-block,.note-box,.faq-item,.timeline-item{background:var(--panel);border:1px solid #322d1f;border-radius:var(--radius);padding:18px}
.card p,.article-block p,.timeline-item p{color:var(--text)}
.card .meta,.meta{color:var(--muted);font-size:13px}
.image-slot{height:180px;margin-bottom:14px}.image-slot.tall{height:200px}.image-slot.app-shot{height:min(360px,62vw)}
.card-link{display:inline-flex;align-items:center;min-height:44px;color:var(--bright);font-weight:700}
.numbered{display:grid;grid-template-columns:52px 1fr;gap:14px;padding:16px 0;border-top:1px solid #332d1e}
.numbered:first-child{border-top:0}.numbered strong{color:var(--bright);font-size:18px}
.task-list,.plain-list{list-style:none;margin:0;padding:0}.task-list li,.plain-list li{padding:12px 0;border-top:1px solid #332d1e}.task-list li:first-child,.plain-list li:first-child{border-top:0}
.status{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:999px;background:#2a2411;color:var(--bright);font-size:12px;font-weight:700}
.timeline{position:relative;margin-left:8px;padding-left:24px}.timeline:before{content:"";position:absolute;left:4px;top:8px;bottom:8px;width:2px;background:#6a5614}.timeline-item{position:relative;margin:0 0 14px}.timeline-item:before{content:"";position:absolute;left:-25px;top:20px;width:10px;height:10px;border-radius:50%;background:var(--bright);box-shadow:0 0 0 4px #261f0e}
.app-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:22px;align-items:start}
.icon-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.app-icon{width:48px;height:48px;object-fit:contain;border-radius:12px;background:#080808;border:1px solid #4b3e12}
.article-wrap{display:grid;gap:16px}.article-block h2{margin-bottom:10px}.article-block h3{margin-top:14px}
.kicker{font-size:13px;color:var(--bright);font-weight:700;margin-bottom:6px}.editor-note{padding:12px 14px;border-left:3px solid var(--bright);background:#211c0f;color:var(--text);font-size:13px}
.definition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.definition-grid .article-block{height:100%}
.faq-list{display:grid;gap:12px}.faq-item h2{font-size:16px;margin-bottom:8px}.faq-item p{margin:0}
.site-footer{background:var(--footer);color:var(--footertext);border-top:1px solid #7a6215;padding:32px 0 76px;font-size:13px}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:24px}.footer-brand{display:flex;flex-direction:column;gap:6px}.footer-logo{height:28px;width:auto;object-fit:contain}.footer-brand strong{font-size:16px;color:var(--title)}.footer-brand p{margin-top:8px;max-width:340px}.site-footer h3{font-size:14px;color:var(--bright);margin-bottom:8px}.site-footer a{display:block;min-height:32px;color:var(--footertext)}.site-footer a:hover,.site-footer a:focus-visible{color:var(--bright);outline:none}.footer-bottom{margin-top:24px;padding-top:16px;border-top:1px solid #2b2619;color:var(--soft)}
.ui-mask{position:fixed;z-index:110;inset:0;background:rgba(0,0,0,.72);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.ui-mask.open{opacity:1;visibility:visible;pointer-events:auto}.ui-lock{overflow:hidden}
.site-drawer{position:fixed;z-index:120;top:0;right:0;width:min(400px,86vw);height:100dvh;background:#0d0d0d;border-left:1px solid #655213;transform:translateX(102%);visibility:hidden;pointer-events:none;transition:transform .24s ease,visibility .24s;display:flex;flex-direction:column}.site-drawer.open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-top{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #332b16}.drawer-brand{display:flex;align-items:center;gap:10px}.drawer-brand strong{color:var(--title);font-size:16px}.icon-close{min-height:44px;padding:0 12px;border:1px solid #6a5718;border-radius:10px;background:#17130a;color:var(--title)}.drawer-scroll{overflow:auto;padding:12px 16px 24px}.drawer-scroll section{padding:12px 0;border-top:1px solid #2c2719}.drawer-scroll section:first-child{border-top:0}.drawer-scroll h2{font-size:14px;color:var(--bright);margin-bottom:6px}.drawer-scroll a{display:grid;gap:2px;padding:10px;border-radius:10px}.drawer-scroll a:hover,.drawer-scroll a:focus-visible{background:#1e1a10;outline:none}.drawer-scroll b{color:var(--title);font-size:14px}.drawer-scroll span{color:var(--muted);font-size:12px;line-height:1.5}
.site-search{position:fixed;z-index:125;top:82px;left:0;right:0;background:#0d0d0d;border-bottom:1px solid #725c18;transform:translateY(-130%);visibility:hidden;pointer-events:none;transition:.22s}.site-search.open{transform:translateY(0);visibility:visible;pointer-events:auto}.search-inner{padding:18px 0 22px}.search-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.search-head div{display:grid}.search-head strong{color:var(--title);font-size:16px}.search-head span{color:var(--muted);font-size:13px}.search-field{display:grid;gap:6px;color:var(--muted);font-size:13px}.search-field input{height:44px;border-radius:10px;border:1px solid #5d4b15;background:#17150f;color:var(--title);padding:0 12px;outline:none}.search-field input:focus{border-color:var(--bright);box-shadow:0 0 0 2px rgba(255,216,74,.15)}.search-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.search-presets a{display:flex;align-items:center;min-height:40px;padding:0 12px;border-radius:10px;background:#1f1b12;border:1px solid #433815;color:var(--text)}
.mobile-bottom{display:none}
@media (max-width:820px){
    .shell{width:min(calc(100% - 32px),var(--max))}
    .light-sign{display:none}
    .site-main{padding-top:104px;padding-bottom:70px}
    .stage-header-inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}
    .brand-mark{max-width:150px}.brand-logo{height:26px}.drawer-button{min-width:58px;padding:0 10px}.entry-link{padding:0 10px}
    .grid-3,.grid-4,.grid-2,.definition-grid{grid-template-columns:1fr}
    .app-layout{grid-template-columns:1fr}
    .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
    .site-search{top:0;bottom:0;height:100dvh;transform:translateY(-105%);border-bottom:0}.search-inner{padding-top:24px}.search-presets{display:grid;grid-template-columns:1fr 1fr}
    .mobile-bottom{position:fixed;z-index:70;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#090909;border-top:1px solid #5d4c15}
    .mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:48px;color:var(--text);font-size:13px}.mobile-bottom a.active{background:var(--bright);color:#111;font-weight:800}
    .site-footer{padding-bottom:86px}.hero-slot{height:220px}.section{padding:24px 0}.section-head{align-items:start;flex-direction:column;gap:4px}
}
@media (max-width:520px){
    .curtain-rail{font-size:11px}.stage-header{height:60px}.brand-fallback{font-size:15px}.entry-link{font-size:13px}.drawer-button{font-size:13px}
    .hero-slot{height:190px}.image-slot{height:170px}.image-slot.tall{height:190px}
    .footer-grid{grid-template-columns:1fr 1fr;gap:18px 14px}.search-presets{grid-template-columns:1fr}
}