refactor: 数据层对齐HSI架构与水墨雅致视觉系统

- 产品分类统一为企业套装区+专业产品区，删除growth分类 - 导航数据对齐HSI层级，独立产品改为专业产品 - Hero主题从深色渐变改为水墨雅致浅色系(宣纸色底/墨色文字) - 设计系统hero文字颜色从白色改为stone系列 - 解决方案接口添加L3信任层可选字段(TODO标记)
2026-06-07 16:18:07 +08:00
parent 9677c91511
commit 2d602c0e57
8 changed files with 900 additions and 25 deletions
@@ -0,0 +1,158 @@
+export type HeroLayout = 'left' | 'center' | 'wide' | 'icon-left';
+
+export interface HeroTexture {
+  type: 'grid' | 'data-flow' | 'layers' | 'shield-hex' | 'circuit' | 'none';
+  opacity: number;
+  color?: string;
+}
+
+export interface HeroTheme {
+  id: string;
+  name: string;
+  gradientFrom: string;
+  gradientTo: string;
+  gradientAngle: number;
+  accentColor: string;
+  accentBg: string;
+  texture: HeroTexture;
+  layout: HeroLayout;
+  badge?: string;
+}
+
+export const HERO_THEMES: Record<string, HeroTheme> = {
+  erp: {
+    id: 'erp',
+    name: 'ERP 水墨雅致',
+    gradientFrom: '#f8f6f3',
+    gradientTo: '#f0ebe4',
+    gradientAngle: 135,
+    accentColor: '#1e3a5f',
+    accentBg: 'rgba(30, 58, 95, 0.06)',
+    texture: { type: 'grid', opacity: 0.03 },
+    layout: 'left',
+    badge: '企业套装',
+  },
+  crm: {
+    id: 'crm',
+    name: 'CRM 水墨雅致',
+    gradientFrom: '#f7f5f2',
+    gradientTo: '#eee9e2',
+    gradientAngle: 120,
+    accentColor: '#1e40af',
+    accentBg: 'rgba(30, 64, 175, 0.06)',
+    texture: { type: 'layers', opacity: 0.03 },
+    layout: 'left',
+    badge: '企业套装',
+  },
+  bi: {
+    id: 'bi',
+    name: 'BI 水墨雅致',
+    gradientFrom: '#f6f8fa',
+    gradientTo: '#eef1f5',
+    gradientAngle: 145,
+    accentColor: '#0c4a6e',
+    accentBg: 'rgba(12, 74, 110, 0.06)',
+    texture: { type: 'data-flow', opacity: 0.03 },
+    layout: 'left',
+    badge: '企业套装',
+  },
+  cms: {
+    id: 'cms',
+    name: 'CMS 水墨雅致',
+    gradientFrom: '#f5f8f5',
+    gradientTo: '#eaf0ea',
+    gradientAngle: 130,
+    accentColor: '#14532d',
+    accentBg: 'rgba(20, 83, 45, 0.06)',
+    texture: { type: 'layers', opacity: 0.03 },
+    layout: 'left',
+    badge: '企业套装',
+  },
+  sds: {
+    id: 'sds',
+    name: 'SDS 水墨雅致',
+    gradientFrom: '#faf7f4',
+    gradientTo: '#f3ede5',
+    gradientAngle: 140,
+    accentColor: '#78350f',
+    accentBg: 'rgba(120, 53, 15, 0.06)',
+    texture: { type: 'data-flow', opacity: 0.03 },
+    layout: 'left',
+    badge: '企业套装',
+  },
+  oa: {
+    id: 'oa',
+    name: 'OA 水墨雅致',
+    gradientFrom: '#f7f5fa',
+    gradientTo: '#efeaf5',
+    gradientAngle: 125,
+    accentColor: '#4c1d95',
+    accentBg: 'rgba(76, 29, 149, 0.06)',
+    texture: { type: 'grid', opacity: 0.03 },
+    layout: 'left',
+    badge: '企业套装',
+  },
+  novavis: {
+    id: 'novavis',
+    name: 'NovaVis 水墨雅致',
+    gradientFrom: '#f4fafa',
+    gradientTo: '#e8f3f3',
+    gradientAngle: 150,
+    accentColor: '#0f3d3e',
+    accentBg: 'rgba(15, 61, 62, 0.06)',
+    texture: { type: 'data-flow', opacity: 0.04 },
+    layout: 'wide',
+    badge: '专业产品',
+  },
+  solution: {
+    id: 'solution',
+    name: '解决方案水墨雅致',
+    gradientFrom: '#f8f6f3',
+    gradientTo: '#f0ebe4',
+    gradientAngle: 150,
+    accentColor: '#C41E3A',
+    accentBg: 'rgba(196, 30, 58, 0.06)',
+    texture: { type: 'circuit', opacity: 0.02 },
+    layout: 'center',
+  },
+  service: {
+    id: 'service',
+    name: '服务水墨雅致',
+    gradientFrom: '#f7f5f2',
+    gradientTo: '#eee9e2',
+    gradientAngle: 135,
+    accentColor: '#C41E3A',
+    accentBg: 'rgba(196, 30, 58, 0.06)',
+    texture: { type: 'none', opacity: 0 },
+    layout: 'icon-left',
+  },
+  security: {
+    id: 'security',
+    name: '安全产品水墨雅致',
+    gradientFrom: '#faf5f5',
+    gradientTo: '#f5eded',
+    gradientAngle: 135,
+    accentColor: '#991b1b',
+    accentBg: 'rgba(153, 27, 27, 0.06)',
+    texture: { type: 'shield-hex', opacity: 0.03 },
+    layout: 'wide',
+    badge: '安全合规',
+  },
+  default: {
+    id: 'default',
+    name: '默认水墨雅致',
+    gradientFrom: '#f8f6f3',
+    gradientTo: '#f0ebe4',
+    gradientAngle: 140,
+    accentColor: '#C41E3A',
+    accentBg: 'rgba(196, 30, 58, 0.06)',
+    texture: { type: 'none', opacity: 0 },
+    layout: 'left',
+  },
+};
+
+export function getHeroTheme(id: string): HeroTheme {
+  const theme = HERO_THEMES[id];
+  if (theme) return theme;
+  return HERO_THEMES['default']!;
+}