:root{--bg:#fff;--fg:#1b2433;--mu:#5a6475;--cd:#f4f6fa;--bd:#e1e5ec;--rd:#e30a17}
:root[data-theme=dark]{--bg:#0f141c;--fg:#e8ecf3;--mu:#9aa5b8;--cd:#18202c;--bd:#2a3444}
*{box-sizing:border-box}body{margin:0;font:16px/1.65 system-ui,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--fg)}a{color:var(--rd)}img{max-width:100%;height:auto}
.hd{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:8px 20px;background:var(--bg);border-bottom:1px solid var(--bd)}.logo{height:44px;width:auto;color:var(--fg)}.lg{text-decoration:none}
#nv{display:flex;gap:16px;align-items:center}#nv a{text-decoration:none;color:var(--fg);font-weight:600}#mb{display:none}#tg,#mb{background:none;border:1px solid var(--bd);color:var(--fg);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:18px}
.btn{display:inline-block;background:var(--rd);color:#fff!important;border:0;border-radius:8px;padding:10px 18px;font-weight:700;cursor:pointer;text-decoration:none}
.star{transform-origin:50px 9px;animation:bl 1.4s infinite}@keyframes bl{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.15;transform:scale(.6)}}
.hero{display:flex;gap:30px;align-items:center;justify-content:center;flex-wrap:wrap;padding:48px 20px;background:var(--cd)}.hero>div{max-width:560px}h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.2}
.w{max-width:1100px;margin:30px auto;padding:0 20px}.toc ol{columns:2;color:var(--mu)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.card{background:var(--cd);border:1px solid var(--bd);border-radius:14px;padding:22px}.card h2{font-size:1.2rem}
details{border:1px solid var(--bd);border-radius:10px;padding:12px 16px;margin:8px 0}summary{cursor:pointer;font-weight:600}
.frm{display:grid;gap:10px;max-width:560px;margin:30px auto;padding:0 20px}.frm input,.frm textarea{padding:10px;border:1px solid var(--bd);border-radius:8px;background:var(--bg);color:var(--fg);font:inherit}.frm textarea{min-height:120px}
footer{background:var(--cd);border-top:1px solid var(--bd);padding:20px;margin-top:40px;margin-bottom:56px}.fl{display:flex;flex-wrap:wrap;gap:14px;margin:12px 0}
.stk{position:fixed;right:12px;bottom:70px;display:flex;flex-direction:column;gap:8px;z-index:60}.stk a{background:var(--rd);color:#fff;text-decoration:none;padding:10px 14px;border-radius:24px;font-weight:700;text-align:center}
.mob{display:none}#ck{position:fixed;left:0;right:0;bottom:0;z-index:99;background:var(--cd);border-top:1px solid var(--bd);padding:12px 20px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}#ck button{padding:8px 14px;border-radius:8px;border:1px solid var(--rd);cursor:pointer;background:var(--rd);color:#fff}#ck #ce{background:none;color:var(--fg)}
@media(max-width:780px){#mb{display:block}#nv{display:none;position:absolute;top:60px;left:0;right:0;background:var(--bg);flex-direction:column;padding:16px}#nv.o{display:flex}.mob{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:70}.mob a{flex:1;background:var(--rd);color:#fff;text-align:center;padding:14px;font-weight:700;text-decoration:none;border-right:1px solid #fff5}.stk{bottom:130px}.toc ol{columns:1}}.lg2{max-width:820px}.lg2 h2{margin-top:28px}.pt{width:100%;border-collapse:collapse}.pt td,.pt th{border:1px solid var(--bd);padding:8px;text-align:left}