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
+1 -1
View File
@@ -101,7 +101,7 @@ export function ServiceDetailClient({ service }: ServiceDetailClientProps) {
{serviceChallenges.map((challenge, index) => (
<div
key={index}
className="p-4 bg-[var(--color-bg-tertiary)] rounded-lg hover:bg-[var(--color-brand-primary-bg)] transition-colors"
className="p-4 bg-[var(--color-bg-tertiary)] rounded-lg border border-[var(--color-border-primary)] hover:border-[var(--color-brand-primary)]/30 hover:bg-[var(--color-brand-primary-bg)] transition-colors"
>
<h3 className="font-semibold text-[var(--color-text-primary)] mb-1 text-sm">{challenge.title}</h3>
<p className="text-sm text-[var(--color-text-muted)]">{challenge.description}</p>