:root{--accent: #3b82f6;--panel: #ffffff;--panel-2: #f9fafb;--border: #e5e7eb;--text-strong: #1f2937;--text-muted: #6b7280}.ip-container{max-width:700px;margin:0 auto}.ip-header{margin-bottom:20px}.ip-header h1{margin:0 0 8px;font-size:22px;color:var(--text-strong)}.ip-header p{margin:0;font-size:14px;color:var(--text-muted)}.search-section{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:24px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.search-box{display:flex;gap:12px}.search-input{flex:1;padding:14px 16px;border:1px solid var(--border);border-radius:10px;font-size:15px;color:var(--text-strong);outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--accent)}.search-btn{padding:14px 24px;border:none;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #3b82f64d}.search-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.search-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.my-ip-btn{display:block;width:100%;margin-top:12px;padding:12px;border:1px dashed var(--border);border-radius:10px;background:transparent;color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .2s}.my-ip-btn:hover{border-color:var(--accent);color:var(--accent)}.result-section{background:var(--panel);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;display:none}.result-section.loading,.result-section.visible{display:block}.result-header{padding:16px 20px;background:#f9fafb;border-bottom:1px solid var(--border)}.result-header h2{margin:0;font-size:15px;color:var(--text-strong)}.result-content{padding:20px}.loading-text{text-align:center;padding:40px;color:var(--text-muted)}.loading-text svg{width:40px;height:40px;margin-bottom:12px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-box{background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:10px;padding:16px;text-align:center}.error-box p{margin:0;color:#dc2626;font-size:14px}.info-grid{display:grid;gap:12px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border-radius:10px}.info-label{font-size:13px;color:var(--text-muted)}.info-value{font-size:14px;color:var(--text-strong);font-weight:500;text-align:right;max-width:60%;word-break:break-all}.info-value.accent{color:var(--accent);font-size:16px;font-weight:600}.map-container{margin-top:16px;border-radius:10px;overflow:hidden;background:#f9fafb;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.map-placeholder{text-align:center;color:var(--text-muted);font-size:13px}.map-placeholder svg{width:64px;height:64px;margin-bottom:8px;opacity:.5}.quick-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:16px}.quick-item{text-align:center;padding:16px;background:#f9fafb;border-radius:10px}.quick-value{font-size:18px;font-weight:600;color:var(--accent)}.quick-label{font-size:12px;color:var(--text-muted);margin-top:4px}[data-theme=dark]{--panel: #1f2937;--panel-2: #374151;--border: #4b5563;--text-strong: #e5e7eb;--text-muted: #9ca3af}[data-theme=dark] .search-section,[data-theme=dark] .result-section{background:var(--panel);border-color:var(--border)}[data-theme=dark] .result-header,[data-theme=dark] .info-row,[data-theme=dark] .map-container,[data-theme=dark] .quick-item{background:var(--panel-2)}[data-theme=dark] .error-box{background:#ef44441a;border-color:#ef44444d}[data-theme=dark] .search-input{background:var(--panel-2);color:var(--text-strong);border-color:var(--border)}[data-theme=dark] .my-ip-btn{border-color:var(--border);color:var(--text-muted)}[data-theme=dark] .my-ip-btn:hover{border-color:var(--accent);color:var(--accent)}@media (max-width: 640px){.search-box{flex-direction:column}.search-btn{width:100%}}