:root{--bg:#f8fafc;--card-bg:#fff;--text-main:#0f172a;--text-sub:#475569;--text-muted:#2c60a8;--border:#e2e8f0;--online-bg:#ecfdf5;--online-fg:#047857;--offline-bg:#f1f5f9;--offline-fg:#475569;--error-bg:#fef2f2;--error-fg:#b91c1c;--shadow:0 6px 20px rgba(15,23,42,.06)}body{background:var(--bg);color:var(--text-main)}.wrap{font-family:ui-sans-serif,system-ui;padding:20px}.header{gap:12px;justify-content:space-between;margin-bottom:16px}.actions,.header{align-items:center;display:flex}.actions{gap:10px}.meta{font-size:12px;opacity:.7}.loading{opacity:.7;padding:10px 0}.grid{display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:1400px){.grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.grid{grid-template-columns:repeat(1,1fr)}}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;padding:12px;transition:transform .15s ease,box-shadow .15s ease}.card:hover{box-shadow:0 12px 28px #0f172a1a;transform:translateY(-2px)}.top{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.name{color:var(--text-main);font-size:14px;font-weight:600}.sub{color:var(--text-muted)}.badge,.sub{font-size:12px}.badge{border:none;border-radius:999px;font-weight:600;padding:4px 10px}.badge.online{background:var(--online-bg);color:var(--online-fg)}.badge.offline{background:var(--offline-bg);color:var(--offline-fg)}.badge.error{background:var(--error-bg);color:var(--error-fg)}.kv{display:grid;gap:8px;margin:0}.kv>div{display:flex;gap:10px;justify-content:space-between}dt{color:var(--text-muted)}dd,dt{font-size:12px}dd{color:var(--text-sub);margin:0}.foot{display:flex;flex-direction:column;gap:4px}.img{opacity:.8}.img,.raw{font-size:11px;word-break:break-all}.raw{opacity:.6}.card-link{color:inherit;display:block;text-decoration:none}.card-link:hover .card{box-shadow:0 14px 30px #0f172a1f;transform:translateY(-3px)}.card-link:active .card{transform:translateY(-1px)}.header{border-bottom:1px solid var(--border);border-left:4px solid #2563eb;display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding-bottom:14px;padding-left:12px}.header .title{color:var(--text-main);font-size:30px;font-weight:700;letter-spacing:.02em}.header .subtitle{color:var(--text-sub);font-size:24px;line-height:1.6;max-width:720px}.footer{align-items:center;border-top:1px solid var(--border);color:var(--text-sub);display:flex;font-size:20px;gap:8px;margin-top:14px;padding-top:10px}.footer .label{color:var(--text-muted);font-size:20px;margin-right:4px}.footer .time{font-variant-numeric:tabular-nums}.footer .sep{opacity:.4}.footer .pill{border-radius:999px;font-size:20px;font-weight:600;padding:2px 8px}.footer .pill.online{background:var(--online-bg);color:var(--online-fg)}.footer .pill.offline{background:var(--offline-bg);color:var(--offline-fg)}.footer .cache{font-size:20px;opacity:.7}