:root{
  --bg:#E8E4DC;--deep:#D6D0C6;--paper:#F6F3ED;--soft:#EFEBE3;--ink:#2C2A26;--body:#3A372F;--muted:#6B675E;--assist:#8A8478;--rock:#6B675E;--dark:#3E3B36;--light:#C8C2B6;--warm:#F7F3EB;--moss:#6A7A58;--clay:#A65A3A;--border:rgba(62,59,54,.16);--accent-border:rgba(166,90,58,.40);--shadow:0 12px 28px rgba(44,42,38,.08)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--body);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}
button,input{font:inherit}
button{color:inherit}
img{display:block;max-width:100%}
.shell{width:min(1080px,calc(100% - 32px));margin:0 auto}
.site-top{position:fixed;top:0;left:0;right:0;z-index:50}
.stone-line{height:22px;background:var(--dark);color:var(--warm);font-size:12px}
.stone-line-inner{height:22px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.line-search{height:22px;padding:0 2px;border:0;background:transparent;color:var(--warm);cursor:pointer}
.rock-bar{height:56px;background:var(--deep);border-bottom:1px solid var(--border)}
.rock-bar-inner{height:56px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand-mark{min-width:0;display:flex;align-items:center;height:44px}
.brand-logo{height:26px;width:auto;max-width:210px;object-fit:contain;object-position:left center}
.brand-text{font-size:16px;font-weight:700;color:var(--dark)}
.bar-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.drawer-trigger,.app-link,.btn{min-height:42px;padding:0 16px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;border:1px solid var(--border);cursor:pointer;white-space:nowrap}
.drawer-trigger{background:var(--warm);color:var(--dark)}
.app-link,.btn-primary{background:linear-gradient(135deg,#8A8478 0%,#6B675E 55%,#3E3B36 100%);color:var(--warm);border-color:transparent}
.btn-secondary{background:var(--warm);color:var(--dark);border-color:var(--clay)}
.rock-tabs{height:38px;background:var(--warm);border-bottom:1px solid var(--border)}
.rock-tabs-inner{height:38px;display:flex;align-items:center;justify-content:center;gap:8px}
.rock-tabs a{height:30px;padding:0 18px;border-radius:8px;display:flex;align-items:center;font-size:13px;color:var(--dark)}
.rock-tabs a.active{background:var(--dark);color:var(--warm)}
.site-main{padding-top:116px;min-height:70vh;padding-bottom:32px}
main h1{font-size:24px;line-height:1.3;color:var(--ink);margin:0 0 16px}
main h2{font-size:20px;line-height:1.35;color:var(--ink);margin:0 0 12px}
main h3{font-size:16px;line-height:1.4;color:var(--ink);margin:0 0 8px}
p{margin:0 0 12px}
.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.hero-intro{padding:56px 0 38px}
.hero-intro .lead{max-width:790px;font-size:16px;color:var(--body)}
.hero-intro .slogan{font-size:20px;color:var(--dark);font-weight:700;margin:8px 0 12px}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.section{padding:34px 0}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.section-head p{max-width:650px;color:var(--muted);margin:0}
.panel{background:var(--paper);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}
.media-slot{background:var(--soft);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:120px}
.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}
.slot-168{height:168px}.slot-190{height:190px}.slot-220{height:220px}.slot-app{height:min(340px,60vw)}
.two-feature{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.feature-column{padding:18px;background:var(--paper);border:1px solid var(--border);border-radius:12px}
.feature-column .media-slot{margin-bottom:16px}
.number-strips{display:grid;gap:10px;margin-top:18px}
.number-strip{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:start;padding:14px;background:var(--soft);border:1px solid var(--border);border-radius:10px}
.number-strip b{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:50%;background:var(--dark);color:var(--warm);font-weight:600}
.note-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.note-card{padding:20px;border-left:3px solid var(--moss);background:var(--paper);border-radius:8px;border-top:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}
.shelf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px;background:var(--deep);border-radius:12px}
.shelf-cell{background:var(--warm);border:1px solid var(--border);border-radius:9px;padding:16px;min-height:132px}
.sequence-list{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.sequence-item{padding:16px;background:var(--paper);border:1px solid var(--border);border-top:4px solid var(--clay);border-radius:10px}
.sequence-item b{font-size:18px;color:var(--clay)}
.timeline{display:flex;gap:12px;overflow-x:auto;padding:6px 0 12px;scrollbar-width:thin}
.timeline .node{flex:0 0 210px;background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:16px;position:relative}
.timeline .status{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--deep);color:var(--dark);font-size:12px;margin-bottom:8px}
.app-block{display:grid;grid-template-columns:1fr;gap:16px}
.app-copy{padding:22px;background:var(--dark);color:var(--warm);border-radius:12px}
.app-copy h2,.app-copy h3{color:var(--warm)}
.app-icons{display:flex;align-items:center;gap:12px;margin-top:16px}
.app-icons .media-slot{width:64px;height:64px;min-height:64px;background:var(--warm)}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.post-card{padding:18px;background:var(--paper);border:1px solid var(--border);border-radius:10px}
.faq-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.faq-mini article{padding:16px;background:var(--soft);border-radius:10px;border:1px solid var(--border)}
.brand-story{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center}
.page-head{padding:44px 0 26px}
.page-head .intro{max-width:820px;color:var(--muted)}
.page-head-media{margin-top:20px}
.content-wrap{padding-bottom:36px}
.observation-directory{display:grid;grid-template-columns:240px 1fr;gap:18px}
.observation-menu{padding:18px;background:var(--dark);color:var(--warm);border-radius:12px;align-self:start;position:sticky;top:132px}
.observation-menu span{display:block;padding:8px 0;border-bottom:1px solid rgba(247,243,235,.16)}
.observation-body{display:grid;gap:14px}
.observation-row{padding:20px;background:var(--paper);border:1px solid var(--border);border-radius:12px}
.card-wall{columns:3 260px;column-gap:16px}
.wall-card{break-inside:avoid;margin:0 0 16px;padding:18px;background:var(--paper);border:1px solid var(--border);border-radius:12px}
.wall-card:nth-child(2n){background:var(--soft)}
.memo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.memo-column{display:grid;gap:14px}
.memo{padding:18px;background:var(--paper);border:1px solid var(--border);border-radius:10px;position:relative}
.memo:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--clay);position:absolute;top:22px;right:22px}
.sequence-vertical{display:grid;gap:12px}
.sequence-vertical article{display:grid;grid-template-columns:70px 1fr;gap:16px;background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:18px}
.sequence-vertical b{font-size:22px;color:var(--clay)}
.status-track{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;margin-top:20px}
.status-track:before{content:"";position:absolute;top:23px;left:4%;right:4%;height:2px;background:var(--light)}
.status-step{position:relative;padding:0 14px 18px;text-align:center}
.status-step .dot{width:16px;height:16px;border:4px solid var(--warm);background:var(--moss);border-radius:50%;margin:16px auto 18px;box-shadow:0 0 0 1px var(--border)}
.status-step .box{background:var(--paper);border:1px solid var(--border);border-radius:10px;padding:16px;text-align:left;min-height:230px}
.checklist{display:grid;gap:12px}
.check-item{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px;background:var(--paper);border:1px solid var(--border);border-radius:10px}
.check-mark{width:34px;height:34px;border:2px solid var(--moss);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--moss);font-weight:700}
.method-stack{display:grid;gap:16px}
.method{display:grid;grid-template-columns:170px 1fr;gap:20px;padding:20px;background:var(--paper);border:1px solid var(--border);border-radius:12px}
.method h2{margin:0}
.theme-list{display:grid;gap:12px}
.theme-row{display:grid;grid-template-columns:180px 1fr auto;gap:18px;align-items:center;padding:18px;background:var(--paper);border:1px solid var(--border);border-radius:10px}
.theme-row .tag{font-size:12px;border:1px solid var(--accent-border);color:var(--clay);padding:3px 8px;border-radius:999px}
.rack{background:var(--deep);padding:14px;border-radius:12px;display:grid;gap:14px}
.rack-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:12px;border-bottom:6px solid var(--dark)}
.rack-row:last-child{border-bottom:0;padding-bottom:0}
.rack-card{background:var(--warm);border:1px solid var(--border);border-radius:8px;padding:16px;min-height:180px}
.product-board{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:start}
.product-copy{display:grid;gap:14px}
.product-feature{padding:18px;background:var(--paper);border:1px solid var(--border);border-radius:10px}
.product-visual{position:sticky;top:134px}
.terms{display:grid;gap:16px}
.term-section{padding:20px;background:var(--paper);border:1px solid var(--border);border-radius:10px}
.term-section h2{padding-bottom:8px;border-bottom:1px solid var(--border)}
.help-index{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.help-card{padding:20px;background:var(--paper);border:1px solid var(--border);border-radius:12px}
.faq-list{display:grid;gap:12px}
.faq-item{padding:20px;background:var(--paper);border:1px solid var(--border);border-radius:10px}
.faq-item h2{font-size:17px}
.contact-lanes{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.contact-lane{padding:20px;background:var(--paper);border-left:4px solid var(--clay);border-radius:8px;border-top:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}
.about-manifesto{padding:24px;background:var(--dark);color:var(--warm);border-radius:12px}
.about-manifesto h2{color:var(--warm)}
.site-footer{background:#2A2824;color:#E8E4DC;border-top:1px solid rgba(200,194,182,.24);padding:32px 0 calc(28px + env(safe-area-inset-bottom));font-size:13px}
.footer-brand-row{padding-bottom:18px;border-bottom:1px solid rgba(200,194,182,.18)}
.footer-brand{display:flex;align-items:center;gap:14px}.footer-logo{height:26px;width:auto;object-fit:contain}.footer-brand div{display:flex;flex-direction:column}.footer-brand strong{font-size:15px}.footer-brand span{font-size:11px;color:#C8C2B6}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:24px 0}.footer-grid h2{font-size:14px;color:var(--warm);margin:0 0 8px}.footer-grid a{display:block;color:#D6D0C6;padding:3px 0}.footer-note{padding-top:18px;border-top:1px solid rgba(200,194,182,.18);color:#C8C2B6}.footer-note p{margin:0 0 7px}
.overlay{position:fixed;inset:0;background:rgba(42,40,36,.48);z-index:80;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}
.rock-drawer{position:fixed;top:0;left:0;bottom:0;width:380px;max-width:88vw;background:var(--warm);z-index:90;transform:translateX(-102%);visibility:hidden;pointer-events:none;transition:transform .25s ease,visibility .25s}.rock-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}
.drawer-head{height:74px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--deep)}.drawer-brand{display:flex;align-items:center;gap:10px;min-width:0}.drawer-brand img{height:26px;width:auto;max-width:150px;object-fit:contain}.drawer-brand span{display:flex;flex-direction:column;min-width:0}.drawer-brand strong{font-size:14px}.drawer-brand small{font-size:9px;color:var(--muted)}.icon-close{min-width:58px;height:42px;border:1px solid var(--border);background:var(--warm);border-radius:9px;cursor:pointer}
.drawer-scroll{height:calc(100% - 74px);overflow-y:auto;padding:14px 16px 28px}.drawer-scroll section{margin-bottom:18px}.drawer-scroll h2{font-size:13px;color:var(--muted);margin:0 0 5px}.drawer-scroll a{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.drawer-scroll a strong{font-size:14px;color:var(--dark)}.drawer-scroll a span{font-size:12px;color:var(--muted)}
.search-layer{position:fixed;top:78px;left:0;right:0;z-index:85;visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-10px);transition:.2s}.search-layer.is-open{visibility:visible;pointer-events:auto;opacity:1;transform:none}.search-card{background:var(--deep);border:1px solid var(--border);border-radius:0 0 12px 12px;box-shadow:var(--shadow);padding:18px}.search-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.search-head strong{font-size:18px;color:var(--dark)}.search-head p{font-size:13px;color:var(--muted);margin:2px 0 0}.search-head button{height:42px;border:1px solid var(--border);background:var(--warm);border-radius:9px;padding:0 14px;cursor:pointer}.search-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.search-presets a{min-height:40px;display:flex;align-items:center;padding:0 14px;background:var(--warm);border:1px solid var(--border);border-radius:9px}
.mobile-bottom{display:none}.ui-locked{overflow:hidden}
a:hover,.drawer-trigger:hover,.line-search:hover,button:hover{filter:brightness(.97)}a:focus-visible,button:focus-visible{outline:3px solid rgba(166,90,58,.42);outline-offset:2px}
@media(max-width:780px){
  .shell{width:calc(100% - 32px)}.rock-tabs{display:none}.site-main{padding-top:78px;padding-bottom:72px}.stone-line-inner{gap:8px}.stone-line-inner>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-logo{max-width:150px}.bar-actions{gap:6px}.drawer-trigger,.app-link{padding:0 12px;min-width:62px}.hero-intro{padding:38px 0 26px}.two-feature,.note-cols,.memo-grid,.product-board,.brand-story{grid-template-columns:1fr}.shelf-grid{grid-template-columns:1fr 1fr}.sequence-list{grid-template-columns:1fr}.post-grid,.faq-mini,.help-index,.contact-lanes{grid-template-columns:1fr}.observation-directory{grid-template-columns:1fr}.observation-menu{position:static}.status-track{grid-template-columns:1fr}.status-track:before{display:none}.status-step{text-align:left;padding:0}.status-step .dot{margin:0 0 8px 8px}.method{grid-template-columns:1fr}.theme-row{grid-template-columns:1fr}.rack-row{grid-template-columns:1fr}.product-visual{position:static}.footer-grid{grid-template-columns:1fr 1fr}.site-footer{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.search-layer{top:0;bottom:0;background:var(--dark);color:var(--warm);display:flex;align-items:flex-start}.search-layer.is-open{overflow-y:auto}.search-card{width:100%;min-height:100%;background:var(--dark);border:0;border-radius:0;color:var(--warm);padding:calc(24px + env(safe-area-inset-top)) 16px 80px}.search-head strong,.search-head p{color:var(--warm)}.search-presets a{background:var(--warm);color:var(--dark)}.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);background:var(--warm);border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(5,1fr)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:12px;min-width:0}.mobile-bottom a.active{background:var(--clay);color:var(--warm)}.rock-drawer{z-index:92}.overlay{z-index:88}.slot-app{height:min(340px,88vw)}
}
@media(max-width:440px){.shelf-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:18px}.drawer-trigger,.app-link{padding:0 10px}.brand-logo{max-width:118px}.rock-bar-inner{gap:8px}.number-strip{grid-template-columns:48px 1fr}.sequence-vertical article{grid-template-columns:50px 1fr}}

.mt-16{margin-top:16px}.mt-18{margin-top:18px}.panel-pad{padding:18px}.eyebrow-on-dark{color:#C8C2B6}.app-mini-note{padding:16px;margin-top:14px;display:flex;gap:12px;align-items:center}.app-mini-note .mini-icon{width:64px;height:64px;min-height:64px;flex:0 0 64px}.no-margin{margin:0}