优化终端

src/styles.css

@@ -1,6 +1,63 @@
 @import "tailwindcss";
 @import "./styles/grid-layout.css";
 
+/* xterm.js 全宽度样式 */
+.xterm-full-width {
+  width: 100% !important;
+  height: 100% !important;
+  position: relative !important;
+}
+
+.xterm-full-width .xterm {
+  width: 100% !important;
+  height: 100% !important;
+  padding: 0 !important;
+  margin: 0 !important;
+}
+
+.xterm-full-width .xterm-viewport {
+  width: 100% !important;
+  background-color: transparent !important;
+}
+
+.xterm-full-width .xterm-screen {
+  width: 100% !important;
+  height: 100% !important;
+}
+
+.xterm-full-width .xterm-helper-textarea {
+  width: 100% !important;
+}
+
+.xterm-full-width canvas {
+  width: 100% !important;
+  display: block !important;
+}
+
+/* xterm.js 修复右侧边框 - 确保所有子元素完全填充 */
+.xterm-full-width .xterm-rows {
+  width: 100% !important;
+}
+
+/* 确保 xterm 容器内部元素正确对齐 */
+.xterm-full-width .xterm-scroll-area {
+  width: 100% !important;
+}
+
+/* 强制覆盖 xterm 内联样式 */
+.xterm-full-width > div {
+  width: 100% !important;
+  height: 100% !important;
+}
+
+/* 移除任何可能的内边距或边距 */
+.xterm-full-width .terminal {
+  padding: 0 !important;
+  margin: 0 !important;
+  width: 100% !important;
+  height: 100% !important;
+}
+
 /* Custom scrollbar hiding */
 .scrollbar-hide {
   scrollbar-width: none;