*{box-sizing:border-box}
:root{--bg:#eef5ff;--card:rgba(255,255,255,.92);--text:#14213d;--muted:#6b7890;--line:#d8e0eb;--good:#12ad64;--blue:#1689f4;--cyan:#08c3a5}
body{margin:0;font-family:Arial,"Microsoft YaHei",sans-serif;background:radial-gradient(circle at 85% 10%,#d8fbff,transparent 32%),linear-gradient(135deg,#eaf2ff,#f8fbff);color:var(--text);min-height:100vh}
.detector-wrap{width:min(1060px,calc(100% - 28px));margin:0 auto;padding:28px 0 60px}
.back{display:inline-block;margin-bottom:14px;color:#54708d;text-decoration:none;font-size:13px}
.head-card,.best-card,.table-card{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 16px 40px rgba(53,90,130,.10)}
.head-card{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 28px}
.tag{font-size:10px;font-weight:900;letter-spacing:1px;color:#147ae8}
.head-card h1{margin:7px 0 8px;font-size:24px}
.head-card p{margin:0;color:var(--muted);font-size:13px}
button{border:1px solid #d5deea;background:#f8fafc;border-radius:999px;padding:10px 16px;font-weight:700;cursor:pointer}
.best-card{margin-top:16px;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.small-title{font-size:12px;font-weight:800}
.best-card h2{font-size:23px;margin:9px 0}
.chips{display:flex;gap:9px}.chips span,.table-head span{background:#f2f5f9;border:1px solid #dce4ee;border-radius:999px;padding:5px 10px;font-size:12px;color:#6a788c}
.actions{display:flex;gap:10px}.visit{padding:11px 20px;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;text-decoration:none;font-weight:900}.disabled{opacity:.45;pointer-events:none}
.table-card{margin-top:16px;padding:18px}
.table-head{display:flex;justify-content:space-between;align-items:center;padding:0 4px 12px}.table-head h3{font-size:15px}
.rows{border:1px solid var(--line);border-radius:16px;overflow:hidden}
.row{display:grid;grid-template-columns:1.7fr .6fr .5fr auto;gap:14px;align-items:center;padding:16px 18px;background:#fff}
.row+.row{border-top:1px solid var(--line)}
.host strong{font-size:14px}.host small{display:block;color:#7b8ba2;margin-top:5px}.status{font-size:13px;font-weight:800;color:var(--good)}.latency{font-size:13px;font-weight:900;color:#ff6f00}.row .visit{padding:9px 17px}
.footnote{font-size:11px;color:#78879a;margin:12px 6px 0}
body.dark{--card:rgba(23,31,48,.93);--text:#edf4ff;--muted:#9fb0c6;--line:#344259;background:linear-gradient(135deg,#101827,#172236)}
body.dark .row{background:#192438}body.dark button,body.dark .chips span,body.dark .table-head span{background:#233049;color:#cbd8e9;border-color:#3b4960}
@media(max-width:700px){.head-card,.best-card{align-items:flex-start;flex-direction:column}.actions{width:100%}.actions>*{flex:1;text-align:center}.row{grid-template-columns:1fr auto}.status,.latency{font-size:12px}.row .visit{grid-column:1/-1;text-align:center}.best-card h2{word-break:break-all}}