fix(ui): 修复风格市场弹窗按钮对比度并透明化概览指标容器

[HKLHaoBin]

User description

摘要

修复风格市场弹窗顶部控件在浅色背景上对比度不足的问题，并简化概览页指标区外层容器样式。标题：ix(ui): 修复风格市场弹窗按钮对比度并透明化概览指标容器

修复 / 新增 / 改进

• 风格市场弹窗（MarketplaceModal）：关闭按钮与已登录 GitHub 身份 pill 改用 --ol-pill-selected-* 深色 chip 样式，hover 仅调整 opacity，避免白底毛玻璃与弹窗卡片背景融为一体导致 × 不可见
• 概览页（Overview）：.ol-overview-hero 外层容器改为透明、无边框，指标卡片仍由内部 Card 组件独立渲染

兼容

• 不包含：API、构建脚本、后端逻辑变更
• 对现有用户 / 本地环境 / 构建流程的影响：纯前端 CSS/组件样式调整，无破坏性变更

测试计划

• 命令：cd openless-all/app && npm run dev
• 结果：风格页 → 打开风格市场弹窗，确认关闭按钮与 @用户 pill 为深色底 + 白色图标/文字；概览页指标区无外层卡片边框，四个 Metric 卡片样式正常
• 证据路径：浏览器本地预览 http://localhost:1420/

---

PR Type

Bug fix, Enhancement

---

Description

• 修复 MarketplaceModal 关闭按钮与登录 pill 在白色背景上的对比度

• 透明化概览页指标区域外层容器样式

---

Diagram Walkthrough

flowchart LR
  modal["MarketplaceModal"] -- "关闭按钮+登录 pill" --> darkChip["深色 chip 样式"]
  overview["概览页"] -- "外层容器" --> transparentBg["透明背景+无边框"]

Loading

File Walkthrough

	Relevant files
Bug fix	MarketplaceModal.tsx 为弹窗控件添加深色 chip 样式                                                                                openless-all/app/src/components/MarketplaceModal.tsx 引入 CSSProperties 类型 定义 modalChipDarkStyle 和 modalCloseBtnStyle 深色样式 登录 pill 和关闭按钮改用深色背景、白色文字，hover 只调透明度 +35/-25
Enhancement	global.css 透明化概览页外层容器                                                                                              openless-all/app/src/styles/global.css 将 .ol-overview-hero 的背景设为透明 移除边框，实现透明化 +2/-2

---

[github-actions]

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

⏱️ Estimated effort to review: 2 🔵🔵⚪⚪⚪

🧪 No relevant tests

🔒 No security concerns identified

⚡ No major issues detected