Deploy: v0.5.1 static export

- New: Tutorial system (7-step onboarding with spotlight + action detection)
- UI: ResourceBar spacing optimization (gap, dividers, tabular-nums)
- UI: SettingsDialog adds tutorial replay + online play link
- Anim: tutorial pulse + pop-in keyframes

src/app/api/route.ts

@@ -1,5 +0,0 @@
-import { NextResponse } from "next/server";
-
-export async function GET() {
-  return NextResponse.json({ message: "Hello, world!" });
-}

src/app/globals.css

@@ -149,3 +149,19 @@
   0%, 100% { opacity: 0.6; }
   50% { opacity: 1; }
 }
+
+/* 教程系统动画 */
+@keyframes tut-pulse {
+  0%, 100% {
+    box-shadow: 0 0 0 2px rgba(232,121,249,0.9), 0 0 24px 4px rgba(232,121,249,0.4);
+  }
+  50% {
+    box-shadow: 0 0 0 3px rgba(232,121,249,1), 0 0 32px 8px rgba(232,121,249,0.7);
+  }
+}
+
+/* 教程提示气泡入场 */
+@keyframes tut-pop-in {
+  0% { opacity: 0; transform: scale(0.92) translateY(8px); }
+  100% { opacity: 1; transform: scale(1) translateY(0); }
+}

src/app/page.tsx

@@ -16,6 +16,7 @@ import { ConstellationPanel } from "@/components/game/ConstellationPanel";
 import { ConstellationDialog } from "@/components/game/ConstellationDialog";
 import { ChronicleDialog } from "@/components/game/ChronicleDialog";
 import { BeaconPanel } from "@/components/game/BeaconPanel";
+import { TutorialOverlay } from "@/components/game/TutorialOverlay";
 import {
   StarTideNotifier,
   StarTideIndicator,
@@ -201,6 +202,7 @@ export default function Page() {
                 size="sm"
                 variant="outline"
                 onClick={() => setPrestigeOpen(true)}
+                data-tut="prestige-btn"
                 className="border-fuchsia-400/50 text-fuchsia-200 hover:bg-fuchsia-500/10 h-8 px-2.5"
               >
                 <RotateCcw className="h-3.5 w-3.5 mr-1" />
@@ -229,20 +231,22 @@ export default function Page() {
             {/* 装饰光圈 */}
             <div className="pointer-events-none absolute -top-20 -left-20 h-60 w-60 rounded-full bg-emerald-500/10 blur-3xl" />
             <div className="pointer-events-none absolute -bottom-20 -right-20 h-60 w-60 rounded-full bg-fuchsia-500/10 blur-3xl" />
-            <CrystalOrb />
+            <div data-tut="crystal-orb" className="contents">
+              <CrystalOrb />
+            </div>
           </section>
 
           {/* 右侧：解码 + 标签面板 */}
           <section className="flex flex-col gap-3 min-h-0">
             {/* 解码面板 */}
-            <div className="glass rounded-2xl p-4 flex-1 min-h-[360px] max-h-[560px]">
+            <div data-tut="decode-panel" className="glass rounded-2xl p-4 flex-1 min-h-[360px] max-h-[560px]">
               <DecodePanel />
             </div>
             {/* 标签面板：探险 / 技术 / 星图 / 图谱 / 成就 / 信标 / 统计 */}
             <div className="glass rounded-2xl p-3 min-h-[320px] max-h-[440px]">
               <Tabs defaultValue={hasActiveExpedition ? "expedition" : hasPendingPerk ? "constellation" : "tech"} className="h-full flex flex-col">
                 <TabsList className="grid grid-cols-7 h-8 bg-black/30">
-                  <TabsTrigger value="expedition" className="text-[11px] gap-0.5 relative px-0.5">
+                  <TabsTrigger value="expedition" data-tut="tab-expedition" className="text-[11px] gap-0.5 relative px-0.5">
                     <Rocket className="h-3 w-3" />
                     探险
                     {energy >= 1 && !hasActiveExpedition && (
@@ -252,7 +256,7 @@ export default function Page() {
                       <span className="absolute -top-0.5 -right-0.5 h-1.5 w-1.5 rounded-full bg-rose-400 animate-pulse" />
                     )}
                   </TabsTrigger>
-                  <TabsTrigger value="tech" className="text-[11px] gap-0.5 px-0.5">
+                  <TabsTrigger value="tech" data-tut="tab-tech" className="text-[11px] gap-0.5 px-0.5">
                     <Cpu className="h-3 w-3" />
                     技术
                   </TabsTrigger>
@@ -366,6 +370,7 @@ export default function Page() {
       <SettingsDialog open={settingsOpen} onOpenChange={setSettingsOpen} />
       <AchievementNotifier />
       <StarTideNotifier />
+      <TutorialOverlay />
     </div>
   );
 }