 ludan
|
e8a42dafde
|
fix: 修复合并冲突导致的CSS未闭合花括号
|
2026-06-04 16:29:38 +08:00 |
|
|
ludan
|
c4ef9cc6ba
|
Merge origin/master: resolve CSS conflicts
script-tokens-v5.css: keep both SaaS polish rules and master's additions
dark-green.css: keep both profile/canvas polish and master's additions
|
2026-06-04 16:23:43 +08:00 |
|
|
ludan
|
05a42ed018
|
Merge origin/master: resolve CSS conflicts, keep both sides
|
2026-06-04 16:22:40 +08:00 |
|
|
ludan
|
9e7bfdd206
|
Merge origin/master into feat/commercial-saas-polish
|
2026-06-04 16:07:39 +08:00 |
|
|
ludan
|
fb4011bf1f
|
feat: 个人中心视觉重构、画布网点背景、剧本评分色调统一
【个人中心视觉重构】
- 列表卡片新增媒体预览缩略图（图片/视频/项目/资产），支持 image/video 两种媒体类型
- 新增 renderCardPreview 通用预览组件，自动识别视频格式并渲染 <video> 标签
- 新增 formatAssetType 工具函数，资产类型中文化（角色/场景/道具/视频/图像/素材）
- 媒体卡片采用固定高度网格布局（标题行 18px/正文 36px/元信息 18px），保证列表节奏一致
- 卡片预览区左上角显示类型标签徽章（品牌绿边框+半透明背景）
- 删除按钮增加 hover 红色反馈（边框/背景/文字渐变至红色）
- 积分/任务面板从底部区域移至侧边栏头像下方，减少滚动距离
- 新增 account-card 容器包裹积分/任务切换面板
- 侧边栏统计数据改为 3 列网格布局，每项增加独立圆角卡片样式
- 作品/项目/资产/社区发布四个 Tab 改为均分 4 列网格
- 分区标题增加品牌绿圆点前缀装饰
- 响应式断点：960px（侧边栏双列+内容区单列）、640px（全部单列+标签横向滚动）、420px（紧凑间距）
【画布网点背景】
- 移除 ReactFlow <Background> 组件，改用纯 CSS radial-gradient 圆点背景
- 通过 CSS 自定义属性（--canvas-bg-size/--canvas-bg-dot/--canvas-bg-x/--canvas-bg-y）实现缩放/平移时网点同步
- 网点颜色使用半透明灰蓝（rgba(148,163,184,0.34)），随画布缩放动态调整点间距与大小
【剧本评分色调统一】
- 变量 Token 体系重定义为电商同款暗色面板色调（--v5-bg: #0d0d0f, --v5-panel: #151719）
- 移除所有 box-shadow 和 depth 阴影，改用 inset 顶部光泽线
- 移除 backdrop-filter 毛玻璃效果，统一为纯色半透明背景
- hover 交互简化为边框+背景色变化，取消 transform 浮起动画
- 上传区移除 ::after 径向光晕伪元素
- 已上传态/选中态仅通过 border-color 和背景色微调区分
|
2026-06-04 13:16:38 +08:00 |
|
|
ludan
|
b08a7918da
|
feat: 剧本评分左侧面板滚动优化、电商克隆移动端适配、视觉细节精修
【剧本评分左侧面板滚动重构】
- 新增 script-eval-v5-left-main 滚动容器，上传区/AI信息/历史记录统一在容器内滚动
- 底部操作按钮（开始评测/导出报告）独立于滚动区外，始终可见可点击
- 历史评测列表增加 max-height 限制，超出区域内置滚动条
- 自定义窄滚动条（品牌绿半透明 thumb），保持视觉干净
- 短视口（≤760px/820px）压缩上传区和历史列表最小高度
【剧本评分视觉精修】
- 左侧面板增加渐变背景层次与分区微光分割线
- 上传区增加 ::after 伪元素径向光晕，hover 时品牌绿边框增强
- 已上传状态上传区增加绿色边框高亮（is-ready/is-complete）
- 底部操作栏背景层次加深，导出按钮 hover 增加绿色反馈
- 右侧面板增加底部径向渐变，上传引导卡标题提亮
- 顶部状态栏背景加深，模糊效果增强
【电商克隆移动端适配增强】
- 900px/620px/480px 三级断点增加顶部预留空间，避免与导航重叠
- Logo 区域定位从 sticky 改为 static，避免滚动时遮挡内容
- 设置面板在窄屏下调整内边距与边距
【Token 用量页精简】
- 移除指标卡片序号角标，保持卡片视觉简洁
|
2026-06-04 09:40:28 +08:00 |
|