: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)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}a,button{touch-action:manipulation}button{font:inherit}.skip-link{position:fixed;left:10px;top:-50px;background:var(--bright);color:#1A1408;padding:8px 12px;z-index:1000}.skip-link:focus{top:8px}.museum-note{position:fixed;z-index:90;top:0;left:0;right:0;height:20px;background:#050403;color:var(--bright);font-size:12px}.museum-note-inner{height:100%;max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.text-trigger{position:relative;border:0;background:transparent;color:var(--bright);padding:0 6px;cursor:pointer}.text-trigger:before{content:"";position:absolute;left:-6px;right:-6px;top:-12px;bottom:-12px}.site-header{position:fixed;z-index:89;top:20px;left:0;right:0;height:52px;background:var(--deep);border-bottom:1px solid var(--gold);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px}.brand-mark{display:flex;align-items:center;min-height:44px;justify-self:start;font-size:16px;color:var(--cream);font-weight:700}.brand-mark img{height:24px;width:auto;max-width:180px;object-fit:contain}.brand-en{font-size:13px;color:var(--bright);letter-spacing:.16em}.head-actions{justify-self:end;display:flex;align-items:center;gap:8px}.head-actions a,.head-actions button{min-height:44px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--border-strong);background:#11100D;color:var(--title);border-radius:7px;cursor:pointer;font-size:13px}.double-nav{position:fixed;z-index:88;top:72px;left:0;right:0;height:64px;background:#0A0907;border-bottom:1px solid var(--border);display:flex;flex-direction:column;justify-content:center}.nav-row{height:32px;display:flex;justify-content:center;gap:34px}.nav-row a{position:relative;height:32px;display:flex;align-items:center;border-bottom:2px solid transparent;font-size:13px;color:var(--text)}.nav-row a:before{content:"";position:absolute;left:-8px;right:-8px;top:-6px;bottom:-6px}.nav-row a.is-current{color:var(--bright);border-color:var(--bright)}.side-nav{position:fixed;z-index:40;top:156px;left:max(18px,calc(50% - 635px));width:148px;max-height:calc(100vh - 180px);overflow:auto;padding:10px;background:var(--deep);border:1px solid var(--border);border-radius:8px}.side-group{display:flex;flex-direction:column;margin-bottom:12px}.side-group:last-child{margin-bottom:0}.side-group strong{font-size:12px;color:var(--soft);margin:4px 8px}.side-group a{min-height:44px;display:flex;align-items:center;padding:6px 8px;border-left:2px solid transparent}.side-group a.is-current{color:var(--bright);border-color:var(--bright)}.site-main{max-width:980px;margin:0 auto;padding:168px 22px 70px}.page-head{margin:0 0 24px}.eyebrow{color:var(--muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.page-head h1,.hero h1{margin:6px 0 10px;font-size:24px;line-height:1.3;color:var(--title)}h2{font-size:20px;line-height:1.35;color:var(--title);margin:0 0 10px}h3{font-size:16px;color:var(--cream);margin:0 0 8px}p{margin:0 0 13px}.lead{font-size:16px;color:var(--cream);max-width:760px}.hero{padding:22px 0 30px;border-bottom:1px solid var(--border);margin-bottom:26px}.hero .motto{font-size:20px;color:var(--bright);margin:8px 0}.btn-row{display:flex;flex-wrap:wrap;gap:10px;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;border:1px solid var(--border-strong)}.btn-primary{background:linear-gradient(135deg,#E0C056 0%,#C9A227 55%,#8A6E18 100%);color:#1A1408;border:0;font-weight:700}.btn-secondary{background:#0A0907;color:var(--bright)}.btn:hover,.btn:focus-visible,.head-actions a:hover,.head-actions button:hover,.head-actions a:focus-visible,.head-actions button:focus-visible{filter:brightness(1.12);outline:2px solid var(--bright);outline-offset:2px}.section{margin:0 0 30px}.section-rule{border-top:1px solid var(--border);padding-top:24px}.section-kicker{font-size:12px;color:var(--muted);letter-spacing:.12em;margin-bottom:6px}.media-slot{height:176px;background:#0A0907;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:12px 0}.media-slot img,.banner-slot img,.app-art img,.icon-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.media-slot.compact{height:160px}.media-slot.tall{height:240px}.banner-slot{height:200px;background:#0A0907;border:1px solid var(--border);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.numbered-list{counter-reset:scene;display:grid;gap:14px}.numbered-item{counter-increment:scene;padding:18px;background:var(--panel);border:1px solid var(--border);border-radius:8px}.numbered-item .scene-name{color:var(--bright);font-size:13px;margin-bottom:8px}.two-notes,.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.note-card,.work-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:18px}.flow-nodes{display:flex;flex-wrap:wrap;gap:10px}.flow-node{flex:1 1 180px;min-width:0;background:var(--panel2);border-top:2px solid var(--gold);padding:16px;border-radius:6px}.periods{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.period{border-left:3px solid var(--gold);background:var(--panel);padding:16px;border-radius:0 8px 8px 0}.status-board{display:grid;gap:10px}.status-row{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:start;background:var(--panel);border:1px solid var(--border);padding:14px;border-radius:8px}.status-tag{display:inline-flex;justify-content:center;min-height:32px;align-items:center;padding:4px 10px;border:1px solid var(--border-strong);color:var(--bright);border-radius:999px}.dark-band{background:#090806;border:1px solid var(--border-strong);box-shadow:var(--shadow);border-radius:10px;padding:22px}.app-band{display:grid;grid-template-columns:1.35fr .65fr;gap:20px;align-items:center}.app-art{height:300px;background:#050403;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative}.app-icon{position:absolute;right:12px;bottom:12px;width:48px;height:48px;background:var(--deep);border:1px solid var(--border-strong);border-radius:10px;overflow:hidden}.plain-list{display:grid;gap:12px}.plain-item{padding:15px 0;border-bottom:1px solid var(--border)}.plain-item:last-child{border-bottom:0}.memo-list{display:grid;gap:12px}.memo-item{padding:16px 16px 16px 48px;background:var(--panel);border:1px solid var(--border);border-radius:8px;position:relative}.memo-item:before{content:"✓";position:absolute;left:18px;top:15px;color:var(--bright);font-weight:700}.topic-list{display:grid;gap:14px}.topic-item{padding:18px;background:var(--panel2);border-left:4px solid var(--copper);border-radius:0 8px 8px 0}.method-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.method-step{background:var(--panel);border-top:2px solid var(--gold);padding:16px;border-radius:8px}.single-note{max-width:760px;margin:0 auto}.single-note section{padding:18px 0;border-bottom:1px solid var(--border)}.terms section{padding:16px 0;border-bottom:1px solid var(--border)}.faq-list{display:grid;gap:12px}.faq-item{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:18px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-card{background:var(--panel);border:1px solid var(--border);padding:18px;border-radius:8px}.inline-links{display:flex;gap:10px;flex-wrap:wrap}.inline-links a{min-height:44px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--border);border-radius:7px;color:var(--bright)}.site-footer{background:var(--deep);border-top:1px solid var(--gold);color:var(--text);padding:30px max(18px,calc((100vw - 980px)/2)) 76px;font-size:13px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.footer-brand img{height:24px;width:auto;max-width:180px;object-fit:contain}.footer-brand strong{display:block;color:var(--title);font-size:16px}.footer-brand span{display:block;color:var(--muted);font-size:12px;letter-spacing:.12em}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-grid section{display:flex;flex-direction:column;gap:5px}.footer-grid h2{font-size:14px;color:var(--bright);margin:0 0 4px}.footer-grid a{min-height:44px;display:flex;align-items:center}.footer-grid a:hover,.footer-grid a:focus-visible{color:var(--bright)}.footer-note{margin:22px 0 8px;padding-top:18px;border-top:1px solid var(--border)}.copyright{color:var(--muted)}.overlay{position:fixed;z-index:200;inset:0;background:rgba(0,0,0,.72);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto}.all-menu{position:fixed;z-index:210;left:0;right:0;bottom:0;max-height:72vh;overflow:auto;background:#0A0907;border-top:1px solid var(--gold);transform:translateY(102%);visibility:hidden;pointer-events:none;transition:transform .22s ease}.all-menu.is-open{transform:translateY(0);visibility:visible;pointer-events:auto}.menu-head{position:sticky;top:0;background:#0A0907;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--border)}.menu-brand{display:flex;gap:10px;align-items:center;color:var(--title);font-weight:700}.menu-brand img{height:24px;width:auto;object-fit:contain}.menu-head button,.search-head button{min-height:44px;border:1px solid var(--border-strong);background:var(--deep);color:var(--bright);border-radius:8px;padding:0 14px}.menu-columns{max-width:980px;margin:auto;padding:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.menu-columns h2{font-size:14px;color:var(--bright)}.menu-columns a{display:block;padding:9px 0;border-bottom:1px solid var(--border)}.menu-columns b{display:block;color:var(--cream);font-size:14px}.menu-columns span{display:block;color:var(--muted);font-size:12px}.search-panel{position:fixed;z-index:211;top:72px;left:0;right:0;visibility:hidden;pointer-events:none;transform:translateY(-16px);opacity:0;transition:.2s}.search-panel.is-open{visibility:visible;pointer-events:auto;transform:translateY(0);opacity:1}.search-card{max-width:760px;margin:0 auto;background:#0A0907;border:1px solid var(--gold);box-shadow:var(--shadow);padding:18px}.search-head{display:flex;justify-content:space-between;align-items:center}.search-presets{display:flex;flex-wrap:wrap;gap:8px}.search-presets a{min-height:44px;display:inline-flex;align-items:center;border:1px solid var(--border-strong);border-radius:7px;padding:0 13px;color:var(--bright)}.modal-open{overflow:hidden}.mobile-bottom{display:none}
@media (max-width:1260px){.side-nav{left:10px}.site-main{margin-left:180px;margin-right:auto}}
@media (max-width:900px){.double-nav,.side-nav{display:none}.site-header{grid-template-columns:1fr auto}.brand-en{display:none}.site-main{margin:0 auto;padding:98px 16px 76px}.site-footer{padding:26px 16px calc(70px + env(safe-area-inset-bottom))}.mobile-bottom{position:fixed;z-index:80;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:#080706;border-top:1px solid var(--border-strong)}.mobile-bottom a{min-height:48px;display:flex;align-items:center;justify-content:center;font-size:13px}.mobile-bottom a.is-current{background:var(--gold);color:#1A1408;font-weight:700}.menu-columns{grid-template-columns:1fr 1fr}.search-panel{top:0;bottom:0;background:#080706;padding:72px 16px 60px}.search-card{max-width:none;margin:0;border-radius:8px}.two-notes,.work-grid,.contact-grid{grid-template-columns:1fr}.periods{grid-template-columns:1fr}.app-band{grid-template-columns:1fr}.app-art{height:280px}.footer-grid{grid-template-columns:1fr 1fr}.status-row{grid-template-columns:1fr}.museum-note-inner{padding:0 12px}.site-header{padding:0 12px}.brand-mark img{max-width:145px}}
@media (max-width:560px){.page-head h1,.hero h1{font-size:24px}.menu-columns{grid-template-columns:1fr}.method-steps{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.head-actions{gap:4px}.head-actions a,.head-actions button{padding:0 9px}.hero{padding-top:8px}.site-main{padding-left:16px;padding-right:16px}.app-art{height:250px}}