- 在 index.html:47-51 给 main 和左侧面板增加 min-h-0，允许网格子项在父级 flex 容器中释放高度，确保

#chat-history 的 overflow-y-auto 生效；右侧展示区同样设置 min-h-0，防止 SVG 区域被异常拉伸。
  - 调整后，长对话会保持面板固定高度，滚动条承载多余内容，不再把整个页面撑出视窗。

css/style.css

@@ -2,6 +2,15 @@ body {
   font-family: 'Inter', sans-serif;
 }
 
+/* 统一处理 Iconify 图标的对齐方式，避免在按钮与文字中出现垂直偏移 */
+iconify-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  vertical-align: middle;
+  line-height: 1;
+}
+
 /* 狂野线条效果 */
 .wild-border {
   border: 3px solid;
@@ -223,9 +232,22 @@ body {
   transition: color 0.2s ease;
 }
 
+.svg-placeholder-block {
+  position: relative;
+}
+
+@keyframes svg-active-pulse {
+  0% { box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.35), 0 6px 12px rgba(15, 23, 42, 0.15); }
+  50% { box-shadow: 0 0 0 6px rgba(37, 99, 235, 0.15), 0 10px 18px rgba(15, 23, 42, 0.2); }
+  100% { box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.35), 0 6px 12px rgba(15, 23, 42, 0.15); }
+}
+
 .svg-placeholder-active {
-  border-color: #2563eb;
-  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);
+  border-color: #1d4ed8;
+  background: linear-gradient(135deg, #e0f2fe 0%, #dbeafe 100%);
+  color: #1e3a8a;
+  transform: translateY(-2px);
+  /* animation: svg-active-pulse 1.6s ease-in-out infinite; */
 }
 
 .svg-content-wrapper {