diff --git a/src/style/chat.css b/src/style/chat.css
index 1b2fa4b0..67096e57 100644
--- a/src/style/chat.css
+++ b/src/style/chat.css
@@ -46,7 +46,7 @@
   align-items: center;
   justify-content: space-between;
   padding: 10px 12px;
-  font-size: 13px;
+  font-size: var(--font-size-sm);
   font-weight: 600;
   color: var(--text-secondary);
   border-bottom: 1px solid var(--border);
@@ -96,7 +96,7 @@
 }
 
 .chat-title {
-  font-size: 15px;
+  font-size: var(--font-size-lg);
   font-weight: 600;
   color: var(--text-primary);
   overflow: hidden;
@@ -134,7 +134,7 @@
   border-radius: 999px;
   background: color-mix(in srgb, var(--accent) 12%, var(--bg-tertiary));
   color: var(--accent);
-  font-size: 11px;
+  font-size: var(--font-size-xs);
   font-weight: 700;
 }
 
@@ -187,20 +187,20 @@
   border-radius: 999px;
   background: color-mix(in srgb, var(--accent) 10%, var(--bg-primary));
   color: var(--accent);
-  font-size: 11px;
+  font-size: var(--font-size-xs);
   font-weight: 700;
 }
 
 .chat-workspace-agent-title {
   margin-top: 6px;
-  font-size: 12px;
+  font-size: var(--font-size-xs);
   color: var(--text-primary);
   font-weight: 600;
 }
 
 .chat-workspace-path {
   margin-top: 4px;
-  font-size: 11px;
+  font-size: var(--font-size-xs);
   color: var(--text-secondary);
   line-height: 1.5;
   overflow-wrap: anywhere;
@@ -256,7 +256,7 @@
 }
 
 .chat-workspace-section-title {
-  font-size: 11px;
+  font-size: var(--font-size-xs);
   font-weight: 700;
   letter-spacing: 0.04em;
   text-transform: uppercase;
@@ -306,7 +306,7 @@
 }
 
 .chat-workspace-core-name {
-  font-size: 13px;
+  font-size: var(--font-size-sm);
   font-weight: 600;
   color: var(--text-primary);
   overflow: hidden;
@@ -315,7 +315,7 @@
 }
 
 .chat-workspace-core-status {
-  font-size: 11px;
+  font-size: var(--font-size-xs);
   color: var(--text-secondary);
 }
 
@@ -382,7 +382,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-size: 12px;
+  font-size: var(--font-size-xs);
 }
 
 .chat-workspace-editor-pane {
@@ -404,7 +404,7 @@
 
 .chat-workspace-current-file {
   min-width: 0;
-  font-size: 13px;
+  font-size: var(--font-size-sm);
   font-weight: 700;
   color: var(--text-primary);
   overflow: hidden;
@@ -422,7 +422,7 @@
 
 .chat-workspace-editor-meta {
   padding: 10px 16px 0;
-  font-size: 11px;
+  font-size: var(--font-size-xs);
   color: var(--text-secondary);
   min-height: 18px;
 }
@@ -437,7 +437,7 @@
   padding: 14px 16px 18px;
   resize: none;
   outline: none;
-  font-size: 13px;
+  font-size: var(--font-size-sm);
   line-height: 1.65;
   font-family: 'Cascadia Code', 'SF Mono', Consolas, monospace;
 }
@@ -447,7 +447,7 @@
   min-height: 0;
   overflow: auto;
   padding: 14px 16px 18px;
-  font-size: 13px;
+  font-size: var(--font-size-sm);
   line-height: 1.7;
   color: var(--text-primary);
 }
@@ -470,7 +470,7 @@
   border: 1px dashed var(--border-primary);
   border-radius: 12px;
   color: var(--text-secondary);
-  font-size: 12px;
+  font-size: var(--font-size-xs);
   line-height: 1.6;
   background: color-mix(in srgb, var(--bg-secondary) 70%, transparent);
 }
