:root{--bean-light:#F3E6C8;--bean-deep-bg:#E4D2A8;--paper:#FFF8E8;--paper-2:#F7EDD4;--title:#3A2A12;--text:#4A3418;--muted:#7A5A28;--soft:#A08048;--deep:#5A3C16;--shell:#8A5A22;--sprout:#6A7A38;--border:rgba(90,60,22,.16);--border-strong:rgba(90,60,22,.42);--shadow:0 12px 28px rgba(58,42,18,.08);--max:1080px;--top:116px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bean-light);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}body.is-locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%}.skip-link{position:fixed;left:16px;top:-60px;z-index:200;background:var(--paper);color:var(--deep);padding:10px 14px;border-radius:8px}.skip-link:focus{top:8px}
.sprout-line{position:fixed;z-index:90;top:0;left:0;right:0;height:22px;background:var(--deep);color:var(--paper);font-size:12px}.top-inner,.pod-inner,.furrow-inner{max-width:var(--max);margin:0 auto;padding:0 16px;height:100%;display:flex;align-items:center}.top-inner{justify-content:space-between}.text-button{border:0;background:transparent;color:var(--paper);height:22px;padding:0 4px}.pod-bar{position:fixed;z-index:89;top:22px;left:0;right:0;height:56px;background:var(--bean-light);border-bottom:1px solid var(--border-strong)}.pod-inner{display:grid;grid-template-columns:1fr auto 1fr;gap:12px}.brand-link{justify-self:start;min-height:44px;display:flex;align-items:center}.brand-logo,.footer-logo,.drawer-brand img{height:26px;width:auto;object-fit:contain;object-position:center}.brand-text{font-size:16px;font-weight:800;color:var(--title)}.app-entry{justify-self:center;display:inline-flex;align-items:center;height:44px;padding:0 16px;color:var(--deep);font-weight:700;border-radius:9px}.pod-menu-button{justify-self:end;height:44px;min-width:64px;border:1px solid var(--border-strong);background:var(--paper);color:var(--deep);border-radius:9px;font-weight:700}
.furrow-tabs{position:fixed;z-index:88;top:78px;left:0;right:0;height:38px;background:var(--paper);border-bottom:1px solid var(--border)}.furrow-inner{justify-content:space-between}.furrow-left,.furrow-right{display:flex;gap:6px;height:100%;align-items:center}.furrow-tabs a{min-width:58px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border-radius:7px;color:var(--deep);font-size:13px}.furrow-tabs a.is-active{background:var(--deep);color:var(--paper)}.site-main{padding-top:calc(var(--top) + 28px);padding-bottom:44px}.content-wrap{max-width:var(--max);margin:0 auto;padding:0 16px}.page-head{margin-bottom:26px}.eyebrow{font-size:13px;color:var(--sprout);font-weight:800;letter-spacing:.04em}h1,h2,h3{color:var(--title);line-height:1.3;margin-top:0}h1{font-size:24px;margin-bottom:12px}h2{font-size:20px;margin-bottom:10px}h3{font-size:16px;margin-bottom:8px}p{margin:0 0 14px}.lead{font-size:16px;color:var(--muted);max-width:820px}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:9px;font-size:14px;font-weight:800;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,#8A5A22 0%,#5A3C16 100%);color:var(--paper)}.btn-secondary{background:var(--paper);color:var(--deep);border-color:var(--shell)}.btn: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{width:100%;display:flex;align-items:center;justify-content:center;background:var(--paper-2);border:1px solid var(--border);border-radius:10px;overflow:hidden}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.banner-slot{height:200px}.grid-slot{height:140px}.long-slot{height:180px}.app-slot{height:320px}.section{margin:34px 0}.panel{background:var(--paper);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}.home-intro{background:linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%);border:1px solid var(--border);border-radius:12px;padding:28px;margin-bottom:24px}.home-intro .slogan{font-size:22px;font-weight:900;color:var(--deep);margin-bottom:8px}.home-intro .btn{margin-top:8px}.four-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.feature-cell{background:var(--paper);border:1px solid var(--border);border-radius:10px;overflow:hidden}.feature-copy{padding:16px}.article-long{background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:20px}.article-long .marker{font-weight:900;color:var(--shell);margin-right:8px}.timeline{position:relative;margin:0;padding:4px 0 4px 30px;list-style:none}.timeline:before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:var(--border-strong)}.timeline li{position:relative;background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:16px;margin:0 0 14px}.timeline li:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--sprout);left:-27px;top:23px;box-shadow:0 0 0 4px var(--bean-light)}.split-notes{display:grid;grid-template-columns:1fr 1fr;gap:16px}.note-panel{padding:20px;background:var(--paper);border:1px solid var(--border);border-radius:10px}.topic-bars{display:grid;gap:10px}.topic-bar{display:grid;grid-template-columns:160px 1fr auto;gap:14px;align-items:center;min-height:68px;background:var(--paper);border-left:5px solid var(--shell);border-radius:8px;padding:12px 16px;border-top:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.status{font-size:13px;color:var(--deep);font-weight:800;background:var(--bean-deep-bg);padding:5px 9px;border-radius:999px}.app-promo{display:grid;grid-template-columns:minmax(240px,34%) 1fr;gap:24px;align-items:center}.app-promo .app-copy{background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:24px}.icon-line{display:flex;align-items:center;gap:12px;margin-bottom:14px}.icon-line img{width:48px;height:48px;object-fit:contain}.read-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.read-points article{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:18px}.faq-mini{display:grid;gap:10px}.faq-mini details,.faq-list details{background:var(--paper);border:1px solid var(--border);border-radius:9px;padding:14px 16px}.faq-mini summary,.faq-list summary{font-weight:800;color:var(--title);cursor:pointer}.faq-mini details p,.faq-list details p{margin:10px 0 0}.brand-block{padding:22px;background:var(--deep);color:var(--paper);border-radius:12px}.brand-block h2,.brand-block h3{color:var(--paper)}
.single-long{max-width:820px}.single-long section{margin-bottom:28px}.single-long .media-slot{margin:18px 0}.observation-directory{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start}.observation-nav{position:sticky;top:136px;background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:14px}.observation-nav a{display:block;padding:9px 10px;border-radius:7px;color:var(--deep)}.observation-nav a:hover{background:var(--paper-2)}.observation-body section{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:16px}.quad-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.quad-page article{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:20px}.quad-page .wide{grid-column:1/-1}.memo-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.memo-column{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:20px}.memo-column section+section{border-top:1px solid var(--border);padding-top:18px;margin-top:18px}.checklist{display:grid;gap:14px}.checklist section{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:18px}.checklist ul,.method-steps ul{margin:10px 0 0;padding-left:20px}.checklist li,.method-steps li{margin-bottom:8px}.method-steps{counter-reset:steps;display:grid;gap:14px}.method-steps section{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:18px}.method-steps h2:before{counter-increment:steps;content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--sprout);margin:0 10px 2px 0}.theme-list{display:grid;gap:14px}.theme-item{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:18px}.product-layout{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}.product-copy{display:grid;gap:14px}.product-copy section{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:18px}.terms{max-width:900px}.terms section{padding:20px;background:var(--paper);border:1px solid var(--border);border-radius:10px;margin-bottom:14px}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.help-grid article{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:18px}.contact-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.contact-paths article{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:18px}.panel-pad{padding:20px}.icon-spaced{margin-top:14px}
.site-footer{background:#2E220E;color:var(--bean-light);border-top:1px solid rgba(243,230,200,.25);font-size:13px}.footer-inner{max-width:var(--max);margin:0 auto;padding:30px 16px 76px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.footer-brand div{display:flex;flex-direction:column}.footer-brand strong{font-size:16px;color:var(--paper)}.footer-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;border-top:1px solid rgba(243,230,200,.18);padding-top:20px}.footer-columns h2{font-size:13px;color:var(--paper);margin-bottom:8px}.footer-columns a{display:block;color:var(--bean-light);padding:4px 0}.footer-note{margin-top:22px;color:#E4D2A8}.footer-copy{color:#CDB98C;margin-bottom:0}.overlay{position:fixed;z-index:110;inset:0;background:rgba(46,34,14,.48);opacity:0;visibility:hidden;pointer-events:none;transition:.2s ease}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.pod-drawer{position:fixed;z-index:120;top:0;right:0;width:380px;max-width:88vw;height:100dvh;background:var(--paper);box-shadow:-16px 0 40px rgba(46,34,14,.18);padding:18px;overflow-y:auto;transform:translateX(104%);visibility:hidden;pointer-events:none;transition:.25s ease}.pod-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:14px}.drawer-brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:900;color:var(--title)}.icon-button{min-height:44px;border:1px solid var(--border-strong);background:var(--paper-2);color:var(--deep);border-radius:8px;padding:0 13px}.drawer-group{margin-top:20px}.drawer-group h2{font-size:14px;color:var(--shell);margin-bottom:6px}.drawer-group a{display:block;padding:10px 8px;border-radius:8px}.drawer-group a:hover{background:var(--paper-2)}.drawer-group strong{display:block;color:var(--title)}.drawer-group span{display:block;font-size:13px;color:var(--muted);margin-top:1px}.search-layer{position:fixed;z-index:119;top:78px;left:0;right:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);opacity:0;transition:.2s ease}.search-layer.is-open{visibility:visible;pointer-events:auto;transform:translateY(0);opacity:1}.search-card{max-width:760px;margin:12px auto;background:var(--paper);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow);padding:18px}.search-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.search-head strong{font-size:18px;color:var(--title)}.search-head p{font-size:13px;color:var(--muted);margin:2px 0 0}.search-card label{display:block;font-size:13px;font-weight:800;color:var(--deep);margin-top:12px}.search-card input{width:100%;height:44px;margin-top:6px;border:1px solid var(--border-strong);border-radius:9px;background:#fff;color:var(--text);padding:0 12px}.search-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.search-presets a{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;background:var(--paper-2);border:1px solid var(--border);border-radius:8px;color:var(--deep)}.search-empty{font-size:13px;color:var(--muted);margin-top:12px}.mobile-bottom{display:none}
@media (max-width:760px){:root{--top:78px}.furrow-tabs{display:none}.site-main{padding-top:calc(var(--top) + 22px);padding-bottom:74px}.top-inner,.pod-inner{padding-left:16px;padding-right:16px}.pod-inner{grid-template-columns:minmax(0,1fr) auto auto;gap:6px}.brand-link{min-width:0;overflow:hidden}.brand-logo{max-width:132px}.brand-text{white-space:nowrap}.app-entry{padding:0 10px;white-space:nowrap}.pod-menu-button{min-width:58px}.home-intro{padding:22px 18px}.four-grid,.split-notes,.read-points,.quad-page,.memo-layout,.help-grid,.contact-paths{grid-template-columns:1fr}.quad-page .wide{grid-column:auto}.topic-bar{grid-template-columns:1fr;gap:5px}.app-promo,.product-layout,.observation-directory{grid-template-columns:1fr}.observation-nav{position:static;display:flex;flex-wrap:wrap;gap:6px;overflow:visible}.observation-nav a{white-space:normal}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.search-layer{top:0;bottom:0;background:var(--deep)}.search-layer.is-open{transform:none}.search-card{margin:0;border:0;border-radius:0;max-width:none;min-height:100dvh;background:var(--deep);color:var(--paper);padding:24px 16px 80px}.search-head strong,.search-head p,.search-card label{color:var(--paper)}.search-card .icon-button{background:var(--paper);color:var(--deep)}.search-presets a{background:#6A4A20;color:var(--paper);border-color:rgba(255,248,232,.22)}.search-empty{color:#F3E6C8}.mobile-bottom{position:fixed;z-index:87;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);min-height:48px;padding-bottom:env(safe-area-inset-bottom);background:var(--paper);border-top:1px solid var(--border-strong)}.mobile-bottom a{min-height:48px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--deep)}.mobile-bottom a.is-active{background:var(--deep);color:var(--paper)}.footer-inner{padding-bottom:94px}}
@media (max-width:420px){.brand-logo{max-width:112px}.app-entry{font-size:13px}.home-intro .slogan{font-size:20px}}