.ip-card{background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5em 1.8em;margin-bottom:1.5em;box-shadow:var(--shadow-xs);position:relative;overflow:hidden}.ip-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),#6366f1)}.ip-input-label{display:block;font-size:.88rem;font-weight:700;color:var(--color-text-dark);margin-bottom:.6em}.ip-hint{font-size:.78rem;color:var(--color-sub);margin:.55em 0 0;line-height:1.5}.ip-search-row{display:flex;gap:.5em;margin-bottom:1.5em;flex-wrap:wrap}.ip-input{flex:1;min-width:200px;padding:.65em .9em;border:1px solid var(--color-border-input);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit;color:var(--color-text);background:var(--color-bg-input);outline:0;transition:border-color .2s}.ip-input:focus{border-color:var(--color-primary)}.ip-btn-primary,.ip-btn-secondary{padding:.65em 1.2em;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.95rem;font-family:inherit;white-space:nowrap;transition:opacity .15s,background .15s}.ip-btn-primary{background:var(--color-primary);color:#fff!important}.ip-btn-primary:hover:not(:disabled){background:var(--color-primary-hover);color:#fff!important}.ip-btn-secondary{background:var(--color-border);color:var(--color-text-dark)!important}.ip-btn-secondary:hover:not(:disabled){background:var(--color-border-input);color:var(--color-text-dark)!important}.ip-btn-primary:disabled,.ip-btn-secondary:disabled{opacity:.55;cursor:default!important}.ip-loading{color:var(--color-sub);padding:1em 0;font-size:.95rem}.ip-error{padding:.85em 1em;border-radius:var(--radius-sm);margin-bottom:1em;font-size:.95rem;background:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-error-border)}.ip-result{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:.5em}.ip-result-header{background:var(--color-primary);color:#fff;padding:.85em 1.2em;display:flex;align-items:center;flex-wrap:wrap;gap:.5em}.ip-address{font-size:1.25rem;font-weight:700;font-family:monospace;flex:1;letter-spacing:.04em;word-break:break-all}.ip-badge{font-size:.7rem;font-weight:600;background:rgba(255,255,255,.25);border-radius:3px;padding:.15em .55em;letter-spacing:.03em}.ip-grid{display:grid;grid-template-columns:1fr 1fr}.ip-item{padding:.75em 1.2em;border-bottom:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:.2em}.ip-item:nth-child(odd){border-right:1px solid var(--color-border-light)}.ip-item:last-child,.ip-item:nth-last-child(2):nth-child(odd){border-bottom:none}.ip-item-full{grid-column:1/-1;border-right:none!important}.ip-item-full:last-child{border-bottom:none}.ip-label{font-size:.775rem;color:var(--color-sub);font-weight:600;letter-spacing:.02em}.ip-value{font-size:.93rem;color:var(--color-text);word-break:break-all}.ip-map-link{display:inline-block;margin-left:.65em;font-size:.82rem;color:var(--color-primary);text-decoration:none}.ip-map-link:hover{text-decoration:underline}@media (max-width:480px){.ip-grid{grid-template-columns:1fr}.ip-item:nth-child(odd){border-right:none}.ip-item:last-child{border-bottom:none}.ip-item:nth-last-child(2):nth-child(odd){border-bottom:1px solid var(--color-border-light)}.ip-item-full{grid-column:1}}