@font-face{font-family:CustomWebFont;src:url(https://fastly.jsdelivr.net/gh/xm17906193/font/web_font.woff2)format("woff2");font-weight:400 600;font-display:swap}:root{--bg-color:#000;--text-primary:#ddd;--text-muted:#888;--border-color:#333;--success:#4caf50;--danger:#f55;--font-base:"CustomWebFont", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}::-webkit-scrollbar-corner{background:0 0}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#333 transparent}body{font-family:var(--font-base);background-color:var(--bg-color);color:var(--text-primary);justify-content:center;align-items:flex-start;min-height:100vh;margin:0;display:flex}#app{width:100%;max-width:800px;padding:3rem 2rem}h1{color:#fff;border-bottom:1px solid var(--border-color);margin:0 0 2rem;padding-bottom:1rem;font-size:1.5rem;font-weight:500}h2{color:#fff;margin:2.5rem 0 1rem;font-size:1.1rem;font-weight:500}h3{color:var(--text-primary);margin:2rem 0 1rem;font-size:1rem;font-weight:500}.data-row{border-bottom:1px solid #111;justify-content:flex-start;align-items:flex-start;padding:.8rem 0;display:flex}.data-row:last-child{border-bottom:none}.data-label{color:var(--text-muted);flex-shrink:0;width:140px;font-size:.95rem}.data-value{font-family:var(--font-base);color:var(--text-primary);word-break:break-all;flex:1;font-size:.95rem}.data-value.success{color:var(--success)}.data-value.danger{color:var(--danger)}.result-dashboard{border-bottom:1px solid #111;align-items:center;gap:2rem;padding:1rem 0 2rem;display:flex}.score-ring{background:conic-gradient(var(--ring-color) var(--score-deg), #222 0deg);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:relative;box-shadow:0 4px 15px #00000080}.score-ring:before{content:"";background-color:var(--bg-color);border-radius:50%;width:76px;height:76px;position:absolute;box-shadow:inset 0 2px 5px #000c}.score-value{font-size:1.8rem;font-weight:600;font-family:var(--font-mono);color:var(--ring-color);position:relative}.score-ring.success-ring{--ring-color:var(--success)}.score-ring.danger-ring{--ring-color:var(--danger)}.result-info{flex-direction:column;gap:.5rem;display:flex}.result-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.95rem}.result-status{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1.5rem;font-weight:600}.result-status.success{color:var(--success)}.result-status.danger{color:var(--danger)}.probe-item{border-bottom:1px solid #111;margin-bottom:1.5rem;padding-bottom:1rem}.probe-item:last-child{border-bottom:none}.probe-header{justify-content:space-between;align-items:flex-start;margin-bottom:.4rem;display:flex}.probe-name{color:#ddd;font-size:.95rem;font-weight:500}.probe-status{border-radius:4px;padding:2px 8px;font-size:.85rem;font-weight:700}.probe-status.abnormal{color:var(--danger);background:#ff55551a}.probe-status.normal{color:var(--success);background:#4caf501a}.probe-desc{color:var(--text-muted);margin:0;font-size:.85rem;line-height:1.6}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9998;opacity:0;pointer-events:none;background-color:#000000d9;justify-content:center;align-items:center;padding:2rem;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{background-color:#0c0c0cf2;border:1px solid #2a2a2a;border-radius:16px;flex-direction:column;width:100%;max-width:1200px;max-height:85vh;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;transform:scale(.98)translateY(10px);box-shadow:0 30px 80px #000c,inset 0 1px #ffffff0d}.modal-overlay.active .modal-content{transform:scale(1)translateY(0)}.modal-header{border-bottom:1px solid #1a1a1a;justify-content:space-between;align-items:center;padding:1.5rem 2.5rem;display:flex}.modal-header h2{color:#fff;letter-spacing:.02em;margin:0;font-size:1.15rem}.modal-close{color:#aaa;cursor:pointer;font-family:var(--font-base);background:#1a1a1a;border:1px solid #333;border-radius:6px;padding:.4rem 1.2rem;font-size:.85rem;font-weight:500;transition:all .2s}.modal-close:hover{color:#000;background:#fff;border-color:#fff}.modal-body{gap:2rem;padding:2.5rem;display:flex;overflow-y:auto}.modal-column{flex-direction:column;flex:1;min-width:0;display:flex}.modal-column h3{color:#777;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-size:.9rem}.modal-pre{font-family:var(--font-mono);color:#d4d4d4;background:#090909;border:1px solid #1a1a1a;border-radius:12px;flex:1;margin:0;padding:1.5rem;font-size:.85rem;line-height:1.6;overflow-x:auto;box-shadow:inset 0 2px 10px #00000080}.json-key{color:#9cdcfe}.json-string{color:#ce9178}.json-number{color:#b5cea8}.json-boolean,.json-null{color:#569cd6}@media (width<=768px){#app{padding:2rem 1.2rem}.data-row{flex-direction:column;padding:1rem 0}.data-label{width:100%;margin-bottom:.4rem;font-size:.9rem}.data-value{font-size:.9rem}.probe-header{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.6rem}.modal-overlay{padding:0}.modal-content{border:none;border-radius:0;height:100vh;max-height:100vh}.modal-body{flex-direction:column;padding:1.5rem}.modal-pre{max-height:40vh}}pre[class*=language-],code[class*=language-]{color:#d4d4d4;text-shadow:none;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;direction:ltr;font-family:Menlo,Monaco,Consolas,Andale Mono,Ubuntu Mono,Courier New,monospace;font-size:13px;line-height:1.5}pre[class*=language-]::selection{text-shadow:none;background:#264f78}code[class*=language-]::selection{text-shadow:none;background:#264f78}pre[class*=language-] ::selection{text-shadow:none;background:#264f78}code[class*=language-] ::selection{text-shadow:none;background:#264f78}@media print{pre[class*=language-],code[class*=language-]{text-shadow:none}}pre[class*=language-]{background:#1e1e1e;margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-]{color:#db4c69;background:#1e1e1e;border-radius:.3em;padding:.1em .3em}.namespace{opacity:.7}.token.doctype .token.doctype-tag{color:#569cd6}.token.doctype .token.name{color:#9cdcfe}.token.comment,.token.prolog{color:#6a9955}.token.punctuation,.language-html .language-css .token.punctuation,.language-html .language-javascript .token.punctuation{color:#d4d4d4}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.inserted,.token.unit{color:#b5cea8}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.deleted{color:#ce9178}.language-css .token.string.url{text-decoration:underline}.token.operator,.token.entity{color:#d4d4d4}.token.operator.arrow{color:#569cd6}.token.atrule{color:#ce9178}.token.atrule .token.rule{color:#c586c0}.token.atrule .token.url{color:#9cdcfe}.token.atrule .token.url .token.function{color:#dcdcaa}.token.atrule .token.url .token.punctuation{color:#d4d4d4}.token.keyword{color:#569cd6}.token.keyword.module,.token.keyword.control-flow{color:#c586c0}.token.function,.token.function .token.maybe-class-name{color:#dcdcaa}.token.regex{color:#d16969}.token.important{color:#569cd6}.token.italic{font-style:italic}.token.constant{color:#9cdcfe}.token.class-name,.token.maybe-class-name{color:#4ec9b0}.token.console,.token.parameter,.token.interpolation{color:#9cdcfe}.token.punctuation.interpolation-punctuation,.token.boolean{color:#569cd6}.token.property,.token.variable,.token.imports .token.maybe-class-name,.token.exports .token.maybe-class-name{color:#9cdcfe}.token.selector,.token.escape{color:#d7ba7d}.token.tag{color:#569cd6}.token.tag .token.punctuation,.token.cdata{color:gray}.token.attr-name{color:#9cdcfe}.token.attr-value,.token.attr-value .token.punctuation{color:#ce9178}.token.attr-value .token.punctuation.attr-equals{color:#d4d4d4}.token.entity{color:#569cd6}.token.namespace{color:#4ec9b0}pre[class*=language-javascript],code[class*=language-javascript],pre[class*=language-jsx],code[class*=language-jsx],pre[class*=language-typescript],code[class*=language-typescript],pre[class*=language-tsx],code[class*=language-tsx]{color:#9cdcfe}pre[class*=language-css],code[class*=language-css]{color:#ce9178}pre[class*=language-html],code[class*=language-html]{color:#d4d4d4}.language-regex .token.anchor{color:#dcdcaa}.language-html .token.punctuation{color:gray}pre[class*=language-]>code[class*=language-]{z-index:1;position:relative}.line-highlight.line-highlight{z-index:0;background:#f7ebc6;box-shadow:inset 5px 0 #f7d87c}
