优化界面布局Again

public/css/style.css

@@ -105,6 +105,7 @@ header h1 {
 header h1 span {
     background: linear-gradient(135deg, #3b82f6, #8b5cf6);
     -webkit-background-clip: text;
+    background-clip: text;
     -webkit-text-fill-color: transparent;
 }
 
@@ -302,10 +303,12 @@ header p {
     margin-bottom: 0.75rem;
 }
 
-.banner-left {
+.section-actions {
     display: flex;
+    flex-wrap: nowrap;
     align-items: center;
-    gap: 1.5rem;
+    gap: 0.5rem;
+    justify-content: flex-start;
 }
 
 .banner-actions {

public/index.html

@@ -37,15 +37,13 @@
 
     <div class="container hidden" id="app-container">
         <div id="top-banner" class="top-banner hidden">
-            <div class="banner-left">
             <div id="top-banner-title" class="banner-title"></div>
+            <div class="user-controls">
                 <div class="banner-actions">
                     <button id="refresh-btn" class="action-btn" title="刷新列表">刷新列表</button>
                     <button id="clear-download-cache-btn" class="action-btn" title="清空下载缓存">清空下载缓存</button>
                     <button id="clear-transcode-cache-btn" class="action-btn" title="清空转码缓存">清空转码缓存</button>
                 </div>
-            </div>
-            <div class="user-controls">
                 <label>页面主题：
                     <select id="theme-selector">
                         <option value="light">白天模式</option>
@@ -54,7 +52,7 @@
                 </label>
                 <div class="user-info">
                     <span id="current-username"></span>
-                    <button id="logout-btn" class="action-btn">退出登录</button>
+                    <button id="logout-btn" class="action-btn danger">退出登录</button>
                 </div>
             </div>
         </div>