*{box-sizing:border-box}
body{
  margin:0;line-height:1.55;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --bg:#f6f8fb;--fg:#1a1f2b;--card:#fff;--bd:#e3e7ee;--accent:#16325C;
  --muted:#6b7280;--code:#0b1f45;--codebg:#eef1f7;--req:#c0392b;
  background:var(--bg);color:var(--fg);
}
@media(prefers-color-scheme:dark){
  body{
    --bg:#0d1117;--fg:#e6edf3;--card:#161b22;--bd:#232a33;--accent:#8ab0f0;
    --muted:#8b949e;--code:#cdd9ff;--codebg:#1b2233;--req:#ff7b72;
  }
}
.wrap{max-width:920px;margin:0 auto;padding:34px 20px 72px}
header{display:flex;align-items:center;gap:16px}
header img{width:60px;height:60px}
h1{font-size:1.55rem;margin:0}
.sub{color:var(--muted);margin:4px 0 26px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:18px 20px;margin:16px 0}
.card h2{margin:0 0 12px;font-size:1.05rem}
code{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  background:var(--codebg);color:var(--code);padding:1px 6px;border-radius:5px;font-size:.9em;
}
pre{
  background:var(--codebg);color:var(--code);padding:13px 15px;border-radius:9px;
  overflow-x:auto;font-size:.82rem;margin:0;
}
table{width:100%;border-collapse:collapse;font-size:.92rem}
td,th{text-align:left;padding:7px 8px;border-bottom:1px solid var(--bd)}
th{color:var(--muted);font-weight:600}
.grid{display:grid;gap:13px;margin-top:14px}
.tool{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:14px 16px}
.th{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.emoji{font-size:1.1rem}
.tn{font-size:1rem;font-weight:700}
.cat{
  margin-left:auto;font-size:.72rem;color:var(--muted);
  border:1px solid var(--bd);border-radius:999px;padding:2px 10px;
}
.tool p{margin:9px 0 6px}
.params{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.params li{font-size:.78rem;background:var(--codebg);border-radius:6px;padding:2px 8px}
.ty{color:var(--muted)}
.req{color:var(--req);font-weight:700}
.badge{
  display:inline-block;background:var(--accent);color:#fff;
  font-size:.72rem;border-radius:999px;padding:2px 10px;
}
a{color:var(--accent)}
.muted{color:var(--muted)}
.foot{margin-top:30px;color:var(--muted);font-size:.85rem}