:root{color-scheme:light dark;}*{box-sizing:border-box}
body{margin:0;font:16px/1.6 -apple-system,BlinkMacSystemFont,'Noto Sans TC',Roboto,Arial,sans-serif;background:#0b0b0c;color:#e8e8ea}
a{color:#8ab4ff}.topbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#111215;border-bottom:1px solid #2a2a2e;position:sticky;top:0}
.logo{width:28px;height:28px}.title h1{font-size:18px;margin:0}.subtitle{margin:0;opacity:.7;font-size:12px}
.container{max-width:980px;margin:24px auto;padding:0 16px}.nav{margin:8px 0 16px;display:flex;gap:10px;flex-wrap:wrap}
.nav a{padding:6px 10px;border:1px solid #2a2a2e;border-radius:999px;text-decoration:none}
.card{background:#15161a;border:1px solid #2a2a2e;border-radius:14px;padding:16px}
.controls{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}
.controls select,.controls input[type=search]{padding:10px 12px;border-radius:10px;border:1px solid #2a2a2e;background:#0f1013;color:#e8e8ea}
.controls button{padding:10px 12px;border-radius:10px;border:1px solid #2a2a2e;background:#1d1f24;color:#e8e8ea;cursor:pointer}
.status{margin:6px 0 12px;opacity:.8;font-size:14px}.group{margin-top:16px}
.group-title{margin:10px 0;opacity:.9;font-size:15px;border-left:4px solid #2a8ef7;padding-left:8px}
.result{border:1px solid #2a2a2e;background:#111215;border-radius:12px;padding:12px;margin-top:8px}
.result .meta{opacity:.8;font-size:13px;margin-bottom:6px}.result .plain{opacity:.9;margin-top:6px}
.result .tip{margin-top:4px;font-size:13px;color:#ffcc66}mark{background:#ffcc66;color:#111;border-radius:3px;padding:0 2px}
.ts{opacity:.6;font-size:12px;margin-top:10px}
@media (max-width:640px){.controls{grid-template-columns:1fr}.controls button{width:100%}}