feat: 列宽拖拽 + 筛选栏 + 截图导出 + UI优化

- 新增 v-column-resize 指令，11 张表格均支持拖拽调整列宽
- 工作计划/商机跟单/要客拜访新增筛选栏（客户经理 + 状态）
- 汇总栏 chip 可点击筛选，支持重置与计数
- 新增截图导出功能（dom-to-image-more，像素级文字渲染）
- 截图范围从标题开始，自动隐藏操作按钮，5px白边
- 截图时页面闪烁动画反馈
- 全局 CSS 完善（列宽手柄、截图模式、捕获动画）
- 仪表盘 UI 细节优化 + 亮灯表标签调整
- 登录页 UI 改进

Co-Authored-By: Claude <noreply@anthropic.com>

frontend/src/views/desktop/LightBoard.vue

@@ -318,23 +318,34 @@ const statusLabel: Record<string, string> = { green: '近30天已拜访', yellow
 .customer-grid { display: flex; flex-wrap: wrap; gap: 10px; padding: 0 18px 16px; border-top: 1px solid var(--warm-border); padding-top: 14px; }
 
 /* ═══ Customer Card ═══ */
-.customer-card { width: 220px; background: var(--paper); border: 1px solid var(--warm-border); cursor: pointer; transition: all 0.2s; display: flex; overflow: hidden; position: relative; }
-.customer-card:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(28,55,56,0.06); }
+.customer-card { width: 220px; background: var(--paper); border: 1px solid var(--warm-border); cursor: pointer; transition: all 0.2s; display: flex; flex-direction: column; overflow: hidden; position: relative; }
+.customer-card:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(28,55,56,0.08); }
 .customer-card:active { transform: scale(0.99); }
-.card-status-stripe { width: 4px; flex-shrink: 0; }
-.customer-card--green .card-status-stripe { background: var(--sage); }
+
+/* ── Card background by status (Option A: full-color tint) ── */
+.customer-card--green  { background: #ECF7EE; border-color: #B7DFC2; }
+.customer-card--yellow { background: #FFF8EB; border-color: #F0D9A0; }
+.customer-card--red    { background: #FFF0EF; border-color: #F5C4C0; }
+.customer-card--gray   { background: #F5F5F5; border-color: #DDDDDD; }
+
+/* ── Top accent stripe (subtle, secondary indicator) ── */
+.card-status-stripe { height: 3px; width: 100%; flex-shrink: 0; }
+.customer-card--green  .card-status-stripe { background: var(--sage); }
 .customer-card--yellow .card-status-stripe { background: var(--gold); }
-.customer-card--red .card-status-stripe { background: var(--vermilion); }
-.customer-card--gray .card-status-stripe { background: var(--warm-gray); }
-.customer-card--red { animation: pulse-warn 3s ease-in-out infinite; }
-@keyframes pulse-warn { 0%,100% { border-color: var(--warm-border); } 50% { border-color: rgba(184,71,46,0.35); } }
+.customer-card--red    .card-status-stripe { background: var(--vermilion); }
+.customer-card--gray   .card-status-stripe { background: var(--warm-gray); }
+
+/* ── Red card pulse ── */
+.customer-card--red { animation: pulse-card 3s ease-in-out infinite; }
+@keyframes pulse-card { 0%,100% { box-shadow: 0 0 0 0 rgba(184,71,46,0); } 50% { box-shadow: 0 0 0 4px rgba(184,71,46,0.12); } }
+
 .card-body { padding: 12px 14px; flex: 1; min-width: 0; }
 .card-name-row { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 6px; }
-.status-circle { display: inline-block; width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0; margin-top: 2px; }
-.status-circle--green { background: var(--sage); box-shadow: 0 0 0 2px rgba(74,103,65,0.15); }
+.status-circle { display: inline-block; width: 14px; height: 14px; border-radius: 50%; flex-shrink: 0; margin-top: 2px; }
+.status-circle--green  { background: var(--sage); }
 .status-circle--yellow { background: conic-gradient(var(--gold) 50%, transparent 50%); box-shadow: inset 0 0 0 1.5px var(--gold); }
-.status-circle--red { background: transparent; border: 2px solid var(--vermilion); box-shadow: 0 0 0 2px rgba(184,71,46,0.08); }
-.status-circle--gray { background: transparent; border: 1.5px dashed var(--warm-gray); }
+.status-circle--red    { background: transparent; border: 2px solid var(--vermilion); }
+.status-circle--gray   { background: transparent; border: 1.5px dashed var(--warm-gray); }
 .card-name { font-family: var(--font-heading); font-size: 13px; color: var(--ink); letter-spacing: 0.03em; line-height: 1.4; word-break: break-all; }
 .card-meta { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 6px; }
 .card-industry,.card-services { font-family: var(--font-body); font-size: 10px; color: var(--warm-gray); }