update:部分样式优化

frontend/app/features/schedules/SchedulePage.tsx

@@ -449,37 +449,38 @@ export default function SchedulePage({
             linkSourceId={linkSourceId}
             onCancelLink={() => setLinkSourceId(null)}
           />
-          <div
-            className="relative min-h-0 flex-1 overflow-auto bg-bg-canvas data-[state=linking]:cursor-crosshair"
-            data-state={linkSourceId ? "linking" : "idle"}
-            ref={canvasRef}
-            style={{
-              backgroundImage:
-                "linear-gradient(#e7edf3 1px, transparent 1px), linear-gradient(90deg, #e7edf3 1px, transparent 1px), linear-gradient(#f1f4f7 1px, transparent 1px), linear-gradient(90deg, #f1f4f7 1px, transparent 1px)",
-              backgroundSize: "80px 80px, 80px 80px, 16px 16px, 16px 16px",
-              backgroundPosition: "-1px -1px",
-            }}
-            onDragOver={(event) => {
-              event.preventDefault();
-              event.dataTransfer.dropEffect = "copy";
-            }}
-            onDrop={onCanvasDrop}
-            onClick={(event) => {
-              // 画布实际内容位于 surface/SVG 子元素中，不能只比较 currentTarget；
-              // 点击节点或连线时保留选择，点击其余空白位置则返回调度方案基本信息。
-              const target = event.target as Element;
-              if (
-                target.closest(".schedule-node") ||
-                target.matches(".schedule-edge-line, .schedule-edge-hit")
-              ) return;
-              setSelectedNodeId(null);
-              setSelectedEdgeId(null);
-            }}
-          >
+          <div className="relative min-h-0 flex-1">
             <div
-              className="relative"
-              style={{ width: CANVAS_WIDTH, height: CANVAS_HEIGHT }}
+              className="absolute inset-0 overflow-auto bg-bg-canvas data-[state=linking]:cursor-crosshair"
+              data-state={linkSourceId ? "linking" : "idle"}
+              ref={canvasRef}
+              style={{
+                backgroundImage:
+                  "linear-gradient(#e7edf3 1px, transparent 1px), linear-gradient(90deg, #e7edf3 1px, transparent 1px), linear-gradient(#f1f4f7 1px, transparent 1px), linear-gradient(90deg, #f1f4f7 1px, transparent 1px)",
+                backgroundSize: "80px 80px, 80px 80px, 16px 16px, 16px 16px",
+                backgroundPosition: "-1px -1px",
+              }}
+              onDragOver={(event) => {
+                event.preventDefault();
+                event.dataTransfer.dropEffect = "copy";
+              }}
+              onDrop={onCanvasDrop}
+              onClick={(event) => {
+                // 画布实际内容位于 surface/SVG 子元素中，不能只比较 currentTarget；
+                // 点击节点或连线时保留选择，点击其余空白位置则返回调度方案基本信息。
+                const target = event.target as Element;
+                if (
+                  target.closest(".schedule-node") ||
+                  target.matches(".schedule-edge-line, .schedule-edge-hit")
+                ) return;
+                setSelectedNodeId(null);
+                setSelectedEdgeId(null);
+              }}
             >
+              <div
+                className="relative"
+                style={{ width: CANVAS_WIDTH, height: CANVAS_HEIGHT }}
+              >
               {schedule && (
                 <svg
                   className="absolute inset-0 z-[1] h-full w-full overflow-visible"
@@ -600,9 +601,11 @@ export default function SchedulePage({
                   />
                 </div>
               ))}
-
-              {!schedule ? (
-                <div className="sticky left-1/2 top-[46%] z-0 mx-auto mt-[190px] flex w-[350px] flex-col items-center text-center text-[#9aa8b6] [&>svg]:mb-3 [&>svg]:text-[#8cb4de]">
+              </div>
+            </div>
+            {!schedule ? (
+              <div className="pointer-events-none absolute inset-0 z-[2] flex items-center justify-center">
+                <div className="pointer-events-auto flex w-[350px] flex-col items-center text-center text-[#9aa8b6] [&>svg]:mb-3 [&>svg]:text-[#8cb4de]">
                   <CalendarClock size={34} />
                   <strong className="text-[14px] text-[#567089]">还没有选中调度方案</strong>
                   <p className="my-[7px_13px] text-[11px]">点击"新建"创建一个调度，然后拖入稳定版本脚本。</p>
@@ -616,14 +619,16 @@ export default function SchedulePage({
                     <Plus size={15} />新建调度
                   </Button>
                 </div>
-              ) : schedule.nodes.length === 0 ? (
-                <div className="sticky left-1/2 top-[46%] z-0 mx-auto mt-[190px] flex w-[350px] flex-col items-center text-center text-[#9aa8b6] [&>svg]:mb-3 [&>svg]:text-[#8cb4de]">
+              </div>
+            ) : schedule.nodes.length === 0 ? (
+              <div className="pointer-events-none absolute inset-0 z-[2] flex items-center justify-center">
+                <div className="pointer-events-auto flex w-[350px] flex-col items-center text-center text-[#9aa8b6] [&>svg]:mb-3 [&>svg]:text-[#8cb4de]">
                   <PackageOpen size={34} />
                   <strong className="text-[14px] text-[#567089]">从稳定版本开始编排</strong>
                   <p className="my-[7px_13px] text-[11px]">把左侧脚本卡片拖到这里，或双击卡片快速加入。</p>
                 </div>
-              ) : null}
-            </div>
+              </div>
+            ) : null}
           </div>
           <footer className="flex min-h-[35px] items-center gap-[14px] border-t border-[#e4eaf0] bg-white px-3 text-[10px] text-[#8b99a9]">
             <span