*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#E8E4DC;color:#3A372F;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}body.ui-locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;object-fit:contain;object-position:center}.shell{width:min(1080px,calc(100% - 32px));margin:0 auto}.stone-line{position:fixed;z-index:60;inset:0 0 auto;height:22px;background:#3E3B36;color:#F7F3EB;font-size:12px}.stone-line__inner{height:22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.text-button{border:0;background:transparent;color:#F7F3EB;padding:0 6px;min-height:22px;cursor:pointer}.rock-header{position:fixed;z-index:59;top:22px;left:0;right:0;height:56px;background:#E8E4DC;border-bottom:1px solid rgba(62,59,54,.16)}.rock-header__inner{height:56px;display:flex;align-items:center;justify-content:space-between}.brand-mark{min-height:44px;display:flex;align-items:center}.brand-logo-slot{height:26px;min-width:118px;display:flex;align-items:center}.brand-logo-slot img,.drawer-logo-slot img,.footer-logo-slot img{height:26px;width:auto}.brand-fallback{font-weight:700;font-size:16px;letter-spacing:.02em}.header-actions{display:flex;align-items:center;gap:8px}.compact-button,.icon-button{height:44px;min-width:64px;padding:0 14px;border-radius:9px;border:1px solid rgba(166,90,58,.40);background:#F7F3EB;color:#3E3B36;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.compact-button--app{background:linear-gradient(135deg,#8A8478 0%,#6B675E 55%,#3E3B36 100%);color:#F7F3EB;border-color:transparent}.compact-button:hover,.compact-button:focus-visible,.icon-button:hover,.icon-button:focus-visible,.cta:hover,.cta:focus-visible{transform:translateY(-1px);box-shadow:0 12px 28px rgba(44,42,38,.08);outline:2px solid rgba(166,90,58,.4);outline-offset:2px}.rock-tabs{position:fixed;z-index:58;top:78px;left:0;right:0;height:38px;background:#F7F3EB;border-bottom:1px solid rgba(62,59,54,.16)}.rock-tabs__inner{height:38px;display:flex;justify-content:center;align-items:center;gap:8px}.rock-tab{height:30px;min-width:72px;padding:0 14px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px}.rock-tab.is-active{background:#3E3B36;color:#F7F3EB}.site-main{padding-top:132px;min-height:60vh}.hero-simple,.page-hero{padding:42px 0 28px}.hero-simple__inner{max-width:780px}.eyebrow{font-size:12px;color:#6B675E;letter-spacing:.12em;margin:0 0 10px}.hero-simple h1,.page-hero h1{font-size:24px;line-height:1.3;margin:0 0 14px;color:#2C2A26}.hero-simple .lead,.page-hero .lead{font-size:16px;max-width:800px;margin:0 0 20px}.cta-row{display:flex;gap:10px;flex-wrap:wrap}.cta{height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:9px;font-size:14px;border:1px solid transparent;background:linear-gradient(135deg,#8A8478 0%,#6B675E 55%,#3E3B36 100%);color:#F7F3EB}.cta.secondary{background:#F7F3EB;color:#3E3B36;border-color:#A65A3A}.mt-14{margin-top:14px}.mt-16{margin-top:16px}.mt-18{margin-top:18px}.slot-88{height:88px}.slot-120{height:120px}.app-icon-48{width:48px!important;height:48px!important}.section{padding:24px 0 44px}.section--alt{background:#D6D0C6}.section--light{background:#F6F3ED}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:18px}.section-head h2{font-size:20px;margin:0;color:#2C2A26}.section-head p{margin:0;max-width:640px;color:#6B675E}.section-tail{margin:18px 0 0;color:#3A372F}.media-slot{background:#F7F3EB;border:1px solid rgba(62,59,54,.16);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-slot img{width:100%;height:100%}.media-slot--168{height:168px}.media-slot--190{height:190px}.media-slot--220{height:220px}.media-slot--app{height:min(340px,60vw);max-height:340px}.duo{display:grid;grid-template-columns:1fr 1fr;gap:18px}.duo-panel{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:10px;padding:16px}.duo-panel h3{font-size:16px;margin:14px 0 6px;color:#2C2A26}.duo-panel p{margin:0}.letter-list{display:grid;gap:10px}.letter-row{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:start;background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:10px;padding:16px}.letter-mark{width:42px;height:42px;border-radius:10px;background:#3E3B36;color:#F7F3EB;display:flex;align-items:center;justify-content:center;font-weight:700}.letter-row h3{margin:0 0 4px;font-size:16px}.letter-row p{margin:0}.note-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.note{background:#EFEBE3;border-left:4px solid #A65A3A;border-radius:8px;padding:18px}.note h3{margin:0 0 8px;font-size:16px}.note p{margin:0}.shelf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.shelf-item{min-height:150px;background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:8px;padding:16px;display:flex;flex-direction:column;justify-content:space-between}.shelf-item h3{margin:0 0 8px;font-size:16px}.shelf-item p{margin:0;color:#6B675E}.roman-seq{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.roman-seq article{background:#F7F3EB;border-top:4px solid #6A7A58;border-radius:8px;padding:16px}.roman-seq b{font-size:18px;color:#A65A3A}.timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:4px 0 8px}.timeline-card{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:10px;padding:16px}.status{display:inline-flex;min-height:28px;align-items:center;border-radius:999px;padding:0 10px;background:#D6D0C6;color:#3E3B36;font-size:12px}.faq-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-mini details,.faq-full details{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:9px;padding:14px 16px}.faq-mini summary,.faq-full summary{font-weight:700;cursor:pointer}.faq-mini p,.faq-full p{margin:10px 0 0}.brand-story{background:#3E3B36;color:#F7F3EB;border-radius:12px;padding:24px}.brand-story h2{color:#F7F3EB;margin-top:0}.brand-story p{margin-bottom:0}.page-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:center}.page-copy{max-width:760px}.page-copy p{margin:0}.content-wrap{padding:0 0 48px}.prose{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:12px;padding:22px}.prose h2{font-size:20px;margin:28px 0 10px;color:#2C2A26}.prose h2:first-child{margin-top:0}.prose h3{font-size:16px;margin:22px 0 6px}.prose p{margin:0 0 12px}.prose ul{margin:8px 0 16px;padding-left:20px}.prose li{margin:7px 0}.catalog-list{display:grid;gap:12px}.catalog-item{display:grid;grid-template-columns:160px 1fr;gap:18px;background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:10px;padding:18px}.catalog-item .tag{color:#A65A3A;font-weight:700}.catalog-item h2{font-size:18px;margin:0 0 6px}.catalog-item p{margin:0}.card-wall{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.wall-card{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:10px;padding:18px}.wall-card h2{font-size:18px;margin:0 0 8px}.wall-card p{margin:0}.observe-directory{display:grid;grid-template-columns:220px 1fr;gap:18px}.observe-menu{background:#3E3B36;color:#F7F3EB;border-radius:10px;padding:14px;align-self:start}.observe-menu a{display:block;padding:10px;border-bottom:1px solid rgba(247,243,235,.15)}.observe-menu a:last-child{border-bottom:0}.observe-content{display:grid;gap:12px}.observe-content section{background:#F6F3ED;border-radius:10px;padding:18px;border:1px solid rgba(62,59,54,.16)}.observe-content h2{font-size:18px;margin:0 0 8px}.observe-content p{margin:0}.memo-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.memo-grid article{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:10px;padding:18px}.memo-grid h2{font-size:18px;margin:0 0 8px}.sequence-list{counter-reset:item;display:grid;gap:12px}.sequence-list article{background:#F6F3ED;border-left:5px solid #6A7A58;border-radius:9px;padding:18px}.sequence-list h2{font-size:18px;margin:0 0 8px}.sequence-list .cn{color:#A65A3A;font-weight:700;margin-right:8px}.checklist{display:grid;gap:10px}.check-item{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:9px;padding:16px 16px 16px 48px;position:relative}.check-item:before{content:"✓";position:absolute;left:16px;top:16px;width:22px;height:22px;border-radius:50%;background:#6A7A58;color:#F7F3EB;display:flex;align-items:center;justify-content:center}.check-item h2{font-size:17px;margin:0 0 6px}.method-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.method-steps article{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:10px;padding:18px}.method-steps h2{font-size:18px;margin:0 0 8px}.theme-list{display:grid;gap:12px}.theme-row{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:10px;padding:18px;display:grid;grid-template-columns:200px 1fr;gap:18px}.theme-row h2{font-size:18px;margin:0}.theme-row p{margin:0}.archive-shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.archive-shelf article{min-height:190px;background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:8px;padding:18px}.archive-shelf h2{font-size:17px;margin:0 0 8px}.app-stack{display:grid;gap:18px}.app-feature{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:10px;padding:18px;display:grid;grid-template-columns:140px 1fr;gap:18px}.app-feature h2{font-size:18px;margin:0 0 8px}.policy-sections{display:grid;gap:14px}.policy-sections section{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:10px;padding:18px}.policy-sections h2{font-size:18px;margin:0 0 8px}.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.help-grid article{background:#F6F3ED;border-radius:10px;border:1px solid rgba(62,59,54,.16);padding:18px}.help-grid h2{font-size:18px;margin:0 0 8px}.contact-areas{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.contact-areas article{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:10px;padding:18px}.contact-areas h2{font-size:18px;margin:0 0 8px}.site-footer{background:#2A2824;color:#E8E4DC;border-top:1px solid #C8C2B6;padding:32px 0 80px;font-size:13px}.footer-brand{display:flex;align-items:center;gap:12px;padding-bottom:20px}.footer-brand div:last-child{display:flex;flex-direction:column}.footer-brand span{color:#C8C2B6}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:18px 0;border-top:1px solid rgba(200,194,182,.18);border-bottom:1px solid rgba(200,194,182,.18)}.footer-grid h2{font-size:13px;margin:0 0 8px;color:#F7F3EB}.footer-grid a{display:block;color:#E8E4DC;padding:4px 0}.footer-note{color:#C8C2B6;padding-top:16px}.footer-note p{margin:4px 0}.overlay{position:fixed;z-index:89;inset:0;background:rgba(42,40,36,.5);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.rock-drawer{position:fixed;z-index:90;left:0;top:0;bottom:0;width:380px;max-width:88vw;background:#F7F3EB;transform:translateX(-102%);visibility:hidden;pointer-events:none;transition:.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:#F7F3EB;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(62,59,54,.16)}.drawer-brand{display:flex;align-items:center;gap:10px}.drawer-groups{padding:14px}.drawer-groups section{margin-bottom:20px}.drawer-groups h2{font-size:13px;color:#6B675E;margin:0 0 6px}.drawer-groups a{display:block;padding:10px 8px;border-bottom:1px solid rgba(62,59,54,.12)}.drawer-groups a strong{display:block;font-size:14px;color:#2C2A26}.drawer-groups a span{display:block;font-size:12px;color:#6B675E;margin-top:2px}.search-layer{position:fixed;z-index:91;top:78px;left:0;right:0;background:#D6D0C6;border-bottom:1px solid rgba(62,59,54,.16);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:.2s}.search-layer.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.search-card{padding:18px 0 22px}.search-head{display:flex;justify-content:space-between;align-items:center}.search-head h2{font-size:20px;margin:0}.search-card p{margin:6px 0 12px}.search-presets{display:flex;gap:8px;flex-wrap:wrap}.search-presets a{min-height:40px;padding:0 14px;border:1px solid rgba(166,90,58,.4);background:#F7F3EB;border-radius:8px;display:flex;align-items:center}.mobile-bar{display:none}
@media (max-width:780px){.rock-tabs{display:none}.timeline{grid-template-columns:1fr}.site-main{padding-top:94px}.shell{width:calc(100% - 32px)}.stone-line__inner span{max-width:78%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{gap:6px}.compact-button{min-width:58px;padding:0 10px}.duo,.note-columns,.faq-mini,.memo-grid,.method-steps,.help-grid,.contact-areas{grid-template-columns:1fr}.shelf-grid{grid-template-columns:1fr 1fr}.roman-seq{grid-template-columns:1fr}.page-hero__grid{grid-template-columns:1fr}.page-hero__grid .media-slot{order:-1}.catalog-item,.observe-directory,.theme-row,.app-feature{grid-template-columns:1fr}.observe-menu{display:flex;flex-wrap:wrap;overflow:visible;gap:6px;padding:8px}.observe-menu a{white-space:nowrap;border:1px solid rgba(247,243,235,.15);border-radius:8px}.card-wall{grid-template-columns:1fr}.archive-shelf{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.search-layer{top:0;bottom:0;background:#3E3B36;color:#F7F3EB}.search-card{padding-top:28px}.search-head h2{color:#F7F3EB}.search-presets a{color:#3E3B36}.mobile-bar{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:#F7F3EB;border-top:1px solid rgba(62,59,54,.16);display:grid;grid-template-columns:repeat(5,1fr)}.mobile-bar a{display:flex;align-items:center;justify-content:center;font-size:12px;min-height:48px}.mobile-bar a.is-active{background:#A65A3A;color:#F7F3EB}.site-footer{padding-bottom:92px}.media-slot--app{height:320px}.page-hero{padding-top:28px}.hero-simple{padding-top:30px}}
@media (max-width:480px){.shelf-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.header-actions .compact-button{font-size:13px}.brand-logo-slot{min-width:96px}.letter-row{grid-template-columns:48px 1fr;padding:14px}.page-hero__grid{gap:16px}}