*,*::before,*::after{box-sizing:border-box}
:root{--page:#F2E6C8;--deep:#E0D2AE;--paper:#FBF4E2;--secondary:#EBE0C4;--ink:#161208;--text:#2A2210;--muted:#5A4A28;--soft:#7A6840;--darkgold:#5C4814;--gold:#B8943A;--line:rgba(22,18,8,.12);--line-strong:rgba(92,72,20,.50);--shadow:0 12px 28px rgba(22,18,8,.10);--top-h:114px}
html{scroll-behavior:smooth;background:var(--page)}body{margin:0;background:var(--page);color:var(--text);font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}body.lock-scroll{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.shell{width:min(960px,calc(100% - 32px));margin:0 auto}
.site-top{position:fixed;left:0;right:0;top:0;z-index:80;box-shadow:0 1px 0 rgba(22,18,8,.08)}.topline{height:20px;background:var(--ink);color:var(--gold);font-size:12px}.topline-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.text-control{border:0;background:transparent;color:var(--gold);padding:0 4px;height:20px;min-width:44px}.brandbar{height:54px;background:var(--paper);border-bottom:1px solid var(--line-strong)}.brandbar-inner{height:54px;display:flex;align-items:center;justify-content:space-between}.brand-link{min-width:56px;height:44px;display:flex;align-items:center}.brand-logo,.footer-logo,.drawer-brand img{height:24px;width:auto;object-fit:contain;object-position:center}.brand-fallback{font-size:16px;font-weight:800;color:var(--ink);letter-spacing:.08em}.brand-actions{display:flex;align-items:center;gap:8px}.app-link,.menu-control{height:44px;min-width:76px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--darkgold);border-radius:4px;background:var(--paper);color:var(--ink);font-size:14px}.menu-control{min-width:64px}
.wave-nav{height:40px;background:var(--paper)}.wave-nav-inner{width:220px;height:40px;display:flex;align-items:center;justify-content:center;gap:4px}.wave-nav a{height:40px;min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);font-size:13px}.wave-nav i{display:block;width:100%;height:6px;border:1px solid var(--darkgold);border-radius:999px;overflow:hidden;margin-top:2px}.wave-nav a.is-current i{background:var(--gold)}.wave-nav a.is-current{color:var(--ink);font-weight:700}.site-main{padding-top:calc(var(--top-h) + 24px);min-height:70vh}
.page-intro{padding:24px 0 20px}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--darkgold);font-weight:800;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:24px;line-height:1.3;color:var(--ink);margin-bottom:14px}h2{font-size:20px;line-height:1.4;color:var(--ink);margin-bottom:12px}h3{font-size:16px;line-height:1.45;color:var(--ink);margin-bottom:8px}p{margin-bottom:14px}.lead{font-size:16px;color:var(--muted);max-width:760px}.section{padding:28px 0;border-top:1px solid var(--line)}.section:first-child{border-top:0}.section-title{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px}.section-title p{margin:0;color:var(--soft);font-size:13px}
.primary-btn,.secondary-btn{min-height:40px;padding:0 16px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;white-space:nowrap;border:1px solid transparent}.primary-btn{background:linear-gradient(135deg,#161208 0%,#B8943A 100%);color:var(--paper)}.secondary-btn{background:var(--paper);border-color:var(--darkgold);color:var(--ink)}.primary-btn:hover,.secondary-btn:hover,.app-link:hover,.menu-control:hover{transform:translateY(-1px);box-shadow:0 6px 15px rgba(22,18,8,.10)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.media-slot{min-height:130px;background:var(--paper);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.media-slot.slim{min-height:110px}.media-slot.tall{height:300px}.media-slot.banner{height:200px}.media-slot.banner img,.media-slot.tall img{object-fit:contain}.icon-slot{min-height:100px;height:100px}
.search-panel{position:fixed;z-index:95;left:0;right:0;top:74px;background:var(--paper);border-bottom:1px solid var(--line-strong);box-shadow:var(--shadow);visibility:hidden;opacity:0;transform:translateY(-10px);pointer-events:none;transition:.2s ease}.search-open .search-panel{visibility:visible;opacity:1;transform:none;pointer-events:auto}.search-inner{padding:18px 0 20px}.search-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.search-inner label{display:block;color:var(--muted);margin-bottom:8px}.search-inner input{width:100%;height:44px;border:1px solid var(--line-strong);border-radius:4px;background:#fffaf0;color:var(--ink);padding:0 12px}.search-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.search-presets a{min-height:40px;padding:8px 12px;border:1px solid var(--darkgold);background:var(--paper);border-radius:4px;display:flex;align-items:center}.search-note{font-size:13px;color:var(--soft);margin:10px 0 0}
.drawer{position:fixed;z-index:100;right:16px;top:86px;width:min(32vw,410px);max-height:80vh;overflow:auto;background:var(--paper);color:var(--text);border:1px solid var(--line-strong);box-shadow:var(--shadow);border-radius:6px;visibility:hidden;opacity:0;transform:translateX(18px);pointer-events:none;transition:.22s ease}.drawer-open .drawer{visibility:visible;opacity:1;transform:none;pointer-events:auto}.drawer-head{position:sticky;top:0;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid var(--line);z-index:2}.drawer-brand{display:flex;align-items:center;gap:10px}.drawer-brand div{display:flex;flex-direction:column;line-height:1.2}.drawer-brand strong{font-size:16px;color:var(--ink)}.drawer-brand span{font-size:11px;color:var(--soft);letter-spacing:.12em}.plain-close{min-width:50px;min-height:44px;border:1px solid var(--line-strong);background:var(--paper);border-radius:4px;color:var(--ink)}.drawer-groups{padding:6px 14px 16px}.drawer-groups section{padding:10px 0;border-bottom:1px solid var(--line)}.drawer-groups section:last-child{border-bottom:0}.drawer-groups h2{font-size:14px;margin-bottom:6px;color:var(--darkgold)}.drawer-groups a{display:grid;grid-template-columns:72px 1fr;gap:8px;padding:9px 6px;border-radius:4px}.drawer-groups a:hover{background:var(--secondary)}.drawer-groups b{color:var(--ink)}.drawer-groups span{font-size:13px;color:var(--muted)}.page-mask{position:fixed;z-index:90;inset:0;background:rgba(22,18,8,.38);visibility:hidden;opacity:0;pointer-events:none;transition:.2s ease}.drawer-open .page-mask,.search-open .page-mask{visibility:visible;opacity:1;pointer-events:auto}
.site-footer{background:var(--ink);color:var(--page);border-top:1px solid var(--gold);margin-top:48px;padding:26px 0 18px;font-size:13px}.footer-top{display:grid;grid-template-columns:180px 1fr;gap:30px}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.footer-brand strong{font-size:16px}.footer-brand span{color:var(--gold);letter-spacing:.14em;font-size:11px}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.footer-groups h2{color:var(--gold);font-size:13px;margin-bottom:8px}.footer-groups a{display:block;color:var(--page);padding:4px 0}.footer-groups a:hover{text-decoration:underline}.footer-note{border-top:1px solid rgba(184,148,58,.3);margin-top:20px;padding-top:14px;color:#d8c89f}.footer-note p{margin-bottom:6px}.mobile-bottom{display:none}
.home-hero{padding:24px 0 30px}.home-indexline{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.home-indexline a{font-size:12px;color:var(--darkgold);border-bottom:1px solid var(--line-strong);padding:2px 0}.home-hero .hero-copy{max-width:760px}.home-diagonal{position:relative;min-height:230px;background:var(--secondary);border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);overflow:hidden}.home-diagonal .shell{display:grid;grid-template-columns:1.1fr .9fr;min-height:230px;align-items:center}.home-diagonal-copy{padding:26px 30px 26px 0}.home-diagonal-media{position:relative;height:180px;background:var(--paper);clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}.home-diagonal-media img{width:100%;height:100%;object-fit:contain}.feature-wide{background:var(--paper);border:1px solid var(--line-strong);box-shadow:var(--shadow);border-radius:4px;padding:18px;display:grid;grid-template-columns:1fr 260px;gap:22px;align-items:center}.book-spines{display:grid;grid-template-columns:1fr 1fr;gap:14px}.book-spines article{background:var(--secondary);border-left:6px solid var(--darkgold);padding:20px;min-height:180px}.book-spines .media-slot{margin-top:12px;min-height:130px}.rack-head{display:grid;grid-template-columns:1fr 220px;gap:16px;align-items:center;margin-bottom:14px}.rack-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rack-cards article{background:var(--paper);border:1px solid var(--line);padding:18px;border-radius:4px}.period-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.period-grid article{background:var(--ink);color:var(--page);padding:18px;border-radius:4px}.period-grid h3{color:var(--gold)}.status-list{display:grid;gap:9px}.status-row{display:grid;grid-template-columns:120px 1fr 110px;gap:12px;align-items:center;background:var(--paper);border:1px solid var(--line);padding:12px}.status-badge{justify-self:end;border:1px solid var(--darkgold);color:var(--darkgold);padding:4px 10px;border-radius:999px;font-size:12px}.app-feature{background:var(--ink);color:var(--page);border-radius:6px;padding:22px}.app-feature h2,.app-feature h3{color:var(--gold)}.app-feature .app-media{margin-top:18px;display:grid;grid-template-columns:1fr 110px;gap:14px}.app-feature .media-slot{border-color:rgba(184,148,58,.5);background:var(--paper)}.app-feature .media-slot.tall{height:280px}.read-points{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.read-points article,.brand-story{background:var(--paper);border:1px solid var(--line);padding:18px}.faq-six{display:grid;gap:8px}.faq-six details{background:var(--paper);border:1px solid var(--line);padding:12px 14px}.faq-six summary{cursor:pointer;color:var(--ink);font-weight:700}.faq-six p{margin:9px 0 0}
.single-wide .content-card{background:var(--paper);border:1px solid var(--line-strong);padding:22px;border-radius:4px;box-shadow:var(--shadow)}.single-wide .content-card + .content-card{margin-top:14px}.diagonal-page .cut-panel{display:grid;grid-template-columns:1.05fr .95fr;background:var(--secondary);border:1px solid var(--line-strong);overflow:hidden;margin-bottom:18px}.diagonal-page .cut-copy{padding:22px}.diagonal-page .cut-media{min-height:240px;background:var(--paper);clip-path:polygon(16% 0,100% 0,100% 100%,0 100%)}.diagonal-page .cut-media img{width:100%;height:100%;object-fit:contain}.spine-page .spine-list{display:grid;gap:12px}.spine-page .spine-item{display:grid;grid-template-columns:110px 1fr;background:var(--paper);border:1px solid var(--line)}.spine-page .spine-item b{background:var(--ink);color:var(--gold);padding:18px}.spine-page .spine-item div{padding:18px}.spine-page .media-slot{margin:14px 0 20px}.linear-page .linear-flow{position:relative;padding-left:24px}.linear-page .linear-flow:before{content:"";position:absolute;left:6px;top:4px;bottom:4px;width:1px;background:var(--line-strong)}.linear-page .linear-flow section{position:relative;padding:0 0 22px 18px}.linear-page .linear-flow section:before{content:"";position:absolute;left:-22px;top:7px;width:9px;height:9px;border:2px solid var(--darkgold);background:var(--page);border-radius:50%}.triple-period .period-band{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.triple-period .period-band article{background:var(--paper);border-top:5px solid var(--darkgold);padding:18px;min-height:210px}.status-page .status-board{display:grid;gap:10px}.status-page .status-entry{display:grid;grid-template-columns:1fr 140px;gap:16px;align-items:center;background:var(--paper);padding:16px;border:1px solid var(--line)}.memo-page .memo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.memo-page .memo-grid section{background:var(--paper);border:1px solid var(--line);padding:18px}.memo-page ul,.method-page ul,.terms-page ul{padding-left:20px}.method-page .method-stack{display:grid;gap:14px}.method-page .method-stack article{background:var(--paper);border:1px solid var(--line);padding:20px}.topic-page .topic-list{display:grid;gap:12px}.topic-page .topic-list article{display:grid;grid-template-columns:150px 1fr;background:var(--paper);border:1px solid var(--line)}.topic-page .topic-list strong{display:flex;align-items:center;justify-content:center;background:var(--secondary);padding:16px;color:var(--darkgold);font-size:16px}.topic-page .topic-list div{padding:18px}.center-card-page .center-stack{max-width:760px;margin:0 auto;display:grid;gap:14px}.center-card-page .center-stack article{background:var(--paper);border:1px solid var(--line-strong);padding:22px;text-align:center}.center-card-page .center-stack p{text-align:left}.app-page .app-copy{background:var(--paper);border:1px solid var(--line);padding:22px}.app-page .app-image-row{display:grid;grid-template-columns:1fr 120px;gap:14px;margin-top:14px}.app-page .media-slot.tall{height:300px}.guide-page .guide-sections{display:grid;gap:14px}.guide-page .guide-sections section{background:var(--paper);border:1px solid var(--line);padding:20px}.terms-page .term-block{padding:20px 0;border-bottom:1px solid var(--line)}.faq-page details{background:var(--paper);border:1px solid var(--line);padding:14px 16px;margin-bottom:10px}.faq-page summary{font-weight:800;color:var(--ink);cursor:pointer}.faq-page details p{margin:10px 0 0}.contact-page .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-page .contact-grid article{background:var(--paper);border:1px solid var(--line);padding:20px}.about-page .about-banner{margin:0 0 18px}.about-page .about-columns{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.about-page .about-columns section{background:var(--paper);border:1px solid var(--line);padding:20px}
@media(max-width:760px){:root{--top-h:74px}.shell{width:calc(100% - 32px)}.wave-nav{display:none}.site-main{padding-top:calc(var(--top-h) + 18px);padding-bottom:60px}.drawer{right:6%;top:70px;width:88%;max-height:80vh}.search-panel{top:0;bottom:0;background:var(--ink);color:var(--gold);overflow:auto}.search-inner{padding-top:30px}.search-inner label,.search-note{color:#d8c89f}.search-head strong{color:var(--gold)}.search-inner input{background:var(--paper);color:var(--ink)}.search-presets a{background:transparent;color:var(--page);border-color:var(--gold)}.search-panel .plain-close{background:transparent;color:var(--page);border-color:var(--gold)}.footer-top{grid-template-columns:1fr;gap:20px}.footer-groups{grid-template-columns:1fr 1fr}.mobile-bottom{position:fixed;z-index:70;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--ink);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--gold)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;color:var(--page);font-size:13px;min-height:48px}.mobile-bottom a.is-current{background:var(--gold);color:var(--ink);font-weight:800}.drawer-open .mobile-bottom,.search-open .mobile-bottom{z-index:60}.home-diagonal .shell,.feature-wide,.rack-head,.app-feature .app-media,.diagonal-page .cut-panel,.about-page .about-columns{grid-template-columns:1fr}.home-diagonal-copy{padding:22px 0}.home-diagonal-media,.diagonal-page .cut-media{clip-path:none;height:180px;min-height:180px}.book-spines,.rack-cards,.read-points,.memo-page .memo-grid,.contact-page .contact-grid,.triple-period .period-band{grid-template-columns:1fr}.period-grid{grid-template-columns:1fr}.status-row{grid-template-columns:1fr;gap:4px}.status-badge{justify-self:start}.spine-page .spine-item{grid-template-columns:82px 1fr}.topic-page .topic-list article{grid-template-columns:100px 1fr}.status-page .status-entry{grid-template-columns:1fr;gap:6px}.app-page .app-image-row{grid-template-columns:1fr 96px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.icon-slot img{width:48px;height:48px;object-fit:contain;object-position:center}