@@ -546,7 +546,7 @@
 
 .msg.msg-system {
   align-self: center;
-  font-size: 12px;
+  font-size: var(--font-size-xs);
   color: var(--text-muted, #999);
   padding: var(--space-xs) var(--space-sm);
   max-width: 100%;
@@ -566,7 +566,7 @@
 .msg-bubble {
   padding: var(--space-sm) var(--space-md);
   border-radius: var(--radius-lg, 12px);
-  font-size: 14px;
+  font-size: var(--font-size-md);
   line-height: 1.6;
   word-break: break-word;
 }
@@ -687,7 +687,7 @@
   width: 100%;
   border-collapse: collapse;
   margin: 8px 0;
-  font-size: 13px;
+  font-size: var(--font-size-sm);
 }
 
 .msg-ai .msg-bubble th,
@@ -756,7 +756,7 @@
   height: auto !important;
   background: none !important;
   animation: none !important;
-  font-size: 12px;
+  font-size: var(--font-size-xs);
   color: var(--text-tertiary);
   margin-left: 4px;
   white-space: nowrap;
@@ -789,7 +789,7 @@
   border: 1px solid var(--border);
   border-radius: var(--radius-md, 8px);
   padding: 10px 14px;
-  font-size: 14px;
+  font-size: var(--font-size-md);
   line-height: 1.5;
   background: var(--bg-secondary, var(--bg-card));
   color: var(--text-primary);
@@ -844,7 +844,7 @@
   border: 1px solid var(--border);
   background: var(--bg-primary);
   color: var(--text-secondary);
-  font-size: 16px;
+  font-size: var(--font-size-lg);
   cursor: pointer;
   display: flex;
   align-items: center;
@@ -858,7 +858,7 @@
   background: var(--bg-hover);
 }
 
-/* 断连提示：细条 + 中性色，与聊天区融合，不抢视觉焦点 */
+/* 断连提示 */
 .chat-disconnect-bar {
   display: flex;
   align-items: center;
@@ -867,7 +867,7 @@
   padding: 4px 10px;
   background: var(--bg-tertiary);
   color: var(--text-tertiary);
-  font-size: 11px;
+  font-size: var(--font-size-xs);
   font-weight: 400;
   flex-shrink: 0;
   border-top: 1px solid var(--border-primary);
@@ -977,7 +977,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
   flex: 1;
-  font-size: 13px;
+  font-size: var(--font-size-sm);
   font-weight: 500;
   color: var(--text-primary);
 }
@@ -992,7 +992,7 @@
   align-items: center;
   gap: 6px;
   margin-top: 3px;
-  font-size: 11px;
+  font-size: var(--font-size-xs);
   color: var(--text-tertiary);
   overflow: hidden;
 }
@@ -1005,7 +1005,7 @@
   background: var(--bg-tertiary);
   padding: 0 4px;
   border-radius: 3px;
