body{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#f5f7fa;color:#18202a;line-height:1.58;margin:0}
header{background:#111827;color:#fff;padding:28px 18px}.wrap,main{max-width:1050px;margin:auto}main{padding:20px 18px}
section,.card{background:#fff;border:1px solid #dde3ea;border-radius:14px;padding:20px;margin-bottom:18px}
a{color:#075fb8}.local{color:#08775b}.meta{font-size:12px;color:#657180;background:#f7f9fb;padding:10px;border-radius:8px}
.term{border-top:1px solid #edf1f5;padding:13px 0}.term:first-of-type{border-top:0}.term h3{margin:0 0 5px}
.btn{display:inline-block;border:1px solid #cbd5e1;border-radius:999px;padding:5px 9px;text-decoration:none;font-size:12px;margin:4px 5px 0 0}
.search{position:sticky;top:0;z-index:3;background:#fff;padding:10px 18px;border-bottom:1px solid #ddd}.search input{width:100%;max-width:1050px;margin:auto;display:block;padding:11px;border:1px solid #bbb;border-radius:9px}
.hidden{display:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px}.pill{border:1px solid #ddd;background:#fff;padding:9px;border-radius:9px;text-decoration:none}

.online-more{margin-top:18px;padding:14px;border:1px solid #d8e2ee;border-radius:10px;background:#f8fbff}.online-more h2{margin-top:0}.online-more .btn{background:#fff}.source-note{font-size:12px;color:#657180}

.modebar{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px;padding:10px;border:1px solid #d7e0ea;border-radius:12px;background:#f8fafc}
.btn.online{background:#fff7e8;border:1px solid #f0b54d;color:#7a4600}
.btn.online:hover{background:#ffedc7}
.modehint{font-size:.9rem;color:#53606f;margin-top:-8px;margin-bottom:16px}