*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#E8E4DC;color:#3A372F;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block;object-fit:contain;object-position:center}.wrap{width:min(1080px,calc(100% - 32px));margin:auto}.stone-line{position:fixed;z-index:70;top:0;left:0;right:0;height:22px;background:#3E3B36;color:#F7F3EB;font-size:12px}.stone-line-inner{height:22px;display:flex;align-items:center;justify-content:space-between}.text-btn{border:0;background:transparent;color:#F7F3EB;cursor:pointer;padding:0 4px}.rock-bar{position:fixed;z-index:65;top:22px;left:0;right:0;height:56px;background:#D6D0C6;border-bottom:1px solid rgba(62,59,54,.16)}.rock-bar-inner{height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;min-width:160px}.brand-image img{height:26px;width:auto}.brand-fallback{font-size:16px;font-weight:700}.brand-image:has(img)+.brand-fallback{display:none}.rock-actions{display:flex;gap:8px}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:9px;font-size:14px;white-space:nowrap}.primary-btn{background:linear-gradient(135deg,#8A8478 0%,#6B675E 55%,#3E3B36 100%);color:#F7F3EB;border:1px solid #3E3B36}.secondary-btn{background:#F7F3EB;color:#3E3B36;border:1px solid #A65A3A;cursor:pointer}.primary-btn:hover,.secondary-btn:hover,a:focus-visible,button:focus-visible{outline:2px solid #A65A3A;outline-offset:2px}.rock-tabs{position:fixed;z-index:60;top:78px;left:0;right:0;height:38px;background:#F7F3EB;border-bottom:1px solid rgba(62,59,54,.16)}.tab-row{height:38px;display:flex;align-items:center;justify-content:center;gap:10px}.tab-row a{height:30px;min-width:80px;display:flex;align-items:center;justify-content:center;border-radius:7px;font-size:13px}.tab-row a.active{background:#3E3B36;color:#F7F3EB}.site-main{padding-top:144px;padding-bottom:38px}.page-shell{width:min(1080px,calc(100% - 32px));margin:auto}.hero-intro,.page-hero{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:12px;padding:34px;box-shadow:0 12px 28px rgba(44,42,38,.08)}h1,h2,h3{color:#2C2A26;margin-top:0}h1{font-size:24px;line-height:1.3;margin-bottom:12px}h2{font-size:20px;line-height:1.4}h3{font-size:16px}.lead{font-size:16px;color:#6B675E;max-width:760px}.section{margin-top:26px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.muted{color:#6B675E}.two-feature{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-card,.note-card,.grid-card,.shelf-cell,.faq-item,.clause,.topic-row{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:10px;padding:20px}.image-slot{background:#EFEBE3;border:1px solid rgba(62,59,54,.12);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-slot img{width:100%;height:100%;object-fit:contain}.slot-168{height:168px}.slot-190{height:190px}.slot-220{height:220px}.slot-340{height:340px}.number-bars{display:grid;gap:10px}.number-bar{display:grid;grid-template-columns:68px 1fr;gap:18px;align-items:start;background:#EFEBE3;border-left:4px solid #6A7A58;border-radius:9px;padding:18px}.number-bar strong{font-size:18px;color:#3E3B36}.note-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.shelf-cell{min-height:150px}.timeline{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}.timeline .node{min-width:220px;background:#F6F3ED;border-top:4px solid #A65A3A;border-radius:8px;padding:16px}.app-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start}.app-images{display:grid;gap:12px}.icon-box{width:72px;height:72px}.method-list,.theme-list,.clause-list,.observe-list{display:grid;gap:12px}.method-list article,.theme-list article,.observe-list article{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:10px;padding:18px}.card-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.shelf-layout{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.shelf-layout article{min-height:190px;background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:10px;padding:18px}.memo-list{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:10px;padding:10px 20px}.memo-list li{padding:12px 0;border-bottom:1px solid rgba(62,59,54,.12)}.memo-list li:last-child{border-bottom:0}.banner-wrap{height:220px}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:26px}.site-footer{background:#2A2824;color:#E8E4DC;border-top:1px solid #C8C2B6;padding:36px 0 80px}.site-footer h3{color:#F7F3EB;font-size:13px}.site-footer a{display:block;color:#E8E4DC;font-size:13px;padding:3px 0}.footer-brand{font-size:13px}.footer-brand strong,.footer-brand span{display:block}.footer-logo img{height:26px;width:auto;margin-bottom:10px}.copyright{font-size:13px;color:#C8C2B6;border-top:1px solid rgba(200,194,182,.2);margin-top:24px;padding-top:16px}.overlay{position:fixed;inset:0;background:rgba(42,40,36,.5);z-index:80;opacity:0;visibility:hidden;transition:.2s;pointer-events:none}.overlay.show{opacity:1;visibility:visible}.drawer{position:fixed;z-index:90;top:0;left:0;bottom:0;width:380px;max-width:88vw;background:#F6F3ED;transform:translateX(-105%);transition:.24s;visibility:hidden;overflow:auto;box-shadow:0 12px 28px rgba(44,42,38,.18)}.drawer-open .drawer{transform:none;visibility:visible}.drawer-head{position:sticky;top:0;background:#D6D0C6;padding:16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(62,59,54,.16)}.drawer-brand{display:flex;align-items:center;gap:10px}.drawer-brand img{height:26px}.icon-btn{width:44px;height:44px;border:1px solid rgba(62,59,54,.16);border-radius:8px;background:#F7F3EB;color:#3E3B36;cursor:pointer;font-size:24px}.drawer-groups{padding:10px 16px 28px}.drawer-groups section{padding:12px 0;border-bottom:1px solid rgba(62,59,54,.12)}.drawer-groups h2{font-size:14px;margin:0 0 6px}.drawer-groups a{display:block;padding:8px 0}.drawer-groups b{display:block;font-size:14px}.drawer-groups span{display:block;color:#6B675E;font-size:12px}.search-layer{position:fixed;z-index:88;top:78px;left:0;right:0;visibility:hidden;opacity:0;transition:.2s}.search-open .search-layer{visibility:visible;opacity:1}.search-card{width:min(720px,calc(100% - 32px));margin:auto;background:#D6D0C6;border:1px solid rgba(62,59,54,.16);border-radius:0 0 12px 12px;padding:22px;box-shadow:0 12px 28px rgba(44,42,38,.12)}.search-head{display:flex;justify-content:space-between;align-items:center}.search-links{display:flex;flex-wrap:wrap;gap:8px}.search-links a{background:#F7F3EB;border:1px solid rgba(62,59,54,.16);padding:10px 14px;border-radius:8px}.locked{overflow:hidden}.mobile-bottom{display:none}.pill{display:inline-block;padding:4px 9px;border-radius:999px;background:#D6D0C6;color:#3E3B36;font-size:12px}.accent{color:#A65A3A}.center{text-align:center}.spacer{height:8px}
@media(max-width:780px){.rock-tabs{display:none}.site-main{padding-top:106px;padding-bottom:76px}.hero-intro,.page-hero{padding:24px 20px}.two-feature,.note-grid,.app-layout{grid-template-columns:1fr}.card-wall{grid-template-columns:1fr 1fr}.shelf,.shelf-layout{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.mobile-bottom{position:fixed;z-index:55;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;min-height:48px;padding-bottom:env(safe-area-inset-bottom);background:#F7F3EB;border-top:1px solid rgba(62,59,54,.16)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:12px;min-height:48px}.mobile-bottom a.active{background:#A65A3A;color:#F7F3EB}.search-layer{top:0;bottom:0;background:#3E3B36}.search-card{width:100%;min-height:100%;margin:0;border:0;border-radius:0;background:#3E3B36;color:#F7F3EB;padding-top:34px}.search-card h2,.search-card p{color:#F7F3EB}.search-links a{background:#F7F3EB;color:#3E3B36}.footer-grid{gap:18px}.site-footer{padding-bottom:92px}}@media(max-width:520px){.wrap,.page-shell{width:calc(100% - 32px)}.stone-line-inner span{max-width:76%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rock-actions{gap:6px}.primary-btn,.secondary-btn{padding:0 11px}.brand{min-width:0}.card-wall,.shelf,.shelf-layout{grid-template-columns:1fr}.number-bar{grid-template-columns:48px 1fr;gap:10px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.timeline{margin-right:-16px}.site-main{padding-top:106px}}