:root{color-scheme:light;--bg:#f7faff;--panel:rgba(255,255,255,.88);--text:#111b31;--muted:#667891;--border:#dfe6ef;--soft:#f1f4f8;--green:#079b63;--red:#cc4761;--shadow:0 16px 55px #24456b0b;--gradient:linear-gradient(115deg,#2679f3,#00c395)}
:root[data-theme=dark]{color-scheme:dark;--bg:#0c1422;--panel:rgba(23,34,52,.94);--text:#edf3fc;--muted:#a5b4cc;--border:#2b3b52;--soft:#202e43;--green:#50daa2;--red:#ff8e9e;--shadow:0 16px 55px #0002}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 0 0,#647bff20,transparent 55%),radial-gradient(ellipse at 100% 15%,#08c8bb13,transparent 50%),var(--bg);color:var(--text);font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;min-height:100vh}main{max-width:1120px;margin:0 auto;padding:40px 28px 28px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);margin-bottom:20px;padding:28px 30px}.header{display:flex;justify-content:space-between;align-items:flex-start}.brand{font-size:16px;font-weight:750;text-decoration:none;color:var(--text);display:inline-flex;gap:9px;align-items:center;margin-bottom:12px}.brand span{color:var(--muted);font-size:10px;letter-spacing:2px;font-weight:600}h1{font-size:25px;line-height:1.4;margin:0 0 8px;font-weight:750;letter-spacing:-.5px}h2{font-size:16px;margin:0 0 10px;font-weight:700}p{color:var(--muted);margin:0}.header p{font-size:14px}.recommendation{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:30px;padding-bottom:30px}#best-host{font-size:30px;letter-spacing:-.7px;font-weight:750;line-height:1.4;overflow-wrap:anywhere}.badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.badges span,#progress,.best-badge{background:var(--soft);border:1px solid var(--border);border-radius:24px;padding:4px 11px;font-size:12px;color:var(--muted)}.actions{display:flex;align-items:center;gap:12px;flex-shrink:0}button,a.primary,a.secondary{font-family:inherit;font-size:14px;font-weight:650;line-height:1.5;white-space:nowrap;cursor:pointer;text-align:center;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 18px;border-radius:28px;text-decoration:none;transition:transform .15s,opacity .15s}button{color:var(--text)}.secondary{border:1px solid var(--border);background:transparent;color:var(--text)}.primary{border:1px solid transparent;color:white;background:var(--gradient);box-shadow:0 8px 22px #008ac51a}.disabled,button:disabled{opacity:.45;cursor:default}.disabled{pointer-events:none}button:not(:disabled):hover,a[href]:hover{transform:translateY(-1px)}:focus-visible{outline:3px solid #418bff;outline-offset:4px}[hidden]{display:none!important}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.section-heading h2{margin:0}.table-wrap{border:1px solid var(--border);border-radius:16px;overflow:hidden}table{border-collapse:collapse;width:100%;text-align:left}th{background:var(--soft);color:var(--muted);font-size:13px;font-weight:600;padding:15px 18px}td{padding:19px 18px;border-top:1px solid var(--border);font-size:14px}td strong{font-size:15px;font-weight:650}td small{display:block;color:var(--muted);font-size:12px;margin-top:3px}td .best-badge{margin-left:9px;padding:3px 8px;font-size:10px}.operation{text-align:right}.available{color:var(--green)!important}.failed,.timeout{color:var(--red)}.pending{color:var(--muted)}#message{font-size:13px;margin-top:17px;min-height:21px}footer{text-align:center;font-size:12px;padding:4px 18px 14px}footer p+p{margin-top:5px}footer a{color:inherit}
@media(max-width:640px){main{padding:18px 14px}.panel{border-radius:18px;padding:22px 19px;margin-bottom:15px}.header p{max-width:250px;font-size:13px}.header button{padding:8px 14px;min-height:38px}h1{font-size:23px}.recommendation{align-items:stretch;flex-direction:column;gap:20px}#best-host{font-size:25px}.recommendation>.actions{justify-content:flex-end}.section-heading{align-items:flex-start}.section-heading .actions{gap:6px}#progress{font-size:11px;padding:4px 8px}.section-heading button{padding:5px 9px;min-height:30px;font-size:12px}.targets{padding:20px 16px}thead{display:none}tbody,tr,td{display:block}tr{display:grid;grid-template-columns:1fr auto;padding:15px;gap:8px 10px;border-top:1px solid var(--border)}tr:first-child{border-top:0}td{padding:0;border:0}td:first-child{grid-column:1/-1}td:nth-child(2){grid-column:1;grid-row:2}td:nth-child(3){grid-column:1;grid-row:3;color:var(--muted);font-size:12px}td:nth-child(3)::before{content:'响应耗时 ';color:var(--muted)}td:last-child{grid-column:2;grid-row:2/4;align-self:center}td strong{overflow-wrap:anywhere}.operation a{min-height:38px;padding:8px 15px}footer{padding:2px 4px 12px;text-align:left;font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
