:root{--bg: #0f172a;--card-bg: #1e293b;--border: #334155;--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--accent2: #818cf8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;justify-content:center;padding:40px 16px}.container{width:100%;max-width:760px}.header{text-align:center;margin-bottom:28px}.logo{font-size:44px;margin-bottom:8px}.header h1{font-size:28px;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{color:var(--muted);margin-top:8px;font-size:14px}.status{text-align:center;padding:32px;color:var(--muted);font-size:15px}.status.loading:before{content:"";display:inline-block;width:14px;height:14px;margin-right:10px;border:2px solid var(--muted);border-top-color:var(--accent);border-radius:50%;vertical-align:-2px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;overflow:hidden}.ip-block{display:flex;flex-direction:column;align-items:center;padding:28px 16px;background:linear-gradient(135deg,#38bdf81f,#818cf81f);border-bottom:1px solid var(--border)}.ip-label{color:var(--muted);font-size:13px;letter-spacing:1px}.ip{font-size:30px;font-weight:700;margin-top:8px;font-family:SF Mono,Consolas,Courier New,monospace;color:var(--accent);word-break:break-all;text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1px;background:var(--border)}.item{background:var(--card-bg);padding:16px;display:flex;flex-direction:column;gap:6px}.label{color:var(--muted);font-size:12px;letter-spacing:.5px}.value{font-size:15px;font-weight:500;word-break:break-all}.footer{text-align:center;color:var(--muted);font-size:12px;margin-top:20px}.error{background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:16px;border-radius:12px;text-align:center}.hidden{display:none}