diff --git a/components/DecisionChecks.tsx b/components/DecisionChecks.tsx
index e4e93f5..13a7c36 100644
--- a/components/DecisionChecks.tsx
+++ b/components/DecisionChecks.tsx
@@ -102,3 +102,4 @@ const DecisionChecks: React.FC<DecisionChecksProps> = ({
 };
 
 export default DecisionChecks; 
+ 
\ No newline at end of file
diff --git a/next.config.js b/next.config.js
index 8d4c37c..b3475e3 100644
--- a/next.config.js
+++ b/next.config.js
@@ -3,5 +3,5 @@ const nextConfig = {
   reactStrictMode: true,
   swcMinify: true,
 }
-
+ 
 module.exports = nextConfig 
\ No newline at end of file
diff --git a/page.tsx b/page.tsx
index 7d3ad49..9d8615d 100644
--- a/page.tsx
+++ b/page.tsx
@@ -348,11 +348,16 @@ const PurchaseDecisionCalculator = () => {
 
   return (
     <div className="max-w-4xl mx-auto p-6 bg-white">
-      <div className="text-center mb-8">
-        <h1 className="text-3xl font-bold text-gray-800 mb-2 flex items-center justify-center gap-2">
-          <Calculator className="text-blue-600" />
-          大型开支决策计算器 V2.1
-        </h1>
+      <div className="text-center mb-8 relative">
+        <div className="relative inline-block">
+          <h1 className="text-3xl font-bold text-gray-800 mb-2 flex items-center justify-center gap-2">
+            <Calculator className="text-blue-600" />
+            大型开支决策计算器
+          </h1>
+          <div className="absolute -top-2 left-full ml-1 bg-gradient-to-r from-blue-500 to-purple-600 text-white text-xs px-2 py-1 rounded-full shadow-sm font-medium">
+            V2.1
+          </div>
+        </div>
         <p className="text-gray-600">理性决策，明智消费</p>
       </div>
 
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 224b352..9fbeed0 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -1,6 +1,6 @@
 import '../styles/globals.css'
 import type { AppProps } from 'next/app'
-
+ 
 export default function App({ Component, pageProps }: AppProps) {
   return <Component {...pageProps} />
 } 
\ No newline at end of file