/* Aurora Admin ConfirmModal 样式 — 对齐 组件7.txt ConfirmModal:危险操作确认弹窗,确认(红/主)/取消,可加载、可不再提示 */ .aa-modal-mask { position: fixed; inset: 0; background: rgba(0,0,0,0.45); z-index: 2000; display: flex; align-items: center; justify-content: center; } .aa-confirm { width: 400px; max-width: 90vw; background: #fff; border-radius: 8px; padding: 24px; box-shadow: 0 8px 24px rgba(0,0,0,0.18); font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); } .aa-confirm-head { display: flex; gap: 12px; align-items: flex-start; } .aa-confirm-icon { width: 22px; height: 22px; border-radius: 50%; flex-shrink: 0; color: #fff; font-size: 13px; text-align: center; line-height: 22px; margin-top: 1px; } .aa-confirm.is-danger .aa-confirm-icon { background: #CF1322; } .aa-confirm.is-primary .aa-confirm-icon { background: #2F54EB; } .aa-confirm-title { font-size: 16px; font-weight: 500; color: #1F2329; } .aa-confirm-content { font-size: 14px; color: #595959; margin-top: 6px; margin-left: 34px; line-height: 1.6; } .aa-confirm-extra { margin: 10px 0 0 34px; font-size: 13px; color: #6E6E6E; display: flex; align-items: center; gap: 6px; } .aa-confirm-footer { margin-top: 20px; display: flex; justify-content: flex-end; gap: 8px; } .aa-confirm-btn { height: 32px; padding: 0 16px; border-radius: 6px; border: 1px solid #E8ECF1; background: #fff; color: #262626; cursor: pointer; font-size: 14px; } .aa-confirm-btn:hover { border-color: #C9D4F2; color: #2F54EB; } .aa-confirm-btn.primary { background: #2F54EB; border-color: #2F54EB; color: #fff; } .aa-confirm-btn.primary:hover { background: #1D39C4; color: #fff; } .aa-confirm-btn.danger { background: #CF1322; border-color: #CF1322; color: #fff; } .aa-confirm-btn.danger:hover { background: #cf1322; color: #fff; } .aa-confirm-btn:disabled { opacity: .6; cursor: not-allowed; }