-  font-size: 10px;
+  font-size: var(--font-size-xs);
 }
 
 .chat-session-del {
@@ -1013,7 +1013,7 @@
   border: none;
   color: var(--text-muted, #999);
   cursor: pointer;
-  font-size: 16px;
+  font-size: var(--font-size-lg);
   padding: 0 2px;
   opacity: 0;
   transition: opacity 0.12s;
@@ -1032,7 +1032,7 @@
 .chat-session-empty {
   text-align: center;
   color: var(--text-muted, #999);
-  font-size: 12px;
+  font-size: var(--font-size-xs);
   padding: 20px 0;
 }
 
@@ -1083,7 +1083,7 @@
 }
 
 .cmd-group-title {
-  font-size: 11px;
+  font-size: var(--font-size-xs);
   font-weight: 600;
   color: var(--text-muted, #888);
   padding: 6px 8px 2px;
@@ -1098,7 +1098,7 @@
   padding: 7px 8px;
   border-radius: 4px;
   cursor: pointer;
-  font-size: 13px;
+  font-size: var(--font-size-sm);
   transition: background 0.1s;
 }
 
@@ -1109,7 +1109,7 @@
 .cmd-name {
   color: var(--accent);
   font-family: 'SF Mono', monospace;
-  font-size: 12px;
+  font-size: var(--font-size-xs);
   min-width: 100px;
 }
 
@@ -1169,7 +1169,7 @@
   width: 20px;
   height: 20px;
   cursor: pointer;
-  font-size: 14px;
+  font-size: var(--font-size-md);
   line-height: 1;
   display: flex;
   align-items: center;
@@ -1201,7 +1201,7 @@
   display: flex;
   align-items: center;
   gap: 6px;
-  font-size: 11px;
+  font-size: var(--font-size-xs);
   color: var(--text-tertiary);
   margin-top: 4px;
   padding: 0 4px;
@@ -1211,16 +1211,16 @@
 .msg-ai .msg-meta { justify-content: flex-start; }
 
 .msg-meta .msg-time {
-  font-size: 11px;
+  font-size: var(--font-size-xs);
 }
 
 .msg-meta .msg-tokens {
-  font-size: 10px;
+  font-size: var(--font-size-xs);
   opacity: 0.8;
 }
 
 .msg-meta .msg-duration {
-  font-size: 10px;
+  font-size: var(--font-size-xs);
   opacity: 0.8;
 }
 
@@ -1306,7 +1306,7 @@
   max-width: 200px;
 }
 .msg-file-size {
-  font-size: 11px;
+  font-size: var(--font-size-xs);
   color: var(--text-tertiary);
 }
 
@@ -1325,7 +1325,7 @@
 }
 .msg-tool-item > summary {
   cursor: pointer;
-  font-size: 12px;
+  font-size: var(--font-size-xs);
   color: var(--text-secondary);
   list-style: none;
 }
@@ -1347,7 +1347,7 @@
   padding: 8px 10px;
 }
 .msg-tool-title {
-  font-size: 11px;
+  font-size: var(--font-size-xs);
   color: var(--text-tertiary);
   margin-bottom: 6px;
 }
@@ -1372,7 +1372,7 @@
   background: var(--accent-muted, rgba(99, 102, 241, 0.08));
   border: 1px solid var(--accent-border, rgba(99, 102, 241, 0.2));
   border-radius: var(--radius-lg);
-  font-size: 12px;
+  font-size: var(--font-size-xs);
   line-height: 1.6;
   color: var(--text-secondary);
   position: relative;
@@ -1384,7 +1384,7 @@
 }
 .chat-guide-content b {
   color: var(--text-primary);
-  font-size: 13px;
+  font-size: var(--font-size-sm);
 }
 .chat-guide-content p {
   margin: 4px 0 0;
@@ -1396,7 +1396,7 @@
   background: none;
   border: none;
   color: var(--text-tertiary);
-  font-size: 18px;
+  font-size: var(--font-size-xl);
   cursor: pointer;
   padding: 2px 6px;
   border-radius: 4px;
@@ -1507,9 +1507,9 @@
   background: var(--bg-hover);
   border-color: var(--border-primary);
 }
-.chat-hosted-label { font-weight: 600; font-size: 14px; }
+.chat-hosted-label { font-weight: 600; font-size: var(--font-size-md); }
 .chat-hosted-badge {
-  font-size: 11px;
+  font-size: var(--font-size-xs);
   padding: 2px 6px;
   border-radius: 4px;
   font-weight: 500;
@@ -1538,12 +1538,12 @@
   justify-content: space-between;
   padding: 12px;
   border-bottom: 1px solid var(--border);
-  font-size: 14px;
+  font-size: var(--font-size-md);
 }
 .hosted-agent-close {
   background: none;
   border: none;
-  font-size: 18px;
+  font-size: var(--font-size-xl);
   cursor: pointer;
   color: var(--text-secondary);
   padding: 4px 8px;
@@ -1566,7 +1566,7 @@
   align-items: center;
   justify-content: space-between;
   padding: 6px 0;
-  font-size: 13px;
+  font-size: var(--font-size-sm);
   cursor: pointer;
 }
 .hosted-agent-switch input { display: none; }
