*{box-sizing:border-box}
:root{--bg:#F6F0DC;--deep:#E6DCC0;--card:#FBF7EA;--sub:#EFE6CE;--ink:#18140A;--text:#2A2414;--muted:#5A4E30;--soft:#7A6E48;--gold:#6E5418;--honey:#C9A03A;--line:rgba(24,20,10,.12);--focus:rgba(110,84,24,.5);--shadow:0 12px 28px rgba(24,20,10,.08)}
html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}body.no-scroll{overflow:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button,input{font:inherit}button{cursor:pointer}.site-wrap{width:min(960px,calc(100% - 32px));margin:0 auto}
.top-strip{position:fixed;z-index:90;top:0;left:0;right:0;height:20px;background:var(--ink);color:var(--honey);font-size:12px}.top-strip-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.text-button{border:0;background:transparent;color:var(--honey);padding:0}
.main-head{position:fixed;z-index:89;top:20px;left:0;right:0;height:54px;background:var(--card);border-bottom:1px solid var(--focus)}.main-head-inner{height:54px;display:flex;align-items:center;justify-content:space-between}.brand-link{display:flex;align-items:center;min-height:44px}.brand-link img{height:24px;width:auto;object-fit:contain}.brand-link strong{font-size:16px}.head-actions{display:flex;gap:8px}.app-button,.menu-button{min-height:44px;padding:0 14px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.app-button{background:linear-gradient(135deg,#18140A 0%,#C9A03A 100%);color:var(--card)}.menu-button{background:var(--card);border:1px solid var(--gold);color:var(--ink)}
.quick-nav{position:fixed;z-index:88;top:74px;left:0;right:0;height:46px;background:var(--card);border-bottom:1px solid var(--line)}.quick-nav-inner{height:46px;display:flex;gap:34px;align-items:center}.quick-nav a{height:46px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.quick-nav a span{width:22px;height:14px;border:1px solid var(--gold);border-radius:10px 8px 10px 2px}.quick-nav a.is-active span{background:var(--honey);border-color:var(--honey)}
.site-main{padding-top:140px;padding-bottom:52px;min-height:62vh}.page-intro{padding:32px 0 22px}.eyebrow{font-size:12px;letter-spacing:.13em;color:var(--gold);margin:0 0 6px}h1,h2,h3{color:var(--ink);margin-top:0}h1{font-size:24px;line-height:1.3;margin-bottom:12px}h2{font-size:20px;line-height:1.35;margin-bottom:10px}h3{font-size:16px;line-height:1.45;margin-bottom:6px}p{margin:0 0 14px}.lead{font-size:16px;line-height:1.8;max-width:780px}.section{padding:24px 0}.section+.section{border-top:1px solid var(--line)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.section-head p{max-width:580px;color:var(--muted);margin:0}
.card,.grid-2 article,.grid-3 article,.terms section,.topic-list article,.center-stack article,.faq-list details,.contact-grid article{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn-primary,.btn-secondary{min-height:42px;padding:0 18px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.btn-primary{background:linear-gradient(135deg,#18140A 0%,#C9A03A 100%);color:var(--card)}.btn-secondary{background:var(--card);border:1px solid var(--gold);color:var(--ink)}
.image-slot{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:120px}.image-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.image-slot.wide{height:168px}.image-slot.tall{height:min(320px,72vw)}.image-slot.banner{height:200px}
.home-index{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:18px}.home-index a{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.home-index i{width:22px;height:14px;border:1px solid var(--gold);border-radius:10px 8px 10px 2px}
.hot-lead{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.hot-lead .main-copy{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}.hot-lead .side{display:grid;gap:12px}.hot-lead .side article{background:var(--sub);border:1px solid var(--line);border-radius:18px;padding:16px}
.dual-feature{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dual-feature article{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px}.dual-feature article:first-child{padding:0;overflow:hidden}.dual-feature article:first-child .copy{padding:18px}.dual-feature .image-slot{border-radius:0;border:0;border-bottom:1px solid var(--line);height:150px}
.scene-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.scene-grid article{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}.scene-grid .visual-card{padding:0;overflow:hidden}.scene-grid .visual-card .image-slot{border:0;border-radius:0;height:100%}
.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.category-grid article{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px}.period-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:12px}.period-grid article{background:var(--card);border-top:3px solid var(--honey);border-radius:0 0 18px 18px;padding:18px}.status-list{display:grid;gap:10px}.status-row{display:grid;grid-template-columns:150px 1fr auto;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 16px}.badge{font-size:12px;color:var(--gold);border:1px solid var(--gold);border-radius:999px;padding:2px 9px}
.app-mix{max-width:760px;margin:0 auto}.app-mix .text{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px}.app-visual{margin:16px 0;display:grid;grid-template-columns:220px 1fr;gap:18px}.app-icon{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px}.app-icon img{width:48px;height:48px;object-fit:contain}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.vertical-layout{display:grid;grid-template-columns:220px 1fr;gap:22px}.vertical-layout .visual{position:sticky;top:142px;align-self:start}.vertical-layout .copy-stack{display:grid;gap:14px}.vertical-layout .copy-stack article{background:var(--card);border-left:4px solid var(--honey);border-radius:0 18px 18px 0;padding:18px 20px}
.return-layout{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"a b" "a c";gap:18px}.return-layout .a{grid-area:a}.return-layout .b{grid-area:b}.return-layout .c{grid-area:c}.return-layout article{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px}.single-column{max-width:760px;margin:0 auto;display:grid;gap:16px}.single-column article{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px}.memo-list{display:grid;gap:12px}.memo-list article{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px}.topic-list{display:grid;gap:12px}.topic-list article{display:grid;grid-template-columns:180px 1fr;gap:18px}.center-stack{max-width:760px;margin:0 auto;display:grid;gap:16px}.terms,.faq-list{display:grid;gap:14px}.faq-list summary{font-weight:700;cursor:pointer}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.site-footer{background:var(--ink);color:var(--bg);border-top:1px solid var(--honey);padding:34px 0 70px}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:24px}.footer-brand{display:flex;align-items:center;gap:8px;color:var(--honey);margin-bottom:10px}.footer-brand img{height:24px;width:auto;object-fit:contain}.footer-brand-block p{font-size:13px;color:var(--deep);max-width:390px}.site-footer h2{font-size:13px;color:var(--honey);margin:0 0 8px}.site-footer section>a{display:block;font-size:13px;padding:3px 0}.footer-bottom{border-top:1px solid rgba(246,240,220,.14);margin-top:22px;padding-top:14px;font-size:13px;color:var(--deep)}
.overlay{position:fixed;z-index:110;inset:0;background:rgba(24,20,10,.46);opacity:0;visibility:hidden;pointer-events:none;transition:.18s}.overlay.open{opacity:1;visibility:visible;pointer-events:auto}.drop-menu{position:fixed;z-index:120;right:18px;top:86px;width:300px;max-height:360px;background:var(--card);border:1px solid var(--focus);border-radius:18px;box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-14px);transition:.2s}.drop-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.menu-head{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--line)}.menu-brand{display:flex;align-items:center;gap:8px}.menu-brand img{height:24px;width:auto}.menu-head button,.search-head button{min-height:44px;border:0;background:transparent;color:var(--gold)}.menu-scroll{max-height:306px;overflow:auto;padding:10px 12px 16px}.menu-scroll section{margin-bottom:12px}.menu-scroll h2{font-size:12px;color:var(--gold);margin:0 0 4px}.menu-scroll a{display:block;border-top:1px solid var(--line);padding:7px 0}.menu-scroll b{font-size:13px;margin-right:6px}.menu-scroll span{font-size:12px;color:var(--muted)}
.search-layer{position:fixed;z-index:125;top:74px;left:50%;width:min(650px,calc(100% - 32px));transform:translate(-50%,-10px);background:var(--card);border:1px solid var(--focus);border-radius:0 0 18px 18px;box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transition:.18s}.search-layer.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.search-card{padding:18px}.search-head{display:flex;justify-content:space-between;gap:16px}.search-head strong{font-size:16px}.search-head p{font-size:13px;color:var(--muted);margin:2px 0 0}#siteSearch label{display:block;font-size:13px;color:var(--muted);margin:10px 0 6px}.search-row{display:flex;gap:8px}.search-row input{height:44px;flex:1;min-width:0;border:1px solid var(--line);border-radius:18px;background:#fffdf5;padding:0 12px}.search-row button{height:44px;border:0;border-radius:18px;background:linear-gradient(135deg,#18140A 0%,#C9A03A 100%);color:var(--card);padding:0 16px}.search-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.search-presets a{font-size:13px;border:1px solid var(--gold);padding:6px 10px;border-radius:999px}.search-result{font-size:13px;color:var(--gold);margin:10px 0 0}.mobile-bottom{display:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
@media(max-width:780px){.quick-nav{display:none}.site-main{padding-top:94px;padding-bottom:78px}.hot-lead,.dual-feature,.scene-grid,.category-grid,.period-grid,.grid-2,.grid-3,.contact-grid{grid-template-columns:1fr}.status-row{grid-template-columns:1fr;gap:6px}.app-visual{grid-template-columns:1fr}.vertical-layout{grid-template-columns:1fr}.vertical-layout .visual{position:static}.return-layout{grid-template-columns:1fr;grid-template-areas:"a" "b" "c"}.topic-list article{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand-block{grid-column:1/-1}.site-footer{padding-bottom:92px}.drop-menu{left:6%;right:6%;top:82px;width:88%;max-height:72vh}.menu-scroll{max-height:calc(72vh - 54px)}.search-layer{top:0;left:0;right:0;bottom:0;width:100%;transform:none;border:0;border-radius:0;background:var(--ink);color:var(--honey)}.search-layer.open{transform:none}.search-card{width:min(100% - 32px,620px);margin:70px auto 0;padding:0}.search-head strong,.search-head p,.search-head button,#siteSearch label{color:var(--honey)}.search-presets a{color:var(--bg);border-color:var(--honey)}.mobile-bottom{position:fixed;z-index:90;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--card);border-top:1px solid var(--focus);display:grid;grid-template-columns:repeat(4,1fr)}.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(--honey);color:var(--ink)}}