:root{--cream:#F4EDE3;--deep:#E8DCCB;--paper:#FFF8F0;--ink:#2A2118;--text:#3A3128;--muted:#6A5C4E;--soft:#8A7A6A;--brown:#8B5A2B;--orange:#C46A3A;--dark:#5C3A1E;--moss:#3D5C3A;--footer:#2F241A;--line:rgba(42,33,24,.14);--shadow:0 14px 36px rgba(42,33,24,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(1160px,calc(100% - 32px));margin:auto}.site-header{position:fixed;z-index:50;top:0;left:0;right:0}.mushroom-bar{height:10px;background:var(--moss);color:var(--cream);font-size:11px;line-height:10px}.bar-inner{display:flex;justify-content:space-between;align-items:center;height:100%}.text-btn{border:0;background:transparent;color:var(--cream);padding:0 6px;cursor:pointer}.cap-edge{height:8px;background:var(--orange)}.cap-stage{height:56px;background:var(--cream);border-bottom:1px solid var(--line)}.stage-inner{height:100%;display:flex;align-items:center;gap:18px}.brand{min-width:150px;font-weight:800;color:var(--dark);display:flex;align-items:center}.brand-logo,.footer-logo{height:28px;max-width:150px;object-fit:contain}.quick-nav{display:flex;gap:6px;margin:auto}.quick-nav a,.stage-actions a,.box-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border-radius:10px;border:1px solid var(--line);background:var(--paper);color:var(--dark)}.quick-nav a.active{background:var(--brown);color:var(--paper);border-color:var(--brown)}.stage-actions{display:flex;gap:8px}.box-btn{cursor:pointer}.app-link{background:var(--brown)!important;color:var(--paper)!important}.site-main{padding-top:98px}.hero,.section,.page-hero{padding:34px 0}.hero-eyebrow,.eyebrow{color:var(--brown);font-weight:800}.hero h1,.page-hero h1{font-size:clamp(28px,4vw,32px);line-height:1.3;margin:.35em 0}.hero-intro,.lead{max-width:820px;color:var(--muted)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.btn{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border-radius:10px;border:1px solid var(--orange);font-weight:700}.btn.primary{background:var(--brown);border-color:var(--brown);color:var(--paper)}.btn.secondary{background:var(--cream);color:var(--dark)}.media-slot{background:#E9CDB4;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-slot{max-height:260px;min-height:190px}.media-img{width:100%;height:100%;max-height:260px;object-fit:contain;object-position:center}.section{border-top:1px solid var(--line)}.section h2{font-size:24px;color:var(--ink);margin:0 0 12px}.grid-4,.grid-3,.grid-2{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow)}.card .thumb{height:180px;margin:-2px -2px 14px;display:flex;align-items:center;justify-content:center;background:var(--deep);border-radius:10px;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:contain}.card h3{margin:.2em 0;color:var(--dark)}.card p{margin:.4em 0;color:var(--muted)}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px;align-items:center}.split.reverse{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.section-media{min-height:210px;max-height:320px}.section-media img{width:100%;height:100%;max-height:320px;object-fit:contain}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tag{background:var(--deep);color:var(--dark);padding:6px 10px;border-radius:10px;font-size:14px}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.status{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--moss);padding:16px;border-radius:10px}.prose{max-width:900px}.prose h2{margin-top:1.6em}.prose h3{color:var(--dark);margin-top:1.35em}.prose p,.prose li{color:var(--text)}.prose ul{padding-left:1.2em}.note-box{background:var(--deep);border-left:4px solid var(--orange);padding:16px 18px;border-radius:10px;margin:18px 0}.dark-section{background:var(--moss);color:var(--paper)}.dark-section h2,.dark-section p,.dark-section a{color:var(--paper)}.site-footer{background:var(--footer);color:var(--deep);padding:42px 0 calc(22px + env(safe-area-inset-bottom))}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:24px}.footer-grid h2{font-size:16px;color:var(--paper)}.footer-grid a{display:block;color:var(--deep);margin:5px 0}.footer-brand{display:grid;gap:5px;align-content:start}.footer-brand p{color:var(--deep);font-size:14px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:24px;padding-top:18px;font-size:14px}.overlay{position:fixed;inset:0;background:rgba(28,21,15,.45);z-index:70;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.show{opacity:1;visibility:visible;pointer-events:auto}.mushroom-drawer{position:fixed;z-index:80;left:24px;bottom:72px;width:360px;height:380px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:auto;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(20px);transition:.2s}.mushroom-drawer.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.drawer-head{position:sticky;top:0;background:var(--paper);display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.drawer-brand{display:flex;align-items:center;gap:8px}.drawer-brand img{height:24px;max-width:120px;object-fit:contain}.drawer-head button,.search-head button{min-height:44px;border:1px solid var(--line);background:var(--cream);border-radius:10px;cursor:pointer}.drawer-groups{padding:12px}.drawer-groups section{margin-bottom:16px}.drawer-groups h2{font-size:14px;color:var(--brown);margin:0 0 6px}.drawer-groups a{display:block;padding:8px 4px;border-bottom:1px dashed var(--line)}.drawer-groups span{display:block;color:var(--soft);font-size:13px}.search-panel{position:fixed;z-index:85;top:82px;right:max(16px,calc((100vw - 1160px)/2));width:min(500px,calc(100% - 32px));background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:16px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:.2s}.search-panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.search-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.search-panel input{width:100%;min-height:46px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:var(--cream);color:var(--ink)}.preset-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.preset-links a{padding:8px 10px;background:var(--deep);border-radius:10px;color:var(--dark)}.mobile-bottom{display:none}.faq-item{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:18px;margin:12px 0}.faq-item h2{font-size:18px;margin:0 0 8px;color:var(--dark)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:2px}.card a:hover,.quick-nav a:hover,.footer-grid a:hover{text-decoration:underline}@media(max-width:820px){.quick-nav{display:none}.brand{min-width:0;flex:1}.stage-inner{gap:8px}.stage-actions{margin-left:auto}.grid-4,.grid-3,.grid-2,.status-grid,.split,.split.reverse{grid-template-columns:1fr}.card .thumb{height:170px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.mushroom-drawer{left:16px;right:16px;top:74px;bottom:auto;width:auto;height:65vh}.mobile-bottom{position:fixed;z-index:60;left:0;right:0;bottom:0;height:calc(50px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--paper);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:50px;font-size:14px}.mobile-bottom a.active{background:var(--brown);color:var(--paper)}.site-footer{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.search-panel{top:82px;left:16px;right:16px;width:auto}}@media(max-width:520px){.wrap{width:calc(100% - 32px)}.mushroom-bar{font-size:10px}.app-link,.box-btn{padding:0 10px}.footer-grid{grid-template-columns:1fr}.hero,.section,.page-hero{padding:26px 0}}