:root{--bg:#0C0B08;--deep:#080706;--panel:#161410;--panel2:#1E1A14;--title:#F3E6C0;--text:#E4D6B0;--muted:#B89A58;--soft:#8A7040;--gold:#C9A227;--bright:#E0C056;--darkgold:#8A6E18;--copper:#8A5A2A;--cream:#F7EFD4;--border:rgba(201,162,39,.22);--border-strong:rgba(201,162,39,.50);--shadow:0 12px 28px rgba(0,0,0,.45);--max:980px;--side:148px}
*{box-sizing:border-box}html{background:var(--bg);color:var(--text);scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden;padding-top:136px}.panel-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{font:inherit}.skip-link{position:fixed;left:12px;top:-60px;z-index:2000;background:var(--bright);color:#1A1408;padding:8px 12px;border-radius:6px}.skip-link:focus{top:8px}.museum-news{position:fixed;inset:0 0 auto 0;height:20px;background:var(--deep);color:var(--title);z-index:1000;border-bottom:1px solid var(--border)}.top-inner,.head-inner{max-width:calc(var(--max) + var(--side) + 36px);margin:0 auto;padding:0 16px}.top-inner{height:20px;display:flex;align-items:center;justify-content:space-between;font-size:12px;line-height:20px}.search-open,.menu-open{border:0;background:transparent;color:var(--bright);cursor:pointer;min-height:44px;padding:0 12px}.museum-head{position:fixed;left:0;right:0;top:20px;height:52px;background:var(--panel);border-bottom:1px solid var(--gold);z-index:999}.head-inner{height:52px;display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:center;gap:16px}.brand-mark{justify-self:start;display:flex;align-items:center;min-height:44px;font-size:16px;font-weight:700;color:var(--title)}.logo-img{height:24px;width:auto;object-fit:contain;object-position:center}.brand-en{font-size:13px;color:var(--title);letter-spacing:.12em;text-align:center}.head-actions{justify-self:end;display:flex;align-items:center;gap:4px}.app-link{min-height:44px;display:inline-flex;align-items:center;padding:0 10px;color:var(--title)}.double-nav{position:fixed;left:0;right:0;top:72px;height:64px;background:var(--deep);z-index:998;border-bottom:1px solid var(--border)}.double-nav-row{height:32px;max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px}.double-nav a{height:32px;display:flex;align-items:center;justify-content:center;padding:0 13px;color:var(--text);font-size:13px;border-bottom:2px solid transparent;white-space:nowrap}.double-nav a:hover,.double-nav a:focus-visible,.double-nav a.is-active{color:var(--title);border-bottom-color:var(--bright)}
.site-shell{max-width:calc(var(--max) + var(--side) + 36px);margin:0 auto;display:grid;grid-template-columns:var(--side) minmax(0,var(--max));gap:28px;padding:34px 16px 70px}.side-index{position:sticky;top:154px;align-self:start;border-right:1px solid var(--border);padding:8px 18px 20px 0}.side-group{margin:0 0 22px}.side-group h2{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--soft);letter-spacing:.12em}.side-group a{display:block;min-height:36px;padding:6px 0;color:var(--muted);font-size:13px}.side-group a:hover,.side-group a:focus-visible,.side-group a.is-active{color:var(--bright)}.page-main{min-width:0}.page-main:focus{outline:none}.page-main h1{font-size:24px;line-height:1.3;color:var(--title);margin:0 0 16px}.page-main h2{font-size:20px;line-height:1.4;color:var(--title);margin:0 0 12px}.page-main h3{font-size:16px;line-height:1.5;color:var(--title);margin:0 0 8px}.page-main p{margin:0 0 14px}.eyebrow{font-size:12px;color:var(--bright);letter-spacing:.14em;margin-bottom:8px;text-transform:uppercase}.lead{font-size:16px;color:var(--cream);max-width:760px}.page-hero,.content-section{margin-bottom:42px}.page-hero{padding:28px 0 18px;border-bottom:1px solid var(--border)}.hero-copy{max-width:760px}.hero-action{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:8px;font-size:14px;border:1px solid transparent;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#E0C056 0%,#C9A227 55%,#8A6E18 100%);color:#1A1408;font-weight:700}.btn-secondary{background:var(--deep);border-color:var(--border-strong);color:var(--title)}.btn:hover{filter:brightness(1.08)}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--bright);outline-offset:3px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:16px;border-bottom:1px solid var(--border);padding-bottom:10px}.section-head p{margin:0;color:var(--muted);font-size:13px}.media-slot{background:var(--deep);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-slot img{max-width:100%;max-height:100%;object-fit:contain;object-position:center}.media-fallback{width:42px;height:1px;background:var(--border-strong);position:relative}.media-fallback:after{content:"";position:absolute;width:1px;height:42px;background:var(--border-strong);left:20px;top:-20px}.slot-176{height:176px}.slot-160{height:160px}.slot-200{height:200px}.slot-260{height:260px}.slot-app{height:320px}.slot-96{height:96px}.slot-head{height:122px}.number-list{display:grid;gap:14px}.number-item{display:grid;grid-template-columns:92px 1fr;gap:18px;padding:18px;background:var(--panel);border:1px solid var(--border);border-radius:8px}.number-label{color:var(--bright);font-weight:700}.number-item p{margin:4px 0 0}.note-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.note-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:18px}.note-card .media-slot{margin:12px 0 16px}.node-flow{display:flex;gap:12px;flex-wrap:wrap}.node{flex:1 1 200px;min-width:0;background:var(--panel2);border-left:3px solid var(--gold);padding:18px;border-radius:6px}.node strong{display:block;color:var(--bright);margin-bottom:6px}.works-head{margin-bottom:16px}.works-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.work-card{padding:18px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.work-card span{font-size:12px;color:var(--muted)}.week-stack{display:grid;gap:12px}.week-row{display:grid;grid-template-columns:82px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}.week-row strong{color:var(--bright)}.status-board{display:grid;gap:10px}.status-row{display:grid;grid-template-columns:96px 1fr;gap:14px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:14px 16px}.status-tag{align-self:start;display:inline-flex;justify-content:center;color:#1A1408;background:var(--bright);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.app-band{display:grid;grid-template-columns:1.35fr .65fr;gap:26px;background:var(--deep);border:1px solid var(--border-strong);box-shadow:var(--shadow);padding:24px;border-radius:10px}.app-visuals{display:grid;grid-template-columns:1fr 72px;gap:10px;align-items:center}.app-icon{height:72px}.fact-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.fact-strip div{padding:12px;background:var(--panel);border:1px solid var(--border);border-radius:6px}.fact-strip strong{display:block;color:var(--title)}.bullet-points{display:grid;gap:10px;padding:0;margin:0;list-style:none}.bullet-points li{position:relative;padding:12px 14px 12px 34px;background:var(--panel);border:1px solid var(--border);border-radius:8px}.bullet-points li:before{content:"";position:absolute;left:14px;top:20px;width:8px;height:8px;border-radius:50%;background:var(--gold)}.faq-mini{display:grid;gap:10px}.faq-mini details,.faq-list details{border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:0 16px}.faq-mini summary,.faq-list summary{cursor:pointer;color:var(--title);padding:14px 0;font-weight:700}.faq-mini p,.faq-list p{padding:0 0 14px;color:var(--text)}
.article-intro{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;margin-bottom:28px}.article-intro .kicker{color:var(--bright);font-size:12px;letter-spacing:.12em}.rule-line{height:1px;background:linear-gradient(90deg,var(--gold),transparent);margin:22px 0}.single-notes{display:grid;gap:16px}.single-note{padding:20px 22px;background:var(--panel);border-left:2px solid var(--gold);border-radius:0 8px 8px 0}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.journal-card{padding:20px;background:var(--panel);border:1px solid var(--border);border-radius:8px}.journal-card.wide{grid-column:1/-1}.timeline-wrap{position:relative;padding-left:28px}.timeline-wrap:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:1px;background:var(--border-strong)}.timeline-item{position:relative;margin:0 0 20px;padding:0 0 4px 18px}.timeline-item:before{content:"";position:absolute;left:-25px;top:8px;width:9px;height:9px;border-radius:50%;background:var(--bright);box-shadow:0 0 0 4px var(--panel)}.timeline-item h2{font-size:18px}.memo-list{counter-reset:memo;display:grid;gap:12px}.memo-item{counter-increment:memo;display:grid;grid-template-columns:54px 1fr;gap:14px;padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:8px}.memo-item:before{content:counter(memo, decimal-leading-zero);color:var(--bright);font-weight:700}.method-steps{display:grid;gap:18px}.method-step{display:grid;grid-template-columns:120px 1fr;gap:22px;padding:18px 0;border-bottom:1px solid var(--border)}.method-step strong{color:var(--bright)}.topic-list{display:grid;gap:12px}.topic-item{padding:18px 20px;border:1px solid var(--border);background:linear-gradient(90deg,var(--panel),var(--deep));border-radius:8px}.topic-item small{display:block;color:var(--muted);margin-bottom:4px}.work-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.work-column{display:grid;gap:12px}.work-entry{padding:18px;background:var(--panel);border-top:1px solid var(--border-strong);border-radius:0 0 8px 8px}.work-entry h2{font-size:18px}.policy-sections{display:grid;gap:18px}.policy-section{padding:20px 22px;background:var(--panel);border:1px solid var(--border);border-radius:8px}.policy-section h2{padding-bottom:8px;border-bottom:1px solid var(--border)}.help-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.help-card{padding:18px;background:var(--panel);border:1px solid var(--border);border-radius:8px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-item{padding:20px;border:1px solid var(--border);background:var(--panel);border-radius:8px}.about-banner{margin-bottom:22px}.brand-statement{font-size:18px;color:var(--cream);padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.fineprint{color:var(--muted);font-size:13px}
.site-footer{background:var(--deep);border-top:1px solid var(--gold);font-size:13px;color:var(--text);padding:34px 16px 84px}.footer-inner{max-width:calc(var(--max) + var(--side) + 36px);margin:0 auto}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px;color:var(--title)}.footer-brand span{font-size:12px;letter-spacing:.12em}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.footer-grid h2{font-size:13px;color:var(--bright);margin:0 0 8px}.footer-grid a{display:block;padding:4px 0;color:var(--text)}.footer-grid a:hover{color:var(--bright)}.footer-note{margin:24px 0 8px;color:var(--muted)}.copyright{margin:0;color:var(--soft)}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:1190;opacity:0;pointer-events:none;transition:opacity .18s}.overlay.is-visible{opacity:1;pointer-events:auto}.search-panel{position:fixed;top:72px;left:0;right:0;z-index:1210;visibility:hidden;pointer-events:none;transform:translateY(-12px);opacity:0;transition:.18s}.search-panel.is-open{visibility:visible;pointer-events:auto;transform:none;opacity:1}.search-card{max-width:var(--max);margin:0 auto;background:var(--panel);border:1px solid var(--border-strong);box-shadow:var(--shadow);padding:18px;border-radius:0 0 10px 10px}.panel-head,.menu-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-head button,.menu-title button{min-height:44px;border:1px solid var(--border-strong);background:var(--deep);color:var(--title);padding:0 14px;border-radius:6px;cursor:pointer}.search-presets{display:flex;gap:8px;flex-wrap:wrap}.search-presets a{min-height:40px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--border);border-radius:6px;color:var(--title)}.full-menu{position:fixed;left:0;right:0;bottom:0;z-index:1220;visibility:hidden;pointer-events:none;transform:translateY(100%);transition:transform .24s,visibility .24s}.full-menu.is-open{visibility:visible;pointer-events:auto;transform:translateY(0)}.menu-sheet{max-height:72vh;overflow:auto;background:var(--panel);border-top:1px solid var(--gold);box-shadow:0 -18px 40px rgba(0,0,0,.5);padding:18px max(16px,calc((100vw - var(--max))/2)) calc(20px + env(safe-area-inset-bottom))}.menu-title{position:sticky;top:-18px;background:var(--panel);z-index:2;padding:2px 0 12px}.menu-brand{display:flex;align-items:center;gap:10px;color:var(--title)}.menu-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.menu-groups h2{font-size:13px;color:var(--bright);margin:6px 0 8px}.menu-groups a{display:block;padding:10px 0;border-top:1px solid var(--border)}.menu-groups b{display:block;color:var(--title);font-size:14px}.menu-groups span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.mobile-bottom{display:none}
@media (max-width:860px){body{padding-top:72px;padding-bottom:calc(48px + env(safe-area-inset-bottom))}.double-nav,.side-index{display:none}.head-inner{grid-template-columns:minmax(0,1fr) auto;gap:8px}.brand-en{display:none}.site-shell{display:block;padding:20px 16px 46px}.page-hero{padding-top:18px}.museum-head{top:20px}.head-actions{gap:0}.app-link,.menu-open{padding:0 9px}.brand-mark{min-width:0}.brand-mark span{font-size:14px}.note-columns,.journal-grid,.works-grid,.work-columns,.contact-grid,.help-cards{grid-template-columns:1fr}.journal-card.wide{grid-column:auto}.number-item{grid-template-columns:1fr;gap:6px}.week-row,.status-row,.method-step{grid-template-columns:1fr;gap:6px}.app-band{grid-template-columns:1fr}.app-visuals{grid-template-columns:minmax(0,1fr) 64px}.fact-strip{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.menu-groups{grid-template-columns:1fr 1fr}.search-panel{top:0;bottom:0;background:var(--deep);padding:72px 16px 70px}.search-card{border-radius:10px;margin-top:10px}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));z-index:1100;background:var(--deep);border-top:1px solid var(--border-strong);display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{min-height:48px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--text)}.mobile-bottom a.is-active{background:var(--gold);color:#1A1408;font-weight:700}.full-menu{z-index:1230}.overlay{z-index:1200}.menu-sheet{padding:16px;max-height:72vh}.slot-176{height:166px}.slot-160{height:150px}.slot-200{height:180px}.slot-app{height:280px}}
@media (max-width:520px){.top-inner,.head-inner{padding:0 10px}.site-shell{padding-left:16px;padding-right:16px}.brand-mark .logo-img{max-width:126px}.head-actions a,.head-actions button{font-size:13px}.footer-grid,.menu-groups{grid-template-columns:1fr}.menu-sheet{max-height:72vh}.page-main h1{font-size:24px}.page-main h2{font-size:20px}.work-card,.note-card,.journal-card,.policy-section,.contact-item,.help-card{padding:16px}.app-visuals{grid-template-columns:1fr}.app-icon{width:64px;height:64px}.slot-app{height:260px}.full-menu .menu-title{top:-16px}.search-presets{display:grid;grid-template-columns:1fr 1fr}.search-presets a{justify-content:center}}

.mt-16{margin-top:16px!important}.mt-18{margin-top:18px!important}
