优化页面布局，调整大型开支决策计算器标题样式，增加版本号展示，修复文件末尾缺少换行符的问题

components/DecisionChecks.tsx

@@ -102,3 +102,4 @@ const DecisionChecks: React.FC<DecisionChecksProps> = ({
 };
 
 export default DecisionChecks; 
+ 

next.config.js

@@ -3,5 +3,5 @@ const nextConfig = {
   reactStrictMode: true,
   swcMinify: true,
 }
-
+ 
 module.exports = nextConfig 

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>
 

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} />
 }