:root{--bg:#0C0B08;--bg-deep:#080706;--panel:#161410;--panel2:#1E1A14;--title:#F3E6C0;--text:#E4D6B0;--muted:#B89A58;--soft:#8A7040;--gold:#C9A227;--gold2:#E0C056;--gold3:#8A6E18;--copper:#8A5A2A;--cream:#F7EFD4;--border:rgba(201,162,39,.22);--border2:rgba(201,162,39,.50);--shadow:0 12px 28px rgba(0,0,0,.45);--content:980px;--side:148px}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.top-stack{position:fixed;z-index:50;top:0;left:0;right:0}.bulletin{height:20px;background:#070603;color:var(--gold2);font-size:12px}.bar-inner{max-width:1180px;margin:0 auto;padding:0 18px}.bulletin .bar-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.text-button,.menu-open,#menuClose,#searchClose{border:0;background:transparent;color:var(--gold2);cursor:pointer}.text-button{padding:0 4px;height:20px;font-size:12px}.site-head{height:52px;background:#0A0907;border-bottom:1px solid var(--gold3)}.head-inner{height:52px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.brand-mark{display:inline-flex;align-items:center;min-width:0;height:44px;width:max-content;max-width:100%}.logo-slot{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:24px}.logo-image{height:24px;width:auto;max-width:140px;object-fit:contain;object-position:center}.brand-fallback{font-size:16px;color:var(--title);white-space:nowrap}.logo-slot:not(:empty)+.brand-fallback{display:none}.brand-en{font-size:13px;color:var(--muted);letter-spacing:.08em;white-space:nowrap}.head-actions{justify-self:end;display:flex;align-items:center;gap:8px}.head-app,.menu-open{min-height:44px;display:inline-flex;align-items:center;padding:0 10px;color:var(--gold2);font-size:13px}.menu-open{border:1px solid var(--border);border-radius:7px;background:var(--panel)}.double-nav{height:64px;background:#0A0907;border-bottom:1px solid var(--border);display:grid;align-content:center}.nav-row{height:31px;display:flex;align-items:center;justify-content:center;gap:34px}.nav-row a{height:31px;display:flex;align-items:center;color:var(--text);font-size:13px;border-bottom:2px solid transparent}.nav-row a.is-current{color:var(--gold2);border-bottom-color:var(--gold2)}.page-shell{max-width:calc(var(--content) + var(--side) + 44px);margin:0 auto;padding-top:154px;display:grid;grid-template-columns:var(--side) minmax(0,var(--content));gap:28px}.side-nav{position:sticky;top:172px;height:max-content;padding:10px 0 24px}.side-group{display:grid;gap:4px;margin-bottom:18px}.side-group strong{color:var(--muted);font-size:12px;font-weight:600;padding:2px 10px}.side-group a{font-size:13px;color:var(--text);min-height:34px;display:flex;align-items:center;padding:0 10px;border-left:2px solid transparent}.side-group a:hover,.side-group a:focus-visible{color:var(--gold2);outline:none}.side-group a.is-current{color:var(--gold2);border-left-color:var(--gold2)}.main-content{min-width:0;padding:28px 0 80px}.section-block,.page-head{margin-bottom:32px}.section-block{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:26px;box-shadow:var(--shadow)}.page-head{padding:10px 2px 6px}.page-head.compact{max-width:830px}.eyebrow{margin:0 0 6px;color:var(--gold2);font-size:12px;letter-spacing:.14em}.page-head h1,.hero-intro h1{margin:0 0 12px;font-size:24px;line-height:1.3;color:var(--title)}h2{font-size:20px;line-height:1.4;color:var(--title);margin:0 0 12px}h3{font-size:16px;line-height:1.45;color:var(--title);margin:0 0 8px}p{margin:0 0 14px}.lead-sentence{font-size:20px;color:var(--gold2);margin-bottom:10px}.section-heading{margin-bottom:18px}.section-heading h2{margin-bottom:0}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn{min-height:42px;padding:0 18px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;white-space:nowrap}.btn.primary{background:linear-gradient(135deg,#E0C056 0%,#C9A227 55%,#8A6E18 100%);color:#1A1408}.btn.secondary{background:#0C0B08;color:var(--gold2);border:1px solid var(--border2)}.btn:hover,.btn:focus-visible,.inline-link:hover,.inline-link:focus-visible,.work-shelf a:hover,.topic-list a:hover{filter:brightness(1.08);outline:2px solid rgba(224,192,86,.35);outline-offset:2px}.inline-link{display:inline-flex;align-items:center;min-height:44px;color:var(--gold2);font-size:14px}.media-slot{background:#0A0907;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.content-image{width:100%;height:100%;object-fit:contain;object-position:center}.slot-160{height:160px;margin-bottom:16px}.slot-176{height:176px;margin-bottom:20px}.slot-220{height:220px;margin-bottom:22px}.numbered-list article{padding:20px 0;border-top:1px solid var(--border)}.numbered-list article:first-of-type{border-top:0}.scene-no{display:inline-block;color:#1A1408;background:linear-gradient(135deg,#E0C056,#C9A227);font-size:12px;font-weight:700;padding:3px 8px;border-radius:5px;margin-bottom:9px}.note-columns .columns-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.note-columns article{min-width:0}.flow-nodes .node-wrap{display:flex;gap:14px;flex-wrap:wrap}.flow-nodes article{flex:1 1 210px;min-width:0;background:var(--panel2);border:1px solid var(--border);border-radius:8px;padding:18px}.flow-nodes article>span{display:inline-block;color:var(--gold2);font-weight:700;margin-bottom:8px}.expanded .node-wrap article{flex-basis:calc(50% - 7px)}.shelf-head{display:grid;grid-template-columns:1fr 220px;gap:24px;align-items:center;margin-bottom:22px}.shelf-image{height:120px}.works-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.works-grid article{background:var(--panel2);border:1px solid var(--border);border-radius:8px;padding:18px}.works-grid a{color:var(--gold2);min-height:44px;display:inline-flex;align-items:center}.work-type{color:var(--muted);font-size:12px;display:block;margin-bottom:6px}.week-sections article{padding:16px 0;border-top:1px solid var(--border)}.week-sections article:first-of-type{border-top:0}.status-row{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:start;padding:14px 0;border-top:1px solid var(--border)}.status-row:first-of-type{border-top:0}.status-row>span{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border:1px solid var(--border2);border-radius:999px;color:var(--gold2);font-size:12px}.status-row.large{padding:22px 0;grid-template-columns:100px 1fr}.app-band{display:grid;grid-template-columns:1fr 280px;gap:30px;align-items:center;background:var(--bg-deep);border:1px solid var(--border2)}.app-slot{height:300px}.app-visual{position:relative}.icon-slot{position:absolute;right:12px;bottom:12px;width:64px;height:64px;background:var(--panel);border:1px solid var(--border2);border-radius:12px;display:flex;align-items:center;justify-content:center}.icon-image{width:48px;height:48px;object-fit:contain}.method-points ol{margin:0;padding-left:22px}.method-points li{margin-bottom:12px}.faq-preview details,.faq-list details{border-top:1px solid var(--border);padding:14px 0}.faq-preview summary,.faq-list summary{cursor:pointer;color:var(--title);font-weight:600}.faq-preview details p,.faq-list details p{margin:10px 0 0;color:var(--text)}.source-note{background:var(--bg-deep);border-left:3px solid var(--gold3);padding:12px 14px;margin:14px 0}.source-note strong{color:var(--gold2)}.single-notes article,.clauses article,.info-steps article,.help-grid article,.contact-types article,.brand-statement article{padding:20px 0;border-top:1px solid var(--border)}.single-notes article:first-of-type,.clauses article:first-of-type,.info-steps article:first-of-type,.brand-statement article:first-of-type{border-top:0}.checklist h2{margin-top:20px}.checklist ul{margin:0 0 20px;padding-left:20px}.checklist li{margin-bottom:8px}.method-guide{display:grid;grid-template-columns:1fr 1fr;gap:16px}.method-guide article{background:var(--panel2);border:1px solid var(--border);border-radius:8px;padding:20px}.step{display:inline-flex;width:34px;height:28px;align-items:center;justify-content:center;background:var(--gold2);color:#1A1408;border-radius:5px;font-weight:800;font-size:12px;margin-bottom:10px}.topic-list article{display:grid;grid-template-columns:180px 1fr 150px;gap:20px;align-items:start;padding:22px 0;border-top:1px solid var(--border)}.topic-list article:first-child{border-top:0}.topic-list article span{color:var(--muted);font-size:12px}.topic-list article a{color:var(--gold2);min-height:44px;display:flex;align-items:center;justify-content:flex-end}.page-app{margin-bottom:32px;border-radius:8px;padding:30px;box-shadow:var(--shadow)}.app-features{display:grid;grid-template-columns:1fr 1fr;gap:18px}.app-features article{background:var(--panel2);border:1px solid var(--border);border-radius:8px;padding:18px}.info-steps article>span{color:var(--gold2);font-size:12px}.help-grid,.contact-types{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.help-grid article,.contact-types article{border-top:1px solid var(--border)}.about-head .banner-slot{height:200px;margin-bottom:24px}.brand-statement{position:relative}.brand-image-slot{height:240px;margin-bottom:18px}.site-footer{background:var(--bg-deep);border-top:1px solid var(--border2);color:var(--text);font-size:13px}.footer-inner{max-width:1180px;margin:0 auto;padding:34px 18px 78px}.footer-brand{display:flex;gap:10px;align-items:center;margin-bottom:24px}.footer-brand div{display:grid}.footer-brand strong{color:var(--title)}.footer-brand span{color:var(--muted);font-size:12px}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:24px}.footer-groups>div{display:grid;align-content:start}.footer-groups strong{color:var(--gold2);margin-bottom:6px}.footer-groups a{min-height:30px;display:flex;align-items:center}.footer-note,.copyright{color:var(--muted);max-width:900px}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:80}.menu-sheet{position:fixed;left:0;right:0;bottom:0;z-index:90;max-height:72vh;overflow:auto;background:#0A0907;border-top:1px solid var(--border2);box-shadow:0 -18px 40px rgba(0,0,0,.45);transform:translateY(102%);visibility:hidden;pointer-events:none;transition:transform .2s ease,visibility .2s ease}.menu-sheet.open{transform:translateY(0);visibility:visible;pointer-events:auto}.sheet-head{position:sticky;top:0;background:#0A0907;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:12px 18px;z-index:2}.sheet-brand{display:flex;align-items:center;gap:8px}.sheet-brand strong{color:var(--title)}#menuClose,#searchClose{min-width:44px;min-height:44px}.sheet-grid{max-width:980px;margin:0 auto;padding:18px;display:grid;grid-template-columns:1.2fr 1.2fr .8fr 1.3fr;gap:24px}.sheet-grid>div{display:grid;align-content:start}.sheet-grid>div>strong{color:var(--gold2);margin-bottom:8px}.sheet-grid a{padding:9px 0;border-bottom:1px solid var(--border);display:grid}.sheet-grid b{color:var(--title);font-size:14px}.sheet-grid span{color:var(--muted);font-size:12px}.search-layer{position:fixed;z-index:95;top:72px;left:0;right:0;visibility:hidden;pointer-events:none}.search-layer.open{visibility:visible;pointer-events:auto}.search-card{max-width:760px;margin:10px auto 0;background:#0A0907;border:1px solid var(--border2);border-radius:8px;padding:20px;box-shadow:var(--shadow)}.search-top{display:flex;align-items:center;justify-content:space-between}.search-top strong{color:var(--title)}.search-links{display:flex;flex-wrap:wrap;gap:8px}.search-links a{min-height:44px;padding:0 14px;border:1px solid var(--border);border-radius:8px;display:inline-flex;align-items:center;color:var(--gold2)}body.locked{overflow:hidden}.mobile-bottom{display:none}
@media (max-width:1100px){.page-shell{grid-template-columns:128px minmax(0,1fr);gap:20px;padding-left:16px;padding-right:16px}.side-nav{width:128px}}
@media (max-width:820px){body{padding-bottom:calc(48px + env(safe-area-inset-bottom))}.top-stack{position:fixed}.double-nav,.side-nav,.brand-en{display:none}.page-shell{display:block;padding:72px 16px 0}.main-content{padding:22px 0 34px}.bar-inner{padding-left:16px;padding-right:16px}.head-inner{grid-template-columns:1fr auto}.head-actions{gap:2px}.head-app,.menu-open{padding:0 8px}.brand-fallback{font-size:15px}.section-block{padding:20px 16px;margin-bottom:22px}.page-head{margin-bottom:22px}.page-head h1,.hero-intro h1{font-size:24px}.note-columns .columns-2,.works-grid,.method-guide,.app-features,.help-grid,.contact-types{grid-template-columns:1fr}.expanded .node-wrap article{flex-basis:100%}.shelf-head{grid-template-columns:1fr}.shelf-image{height:130px}.app-band{grid-template-columns:1fr;padding:22px 16px}.app-visual{max-width:360px;width:100%;margin:0 auto}.topic-list article{grid-template-columns:1fr;gap:8px}.topic-list article a{justify-content:flex-start}.footer-groups{grid-template-columns:1fr 1fr}.footer-inner{padding-bottom:84px}.sheet-grid{grid-template-columns:1fr 1fr}.search-layer{top:0;bottom:0;background:#080706}.search-card{margin:0;max-width:none;height:100%;border:0;border-radius:0;padding:26px 16px}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:70;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:#080706;border-top:1px solid var(--border2)}.mobile-bottom a{height:48px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--text)}.mobile-bottom a.is-current{background:linear-gradient(135deg,#E0C056,#C9A227,#8A6E18);color:#1A1408;font-weight:700}.menu-sheet{z-index:90}.overlay{z-index:80}}
@media (max-width:520px){.footer-groups,.sheet-grid{grid-template-columns:1fr}.status-row,.status-row.large{grid-template-columns:1fr}.status-row>span{width:max-content;padding:0 12px}.nav-row{gap:16px}.app-slot{height:280px}.banner-slot{height:200px}.slot-220{height:190px}.brand-fallback{max-width:130px;overflow:hidden;text-overflow:ellipsis}.head-app{font-size:12px}.menu-open{font-size:12px}.button-row .btn{flex:1 1 140px}}
