/* modals.css - 弹窗(文档02 3.5.5)
 * 全站统一样式: 图标圆 + 标题 + 说明 + [取消][确定] */
.modal-mask {
  position: fixed; inset: 0; z-index: 999;
  background: var(--color-bg-mask);
  display: none; align-items: center; justify-content: center;
}
.modal-mask.show { display: flex; }
.modal-box {
  width: 82%; max-width: 340px;
  background: var(--color-bg-card); border-radius: var(--radius-lg);
  box-shadow: var(--shadow-popup); overflow: hidden;
  animation: modalIn .2s ease;
  padding-top: var(--space-xxl);
}
@keyframes modalIn { from { transform: scale(.9); opacity: 0; } to { transform: scale(1); opacity: 1; } }

/* 统一图标(提交=绿✓ / 警示=红△ / 提醒=橙i) */
.modal-icon {
  width: 56px; height: 56px; border-radius: 50%; margin: 0 auto var(--space-md);
  display: flex; align-items: center; justify-content: center; font-size: 24px;
}
.modal-icon.default { background: var(--color-primary-bg); color: var(--color-primary); }
.modal-icon.danger  { background: #FDEBEA; color: var(--color-danger); }
.modal-icon.warning { background: var(--color-secondary-bg); color: var(--color-secondary); }

.modal-title {
  text-align: center; font-size: var(--font-size-subtitle); font-weight: var(--font-weight-bold);
  padding: 0 var(--space-lg) var(--space-sm);
}
.modal-content {
  text-align: center; color: var(--color-text-regular); font-size: var(--font-size-body);
  padding: 0 var(--space-xl) var(--space-xxl); line-height: var(--line-height-loose);
}
.modal-actions { display: flex; border-top: 1px solid var(--color-divider); }
.modal-actions button {
  flex: 1; height: 50px; background: none; border: none;
  font-size: var(--font-size-subtitle); cursor: pointer;
}
.modal-actions .modal-cancel { color: var(--color-text-regular); background: #F7F8FA; border-right: 1px solid var(--color-divider); }
.modal-actions .modal-confirm { font-weight: var(--font-weight-bold); }
.modal-actions .modal-confirm.primary { color: var(--color-text-inverse); background: var(--color-primary); }
.modal-actions .modal-confirm.danger { color: var(--color-text-inverse); background: var(--color-danger); }