*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#E8E4DC;color:#3A372F;font:15px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.stone-line{position:fixed;z-index:70;top:0;left:0;right:0;height:22px;background:#3E3B36;color:#F7F3EB;font-size:12px}.top-inner,.tabs-inner,.footer-inner,.page-wrap{width:min(1080px,calc(100% - 32px));margin:auto}.stone-line .top-inner{height:22px;display:flex;align-items:center;justify-content:space-between}.text-btn{border:0;background:transparent;color:#F7F3EB;cursor:pointer;padding:0 8px}.rock-header{position:fixed;z-index:69;top:22px;left:0;right:0;height:56px;background:#D6D0C6;border-bottom:1px solid rgba(62,59,54,.16)}.rock-row{height:56px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;min-height:44px}.brand img,.footer-brand img,.drawer-brand img{height:26px;width:auto;object-fit:contain}.rock-actions{display:flex;gap:8px;align-items:center}.primary-btn,.secondary-btn{height:42px;padding:0 16px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;white-space:nowrap;cursor:pointer}.primary-btn{background:linear-gradient(135deg,#8A8478 0%,#6B675E 55%,#3E3B36 100%);color:#F7F3EB;border:0}.secondary-btn{background:#F7F3EB;border:1px solid #A65A3A;color:#3E3B36}.primary-btn:hover,.secondary-btn:hover,.rock-tabs a:hover{filter:brightness(.97)}a:focus-visible,button:focus-visible{outline:3px solid rgba(166,90,58,.4);outline-offset:2px}.rock-tabs{position:fixed;z-index:68;top:78px;left:0;right:0;height:38px;background:#F7F3EB;border-bottom:1px solid rgba(62,59,54,.16)}.tabs-inner{height:38px;display:flex;align-items:center;justify-content:center;gap:8px}.rock-tabs a{height:30px;padding:0 18px;display:flex;align-items:center;border-radius:7px;font-size:13px}.rock-tabs a.active{background:#3E3B36;color:#F7F3EB}main{padding-top:116px;min-height:60vh}.page-wrap{padding:34px 0 52px}.hero-intro{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);box-shadow:0 12px 28px rgba(44,42,38,.08);border-radius:12px;padding:34px;margin-bottom:24px}.eyebrow{font-size:12px;letter-spacing:.12em;color:#6B675E;text-transform:uppercase}.hero-intro h1,.page-head h1{font-size:24px;line-height:1.3;margin:8px 0 12px;color:#2C2A26}.hero-intro .lead{font-size:16px;max-width:760px}.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.section{margin:24px 0;background:#F6F3ED;border-radius:12px;border:1px solid rgba(62,59,54,.16);padding:26px}.section h2{font-size:20px;line-height:1.35;margin:0 0 14px;color:#2C2A26}.section h3{font-size:16px;margin:0 0 8px;color:#2C2A26}.muted{color:#6B675E}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.media-slot{height:168px;border:1px solid rgba(62,59,54,.16);background:#EFEBE3;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.media-slot.tall{height:340px}.media-slot.banner{height:220px}.media-slot.wide{height:190px}.number-strips{display:grid;gap:10px}.number-strip{display:grid;grid-template-columns:52px 1fr;gap:14px;background:#EFEBE3;border:1px solid rgba(62,59,54,.16);border-radius:10px;padding:16px}.number-strip .mark{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#3E3B36;color:#F7F3EB;font-weight:700}.note-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.note{background:#F7F3EB;border-left:4px solid #6A7A58;padding:18px;border-radius:8px}.shelf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.shelf{background:#EFEBE3;border:1px solid rgba(62,59,54,.16);border-radius:10px;padding:18px;min-height:138px}.letter-list{display:grid;gap:10px}.letter-item{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start}.letter-item b{background:#A65A3A;color:#F7F3EB;border-radius:8px;min-height:40px;display:flex;align-items:center;justify-content:center}.timeline{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.timeline article{min-width:220px;background:#EFEBE3;border-top:4px solid #6A7A58;border-radius:10px;padding:16px}.grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:#EFEBE3;border:1px solid rgba(62,59,54,.16);border-radius:10px;padding:18px}.page-head{padding:30px 0 18px}.page-head p{max-width:800px}.content-stack{display:grid;gap:16px}.content-block{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:10px;padding:22px}.content-block p:last-child{margin-bottom:0}.checklist{display:grid;gap:10px}.check-item{background:#F7F3EB;border:1px solid rgba(62,59,54,.16);border-radius:9px;padding:16px 16px 16px 44px;position:relative}.check-item:before{content:'◆';position:absolute;left:17px;top:16px;color:#A65A3A}.theme-list{display:grid;gap:12px}.theme-row{display:grid;grid-template-columns:150px 1fr;gap:16px;background:#F6F3ED;border-bottom:1px solid rgba(62,59,54,.16);padding:18px 0}.terms h2{margin-top:26px}.faq-list details{background:#F6F3ED;border:1px solid rgba(62,59,54,.16);border-radius:10px;padding:14px 18px;margin:10px 0}.faq-list summary{cursor:pointer;font-weight:700;color:#2C2A26}.site-footer{background:#2A2824;color:#E8E4DC;border-top:1px solid #C8C2B6;padding:32px 0 72px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.footer-brand div{display:grid}.footer-brand span{font-size:12px;color:#C8C2B6}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.footer-grid h3{font-size:13px;margin:0 0 8px;color:#F7F3EB}.footer-grid a{display:block;font-size:13px;color:#E8E4DC;padding:4px 0}.footer-note,.copyright{font-size:13px;color:#C8C2B6}.footer-note{margin-top:24px;border-top:1px solid rgba(200,194,182,.25);padding-top:18px}.overlay{position:fixed;z-index:80;inset:0;background:rgba(42,40,36,.42);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.open{opacity:1;visibility:visible;pointer-events:auto}.drawer{position:fixed;z-index:90;top:0;bottom:0;left:0;width:380px;max-width:88vw;background:#F6F3ED;transform:translateX(-102%);visibility:hidden;pointer-events:none;transition:.25s;overflow-y:auto;box-shadow:0 12px 28px rgba(44,42,38,.08)}.drawer.open{transform:none;visibility:visible;pointer-events:auto}.drawer-head{position:sticky;top:0;background:#D6D0C6;border-bottom:1px solid rgba(62,59,54,.16);min-height:62px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between}.drawer-brand{display:flex;align-items:center;gap:10px}.icon-close{min-width:44px;height:44px;border:1px solid rgba(62,59,54,.16);background:#F7F3EB;border-radius:9px;color:#3E3B36;cursor:pointer}.drawer-group{padding:14px}.drawer-group h3{font-size:13px;color:#6B675E}.drawer-group a{display:grid;gap:2px;padding:10px 12px;border-radius:8px}.drawer-group a:hover{background:#EFEBE3}.drawer-group span{font-size:12px;color:#6B675E}.search-layer{position:fixed;z-index:88;top:78px;left:0;right:0;visibility:hidden;pointer-events:none}.search-layer.open{visibility:visible;pointer-events:auto}.search-card{width:min(880px,calc(100% - 32px));margin:auto;background:#D6D0C6;border:1px solid rgba(62,59,54,.16);box-shadow:0 12px 28px rgba(44,42,38,.08);border-radius:0 0 12px 12px;padding:18px}.search-head{display:flex;justify-content:space-between;gap:16px}.search-head p{margin:2px 0 0;color:#6B675E}.search-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.search-links a{min-height:44px;padding:10px 14px;background:#F7F3EB;border:1px solid #A65A3A;border-radius:9px}.mobile-bar{display:none}
@media(max-width:760px){.rock-tabs{display:none}main{padding-top:78px;padding-bottom:58px}.hero-intro{padding:24px}.two-col,.note-cols,.grid-cards{grid-template-columns:1fr}.shelf-grid{grid-template-columns:1fr 1fr}.theme-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.site-footer{padding-bottom:92px}.search-layer{top:0;bottom:0;background:#3E3B36;padding:16px}.search-card{width:100%;height:100%;border-radius:12px;background:#3E3B36;color:#F7F3EB}.search-head p{color:#E8E4DC}.search-links a{background:#F7F3EB;color:#3E3B36}.mobile-bar{position:fixed;z-index:67;left:0;right:0;bottom:0;min-height:48px;padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:#D6D0C6;border-top:1px solid rgba(62,59,54,.16)}.mobile-bar a{min-height:48px;display:flex;align-items:center;justify-content:center;font-size:12px}.mobile-bar a.active{background:#A65A3A;color:#F7F3EB}.timeline{margin-right:-16px}.page-wrap{width:calc(100% - 32px)}}
