:root{--bg:#E8DFC8;--deep:#D8CDB0;--paper:#F6F0DC;--soft:#EEE6CC;--title:#3A3426;--text:#4A4332;--muted:#7A6E52;--aux:#9A8C6A;--dark:#6B5E3A;--khaki:#C4B48A;--moss:#6A7A58;--clay:#A65A3A;--warm:#F7F1DC;--border:rgba(107,94,58,.18);--focus:rgba(166,90,58,.38);--shadow:0 12px 28px rgba(58,52,38,.08);--max:960px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden;padding-top:114px}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(calc(100% - 32px),var(--max));margin:0 auto}.site-top{position:fixed;inset:0 0 auto;z-index:50}.eyebrow{height:20px;background:var(--dark);color:var(--warm);font-size:12px}.eyebrow-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.text-button{border:0;background:transparent;color:var(--warm);padding:0 8px;height:20px;cursor:pointer}.brandbar{height:54px;background:var(--bg);border-bottom:1px solid var(--border)}.brandbar-inner{height:54px;display:flex;align-items:center;justify-content:space-between}.brand-link{display:flex;min-height:44px;align-items:center}.brand-logo-slot{display:flex;align-items:center;justify-content:center;min-width:86px;height:34px;background:#fff;border-radius:8px;padding:5px 10px}.brand-logo,.footer-logo,.menu-logo{display:block;height:24px;max-width:150px;object-fit:contain;object-position:center}.brand-text{font-size:16px;font-weight:700;color:var(--dark)}.brand-actions{display:flex;align-items:center;gap:8px}.app-link,.menu-button,.close-button{min-height:44px;padding:0 14px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center}.app-link{background:linear-gradient(135deg,var(--khaki) 0%,var(--dark) 100%);color:var(--warm)}.menu-button,.close-button{border:1px solid var(--clay);background:var(--warm);color:var(--dark);cursor:pointer}.tabbar{height:40px;background:var(--warm);border-bottom:1px solid var(--border)}.tabbar-inner{display:flex;align-items:center;gap:24px;height:40px;overflow:visible}.tabbar a{font-size:13px;position:relative;white-space:nowrap}.tabbar a.is-current:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:var(--clay)}.site-main{min-height:60vh}.hero-narrow{max-width:640px;margin:0 auto;padding:58px 0 42px;text-align:center}.hero-narrow h1,.page-head h1{font-size:24px;line-height:1.3;color:var(--title);margin:0 0 18px}.hero-narrow .lead{font-size:20px;color:var(--dark);font-weight:700;margin:0 0 12px}.hero-narrow p{margin:0 auto 20px;max-width:620px}.button-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.btn-primary,.btn-secondary{min-height:42px;padding:0 18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.btn-primary{background:linear-gradient(135deg,var(--khaki),var(--dark));color:var(--warm)}.btn-secondary{background:var(--warm);border:1px solid var(--clay);color:var(--dark)}.btn-primary:hover,.btn-secondary:hover,.app-link:hover{transform:translateY(-1px)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.section{padding:36px 0}.section.alt{background:var(--deep)}.section h2{font-size:20px;color:var(--title);margin:0 0 18px}.section h3{font-size:16px;color:var(--title);margin:0 0 8px}.strip-list{display:grid;gap:12px}.strip{display:grid;grid-template-columns:96px 1fr;gap:18px;background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:18px;box-shadow:var(--shadow)}.strip-label{font-weight:700;color:var(--clay)}.strip p{margin:0}.media-slot{background:var(--warm);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:120px}.media-slot.tall{max-height:320px}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.strip .media-slot{height:156px;margin-bottom:12px}.two-journal{display:grid;grid-template-columns:1fr 1fr;gap:18px}.journal-card{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:16px}.journal-card .media-slot{height:150px;margin-bottom:14px}.journal-card p{margin:0}.volume-stack{display:grid;gap:18px}.volume{background:var(--soft);border-left:4px solid var(--moss);padding:18px;border-radius:8px}.center-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.center-card{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:22px;text-align:center;box-shadow:var(--shadow)}.center-card p{margin:0}.status-list{display:grid;gap:10px}.status-row{display:flex;gap:14px;align-items:flex-start;background:var(--paper);border:1px solid var(--border);padding:15px;border-radius:9px}.status{flex:0 0 auto;min-width:72px;color:var(--clay);font-weight:700}.single-column{max-width:720px;margin:0 auto}.single-column .media-slot{height:220px;margin:0 0 18px}.app-card{max-width:720px;margin:0 auto;background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:var(--shadow);text-align:center}.app-visuals{display:flex;justify-content:center;align-items:center;gap:18px;margin-bottom:18px;flex-wrap:wrap}.app-shot{width:min(250px,100%);height:320px}.app-icon{width:64px;height:64px;background:var(--warm);border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center}.app-icon img{width:48px;height:48px;object-fit:contain}.reading-list{display:grid;gap:14px}.reading-item{background:var(--paper);border:1px solid var(--border);border-radius:9px;padding:18px}.page-head{padding:42px 0 18px}.page-head p{max-width:720px;margin:0;color:var(--muted)}.content-narrow{max-width:720px;margin:0 auto}.content-narrow p{margin:0 0 16px}.content-narrow h2{margin-top:28px}.chapter-list{display:grid;gap:16px}.chapter{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:20px}.chapter p{margin:0}.memo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.memo{background:var(--paper);border-top:3px solid var(--clay);border-radius:8px;padding:18px}.memo p{margin:0}.terms section{padding:18px 0;border-bottom:1px solid var(--border)}.terms p{margin:8px 0 0}.faq-list{display:grid;gap:14px}.faq-item{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:18px}.faq-item h2{font-size:16px;margin:0 0 8px}.faq-item p{margin:0}.banner-slot{height:200px;background:var(--warm);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 0 22px}.banner-slot img{width:100%;height:100%;object-fit:contain}.site-footer{background:#2E2A1E;color:#E8DFC8;border-top:1px solid rgba(232,223,200,.25);padding:30px 0 calc(72px + env(safe-area-inset-bottom))}.footer-top{display:grid;grid-template-columns:220px 1fr;gap:28px}.footer-brand{display:flex;gap:12px;align-items:center}.footer-brand>div{display:grid}.footer-brand span{font-size:12px;color:#cdbf9f}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-groups section{display:grid;gap:4px;align-content:start}.footer-groups h2{font-size:13px;margin:0 0 6px;color:#fff}.footer-groups a{font-size:13px;color:#E8DFC8}.footer-note{border-top:1px solid rgba(232,223,200,.18);margin-top:24px;padding-top:18px;font-size:13px;color:#cdbf9f}.footer-note p{margin:4px 0}.overlay{position:fixed;inset:0;background:rgba(46,42,30,.45);z-index:70;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.menu-sheet{position:fixed;inset:0 0 auto;max-height:100vh;overflow:auto;background:#403923;color:var(--warm);z-index:80;transform:translateY(-105%);visibility:hidden;pointer-events:none;transition:.25s}.menu-sheet.is-open{transform:translateY(0);visibility:visible;pointer-events:auto}.menu-sheet-head{display:flex;align-items:center;justify-content:space-between;padding-top:16px}.menu-title{display:flex;align-items:center;gap:10px}.menu-title>div{display:grid}.menu-title span{font-size:12px;color:#d7c9a8}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:24px;padding-bottom:30px}.menu-grid h2{font-size:15px;color:#fff}.menu-grid section{display:grid;gap:8px;align-content:start}.menu-grid a{display:grid;gap:1px;padding:9px 0;border-bottom:1px solid rgba(247,241,220,.12)}.menu-grid a span{font-size:12px;color:#d4c7a5}.search-panel{position:fixed;left:0;right:0;top:74px;z-index:85;background:var(--warm);border-bottom:1px solid var(--border);box-shadow:var(--shadow);transform:translateY(-140%);visibility:hidden;pointer-events:none;transition:.2s}.search-panel.is-open{transform:translateY(0);visibility:visible;pointer-events:auto}.search-inner{padding:20px 0 24px}.search-head{display:flex;justify-content:space-between;align-items:center}.search-head h2{font-size:20px;margin:0}.search-form{display:grid;gap:6px;margin:12px 0}.search-form input{width:100%;min-height:44px;border:1px solid var(--border);border-radius:9px;padding:0 12px;background:#fff;color:var(--text)}.search-presets{display:flex;gap:8px;flex-wrap:wrap}.search-presets a{background:var(--soft);border:1px solid var(--border);padding:7px 12px;border-radius:999px}.lock-scroll{overflow:hidden}.mobile-bottom{display:none}.only-text{max-width:760px;margin:0 auto}.only-text p{margin:0 0 16px}.callout{background:var(--soft);border:1px solid var(--border);border-left:4px solid var(--clay);border-radius:9px;padding:16px;margin:18px 0}.topic-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.topic-list article{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:18px}.topic-list p{margin:0}.index-faq{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.index-faq article{background:var(--paper);border:1px solid var(--border);border-radius:9px;padding:16px}.index-faq h3{margin-bottom:6px}.index-faq p{margin:0}@media(max-width:760px){body{padding-top:74px;padding-bottom:48px}.tabbar{display:none}.brandbar-inner{gap:8px}.brand-actions{gap:4px}.app-link,.menu-button{padding:0 10px}.two-journal,.center-cards,.memo-grid,.topic-list,.index-faq{grid-template-columns:1fr}.strip{grid-template-columns:1fr}.strip-label{margin-bottom:-8px}.footer-top{grid-template-columns:1fr}.footer-groups{grid-template-columns:repeat(2,1fr)}.menu-grid{grid-template-columns:1fr 1fr}.search-panel{inset:20px 0 0;background:#403923;color:var(--warm);top:20px}.search-panel .search-head h2{color:#fff}.search-panel p,.search-panel label{color:#e8dfc8}.search-presets a{background:#5a5134;border-color:rgba(247,241,220,.2)}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:60;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--warm);border-top:1px solid var(--border);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}.mobile-bottom a.is-current{background:var(--dark);color:var(--warm)}.site-footer{padding-bottom:calc(76px + env(safe-area-inset-bottom))}}@media(max-width:430px){.wrap{width:min(calc(100% - 32px),var(--max))}.brand-logo-slot{min-width:70px;padding-inline:8px}.menu-grid{grid-template-columns:1fr}.footer-groups{grid-template-columns:1fr 1fr}.hero-narrow{padding-top:42px}}