:root{
  --bg:#F3E6C8;--bg-deep:#E4D2A8;--surface:#FFF8E8;--surface-2:#F7EDD4;
  --title:#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}body{margin:0;background:var(--bg);color:var(--text);font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden;padding-top:116px}body.ui-locked{overflow:hidden}a{color:var(--deep);text-decoration:none}a:hover{text-decoration:underline}button,a{touch-action:manipulation}button{font:inherit}.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;background:var(--surface);padding:10px 14px;border:1px solid var(--line-strong);border-radius:8px}.skip-link:focus{top:10px}
.site-header{position:fixed;inset:0 0 auto 0;z-index:500;box-shadow:0 4px 18px rgba(58,42,18,.05)}.sprout-line{height:22px;background:var(--deep);color:var(--surface)}.topbar-inner,.pod-inner,.ridge-inner,.content-wrap,.footer-inner{width:min(var(--max),calc(100% - 32px));margin:0 auto}.topbar-inner{height:22px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.brand-mini{color:var(--surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-mini:hover{color:#fff;text-decoration:none}.search-open,.drawer-open,.drawer-close,.search-head button{border:0;background:transparent;color:inherit;cursor:pointer;min-height:44px;padding:0 12px}.search-open{min-height:22px;font-size:12px;color:var(--surface)}.pod-bar{height:56px;background:var(--bg);border-bottom:1px solid var(--line)}.pod-inner{height:56px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.pod-logo{justify-self:start;display:flex;align-items:center;min-height:44px;color:var(--title);font-weight:800}.logo-image{height:26px;max-width:180px;object-fit:contain;object-position:center}.pod-app-link{justify-self:center;display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border-radius:8px;font-weight:700}.drawer-open{justify-self:end;color:var(--title);font-weight:700}.ridge-tabs{height:38px;background:var(--surface);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:6px}.ridge-link{height:30px;display:flex;align-items:center;padding:0 13px;border-radius:8px;font-size:13px}.ridge-link.is-active{background:var(--deep);color:var(--surface);text-decoration:none}
.site-main{min-height:60vh}.section-pad{padding:54px 0}.section-tight-top{padding-top:18px}.section-alt{background:var(--bg-deep)}.content-wrap{position:relative}.narrow-copy{max-width:820px}.eyebrow{margin:0 0 7px;color:var(--sprout);font-size:13px;font-weight:800;letter-spacing:.08em}.section-heading{margin-bottom:22px}.section-heading h2,.section-heading p{margin-top:0}.page-hero{background:linear-gradient(180deg,var(--surface-2),var(--bg))}.slim-hero{padding-bottom:38px}h1,h2,h3{color:var(--title);line-height:1.3;margin:0 0 14px}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}p{margin:0 0 16px}.lead{font-size:16px;line-height:1.8;max-width:850px}.btn{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:0 18px;border-radius:9px;font-size:14px;font-weight:800;border:1px solid transparent;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#8A5A22 0%,#5A3C16 100%);color:var(--surface)}.btn-primary:hover{color:#fff;text-decoration:none;filter:brightness(1.03)}.btn-secondary{background:var(--surface);border-color:var(--shell);color:var(--deep)}.btn-secondary:hover{text-decoration:none;background:var(--surface-2)}.btn:focus-visible,.ridge-link:focus-visible,.search-open:focus-visible,.drawer-open:focus-visible,.drawer-close:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid rgba(106,122,56,.45);outline-offset:2px}.text-link{display:inline-flex;min-height:44px;align-items:center;font-weight:800}.inline-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.media-slot{width:100%;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.banner-slot{height:200px}.grid-media{height:140px}.long-media{height:180px;margin:10px 0 24px}.medium-media{height:200px;margin:18px 0 24px}.small-media{height:160px;margin:14px 0 20px}.app-media{height:340px}.brand-media{height:220px;margin-bottom:24px}.icon-slot{width:48px;height:48px;border-radius:10px;background:var(--surface);display:flex;align-items:center;justify-content:center;border:1px solid var(--line)}.icon-slot img{width:48px;height:48px;object-fit:contain}
.home-intro{padding-bottom:34px}.home-grid-four{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.feature-cell{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px;box-shadow:var(--shadow)}.feature-cell h3{margin-top:14px}.feature-cell a{font-weight:800}.home-yakan-band{background:var(--surface)}.single-reading{max-width:860px}.long-copy p{margin-bottom:18px}.timeline{display:grid;gap:0;margin-top:26px}.timeline article{display:grid;grid-template-columns:88px 1fr;gap:22px;position:relative;padding-bottom:26px}.timeline article:before{content:"";position:absolute;left:42px;top:32px;bottom:0;width:1px;background:var(--line-strong)}.timeline article:last-child:before{display:none}.timeline article>span{width:88px;min-height:34px;display:flex;align-items:center;justify-content:center;background:var(--deep);color:var(--surface);border-radius:999px;font-weight:800}.timeline article>div{padding:4px 0 0}.large-timeline article{grid-template-columns:100px 1fr}.large-timeline article:before{left:49px}.large-timeline article>span{width:100px}.split-notes,.yatai-split,.app-split,.split-wide,.two-text-columns,.after-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.note-side,.yatai-column,.app-copy,.app-visual{min-width:0}.note-side{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px}.plain-list,.check-list{margin:0 0 18px;padding-left:22px}.plain-list li,.check-list li{margin-bottom:8px}.topic-bars{display:grid;gap:10px;margin-top:20px}.topic-bars>a,.topic-bars>div{min-height:58px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topic-bars em{font-style:normal;color:var(--sprout);font-weight:800;white-space:nowrap}.expanded-bars>div span{display:grid;gap:3px}.expanded-bars small,.cabinet-bars small{color:var(--muted);font-size:13px}.app-split{align-items:center}.app-visual{max-width:420px}.app-icon-row{display:flex;align-items:center;gap:12px;margin-top:14px}.after-home-grid>article{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px}.faq-home details,.faq-list details{background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:0 16px}.faq-home summary,.faq-list summary{cursor:pointer;font-weight:800;color:var(--title);padding:14px 0;min-height:48px}.faq-home details p,.faq-list details p{padding:0 0 14px}.observation-catalog{display:grid;gap:12px}.observation-catalog article{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px;display:grid;grid-template-columns:130px 1fr;column-gap:22px}.observation-catalog article>span{grid-row:1 / span 2;color:var(--surface);background:var(--deep);border-radius:8px;min-height:70px;display:flex;align-items:center;justify-content:center;font-weight:800}.observation-catalog article h2,.observation-catalog article p{grid-column:2}.julong-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.julong-grid article,.product-panels article,.help-grid article,.contact-grid article{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px}.callout{background:var(--deep);color:var(--surface);border-radius:10px;padding:24px;align-self:start}.callout h3{color:var(--surface)}.callout p{margin-bottom:10px}.note-paper{background:var(--surface);border-left:5px solid var(--shell);padding:24px;border-radius:8px;box-shadow:var(--shadow)}.method-steps{display:grid;gap:14px}.method-steps article{display:grid;grid-template-columns:96px 1fr;column-gap:22px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:20px}.method-steps article>span{grid-row:1 / span 2;background:var(--deep);color:var(--surface);min-height:74px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800}.method-steps article h2,.method-steps article p{grid-column:2}.theme-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.theme-list article{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px}.theme-list article:last-child{grid-column:1 / -1}.cabinet-bars a{font-weight:800;white-space:nowrap}.product-panels,.help-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.legal-sections{display:grid;gap:14px}.legal-sections article{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px}.memo-board{display:grid;grid-template-columns:1fr 1fr;gap:16px}.memo-board>.media-slot{grid-column:1 / -1}.memo-board article{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px}.about-hero .brand-media{max-width:640px}
.site-footer{background:#2E220E;color:var(--bg);border-top:1px solid rgba(243,230,200,.2);padding:44px 0 70px}.footer-brand{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;margin-bottom:28px}.footer-logo-slot{width:96px;height:32px;grid-row:1 / span 2;display:flex;align-items:center}.footer-logo{max-width:96px;height:26px;object-fit:contain}.footer-brand strong{font-size:16px;color:var(--surface)}.footer-brand span{font-size:12px;color:var(--bg-deep)}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:22px 0;border-top:1px solid rgba(243,230,200,.18);border-bottom:1px solid rgba(243,230,200,.18)}.footer-groups h2{font-size:13px;color:var(--surface);margin-bottom:10px}.footer-groups a{display:block;color:var(--bg);font-size:13px;padding:4px 0}.footer-note,.footer-copy{font-size:13px;color:var(--bg-deep)}.footer-note{margin-top:20px}.footer-copy{margin-bottom:0}
.page-overlay{position:fixed;inset:0;background:rgba(46,34,14,.42);z-index:800;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.page-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.pod-drawer{position:fixed;top:0;right:0;height:100dvh;width:380px;max-width:88vw;background:var(--surface);z-index:900;transform:translateX(102%);visibility:hidden;pointer-events:none;transition:transform .24s ease,visibility .24s}.pod-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 18px}.drawer-brand{display:flex;align-items:center;gap:10px}.drawer-logo-slot{width:86px;height:32px;display:flex;align-items:center}.drawer-logo{max-width:86px;height:26px;object-fit:contain}.drawer-brand div:last-child{display:grid}.drawer-brand span{font-size:11px;color:var(--muted)}.drawer-body{height:calc(100dvh - 70px);overflow-y:auto;padding:14px 16px 28px}.drawer-group{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line)}.drawer-group h2{font-size:13px;color:var(--sprout);margin-bottom:8px}.drawer-group a{display:block;padding:9px 8px;border-radius:8px}.drawer-group a:hover{background:var(--surface-2);text-decoration:none}.drawer-group a strong{display:block;font-size:14px}.drawer-group a span{display:block;font-size:12px;color:var(--muted);margin-top:2px}.search-layer{position:fixed;left:0;right:0;top:78px;z-index:880;visibility:hidden;pointer-events:none;opacity:0;transition:.2s}.search-layer.is-open{visibility:visible;pointer-events:auto;opacity:1}.search-card{width:min(760px,calc(100% - 32px));margin:0 auto;background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;padding:18px;box-shadow:var(--shadow)}.search-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.search-head strong{color:var(--title)}.search-head button{color:var(--deep)}.search-card p{color:var(--muted);font-size:13px}.search-presets{display:flex;gap:10px;flex-wrap:wrap}.search-presets a{min-height:44px;display:flex;align-items:center;padding:0 14px;border-radius:8px;background:var(--surface-2);border:1px solid var(--line)}.mobile-bottom{display:none}
@media (max-width:760px){body{padding-top:78px;padding-bottom:calc(48px + env(safe-area-inset-bottom));font-size:15px}.topbar-inner,.pod-inner,.content-wrap,.footer-inner{width:calc(100% - 32px)}.ridge-tabs{display:none}.pod-inner{grid-template-columns:minmax(0,1fr) auto auto;gap:6px}.pod-logo{min-width:0}.pod-logo span{font-size:16px}.pod-app-link,.drawer-open{padding:0 8px;font-size:13px}.logo-image{max-width:122px}.section-pad{padding:38px 0}.home-grid-four,.split-notes,.yatai-split,.app-split,.split-wide,.two-text-columns,.after-home-grid,.julong-grid,.theme-list,.product-panels,.help-grid,.contact-grid,.memo-board{grid-template-columns:1fr}.theme-list article:last-child,.memo-board>.media-slot{grid-column:auto}.timeline article,.large-timeline article{grid-template-columns:72px 1fr;gap:14px}.timeline article:before,.large-timeline article:before{left:35px}.timeline article>span,.large-timeline article>span{width:72px;font-size:12px}.observation-catalog article{grid-template-columns:1fr}.observation-catalog article>span{grid-row:auto;grid-column:1;min-height:42px;width:max-content;padding:0 14px}.observation-catalog article h2,.observation-catalog article p{grid-column:1}.method-steps article{grid-template-columns:1fr}.method-steps article>span{grid-row:auto;grid-column:1;min-height:40px;width:max-content;padding:0 14px}.method-steps article h2,.method-steps article p{grid-column:1}.footer-groups{grid-template-columns:1fr 1fr}.site-footer{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;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(--surface);border-top:1px solid var(--line-strong);z-index:650}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:12px;color:var(--deep)}.mobile-bottom a.is-active{background:var(--deep);color:var(--surface);text-decoration:none}.page-overlay.is-open{z-index:800}.search-layer{top:0;bottom:0;background:var(--deep);padding:16px;display:flex;align-items:flex-start}.search-card{width:100%;margin:0;background:var(--deep);border-color:rgba(255,248,232,.32);color:var(--surface);box-shadow:none}.search-head strong,.search-head button{color:var(--surface)}.search-card p{color:var(--bg)}.search-presets a{background:rgba(255,248,232,.12);border-color:rgba(255,248,232,.28);color:var(--surface)}.banner-slot{height:200px}.app-media{height:320px}.app-visual{max-width:none}.cabinet-bars>div,.topic-bars>a,.topic-bars>div{align-items:flex-start;flex-direction:column}.cabinet-bars a{min-height:44px;display:flex;align-items:center}}
@media (max-width:420px){.footer-groups{grid-template-columns:1fr}.pod-app-link{font-size:12px}.brand-mini{max-width:250px}.feature-cell{padding:12px}.home-grid-four{gap:12px}}