@@ -1596,7 +1596,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  font-size: 12px;
+  font-size: var(--font-size-xs);
   padding: 2px 0;
 }
 .hosted-agent-tag { color: var(--text-tertiary); }
@@ -1607,7 +1607,7 @@
   padding: 8px 10px;
 }
 .hosted-agent-advanced-title {
-  font-size: 11px;
+  font-size: var(--font-size-xs);
   color: var(--text-tertiary);
   margin-bottom: 6px;
   text-transform: uppercase;
@@ -1615,15 +1615,15 @@
 }
 /* 滑块控件 */
 .ha-slider-group { padding: 4px 0; }
-.ha-slider-label { font-size: 12px; color: var(--text-secondary); margin-bottom: 4px; display: flex; align-items: center; justify-content: space-between; }
-.ha-slider-val { font-weight: 700; color: var(--accent); font-size: 14px; }
+.ha-slider-label { font-size: var(--font-size-xs); color: var(--text-secondary); margin-bottom: 4px; display: flex; align-items: center; justify-content: space-between; }
+.ha-slider-val { font-weight: 700; color: var(--accent); font-size: var(--font-size-md); }
 .ha-slider { width: 100%; height: 6px; -webkit-appearance: none; appearance: none; background: var(--bg-tertiary); border-radius: 3px; outline: none; cursor: pointer; }
 .ha-slider::-webkit-slider-thumb { -webkit-appearance: none; width: 18px; height: 18px; border-radius: 50%; background: var(--accent); cursor: pointer; box-shadow: 0 1px 4px rgba(0,0,0,0.2); }
 .ha-slider:disabled { opacity: 0.4; cursor: not-allowed; }
-.ha-slider-ticks { display: flex; justify-content: space-between; font-size: 10px; color: var(--text-tertiary); margin-top: 2px; }
+.ha-slider-ticks { display: flex; justify-content: space-between; font-size: var(--font-size-xs); color: var(--text-tertiary); margin-top: 2px; }
 /* 定时器 */
 .ha-timer-group { border: 1px solid var(--border); border-radius: 8px; padding: 8px 10px; }
-.ha-timer-header { display: flex; align-items: center; justify-content: space-between; font-size: 13px; color: var(--text-secondary); }
+.ha-timer-header { display: flex; align-items: center; justify-content: space-between; font-size: var(--font-size-sm); color: var(--text-secondary); }
 .ha-toggle { display: inline-flex; cursor: pointer; }
 .ha-toggle input { display: none; }
 .ha-toggle-track { width: 34px; height: 18px; border-radius: 9px; background: var(--bg-tertiary); position: relative; transition: background 0.2s; }
@@ -1635,7 +1635,7 @@
 .ha-countdown { margin-top: 8px; }
 .ha-countdown-bar { height: 6px; background: var(--bg-tertiary); border-radius: 3px; overflow: hidden; }
 .ha-countdown-fill { height: 100%; background: linear-gradient(90deg, var(--accent), var(--success, #22c55e)); border-radius: 3px; transition: width 1s linear; }
-.ha-countdown-text { font-size: 11px; color: var(--text-tertiary); margin-top: 2px; display: block; text-align: right; }
+.ha-countdown-text { font-size: var(--font-size-xs); color: var(--text-tertiary); margin-top: 2px; display: block; text-align: right; }
 .hosted-agent-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
 .hosted-agent-actions {
   display: flex;
@@ -1650,7 +1650,7 @@
 .hosted-agent-footer {
   padding: 8px 12px;
   border-top: 1px solid var(--border);
-  font-size: 11px;
+  font-size: var(--font-size-xs);
   color: var(--text-tertiary);
 }
 .msg-hosted {
@@ -1658,6 +1658,6 @@
   border: 1px dashed rgba(148, 163, 184, 0.4);
   border-radius: 8px;
   padding: 6px 10px;
-  font-size: 12px;
+  font-size: var(--font-size-xs);
   line-height: 1.5;
 }