fix: 修复水平滚动条问题，改用100%宽度替代100vw

Author: CC11001100

src/components/AlgorithmRunner.css

@@ -1,45 +1,51 @@
 .algorithm-runner {
-  min-height: 100vh;
+  height: 100vh;
+  width: 100%;
   display: flex;
   flex-direction: column;
   background: #f5f7fa;
+  overflow: hidden;
+  box-sizing: border-box;
 }
 
 /* 输入区域 */
 .input-section {
-  padding: 12px 20px;
+  padding: 8px 16px;
   background: white;
   border-bottom: 1px solid #e1e4e8;
+  flex-shrink: 0;
 }
 
 /* 主内容区 - 左右分栏 */
 .main-content {
   display: flex;
   flex: 1;
   overflow: hidden;
-  gap: 16px;
-  padding: 16px;
+  gap: 12px;
+  padding: 12px 16px;
+  min-height: 0;
+  width: 100%;
+  box-sizing: border-box;
 }
 
 /* 画布区域 - 左侧，占据大部分空间 */
 .canvas-section {
   flex: 2;
   min-width: 0;
   background: white;
-  border-radius: 12px;
-  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+  border-radius: 8px;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
   overflow: hidden;
   position: relative;
 }
 
 /* 代码区域 - 右侧 */
 .code-section {
-  flex: 1;
-  min-width: 320px;
-  max-width: 500px;
+  width: 340px;
+  flex-shrink: 0;
   background: white;
-  border-radius: 12px;
-  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+  border-radius: 8px;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
   overflow: hidden;
   display: flex;
   flex-direction: column;
@@ -49,39 +55,31 @@
 .bottom-controls {
   background: white;
   border-top: 1px solid #e1e4e8;
-  padding: 12px 20px;
+  padding: 8px 16px;
   display: flex;
   flex-direction: column;
-  gap: 12px;
+  gap: 8px;
+  flex-shrink: 0;
 }
 
 /* 响应式布局 */
-@media (max-width: 1024px) {
-  .main-content {
-    flex-direction: column;
-  }
-  
+@media (max-width: 900px) {
   .code-section {
-    max-width: none;
-    min-height: 300px;
-  }
-  
-  .canvas-section {
-    min-height: 300px;
+    width: 280px;
   }
 }
 
 @media (max-width: 768px) {
-  .input-section {
-    padding: 10px 12px;
+  .main-content {
+    flex-direction: column;
   }
 
-  .main-content {
-    padding: 10px;
-    gap: 10px;
+  .code-section {
+    width: 100%;
+    min-height: 200px;
   }
 
-  .bottom-controls {
-    padding: 10px 12px;
+  .canvas-section {
+    min-height: 200px;
   }
 }