:root{--bg:#E8E4DC;--bg-deep:#D6D0C6;--paper:#F6F3ED;--sub:#EFEBE3;--title:#2C2A26;--text:#3A372F;--muted:#6B675E;--light:#8A8478;--rock:#6B675E;--deep:#3E3B36;--pale:#C8C2B6;--warm:#F7F3EB;--moss:#6A7A58;--clay:#A65A3A;--line:rgba(62,59,54,.16);--accent-line:rgba(166,90,58,.40);--shadow:0 12px 28px rgba(44,42,38,.08)}
*{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",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}body.lock-scroll{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1{font-size:24px;line-height:1.3;color:var(--title);margin-bottom:16px}h2{font-size:20px;line-height:1.45;color:var(--title);margin-bottom:12px}h3{font-size:16px;color:var(--title);margin-bottom:8px}p{margin-bottom:14px}.stone-line{position:fixed;z-index:60;top:0;left:0;right:0;height:22px;background:var(--deep);color:var(--warm);font-size:12px}.top-inner{max-width:1080px;margin:0 auto;height:100%;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.text-button,.icon-button{border:0;background:transparent;color:inherit;cursor:pointer;min-width:44px;min-height:44px}.stone-line .text-button{min-height:22px;font-size:12px;padding:0 2px}.rock-bar{position:fixed;z-index:59;top:22px;left:0;right:0;height:56px;background:var(--bg-deep);border-bottom:1px solid var(--line)}.rock-inner{gap:16px}.brand-link{display:flex;align-items:center;min-height:44px}.brand-logo{height:26px;width:auto;object-fit:contain;object-position:center}.brand-fallback{font-size:16px;font-weight:700;color:var(--title)}.rock-actions{display:flex;gap:8px;align-items:center}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:9px;font-size:14px;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary-button{background:linear-gradient(135deg,#8A8478 0%,#6B675E 55%,#3E3B36 100%);color:var(--warm);box-shadow:var(--shadow)}.secondary-button{background:var(--warm);border:1px solid var(--clay);color:var(--deep)}button.secondary-button{cursor:pointer}.compact{min-height:42px}.primary-button:hover,.secondary-button:hover,.text-link:hover{transform:translateY(-1px)}a:focus-visible,button:focus-visible{outline:3px solid rgba(166,90,58,.45);outline-offset:2px}.rock-tabs{position:fixed;z-index:58;top:78px;left:0;right:0;height:38px;background:var(--warm);border-bottom:1px solid var(--line)}.tabs-inner{max-width:1080px;height:100%;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:10px}.rock-tabs a{height:30px;min-width:68px;padding:0 14px;display:flex;align-items:center;justify-content:center;border-radius:7px;font-size:13px;color:var(--deep)}.rock-tabs a.is-active{background:var(--deep);color:var(--warm)}.site-main{padding-top:116px;min-height:60vh}.section-pad{max-width:1080px;margin:0 auto;padding:54px 18px}.narrow{max-width:760px}.hero-stone{padding-top:72px;padding-bottom:70px}.hero-stone .hero-line{font-size:20px;font-weight:700;color:var(--deep);margin-bottom:14px}.hero-stone p:not(.eyebrow):not(.hero-line){max-width:780px}.eyebrow{font-size:12px;letter-spacing:.12em;color:var(--clay);font-weight:700;margin-bottom:8px}.dual-feature{display:grid;grid-template-columns:1fr 1fr;gap:22px}.dual-feature article,.card-wall article,.policy-sections article,.help-grid article,.theme-list article,.checklist article,.product-sections article,.faq-list article,.contact-grid article,.brand-sections article{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:22px;box-shadow:var(--shadow)}.media-slot{background:var(--sub);border:1px solid var(--line);border-radius:10px;min-height:168px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:14px 0}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.dual-feature .media-slot{height:168px}.wide-slot{height:190px;min-height:190px}.medium-slot{height:180px}.page-image{height:220px;min-height:220px}.banner-slot{height:220px;min-height:220px;width:100%}.app-slot{height:340px;min-height:280px}.icon-slot{height:86px;min-height:86px;width:86px;padding:10px}.text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--clay);font-weight:700}.muted-section{background:var(--bg-deep);max-width:none;padding-left:max(18px,calc((100vw - 1080px)/2 + 18px));padding-right:max(18px,calc((100vw - 1080px)/2 + 18px))}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,380px);gap:24px;align-items:end}.lead-copy{max-width:860px}.number-strips{display:grid;gap:10px;margin-top:24px}.number-strips>div{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:start;background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:16px}.number-strips b,.order-list b{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:8px;background:var(--deep);color:var(--warm)}.number-strips.rich>div{padding:20px}.note-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.note-columns article{background:var(--sub);border-left:3px solid var(--clay);padding:20px;border-radius:8px}.note-columns.deep article{min-height:260px}.shelf-section{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.shelf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.shelf-grid article{background:var(--warm);border:1px solid var(--line);border-top:4px solid var(--rock);padding:18px;border-radius:8px;min-height:150px}.shelf-grid.large{grid-template-columns:repeat(3,1fr)}.shelf-grid.large article span{display:inline-block;color:var(--clay);font-size:12px;font-weight:700;margin-bottom:8px}.order-list{display:grid;gap:10px;margin-top:18px}.order-list>div{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:flex-start;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:9px}.order-list span strong{display:block;color:var(--title);margin-bottom:3px}.order-list.large>div{padding:20px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.timeline>div{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:22px}.timeline span{display:inline-block;color:var(--warm);background:var(--moss);padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;margin-bottom:10px}.timeline.horizontal{grid-template-columns:repeat(4,1fr)}.app-home{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center}.app-visuals{display:flex;align-items:flex-end;justify-content:center;gap:14px}.method-block,.brand-statement,.callout{background:var(--paper);border:1px solid var(--accent-line);border-radius:10px;padding:26px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}.faq-grid article{background:var(--sub);padding:18px;border-radius:9px;border:1px solid var(--line)}.page-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:30px;align-items:center;padding-top:68px}.page-intro>div:first-child{max-width:720px}.observation-list{display:grid;gap:0}.observation-list article{display:grid;grid-template-columns:140px 1fr;gap:28px;border-top:1px solid var(--line);padding:24px 0}.observation-list article:last-child{border-bottom:1px solid var(--line)}.observation-list span{font-size:14px;font-weight:700;color:var(--clay)}.card-wall{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card-wall article:nth-child(3){grid-column:span 2}.split-note{display:grid;grid-template-columns:1fr 1fr;gap:18px}.split-note>div{background:var(--sub);border-radius:9px;padding:22px;border:1px solid var(--line)}.checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.checklist ul{padding-left:20px}.method-steps{display:grid;gap:16px}.method-steps article{display:grid;grid-template-columns:54px 1fr;column-gap:20px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:22px}.method-steps article span{grid-row:1/5;width:44px;height:44px;background:var(--clay);color:var(--warm);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.theme-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.theme-list article:last-child{grid-column:span 2}.product-sections,.policy-sections,.brand-sections{display:grid;gap:16px}.product-sections{grid-template-columns:repeat(2,1fr)}.app-intro{grid-template-columns:1fr 380px}.inline-actions{display:flex;gap:10px;flex-wrap:wrap}.app-icon-row{display:flex;align-items:center;gap:18px;background:var(--sub);border-radius:10px}.help-grid,.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.faq-list{display:grid;gap:14px}.faq-list article h2{font-size:18px}.site-footer{background:#2A2824;color:#E8E4DC;border-top:1px solid rgba(200,194,182,.24);font-size:13px;padding-bottom:20px}.footer-inner{max-width:1080px;margin:0 auto;padding:38px 18px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.footer-brand strong{font-size:16px}.footer-brand span{color:#C8C2B6}.footer-logo{height:26px;width:auto;object-fit:contain}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.footer-grid h3{color:#F7F3EB;font-size:13px;margin-bottom:10px}.footer-grid a{display:block;color:#E8E4DC;min-height:30px}.footer-note{margin-top:24px;color:#C8C2B6;max-width:860px}.copyright{color:#C8C2B6;margin-bottom:0}.overlay{position:fixed;inset:0;background:rgba(42,40,36,.46);z-index:80;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.drawer{position:fixed;z-index:90;top:0;left:0;width:380px;max-width:88vw;height:100vh;background:var(--warm);color:var(--deep);transform:translateX(-103%);visibility:hidden;pointer-events:none;transition:transform .24s ease,visibility .24s}.drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{height:68px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.drawer-brand{display:flex;gap:10px;align-items:center}.drawer-brand img{height:26px;width:auto;object-fit:contain}.drawer-scroll{height:calc(100vh - 68px);overflow-y:auto;padding:14px 14px 32px}.drawer section{margin-bottom:18px}.drawer section h2{font-size:13px;color:var(--muted);margin:0 0 6px;padding:0 8px}.drawer section a{display:block;padding:10px 8px;border-radius:8px}.drawer section a:hover{background:var(--sub)}.drawer section b{display:block;font-size:14px}.drawer section span{display:block;font-size:12px;color:var(--muted);line-height:1.5;margin-top:3px}.search-layer{position:fixed;z-index:89;top:78px;left:0;right:0;visibility:hidden;pointer-events:none;opacity:0;transition:.2s}.search-layer.is-open{visibility:visible;pointer-events:auto;opacity:1}.search-card{max-width:1080px;margin:0 auto;background:var(--bg-deep);border:1px solid var(--line);border-radius:0 0 12px 12px;padding:22px;box-shadow:var(--shadow)}.search-head{display:flex;justify-content:space-between;gap:16px}.search-head small{color:var(--clay)}.preset-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.preset-links a{display:flex;align-items:center;min-height:44px;padding:0 16px;background:var(--warm);border:1px solid var(--line);border-radius:8px}.mobile-bottom{display:none}.policy-sections article p:last-child,.brand-sections article p:last-child{margin-bottom:0}
@media(max-width:760px){body{padding-bottom:calc(48px + env(safe-area-inset-bottom))}.top-inner{padding:0 16px}.stone-line span{max-width:72vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rock-tabs{display:none}.site-main{padding-top:78px}.rock-actions{gap:6px}.secondary-button,.primary-button{padding:0 13px}.rock-actions .secondary-button,.rock-actions .primary-button{min-width:auto}.section-pad{padding:38px 16px}.hero-stone{padding-top:48px}.dual-feature,.note-columns,.app-home,.page-intro,.card-wall,.split-note,.checklist,.theme-list,.product-sections,.help-grid,.contact-grid,.shelf-grid.large{grid-template-columns:1fr}.section-head{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr}.timeline,.timeline.horizontal{grid-template-columns:1fr}.shelf-grid{grid-template-columns:repeat(2,1fr)}.card-wall article:nth-child(3),.theme-list article:last-child{grid-column:auto}.page-intro{padding-top:44px}.page-intro .page-image,.page-intro .banner-slot{height:180px;min-height:180px}.observation-list article{grid-template-columns:1fr;gap:5px}.method-steps article{grid-template-columns:46px 1fr;column-gap:14px}.app-intro{grid-template-columns:1fr}.app-home{gap:12px}.app-visuals{align-items:center}.footer-grid{grid-template-columns:repeat(2,1fr)}.site-footer{padding-bottom:calc(58px + env(safe-area-inset-bottom))}.mobile-bottom{position:fixed;z-index:70;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--deep);display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(247,243,235,.18)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;color:var(--warm);font-size:12px;min-height:48px}.mobile-bottom a.is-active{background:var(--clay)}.search-layer{top:0;bottom:0;background:var(--deep)}.search-card{height:100%;border-radius:0;border:0;background:var(--deep);color:var(--warm);padding:78px 16px 20px}.search-card h2{color:var(--warm)}.search-card .icon-button{color:var(--warm)}.preset-links a{background:rgba(247,243,235,.08);color:var(--warm);border-color:rgba(247,243,235,.24)}.section-head .media-slot{width:100%}.app-icon-row{margin:0 16px;padding:18px}.muted-section{padding-left:16px;padding-right:16px}}
@media(max-width:420px){.shelf-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.rock-actions .secondary-button{padding:0 10px}.rock-actions .primary-button{padding:0 10px}.brand-fallback{font-size:15px}}