*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F4EDE0;color:#2A2214;font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;object-fit:contain;object-position:center}.locked{overflow:hidden}
.site-fixed{position:fixed;z-index:40;top:0;left:0;right:0}.gold-edge{height:20px;background:#1C160C;color:#C49A3C;font-size:12px}.bar-inner{max-width:960px;margin:auto;height:100%;padding:0 16px;display:flex;align-items:center;justify-content:space-between}.text-button,.drawer-button,.close-button{border:0;background:none;color:inherit;min-height:44px;cursor:pointer}.dark-head{height:54px;background:#FBF6EC;border-bottom:1px solid rgba(138,106,40,.5)}.head-inner{height:54px}.brand{display:flex;align-items:center;min-height:44px;font-weight:800}.brand img{height:24px;width:auto}.head-actions{display:flex;align-items:center;gap:10px}.small-link,.drawer-button{min-height:44px;display:flex;align-items:center;padding:0 10px;border:1px solid rgba(138,106,40,.45);border-radius:3px}.needle-nav{height:44px;background:#FBF6EC;border-bottom:1px solid rgba(28,22,12,.12)}.needle-wrap{height:100%;display:flex;justify-content:center;align-items:center;gap:46px}.needle-item{display:flex;align-items:center;gap:8px;min-width:120px;min-height:28px;font-size:13px}.needle-item i{display:block;width:3px;height:22px;background:#1C160C}.needle-item.is-active i{background:#C49A3C}
.site-main{max-width:960px;margin:0 auto;padding:150px 16px 56px}.page-hero{padding:30px 0 22px;border-bottom:1px solid rgba(28,22,12,.12)}.eyebrow{font-size:12px;color:#8A6A28;letter-spacing:.08em}.page-hero h1{font-size:24px;line-height:1.3;margin:8px 0 12px;color:#1C160C}.lead{max-width:780px;margin:0;color:#5A4A30}.actions{margin:18px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:3px;font-size:14px}.btn.primary{background:linear-gradient(135deg,#1C160C 0%,#C49A3C 100%);color:#FBF6EC}.btn.secondary{background:#FBF6EC;border:1px solid #8A6A28;color:#1C160C}.btn:hover,.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #C49A3C;outline-offset:3px}
.content-section{margin:34px 0;padding:0 0 28px;border-bottom:1px solid rgba(28,22,12,.12)}.content-section h2{font-size:20px;margin:0 0 12px;color:#1C160C}.content-section h3{font-size:16px}.prose p{margin:0 0 12px}.prose ul{padding-left:1.2em}.media-slot{margin:24px 0;background:#FBF6EC;border:1px solid rgba(28,22,12,.12);min-height:170px;display:flex;align-items:center;justify-content:center}.media-slot img{max-height:240px;width:100%;height:auto}.media-rightleft{max-width:390px}.media-fold{transform:skewY(-.5deg)}.media-center{max-width:600px;margin-left:auto;margin-right:auto}
.index-intro{padding:28px 0 20px}.inline-needles{display:flex;gap:28px;margin-bottom:18px}.inline-needle{display:flex;gap:8px;align-items:center;font-size:13px}.inline-needle:before{content:"";width:3px;height:22px;background:#C49A3C}.index-intro h1{font-size:24px;margin:8px 0}.index-intro .slogan{font-size:20px;font-weight:800;color:#1C160C}.two-open{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:34px 0}.open-card{background:#FBF6EC;border:1px solid rgba(28,22,12,.12);padding:18px}.open-card h2{font-size:20px;margin:0 0 8px}.open-card .media-slot{margin:0 0 16px;height:176px}.single-log{display:grid;gap:0;margin:34px 0;border-top:1px solid rgba(28,22,12,.12)}.log-item{padding:22px 0;border-bottom:1px solid rgba(28,22,12,.12)}.log-item strong{display:block;color:#8A6A28;margin-bottom:6px}.fold-pages{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}.fold-page{background:#EDE3D0;border-left:4px solid #8A6A28;padding:18px}.shelf-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.shelf-card{background:#FBF6EC;border:1px solid rgba(138,106,40,.5);padding:18px}.period-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.period-grid article{background:#FBF6EC;border-top:3px solid #8A6A28;padding:16px}.status-list{display:grid;gap:10px}.status-row{display:grid;grid-template-columns:100px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid rgba(28,22,12,.12)}.status-tag{color:#8A6A28;font-weight:800}.app-band{display:grid;grid-template-columns:minmax(160px,280px) 1fr;gap:26px;align-items:center}.app-image{height:320px;background:#FBF6EC;border:1px solid rgba(28,22,12,.12);display:flex;align-items:center;justify-content:center}.app-image img{max-height:300px}.app-icon{width:48px;height:48px;margin:0 0 12px}.faq-mini{display:grid;gap:10px}.faq-mini details{background:#FBF6EC;border:1px solid rgba(28,22,12,.12);padding:12px 14px}.faq-mini summary{cursor:pointer;font-weight:700}
.split-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.vertical-list{display:grid;gap:12px}.vertical-item{border-left:3px solid #8A6A28;padding:12px 16px;background:#FBF6EC}.fold-layout article{margin:16px 0;padding:18px;background:#EDE3D0;border-right:4px solid #C49A3C}.right-left{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}.center-card{max-width:720px;margin:28px auto;background:#FBF6EC;border:1px solid rgba(138,106,40,.5);padding:24px;text-align:center}.memo-list{counter-reset:memo}.memo-list article{counter-increment:memo;padding:16px 0;border-bottom:1px solid rgba(28,22,12,.12)}.memo-list article:before{content:counter(memo,decimal-leading-zero);color:#C49A3C;font-weight:800;margin-right:10px}.terms article{margin:18px 0;padding:18px;background:#FBF6EC;border-left:3px solid #8A6A28}.topic-list article{padding:18px 0;border-bottom:1px solid rgba(28,22,12,.12)}
.site-footer{background:#1C160C;color:#F4EDE0;border-top:1px solid #C49A3C}.footer-inner{max-width:960px;margin:auto;padding:30px 16px 76px}.footer-brand{display:flex;align-items:center;gap:10px;padding-bottom:18px;border-bottom:1px solid rgba(196,154,60,.35)}.footer-brand img{height:24px}.footer-brand span{color:#C49A3C;font-size:12px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:22px 0}.footer-grid h3{font-size:13px;color:#C49A3C;margin:0 0 8px}.footer-grid a{display:block;font-size:13px;padding:4px 0}.footer-note,.copyright{font-size:13px;color:#E4D6C0}
.overlay{position:fixed;z-index:70;inset:0;background:rgba(28,22,12,.52);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.open{opacity:1;visibility:visible}.gold-drawer{position:fixed;z-index:80;left:50%;bottom:18px;width:280px;max-height:340px;overflow:auto;background:#FBF6EC;color:#2A2214;border:1px solid #8A6A28;box-shadow:0 12px 28px rgba(28,22,12,.16);transform:translate(-50%,120%);visibility:hidden;pointer-events:none;transition:.25s}.gold-drawer.open{transform:translate(-50%,0);visibility:visible;pointer-events:auto}.drawer-top{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(28,22,12,.12);position:sticky;top:0;background:#FBF6EC}.drawer-brand{display:flex;align-items:center;gap:8px}.drawer-brand img{height:24px}.drawer-group{padding:10px 12px;border-bottom:1px solid rgba(28,22,12,.1)}.drawer-group h3{margin:0 0 6px;font-size:12px;color:#8A6A28}.drawer-group a{display:block;padding:7px 0}.drawer-group b{font-size:13px;margin-right:6px}.drawer-group span{font-size:12px;color:#7A6848}
.search-panel{position:fixed;z-index:85;top:74px;left:0;right:0;visibility:hidden;pointer-events:none}.search-panel.open{visibility:visible;pointer-events:auto}.search-card{max-width:700px;margin:auto;background:#FBF6EC;border:1px solid #8A6A28;padding:18px;box-shadow:0 12px 28px rgba(28,22,12,.12)}.search-head{display:flex;justify-content:space-between;align-items:center}.search-look{margin:14px 0;padding:14px;background:#EDE3D0;color:#5A4A30}.preset-links{display:flex;flex-wrap:wrap;gap:8px}.preset-links a{padding:8px 12px;border:1px solid #8A6A28;border-radius:3px}
.mobile-bottom{display:none}
@media(max-width:720px){
  .needle-nav{display:none}.site-main{padding-top:94px;padding-bottom:78px}.gold-edge .bar-inner{padding:0 12px}.dark-head .bar-inner{padding:0 12px}.small-link,.drawer-button{padding:0 8px}.two-open,.fold-pages,.shelf-cards,.split-cards,.right-left,.app-band{grid-template-columns:1fr}.period-grid{grid-template-columns:1fr}.page-hero{padding-top:22px}.site-main{padding-left:16px;padding-right:16px}.footer-grid{grid-template-columns:1fr 1fr}.mobile-bottom{position:fixed;z-index:55;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:#FBF6EC;border-top:1px solid #8A6A28}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:13px}.mobile-bottom a.is-active{background:#8A6A28;color:#FBF6EC}.search-panel{top:0;bottom:0;background:#1C160C;padding:72px 16px 16px}.search-card{background:#1C160C;color:#C49A3C;border-color:#C49A3C}.search-look{background:rgba(196,154,60,.12);color:#F4EDE0}.gold-drawer{width:88%;max-height:72vh}.footer-inner{padding-bottom:86px}
}