fix(ui): 全站视觉审查修复 — 深色模式适配与交互优化
- 法律页面(条款/隐私) Hero 渐变背景深色模式适配,新增 --color-hero-dark-end 变量 - Badge secondary 变体深色模式下从白底白字改为主题自适应灰底 - 首页 Hero 快速导航图标 strokeWidth 加粗提升可读性 (1.8→2.2) - 服务详情挑战卡片添加 border + hover 边框变色增强层次感 - 移动端 Tab Bar 激活指示器升级为顶部+底部双信号
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user