.dns-controls{margin-bottom:24px}.search-wrapper{position:relative;margin-bottom:16px}.search-wrapper i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gray-400)}.search-input{width:100%;padding:14px 16px 14px 45px;border:1px solid var(--gray-300);border-radius:50px;font-size:0.95rem;transition:all 0.3s}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,0.1)}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{background:var(--gray-100);border:none;padding:8px 20px;border-radius:40px;font-size:0.85rem;cursor:pointer;transition:all 0.2s}.filter-btn.active{background:var(--primary-color);color:white}.dns-table-container{overflow-x:auto;margin-bottom:24px;border-radius:16px;border:1px solid var(--gray-200)}.dns-table{width:100%;border-collapse:collapse;font-size:0.85rem}.dns-table th{background:var(--gray-50);padding:14px 12px;text-align:left;font-weight:600;border-bottom:1px solid var(--gray-200)}.dns-table td{padding:12px;border-bottom:1px solid var(--gray-200);vertical-align:middle}.dns-table tr:hover{background:var(--gray-50)}.dns-name{font-weight:600;display:flex;align-items:center;gap:8px}.dns-badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:0.7rem;font-weight:500}.badge-domestic{background:#d1fae5;color:#065f46}.badge-international{background:#e0e7ff;color:#3730a3}.badge-ipv6{background:#fef3c7;color:#92400e}.badge-adblock{background:#fce7f3;color:#be185d}.ip-address{font-family:'Fira Code',monospace;font-size:0.8rem;background:var(--gray-100);padding:4px 8px;border-radius:6px;display:inline-block}.copy-btn{background:transparent;border:1px solid var(--gray-300);padding:4px 10px;border-radius:20px;cursor:pointer;font-size:0.7rem;transition:all 0.2s}.copy-btn:hover{background:var(--primary-color);color:white;border-color:var(--primary-color)}.dns-stats{display:flex;gap:24px;padding:16px;background:var(--gray-50);border-radius:16px;margin-bottom:24px}.stat-item{display:flex;align-items:center;gap:8px;font-size:0.85rem}.stat-item i{color:var(--primary-color)}.info-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin-top:16px}.info-card{background:white;padding:16px;border-radius:16px;text-align:center;border:1px solid var(--gray-200)}.info-card i{font-size:28px;color:var(--primary-color);margin-bottom:12px}.info-card h4{margin-bottom:8px;font-size:0.9rem}.info-card p{font-size:0.7rem;color:var(--gray-500);line-height:1.4}.copy-toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--gray-800);color:white;padding:10px 24px;border-radius:40px;font-size:0.85rem;z-index:1000;opacity:0;transition:all 0.3s}.copy-toast.show{transform:translateX(-50%) translateY(0);opacity:1}@media (max-width:900px){.info-grid{grid-template-columns:repeat(2, 1fr)}.dns-table th,.dns-table td{padding:10px 8px}}@media (max-width:768px){.info-grid{grid-template-columns:1fr}.filter-buttons{justify-content:center}}