.cn-dns-page[data-v-cc0398f5]{max-width:1400px;margin:0 auto;padding:20px}.page-title[data-v-cc0398f5]{font-size:28px;font-weight:700;margin-bottom:24px;text-align:center}.dn-section[data-v-cc0398f5]{margin-bottom:32px}.section-title[data-v-cc0398f5]{font-size:22px;font-weight:600;margin-bottom:12px}.section-desc[data-v-cc0398f5]{color:#666;margin-bottom:20px;line-height:1.6}.dn-cards[data-v-cc0398f5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.dn-card[data-v-cc0398f5]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;transition:box-shadow .2s}.dn-card[data-v-cc0398f5]:hover{box-shadow:0 4px 16px #0000001f}.dn-card-header[data-v-cc0398f5]{margin-bottom:16px}.dn-card-title[data-v-cc0398f5]{font-size:18px;font-weight:600;margin-bottom:8px}.dn-card-desc[data-v-cc0398f5]{font-size:14px;color:#666;margin-bottom:12px;line-height:1.4}.dn-card-tags[data-v-cc0398f5]{display:flex;gap:8px;flex-wrap:wrap}.dn-tag[data-v-cc0398f5]{background:#f0f0f0;padding:4px 8px;border-radius:4px;font-size:12px;color:#666}.dn-grid[data-v-cc0398f5]{display:flex;align-items:center;gap:8px;margin-bottom:12px}.dn-grid-label[data-v-cc0398f5]{font-size:12px;font-weight:600;color:#999;width:50px}.dn-grid-btn[data-v-cc0398f5]{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;padding:8px 12px;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;cursor:pointer;transition:all .2s}.dn-grid-btn[data-v-cc0398f5]:hover{background:#e8e8e8;border-color:#ccc}.dn-grid-btn-wide[data-v-cc0398f5]{flex:1;text-align:left}.dn-grid-empty[data-v-cc0398f5]{font-size:13px;color:#999;padding:8px 12px}.dn-card-footer[data-v-cc0398f5]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0}.dn-apply-btn[data-v-cc0398f5]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;cursor:pointer;transition:transform .2s}.dn-apply-btn[data-v-cc0398f5]:hover{transform:translateY(-2px)}.dn-link[data-v-cc0398f5]{font-size:13px;color:#3b82f6;text-decoration:none}.dn-link[data-v-cc0398f5]:hover{text-decoration:underline}.dn-config-section[data-v-cc0398f5]{padding-top:32px;border-top:2px solid #e0e0e0}.dn-tabs-wrapper[data-v-cc0398f5]{margin-bottom:16px}.dn-tabs-label[data-v-cc0398f5]{font-size:14px;color:#666;margin-bottom:8px}.dn-tabs[data-v-cc0398f5]{display:flex;gap:8px;flex-wrap:wrap}.dn-tab[data-v-cc0398f5]{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:8px 16px;font-size:14px;cursor:pointer;transition:all .2s}.dn-tab[data-v-cc0398f5]:hover{background:#f5f5f5}.dn-tab.active[data-v-cc0398f5]{background:#3b82f6;color:#fff;border-color:#3b82f6}.dn-tabs-provider[data-v-cc0398f5]{display:flex;gap:8px;flex-wrap:wrap}.dn-panels[data-v-cc0398f5]{display:flex;flex-direction:column;gap:16px;margin-top:24px}.dn-panel[data-v-cc0398f5]{background:#f5f5f5;border-radius:8px;padding:16px}.dn-panel-title[data-v-cc0398f5]{font-size:14px;font-weight:600;margin-bottom:12px}.dn-code[data-v-cc0398f5]{background:#2d2d2d;color:#f8f8f2;border-radius:6px;padding:12px;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-x:auto;margin-bottom:12px}.dn-copy-btn[data-v-cc0398f5]{background:#3b82f6;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:13px;cursor:pointer}.dn-copy-btn[data-v-cc0398f5]:hover{background:#2563eb}.dn-os-desc[data-v-cc0398f5]{margin-top:24px}.dn-desc-text[data-v-cc0398f5]{font-size:14px;color:#666;line-height:1.6;padding:12px;background:#fff;border-radius:6px;border-left:3px solid #3b82f6}.dn-toast[data-v-cc0398f5]{position:fixed;bottom:32px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:20px;font-size:14px;font-weight:600;color:#fff;z-index:999;box-shadow:0 4px 12px #0003}.dn-toast[data-kind=ok][data-v-cc0398f5]{background:#43a047}.dn-toast[data-kind=err][data-v-cc0398f5]{background:#f44336}.toast-fade-enter-active[data-v-cc0398f5],.toast-fade-leave-active[data-v-cc0398f5]{transition:opacity .2s,transform .2s}.toast-fade-enter-from[data-v-cc0398f5],.toast-fade-leave-to[data-v-cc0398f5]{opacity:0;transform:translate(-50%) translateY(8px)}.page-intro[data-v-cc0398f5]{font-size:15px;color:#555;line-height:1.7;margin-bottom:24px;padding:16px;background:#f8fafc;border-radius:8px;border-left:4px solid #3b82f6}.dn-faq-section[data-v-cc0398f5]{background:#f8fafc;padding:24px;border-radius:12px}.dn-faq-item[data-v-cc0398f5]{margin-bottom:16px}.dn-faq-details[data-v-cc0398f5]{background:#fff;border-radius:8px;padding:0;border:1px solid #e2e8f0}.dn-faq-summary[data-v-cc0398f5]{font-size:15px;font-weight:600;color:#333;padding:14px 16px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.dn-faq-summary[data-v-cc0398f5]::-webkit-details-marker{display:none}.dn-faq-summary[data-v-cc0398f5]:after{content:"▼";font-size:12px;color:#3b82f6;transition:transform .2s}.dn-faq-details[open] .dn-faq-summary[data-v-cc0398f5]:after{transform:rotate(180deg)}.dn-faq-answer[data-v-cc0398f5]{font-size:14px;color:#666;line-height:1.7;padding:0 16px 16px;margin-top:-8px}@media(max-width:768px){.cn-dns-page[data-v-cc0398f5]{padding:16px}.page-title[data-v-cc0398f5]{font-size:24px}.dn-cards[data-v-cc0398f5]{grid-template-columns:1fr}.dn-card[data-v-cc0398f5]{padding:16px}.dn-tabs[data-v-cc0398f5],.dn-tabs-provider[data-v-cc0398f5]{flex-direction:column}}@media(max-width:420px){.page-title[data-v-cc0398f5]{font-size:20px}.section-title[data-v-cc0398f5]{font-size:18px}.dn-card-title[data-v-cc0398f5]{font-size:16px}.dn-grid[data-v-cc0398f5]{flex-direction:column;align-items:flex-start}.dn-grid-label[data-v-cc0398f5]{width:auto;margin-bottom:4px}.dn-grid-btn[data-v-cc0398f5]{width:100%}}