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

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

components/PageSkeleton.tsx

@@ -14,7 +14,7 @@ interface PageSkeletonProps {
  */
 function DashboardCardSkeleton() {
   return (
-    <div className="rounded-xl border border-gray-200 p-5 h-[100px]">
+    <div className="rounded-xl border border-border p-5 h-[100px]">
       <div className="flex justify-between items-start">
         <div className="flex gap-3 items-center">
           <div className="w-10 h-10 rounded-lg bg-gray-200 animate-pulse" />