style: 顶部标题与收藏按钮同一行显示，压缩头部高度给内容区更多空间

index.html

@@ -11,8 +11,10 @@
     <div class="app-container">
         <!-- 顶部标题 -->
         <header class="app-header">
-            <h1>📊 数据可视化图表生成器</h1>
-            <p class="subtitle">粘贴数据，生成精美图表或表格</p>
+            <div class="header-title">
+                <h1>📊 数据可视化图表生成器</h1>
+                <p class="subtitle">粘贴数据，生成精美图表或表格</p>
+            </div>
             <div class="header-actions">
                 <button class="btn btn-fav-outline" onclick="openFavorites()">⭐ 收藏区</button>
             </div>

style.css

@@ -35,12 +35,22 @@ body {
 }
 
 .app-header {
-    text-align: center;
-    padding: 20px 0 30px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+    flex-wrap: wrap;
+    text-align: left;
+    padding: 6px 0 10px;
+}
+
+.header-title {
+    min-width: 0;
 }
 
 .app-header h1 {
-    font-size: 2rem;
+    font-size: 1.35rem;
+    margin: 0;
     background: linear-gradient(135deg, var(--primary), #7c3aed);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
@@ -49,8 +59,8 @@ body {
 
 .subtitle {
     color: var(--text-light);
-    margin-top: 5px;
-    font-size: 0.95rem;
+    margin-top: 2px;
+    font-size: 0.8rem;
 }
 
 .main-content {
@@ -65,7 +75,7 @@ body {
     display: flex;
     flex-direction: column;
     gap: 16px;
-    max-height: calc(100vh - 140px);
+    max-height: calc(100vh - 100px);
     overflow-y: auto;
     padding-right: 8px;
 }
@@ -778,7 +788,8 @@ input[type="range"]::-moz-range-thumb {
 
 /* ===== 收藏功能 ===== */
 .header-actions {
-    margin-top: 10px;
+    margin-top: 0;
+    flex-shrink: 0;
 }
 
 .btn-fav-outline {