修补自定义分段后，面板过长的问题

src/app/OlMap/Controls/StyleEditorPanel.tsx

@@ -715,7 +715,7 @@ const StyleEditorPanel: React.FC<StyleEditorPanelProps> = ({
     // 判断此次触发是否由用户点击“应用”按钮引起
     const isUserTrigger =
       styleUpdateTrigger !== prevStyleUpdateTriggerRef.current;
-    // 更新 prevStyleUpdateTriggerRef
+    // 更新 prevStyleUpdateTrigger
     prevStyleUpdateTriggerRef.current = styleUpdateTrigger;
 
     const updateJunctionStyle = () => {
@@ -1368,8 +1368,12 @@ const StyleEditorPanel: React.FC<StyleEditorPanelProps> = ({
             <Typography variant="subtitle2" gutterBottom>
               手动设置区间阈值（按升序填写，最小值 {">="} 0）
             </Typography>
-            <Box className="flex flex-col gap-2">
-              {Array.from({ length: styleConfig.segments }).map((_, idx) => (
+            <Box
+              className="flex flex-col gap-2"
+              sx={{ maxHeight: "240px", overflowY: "auto", paddingTop: "12px" }}
+            >
+              {Array.from({ length: styleConfig.segments + 1 }).map(
+                (_, idx) => (
                   <TextField
                     key={idx}
                     label={`阈值 ${idx + 1}`}
@@ -1406,7 +1410,8 @@ const StyleEditorPanel: React.FC<StyleEditorPanelProps> = ({
                       });
                     }}
                   />
-              ))}
+                )
+              )}
             </Box>
           </Box>
         )}