fix(ui): 全站视觉审查修复 — 深色模式适配与交互优化

- 法律页面(条款/隐私) Hero 渐变背景深色模式适配,新增 --color-hero-dark-end 变量
- Badge secondary 变体深色模式下从白底白字改为主题自适应灰底
- 首页 Hero 快速导航图标 strokeWidth 加粗提升可读性 (1.8→2.2)
- 服务详情挑战卡片添加 border + hover 边框变色增强层次感
- 移动端 Tab Bar 激活指示器升级为顶部+底部双信号
This commit is contained in:
张翔
2026-05-10 10:37:05 +08:00
parent 0d517078ad
commit c474394237
7 changed files with 16 additions and 7 deletions
+2 -2
View File
@@ -122,7 +122,7 @@ export function HeroSectionV2() {
key={cap.label}
className="flex items-center gap-2 px-3 py-2 rounded-lg bg-[var(--color-bg-section)] border border-[var(--color-border-primary)]"
>
<Icon className="w-4 h-4 text-[var(--color-brand-primary)]" strokeWidth={1.8} />
<Icon className="w-4 h-4 text-[var(--color-brand-primary)]" strokeWidth={2.2} />
<span className="text-xs font-medium text-[var(--color-text-primary)]">{cap.label}</span>
</div>
);
@@ -178,7 +178,7 @@ export function HeroSectionV2() {
className="flex items-center gap-4 p-3 rounded-lg bg-[var(--color-bg-section)]/60"
>
<div className="w-9 h-9 rounded-lg bg-[var(--color-brand-primary-bg)] flex items-center justify-center shrink-0">
<Icon className="w-4 h-4 text-[var(--color-brand-primary)]" strokeWidth={1.8} />
<Icon className="w-4 h-4 text-[var(--color-brand-primary)]" strokeWidth={2.2} />
</div>
<div className="flex-1 min-w-0">
<div className="flex items-center gap-2">