.notice-banner{display:flex;align-items:center;gap:10px;padding:12px 15px;background:#f1f7ff;border:1px solid #dbeafe;border-radius:8px;color:#5d7793;font-size:11px;margin:-10px 0 15px}.notice-icon{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#dcecff;color:#1769e0;font-weight:700}.domain-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.nginx-button{height:30px;padding:0 10px;font-size:10px;white-space:nowrap}.mapping-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px;padding:11px 12px;background:#f7f9fc;border-radius:6px;color:#8292a2;font-size:10px}.mapping-line code{color:#45617d;font-size:10px}.mapping-arrow{color:#1769e0;font-weight:700}.config-backdrop{display:none;position:fixed;inset:0;background:#102a4366;z-index:11;align-items:center;justify-content:center;padding:20px}.config-backdrop.show{display:flex}.config-modal{background:#fff;border-radius:12px;width:min(740px,100%);box-shadow:0 20px 60px #102a4333}.config-hint{font-size:11px;color:#73869a;padding:0 26px;line-height:1.6}.config-modal pre{margin:0 26px;padding:16px;background:#172c42;color:#d9e8f5;border-radius:7px;white-space:pre-wrap;overflow:auto;max-height:390px;font:11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.config-modal .modal-actions{padding:0 26px 24px}@media(max-width:760px){.domain-card-head{display:block}.nginx-button{margin-top:12px}.config-modal pre{margin:0 14px;font-size:10px}.config-hint{padding:0 14px}.config-modal .modal-actions{padding:0 14px 18px}}