@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}}.section-container{text-align:center;max-width:900px;margin:5rem auto}.section-title{background:linear-gradient(90deg,#fff,#aaa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:2rem;font-weight:600;display:inline-block}.section-desc{color:#999;max-width:760px;margin:0 auto;font-size:1.1rem;line-height:1.8}.grid-cards{text-align:left;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:3rem;display:grid}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:2rem 1.5rem;transition:all .3s;position:relative;overflow:hidden}.card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-5px);box-shadow:0 10px 30px #00000080}.card:hover:before{opacity:1}.card-icon{margin-bottom:1rem;font-size:2rem}.card h3{color:#fff;margin:0 0 1rem;font-size:1.2rem}.card p{color:#888;margin:0;font-size:.95rem;line-height:1.6}.usecase-cards{text-align:left;flex-direction:column;gap:1.5rem;margin-top:3rem;display:flex}.usecase-card{background:linear-gradient(135deg,#141414cc 0%,#0a0a0ae6 100%);border:1px solid #222;border-radius:12px;padding:2rem;transition:transform .2s,border-color .2s}.usecase-card:hover{border-color:#444}.usecase-card h3{color:#fff;margin:0 0 1rem;font-size:1.25rem}.usecase-content p{color:#999;margin:0 0 .5rem;font-size:.95rem;line-height:1.6}.usecase-content strong{color:#ddd}.site-footer{text-align:center;border-top:1px solid #ffffff0d;margin-top:6rem;padding:3rem 0}.footer-content{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.footer-content p{color:#666;margin:0;font-size:.9rem}.footer-links{gap:2rem;display:flex}.footer-links a{color:#999;align-items:center;gap:.5rem;font-size:.95rem;text-decoration:none;transition:color .2s;display:flex}.footer-links a:hover{color:#fff}.announcement-capsule{text-align:left;background:linear-gradient(90deg,#1a73e81a,#1a73e808);border:1px solid #1a73e833;border-radius:50px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:100%;margin-bottom:3rem;padding:8px 12px 8px 16px;font-size:.9rem;display:inline-flex;box-shadow:0 4px 20px #00000026}@media (width<=600px){.announcement-capsule{border-radius:16px;flex-direction:column;align-items:flex-start;padding:12px 16px}}#mode-selector{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:1.5rem;display:flex}#mode-selector label{cursor:pointer;flex:100px;min-width:0;position:relative}#mode-selector input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}#mode-selector label span{color:#a6a6a6;background:#111;border:1px solid #303030;border-radius:7px;justify-content:center;align-items:center;min-height:43px;padding:10px 8px;font-size:.88rem;line-height:1.4;transition:background-color .15s,border-color .15s,color .15s;display:flex}#mode-selector label:hover input:not(:disabled)+span{color:#eee;background:#1b1b1b}#mode-selector input:checked+span{color:#fff;background:#282828;border-color:#777}#mode-selector input:focus-visible+span{outline-offset:3px;outline:2px solid #b9cdeb}#mode-selector input:disabled+span{opacity:.45;cursor:wait}#start-btn{color:#111;min-height:46px;font-family:var(--font-base);cursor:pointer;background:#ededed;border:1px solid #ededed;border-radius:7px;padding:.8rem 2.5rem;font-size:1rem;font-weight:600;line-height:1.4;transition:background-color .15s,border-color .15s,transform .15s}#start-btn:hover:not(:disabled){background:#fff;border-color:#fff}#start-btn:active:not(:disabled){background:#d6d6d6;border-color:#d6d6d6;transform:translateY(1px)}#start-btn:focus-visible,#docs-link:focus-visible{outline-offset:4px;outline:2px solid #b9cdeb}#custom-keys-box input{color:#eee;width:300px;max-width:100%;min-height:45px;font-family:var(--font-base);background:#111;border:1px solid #3b3b3b;border-radius:7px;padding:11px 14px;font-size:.95rem;transition:border-color .15s,background-color .15s}#custom-keys-box input::placeholder{color:#858585;opacity:1}#custom-keys-box input:hover:not(:disabled){border-color:#606060}#custom-keys-box input:focus{outline-offset:2px;background:#161616;border-color:#b9cdeb;outline:2px solid #b9cdeb33}#custom-keys-box input:disabled{opacity:.45;cursor:wait}#docs-link{color:#9fc5ff;background:#0c1420;border:1px solid #28374b;border-radius:7px;margin-bottom:2.5rem;padding:9px 17px;font-size:.95rem;font-weight:500;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-block}#docs-link:hover{background:#142033;border-color:#4d688d}@media (prefers-reduced-motion:reduce){#mode-selector label span,#start-btn,#custom-keys-box input,#docs-link{transition:none}#start-btn:active:not(:disabled){transform:none}}.demo-description,.demo-status{color:var(--text-muted);font-size:.9rem;line-height:1.6}.demo-description{max-width:32rem;min-height:2.9em;margin:0 auto 1.5rem}.demo-status{min-height:1.6em;margin:1rem 0}.demo-widget-wrap{justify-content:center;display:flex}.demo-result{max-width:700px;color:var(--text-muted);margin:1.25rem auto 0;line-height:1.7}#start-btn:disabled{opacity:.55;cursor:wait!important}@media (width<=480px){#custom-keys-box input{box-sizing:border-box;max-width:100%}}#app.home-app{max-width:none;padding:0}.site-hero{isolation:isolate;background:#020407;justify-content:center;align-items:center;height:100dvh;min-height:480px;display:flex;position:relative;overflow:hidden}.hero-canvas{pointer-events:none;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.site-hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000 80%,#000 100%),radial-gradient(#02040755 0%,#0000 65%);position:absolute;inset:0}.hero-inner{text-align:center;width:100%;max-width:800px;padding:48px 24px 80px}.site-hero .announcement-capsule{box-shadow:none;background:#111723a6;border-color:#ffffff26;margin-bottom:2.5rem}.site-hero h1{letter-spacing:-.035em;border:0;margin:0 0 1.2rem;padding:0;font-size:clamp(3rem,6vw,4.5rem);font-weight:600}.site-hero #intro-text{color:#a8adb8;margin:0 0 2.5rem;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.7}.site-hero #docs-link{margin-bottom:0}.hero-scroll{bottom:max(24px, env(safe-area-inset-bottom));color:#9a9da5;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;left:calc(50% - 22px)}.hero-scroll span{border-bottom:1px solid;border-right:1px solid;width:11px;height:11px;animation:3s ease-in-out infinite hero-scroll-cue;display:block;transform:translateY(-3px)rotate(45deg)}.hero-scroll:hover{color:#fff;background:#ffffff08}.hero-scroll:focus-visible{outline-offset:2px;outline:2px solid #b9cdeb}.home-content{max-width:800px;margin:0 auto;padding:3rem 2rem}@keyframes hero-scroll-cue{0%,to{opacity:.5;transform:translateY(-3px)rotate(45deg)}50%{opacity:1;transform:translateY(3px)rotate(45deg)}}@media (width<=600px){.hero-inner{padding:40px 20px 80px}.site-hero .announcement-capsule{margin-bottom:2rem;font-size:.8rem}.home-content{padding:2rem 1.2rem}}@media (height<=550px){.site-hero{min-height:300px}.hero-inner{padding-top:20px;padding-bottom:55px}.site-hero .announcement-capsule{margin-bottom:1rem}.site-hero h1{margin-bottom:.6rem;font-size:2.6rem}.site-hero #intro-text{margin-bottom:1rem}.hero-scroll{bottom:5px}}@media (prefers-reduced-motion:reduce){.hero-scroll span{animation:none}}.legal-page{padding:5vh 0;line-height:1.85}.legal-page h1{letter-spacing:-.5px;border:0;margin-bottom:1rem;font-size:clamp(1.7rem,5vw,2.2rem)}.legal-meta{color:#969696;margin-bottom:2rem;font-size:.9rem}.legal-content{color:#b0b0b0;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:2.5rem;font-size:.95rem}.legal-content h2{margin:2.2rem 0 .8rem;font-size:1.1rem}.legal-content p{margin:0 0 1.2rem}.legal-content ul{padding-left:1.4rem}.legal-content li{margin-bottom:.8rem}.legal-page a{color:#b9cdeb;text-underline-offset:3px}.legal-page a:hover{color:#fff}.legal-page a:focus-visible{outline-offset:3px;outline:2px solid #b9cdeb}.legal-navigation{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:2.5rem;font-size:.9rem;display:flex}.footer-links{flex-wrap:wrap;justify-content:center;gap:.8rem 1.5rem}@media (width<=600px){.legal-content{padding:1.35rem}.footer-links a{font-size:.85rem}}.legal-review-status{color:#c7b58e;background:#c7b58e08;border-left:2px solid #8a7855;margin:0 0 1.5rem;padding:12px 16px;font-size:.9rem}.legal-important{color:#ddd;border:1px solid #ffffff20;border-radius:6px;padding:14px 16px}