.dns-container[data-v-c9429d10]{max-width:1000px;margin:0 auto;padding:20px 16px;min-height:100vh;background-color:#f5f7fa}.page-title[data-v-c9429d10]{text-align:center;font-size:28px;font-weight:700;color:#1f2937;margin-bottom:24px;padding:12px 0 0}.input-section[data-v-c9429d10]{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:20px;width:100%;box-sizing:border-box}.input-wrapper[data-v-c9429d10]{display:flex;gap:12px}.domain-input[data-v-c9429d10]{flex:1;padding:14px 18px;font-size:15px;border:2px solid #e5e7eb;border-radius:8px;outline:none;transition:all .3s ease;background-color:#fff;color:#1f2937}.domain-input[data-v-c9429d10]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.domain-input.input-error[data-v-c9429d10]{border-color:#ef4444;background-color:#fef2f2}.type-select[data-v-c9429d10]{padding:14px 16px;font-size:14px;border:2px solid #e5e7eb;border-radius:8px;outline:none;transition:all .3s ease;background-color:#fff;color:#1f2937;cursor:pointer;min-width:140px}.type-select[data-v-c9429d10]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.query-btn[data-v-c9429d10]{padding:14px 32px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 12px rgba(59,130,246,.35)}.query-btn[data-v-c9429d10]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(59,130,246,.45)}.query-btn[data-v-c9429d10]:disabled{opacity:.5;cursor:not-allowed}.error-message[data-v-c9429d10]{margin-top:10px;font-size:14px;color:#ef4444;font-weight:500}.normalized-hint[data-v-c9429d10]{margin-top:10px;font-size:13px;color:#6b7280;display:flex;gap:12px;flex-wrap:wrap}.domain-highlight[data-v-c9429d10]{color:#3b82f6;font-weight:600;font-family:Courier New,monospace}.type-hint[data-v-c9429d10]{color:#6b7280}.type-highlight[data-v-c9429d10]{color:#059669;font-weight:600}.result-section[data-v-c9429d10]{background-color:#fff;border-radius:12px;padding:22px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.result-header[data-v-c9429d10]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;border-bottom:2px solid #e5e7eb}.result-title[data-v-c9429d10]{font-size:18px;font-weight:700;color:#1f2937}.result-domain[data-v-c9429d10]{font-size:14px;font-weight:400;color:#6b7280;font-family:Courier New,monospace;margin-left:8px}.copy-btn[data-v-c9429d10]{padding:7px 16px;font-size:13px;color:#3b82f6;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;cursor:pointer;transition:all .2s ease}.copy-btn[data-v-c9429d10]:hover{background-color:#dbeafe}.type-tabs[data-v-c9429d10]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.type-tab[data-v-c9429d10]{padding:6px 14px;font-size:13px;font-weight:500;color:#4b5563;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all .2s ease}.type-tab[data-v-c9429d10]:hover{background-color:#e5e7eb;color:#1f2937}.type-tab.active[data-v-c9429d10]{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.records-list[data-v-c9429d10]{display:flex;flex-direction:column;gap:10px}.record-item[data-v-c9429d10]{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease}.record-item[data-v-c9429d10]:hover{background-color:#f0f9ff;border-color:#bfdbfe}.record-index[data-v-c9429d10]{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;background-color:#3b82f6;border-radius:50%}.record-content[data-v-c9429d10]{flex:1;min-width:0}.record-main[data-v-c9429d10]{margin-bottom:6px}.record-value[data-v-c9429d10]{font-size:15px;font-weight:600;color:#1f2937;font-family:Courier New,monospace;word-break:break-all;line-height:1.5}.record-details[data-v-c9429d10]{display:flex;flex-wrap:wrap;gap:12px}.detail-item[data-v-c9429d10]{font-size:12px;color:#6b7280}.detail-item strong[data-v-c9429d10]{color:#059669;font-family:Courier New,monospace}.error-section[data-v-c9429d10]{display:flex;align-items:flex-start;gap:12px;padding:18px 20px;margin-bottom:20px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:12px}.error-icon[data-v-c9429d10]{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;background-color:#ef4444;border-radius:50%}.error-text[data-v-c9429d10]{font-size:14px;color:#991b1b;line-height:1.6}.usage-tips[data-v-c9429d10]{margin-top:28px;padding:22px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.tips-title[data-v-c9429d10]{font-size:17px;font-weight:700;color:#1f2937;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid #e5e7eb}.tips-list[data-v-c9429d10]{list-style:none;padding:0;margin:0}.tips-list li[data-v-c9429d10]{position:relative;padding-left:22px;margin-bottom:10px;font-size:14px;line-height:1.6;color:#4b5563}.tips-list li[data-v-c9429d10]:last-child{margin-bottom:0}.tips-list li[data-v-c9429d10]:before{content:"•";position:absolute;left:8px;color:#3b82f6;font-weight:700;font-size:18px}@media(max-width:1024px){.page-title[data-v-c9429d10]{font-size:26px}}@media(max-width:768px){.dns-container[data-v-c9429d10]{padding:14px 10px}.page-title[data-v-c9429d10]{font-size:24px;margin-bottom:18px}.input-section[data-v-c9429d10]{padding:16px 14px;margin-bottom:16px}.input-wrapper[data-v-c9429d10]{display:flex;width:100%;gap:8px;flex-wrap:wrap}.domain-input[data-v-c9429d10]{flex:1;font-size:14px;padding:13px 16px;min-width:0}.type-select[data-v-c9429d10]{flex:0 0 auto;min-width:120px;font-size:13px;padding:13px 12px}.query-btn[data-v-c9429d10]{flex:0 0 auto;padding:13px 18px;font-size:15px}.result-section[data-v-c9429d10]{padding:16px 14px}.type-tabs[data-v-c9429d10]{gap:6px}.type-tab[data-v-c9429d10]{padding:5px 12px;font-size:12px}.usage-tips[data-v-c9429d10]{padding:16px 12px;margin-top:22px}.tips-title[data-v-c9429d10]{font-size:16px}.tips-list li[data-v-c9429d10]{font-size:13px}}@media(max-width:480px){.input-wrapper[data-v-c9429d10]{flex-direction:column}.domain-input[data-v-c9429d10],.type-select[data-v-c9429d10],.query-btn[data-v-c9429d10]{width:100%;box-sizing:border-box}.record-item[data-v-c9429d10]{flex-direction:column;gap:10px}.record-details[data-v-c9429d10]{flex-direction:column;gap:6px}}@media(max-width:375px){.type-tabs[data-v-c9429d10]{justify-content:center}.result-header[data-v-c9429d10]{flex-direction:column;gap:10px;align-items:flex-start}}