fix: 修复页面闪烁和UI布局问题

## 修复内容

### 1. public/index.html
- 修复 CSS 注释未闭合导致登录状态样式失效的问题（第33行 * -> */）
- 将「透传签名」开关从「模型参数」移动到「轮询与性能」区块

### 2. public/style.css
- 修复宽屏下设置页面底部出现不必要的水平滚动条
- 添加 @media (min-width: 769px) 规则隐藏宽屏水平滚动条
- 优化字体大小控制组件的溢出处理
- 添加超窄屏幕（320px以下）header 换行布局
- 多处添加 overflow-x: hidden 防止内容溢出

### 3. 构建更新
- 重新构建 Linux x64 二进制文件
- 更新 dist/public 目录

public/index.html

@@ -30,7 +30,7 @@
 /* 防止闪烁的关键样式 - 来自 binary-build */
 html:not(.auth-ready) #loginForm,
 html:not(.auth-ready) #mainContent { visibility: hidden; }
-/* 登录状态显示控制 - 合并两个分支 *
+/* 登录状态显示控制 - 合并两个分支 */
 .logged-in #loginForm { display: none !important; }
 .logged-in #mainContent { display: flex !important; }
 html:not(.logged-in) #mainContent { display: none !important; }
@@ -214,13 +214,6 @@ html.tab-settings .tab[data-tab="settings"] {
                                             <span class="slider"></span>
                                         </label>
                                     </div>
-                                    <div class="form-group compact switch-group">
-                                        <label>透传签名 <span class="help-tip" data-tooltip="将响应中的thoughtSignature透传到客户端">?</span></label>
-                                        <label class="switch">
-                                            <input type="checkbox" name="PASS_SIGNATURE_TO_CLIENT">
-                                            <span class="slider"></span>
-                                        </label>
-                                    </div>
                                 </div>
                                 <div class="form-group compact">
                                     <label>系统提示词</label>
@@ -231,6 +224,15 @@ html.tab-settings .tab[data-tab="settings"] {
                             <!-- 轮询策略与性能优化 -->
                             <div class="config-section">
                                 <h4>🔄 轮询与性能</h4>
+                                <div class="form-row-inline switch-row">
+                                    <div class="form-group compact switch-group">
+                                        <label>透传签名 <span class="help-tip" data-tooltip="将响应中的thoughtSignature透传到客户端">?</span></label>
+                                        <label class="switch">
+                                            <input type="checkbox" name="PASS_SIGNATURE_TO_CLIENT">
+                                            <span class="slider"></span>
+                                        </label>
+                                    </div>
+                                </div>
                                 <div class="form-row-inline">
                                     <div class="form-group compact">
                                         <label>策略模式 <span class="help-tip" data-tooltip="均衡负载：每次请求切换Token&#10;额度耗尽：用完额度才切换&#10;自定义次数：指定次数后切换">?</span></label>

public/style.css

@@ -87,6 +87,7 @@ body::before {
 }
 html {
     font-size: var(--font-size-base);
+    overflow-x: hidden;
 }
 body {
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Ubuntu Mono', 'MiSans';
@@ -95,6 +96,7 @@ body {
     line-height: 1.5;
     height: 100vh;
     overflow: hidden;
+    overflow-x: hidden;
     font-size: 1rem;
     /* 字体渲染优化 */
     -webkit-font-smoothing: antialiased;
@@ -124,6 +126,7 @@ code, pre, .mono, .token-display {
     padding: 0.5rem;
     height: 100vh;
     overflow: hidden;
+    overflow-x: hidden;
     display: flex;
     justify-content: center;
     align-items: flex-start;
@@ -232,6 +235,7 @@ button.loading::after {
     flex-direction: column;
     border: 1px solid rgba(255, 255, 255, 0.5);
     overflow: hidden;
+    overflow-x: hidden;
 }
 @media (prefers-color-scheme: dark) {
     .main-content {
@@ -292,6 +296,7 @@ button.loading::after {
     padding: 1rem;
     flex: 1;
     overflow: hidden;
+    overflow-x: hidden;
     display: flex;
     flex-direction: column;
 }
@@ -308,9 +313,17 @@ button.loading::after {
     flex: 1;
     min-height: 0;
     overflow-y: auto;
+    overflow-x: auto;
     padding-right: 4px;
 }
 
+/* 宽屏时隐藏水平滚动条 */
+@media (min-width: 769px) {
+    #settingsPage {
+        overflow-x: hidden;
+    }
+}
+
 /* 顶部栏 - 统计+操作 */
 .top-bar {
     display: flex;
@@ -640,6 +653,7 @@ button.loading::after {
     display: flex;
     gap: 0.5rem;
     justify-content: flex-start;
+    flex-wrap: wrap;
 }
 .config-actions .btn { width: auto; }
 
@@ -648,12 +662,15 @@ button.loading::after {
     display: flex;
     align-items: center;
     gap: 0.5rem;
+    max-width: 100%;
+    overflow: hidden;
 }
 .font-size-control input[type="range"] {
     flex: 1;
+    min-width: 0;
     min-height: auto;
     height: 6px;
-    padding: 0;
+    padding: 0 !important;
     cursor: pointer;
 }
 .font-size-control input[type="number"] {
@@ -1289,7 +1306,22 @@ input:checked + .slider:before {
         flex: 1;
         min-width: 0;
     }
-    .tab { flex: 1; font-size: 0.7rem; padding: 0.375rem 0.5rem; min-height: 32px; }
+    .tab { flex: 1; font-size: 0.7rem; padding: 0.375rem 0.5rem; min-height: 32px; white-space: nowrap; }
+}
+
+/* 超窄屏幕 - header 换行 */
+@media (max-width: 320px) {
+    .header {
+        flex-wrap: wrap;
+    }
+    .tabs {
+        order: 2;
+        flex: 1 1 100%;
+    }
+    .header-right {
+        order: 1;
+        margin-left: auto;
+    }
     .content { padding: 0.75rem; }
     
     .top-bar { flex-direction: column; gap: 0.5rem; align-items: stretch; padding: 0.5rem 0.75rem; }