
:root{--bg:#f7fafc;--ink:#0f172a;--acc:#16a34a;--navy:#0b3d2e}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:Georgia,"Noto Serif SC","Microsoft YaHei",serif;background:var(--bg);color:var(--ink);line-height:1.8}
a{color:#15803d}.wrap{width:min(1000px,100% - 2rem);margin:auto}.top{background:var(--navy);color:#fff}.bar{display:flex;align-items:center;justify-content:space-between;min-height:60px}
.logo{color:#bbf7d0;font-weight:800;text-decoration:none;letter-spacing:.5px}.nav a{color:#dcfce7;margin-left:14px;text-decoration:none;font-size:14px}.nav a.on{color:#fff}
.burger{display:none;background:0;border:0}.stack{padding:28px 0 10px}.stack h1{font-size:clamp(28px,4vw,44px);line-height:1.2;margin-bottom:12px}
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.feat div{background:#fff;border:1px solid #dbe7e0;border-radius:10px;padding:16px;border-top:4px solid var(--acc)}
.appbox{background:#ecfdf5;border:1px dashed #86efac;border-radius:12px;padding:18px;margin:18px 0}.doc p,main p{margin:0 0 .9rem}.doc h2,main h2{margin:1.1rem 0 .5rem}
.ads-top{padding:10px 0}.foot{background:#0b3d2e;color:#bbf7d0;padding:22px 0;margin-top:36px;font-size:13px}.foot a{color:#fff;margin:0 6px}
@media(max-width:900px){.burger{display:block;width:40px;height:40px;position:relative}.burger:before{content:"";position:absolute;inset:12px 10px;border-top:2px solid #fff;border-bottom:2px solid #fff;box-shadow:0 6px 0 #fff}.nav{display:none;position:absolute;right:0;top:60px;background:var(--navy);padding:12px;width:70%;flex-direction:column}.nav.open{display:flex}.feat{grid-template-columns:1fr}}
