:root{--cream:#FFF8E6;--deep:#F5E6B8;--panel:#FFFDF6;--ink:#2C2416;--text:#3D3426;--muted:#5C5140;--assist:#7A6E58;--yellow:#F4D03F;--gold:#E6B422;--brown:#8B6914;--green:#6B8F3A;--light:#FBEAA0;--border:rgba(44,36,22,.12);--shadow:0 14px 34px rgba(44,36,22,.09);--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--text);font:16px/1.75 system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.wrap{width:min(var(--max),calc(100% - 32px));margin:auto}.site-header{position:fixed;z-index:60;top:0;left:0;right:0}.banana-strip{height:10px;background:var(--gold);color:var(--ink);font-size:0}.strip-inner{height:10px;display:flex;align-items:center;justify-content:space-between}.strip-inner span,.strip-inner .text-btn{font-size:10px;line-height:10px;transform:translateY(11px);background:var(--gold);padding:3px 8px;border:0;color:var(--ink)}.banana-stage{height:52px;background:var(--cream);border-bottom:1px solid rgba(230,180,34,.5)}.stage-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand-link{display:flex;align-items:center;min-height:44px}.brand-logo{display:block;max-width:190px;height:24px;object-fit:contain}.brand-word{font-weight:800;color:var(--brown);font-size:20px}.stage-actions{display:flex;gap:10px;align-items:center}.menu-btn,.app-btn,.btn-primary,.btn-secondary{min-height:44px;padding:9px 15px;border-radius:10px;border:1px solid var(--gold);font-weight:700}.menu-btn,.btn-secondary{background:var(--cream);color:var(--brown)}.app-btn,.btn-primary{background:var(--gold);color:var(--ink)}.banana-tabs{height:44px;background:var(--cream);border-bottom:1px solid var(--border)}.tab-inner{height:100%;display:flex;align-items:center;gap:16px}.tab-link{height:44px;display:flex;align-items:center;border-bottom:3px solid transparent;font-weight:600;color:var(--muted)}.tab-link.is-active,.tab-link:hover{color:var(--brown);border-color:var(--gold)}.site-main{padding-top:124px;min-height:70vh}.hero,.section-block{padding:34px 0}.hero h1,.page-hero h1{margin:0 0 12px;color:var(--ink);font-size:clamp(28px,4vw,32px);line-height:1.25}.hero p,.page-hero p{margin:0;color:var(--muted);max-width:800px}.grid-2,.grid-3,.grid-4{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card,.feature,.prose-card,.status-card,.mini-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.card-body,.feature-body,.prose-card,.status-card,.mini-card{padding:20px}.card h2,.feature h2,.prose-card h2,.section-title{color:var(--ink);margin:0 0 10px;line-height:1.3}.card p,.feature p,.prose-card p{margin:0 0 14px}.media-img,.media-placeholder{display:block;width:100%;height:165px;object-fit:contain;object-position:center;background:linear-gradient(135deg,var(--light),var(--cream));padding:8px}.cover-img,.cover-placeholder{height:min(220px,42vw);object-fit:contain;object-position:center;background:var(--light);padding:8px}.feature{max-width:900px;margin:auto}.feature-body{text-align:left}.eyebrow{display:inline-block;color:var(--green);font-weight:800;letter-spacing:.08em;margin-bottom:7px}.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.text-link{font-weight:800;color:var(--brown);border-bottom:2px solid var(--gold);padding-bottom:2px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.section-head p{max-width:640px;margin:0;color:var(--muted)}.section-head h2{margin:0;color:var(--ink)}.split-section{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:22px;align-items:center}.split-section.reverse{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr)}.split-section.reverse .visual{order:2}.visual .media-img,.visual .media-placeholder{height:190px}.status-card h3,.mini-card h3{margin:0 0 8px;color:var(--ink)}.status-card p,.mini-card p{margin:0;color:var(--muted)}.page-hero{padding:42px 0 18px}.content-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding-bottom:46px}.article-stack{display:grid;gap:18px}.prose-card h2{font-size:22px}.prose-card h3{color:var(--brown);margin:18px 0 6px}.prose-card p{margin:0 0 12px}.prose-card ul{margin:8px 0 0;padding-left:20px}.side-box{position:sticky;top:142px;align-self:start;background:var(--deep);border-radius:12px;padding:18px}.side-box h2{font-size:18px;margin:0 0 10px;color:var(--ink)}.side-box a{display:block;padding:8px 0;border-bottom:1px solid var(--border);color:var(--brown);font-weight:700}.app-showcase{display:grid;grid-template-columns:minmax(240px,380px) 1fr;gap:28px;align-items:center}.app-img{display:block;width:100%;max-height:420px;object-fit:contain;background:var(--light);border-radius:12px;padding:10px}.faq-list{display:grid;gap:14px}.faq-item{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px}.faq-item h2{font-size:19px;margin:0 0 8px;color:var(--ink)}.faq-item p{margin:0}.site-footer{background:var(--ink);color:var(--cream);padding:38px 0 80px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:24px}.footer-grid h2{font-size:15px;color:var(--light);margin:0 0 8px}.footer-grid a{display:block;color:var(--cream);opacity:.9;padding:3px 0}.footer-brand p{color:var(--light);margin:14px 0 0;max-width:450px}.footer-brandline{display:flex;align-items:center;gap:10px}.footer-brandline div{display:grid}.footer-brandline span{font-size:12px;color:var(--light)}.footer-logo{height:24px;max-width:180px;object-fit:contain}.copyright{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,248,230,.15);color:var(--light);font-size:14px}.overlay{position:fixed;inset:0;background:rgba(44,36,22,.35);z-index:70;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.banana-box,.search-layer{position:fixed;z-index:80;right:max(16px,calc((100vw - var(--max))/2));top:62px;background:var(--cream);border-top:2px solid var(--gold);border-radius:0 0 10px 10px;box-shadow:var(--shadow);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-12px);transition:.2s}.banana-box{width:min(440px,calc(100vw - 32px));max-height:calc(100vh - 78px);overflow:auto}.search-layer{width:min(430px,calc(100vw - 32px));padding:18px}.banana-box.is-open,.search-layer.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:none}.box-head,.search-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--border)}.box-brand{display:flex;align-items:center;gap:8px}.box-brand img{height:22px;max-width:150px;object-fit:contain}.close-btn{min-width:44px;min-height:44px;border-radius:10px;border:1px solid var(--gold);background:var(--panel);color:var(--brown)}.box-groups{padding:10px 18px 18px}.box-groups section+section{margin-top:14px}.box-groups h2{font-size:14px;color:var(--green);margin:0 0 5px}.box-groups a{display:grid;grid-template-columns:92px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid var(--border)}.box-groups b{color:var(--ink)}.box-groups span{color:var(--muted);font-size:14px}.search-head{padding:0 0 12px}.search-look input{width:100%;min-height:48px;margin:14px 0;border:1px solid var(--gold);border-radius:10px;background:var(--panel);padding:0 12px;color:var(--muted)}.search-links{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.search-links a{min-height:44px;display:flex;align-items:center;padding:8px 10px;background:var(--light);border-radius:10px;color:var(--brown);font-weight:700}.panel-open{overflow:hidden}.mobile-nav{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--green);outline-offset:3px}
@media(max-width:820px){.banana-tabs{display:none}.site-main{padding-top:80px}.content-wrap{grid-template-columns:1fr}.side-box{position:static}.grid-3,.grid-4{grid-template-columns:1fr 1fr}.split-section,.split-section.reverse,.app-showcase{grid-template-columns:1fr}.split-section.reverse .visual{order:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.banana-box{top:62px;right:16px;max-height:58vh}.search-layer{top:62px;right:16px}.mobile-nav{position:fixed;z-index:65;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);height:calc(50px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--cream);border-top:1px solid var(--border)}.mobile-nav a{display:flex;align-items:center;justify-content:center;min-width:0;font-size:14px}.mobile-nav a.is-active{background:var(--gold);color:var(--ink);font-weight:800}.site-footer{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.hero,.section-block{padding:26px 0}}
@media(max-width:620px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.stage-actions{gap:6px}.menu-btn,.app-btn{padding:8px 11px}.strip-inner span{max-width:58vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.box-groups a{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.cover-img,.cover-placeholder{height:200px}.media-img,.media-placeholder{height:160px}.section-head{align-items:start;flex-direction:column}.app-showcase{gap:18px}}