*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F3E6C8;color:#4A3418;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.locked{overflow:hidden}a{color:#5A3C16;text-decoration:none}a:hover{text-decoration:none}button,input{font:inherit}.shell{width:min(1080px,calc(100% - 32px));margin-inline:auto}.top-stack{position:fixed;top:0;left:0;right:0;z-index:70}.sprout-line{height:22px;background:#5A3C16;color:#FFF8E8;font-size:12px}.wide-row,.pod-row,.ridge-row{display:flex;align-items:center;justify-content:space-between;height:100%}.sprout-brand{color:#FFF8E8;white-space:nowrap}.text-button,.pod-menu-button,.close-button{border:0;background:transparent;cursor:pointer;color:inherit;min-height:44px;padding:0 12px}.sprout-line .text-button{min-height:22px;height:22px;padding:0 6px;color:#FFF8E8;font-size:12px}.pod-bar{height:56px;background:#F3E6C8;border-bottom:1px solid rgba(138,90,34,.28)}.pod-row{display:grid;grid-template-columns:1fr auto 1fr;gap:12px}.brand-slot{justify-self:start;display:flex;align-items:center;min-height:44px}.site-logo,.drawer-logo,.footer-logo{display:block;height:26px;width:auto;max-width:180px;object-fit:contain;object-position:center}.brand-fallback{font-size:16px;font-weight:800}.app-link{justify-self:center;display:flex;align-items:center;min-height:44px;font-weight:700}.pod-menu-button{justify-self:end;color:#3A2A12;font-weight:700}.ridge-nav{position:fixed;top:78px;left:0;right:0;height:38px;z-index:65;background:#FFF8E8;border-bottom:1px solid rgba(90,60,22,.16)}.ridge-row{font-size:13px}.ridge-left,.ridge-right{display:flex;align-items:center;gap:8px}.ridge-nav a{display:flex;align-items:center;height:28px;padding:0 12px;border-radius:8px}.ridge-nav a.is-current{background:#5A3C16;color:#FFF8E8}.site-main{padding-top:136px;padding-bottom:48px}.narrow-section{max-width:820px}.home-intro{padding-top:44px;padding-bottom:30px}.eyebrow{margin:0 0 8px;color:#8A5A22;font-size:13px;font-weight:800;letter-spacing:.08em}.home-intro h1,.article-head h1,.observation-head h1,.grid-head h1,.split-head h1,.timeline-head h1,.strip-head h1,.memo-head h1,.collection-head h1,.cabinet-head h1,.app-head h1,article>header h1,.help-page>header h1,.faq-page>header h1,.contact-page>header h1,.about-head h1{margin:0 0 16px;color:#3A2A12;font-size:24px;line-height:1.3}.lead{margin:0 0 22px;color:#4A3418;font-size:16px;line-height:1.85}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:0 18px;border-radius:9px;font-size:14px;font-weight:800}.button.primary{background:linear-gradient(135deg,#8A5A22 0%,#5A3C16 100%);color:#FFF8E8}.button.secondary{background:#FFF8E8;color:#5A3C16;border:1px solid #8A5A22}.button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(58,42,18,.1)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid rgba(106,122,56,.55);outline-offset:3px}.media-slot{background:#FFF8E8;border:1px solid rgba(90,60,22,.16);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.contain-image{width:100%;height:100%;object-fit:contain;object-position:center}.home-banner{height:200px;margin-bottom:28px}.four-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.home-grid{margin-bottom:48px}.feature-cell,.julong-grid article,.reading-list article,.method-cards article,.principle-grid article,.check-grid article,.help-grid article,.value-grid article{background:#FFF8E8;border:1px solid rgba(90,60,22,.16);border-radius:10px;padding:16px;box-shadow:0 12px 28px rgba(58,42,18,.05)}.card-image{height:140px;margin:-16px -16px 14px;border:0;border-radius:10px 10px 0 0;background:#F7EDD4}.feature-cell h2,.long-read h2,.timeline-section h2,.split-notes h2,.theme-strips h2,.app-promo h2,.reading-points h2,.faq-teaser h2,.brand-story h2,.observation-row h2,.closing-block h2,.grid-method h2,.note-stack h2,.yatai-check h2,.editorial-timeline h2,.timeline-note h2,.status-strips h2,.status-guide h2,.status-principle h2,.memo-group h2,.memo-end h2,.method-section h2,.method-map h2,.collection-list h2,.collection-note h2,.cabinet-strip h2,.cabinet-guide h2,.cabinet-reading h2,.app-details h2,.app-principles h2,.app-copy-block h2,.policy-page h2,.help-grid h2,.help-paths h2,.help-note h2,.contact-sections h2,.contact-check h2,.about-page h2{font-size:20px;line-height:1.4;color:#3A2A12;margin:0 0 10px}.feature-cell h2{font-size:18px}.feature-cell p{margin:0}.long-read{margin-bottom:48px}.wide-media{height:180px;margin-bottom:20px}.prose-block{background:#FFF8E8;border-radius:10px;padding:22px;border:1px solid rgba(90,60,22,.16)}.prose-block p:last-child{margin-bottom:0}.timeline-section{display:grid;grid-template-columns:280px 1fr;gap:36px;margin-bottom:48px}.timeline{border-left:2px solid rgba(90,60,22,.42);padding-left:24px}.timeline article{position:relative;padding:0 0 24px}.timeline article:before{content:"";position:absolute;left:-31px;top:8px;width:12px;height:12px;border-radius:50%;background:#6A7A38;border:3px solid #F3E6C8}.timeline span{font-size:13px;color:#8A5A22;font-weight:800}.timeline h3{margin:4px 0;font-size:16px;color:#3A2A12}.timeline p{margin:0}.split-notes{display:grid;grid-template-columns:220px 1fr 1fr;gap:16px;margin-bottom:48px}.note-media{min-height:250px}.note-column{background:#F7EDD4;border:1px solid rgba(90,60,22,.16);padding:18px;border-radius:10px}.clean-list,.check-list,.link-list{margin:12px 0 0;padding-left:20px}.clean-list li,.check-list li,.link-list li{margin-bottom:8px}.theme-strips{display:grid;grid-template-columns:260px 1fr;gap:18px;margin-bottom:48px}.strip-media{min-height:240px}.theme-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:58px;margin-top:10px;padding:12px 14px;border-radius:9px;background:#FFF8E8;border:1px solid rgba(90,60,22,.16)}.theme-strip strong{white-space:nowrap;color:#6A7A38}.app-promo{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:28px;align-items:center;margin-bottom:48px}.app-visual{height:340px}.icon-row{display:flex;align-items:center;gap:12px;color:#5A3C16;font-weight:800;margin-bottom:10px}.app-icon{width:48px;height:48px;object-fit:contain}.reading-points,.faq-teaser,.brand-story{margin-bottom:48px}.reading-list,.method-cards,.principle-grid,.check-grid,.value-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.faq-mini{display:grid;gap:10px}.faq-mini details,.faq-list details{background:#FFF8E8;border:1px solid rgba(90,60,22,.16);border-radius:10px;padding:0 16px}.faq-mini summary,.faq-list summary{cursor:pointer;font-weight:800;color:#3A2A12;padding:14px 0}.faq-mini p,.faq-list p{margin:0 0 16px}.text-link{display:inline-flex;align-items:center;min-height:44px;margin-top:10px;font-weight:800}.brand-story{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:center}.brand-copy{background:#E4D2A8;border-radius:10px;padding:22px}.brand-media{height:220px}.single-article,.observation-page,.julong-page,.yatai-page,.douxu-page,.yapu-page,.memo-page,.method-page,.collection-page,.cabinet-page,.app-page,.install-page,.policy-page,.help-page,.faq-page,.contact-page,.about-page{padding-top:34px}.article-head,.observation-head,.grid-head,.timeline-head,.strip-head,.memo-head,.collection-head,.cabinet-head,article>header,.help-page>header,.faq-page>header,.contact-page>header{max-width:840px;margin-bottom:24px}.article-media{height:260px;margin-bottom:26px}.single-article section,.install-page section,.policy-page section,.method-section,.cabinet-guide,.cabinet-reading,.collection-note,.memo-group,.memo-end,.status-guide,.status-principle,.timeline-note,.grid-method,.app-copy-block,.help-paths,.help-note,.contact-check,.about-page>section{background:#FFF8E8;border:1px solid rgba(90,60,22,.16);border-radius:10px;padding:22px;margin-bottom:16px}.single-article section h2,.install-page section h2,.policy-page section h2,.about-page>section h2{margin:0 0 10px}.article-note{background:#E4D2A8!important}.observation-index{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}.observation-index>div{background:#FFF8E8;border:1px solid rgba(90,60,22,.16);border-radius:9px;padding:14px;min-height:90px}.observation-index span{display:block;font-weight:800;color:#3A2A12}.observation-index small{display:block;color:#7A5A28;margin-top:4px}.observation-media{height:220px;margin-bottom:22px}.observation-row{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid rgba(90,60,22,.16)}.index-no{font-size:28px;color:#A08048;font-weight:900}.observation-row p,.closing-block p,.grid-method p,.note-stack p,.editorial-timeline p,.status-strips p,.memo-group p,.method-section p,.collection-list p,.cabinet-strip p,.cabinet-guide p,.app-details p,.policy-page p,.help-grid p,.contact-sections p,.about-page p{margin-top:0}.observation-end{padding:24px 0}.grid-hero{height:220px;margin-bottom:18px}.julong-grid{margin-bottom:20px}.closing-block{display:grid;grid-template-columns:280px 1fr;gap:24px;background:#E4D2A8;padding:22px;border-radius:10px;margin-bottom:16px}.split-head{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:22px}.split-cover{height:230px;margin-bottom:18px}.yatai-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.note-stack section{background:#FFF8E8;border:1px solid rgba(90,60,22,.16);border-radius:10px;padding:20px;margin-bottom:18px}.note-stack.alt section{background:#F7EDD4}.yatai-check{background:#E4D2A8;padding:22px;border-radius:10px}.check-grid{grid-template-columns:repeat(5,1fr);margin-bottom:14px}.check-grid article{padding:14px}.timeline-cover{height:220px;margin-bottom:18px}.editorial-timeline{position:relative;margin-left:96px;border-left:2px solid rgba(90,60,22,.42);padding-left:28px}.editorial-timeline article{position:relative;background:#FFF8E8;border:1px solid rgba(90,60,22,.16);border-radius:10px;padding:20px;margin-bottom:18px}.time-tag{position:absolute;left:-124px;top:20px;width:78px;text-align:right;font-weight:900;color:#8A5A22}.editorial-timeline article:before{content:"";position:absolute;left:-36px;top:26px;width:12px;height:12px;border-radius:50%;background:#6A7A38}.strip-cover{height:220px;margin-bottom:18px}.status-strips{display:grid;gap:12px}.status-strips article{display:grid;grid-template-columns:1fr 1fr;gap:22px;background:#FFF8E8;border:1px solid rgba(90,60,22,.16);border-radius:10px;padding:20px}.status-label{display:inline-block;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:900;margin-bottom:8px;background:#E4D2A8;color:#5A3C16}.status-label.done{background:#e7edd2;color:#44521f}.status-label.doing{background:#f1e1bd}.status-label.checking{background:#efe7d4}.status-label.waiting{background:#ead8c5}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.memo-cover{height:220px;margin-bottom:18px}.memo-group{display:grid;grid-template-columns:280px 1fr;gap:20px}.memo-title span,.method-kicker{font-size:13px;font-weight:900;color:#8A5A22}.method-section{padding-left:28px;border-left:4px solid #8A5A22}.method-map{background:#E4D2A8!important}.collection-list{display:grid;gap:12px;margin-bottom:18px}.collection-list article{display:grid;grid-template-columns:170px 1fr;gap:22px;background:#FFF8E8;border:1px solid rgba(90,60,22,.16);border-radius:10px;padding:20px}.collection-list article>span{font-weight:900;color:#8A5A22;font-size:16px}.collection-list a{font-weight:800;display:inline-flex;min-height:44px;align-items:center}.cabinet-cover{height:220px;margin-bottom:18px}.cabinet-strips{display:grid;gap:10px;margin-bottom:18px}.cabinet-strip{display:grid;grid-template-columns:120px 1fr 70px;gap:18px;align-items:center;min-height:92px;background:#FFF8E8;border:1px solid rgba(90,60,22,.16);border-radius:10px;padding:16px}.cabinet-tag{font-size:13px;font-weight:900;color:#8A5A22}.cabinet-strip h2{font-size:17px;margin-bottom:4px}.cabinet-strip p{margin-bottom:0}.cabinet-strip>strong{text-align:right;color:#6A7A38}.app-head{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start}.app-badge{display:flex;align-items:center;gap:10px;background:#FFF8E8;border:1px solid rgba(90,60,22,.16);padding:12px;border-radius:10px;font-size:12px;font-weight:900}.app-icon-large{width:48px;height:48px;object-fit:contain}.app-layout{display:grid;grid-template-columns:360px 1fr;gap:22px;margin-bottom:18px}.app-phone{height:340px}.app-details{display:grid;gap:12px}.app-details section{background:#FFF8E8;border:1px solid rgba(90,60,22,.16);border-radius:10px;padding:18px}.app-principles{background:#E4D2A8;border-radius:10px;padding:22px;margin-bottom:16px}.principle-grid{grid-template-columns:repeat(4,1fr)}.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:16px}.help-grid article{padding:20px}.faq-list{display:grid;gap:10px}.faq-list details{padding-inline:18px}.contact-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:16px}.contact-sections section{background:#FFF8E8;border:1px solid rgba(90,60,22,.16);border-radius:10px;padding:20px}.about-head{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:center;margin-bottom:20px}.about-media{height:220px}.value-grid{grid-template-columns:repeat(5,1fr)}.site-footer{background:#2E220E;color:#F3E6C8;border-top:1px solid rgba(243,230,200,.25);font-size:13px;padding:34px 0 80px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.footer-brand strong,.footer-brand span{display:block}.footer-brand span{color:#cdbb94;font-size:12px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.footer-grid h2{font-size:13px;color:#FFF8E8;margin:0 0 8px}.footer-grid a{display:block;color:#F3E6C8;min-height:30px}.rights-note{max-width:760px;color:#d9c9a7;margin:24px 0 8px}.copyright{margin:0;color:#bca77f}.screen-overlay{position:fixed;inset:0;background:rgba(46,34,14,.45);z-index:90;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.screen-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.site-drawer{position:fixed;top:0;right:0;bottom:0;z-index:100;width:380px;max-width:88vw;background:#FFF8E8;box-shadow:-20px 0 50px rgba(46,34,14,.18);transform:translateX(105%);visibility:hidden;pointer-events:none;transition:transform .25s ease,visibility .25s;overflow-y:auto}.site-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{position:sticky;top:0;background:#FFF8E8;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(90,60,22,.16);z-index:2}.drawer-brand{display:flex;align-items:center;gap:10px;font-weight:900}.drawer-groups{padding:14px 16px 28px}.drawer-groups section{margin-bottom:20px}.drawer-groups h2{font-size:13px;color:#8A5A22;margin:0 0 8px}.drawer-groups a{display:block;padding:10px 0;border-bottom:1px solid rgba(90,60,22,.12)}.drawer-groups a strong,.drawer-groups a span{display:block}.drawer-groups a span{color:#7A5A28;font-size:12px;margin-top:2px}.close-button{color:#5A3C16;font-weight:800}.site-search{position:fixed;top:78px;left:0;right:0;z-index:95;visibility:hidden;opacity:0;pointer-events:none;transition:.2s}.site-search.is-open{visibility:visible;opacity:1;pointer-events:auto}.search-card{width:min(760px,calc(100% - 32px));margin:12px auto 0;background:#FFF8E8;border:1px solid rgba(90,60,22,.16);border-radius:10px;padding:18px;box-shadow:0 18px 40px rgba(58,42,18,.16)}.search-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.search-label{display:block;font-size:12px;color:#7A5A28;margin-bottom:5px}.search-card input{width:100%;min-height:44px;border:1px solid rgba(90,60,22,.42);border-radius:8px;background:#FFF8E8;color:#3A2A12;padding:0 12px}.search-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.search-presets a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:8px;background:#F7EDD4;border:1px solid rgba(90,60,22,.16);font-weight:800}.search-empty{font-size:13px;color:#7A5A28}.mobile-bottom{display:none}
@media (max-width:820px){.ridge-nav{display:none}.site-main{padding-top:98px;padding-bottom:76px}.sprout-line{height:22px}.pod-bar{height:56px}.pod-row{grid-template-columns:minmax(0,1fr) auto auto;gap:6px}.site-logo{max-width:135px}.app-link,.pod-menu-button{font-size:13px;padding:0 8px}.home-intro{padding-top:28px}.four-grid{grid-template-columns:1fr 1fr}.timeline-section,.split-notes,.theme-strips,.brand-story,.closing-block,.split-head,.status-strips article,.memo-group,.collection-list article,.about-head{grid-template-columns:1fr}.timeline-section{gap:14px}.split-notes{gap:12px}.note-media{height:180px}.theme-strips{gap:12px}.strip-media{height:180px}.app-promo,.app-layout{grid-template-columns:1fr}.app-visual,.app-phone{height:320px}.app-promo{gap:16px}.reading-list,.method-cards,.principle-grid,.help-grid,.contact-sections,.value-grid{grid-template-columns:1fr 1fr}.observation-index{grid-template-columns:1fr 1fr}.observation-row{grid-template-columns:48px 1fr}.yatai-columns{grid-template-columns:1fr}.check-grid{grid-template-columns:1fr 1fr}.editorial-timeline{margin-left:72px}.time-tag{left:-102px;width:58px}.guide-grid{grid-template-columns:1fr}.cabinet-strip{grid-template-columns:100px 1fr}.cabinet-strip>strong{grid-column:2;text-align:left}.app-head{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:80;display:grid;grid-template-columns:repeat(5,1fr);min-height:48px;padding-bottom:env(safe-area-inset-bottom);background:#FFF8E8;border-top:1px solid rgba(90,60,22,.16)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:12px}.mobile-bottom a.is-current{background:#5A3C16;color:#FFF8E8}.site-footer{padding-bottom:calc(74px + env(safe-area-inset-bottom))}.site-search{top:0;bottom:0;background:#5A3C16;color:#FFF8E8}.site-search.is-open{display:block}.search-card{width:100%;height:100%;margin:0;border:0;border-radius:0;background:#5A3C16;color:#FFF8E8;padding:22px 16px}.search-card .close-button,.site-search .search-label,.site-search .search-empty{color:#FFF8E8}.search-card input{background:#FFF8E8}.search-presets a{background:#FFF8E8;color:#5A3C16}.screen-overlay{z-index:90}.site-drawer{z-index:100}}
@media (max-width:560px){.shell{width:calc(100% - 32px)}.sprout-brand{font-size:11px}.home-intro h1,.article-head h1,.observation-head h1,.grid-head h1,.split-head h1,.timeline-head h1,.strip-head h1,.memo-head h1,.collection-head h1,.cabinet-head h1,.app-head h1,article>header h1,.help-page>header h1,.faq-page>header h1,.contact-page>header h1,.about-head h1{font-size:24px}.lead{font-size:15px}.four-grid,.reading-list,.method-cards,.principle-grid,.help-grid,.contact-sections,.value-grid,.footer-grid{grid-template-columns:1fr}.feature-cell{padding:14px}.card-image{margin:-14px -14px 12px}.observation-index{grid-template-columns:1fr}.observation-row{grid-template-columns:1fr}.index-no{font-size:18px}.closing-block{padding:18px}.editorial-timeline{margin-left:48px;padding-left:20px}.time-tag{position:static;display:block;text-align:left;width:auto;margin-bottom:6px}.editorial-timeline article:before{left:-28px}.memo-group{padding:18px}.cabinet-strip{grid-template-columns:1fr}.cabinet-strip>strong{grid-column:1}.app-badge{justify-self:start}.about-media{height:180px}}