feat: 优化支出趋势图表和财务概览功能。

src/components/charts/SpendingTrendChart.tsx

@@ -115,25 +115,21 @@ export const SpendingTrendChart: React.FC<SpendingTrendChartProps> = ({
     };
 
     return (
-        <div className="glass-card" style={{ padding: '1.5rem', marginTop: 'var(--spacing-xl)' }}>
+        <div style={{ width: '100%', height: '100%' }}>
-            <h3 style={{
+            <div className="section-header" style={{ marginBottom: '1rem', borderBottom: 'none', paddingBottom: 0 }}>
-                margin: '0 0 1rem 0',
+                <h2 style={{
-                fontSize: '1.25rem',
+                    fontSize: '1.125rem',
-                color: 'var(--color-text)',
+                    fontWeight: 700,
+                    margin: 0,
                     display: 'flex',
                     alignItems: 'center',
-                gap: '0.5rem'
+                    gap: '0.5rem',
+                    color: 'var(--color-text)'
                 }}>
-                <span style={{
-                    width: '4px',
-                    height: '20px',
-                    background: 'var(--color-primary)',
-                    borderRadius: '2px',
-                    display: 'inline-block'
-                }} />
                     近7日支出趋势
-            </h3>
+                </h2>
-            <ReactECharts option={option} style={{ height: '300px' }} />
+            </div>
+            <ReactECharts option={option} style={{ height: '300px', width: '100%' }} />
         </div>
     );
 };

src/pages/Home/Home.tsx

@@ -259,7 +259,6 @@ function Home() {
 
   return (
     <div className="home-page">
-      <header className="home-header">
       <header className="home-header">
         <div className="home-greeting animate-slide-up">
           <div className="greeting-top-row">
@@ -300,8 +299,6 @@ function Home() {
         </div>
       </header>
 
-      </header>
-
 
       <main className="home-content">
         {/* Asset Dashboard - Requirement 8.1 */}