.container[data-v-d20cf20e]{width:100%;background:rgba(255,255,255,.95);border-radius:15px;box-shadow:0 10px 30px #0003;overflow:hidden}header[data-v-d20cf20e]{background:linear-gradient(90deg,#2c3e50,#4a69bd);color:#fff;padding:25px;text-align:center}h1[data-v-d20cf20e]{font-size:2.2rem;margin-bottom:10px}.subtitle[data-v-d20cf20e]{font-size:1.1rem;opacity:.9}.main-content[data-v-d20cf20e]{display:flex;flex-wrap:wrap;padding:20px}.ip-display[data-v-d20cf20e]{flex:1;min-width:300px;padding:20px;background:#f8f9fa;border-radius:10px;margin:10px;box-shadow:0 4px 8px #0000001a}.ip-info[data-v-d20cf20e]{flex:2;min-width:300px;padding:20px;margin:10px}.card[data-v-d20cf20e]{background:white;border-radius:10px;padding:20px;margin-bottom:20px;box-shadow:0 4px 8px #0000001a}.ip-address[data-v-d20cf20e]{font-size:2rem;font-weight:700;color:#2c3e50;margin:15px 0;word-break:break-all}.local-ip[data-v-d20cf20e]{font-size:1.4rem;color:#6c757d;margin:10px 0;word-break:break-all}.btn[data-v-d20cf20e]{background:#4a69bd;color:#fff;border:none;padding:12px 20px;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex;align-items:center;justify-content:center;margin:5px}.btn[data-v-d20cf20e]:hover{background:#3c5aa8;transform:translateY(-2px)}.btn i[data-v-d20cf20e]{margin-right:8px}.btn-secondary[data-v-d20cf20e]{background:#6c757d}.btn-secondary[data-v-d20cf20e]:hover{background:#5a6268}.search-box[data-v-d20cf20e]{display:flex;margin:20px 0}.search-input[data-v-d20cf20e]{flex:1;padding:12px 15px;border:2px solid #ddd;border-radius:5px 0 0 5px;font-size:1rem;outline:none;transition:border .3s}.search-input[data-v-d20cf20e]:focus{border-color:#4a69bd}.search-btn[data-v-d20cf20e]{border-radius:0 5px 5px 0;padding:0 20px}.info-grid[data-v-d20cf20e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px}.info-item[data-v-d20cf20e]{background:#f8f9fa;padding:15px;border-radius:8px;border-left:4px solid #4a69bd}.info-label[data-v-d20cf20e]{font-size:.9rem;color:#6c757d;margin-bottom:5px}.info-value[data-v-d20cf20e]{font-size:1.1rem;font-weight:600;color:#2c3e50}.faq-section[data-v-d20cf20e]{padding:20px;background:#f8f9fa;border-top:1px solid #e9ecef}.faq-title[data-v-d20cf20e]{font-size:1.5rem;margin-bottom:20px;color:#2c3e50;text-align:center}.faq-item[data-v-d20cf20e]{margin-bottom:15px;border-radius:8px;overflow:hidden}.faq-question[data-v-d20cf20e]{background:#4a69bd;color:#fff;padding:15px;cursor:pointer;font-weight:600;display:flex;justify-content:space-between;align-items:center}.faq-answer[data-v-d20cf20e]{background:white;padding:15px;border:1px solid #e9ecef;border-top:none;border-radius:0 0 8px 8px}footer[data-v-d20cf20e]{text-align:center;padding:20px;color:#6c757d;font-size:.9rem;background:#f8f9fa;border-top:1px solid #e9ecef}@media (max-width: 768px){.main-content[data-v-d20cf20e]{flex-direction:column}.ip-address[data-v-d20cf20e]{font-size:1.6rem}.local-ip[data-v-d20cf20e]{font-size:1.2rem}}.ip-type-badge[data-v-d20cf20e]{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:600;margin-left:10px}.badge-public[data-v-d20cf20e]{background:#4a69bd;color:#fff}.badge-local[data-v-d20cf20e]{background:#6c757d;color:#fff}.tabs[data-v-d20cf20e]{display:flex;margin-bottom:20px;border-bottom:1px solid #ddd}.tab[data-v-d20cf20e]{padding:10px 20px;cursor:pointer;font-weight:600;color:#6c757d;border-bottom:3px solid transparent}.tab.active[data-v-d20cf20e]{color:#4a69bd;border-bottom:3px solid #4a69bd}.tab-content[data-v-d20cf20e]{display:none}.tab-content.active[data-v-d20cf20e]{display:block}.usage-grid[data-v-d20cf20e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.usage-item[data-v-d20cf20e]{background:white;border-radius:10px;padding:20px;box-shadow:0 4px 8px #0000001a;text-align:center}.usage-icon[data-v-d20cf20e]{font-size:2.5rem;color:#4a69bd;margin-bottom:15px}.usage-title[data-v-d20cf20e]{font-size:1.2rem;color:#2c3e50;margin-bottom:10px}.ip-classification[data-v-d20cf20e]{margin-top:20px}.ip-class[data-v-d20cf20e]{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:15px}.ip-class h4[data-v-d20cf20e]{color:#2c3e50;margin-bottom:10px}.ip-class p[data-v-d20cf20e]{margin-bottom:5px}