feat(front-end): 依据《详细设计》文档对前端 UI 进行全面升级

- 设计系统：品牌主色统一为品红渐变 #c2185b→#e91e63，新增品牌令牌与呼吸/入场动画
- 登录页重建：内部员工/外部账号切换、账号/手机验证码 Tab、SRM 存量提示
- 注册页重建为多步向导：企业信息→联系人→AI 审核，OCR 状态、密码复杂度校验与强度条
- 小滨 AI 助手重建：品牌渐变悬浮球+呼吸光环，角色感知主动提醒（紧急/AI完成/待办/风险/建议）
- 新增公开门户首页 /portal：Banner 轮播 + 三列公告区 + 免责声明
- 各角色主题色对齐文档：供应商=红、评标专家=蓝、招标专员=绿

Co-authored-by: Cursor <cursoragent@cursor.com>

front-end/src/styles/theme.css

@@ -2,43 +2,46 @@
 
 :root {
   --font-size: 14px;
-  --background: #f8fafc;
-  --foreground: #1e293b;
+  --background: #f5f7fa;
+  --foreground: #1a2332;
   --card: #ffffff;
-  --card-foreground: #1e293b;
+  --card-foreground: #1a2332;
   --popover: #ffffff;
-  --popover-foreground: #1e293b;
-  --primary: #2563eb;
+  --popover-foreground: #1a2332;
+  --primary: #c2185b;
   --primary-foreground: #ffffff;
-  --secondary: #eff6ff;
-  --secondary-foreground: #1d4ed8;
+  --secondary: #fce4ec;
+  --secondary-foreground: #ad1457;
   --muted: #f1f5f9;
   --muted-foreground: #64748b;
-  --accent: #eff6ff;
-  --accent-foreground: #1d4ed8;
+  --accent: #fce4ec;
+  --accent-foreground: #ad1457;
   --destructive: #dc2626;
   --destructive-foreground: #ffffff;
   --border: #e2e8f0;
   --input: transparent;
-  --input-background: #f8fafc;
+  --input-background: #f7f8fc;
   --switch-background: #cbd5e1;
   --font-weight-medium: 500;
   --font-weight-normal: 400;
-  --ring: #2563eb;
-  --chart-1: #2563eb;
-  --chart-2: #0ea5e9;
-  --chart-3: #14b8a6;
+  --ring: #c2185b;
+  --chart-1: #c2185b;
+  --chart-2: #1565c0;
+  --chart-3: #00897b;
   --chart-4: #f59e0b;
-  --chart-5: #8b5cf6;
-  --radius: 0.625rem;
-  --sidebar: #0f1e3d;
-  --sidebar-foreground: #cbd5e1;
-  --sidebar-primary: #2563eb;
+  --chart-5: #9c27b0;
+  --radius: 0.75rem;
+  /* 品牌渐变(全平台统一): #c2185b → #e91e63 */
+  --brand-from: #c2185b;
+  --brand-to: #e91e63;
+  --sidebar: #2d0a19;
+  --sidebar-foreground: #f4d9e4;
+  --sidebar-primary: #e91e63;
   --sidebar-primary-foreground: #ffffff;
-  --sidebar-accent: #1e3a8a;
+  --sidebar-accent: #6d1338;
   --sidebar-accent-foreground: #ffffff;
-  --sidebar-border: #1e293b;
-  --sidebar-ring: #2563eb;
+  --sidebar-border: #4a0e26;
+  --sidebar-ring: #e91e63;
 }
 
 .dark {
@@ -117,6 +120,8 @@
   --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
   --color-sidebar-border: var(--sidebar-border);
   --color-sidebar-ring: var(--sidebar-ring);
+  --color-brand-from: var(--brand-from);
+  --color-brand-to: var(--brand-to);
 }
 
 @layer base {
@@ -179,3 +184,61 @@
     line-height: 1.5;
   }
 }
+
+/* ===== 平台品牌工具类与动效(依据《详细设计》统一视觉语言) ===== */
+@layer utilities {
+  /* 品牌渐变背景: #c2185b → #e91e63 */
+  .bg-brand-gradient {
+    background-image: linear-gradient(135deg, var(--brand-from), var(--brand-to));
+  }
+  .text-brand-gradient {
+    background-image: linear-gradient(135deg, var(--brand-from), var(--brand-to));
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
+  }
+}
+
+/* AI 助手呼吸光环 */
+@keyframes brand-breathe {
+  0% {
+    transform: scale(1);
+    opacity: 0.55;
+  }
+  100% {
+    transform: scale(1.55);
+    opacity: 0;
+  }
+}
+.animate-breathe {
+  animation: brand-breathe 2s ease-out infinite;
+}
+
+/* 列表/卡片入场(自下而上淡入) */
+@keyframes brand-slide-up {
+  0% {
+    opacity: 0;
+    transform: translateY(16px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+.animate-slide-up {
+  animation: brand-slide-up 0.5s ease forwards;
+}
+
+/* 待办数字变化呼吸提醒 */
+@keyframes brand-pulse {
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.45;
+  }
+}
+.animate-pulse-soft {
+  animation: brand-pulse 1s ease-in-out 2;
+}