/* Preserve the SPA DOM and restore it simply by removing the scoped class. */
main.dnsopt-main > :not([data-dns-optimizer-page]){display:none!important}
html.dnsopt-view-open main.dnsopt-main{visibility:visible!important;overflow:auto}
html.dnsopt-view-open #ailanglang-embedded-canvas{display:none!important}
.dnsopt-panel{position:relative;width:100%;min-width:0;box-sizing:border-box;padding:24px;color:#172033;background:#fff;color-scheme:light;font-size:14px;line-height:1.5}
[data-dns-optimizer-entry][data-active="true"]{background:rgba(127,127,127,.14);font-weight:600}
.dark .dnsopt-panel,[data-theme="dark"] .dnsopt-panel{color:#e2e8f0}
.dnsopt-head,.dnsopt-host-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.dnsopt-head h1{font-size:21px;font-weight:650;margin:0}.dnsopt-host h3{font-size:16px;font-weight:600;margin:0;overflow-wrap:anywhere}.dnsopt-description{line-height:1.65;color:#536079;margin:16px 0}.dnsopt-controls{display:flex;gap:8px;flex-wrap:wrap}.dnsopt-action,.dnsopt-close{padding:7px 12px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#172033;font:inherit;cursor:pointer}.dnsopt-action:hover,.dnsopt-close:hover{background:#eef3f9}.dnsopt-action:disabled{opacity:.5;cursor:not-allowed}.dnsopt-panel :focus-visible,.dnsopt-sidebar-button:focus-visible{outline:2px solid #3b82f6;outline-offset:3px}.dnsopt-notice{padding:10px 12px;border-radius:6px;background:#eff6ff;color:#1e40af;overflow-wrap:anywhere}.dnsopt-host{border:1px solid #dbe2ea;border-radius:8px;padding:16px;margin:16px 0}.dnsopt-muted{color:#64748b;font-size:13px;overflow-wrap:anywhere}.dnsopt-error{color:#b42318;overflow-wrap:anywhere}.dnsopt-good{color:#166534}.dnsopt-table-wrap{overflow:auto;margin-top:12px}.dnsopt-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.dnsopt-table th,.dnsopt-table td{padding:10px;border-bottom:1px solid #e2e8f0;vertical-align:top}.dnsopt-table th{font-weight:600;white-space:nowrap}.dnsopt-table td:last-child{min-width:130px;max-width:300px;overflow-wrap:anywhere}.dnsopt-table code{white-space:nowrap}.dnsopt-badge{display:inline-block;margin-left:8px;background:#dcfce7;color:#166534;font-size:11px;padding:1px 5px;border-radius:4px;white-space:nowrap}.dnsopt-details{margin:10px 0;overflow-wrap:anywhere}.dnsopt-details summary{cursor:pointer;font-weight:500}.dnsopt-details ul{padding-left:22px}.dnsopt-details li{margin:5px 0}
.dark .dnsopt-panel,[data-theme="dark"] .dnsopt-panel{background:#111827;border-color:#334155;color-scheme:dark}.dark .dnsopt-host,[data-theme="dark"] .dnsopt-host{border-color:#334155}.dark .dnsopt-description,.dark .dnsopt-muted,[data-theme="dark"] .dnsopt-description,[data-theme="dark"] .dnsopt-muted{color:#a7b4c8}.dark .dnsopt-action,.dark .dnsopt-close,[data-theme="dark"] .dnsopt-action,[data-theme="dark"] .dnsopt-close{background:#1f2937;border-color:#475569;color:#e2e8f0}.dark .dnsopt-action:hover,.dark .dnsopt-close:hover{background:#334155}.dark .dnsopt-notice,[data-theme="dark"] .dnsopt-notice{background:#172b4d;color:#bfdbfe}.dark .dnsopt-table th,.dark .dnsopt-table td,[data-theme="dark"] .dnsopt-table th,[data-theme="dark"] .dnsopt-table td{border-color:#334155}.dark .dnsopt-error,[data-theme="dark"] .dnsopt-error{color:#fca5a5}.dark .dnsopt-good,[data-theme="dark"] .dnsopt-good{color:#86efac}
@media(max-width:640px){.dnsopt-panel{padding:14px}.dnsopt-host-head{align-items:flex-start;flex-direction:column}.dnsopt-host{padding:12px}.dnsopt-table th,.dnsopt-table td{padding:8px}}