update

packages/frontend/src/style.css

@@ -15,6 +15,11 @@
   --button-bg-color: #007bff;     /* 按钮背景色 */
   --button-text-color: #ffffff;   /* 按钮文字颜色 */
   --button-hover-bg-color: #0056b3;/* 按钮悬停背景色 */
+  --icon-color: var(--text-color-secondary); /* 图标颜色 */
+  --icon-hover-color: var(--link-hover-color); /* 图标悬停颜色 */
+  --divider-color: var(--border-color); /* 分割线颜色 */
+  --input-focus-border-color: var(--link-active-color); /* 输入框聚焦边框颜色 */
+  --input-focus-glow-rgb: 0, 123, 255; /* 输入框聚焦光晕 RGB 值 (对应 --link-active-color) */
 
   /* 字体 */
   --font-family-sans-serif: sans-serif; /* 默认字体 */
@@ -44,6 +49,25 @@ a:hover {
   text-decoration: underline; /* 悬停时显示下划线 */
 }
 
+/* 全局图标样式 */
+i, .fas, .far, .fab { /* 根据你使用的图标库调整选择器 */
+  color: var(--icon-color);
+  transition: color 0.2s ease;
+}
+a:hover i, a:hover .fas, a:hover .far, a:hover .fab, /* 链接内的图标 */
+button:hover i, button:hover .fas, button:hover .far, button:hover .fab, /* 按钮内的图标 */
+.icon-interactive:hover i, .icon-interactive:hover .fas, .icon-interactive:hover .far, .icon-interactive:hover .fab { /* 可交互图标容器 */
+  color: var(--icon-hover-color);
+}
+
+/* 全局分割线样式 */
+hr {
+  border: none;
+  border-top: 1px solid var(--divider-color);
+  margin: var(--base-margin) 0;
+}
+
+
 /* 可以添加更多全局样式规则 */
 
 /* 为 xterm 终端添加内边距 */
@@ -114,3 +138,10 @@ a:hover {
 ::-webkit-scrollbar-thumb:hover {
   background-color: var(--text-color-secondary); /* Scrollbar handle hover color */
 }
+
+/* Input focus styles */
+input:focus, textarea:focus, select:focus {
+    border-color: var(--input-focus-border-color) !important; /* Use new variable, !important might be needed depending on specificity */
+    outline: 0;
+    box-shadow: 0 0 0 3px rgba(var(--input-focus-glow-rgb), 0.2) !important; /* Use new variable, !important might be needed */
+}