feat: 全局主题切换（浅色/深色/跟随系统）

- CSS 变量驱动的主题系统，所有颜色响应 data-theme 属性
- 新增语义化色彩 heading/secondary/tertiary，替换硬编码 text-white/text-gray-*
- 右上角三态主题按钮（自动/浅色/深色），全局可用无需登录
- layout.tsx 内联脚本防闪烁
- 修复个人中心页面溢出无法滚动

src/app/page.tsx

@@ -23,17 +23,17 @@ export default function LandingPage() {
       >
         <BrandLogo size={48} />
         <div className="text-center">
-          <h1 className="text-2xl font-black tracking-tight text-white">
+          <h1 className="text-2xl font-black tracking-tight text-heading">
             NoWhatever
           </h1>
-          <p className="mt-1 text-[11px] font-medium tracking-[0.2em] text-gray-500">
+          <p className="mt-1 text-[11px] font-medium tracking-[0.2em] text-muted">
             别说随便 · 亲密关系决策引擎
           </p>
         </div>
       </motion.div>
 
       <motion.p
-        className="mt-4 max-w-68 text-center text-sm leading-relaxed text-gray-400"
+        className="mt-4 max-w-68 text-center text-sm leading-relaxed text-tertiary"
         initial={{ opacity: 0 }}
         animate={{ opacity: 1 }}
         transition={{ delay: 0.2 }}