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