:root{--bg:#E8E4DC;--deepbg:#D6D0C6;--card:#F6F3ED;--sub:#EFEBE3;--title:#2C2A26;--text:#3A372F;--muted:#6B675E;--aux:#8A8478;--rock:#6B675E;--dark:#3E3B36;--light:#C8C2B6;--warm:#F7F3EB;--moss:#6A7A58;--terra:#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,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;overflow-x:hidden}html.locked,body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.stone-line{height:22px;position:fixed;inset:0 0 auto 0;z-index:90;background:var(--dark);color:var(--warm);font-size:12px}.top-inner,.bar-inner,.tabs-inner,.footer-inner,.page-shell{max-width:1080px;margin:auto}.top-inner{height:22px;padding:0 16px;display:flex;align-items:center;justify-content:space-between}.plain-btn{border:0;background:transparent;color:var(--warm);cursor:pointer;padding:1px 8px;min-height:22px}.rock-bar{height:56px;position:fixed;top:22px;left:0;right:0;z-index:89;background:var(--deepbg);border-bottom:1px solid var(--border)}.bar-inner{height:56px;padding:0 16px;display:flex;align-items:center;justify-content:space-between}.brand-link{display:flex;align-items:center;min-height:44px}.brand-logo,.drawer-logo,.footer-logo{height:26px;max-width:190px;object-fit:contain;object-position:center}.brand-fallback{font-size:16px;font-weight:700}.bar-actions{display:flex;gap:8px;align-items:center}.primary-action,.secondary-action{display:inline-flex;height:42px;align-items:center;justify-content:center;border-radius:9px;padding:0 15px;font-size:14px;white-space:nowrap}.primary-action{background:linear-gradient(135deg,#8A8478 0%,#6B675E 55%,#3E3B36 100%);color:var(--warm);border:1px solid transparent}.primary-action.small{height:40px}.secondary-action{background:var(--warm);color:var(--dark);border:1px solid var(--terra);cursor:pointer}.primary-action:hover,.secondary-action:hover,.rock-tabs a:hover,.search-presets a:hover{transform:translateY(-1px)}a:focus-visible,button:focus-visible{outline:3px solid rgba(166,90,58,.38);outline-offset:2px}.rock-tabs{height:38px;position:fixed;top:78px;left:0;right:0;z-index:88;background:var(--warm);border-bottom:1px solid var(--border)}.tabs-inner{height:38px;display:flex;align-items:center;justify-content:center;gap:8px}.rock-tabs a{height:30px;display:flex;align-items:center;padding:0 14px;border-radius:8px;font-size:13px}.rock-tabs a.active{background:var(--dark);color:var(--warm)}.site-main{padding-top:116px;min-height:70vh}.page-shell{padding:30px 16px 54px}.hero-intro{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:34px;box-shadow:var(--shadow)}.eyebrow{font-size:13px;color:var(--terra);font-weight:700;letter-spacing:.08em}.hero-intro h1,.page-hero h1{font-size:24px;line-height:1.3;margin:8px 0 14px;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,li{font-size:15px;line-height:1.7}.lead{max-width:760px}.action-row{margin-top:22px}.dual-feature{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.feature-panel,.note-card,.shelf-cell,.faq-card,.method-block,.topic-row,.policy-block,.help-block{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:20px}.image-slot{background:var(--sub);border:1px dashed var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.image-slot.h168{height:168px}.image-slot.h190{height:190px}.image-slot.h220{height:220px}.image-slot.app-vertical{height:320px}.number-strips{display:grid;gap:10px}.strip{display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:start;padding:16px 18px;background:var(--card);border:1px solid var(--border);border-radius:10px}.strip-mark{width:42px;height:42px;border-radius:50%;background:var(--dark);color:var(--warm);display:flex;align-items:center;justify-content:center;font-weight:700}.two-notes{display:grid;grid-template-columns:1fr 1fr;gap:16px}.shelf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.shelf-cell{min-height:150px}.sequence-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.sequence-item{background:var(--sub);border-left:4px solid var(--terra);border-radius:8px;padding:16px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.node{position:relative;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:18px}.status{display:inline-block;background:var(--moss);color:#fff;border-radius:999px;padding:4px 9px;font-size:12px}.status.pending{background:var(--terra)}.app-stack{display:grid;gap:16px}.app-icons{display:flex;gap:12px;align-items:center;margin-top:14px}.app-icon{width:48px;height:48px;object-fit:contain}.section{margin-top:28px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:12px}.muted{color:var(--muted)}.page-hero{background:var(--sub);border-bottom:1px solid var(--border);padding:30px 16px}.page-hero .inner{max-width:1080px;margin:auto}.hero-media{margin-top:18px}.content-grid{display:grid;gap:16px}.content-grid.cards{grid-template-columns:repeat(3,1fr)}.observation-list{display:grid;gap:14px}.observation-item{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:18px;background:var(--card);border:1px solid var(--border);border-radius:10px}.observation-item .label{color:var(--terra);font-weight:700}.memo-list{display:grid;gap:10px}.memo-item{background:var(--card);border-left:4px solid var(--moss);border-radius:8px;padding:18px}.method-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.topic-list{display:grid;gap:12px}.topic-row{display:grid;grid-template-columns:170px 1fr;gap:18px}.shelf-page{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.shelf-page .shelf-cell:nth-child(odd){background:var(--sub)}.policy-stack,.help-stack{display:grid;gap:14px}.faq-list{display:grid;gap:12px}.faq-card h2{margin-top:0}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.quote-box{background:var(--dark);color:var(--warm);border-radius:12px;padding:24px}.quote-box h2{color:var(--warm)}.site-footer{background:#2A2824;color:#E8E4DC;border-top:1px solid rgba(232,228,220,.18);padding:34px 16px 72px;font-size:13px}.footer-brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}.footer-brand div{display:flex;flex-direction:column;gap:2px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-grid section{display:flex;flex-direction:column;gap:7px}.footer-grid h2{font-size:14px;color:#F7F3EB;margin:0 0 5px}.footer-grid a{font-size:13px;color:#E8E4DC}.footer-note{border-top:1px solid rgba(232,228,220,.14);padding-top:18px;margin-top:24px;color:#E8E4DC;font-size:13px}.copyright{font-size:13px;color:#C8C2B6}.rock-drawer{position:fixed;z-index:110;left:0;top:0;bottom:0;width:380px;max-width:88vw;background:var(--warm);transform:translateX(-102%);visibility:hidden;pointer-events:none;transition:.22s ease;overflow:auto;box-shadow:var(--shadow)}.rock-drawer.open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{position:sticky;top:0;background:var(--warm);display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border)}.drawer-brand{display:flex;gap:10px;align-items:center}.icon-close{min-height:44px;padding:0 12px;border:1px solid var(--border);background:var(--sub);border-radius:8px;cursor:pointer}.drawer-groups{padding:8px 16px 28px}.drawer-groups section{border-bottom:1px solid var(--border);padding:8px 0}.drawer-groups h2{font-size:14px}.drawer-groups a{display:block;padding:10px;border-radius:8px}.drawer-groups a:hover{background:var(--sub)}.drawer-groups b{display:block;font-size:14px}.drawer-groups span{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin-top:2px}.page-mask{position:fixed;inset:0;z-index:100;background:rgba(42,40,36,.42);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.page-mask.show{opacity:1;visibility:visible;pointer-events:auto}.search-layer{position:fixed;z-index:105;left:0;right:0;top:78px;padding:14px 16px;visibility:hidden;pointer-events:none;opacity:0}.search-layer.open{visibility:visible;pointer-events:auto;opacity:1}.search-card{max-width:760px;margin:auto;background:var(--sub);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:20px}.search-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.search-head h2{margin:0}.search-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.search-presets a{min-height:44px;display:flex;align-items:center;background:var(--warm);border:1px solid var(--accent-border);border-radius:8px;padding:0 14px}.mobile-dock{display:none}.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.check-card{background:var(--sub);border:1px solid var(--border);padding:16px;border-radius:10px}.install-steps{counter-reset:step;display:grid;gap:12px}.install-step{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:18px 18px 18px 62px;position:relative}.install-step:before{counter-increment:step;content:counter(step);position:absolute;left:18px;top:18px;width:28px;height:28px;border-radius:50%;background:var(--dark);color:var(--warm);display:flex;align-items:center;justify-content:center}.about-band{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.brand-visual{min-height:260px}.legal-note{padding:14px 16px;border:1px solid var(--accent-border);background:var(--warm);border-radius:8px}.compact-links{display:flex;flex-wrap:wrap;gap:8px}.compact-links a{min-height:40px;display:flex;align-items:center;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--sub)}
@media(max-width:800px){.rock-tabs{display:none}.site-main{padding-top:78px}.dual-feature,.two-notes,.method-list,.contact-grid,.about-band{grid-template-columns:1fr}.shelf-grid,.shelf-page{grid-template-columns:1fr 1fr}.sequence-row{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.content-grid.cards{grid-template-columns:1fr}.observation-item,.topic-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.search-layer{top:0;bottom:0;background:var(--dark);padding:16px}.search-card{background:var(--dark);color:var(--warm);border-color:rgba(247,243,235,.22);min-height:100%;border-radius:0}.search-head h2{color:var(--warm)}.search-card p{color:#E8E4DC}.search-presets a{background:#F7F3EB;color:#3E3B36}.site-footer{padding-bottom:86px}.mobile-dock{display:grid;position:fixed;z-index:87;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr);background:var(--warm);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.mobile-dock a{display:flex;align-items:center;justify-content:center;font-size:12px;min-height:48px}.mobile-dock a.active{background:var(--terra);color:var(--warm)}.checks{grid-template-columns:1fr}.hero-intro{padding:24px}.page-shell{padding:24px 16px 50px}.app-vertical{height:280px}.footer-grid{gap:24px 10px}}
@media(max-width:420px){.bar-actions{gap:6px}.primary-action,.secondary-action{padding:0 11px}.brand-logo{max-width:132px}.brand-fallback{font-size:15px}.shelf-grid,.shelf-page{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.top-inner span{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}