:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#15171a;background:#fff;font-synthesis:none}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:clip}body{margin:0}.app-shell{width:calc(100% - 48px);max-width:1185px;margin:16px auto 0}.tab-bar{height:58px;border:1px solid #e3e3e3;border-radius:999px;box-shadow:0 3px 8px #0000000b;display:flex;align-items:center;padding:7px 9px;justify-content:space-between}.tab-bar>span{color:#202124;background:#f2f2f2;white-space:nowrap;font:600 14px inherit;padding:11px 16px;border-radius:999px}.theme-button{border:0;background:#f5f5f5;color:#111;font-size:18px;line-height:1;padding:10px 12px;border-radius:999px;transition:transform .18s;cursor:pointer}.theme-button:hover{transform:rotate(20deg)}.intro{position:relative;padding:23px 0 24px}.intro h1{font-size:28px;line-height:1.25;letter-spacing:-.04em;margin:0;font-weight:750}.intro p{margin:7px 0 0;color:#6c6d70;font-size:16px}.intro form{position:absolute;right:0;bottom:24px;display:flex}.intro input{height:34px;width:210px;border:1px solid #ddd;border-right:0;border-radius:7px 0 0 7px;padding:0 11px;font:13px inherit;outline:none}.intro input:focus{border-color:#4567be}.intro form button{height:34px;border:1px solid #3c5eaf;background:#f7f8ff;color:#3154a7;border-radius:0 7px 7px 0;padding:0 13px;font:600 13px inherit;cursor:pointer}.intro small{color:#c23636;position:absolute;right:0;bottom:3px}.ip-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ip-summary,.ip-details,.privacy-row,.connectivity{min-width:0;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 5px #0000000a;background:#fff}.ip-summary{padding:20px 24px}.ip-summary hr{border:0;border-top:1px solid #e7e7e7;margin:15px 0}.ip-block{min-height:151px;display:flex;flex-direction:column;gap:6px;position:relative}.ip-block:after{content:"";position:absolute;right:0;top:1px;width:24px;height:24px;border-radius:50%;background:#f7f7f8}.block-label{font-size:13px;color:#686b70;margin-top:1px}.ip-block b{font-size:14px;line-height:1.2;font-weight:500;min-height:17px;overflow-wrap:anywhere}.shimmer{display:block;height:15px;width:50%;margin-top:6px;border-radius:4px;background:linear-gradient(90deg,#f2f2f2,#fafafa,#f2f2f2);background-size:200% 100%;animation:shimmer 1.2s infinite}.ip-details{padding:11px 24px}.detail-row{padding:12px 0 10px;border-bottom:1px solid #e7e7e7}.detail-row:last-child{border-bottom:0}.detail-row div{display:flex;align-items:center;justify-content:space-between;gap:8px}.detail-row b{font-size:15px}.detail-row p{margin:10px 0 0;font-size:14px;line-height:1.2;overflow-wrap:anywhere}.domestic,.international{flex:none;font-style:normal;border:1px solid;border-radius:999px;padding:2px 7px;font-size:12px;line-height:1}.domestic{color:#3158ad;border-color:#3158ad;background:#e9eeff}.international{color:#156b68;border-color:#156b68;background:#dff1ef}.detail-empty{height:100%;min-height:313px;display:flex;align-items:center;justify-content:center;color:#777;font-size:14px;text-align:center}.privacy-row{height:49px;margin:17px 0;display:flex;align-items:center;justify-content:flex-end;gap:23px;padding:0 23px}.privacy-info{margin-right:auto;color:#777;font-size:18px}.toggle{display:flex;align-items:center;gap:8px;font-size:14px;white-space:nowrap}.toggle input{position:absolute;opacity:0}.toggle i{width:35px;height:21px;border-radius:99px;background:#f2f3f4;position:relative;transition:background .2s}.toggle i:after{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0002;transition:transform .2s}.toggle input:checked+i{background:#385fc0}.toggle input:checked+i:after{transform:translate(14px)}.connectivity{padding:10px 24px 15px}.test-head{display:none}.test-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(20px,4vw,52px)}.latency-row{min-width:0;height:54px;display:flex;align-items:center;gap:14px}.service{display:flex;align-items:center;gap:8px;min-width:0;flex:0 1 275px}.service img{width:20px;height:20px;object-fit:contain;flex:none}.service b{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:15px;white-space:nowrap}.service em{margin-left:auto}.latency-row>strong{flex:none;width:50px;text-align:right;font-size:15px;color:#777}.latency-row>strong.good{color:#008342}.latency-row>strong.warn{color:#e2af00}.latency-row>strong.bad{color:#d75555}.dots{min-width:0;flex:1;display:flex;gap:clamp(3px,.45vw,6px);justify-content:flex-end}.dots i{width:9px;height:9px;border-radius:50%;background:#f0f1f2;flex:none;animation:dot-in .26s ease both}.dots i.good{background:#008342}.dots i.warn{background:#f4bd00}.dots i.bad{background:#d75555}footer{border-top:1px solid #ececec;text-align:center;color:#727477;font-size:13px;margin:24px calc((100vw - min(1185px,calc(100vw - 48px)))/-2) 0;padding:20px}@keyframes shimmer{to{background-position:-200% 0}}@keyframes dot-in{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@media(min-width:1700px){.app-shell{width:calc(100% - 40px);max-width:2048px}.test-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:30px}.latency-row{height:132px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:40px 40px;column-gap:18px}.service{grid-column:1/-1;min-width:0}.latency-row>strong{width:auto;text-align:left;font-size:23px}.dots{justify-content:flex-start;gap:clamp(6px,.7vw,13px)}.dots i{width:12px;height:12px}}@media(max-width:850px){.app-shell{width:calc(100% - 24px);margin-top:12px}.tab-bar{border-radius:14px;height:auto}.intro{padding:22px 0}.intro h1{font-size:25px}.intro p{font-size:14px}.intro form{position:static;margin-top:17px}.intro input{width:100%}.ip-layout{grid-template-columns:1fr}.privacy-row{gap:12px;padding:0 14px;overflow:auto}.toggle{font-size:12px}.test-grid{grid-template-columns:1fr}.latency-row{height:52px}.service{min-width:0;flex-basis:220px}}@media(max-width:480px){.ip-summary,.ip-details{padding-left:16px;padding-right:16px}.connectivity{padding:8px 14px}.service{flex-basis:145px}.service b{font-size:14px}.dots{gap:4px}.dots i{width:7px;height:7px}.latency-row{gap:7px}.privacy-row{justify-content:flex-start}.privacy-info,.toggle span{display:none}.ip-layout{gap:10px}.tab-bar{padding:5px}.theme-button{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:851px)and (max-width:1699px){.service{flex-basis:190px}.test-grid{column-gap:32px}}@media(min-width:1400px){.app-shell{width:calc(100% - 40px);max-width:1220px}.connectivity{padding:30px 38px 27px;border-radius:16px}.test-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:18px;row-gap:10px}.latency-row{height:119px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:42px 42px;column-gap:18px}.service{grid-column:1 / -1;min-width:0;flex-basis:auto}.service img{width:31px;height:31px}.service b{font-size:21px;letter-spacing:-.04em}.service em{font-size:16px;padding:4px 10px;border-width:2px}.latency-row>strong{width:auto;text-align:left;font-size:24px;letter-spacing:-.05em}.dots{justify-content:flex-start;gap:10px}.dots i{width:12px;height:12px}}