*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#E8E4DC;color:#3A372F;font:15px/1.7 system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden;padding-top:116px}a{color:inherit;text-decoration:none}a,button{outline:none}button{font:inherit}img{max-width:100%;height:auto;display:block}.shell{width:min(1080px,calc(100% - 32px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;background:#F7F3EB;color:#2C2A26;padding:10px 14px;border-radius:8px}.skip-link:focus{top:8px}.stone-line{position:fixed;left:0;right:0;top:0;height:22px;background:#3E3B36;color:#F7F3EB;z-index:110}.stone-line__inner{height:22px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.text-button{border:0;background:transparent;color:#F7F3EB;min-height:22px;padding:0 6px;cursor:pointer}.rock-bar{position:fixed;left:0;right:0;top:22px;height:56px;background:#E8E4DC;border-bottom:1px solid rgba(62,59,54,.16);z-index:109}.rock-bar__inner{height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;min-height:44px;font-size:16px;font-weight:750;color:#2C2A26}.brand img{height:26px;width:auto;object-fit:contain}.rock-bar__actions{display:flex;gap:8px;align-items:center}.menu-button,.app-link{height:44px;min-width:72px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;cursor:pointer;white-space:nowrap}.menu-button{border:1px solid rgba(166,90,58,.4);background:#F7F3EB;color:#3E3B36}.app-link{background:linear-gradient(135deg,#8A8478 0%,#6B675E 55%,#3E3B36 100%);color:#F7F3EB}.rock-tags{position:fixed;top:78px;left:0;right:0;height:38px;background:#F7F3EB;border-bottom:1px solid rgba(62,59,54,.16);z-index:108}.rock-tags__inner{height:38px;display:flex;align-items:center;justify-content:center;gap:8px}.rock-tags a{font-size:13px;min-height:30px;padding:4px 16px;border-radius:8px;display:inline-flex;align-items:center}.rock-tags a.is-current{background:#3E3B36;color:#F7F3EB}.site-main{min-height:60vh}.eyebrow{font-size:12px;letter-spacing:.12em;color:#6B675E;margin:0 0 6px;text-transform:none}h1,h2,h3{color:#2C2A26;margin:0 0 12px;line-height:1.3}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}p{margin:0 0 14px}.btn{height:42px;padding:0 18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;white-space:nowrap;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,#8A8478 0%,#6B675E 55%,#3E3B36 100%);color:#F7F3EB}.btn-secondary{background:#F7F3EB;border-color:rgba(166,90,58,.4);color:#3E3B36}.text-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:#A65A3A}.button-row{display:flex;gap:10px;flex-wrap:wrap}.btn:hover,.menu-button:hover,.app-link:hover,.text-link:hover,.rock-tags a:hover{transform:translateY(-1px)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid rgba(166,90,58,.4);outline-offset:3px}.image-slot{background:#EFEBE3;border:1px solid rgba(62,59,54,.16);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--168{height:168px}.image-slot--190{height:190px}.image-slot--note{height:210px}.image-slot--banner{height:220px}.image-slot--hero{height:260px}.image-slot--card{height:190px}.image-slot--app{height:340px;background:#D6D0C6}.section-heading{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:18px}.lead-copy{max-width:860px}.home-intro{padding:58px 0 36px;display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:48px;align-items:center}.home-intro__copy{max-width:720px}.home-intro__copy p:not(.eyebrow){font-size:16px}.home-intro__seal{width:150px;height:150px;border-radius:28px;background:#D6D0C6;border:1px solid rgba(62,59,54,.16);display:grid;place-items:center;font-size:34px;font-weight:800;color:#6B675E;box-shadow:0 12px 28px rgba(44,42,38,.08);transform:rotate(-4deg)}.duo-feature{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:28px 0}.feature-slab{background:#F6F3ED;padding:18px;border:1px solid rgba(62,59,54,.16);border-radius:12px;box-shadow:0 12px 28px rgba(44,42,38,.05)}.feature-slab--warm{background:#F7F3EB}.feature-slab .image-slot{margin-bottom:16px}.home-shikan,.note-pair,.shelf-home,.order-home,.timeline-home,.app-home,.reading-points,.mini-faq,.brand-story{padding:40px 0}.letter-strips{display:grid;gap:10px;margin-top:20px}.letter-strips article{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:start;background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:10px;padding:14px}.letter-strips b{width:44px;height:44px;border-radius:8px;background:#3E3B36;color:#F7F3EB;display:grid;place-items:center}.letter-strips p{margin-bottom:0}.note-pair__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.note-pair article{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);padding:20px;border-radius:12px}.note-pair .image-slot{margin-bottom:16px}.callout{background:#D6D0C6;border-left:3px solid #A65A3A;padding:14px;border-radius:8px}.shelf-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(62,59,54,.16);background:#D6D0C6;gap:1px;border-radius:12px;overflow:hidden}.shelf-grid article{background:#F7F3EB;padding:20px;min-height:180px}.shelf-grid span{color:#A65A3A;font-size:13px}.order-stack{display:grid;gap:0;border-top:1px solid rgba(62,59,54,.16)}.order-stack>div{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid rgba(62,59,54,.16)}.order-stack b{font-size:20px;color:#A65A3A}.order-stack p{margin:0}.status-track{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative}.status-track:before{content:"";position:absolute;left:10%;right:10%;top:24px;height:1px;background:#8A8478}.status-track article{position:relative;background:#F6F3ED;padding:52px 18px 18px;border-radius:12px;border:1px solid rgba(62,59,54,.16)}.status-track article:before{content:"";position:absolute;top:18px;left:18px;width:12px;height:12px;border-radius:50%;background:#6A7A58;border:4px solid #E8E4DC}.status-track span{font-size:12px;color:#6A7A58;font-weight:800}.app-home{display:grid;grid-template-columns:1fr 380px;gap:36px;align-items:center}.app-home__copy p:not(.eyebrow){max-width:650px}.app-art{position:relative}.app-icon{width:48px;height:48px;object-fit:contain;position:absolute;right:18px;bottom:18px;border-radius:10px;background:#F7F3EB;padding:4px;box-shadow:0 12px 28px rgba(44,42,38,.08)}.reading-points__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.reading-points article{padding:18px;border-top:3px solid #6A7A58;background:#F6F3ED;border-radius:8px}.mini-faq details{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:10px;margin:10px 0;padding:0 16px}.mini-faq summary{cursor:pointer;font-weight:750;color:#2C2A26;padding:15px 0}.mini-faq details p{padding-bottom:15px}.brand-story{display:grid;grid-template-columns:1.3fr .7fr;gap:20px;align-items:start}.brand-story>div:first-child{background:#D6D0C6;padding:24px;border-radius:12px}.brand-links{display:grid;gap:10px}.brand-links a{background:#F7F3EB;border:1px solid rgba(166,90,58,.4);padding:14px 16px;border-radius:10px;font-weight:700}.page-hero{padding:48px 0 28px;display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}.page-hero>div:first-child{max-width:700px}.page-hero--banner{display:block}.page-hero--banner .image-slot{margin-top:24px}.hero-ridge,.shelf-hero{background:linear-gradient(90deg,rgba(214,208,198,.45),transparent);padding-left:24px;padding-right:24px;border-radius:12px}.compact-hero{display:block;max-width:850px}.shikan-strips{display:grid;gap:12px;padding:10px 0 36px}.shikan-strips article{display:grid;grid-template-columns:64px 1fr;gap:18px;background:#F6F3ED;border:1px solid rgba(62,59,54,.16);padding:18px;border-radius:10px}.shikan-strips b{width:48px;height:48px;background:#A65A3A;color:#F7F3EB;border-radius:8px;display:grid;place-items:center}.source-note,.scene-note,.production-rule,.order-end,.process-rules,.cabinet-note,.app-boundary,.install-note,.privacy-note,.help-more,.contact-note,.about-close{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:12px;padding:24px;margin-top:20px;margin-bottom:42px}.observation-directory{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:8px 0 32px}.observation-directory article{background:#F6F3ED;border-left:4px solid #6A7A58;padding:20px;border-radius:8px}.observation-directory article:last-child{grid-column:1/-1}.observation-directory span{font-size:12px;color:#6A7A58;font-weight:800}.observation-method{background:#D6D0C6;padding:24px;border-radius:12px;margin-bottom:42px}.observation-method ol{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 30px;padding-left:20px}.card-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:8px 0 32px}.card-wall article{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:12px;padding:18px;min-height:240px}.card-wall .image-slot{margin-bottom:14px}.workshop-notes{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:4px 0 30px}.workshop-column{display:grid;gap:18px;align-content:start}.workshop-column article{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);padding:20px;border-radius:12px}.checkline{margin-top:12px;background:#EFEBE3;padding:12px;border-radius:8px;color:#6B675E}.five-order{display:grid;gap:12px;padding:4px 0 30px}.five-order article{display:grid;grid-template-columns:70px 1fr;gap:18px;border-bottom:1px solid rgba(62,59,54,.16);padding:16px 0}.five-order b{font-size:34px;color:#A65A3A;font-weight:800}.process-track{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:6px 0 30px}.process-track article{position:relative;background:#F6F3ED;border:1px solid rgba(62,59,54,.16);padding:46px 18px 18px;border-radius:12px}.process-track article:before{content:"";position:absolute;top:18px;left:18px;width:14px;height:14px;border-radius:50%;background:#6A7A58;box-shadow:0 0 0 5px #D6D0C6}.process-track span{font-size:12px;color:#6A7A58;font-weight:800}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rules-grid p{background:#EFEBE3;padding:14px;border-radius:8px;margin:0}.memo-head{padding:48px 0 22px;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}.memo-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:40px}.memo-list article{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:12px;padding:20px}.memo-list ul{padding-left:20px}.method-sections{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:6px 0 30px}.method-sections article{padding:22px;background:#F6F3ED;border-top:4px solid #8A8478;border-radius:10px}.reading-route{padding:24px;background:#D6D0C6;border-radius:12px;margin-bottom:42px}.reading-route>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.reading-route span{background:#F7F3EB;padding:8px 12px;border-radius:8px}.reading-route i{font-style:normal;color:#A65A3A}.theme-list{display:grid;gap:0;padding-bottom:42px;border-top:1px solid rgba(62,59,54,.16)}.theme-list article{display:grid;grid-template-columns:240px 1fr 110px;gap:20px;align-items:start;padding:20px 0;border-bottom:1px solid rgba(62,59,54,.16)}.theme-list span{font-size:12px;color:#A65A3A}.theme-list a{min-height:44px;display:flex;align-items:center;color:#A65A3A;font-weight:700}.cabinet{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid rgba(62,59,54,.16);background:#8A8478;border-radius:12px;overflow:hidden;margin:8px auto 34px}.cabinet article{display:grid;grid-template-columns:150px 1fr;min-height:210px;background:#F7F3EB;border-bottom:1px solid rgba(62,59,54,.16);border-right:1px solid rgba(62,59,54,.16)}.cabinet header{background:#D6D0C6;padding:20px}.cabinet header span{font-size:12px;color:#A65A3A}.cabinet article>div{padding:20px}.cabinet article a{display:inline-flex;min-height:44px;align-items:center;margin-right:12px;color:#A65A3A;font-weight:700}.app-page-hero{padding:48px 0 30px;display:grid;grid-template-columns:1fr 360px;gap:34px;align-items:center}.app-page-art{position:relative}.product-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding-bottom:30px}.product-sections article{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);padding:22px;border-radius:12px}.install-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:8px 0 30px}.install-steps article{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:12px;padding:20px}.install-steps span{font-size:12px;color:#A65A3A;font-weight:800}.legal-head,.help-hero,.faq-head,.contact-head{padding:48px 0 26px;max-width:860px}.legal-sections,.privacy-sections{display:grid;gap:14px;padding-bottom:42px}.legal-sections article,.privacy-sections article{background:#F6F3ED;border-left:4px solid #8A8478;padding:20px;border-radius:8px}.grade-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:8px 0 28px}.grade-grid article{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);padding:20px;border-radius:12px}.viewing-advice{background:#D6D0C6;padding:24px;border-radius:12px;margin-bottom:42px}.help-board{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding-bottom:28px}.help-board article{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);padding:20px;border-radius:12px}.help-board article:last-child{grid-column:1/-1}.help-board a{display:inline-flex;min-height:44px;align-items:center;color:#A65A3A;font-weight:700}.faq-list{padding-bottom:42px}.faq-list details{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:10px;margin-bottom:10px;padding:0 18px}.faq-list summary{cursor:pointer;font-weight:800;color:#2C2A26;padding:16px 0}.faq-list p{padding-bottom:16px}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding-bottom:28px}.contact-grid article{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);padding:20px;border-radius:12px}.about-hero{padding:48px 0 24px}.about-hero .image-slot{margin-top:22px}.about-stones{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:10px 0 28px}.about-stones article{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);padding:20px;border-radius:12px}.about-stones article:last-child{grid-column:1/-1}.extra-guidance{background:#EFEBE3;border:1px solid rgba(62,59,54,.16);border-radius:12px;padding:24px;margin-top:20px;margin-bottom:42px}.extra-guidance p:last-child{margin-bottom:0}.site-footer{background:#2A2824;color:#E8E4DC;border-top:1px solid #C8C2B6;margin-top:40px;padding:34px 0 calc(28px + env(safe-area-inset-bottom))}.footer-brand{padding-bottom:22px;border-bottom:1px solid rgba(232,228,220,.14)}.footer-brand__mark{display:flex;align-items:center;gap:14px}.footer-brand img{height:26px;width:auto;object-fit:contain;filter:brightness(1.6)}.footer-brand strong{display:block;color:#F7F3EB}.footer-brand span{display:block;font-size:12px;color:#C8C2B6}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:24px 0}.footer-grid h2{font-size:13px;color:#F7F3EB;margin-bottom:8px}.footer-grid a{display:block;font-size:13px;color:#E8E4DC;padding:4px 0}.footer-note{font-size:13px;color:#C8C2B6;border-top:1px solid rgba(232,228,220,.14);padding-top:18px}.page-overlay{position:fixed;inset:0;background:rgba(42,40,36,.45);z-index:198;opacity:0;pointer-events:none;transition:opacity .18s}.page-overlay.is-visible{opacity:1;pointer-events:auto}.rock-drawer{position:fixed;left:0;top:0;bottom:0;width:380px;max-width:88vw;background:#F6F3ED;z-index:200;transform:translateX(-102%);visibility:hidden;pointer-events:none;transition:transform .22s,visibility .22s;overflow-y:auto;box-shadow:0 12px 28px rgba(44,42,38,.18)}.rock-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{position:sticky;top:0;background:#F6F3ED;border-bottom:1px solid rgba(62,59,54,.16);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;z-index:2}.drawer-brand{display:flex;align-items:center;gap:10px;font-weight:800}.drawer-brand img{height:26px;width:auto;object-fit:contain}.drawer-close,.search-head button{border:1px solid rgba(166,90,58,.4);background:#F7F3EB;color:#3E3B36;height:40px;padding:0 14px;border-radius:8px;cursor:pointer}.drawer-groups{padding:10px 16px 28px}.drawer-groups section{margin-bottom:18px}.drawer-groups h2{font-size:12px;color:#6B675E;border-bottom:1px solid rgba(62,59,54,.16);padding-bottom:6px}.drawer-groups a{display:block;padding:10px 0;border-bottom:1px dashed rgba(62,59,54,.12)}.drawer-groups b{display:block;color:#2C2A26}.drawer-groups span{display:block;color:#6B675E;font-size:13px}.search-layer{position:fixed;left:0;right:0;top:78px;z-index:199;visibility:hidden;pointer-events:none;transform:translateY(-12px);opacity:0;transition:.18s}.search-layer.is-open{visibility:visible;pointer-events:auto;transform:translateY(0);opacity:1}.search-card{width:min(760px,calc(100% - 32px));margin:0 auto;background:#E8E4DC;border:1px solid rgba(62,59,54,.16);border-radius:0 0 12px 12px;padding:20px;box-shadow:0 12px 28px rgba(44,42,38,.12)}.search-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.search-presets{display:flex;gap:8px;flex-wrap:wrap}.search-presets a{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;background:#F7F3EB;border:1px solid rgba(166,90,58,.4);border-radius:8px}.panel-open{overflow:hidden}.mobile-bottom{display:none}
@media(max-width:800px){body{padding-top:78px;padding-bottom:calc(56px + env(safe-area-inset-bottom))}.rock-tags{display:none}.stone-line__inner{width:calc(100% - 24px)}.rock-bar__inner{width:calc(100% - 24px)}.brand{max-width:46%}.brand span{white-space:nowrap}.rock-bar__actions{gap:6px}.menu-button,.app-link{min-width:64px;padding:0 10px}.home-intro,.duo-feature,.note-pair__grid,.app-home,.brand-story,.page-hero,.memo-head,.app-page-hero{grid-template-columns:1fr}.home-intro{padding-top:36px;gap:20px}.home-intro__seal{width:92px;height:92px;font-size:24px}.shelf-grid,.reading-points__grid,.status-track,.card-wall,.process-track,.product-sections,.grade-grid{grid-template-columns:1fr 1fr}.status-track:before{display:none}.observation-directory,.workshop-notes,.memo-list,.method-sections,.install-steps,.help-board,.contact-grid,.about-stones{grid-template-columns:1fr}.observation-directory article:last-child,.help-board article:last-child,.about-stones article:last-child{grid-column:auto}.theme-list article{grid-template-columns:1fr}.cabinet{grid-template-columns:1fr}.cabinet article{grid-template-columns:120px 1fr}.app-page-art{max-width:420px}.footer-grid{grid-template-columns:1fr 1fr}.search-layer{top:0;bottom:0;background:#3E3B36;color:#F7F3EB;transform:none}.search-layer.is-open{transform:none}.search-card{width:100%;height:100%;border:0;border-radius:0;background:#3E3B36;color:#F7F3EB;padding:28px 16px}.search-head h2,.search-layer p{color:#F7F3EB}.search-presets a{background:#F7F3EB;color:#3E3B36}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:120;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#F7F3EB;border-top:1px solid rgba(62,59,54,.16);display:grid;grid-template-columns:repeat(5,1fr)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:13px;min-height:48px}.mobile-bottom a.is-current{background:#A65A3A;color:#F7F3EB}.site-footer{margin-bottom:0}.section-heading{align-items:start;flex-direction:column}.image-slot--hero{height:220px}}
@media(max-width:540px){h1{font-size:24px}.shell{width:calc(100% - 32px)}.stone-line span{max-width:78%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand{font-size:15px}.shelf-grid,.reading-points__grid,.process-track,.product-sections,.grade-grid{grid-template-columns:1fr}.letter-strips article,.shikan-strips article,.five-order article{grid-template-columns:50px 1fr;gap:12px}.shelf-grid article{min-height:auto}.rules-grid{grid-template-columns:1fr}.cabinet article{grid-template-columns:1fr}.cabinet header{padding-bottom:8px}.footer-grid{grid-template-columns:1fr 1fr;gap:18px}.rock-drawer{width:88vw}.image-slot--banner{height:180px}.image-slot--app{height:320px}}