:root{--bean:#F3E6C8;--deep:#E4D2A8;--paper:#FFF8E8;--soft:#F7EDD4;--title:#3A2A12;--text:#4A3418;--muted:#7A5A28;--aux:#A08048;--dark:#5A3C16;--shell:#8A5A22;--green:#6A7A38;--line:rgba(90,60,22,.16);--line-strong:rgba(90,60,22,.42);--shadow:0 12px 28px rgba(58,42,18,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bean);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}a{color:inherit;text-decoration:none}img{max-width:100%;display:block;object-fit:contain;object-position:center}button{font:inherit}.skip-link{position:fixed;left:12px;top:-80px;z-index:200;background:var(--paper);padding:10px 14px;border-radius:8px}.skip-link:focus{top:10px}.sprout-line{position:fixed;inset:0 0 auto 0;height:22px;z-index:100;background:var(--dark);color:var(--paper);font-size:12px}.top-inner,.pod-inner,.ridge-inner,.footer-inner{max-width:1080px;margin:auto;padding:0 16px}.top-inner{height:22px;display:flex;align-items:center;justify-content:space-between}.text-button{background:none;border:0;color:var(--paper);padding:0 6px;cursor:pointer}.pod-bar{position:fixed;left:0;right:0;top:22px;height:56px;z-index:99;background:var(--bean);border-bottom:1px solid var(--line-strong)}.pod-inner{height:56px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand-link{justify-self:start;display:flex;align-items:center;min-height:44px}.brand-logo{height:26px;width:auto}.brand-text{font-size:16px;font-weight:800;color:var(--title)}.app-entry{min-height:44px;display:flex;align-items:center;padding:0 14px;border:1px solid var(--line-strong);border-radius:9px;background:var(--paper);color:var(--dark);font-weight:700}.drawer-button{justify-self:end;min-width:64px;height:44px;border:0;border-radius:9px;background:linear-gradient(135deg,#8A5A22 0%,#5A3C16 100%);color:var(--paper);font-weight:700;cursor:pointer}.ridge-tabs{position:fixed;left:0;right:0;top:78px;height:38px;z-index:98;background:var(--paper);border-bottom:1px solid var(--line)}.ridge-inner{height:38px;display:flex;justify-content:space-between;align-items:center}.ridge-left,.ridge-right{display:flex;gap:8px}.ridge-tabs a{height:30px;display:flex;align-items:center;padding:0 12px;border-radius:8px;font-size:13px;color:var(--dark)}.ridge-tabs a.is-current{background:var(--dark);color:var(--paper)}.site-main{max-width:1080px;margin:0 auto;padding:148px 16px 56px}.hero-intro,.page-hero,.section-card,.article-panel,.topic-strip,.memo-panel,.app-panel,.faq-item,.method-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.hero-intro,.page-hero{padding:28px}.eyebrow{font-size:13px;color:var(--green);font-weight:800;letter-spacing:.08em}.hero-intro h1,.page-hero h1{font-size:24px;line-height:1.3;color:var(--title);margin:6px 0 12px}.hero-intro .lead{font-size:18px;font-weight:800;color:var(--dark);margin:0 0 10px}.hero-intro p,.page-hero p{margin:0;max-width:840px}.button-row{margin-top:18px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:9px;font-size:14px;font-weight:800}.primary-button{background:linear-gradient(135deg,#8A5A22 0%,#5A3C16 100%);color:var(--paper)}.secondary-button{background:var(--paper);border:1px solid var(--shell);color:var(--dark)}.primary-button:hover,.secondary-button:hover,.app-entry:hover,.drawer-button:hover{transform:translateY(-1px)}a:focus-visible,button:focus-visible{outline:3px solid rgba(106,122,56,.5);outline-offset:2px}.media-slot{margin-top:18px;background:var(--soft);border:1px dashed var(--line-strong);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-slot.banner{height:200px}.media-slot.card-image{height:140px;margin:0 0 12px}.media-slot.long-image{height:180px}.media-slot.app-image{height:320px;margin:0}.media-slot img{width:100%;height:100%;object-fit:contain}.quad-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.quad-grid .section-card{padding:16px}.section-card h2,.article-panel h2,.topic-strip h2,.memo-panel h2,.app-panel h2,.content-section h2{font-size:20px;line-height:1.35;margin:0 0 10px;color:var(--title)}.section-card h3,.article-panel h3,.topic-strip h3,.memo-panel h3,.content-section h3{font-size:16px;line-height:1.4;margin:16px 0 6px;color:var(--dark)}.section-card p{margin:0}.article-panel{padding:22px;margin-top:18px}.article-panel p{margin:0 0 12px}.article-panel p:last-child{margin-bottom:0}.ordinal{font-weight:900;color:var(--shell);margin-right:8px}.timeline{position:relative;margin:18px 0 0;padding-left:24px}.timeline:before{content:"";position:absolute;left:8px;top:7px;bottom:7px;width:2px;background:var(--line-strong)}.timeline-item{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin:0 0 14px}.timeline-item:before{content:"";position:absolute;left:-22px;top:22px;width:12px;height:12px;border-radius:50%;background:var(--green);border:3px solid var(--bean)}.timeline-item strong{color:var(--title);display:block;margin-bottom:4px}.split-notes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.memo-panel{padding:20px}.memo-list{margin:0;padding-left:20px}.memo-list li{margin:7px 0}.topic-list{display:grid;gap:12px;margin-top:18px}.topic-strip{padding:16px 18px;display:grid;grid-template-columns:minmax(140px,.7fr) minmax(0,1.8fr) auto;gap:16px;align-items:center}.topic-strip .status{padding:5px 10px;border:1px solid var(--line-strong);border-radius:999px;color:var(--dark);font-size:13px;white-space:nowrap}.app-panel{margin-top:18px;padding:22px;display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:24px;align-items:center}.app-icon{display:flex;align-items:center;gap:12px;margin-bottom:12px}.app-icon img{width:48px;height:48px}.content-section{margin-top:18px}.plain-list{display:grid;gap:10px;padding:0;margin:0;list-style:none}.plain-list li{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.faq-list{display:grid;gap:12px;margin-top:18px}.faq-item{padding:18px}.faq-item h2{font-size:16px;margin:0 0 8px;color:var(--title)}.faq-item p{margin:0}.observation-directory{display:grid;grid-template-columns:220px 1fr;gap:18px;margin-top:18px}.directory-nav{background:var(--deep);border-radius:12px;padding:16px;align-self:start;position:sticky;top:132px}.directory-nav a{display:block;padding:10px 12px;border-radius:8px;color:var(--dark)}.directory-nav a:hover{background:var(--paper)}.directory-content{display:grid;gap:14px}.directory-content .article-panel{margin:0}.note-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.note-columns .article-panel{margin:0}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.check-grid .section-card{padding:18px}.method-flow{display:grid;gap:12px;margin-top:18px}.method-card{padding:18px;border-left:5px solid var(--shell)}.theme-list{display:grid;gap:14px;margin-top:18px}.theme-list .section-card{padding:18px}.legal-sections{display:grid;gap:14px;margin-top:18px}.legal-sections section{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:18px}.legal-sections h2{font-size:20px;margin:0 0 8px}.legal-sections p{margin:0 0 10px}.legal-sections p:last-child{margin-bottom:0}.screen-mask{position:fixed;inset:0;z-index:140;background:rgba(46,34,14,.42);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;bottom:0;z-index:160;width:380px;max-width:88vw;background:var(--paper);transform:translateX(104%);visibility:hidden;pointer-events:none;transition:.25s;overflow-y:auto}.pod-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{position:sticky;top:0;z-index:2;background:var(--paper);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:14px 16px}.drawer-brand{display:flex;align-items:center;gap:10px}.drawer-brand img{height:26px}.drawer-close,.search-head button{min-height:44px;padding:0 14px;border:1px solid var(--line-strong);background:var(--paper);border-radius:8px;color:var(--dark);cursor:pointer}.drawer-groups{padding:0 16px 28px}.drawer-groups section{padding:16px 0;border-bottom:1px solid var(--line)}.drawer-groups h2{font-size:13px;margin:0 0 6px;color:var(--green)}.drawer-groups a{display:block;padding:10px 8px;border-radius:8px}.drawer-groups a:hover{background:var(--soft)}.drawer-groups strong,.drawer-groups span{display:block}.drawer-groups span{font-size:13px;color:var(--muted);margin-top:2px}.search-layer{position:fixed;left:0;right:0;top:78px;z-index:155;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.search-layer.is-open{opacity:1;visibility:visible;pointer-events:auto}.search-card{max-width:780px;margin:0 auto;background:var(--paper);border:1px solid var(--line-strong);border-radius:0 0 12px 12px;padding:20px;box-shadow:var(--shadow)}.search-head{display:flex;justify-content:space-between;align-items:center}.search-presets{display:flex;gap:10px;flex-wrap:wrap}.search-presets a{display:inline-flex;min-height:44px;align-items:center;padding:0 14px;background:var(--soft);border:1px solid var(--line);border-radius:9px}.ui-locked{overflow:hidden}.site-footer{background:#2E220E;color:var(--bean);border-top:1px solid rgba(243,230,200,.35);font-size:13px}.footer-inner{padding-top:34px;padding-bottom:78px}.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:22px}.footer-logo{height:26px;width:auto}.footer-brand strong{font-size:16px}.footer-brand span{color:#F7EDD4}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-grid h2{font-size:13px;color:var(--paper);margin:0 0 8px}.footer-grid a{display:block;padding:4px 0;color:var(--bean)}.footer-note{margin:22px 0 8px;color:#F7EDD4;max-width:880px}.copyright{margin:0;color:#E4D2A8}.mobile-bottom{display:none}
@media(max-width:760px){.ridge-tabs{display:none}.site-main{padding-top:104px;padding-bottom:78px}.pod-inner{grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.brand-link{min-width:0}.brand-logo{max-width:118px}.app-entry{padding:0 10px}.drawer-button{min-width:58px}.quad-grid,.split-notes,.note-columns,.check-grid,.app-panel,.observation-directory{grid-template-columns:1fr}.directory-nav{position:static;display:flex;gap:6px;overflow-x:auto}.directory-nav a{white-space:nowrap}.topic-strip{grid-template-columns:1fr}.media-slot.app-image{height:300px}.search-layer{inset:22px 0 0 0;background:var(--dark);top:22px}.search-card{max-width:none;height:100%;border-radius:0;background:var(--dark);color:var(--paper);border:0;padding:24px 16px}.search-head button{background:var(--paper)}.search-presets a{background:#2E220E;border-color:rgba(255,248,232,.25);color:var(--paper)}.pod-drawer{max-width:88vw}.footer-grid{grid-template-columns:1fr 1fr}.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:110;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--paper);border-top:1px solid var(--line-strong)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:13px;color:var(--dark)}.mobile-bottom a.is-current{background:var(--dark);color:var(--paper)}.footer-inner{padding-bottom:86px}}
@media(max-width:480px){.hero-intro,.page-hero{padding:22px 18px}.footer-grid{grid-template-columns:1fr 1fr}.quad-grid{grid-template-columns:1fr}.top-inner,.pod-inner,.ridge-inner,.footer-inner,.site-main{padding-left:16px;padding-right:16px}.app-entry{font-size:13px}.brand-text{font-size:15px}}