.md-panel{--md-blue:#1764db;--md-border:#e3eaf3;color:#24354d;min-width:0}
.dns-certificate{padding:12px;background:#f4f7fb;border:1px solid #e3eaf3;border-radius:8px;max-width:850px}.dns-certificate img{display:block;width:100%;height:auto;object-fit:contain}.dns-root [hidden]{display:none!important}
.md-card{background:#fff;border:1px solid var(--md-border);border-radius:12px;padding:24px;margin-bottom:18px;min-width:0}
.md-heading,.md-toolbar,.md-actions,.md-pagination{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.md-heading{justify-content:space-between;margin-bottom:20px}.md-heading h2{font-size:22px;margin:0}.md-muted{color:#66778f;font-size:13px;line-height:1.8}
.md-panel a{color:var(--md-blue)}.md-panel button,.md-link{cursor:pointer;background:var(--md-blue);border:1px solid var(--md-blue);border-radius:7px;color:#fff!important;padding:10px 17px;font:inherit;font-size:14px;text-decoration:none;display:inline-block}
.md-panel button.secondary,.md-panel .md-link.secondary{background:white;color:var(--md-blue)!important;border-color:#c9d7eb}
.md-panel button:disabled{cursor:wait;opacity:.5}.md-panel input,.md-panel select,.md-panel textarea{box-sizing:border-box;max-width:100%;border:1px solid #cbd6e5;border-radius:7px;padding:11px;background:#fff;color:#24354d;font:inherit;font-size:14px;min-height:42px}
.md-panel input:focus,.md-panel select:focus,.md-panel textarea:focus{outline:2px solid #91b8ee;outline-offset:1px}.md-toolbar input{flex:1;min-width:170px}.md-toolbar{margin-bottom:18px}
.md-scroll{overflow-x:auto}.md-panel table{width:100%;border-collapse:collapse;font-size:14px}.md-panel th{background:#f5f8fc;color:#576a83;text-align:left;font-weight:500}.md-panel td,.md-panel th{padding:15px 12px;border-bottom:1px solid #edf1f7;vertical-align:middle;white-space:nowrap}.md-panel td small{display:block;color:#6d7f98;font-size:12px;margin-top:5px}.md-domain{font-weight:600;font-size:16px}.md-panel td.md-note{white-space:normal;min-width:180px;max-width:320px;overflow-wrap:anywhere}
.md-pagination{justify-content:flex-end;margin-top:20px}.md-pill{background:#edf4ff;color:#1764db;border-radius:5px;padding:4px 8px;font-size:12px}.md-pill.warn{background:#fff2e6;color:#a34a0a}
.md-message{padding:12px 16px;background:#eff6ff;border-radius:7px;color:#204a80;overflow-wrap:anywhere;margin:12px 0}.md-message.error{background:#fff1ef;color:#ab3024}.md-message:empty{display:none}
.md-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:20px 0}.md-info div{padding:15px 0;border-bottom:1px solid #edf1f7;overflow-wrap:anywhere}.md-info dt{color:#687b94;font-size:13px;margin-bottom:8px}.md-info dd{margin:0;font-size:15px}
.md-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:880px;align-items:start}.md-form label{display:grid;gap:8px;font-size:14px}.md-form input,.md-form select,.md-form textarea{width:100%}.md-form .wide{grid-column:1/-1}.md-form .md-check{display:flex;align-items:flex-start;gap:10px;line-height:1.7}.md-form .md-check input{width:18px;min-height:18px;margin-top:3px;flex-shrink:0}.md-price{font-size:28px;font-weight:600;color:var(--md-blue);margin:18px 0}
.md-admin{max-width:1500px;padding:24px 32px;margin:0 auto;font-family:"Microsoft YaHei","PingFang SC",sans-serif}.md-admin-nav{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.md-admin-nav a{padding:12px 16px;text-decoration:none;background:white;border:1px solid #e3eaf3;border-radius:7px}.md-admin .md-panel{display:none}.md-admin .md-panel.active{display:block}
.md-admin-nav a[aria-current=page]{background:#1764db;border-color:#1764db;color:#fff}.md-push-dialog{box-sizing:border-box;width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid #d7e2f0;border-radius:14px;color:#24354d;overflow:auto;box-shadow:0 24px 80px #172e5040}.md-push-dialog::backdrop{background:#13253f80}.md-push-dialog .md-form{max-width:100%}.md-push-dialog input[readonly]{background:#f3f6fa}.md-push-dialog p{margin:0}.md-panel button:disabled{cursor:not-allowed}
.dns-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #e3eaf3;padding:0 0 14px;margin:18px 0}.md-panel .dns-tabs button{background:#f4f7fc;border-color:transparent;color:#4e627c!important}.md-panel .dns-tabs button[aria-current=page]{background:#1764db;color:#fff!important}.dns-message,.dns-modal-note{background:#eff6ff;color:#204a80;padding:12px;border-radius:7px;margin:12px 0;overflow-wrap:anywhere}.dns-message:empty,.dns-modal-note:empty{display:none}.dns-message.error,.dns-modal-note{color:#a83324;background:#fff1ed}.dns-warning{background:#fff8e9;color:#855311;padding:14px;border-radius:8px;font-size:14px;line-height:1.8}.md-panel td.dns-value,.dns-value{white-space:normal;overflow-wrap:anywhere;min-width:160px;max-width:440px}.dns-dialog{box-sizing:border-box;width:min(740px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid #d7e2f0;border-radius:14px;color:#24354d;overflow:auto;box-shadow:0 24px 80px #172e5040}.dns-dialog::backdrop{background:#13253f80}.dns-dialog form{max-width:100%}.dns-code{padding:14px;background:#f4f7fb;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.dns-secret{display:grid;gap:8px}.dns-secret textarea{width:100%;resize:vertical}.dns-total{font-size:30px;color:#1764db;margin:20px 0}.dns-total small{font-size:14px;color:#66778f}.dns-bar{display:block;min-width:2px;height:8px;background:#70a3eb;border-radius:4px}.dns-root button:focus-visible{outline:3px solid #8cbbfa;outline-offset:2px}.dns-content .md-actions{gap:6px}.dns-content .md-actions button{padding:7px 10px}.dns-dialog input[readonly]{background:#f4f7fb}
@media(max-width:700px){.md-card,.md-push-dialog,.dns-dialog{padding:16px}.md-heading h2{font-size:20px}.md-form,.md-info{grid-template-columns:1fr}.md-toolbar input{width:100%;flex-basis:100%}.md-toolbar select{flex:1}.md-admin{padding:16px 12px}.md-panel td,.md-panel th{padding:12px 8px}.md-pagination{justify-content:space-between}.md-heading{align-items:flex-start}.dns-tabs{gap:6px}.md-panel .dns-tabs button{padding:9px 12px}.dns-content .md-actions{min-width:140px}}
