:root{--bean:#F3E6C8;--bean-deep:#E4D2A8;--paper:#FFF8E8;--paper-2:#F7EDD4;--ink:#3A2A12;--text:#4A3418;--muted:#7A5A28;--soft:#A08048;--deep:#5A3C16;--shell:#8A5A22;--sprout:#6A7A38;--line:rgba(90,60,22,.16);--line-strong:rgba(90,60,22,.42);--shadow:0 12px 28px rgba(58,42,18,.08);--radius:10px;--max:1080px}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--bean);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}body.ui-locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block;object-fit:contain;object-position:center}.sprout-line{height:22px;background:var(--deep);color:var(--paper);position:fixed;top:0;left:0;right:0;z-index:80;font-size:12px}.top-inner,.pod-inner,.ridge-inner{max-width:var(--max);height:100%;margin:auto;display:flex;align-items:center;padding:0 16px}.top-inner{justify-content:space-between}.top-brand{white-space:nowrap}.search-trigger{height:22px;border:0;background:transparent;color:var(--paper);padding:0 4px}.pod-header{height:56px;background:var(--bean);border-bottom:1px solid var(--line);position:fixed;top:22px;left:0;right:0;z-index:79}.pod-inner{justify-content:space-between;gap:12px}.brand-lockup,.app-shortcut,.drawer-trigger{min-height:44px;display:flex;align-items:center}.brand-logo{height:26px;width:auto}.brand-text{font-size:16px;font-weight:800;color:var(--ink)}.app-shortcut{margin-left:auto;margin-right:auto;color:var(--deep);font-weight:800}.drawer-trigger,.drawer-close,.search-head button{min-width:44px;min-height:44px;border:1px solid var(--line-strong);background:var(--paper);color:var(--deep);border-radius:8px;padding:0 12px}.ridge-nav{height:38px;position:fixed;top:78px;left:0;right:0;z-index:78;background:var(--paper);border-bottom:1px solid var(--line)}.ridge-inner{justify-content:space-between}.ridge-left,.ridge-right{display:flex;gap:8px}.ridge-link{font-size:13px;padding:4px 10px;border-radius:999px;color:var(--deep)}.ridge-link.is-active{background:var(--deep);color:var(--paper)}.site-main{padding-top:116px;min-height:60vh}.page-shell{max-width:var(--max);margin:0 auto;padding:34px 16px 72px}.page-head{max-width:760px;margin-bottom:28px}.eyebrow{font-size:12px;letter-spacing:.12em;color:var(--shell);font-weight:800}.page-head h1,.hero-copy h1{font-size:24px;line-height:1.3;color:var(--ink);margin:8px 0 12px}.page-head p,.hero-copy p{margin:0;color:var(--muted)}h2{font-size:20px;line-height:1.35;color:var(--ink)}h3{font-size:16px;line-height:1.45;color:var(--ink)}p{margin:0 0 14px}.panel,.content-card,.note-card,.theme-strip,.longform,.service-block{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.btn-primary,.btn-secondary{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:0 18px;border-radius:8px;font-size:14px;font-weight:800}.btn-primary{background:linear-gradient(135deg,#8A5A22 0%,#5A3C16 100%);color:var(--paper)}.btn-secondary{background:var(--paper);border:1px solid var(--shell);color:var(--deep)}.btn-primary:hover,.btn-secondary:hover,.ridge-link:hover{transform:translateY(-1px)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(106,122,56,.45);outline-offset:2px}.media-slot{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;overflow:hidden}.media-slot img{width:100%;height:100%;object-fit:contain}.media-slot.is-empty:before{content:"";width:42px;height:42px;border-radius:50%;border:1px dashed var(--line-strong)}
/* 首页 */.home-hero{padding:44px 0 22px}.hero-copy{max-width:760px}.hero-copy .lead{font-size:20px;color:var(--deep);font-weight:800;margin:8px 0 12px}.hero-copy .actions{margin-top:20px}.banner-slot{height:200px;margin:14px 0 30px}.quad-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:38px}.quad-grid .content-card{padding:14px}.quad-grid .media-slot{height:140px;margin-bottom:12px}.quad-grid h2{margin:0 0 6px}.home-longform{padding:22px;margin:0 0 34px}.home-longform .media-slot{height:180px;margin:0 0 18px}.ordinal{display:inline-block;color:var(--shell);font-weight:800;margin-right:8px}.timeline{position:relative;margin:14px 0 34px;padding-left:34px}.timeline:before{content:"";position:absolute;left:12px;top:8px;bottom:8px;width:2px;background:var(--line-strong)}.timeline-node{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin-bottom:14px}.timeline-node:before{content:"";position:absolute;left:-29px;top:23px;width:12px;height:12px;border-radius:50%;background:var(--sprout);border:3px solid var(--bean)}.timeline-node h3{margin:0 0 5px}.split-notes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:34px}.note-card{padding:18px}.note-card ul,.check-list{margin:0;padding-left:20px}.theme-stack{display:grid;gap:10px;margin-bottom:34px}.theme-strip{padding:14px 16px;display:grid;grid-template-columns:170px 1fr auto;gap:18px;align-items:center}.status{font-size:12px;padding:3px 8px;border-radius:999px;background:var(--bean-deep);color:var(--deep);white-space:nowrap}.app-feature{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:28px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:34px}.app-feature .media-slot{height:340px}.app-copy .app-icon{width:48px;height:48px;margin-bottom:12px}.reading-points{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:34px}.faq-mini{display:grid;gap:10px;margin-bottom:34px}.faq-mini details{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:12px 14px}.faq-mini summary{font-weight:800;color:var(--ink);cursor:pointer}.brand-story{padding:22px;background:var(--paper-2);border:1px solid var(--line);border-radius:12px}
/* 内页多版式 */.longform{max-width:800px;padding:24px}.longform h2{margin-top:30px}.longform .media-slot{height:220px;margin:18px 0}.observation-directory{display:grid;grid-template-columns:240px 1fr;gap:24px}.directory-rail{position:sticky;top:138px;align-self:start;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:16px}.directory-rail a{display:block;padding:7px 8px;border-radius:6px;color:var(--deep)}.directory-rail a:hover{background:var(--paper-2)}.directory-body{display:grid;gap:16px}.directory-section{background:var(--paper);border-left:4px solid var(--shell);padding:20px;border-radius:0 10px 10px 0}.directory-section .media-slot{height:170px;margin-bottom:14px}.inner-quad{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.inner-quad .content-card{padding:18px}.inner-quad .media-slot{height:180px;margin-bottom:12px}.journal-split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.journal-column{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:20px}.journal-column .media-slot{height:190px;margin-bottom:14px}.memo-list{display:grid;gap:12px}.memo-item{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:10px}.memo-item strong{color:var(--deep)}.method-flow{display:grid;gap:14px;counter-reset:method}.method-step{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:20px 20px 20px 70px;position:relative}.method-step:before{counter-increment:method;content:counter(method);position:absolute;left:20px;top:20px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--deep);color:var(--paper);font-weight:800}.topic-list{display:grid;gap:12px}.topic-item{background:var(--paper);border-bottom:3px solid var(--bean-deep);padding:18px;border-radius:10px}.product-layout{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:26px;align-items:start}.product-layout .media-slot{height:340px}.product-copy{display:grid;gap:14px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.service-block{padding:20px}.policy-stack{display:grid;gap:16px}.policy-section{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:20px}.help-index{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.help-index a{display:block;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:18px}.faq-list{display:grid;gap:12px}.faq-item{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:18px}.faq-item h2{margin:0 0 8px}.contact-lanes{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.contact-lane{background:var(--paper);border-top:4px solid var(--sprout);border-radius:10px;padding:20px}.about-manifesto{display:grid;gap:18px}.manifesto-row{display:grid;grid-template-columns:190px 1fr;gap:20px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:20px}.manifesto-row h2{margin:0}.source-note{font-size:13px;color:var(--muted);border-top:1px dashed var(--line-strong);padding-top:12px;margin-top:18px}
/* 抽屉与搜索 */.screen-mask{position:fixed;inset:0;background:rgba(46,34,14,.38);z-index:90;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.screen-mask.is-open{opacity:1;visibility:visible;pointer-events:auto}.pod-drawer{position:fixed;top:0;right:0;width:380px;max-width:88vw;height:100vh;background:var(--paper);z-index:100;transform:translateX(102%);visibility:hidden;pointer-events:none;transition:transform .25s ease,visibility .25s}.pod-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{height:68px;padding:0 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.drawer-brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800}.drawer-brand img{height:26px}.drawer-scroll{height:calc(100vh - 68px);overflow-y:auto;padding:14px 16px 28px}.drawer-group{margin-bottom:20px}.drawer-group h2{font-size:13px;color:var(--soft);margin:0 0 6px;text-transform:none}.drawer-group a{display:block;padding:10px 8px;border-bottom:1px solid var(--line)}.drawer-group a strong{display:block;color:var(--ink)}.drawer-group a span{display:block;font-size:13px;color:var(--muted)}.search-layer{position:fixed;top:78px;left:0;right:0;z-index:95;visibility:hidden;opacity:0;pointer-events:none;transition:.2s}.search-layer.is-open{visibility:visible;opacity:1;pointer-events:auto}.search-card{max-width:var(--max);margin:0 auto;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);padding:16px;border-radius:0 0 12px 12px}.search-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.search-head strong{color:var(--ink)}.search-card label{display:block;color:var(--muted);margin-bottom:6px}.search-card input{width:100%;height:44px;border:1px solid var(--line-strong);background:#fffdf5;color:var(--ink);border-radius:8px;padding:0 12px}.search-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.search-presets a{padding:10px;border:1px solid var(--line);border-radius:8px;color:var(--deep)}.search-presets a span{display:block;font-size:12px;color:var(--muted)}.search-empty{margin:12px 0 0;color:var(--muted)}
/* 页脚与手机底栏 */.site-footer{background:#2E220E;color:var(--bean);border-top:1px solid rgba(243,230,200,.22);padding:34px 0 28px}.footer-inner{max-width:var(--max);margin:auto;padding:0 16px}.footer-brand{display:flex;gap:10px;align-items:center;margin-bottom:24px}.footer-logo{height:26px}.footer-brand strong,.footer-brand span{display:block}.footer-brand span{font-size:12px;color:#d9c9a7}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.footer-groups h2{font-size:13px;color:var(--paper);margin:0 0 8px}.footer-groups a{display:block;font-size:13px;color:var(--bean);padding:2px 0}.footer-note,.footer-copy{font-size:13px;color:#d9c9a7}.footer-note{margin-top:24px;padding-top:16px;border-top:1px solid rgba(243,230,200,.18)}.mobile-bottom{display:none}
@media (max-width:780px){.ridge-nav{display:none}.site-main{padding-top:78px}.page-shell{padding:26px 16px 84px}.quad-grid,.split-notes,.reading-points,.inner-quad,.journal-split,.service-grid,.help-index,.contact-lanes{grid-template-columns:1fr}.theme-strip{grid-template-columns:1fr;gap:6px}.app-feature,.product-layout{grid-template-columns:1fr}.app-feature .media-slot,.product-layout .media-slot{height:320px}.observation-directory{grid-template-columns:1fr}.directory-rail{position:static;display:flex;overflow-x:auto;gap:6px}.directory-rail a{white-space:nowrap}.memo-item,.manifesto-row{grid-template-columns:1fr;gap:6px}.search-layer{top:0;bottom:0;background:var(--deep)}.search-card{height:100%;border-radius:0;background:var(--deep);color:var(--paper);border:0;padding:18px 16px}.search-head strong,.search-card label{color:var(--paper)}.search-head button{background:transparent;color:var(--paper);border-color:rgba(255,248,232,.4)}.search-presets{grid-template-columns:1fr}.search-presets a{background:rgba(255,248,232,.08);border-color:rgba(255,248,232,.2);color:var(--paper)}.search-presets a span,.search-empty{color:#eadfca}.footer-groups{grid-template-columns:repeat(2,1fr)}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:70;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:var(--paper);border-top:1px solid var(--line)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--deep)}.mobile-bottom a.is-active{background:var(--deep);color:var(--paper)}.site-footer{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.banner-slot{height:200px}.home-hero{padding-top:30px}.pod-inner{padding:0 12px}.app-shortcut{font-size:13px}.brand-lockup,.app-shortcut,.drawer-trigger{min-width:44px}.footer-note{line-height:1.8}}
@media (max-width:420px){.footer-groups{grid-template-columns:1fr 1fr}.quad-grid{grid-template-columns:1fr}.pod-drawer{max-width:88vw}.page-head h1,.hero-copy h1{font-size:24px}}

.section-gap{margin-top:20px}