/* 统一 Toast 视觉层（企业管理系统 · UI 美化 Phase 3）
 * 折中三页 .toast 差异（category bottom60/.78/13px/z2000/无上滑；
 *   product-store·product-detail bottom40/.82~.92/14px/z300~400/有上滑）。
 * 取值：bottom 40、背景 rgba(0,0,0,.82)、14px、圆角 22px、padding 10px 22px、
 *   上滑入场（translateY 20px→0）、z-index 9999（高且 pointer-events:none，不挡交互）。
 * 仅链接到已统一的三页；其余页面仍用各自内联 .toast，不受影响。
 */
.toast {
  position: fixed;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  background: rgba(0, 0, 0, .82);
  color: #fff;
  padding: 10px 22px;
  border-radius: 22px;
  font-size: 14px;
  line-height: 1.4;
  z-index: 9999;
  opacity: 0;
  transition: all .3s;
  pointer-events: none;
  white-space: nowrap;
  max-width: 90vw;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toast.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* 统一 toast 状态色（仅类选择器，特异性 0,2,0）。
 * 低于页面自有 #toast.err（id+类 1,1,0），故 biz-loading-report 的
 * #toast.err{#e11d48} 仍优先、不被覆盖；其余页经 .toast.err 取 #dc2626 / #16a34a，
 * 与各页原 err→#dc2626、ok→#16a34a 行内值逐字一致。 */
.toast.err { background: #dc2626; }
.toast.ok  { background: #16a34a; }