修改模块样式

src/App.vue

@@ -342,7 +342,7 @@ body {
 
 .title-container h1 {
   margin: 0;
-  font-size: 28px;
+  font-size: 42px;
   font-weight: 600;
   color: #ffffff;
   text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 212, 255, 0.3);

src/components/Home.vue

@@ -214,7 +214,8 @@
 }
 .province-price-ranking-chart {
   width: 100%;
-  height: 300px;
+  height: 100%;
+  min-height: 200px;
 }
 .price-ranking-panel {
   display: flex;
@@ -364,7 +365,8 @@
 }
 
 /* 左侧数据栏按列布局并占满视口高度 */
-.dashboard-left {
+.dashboard-left,
+.dashboard-right {
   display: flex;
   flex-direction: column;
   height: 100vh;
@@ -1104,7 +1106,7 @@ export default {
             return `${p.axisValue}<br/>${p.seriesName}: ${p.value} 元/斤`
           }
         },
-        grid: { left: '4%', right: '0%', bottom: '15%', top: '10%', containLabel: true },
+        grid: { left: '2%', right: '2%', bottom: '2%', top: '18%', containLabel: true },
         xAxis: {
           type: 'category',
           data: xCategories,