:root{--font-family: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--radius: 10px;--radius-sm: 6px;--space: 16px;--accent-soft: rgb(20 88 199 / .08)}:root[data-theme=light]{color-scheme:light;--bg: #f5f7fa;--surface: #ffffff;--surface-2: #eef1f5;--text: #182230;--text-muted: #5c6b7a;--border: #d9e0e8;--accent: #1458c7;--accent-contrast: #ffffff;--danger: #b42318;--danger-bg: #fef3f2;--danger-border: #fda29b;--warning-bg: #fffaeb;--warning-border: #fec84b;--info-bg: #eff8ff;--info-border: #84caff;--shadow: 0 1px 3px rgb(16 24 40 / .08), 0 1px 2px rgb(16 24 40 / .06);--code-bg: #f1f4f8}:root[data-theme=dark]{color-scheme:dark;--bg: #0d1117;--surface: #161b22;--surface-2: #1d2530;--text: #e6edf3;--text-muted: #8b98a5;--border: #2b3542;--accent: #4c8dff;--accent-contrast: #0b1220;--danger: #ff9a8f;--danger-bg: #3a1d1d;--danger-border: #a3453b;--warning-bg: #33290f;--warning-border: #a16207;--info-bg: #12283a;--info-border: #1f6fb2;--shadow: 0 1px 3px rgb(0 0 0 / .4);--code-bg: #0f141b}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-family);background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased}.page{max-width:960px;margin:0 auto;padding:var(--space);min-height:100vh;display:flex;flex-direction:column;gap:var(--space)}.app-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.logo{width:44px;height:44px;object-fit:contain;flex-shrink:0}:root[data-theme=light] .logo-white{display:none}:root[data-theme=dark] .logo-color{display:none}.brand-text h1{margin:0;font-size:1.25rem;line-height:1.25}.brand-text p{margin:2px 0 0;font-size:.85rem;color:var(--text-muted)}.header-controls{display:flex;gap:8px;flex-shrink:0}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tab{font:inherit;font-size:.95rem;padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:8px}.tab-active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600;cursor:default}.badge{font-size:.7rem;padding:1px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);white-space:nowrap}.query-form{display:flex;flex-direction:column;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space)}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label{font-size:.85rem;font-weight:600;color:var(--text)}.field select,.field input[type=text]{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;width:100%}.field select:focus,.field input[type=text]:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.field input[aria-invalid=true]{border-color:var(--danger)}.hint{margin:0;font-size:.8rem;color:var(--text-muted)}.field-error{margin:0;font-size:.8rem;color:var(--danger)}.field-submit{align-items:stretch}.btn-primary{font:inherit;font-weight:600;padding:10px 22px;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-contrast);cursor:pointer}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-small{padding:6px 14px;font-size:.85rem}.btn-ghost{font:inherit;font-size:.9rem;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.status-line{display:flex;align-items:center;gap:10px;color:var(--text-muted);margin:8px 0}.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.result-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space)}.result-card h2{margin:0 0 12px;font-size:1.05rem}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-sm)}.table-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:1px}table{border-collapse:collapse;width:100%;min-width:560px;font-size:.9rem}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap}th{background:var(--surface-2);font-size:.8rem;color:var(--text-muted);position:sticky;top:0}tbody tr:last-child td{border-bottom:none}code{font-family:ui-monospace,SF Mono,Cascadia Mono,Consolas,monospace;background:var(--code-bg);padding:1px 6px;border-radius:4px}.panel{border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;background:var(--surface);box-shadow:var(--shadow)}.panel:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.panel-error{border-color:var(--danger-border);background:var(--danger-bg)}.panel-warning{border-color:var(--warning-border);background:var(--warning-bg)}.panel-info{border-color:var(--info-border);background:var(--info-bg)}.panel-title{font-size:.95rem}.panel-message{margin:0;font-size:.9rem}.app-footer{margin-top:auto;padding-top:8px;border-top:1px solid var(--border)}.app-footer p{margin:0;font-size:.8rem;color:var(--text-muted)}@media(max-width:379px){:root{--space: 12px}.brand-text h1{font-size:1.1rem}.tab{padding:7px 12px;font-size:.88rem}}@media(min-width:768px){.page{padding:28px 32px;gap:20px}.query-form{flex-direction:row;align-items:flex-end;gap:14px}.field{flex:1}.field-submit{flex:0 0 auto;min-width:160px}.table-wrap{overflow-x:visible}table{min-width:0}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}.feature-panel{min-height:260px}.feature-panel:focus-visible,.network-panel:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.network-panel{display:flex;flex-direction:column;gap:var(--space)}.panel-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.stats{display:flex;gap:10px;flex-wrap:wrap}.stat{display:inline-flex;flex-direction:column;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 14px;box-shadow:var(--shadow)}.stat strong{font-size:1.2rem;line-height:1.2;color:var(--accent)}.stat small{font-size:.75rem;color:var(--text-muted)}.network-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.network-layout{display:grid;grid-template-columns:1fr;gap:var(--space);align-items:start}.map-card{margin:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space)}.map-caption{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.world-map{width:100%;height:auto;display:block;border-radius:var(--radius-sm);background:var(--map-ocean, var(--surface-2))}.map-ocean{fill:var(--surface-2)}.map-graticule{fill:none;stroke:var(--border);stroke-width:.6;opacity:.75}.map-land{fill:var(--text-muted);fill-opacity:.14;stroke:var(--text-muted);stroke-width:.7;stroke-linejoin:round}.map-links path{fill:none;stroke-width:1.6;opacity:.85}.map-link-ok{stroke:var(--accent)}.map-link-down{stroke:var(--danger)}.map-link-unknown{stroke:var(--text-muted);stroke-dasharray:4 3}.map-link-stale{stroke-width:1.2;stroke-dasharray:2 4;opacity:.6}.map-link-selected{stroke-width:3;opacity:1}.map-arrow{fill:var(--text-muted)}.map-nodes .map-node{cursor:pointer;outline:none}.map-nodes .map-node:focus-visible .map-node-dot{stroke:var(--accent);stroke-width:2.5}.map-node-hit{fill:transparent;pointer-events:all}.map-node-dot{fill:var(--surface);stroke:var(--accent);stroke-width:2;pointer-events:none}.map-node-selected .map-node-dot{fill:var(--accent);stroke:var(--surface);stroke-width:2.5}.map-legend{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:10px;font-size:.75rem;color:var(--text-muted)}.legend-item{display:inline-flex;align-items:center;gap:6px}.legend-line{width:22px;height:0;border-top:2px solid;display:inline-block}.legend-line-ok{border-color:var(--accent)}.legend-line-down{border-color:var(--danger)}.legend-line-unknown{border-color:var(--text-muted);border-top-style:dashed}.legend-line-stale{border-color:var(--warning-border);border-top-style:dotted}.network-side{display:flex;flex-direction:column;gap:var(--space);min-width:0}.node-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.node-row{width:100%;font:inherit;text-align:left;display:flex;flex-direction:column;gap:2px;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer}.node-row:hover,.node-row:focus-visible{border-color:var(--accent);outline:none}.node-row-selected{background:var(--accent-soft);border-color:var(--accent)}.node-row-name{font-weight:600;font-size:.92rem}.detail-name{font-weight:600;margin:0 0 2px}.result-card h3{font-size:.9rem;margin:14px 0 6px}.link-table{min-width:460px;font-size:.82rem}.link-state{display:inline-block;font-size:.72rem;font-weight:600;padding:1px 8px;border-radius:999px;border:1px solid transparent;margin-right:6px}.link-state-ok{color:var(--accent);border-color:var(--accent)}.link-state-down{color:var(--danger);border-color:var(--danger)}.link-state-unknown{color:var(--text-muted);border-color:var(--border)}.badge-stale{border-color:var(--warning-border);color:var(--warning-border)}.direction-text{display:block;margin-top:2px}.probe-panel{display:flex;flex-direction:column;gap:var(--space)}.probe-form .field select:disabled{opacity:.6;cursor:not-allowed}.probe-run-card,.probe-result-card{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.probe-run-card .status-line{margin:0}.output-pre{width:100%;margin:0;padding:12px;font-family:ui-monospace,SF Mono,Cascadia Mono,Consolas,monospace;font-size:.82rem;line-height:1.5;color:var(--text);background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;overflow-x:auto;max-height:420px;overflow-y:auto}.output-pre-stderr{border-color:var(--danger-border)}@media(min-width:900px){.network-layout{grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr)}.probe-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.probe-form .field-submit{grid-column:1 / -1}}