:root{--blue:#1268b3;--bg:#f3f4f6;--card:#fff;--text:#1f2937;--muted:#6b7280;--line:#e5e7eb}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--blue);text-decoration:none}.bar{background:var(--blue);color:#fff;align-items:baseline;gap:12px;padding:14px 16px;display:flex}.bar .brand{color:#fff;font-size:20px;font-weight:700}.bar .muted{color:#cfe2f5}.wrap{max-width:1040px;margin:0 auto;padding:16px}.muted{color:var(--muted)}.foot{font-size:14px}h1{margin:8px 0 4px}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:16px;display:grid}.card{background:var(--card);border:1px solid var(--line);text-align:center;color:var(--text);border-radius:10px;padding:10px}.card:hover{border-color:var(--blue)}.card img{aspect-ratio:1;width:100%;height:auto}.card .no{color:var(--muted);font-size:13px}.detail{background:var(--card);border:1px solid var(--line);border-radius:12px;grid-template-columns:minmax(0,320px) 1fr;gap:24px;padding:20px;display:grid}.detail img{width:100%;height:auto}@media (max-width:640px){.detail{grid-template-columns:1fr}}.chips{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.chip{border:1px solid var(--blue);color:var(--blue);border-radius:999px;padding:2px 10px;font-size:14px}table{border-collapse:collapse;width:100%;margin-top:8px}td{border-bottom:1px solid var(--line);padding:4px 0}td.v{text-align:right;width:48px;padding-right:10px;font-weight:600}.meter{background:var(--line);border-radius:4px;height:8px;overflow:hidden}.meter span{background:var(--blue);height:100%;display:block}.pager{justify-content:space-between;gap:8px;margin-top:16px;display:flex}.btn{border:1px solid var(--blue);background:#fff;border-radius:8px;padding:6px 14px;display:inline-block}