ui: 全站统一暗色主题设计系统

- globals.css 定义语义化 token (background/surface/elevated/border/muted/dim/accent)
- 所有页面和组件迁移至暗色 token，移除硬编码 bg-white/text-zinc-*/bg-gray-*
- RestaurantCard 和 MatchResult 适配暗色卡片风格
- 按钮颜色分层：系统CTA(accent)/模式强调(橙/紫)/危险(rose)/次级(surface)
- 修复 room 页深色文字在深背景不可见的可访问性问题

src/app/room/[id]/page.tsx

@@ -93,11 +93,11 @@ export default function RoomPage() {
     return (
       <div className="flex h-dvh flex-col items-center justify-center gap-4 bg-background px-6">
         <p className="text-4xl">🍜</p>
-        <p className="text-base font-semibold text-zinc-700">房间不存在或已过期</p>
-        <p className="text-sm text-zinc-400">房间号可能有误，或房间已超过 24 小时</p>
+        <p className="text-base font-semibold text-gray-300">房间不存在或已过期</p>
+        <p className="text-sm text-muted">房间号可能有误，或房间已超过 24 小时</p>
         <button
           onClick={() => router.push("/")}
-          className="mt-2 h-10 rounded-xl bg-emerald-500 px-6 text-sm font-bold text-white shadow-sm transition-colors hover:bg-emerald-600"
+          className="mt-2 h-10 rounded-xl bg-accent px-6 text-sm font-bold text-white shadow-lg shadow-accent/20 transition-colors hover:bg-accent-hover"
         >
           返回首页
         </button>
@@ -113,8 +113,8 @@ export default function RoomPage() {
   if (!ready) {
     return (
       <div className="flex h-dvh flex-col items-center justify-center gap-3 bg-background">
-        <div className="h-6 w-6 animate-spin rounded-full border-2 border-zinc-300 border-t-emerald-500" />
-        <p className="text-sm text-zinc-400">正在加载数据...</p>
+        <div className="h-6 w-6 animate-spin rounded-full border-2 border-subtle border-t-accent" />
+        <p className="text-sm text-muted">正在加载数据...</p>
       </div>
     );
   }