/* ============================================================= * dg-ux-uxdir.css —— 大管家 UX 走查整改专用样式（UX 总监产出） * 说明：本文件由 UX 走查批次产出，挂载点请在 index.html 内追加： * * 仅补充交互反馈类样式，不覆盖 P0 覆盖层（dg-ui-overrides.css）已有规则。 * ============================================================= */ /* 1) 功能未开放 / 待接入 徽标（替代“规划中/暂未启用”的纯文字，统一视觉） */ .dg-ux-unavailable { display: inline-block; padding: 2px var(--space-2); font-size: 11px; line-height: var(--space-4); border-radius: var(--radius-md); color: #B45309; background: #FFF7ED; border: 1px solid #FED7AA; vertical-align: middle; } /* 2) 表单/操作 内联反馈（替代原生 alert 的页面级即时提示） */ .dg-ux-inline-msg { font-size: var(--space-3); margin: var(--space-2) 0 0; min-height: 18px; line-height: 1.5; } .dg-ux-inline-msg.is-error { color: var(--primary); } .dg-ux-inline-msg.is-success { color: var(--success); } .dg-ux-inline-msg.is-info { color: var(--info); } /* 通用告警横幅（如“接口未接入，提交不会落库”） */ .dg-ux-banner-warn { margin-bottom: var(--space-3); padding: 10px var(--space-3); background: #FFF7ED; border: 1px solid #FED7AA; border-radius: var(--radius-sm); font-size: var(--space-3); color: #B45309; line-height: 1.6; } /* 3) 按钮禁用态（与“未接入/无权限”语义统一，避免点击无反馈） */ .dg-ux-btn-disabled, button:disabled { cursor: not-allowed !important; opacity: .65; filter: grayscale(.2); } .dg-ux-btn-disabled:hover { opacity: .65; } /* 4) 操作 loading 态（提交/保存时给按钮加 .dg-ux-loading） */ .dg-ux-spinner { display: inline-block; width: 14px; height: 14px; margin-right: 6px; border: 2px solid rgba(255,255,255,.55); border-top-color: var(--surface); border-radius: 50%; vertical-align: -2px; animation: dg-ux-spin .7s linear infinite; } .dg-ux-spinner.is-dark { border-color: rgba(99,102,241,.25); border-top-color: var(--primary); } @keyframes dg-ux-spin { to { transform: rotate(360deg); } } .dg-ux-loading[disabled], button.dg-ux-loading { pointer-events: none; } /* 5) 表单实时校验提示（聚焦/失焦即时红框 + 提示，替代提交后才 alert） */ .dg-ux-field-error { border-color: var(--primary) !important; box-shadow: 0 0 0 2px rgba(229,62,62,.12); } .dg-ux-field-hint { display: block; font-size: 11px; color: #9CA3AF; margin-top: var(--space-1); } .dg-ux-field-hint.is-error { color: var(--primary); } .dg-ux-field-hint.is-ok { color: var(--success); } /* 6) 卡片/统计“待接入”占位统一（替代散落的灰色“— 待接入”小字） */ .dg-ux-stat-pending { font-size: 9px; color: #BBB; font-weight: 400; } /* 7) 让“退出登录/删除”等危险操作更可辨识（统一红色危险按钮基样） */ .dg-ux-btn-danger { background: var(--surface); color: var(--primary); border: 1px solid var(--primary); } .dg-ux-btn-danger:hover { background: #FEF2F2; }