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)' }}>
-            <h3 style={{
-                margin: '0 0 1rem 0',
-                fontSize: '1.25rem',
-                color: 'var(--color-text)',
-                display: 'flex',
-                alignItems: 'center',
-                gap: '0.5rem'
-            }}>
-                <span style={{
-                    width: '4px',
-                    height: '20px',
-                    background: 'var(--color-primary)',
-                    borderRadius: '2px',
-                    display: 'inline-block'
-                }} />
-                近7日支出趋势
-            </h3>
-            <ReactECharts option={option} style={{ height: '300px' }} />
+        <div style={{ width: '100%', height: '100%' }}>
+            <div className="section-header" style={{ marginBottom: '1rem', borderBottom: 'none', paddingBottom: 0 }}>
+                <h2 style={{
+                    fontSize: '1.125rem',
+                    fontWeight: 700,
+                    margin: 0,
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: '0.5rem',
+                    color: 'var(--color-text)'
+                }}>
+                    近7日支出趋势
+                </h2>
+            </div>
+            <ReactECharts option={option} style={{ height: '300px', width: '100%' }} />
         </div>
     );
 };