051da664-7c0a-4d7b-8129-36efb67f35b3

2026-06-24 01:38:08 +00:00
parent 23fb451a0b
commit 803857298f
4 changed files with 103 additions and 9 deletions
@@ -8,6 +8,7 @@
  --color-foreground: var(--foreground);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
+  --font-display: var(--font-display);
  --color-sidebar-ring: var(--sidebar-ring);
  --color-sidebar-border: var(--sidebar-border);
  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
@@ -144,6 +145,17 @@
  -webkit-text-fill-color: transparent;
 }

+/* v0.10.1 调研落地：Orbitron 科幻显示字体工具类 */
+.font-display {
+  font-family: var(--font-display), var(--font-geist-sans), sans-serif;
+  letter-spacing: 0.02em;
+}
+/* 数值/技术文本使用 Orbitron 增强科幻感 */
+.font-tech {
+  font-family: var(--font-display), var(--font-geist-mono), monospace;
+  letter-spacing: 0.04em;
+}
+
 /* 通用脉冲 */
@keyframes echo-glow {
  0%, 100% { opacity: 0.6; }
@@ -1,5 +1,5 @@
 import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
+import { Geist, Geist_Mono, Orbitron } from "next/font/google";
 import "./globals.css";
 import { Toaster } from "@/components/ui/toaster";

@@ -13,6 +13,14 @@ const geistMono = Geist_Mono({
  subsets: ["latin"],
 });

+// v0.10.1 调研落地：Orbitron 科幻显示字体（用于标题/数值/全息UI）
+const orbitron = Orbitron({
+  variable: "--font-display",
+  subsets: ["latin"],
+  weight: ["400", "500", "600", "700", "900"],
+  display: "swap",
+});
+
 export const metadata: Metadata = {
  title: "回响星核 · Echo Nexus",
  description: "原创深空考古放置策略游戏 — 解码记忆晶体，拼凑以太文明的回响，跨越维度发起接触。",
@@ -42,7 +50,7 @@ export default function RootLayout({
  return (
    <html lang="zh-CN" suppressHydrationWarning className="dark">
      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased bg-background text-foreground`}
+        className={`${geistSans.variable} ${geistMono.variable} ${orbitron.variable} antialiased bg-background text-foreground`}
      >
        {children}
        <Toaster />
@@ -13,12 +13,14 @@ import { ExpeditionPanel } from "@/components/game/ExpeditionPanel";
 import { AchievementsPanel } from "@/components/game/AchievementsPanel";
 import { AchievementNotifier } from "@/components/game/AchievementNotifier";
 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 { OfflineReportDialog } from "@/components/game/OfflineReportDialog";
-import { CruiseMode } from "@/components/game/CruiseMode";
+// v0.10.1 性能优化：重型对话框/全屏组件动态导入，减少首屏 bundle
+import dynamic from "next/dynamic";
+const ChronicleDialog = dynamic(() => import("@/components/game/ChronicleDialog").then(m => ({ default: m.ChronicleDialog })), { ssr: false });
+const ConstellationDialog = dynamic(() => import("@/components/game/ConstellationDialog").then(m => ({ default: m.ConstellationDialog })), { ssr: false });
+const OfflineReportDialog = dynamic(() => import("@/components/game/OfflineReportDialog").then(m => ({ default: m.OfflineReportDialog })), { ssr: false });
+const CruiseMode = dynamic(() => import("@/components/game/CruiseMode").then(m => ({ default: m.CruiseMode })), { ssr: false });
 import { AttributesPanel } from "@/components/game/AttributesPanel";
 import { ExplorationRadar } from "@/components/game/ExplorationRadar";
 import { RelicCodex } from "@/components/game/RelicCodex";
@@ -181,8 +183,8 @@ export default function Page() {
              </div>
            </div>
            <div className="leading-tight">
-              <h1 className="text-base sm:text-lg font-bold text-gradient">回响星核</h1>
-              <p className="text-[9px] sm:text-[10px] text-muted-foreground/70 -mt-0.5 tracking-wider">
+              <h1 className="text-base sm:text-lg font-bold text-gradient font-display">回响星核</h1>
+              <p className="text-[9px] sm:text-[10px] text-muted-foreground/70 -mt-0.5 tracking-wider font-tech">
                ECHO NEXUS · v0.10
              </p>
            </div>
@@ -271,7 +273,7 @@ export default function Page() {
            {/* 顶部状态条 */}
            <div className="pointer-events-none absolute top-2 left-1/2 -translate-x-1/2 flex items-center gap-1.5 text-[8px] font-mono text-muted-foreground/60 z-10">
              <span className="h-1 w-1 rounded-full bg-emerald-400 animate-pulse" />
-              <span>CRYSTAL CORE · ONLINE</span>
+              <span className="font-tech">CRYSTAL CORE · ONLINE</span>
              <span className="h-1 w-1 rounded-full bg-fuchsia-400 animate-pulse" />
            </div>