前后端系统架构
现代化技术栈，构建高性能、高可用的文化传播平台
前端架构
Frontend Architecture
Next.js 16
React 全栈框架，支持 SSR/SSG/ISR
React 19
最新版 React，支持并发渲染
Tailwind CSS 4
原子化 CSS，快速构建 UI
Framer Motion
强大的动画库，流畅交互体验
后端架构
Backend Architecture
Next.js API Routes
服务端 API，支持流式响应
Supabase
PostgreSQL 数据库，实时同步
七牛云存储
CDN 加速，图片视频存储
DeepSeek / 豆包
大语言模型，AI 能力支撑
数据流向架构
设计思路与理念
以用户为中心，以效果为导向，以技术为驱动
用户至上
以用户体验为核心，简洁直观的界面设计，降低学习成本
极致性能
采用 SSR/SSG 优化首屏加载，流式响应提升交互体验
安全可靠
严格的安全策略，数据加密传输，用户隐私保护
灵活扩展
模块化架构设计，支持功能快速迭代与扩展
核心设计原则
响应式设计
适配桌面、平板、手机全设备
无障碍访问
符合 WCAG 标准，支持屏幕阅读器
渐进增强
基础功能优先，高级功能渐进
SEO 优化
语义化 HTML，搜索引擎友好
性能优先
代码分割，懒加载，缓存策略
品牌一致
统一的设计语言和交互规范
运营技术体系
全链路数字化运营，数据驱动增长
数据分析
全链路数据追踪与分析
- 用户行为分析
- 流量来源追踪
- 转化漏斗分析
- 实时数据看板
客户管理
客户全生命周期管理
- 询盘管理
- 客户标签
- 跟进记录
- 合同管理
运营自动化
AI 驱动的运营工具
- 智能客服
- 自动回复
- 内容推荐
- 营销触达
核心功能模块
覆盖文化传播全场景的一站式服务
内容管理
新闻、案例、视频一站式管理
案例展示
分类展示，智能搜索，详情查看
视频中心
视频上传、转码、播放一体化
询盘系统
客户咨询、跟进、转化全流程
AI 客服
智能对话，自动回复，知识库
AI 创作
新闻生成、内容优化、图片识别
地图导航
位置展示，一键导航多平台
数据统计
访问统计，内容分析，趋势报告
AI 应用场景
大语言模型赋能，开启智慧传播新时代
AI 能力矩阵
多模态AI能力，全方位赋能业务
智能对话
自然语言理解与生成
图像识别
图片内容理解与分析
内容生成
新闻、文案自动生成
智能推荐
内容智能匹配与推荐
智能客服
自动应答与知识库
数据分析
智能分析与洞察
AI 新闻创作
一键生成 SEO 优化新闻
上传图片或输入关键词，AI 自动生成标题、摘要、正文、标签，支持 SEO 优化建议
AI 智能客服
7x24 小时在线服务
基于大语言模型的智能客服，支持多轮对话、意图识别、知识库检索，无缝转人工
AI 案例识别
图片自动提取信息
上传活动图片，AI 自动识别场景、提取关键信息，快速创建案例
AI 内容优化
智能润色与改写
对现有内容进行智能优化，包括润色、扩写、摘要生成、关键词提取等
对比传统优势
AI赋能带来的革命性改变
配色系统
品牌色彩体系，构建统一视觉体验
品牌色 Brand Colors
功能色 Functional Colors
背景色 Background Colors
#ffffff#fafafa#f5f5f5#1a1a1a文字色 Text Colors
#1a1a1argba(0,0,0,0.75)rgba(0,0,0,0.55)rgba(0,0,0,0.35)渐变色 Gradients
from-[#F23C43] to-[#E62129]from-[#F23C43] via-[#E62129] to-[#C91C24]from-[#1a1a1a] to-[#2a2a2a]配色使用原则
品牌优先
关键交互元素使用品牌红色
层次分明
通过透明度区分文字层级
对比适度
确保文字与背景对比度达标
一致性
全局统一使用 CSS 变量
技术栈清单
精选现代化技术，保障系统稳定与高效