:root{
  --bg:#E8E4DC;--deep-bg:#D6D0C6;--panel:#F6F3ED;--sub:#EFEBE3;--title:#2C2A26;--text:#3A372F;--muted:#6B675E;--assist:#8A8478;--rock:#6B675E;--deep:#3E3B36;--light:#C8C2B6;--warm:#F7F3EB;--moss:#6A7A58;--clay:#A65A3A;--line:rgba(62,59,54,.16);--focus:rgba(166,90,58,.40);--shadow:0 12px 28px rgba(44,42,38,.08);--max:1080px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);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;padding-top:116px}body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;object-fit:contain;object-position:center}button{font:inherit}.shell{width:min(var(--max),calc(100% - 32px));margin:0 auto}.stone-line{position:fixed;z-index:50;top:0;left:0;right:0;height:22px;background:var(--deep);color:var(--warm);font-size:12px}.stone-line-inner{height:22px;display:flex;align-items:center;justify-content:space-between}.text-button{border:0;background:transparent;color:var(--warm);min-height:22px;padding:0 4px;cursor:pointer}.rock-header{position:fixed;z-index:49;top:22px;left:0;right:0;height:56px;background:var(--bg);border-bottom:1px solid var(--line)}.rock-header-inner{height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:16px;font-weight:700}.brand-image img{height:26px;width:auto}.brand-image:empty{display:none}.header-actions{display:flex;align-items:center;gap:8px}.rock-drawer-button,.app-link,.search-head button,.drawer-head button{min-height:44px;padding:0 16px;border-radius:8px;border:1px solid var(--line);background:var(--warm);color:var(--deep);cursor:pointer}.app-link{display:inline-flex;align-items:center;background:linear-gradient(135deg,#8A8478 0%,#6B675E 55%,#3E3B36 100%);color:var(--warm);border-color:transparent}.rock-tabs{position:fixed;z-index:48;top:78px;left:0;right:0;height:38px;background:var(--warm);border-bottom:1px solid var(--line)}.rock-tabs-inner{height:38px;display:flex;align-items:center;justify-content:center;gap:8px}.rock-tabs a{font-size:13px;padding:5px 16px;border-radius:8px}.rock-tabs a.is-active{background:var(--deep);color:var(--warm)}.site-main{min-height:60vh;padding-bottom:56px}.hero-intro,.page-hero{padding:48px 0 30px}.eyebrow{font-size:13px;color:var(--clay);font-weight:700;letter-spacing:.08em}.hero-intro h1,.page-hero h1{margin:8px 0 10px;font-size:24px;line-height:1.3;color:var(--title)}h2{font-size:20px;line-height:1.4;color:var(--title)}h3{font-size:16px;line-height:1.45;color:var(--title)}p{margin:0 0 1em}.lead{max-width:760px;font-size:16px}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 18px;border-radius:9px;font-size:14px;white-space:nowrap}.primary-btn{background:linear-gradient(135deg,#8A8478 0%,#6B675E 55%,#3E3B36 100%);color:var(--warm)}.secondary-btn{background:var(--warm);border:1px solid var(--clay);color:var(--deep)}a:hover,.rock-drawer-button:hover,.search-head button:hover,.drawer-head button:hover{filter:brightness(.98)}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.section{padding:34px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.section-head p{max-width:620px;color:var(--muted);margin:0}.dual-feature{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature-card,.note-card,.policy-block,.method-block,.topic-row,.faq-item,.info-panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.feature-card{padding:18px}.image-slot{display:flex;align-items:center;justify-content:center;background:var(--sub);border:1px solid var(--line);border-radius:10px;overflow:hidden}.image-slot.medium{height:168px}.image-slot.large{height:190px}.image-slot.banner{height:220px}.image-slot.app{height:340px}.image-slot img{width:100%;height:100%;object-fit:contain}.feature-card h3{margin:14px 0 8px}.number-strips{display:grid;gap:10px}.number-strip{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:start;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px}.number-mark{width:42px;height:42px;border-radius:8px;background:var(--deep);color:var(--warm);display:flex;align-items:center;justify-content:center;font-weight:700}.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.note-card{padding:18px}.rack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.rack-cell{min-height:154px;background:var(--warm);border:1px solid var(--line);border-radius:10px;padding:16px;position:relative}.rack-cell:before{content:"";position:absolute;left:14px;right:14px;bottom:14px;border-bottom:3px solid var(--light)}.editor-seq{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.seq-item{background:var(--deep);color:var(--warm);border-radius:10px;padding:16px}.seq-item h3{color:var(--warm);margin:0 0 8px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative}.timeline:before{content:"";position:absolute;left:8%;right:8%;top:22px;border-top:2px solid var(--light)}.timeline-item{position:relative;padding-top:46px}.timeline-dot{position:absolute;top:10px;left:16px;width:24px;height:24px;border-radius:50%;background:var(--clay);border:5px solid var(--warm)}.timeline-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px}.app-showcase{display:grid;grid-template-columns:1fr;gap:18px}.app-copy{background:var(--deep);color:var(--warm);padding:22px;border-radius:10px}.app-copy h2,.app-copy h3{color:var(--warm)}.app-icons{display:flex;gap:12px;align-items:center}.app-icons img{width:48px;height:48px}.faq-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-mini article{padding:16px;background:var(--panel);border-radius:10px;border:1px solid var(--line)}.brand-block{background:var(--deep-bg);border-radius:12px;padding:24px}.page-hero .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:center}.page-hero .hero-grid.no-image{grid-template-columns:1fr}.page-kicker{color:var(--clay);font-weight:700;font-size:13px}.page-summary{max-width:820px;color:var(--muted)}.content-wrap{display:grid;gap:18px;padding-bottom:42px}.observe-directory{display:grid;grid-template-columns:220px 1fr;gap:16px}.observe-nav{background:var(--deep);color:var(--warm);border-radius:10px;padding:16px;align-self:start;position:sticky;top:132px}.observe-nav a{display:block;padding:8px 0;border-bottom:1px solid rgba(247,243,235,.18)}.observe-content{display:grid;gap:14px}.observe-content section{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px}.card-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.wall-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px;min-height:220px}.memo-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.memo-list section{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px}.checklist{counter-reset:item;display:grid;gap:12px}.checklist article{background:var(--panel);border:1px solid var(--line);border-left:5px solid var(--moss);border-radius:10px;padding:16px}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.method-block{padding:18px}.topic-list{display:grid;gap:12px}.topic-row{display:grid;grid-template-columns:180px 1fr;padding:16px;gap:16px}.policy-stack{display:grid;gap:14px}.policy-block{padding:20px}.faq-list{display:grid;gap:12px}.faq-item{padding:18px}.faq-item h2{font-size:17px;margin:0 0 8px}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.contact-grid article{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px}.site-footer{background:#2A2824;color:#E8E4DC;border-top:1px solid var(--light);font-size:13px;padding:28px 0 calc(24px + env(safe-area-inset-bottom))}.footer-top{display:grid;grid-template-columns:220px 1fr;gap:28px}.footer-brand{display:flex;flex-direction:column;gap:6px}.footer-logo-slot img{height:26px;width:auto}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.footer-grid section{display:grid;align-content:start;gap:6px}.footer-grid h2{font-size:13px;color:var(--warm);margin:0 0 4px}.footer-grid a{color:var(--bg)}.footer-note{border-top:1px solid rgba(232,228,220,.18);margin-top:20px;padding-top:16px;color:var(--light)}.site-overlay{position:fixed;z-index:79;inset:0;background:rgba(42,40,36,.54);opacity:0;pointer-events:none;transition:opacity .2s}.site-overlay.is-active{opacity:1;pointer-events:auto}.rock-drawer{position:fixed;z-index:80;top:0;bottom:0;left:0;width:380px;max-width:88vw;background:var(--warm);transform:translateX(-102%);visibility:hidden;pointer-events:none;transition:transform .25s ease,visibility .25s;overflow-y:auto;padding:18px}.rock-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px}.drawer-brand{display:flex;align-items:center;gap:10px}.drawer-brand img{height:26px;width:auto}.drawer-group{padding:14px 0;border-bottom:1px solid var(--line)}.drawer-group h2{font-size:13px;margin:0 0 8px;color:var(--clay)}.drawer-group a{display:block;padding:8px;border-radius:8px}.drawer-group a:hover{background:var(--sub)}.drawer-group strong,.drawer-group span{display:block}.drawer-group span{font-size:12px;color:var(--muted);margin-top:2px}.search-layer{position:fixed;z-index:81;left:0;right:0;top:78px;visibility:hidden;pointer-events:none;transform:translateY(-8px);opacity:0;transition:.2s}.search-layer.is-open{visibility:visible;pointer-events:auto;transform:none;opacity:1}.search-card{width:min(760px,calc(100% - 32px));margin:0 auto;background:var(--bg);border:1px solid var(--line);border-radius:0 0 12px 12px;padding:18px;box-shadow:var(--shadow)}.search-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.search-head h2{margin:0}.search-presets{display:flex;flex-wrap:wrap;gap:8px}.search-presets a{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--warm)}.mobile-bottom{display:none}.spacer-note{color:var(--muted);font-size:13px}.status-chip{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:var(--sub);border:1px solid var(--line);font-size:13px}.status-chip.confirm{background:var(--warm);color:var(--clay)}.status-chip.done{background:#E5EADD;color:#4F6142}.status-chip.doing{background:#ECE5DB;color:#76513F}
@media(max-width:820px){body{padding-top:78px;padding-bottom:calc(48px + env(safe-area-inset-bottom))}.rock-tabs{display:none}.hero-intro,.page-hero{padding-top:32px}.page-hero .hero-grid{grid-template-columns:1fr}.dual-feature,.notes-grid,.memo-list,.method-grid,.faq-mini,.contact-grid{grid-template-columns:1fr}.rack-grid{grid-template-columns:1fr 1fr}.editor-seq{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr}.timeline:before{left:28px;right:auto;top:0;bottom:0;border-left:2px solid var(--light);border-top:0}.timeline-item{padding:0 0 0 58px}.timeline-dot{top:18px;left:16px}.observe-directory{grid-template-columns:1fr}.observe-nav{position:static}.card-wall{grid-template-columns:1fr}.topic-row{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.mobile-bottom{display:grid;position:fixed;z-index:60;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,1fr);background:var(--warm);border-top:1px solid var(--line)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:12px;min-height:48px}.mobile-bottom a.is-active{background:var(--clay);color:var(--warm)}.site-overlay{z-index:79}.rock-drawer{z-index:80}.search-layer{z-index:81;top:0;bottom:0;background:var(--deep);padding:16px}.search-card{width:100%;height:100%;margin:0;background:var(--deep);color:var(--warm);border-radius:10px;overflow:auto}.search-head h2{color:var(--warm)}.search-card p{color:var(--light)}.search-presets a{background:var(--warm);color:var(--deep)}.search-head button{background:var(--warm)}.image-slot.app{height:300px}}
@media(max-width:520px){.shell{width:calc(100% - 32px)}.stone-line-inner>span{max-width:72%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{gap:6px}.rock-drawer-button,.app-link{padding:0 12px}.brand-text{font-size:15px}.rack-grid,.editor-seq,.footer-grid{grid-template-columns:1fr}.number-strip{grid-template-columns:44px 1fr}.section{padding:28px 0}.image-slot.banner{height:190px}.image-slot.medium{height:160px}.image-slot.large{height:180px}}
.padded-panel{padding:20px}
.brand-logo-only img{height:26px;width:auto}