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

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

components/__tests__/PageHeader.test.tsx

@@ -84,7 +84,7 @@ describe('PageHeader 组件系统', () => {
 
     it('无副标题时不渲染副标题区域', () => {
       const { container } = render(<PageHeader icon={defaultProps.icon} title="仅标题" />);
-      const subtitles = container.querySelectorAll('.text-gray-500');
+      const subtitles = container.querySelectorAll('.text-muted-foreground');
       expect(subtitles.length).toBe(0);
     });
   });