:root{color-scheme:dark;--bg: #061018;--panel: rgba(12, 28, 44, .82);--line: rgba(125, 211, 252, .24);--text: #f0f9ff;--muted: #93b4cc;--accent: #fbbf24;--accent-2: #38bdf8}*{box-sizing:border-box}body{min-height:100vh;margin:0;color:var(--text);background:radial-gradient(circle at 82% 4%,rgba(251,191,36,.18),transparent 36rem),radial-gradient(circle at 8% 92%,rgba(56,189,248,.2),transparent 34rem),var(--bg);font-family:SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif}.page{width:min(960px,calc(100% - 40px));margin:0 auto;padding:72px 0 40px}.hero{padding:36px 0 30px;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 18px;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.16em}h1{margin:0;font-size:clamp(40px,8vw,84px);line-height:.96;letter-spacing:-.045em}.lead{max-width:660px;margin:22px 0 0;color:var(--muted);font-size:17px;line-height:1.8}.clock{margin:22px 0 0;color:var(--accent-2);font-variant-numeric:tabular-nums;font-size:14px}.panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.85fr);gap:18px 24px;align-items:center;margin-top:28px;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--panel);backdrop-filter:blur(16px)}.panel h2{margin:0 0 10px;font-size:24px}.panel p{margin:6px 0;color:var(--muted);font-size:14px;line-height:1.7}code{color:#e2e8f0;font-size:12px;overflow-wrap:anywhere}.result{min-height:116px;padding:16px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);font-size:13px;display:flex;flex-direction:column;gap:8px;justify-content:center}.result-success{border-color:#4ade8073;color:#dcfce7}.result-error{border-color:#f8717180;color:#fee2e2}.result strong{color:var(--accent);font-size:15px}.result time{color:var(--muted);font-variant-numeric:tabular-nums}.probe{grid-column:1 / -1;justify-self:start;border:0;border-radius:999px;padding:13px 22px;color:#07131d;background:linear-gradient(135deg,var(--accent),var(--accent-2));font:inherit;font-weight:700;cursor:pointer}.probe:disabled{opacity:.6;cursor:wait}.probe:focus-visible{outline:3px solid #fef08a;outline-offset:3px}footer{display:flex;justify-content:space-between;gap:16px;margin-top:34px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}@media(max-width:760px){.page{padding-top:40px}.panel{grid-template-columns:1fr;padding:22px}footer{flex-direction:column}}