:root{--bg:#0C0B08;--bg-deep:#080706;--panel:#161410;--panel2:#1E1A14;--title:#F3E6C0;--text:#E4D6B0;--muted:#B89A58;--sub:#8A7040;--gold:#C9A227;--gold2:#E0C056;--gold3:#8A6E18;--copper:#8A5A2A;--warm:#F7EFD4;--border:rgba(201,162,39,.22);--border2:rgba(201,162,39,.50);--shadow:0 12px 28px rgba(0,0,0,.45);--max:980px;--side:148px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.skip-link{position:fixed;z-index:9999;left:12px;top:-60px;background:var(--warm);color:#1A1408;padding:10px 14px;border-radius:6px}.skip-link:focus{top:8px}.museum-notice{position:fixed;z-index:1100;top:0;left:0;right:0;height:20px;background:var(--bg-deep);color:var(--gold2);display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:12px;border-bottom:1px solid var(--border)}.notice-brand{font-weight:700}.plain-trigger,.menu-trigger,.close-btn{border:0;background:transparent;color:var(--gold2);min-height:44px;padding:0 12px}.museum-notice .plain-trigger{min-height:20px;padding:0 4px;font-size:12px}.museum-head{position:fixed;z-index:1090;top:20px;left:0;right:0;height:52px;background:var(--panel);border-bottom:1px solid var(--gold3);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px}.head-logo{display:inline-flex;align-items:center;min-height:44px;justify-self:start;color:var(--title);font-size:16px;font-weight:700}.head-logo img,.footer-brand img,.sheet-brand img{height:24px;width:auto;max-width:150px;object-fit:contain}.brand-en{font-size:13px;color:var(--gold2);letter-spacing:.11em}.head-actions{justify-self:end;display:flex;align-items:center;gap:6px}.app-link,.menu-trigger{display:inline-flex;align-items:center;min-height:44px;color:var(--title);font-size:14px}.app-link{padding:0 10px}.menu-trigger{border-left:1px solid var(--border)}.double-nav{position:fixed;z-index:1080;top:72px;left:0;right:0;height:64px;background:var(--bg-deep);border-bottom:1px solid var(--border);padding-left:var(--side)}.double-row{height:32px;display:flex;align-items:center;justify-content:center;gap:30px}.double-row a{font-size:13px;color:var(--muted);padding:5px 3px 3px;border-bottom:2px solid transparent}.double-row a:hover,.double-row a:focus-visible,.double-row a.is-active{color:var(--gold2);border-bottom-color:var(--gold2)}.side-nav{position:fixed;z-index:900;top:136px;bottom:0;left:0;width:var(--side);background:var(--bg-deep);border-right:1px solid var(--border);padding:22px 16px 100px;overflow:auto}.side-group{margin-bottom:24px}.side-group strong{display:block;color:var(--sub);font-size:12px;margin-bottom:8px}.side-group a{display:block;color:var(--muted);padding:7px 0;font-size:13px}.side-group a:hover,.side-group a:focus-visible,.side-group a.is-active{color:var(--gold2)}.main-content{margin-left:var(--side);padding:172px 22px 80px;min-height:70vh}.page-wrap{max-width:var(--max);margin:0 auto}.page-head{margin-bottom:30px}.eyebrow{display:block;color:var(--gold);font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:7px}.page-head h1,.hero h1{margin:0;color:var(--title);font-size:24px;line-height:1.3}.page-head p,.hero p{max-width:760px;color:var(--text);margin:12px 0 0}.hero{padding:14px 0 38px;border-bottom:1px solid var(--border);margin-bottom:32px}.hero .lead{font-size:18px;color:var(--title);margin-top:8px}.hero .intro{max-width:760px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.btn{min-height:42px;padding:0 18px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;white-space:nowrap;border:1px solid var(--border2)}.btn-primary{background:linear-gradient(135deg,#E0C056 0%,#C9A227 55%,#8A6E18 100%);color:#1A1408;border-color:transparent;font-weight:700}.btn-secondary{background:var(--bg-deep);color:var(--gold2)}.btn:hover{transform:translateY(-1px)}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}.section{margin:0 0 34px;padding:24px;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}.section-flat{margin-bottom:34px;padding:0 0 24px;border-bottom:1px solid var(--border)}.section h2,.section-flat h2,.band h2{font-size:20px;color:var(--title);margin:0 0 14px}.section h3,.section-flat h3{font-size:16px;color:var(--gold2);margin:18px 0 8px}.section p,.section-flat p{margin:9px 0}.muted{color:var(--muted)}.subtle{color:var(--sub)}.image-slot{background:var(--bg-deep);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.slot-176{height:176px}.slot-160{height:160px}.slot-200{height:200px}.slot-app{height:300px}.slot-head{height:146px}.number-list{display:grid;gap:18px}.number-item{border-top:1px solid var(--border);padding-top:18px}.number-item:first-child{border-top:0;padding-top:0}.number-label{color:var(--gold2);font-size:13px;font-weight:700}.note-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.note-card{padding:18px;background:var(--panel2);border:1px solid var(--border);border-radius:8px}.nodes{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.node{flex:1 1 180px;min-width:0;padding:16px;border-left:3px solid var(--gold);background:var(--panel2)}.node b{display:block;color:var(--gold2);margin-bottom:6px}.works-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.work-card{padding:18px;border:1px solid var(--border);border-radius:8px;background:var(--panel2)}.work-card h3{margin-top:0}.periods{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.period{padding:18px;background:var(--panel2);border-top:2px solid var(--gold3)}.status-list{display:grid;gap:10px}.status-row{display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:start;padding:14px 0;border-bottom:1px solid var(--border)}.status-row:last-child{border-bottom:0}.status-badge{display:inline-flex;justify-content:center;align-items:center;min-height:32px;padding:0 10px;border-radius:999px;border:1px solid var(--border2);color:var(--gold2);font-size:12px}.band{margin:36px 0;padding:28px;background:var(--bg-deep);border:1px solid var(--border2);border-radius:10px;box-shadow:var(--shadow)}.band-inner{display:grid;grid-template-columns:1fr 250px;gap:28px;align-items:center}.app-visuals{display:grid;grid-template-columns:1fr 64px;gap:12px;align-items:center}.icon-slot{height:64px}.inline-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.inline-links a{min-height:40px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--border);border-radius:6px;color:var(--gold2)}.checklist,.topic-list{margin:0;padding:0;list-style:none}.checklist li,.topic-list li{padding:12px 0;border-bottom:1px solid var(--border)}.checklist li:last-child,.topic-list li:last-child{border-bottom:0}.checklist b,.topic-list b{color:var(--gold2)}.single-notes article{padding:20px 0;border-bottom:1px solid var(--border)}.single-notes article:first-child{padding-top:0}.single-notes article:last-child{border-bottom:0}.topic-list a{display:block}.topic-list a span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.terms section{padding:20px 0;border-bottom:1px solid var(--border)}.terms section:last-child{border-bottom:0}.faq-list details{border-bottom:1px solid var(--border);padding:12px 0}.faq-list summary{color:var(--title);font-weight:700;cursor:pointer;padding:8px 0}.faq-list p{margin:8px 0 4px}.about-banner{margin-bottom:24px}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-cards article{padding:18px;background:var(--panel2);border:1px solid var(--border);border-radius:8px}.site-footer{margin-left:var(--side);background:var(--bg-deep);border-top:1px solid var(--gold3);padding:28px 22px 76px;font-size:13px;color:var(--text)}.site-footer>div,.site-footer>p{max-width:var(--max);margin-left:auto;margin-right:auto}.footer-brand{display:flex;gap:12px;align-items:center;margin-bottom:22px}.footer-brand div{display:flex;flex-direction:column}.footer-brand strong{color:var(--title)}.footer-brand span{font-size:11px;color:var(--muted);letter-spacing:.08em}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.footer-links strong{display:block;color:var(--gold2);margin-bottom:8px}.footer-links a{display:block;color:var(--muted);padding:3px 0}.footer-links a:hover{color:var(--title)}.footer-note{color:var(--muted);margin-top:18px!important}.copyright{color:var(--sub);margin-top:8px!important}.overlay{position:fixed;z-index:1200;inset:0;background:rgba(0,0,0,.66);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.full-menu{position:fixed;z-index:1210;left:0;right:0;bottom:0;max-height:72vh;background:var(--panel);border-top:1px solid var(--border2);transform:translateY(105%);visibility:hidden;pointer-events:none;transition:.24s ease;overflow:auto;padding:14px 18px 28px}.full-menu.is-open{transform:translateY(0);visibility:visible;pointer-events:auto}.sheet-head{max-width:1100px;margin:0 auto 14px;display:flex;align-items:center;justify-content:space-between;min-height:48px}.sheet-brand{display:flex;align-items:center;gap:10px}.sheet-brand strong{color:var(--title)}.menu-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1.2fr .9fr 1.3fr;gap:22px}.menu-grid>div>strong{display:block;color:var(--gold2);margin-bottom:8px}.menu-grid a{display:block;padding:8px 0;border-bottom:1px solid var(--border)}.menu-grid a b{display:block;color:var(--title);font-size:13px}.menu-grid a span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.search-panel{position:fixed;z-index:1220;top:72px;left:var(--side);right:0;visibility:hidden;pointer-events:none;opacity:0;transition:.18s}.search-panel.is-open{visibility:visible;pointer-events:auto;opacity:1}.search-card{max-width:760px;margin:0 auto;background:var(--panel);border:1px solid var(--border2);border-radius:0 0 10px 10px;box-shadow:var(--shadow);padding:20px}.search-top{display:flex;align-items:center;justify-content:space-between}.search-card label{display:block;color:var(--muted);margin:8px 0}.search-card input{width:100%;height:44px;border:1px solid var(--border2);background:var(--bg-deep);color:var(--warm);border-radius:6px;padding:0 12px}.search-results{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.search-results a{padding:10px 12px;border:1px solid var(--border);border-radius:6px;color:var(--title)}.search-results span{display:block;color:var(--muted);font-size:12px}.search-results a[hidden]{display:none}.no-scroll{overflow:hidden}.mobile-bottom{display:none}
@media(max-width:760px){body{padding-bottom:calc(48px + env(safe-area-inset-bottom))}.museum-notice{padding:0 16px}.museum-head{grid-template-columns:minmax(0,1fr) auto;padding:0 12px}.brand-en{display:none}.head-logo{min-width:0;overflow:hidden}.head-logo span{white-space:nowrap}.head-actions{gap:0}.app-link,.menu-trigger{padding:0 8px}.double-nav,.side-nav{display:none}.main-content{margin-left:0;padding:96px 16px 52px}.page-head{margin-bottom:24px}.section{padding:18px}.note-grid,.works-grid,.periods,.contact-cards{grid-template-columns:1fr}.band-inner{grid-template-columns:1fr}.app-visuals{grid-template-columns:1fr 58px}.slot-app{height:280px}.status-row{grid-template-columns:88px 1fr;gap:12px}.site-footer{margin-left:0;padding:26px 16px 86px}.footer-links{grid-template-columns:1fr 1fr}.full-menu{max-height:72vh;padding:12px 16px 80px}.menu-grid{grid-template-columns:1fr 1fr}.search-panel{top:0;left:0;bottom:0;background:var(--bg-deep);padding:72px 16px 70px;overflow:auto}.search-card{border-radius:8px;max-width:none}.search-results{grid-template-columns:1fr}.mobile-bottom{position:fixed;z-index:1150;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(4,1fr);background:var(--bg-deep);border-top:1px solid var(--border2)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:13px;color:var(--muted)}.mobile-bottom a.is-active{background:var(--gold);color:#1A1408;font-weight:700}.hero{padding-top:2px}.image-slot{min-height:86px}}
@media(max-width:430px){.footer-links,.menu-grid{grid-template-columns:1fr}.head-logo img{max-width:120px}.app-link{font-size:13px}.menu-trigger{font-size:13px}.section{border-radius:6px}.band{padding:20px}.app-visuals{grid-template-columns:1fr}.icon-slot{width:64px}.slot-app{height:260px}}
