feat: 替换 OpenBridge 组件并实现航海规范主题系统

- 使用 shadcn/ui 重新实现 TopBar、ThemeSidebar、AlertBadge 组件
- 解决 @oicl/openbridge-webcomponents ESM 模块解析问题
- 添加 OpenBridge 四种主题 CSS 变量 (day/bright/dusk/night)
- Night 主题使用暗黄色文字保护夜视能力
- 更新 API 端点适配新的按模型分组数据结构

src/components/HealthRing.tsx

@@ -117,7 +117,7 @@ export const HealthRing = ({
           <span className="text-2xl font-bold" style={{ color: ringColor }}>
             {percentage}%
           </span>
-          <span className="text-sm text-[var(--on-container-color)] opacity-70">
+          <span className="text-sm text-[var(--element-inactive-color,#707070)]">
             {countdown.formatted}
           </span>
         </div>
@@ -126,13 +126,13 @@ export const HealthRing = ({
       {/* 底部标签 */}
       <div className="text-center">
         <div
-          className="text-sm font-medium truncate max-w-[140px] text-[var(--on-container-color)]"
+          className="text-sm font-medium truncate max-w-[140px] text-[var(--element-active-color,#3d3d3d)]"
           title={displayName || model}
         >
           {displayName || 'Claude Opus 4.5'}
         </div>
         <div
-          className="text-xs truncate max-w-[140px] text-[var(--on-container-color)] opacity-50"
+          className="text-xs truncate max-w-[140px] text-[var(--element-inactive-color,#707070)]"
           title={account}
         >
           {account}