fix: 修复暗黑模式样式兼容性

- 在 tailwind.config.js 中启用 darkMode: 'class' 并扩展语义化颜色变量
- 将全项目硬编码颜色（bg-white、text-gray-*、border-gray-* 等）替换为语义化类名
- 修复 popup/index.html 硬编码浅色背景色
- 同步更新相关单元测试中的类名断言

components/PageHeader.tsx

@@ -92,7 +92,7 @@ export default function PageHeader({
         </div>
         {/* 副标题 */}
         {subtitle && (
-          <span className="text-xs font-semibold text-gray-500" style={subtitleSx}>
+          <span className="text-xs font-semibold text-muted-foreground" style={subtitleSx}>
             {subtitle}
           </span>
         )}