:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#182539;background:#f7f9fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:76px;background:#fff;border-bottom:1px solid #e8edf3;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1080px)/2))}.brand{display:flex;gap:11px;align-items:center;color:#15263d;text-decoration:none;font-size:18px;font-weight:700;white-space:nowrap}.brand-icon{display:grid;place-items:center;border-radius:10px;background:#2463eb;color:#fff;font-size:15px;width:34px;height:34px;letter-spacing:-1px}.header-note{color:#8893a3;font-size:13px}main{max-width:860px;margin:0 auto;padding:58px 24px 36px}.eyebrow{font-size:11px;letter-spacing:2.4px;color:#2563eb;font-weight:700}h1{font-size:32px;letter-spacing:-1px;margin:14px 0 10px;line-height:1.4}.intro>p{color:#7b8799;font-size:14px;margin:0 0 30px}.ip-card{padding:28px 32px 0;background:#fff;border:1px solid #e1e8f1;border-radius:16px;box-shadow:0 6px 24px #233d6506}.card-top{display:flex;justify-content:space-between;align-items:center}h2{font-size:14px;font-weight:600;margin:0;display:flex;gap:9px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;background:#2563eb}.pill{font-size:11px;padding:5px 10px;border-radius:6px;color:#2563eb;background:#eff5ff;font-weight:600}.ip-value{font-family:"Cascadia Mono",Consolas,monospace;font-size:clamp(26px,5.1vw,46px);letter-spacing:-1.5px;font-weight:700;margin-top:27px;overflow-wrap:anywhere;line-height:1.35}.connection-note{font-size:13px;color:#8b96a6;margin:12px 0 25px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:27px}button{font:inherit;font-size:13px;border:1px solid #2563eb;background:#2563eb;color:#fff;padding:10px 15px;border-radius:7px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .15s}button:hover{background:#1d4ed8}.secondary{color:#59697d;background:#fff;border-color:#dce3ed}.secondary:hover{background:#f3f6fa}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #9cc1ff;outline-offset:3px}#feedback{font-size:12px;color:#397158}.card-bottom{min-height:49px;display:flex;align-items:center;gap:7px;border-top:1px solid #eef1f5;color:#8492a4;font-size:11px}.small-dot{width:5px;height:5px;background:#26a778;border-radius:50%}time{margin-left:auto}.details{background:#fff;border:1px solid #e1e8f1;border-radius:16px;margin-top:20px;overflow:hidden}.section-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 30px;border-bottom:1px solid #edf1f5}.section-heading>span{color:#8b96a6;font-size:11px}dl{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:5px 30px}dl>div{padding:20px 0;min-width:0;border-bottom:1px solid #eef1f5}dl>div:nth-child(even){padding-left:30px}dl>div:nth-last-child(-n+2){border-bottom:0}dt{color:#8b96a6;font-size:12px;margin-bottom:10px}dd{margin:0;font-size:14px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}.detail-note{font-size:11px;background:#fafbfd;border-top:1px solid #eef1f5;margin:0;padding:13px 30px;color:#8b96a6;line-height:1.7}aside{display:flex;align-items:flex-start;gap:9px;margin:22px 4px 0;color:#8a96a6;font-size:12px;line-height:1.9}aside>span{font-size:15px}aside p{margin:0}footer{max-width:812px;margin:0 auto;padding:22px 0 30px;border-top:1px solid #e6ebf2;display:flex;justify-content:space-between;font-size:11px;color:#99a3b2}footer>span:first-child{color:#7d899a;font-weight:600}@media(max-width:560px){header{height:64px;padding:0 22px}.header-note{display:none}main{padding:36px 18px 28px}h1{font-size:27px}.ip-card{padding:22px 22px 0}.ip-value{letter-spacing:-1px}.section-heading{padding:20px 22px}dl{padding:0 22px}dl>div:nth-child(even){padding-left:16px}.detail-note{padding:12px 22px}.card-bottom{font-size:10px}footer{margin:0 22px}.connection-note{line-height:1.8}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.nat-intro{padding:20px 30px 0}.nat-intro>p{font-size:13px;color:#7b8799;line-height:1.8;margin:0 0 15px}.nat-intro #nat-status{font-size:12px;margin:14px 0 0}@media(max-width:560px){.nat-intro{padding:20px 22px 0}}
