主题与字号从页面顶栏搬进设置页的「外观」，顶部导航加上预设入口。

顶栏那套汉堡菜单在每页都要单独挂载、样式也重复，收进设置页后只剩一处改；顺手把「整组都没有曾用型号」的配置组整组收起，不再留空卡片。

web/settings.html

@@ -22,6 +22,7 @@
         <a href="/modules.html">技能</a>
         <a href="/libraries.html">库</a>
         <a href="/stats.html">Token</a>
+        <a href="/presets.html">预设</a>
         <a href="/settings.html" aria-current="page">设置</a>
       </nav>
     </header>
@@ -35,6 +36,7 @@
         <button type="button" class="st-rail-item" data-section="preset">预设</button>
         <button type="button" class="st-rail-item" data-section="storage">上下文</button>
         <button type="button" class="st-rail-item" data-section="chat">直聊</button>
+        <button type="button" class="st-rail-item" data-section="appearance">外观</button>
         <p class="st-rail-note">保存在本机 <code>~/.writing-agent/</code>，明文、不同步。</p>
       </aside>
 
@@ -230,6 +232,31 @@
               </div>
             </div>
           </section>
+
+          <section class="settings-section hidden" id="section-appearance">
+            <div class="settings-card storage-card">
+              <h3>主题</h3>
+              <p class="settings-help">
+                只改这台浏览器看到的配色，跟着本机走，不写进作品。点一张即生效。
+              </p>
+              <div class="appearance-themes" id="appearance-themes" role="radiogroup" aria-label="主题"></div>
+            </div>
+            <div class="settings-card storage-card">
+              <h3>字号</h3>
+              <p class="settings-help">
+                整体缩放界面文字，100% 为默认；范围 80–150%，步进 5%。
+              </p>
+              <div class="appearance-scale" role="group" aria-label="字号">
+                <button type="button" class="btn-secondary" id="appearance-scale-minus" aria-label="缩小字号">−</button>
+                <output class="appearance-scale-value" id="appearance-scale-value" aria-live="polite">100%</output>
+                <button type="button" class="btn-secondary" id="appearance-scale-plus" aria-label="放大字号">＋</button>
+                <button type="button" class="btn-secondary" id="appearance-scale-reset">恢复默认</button>
+              </div>
+              <p class="settings-help muted">
+                同一浏览器的其他标签会自己跟上；回到别的页面刷新即生效。
+              </p>
+            </div>
+          </section>
         </div>
       </main>
     </div>