优化脚本

core/frontend/src/design-restraint.css

@@ -81,16 +81,18 @@
   --honey-bg:   rgba(236, 183, 48,  .08);
   --honey-bd:   rgba(236, 183, 48,  .20);
 
-  /* ===== Heat · 单 hue + 8 档 alpha · 丁香蓝(对齐 YZ 主 CTA) ===== */
-  --heat:    #A5B4FC;
-  --heat-hover: #8ea0f8;
-  --heat-90: rgba(165, 180, 252, .90);
-  --heat-40: rgba(165, 180, 252, .40);
-  --heat-20: rgba(165, 180, 252, .20);
-  --heat-16: rgba(165, 180, 252, .16);
-  --heat-12: rgba(165, 180, 252, .12);
-  --heat-8:  rgba(165, 180, 252, .08);
-  --heat-4:  rgba(165, 180, 252, .04);
+  /* ===== Heat · 单 hue + 8 档 alpha · 克莱因蓝(对齐 YZ 主 CTA,别用浅紫以免像禁用) ===== */
+  --klein: #002fa7;
+  --klein-hover: #002680;
+  --heat:    var(--klein);
+  --heat-hover: var(--klein-hover);
+  --heat-90: rgba(0, 47, 167, .90);
+  --heat-40: rgba(0, 47, 167, .40);
+  --heat-20: rgba(0, 47, 167, .20);
+  --heat-16: rgba(0, 47, 167, .16);
+  --heat-12: rgba(0, 47, 167, .12);
+  --heat-8:  rgba(0, 47, 167, .08);
+  --heat-4:  rgba(0, 47, 167, .04);
 
   /* ===== Black-alpha 阶梯 (20 档) ===== */
   --black-alpha-1:  rgba(0, 0, 0, .01);
@@ -133,13 +135,13 @@
 
   /* ===== Shadows ===== */
   --shadow-cta:
-    0 1px 2px rgba(129, 140, 248, .16),
-    0 6px 16px rgba(165, 180, 252, .28);
+    0 1px 2px rgba(0, 47, 167, .16),
+    0 6px 16px rgba(0, 47, 167, .24);
   --shadow-cta-hover:
-    0 2px 4px rgba(129, 140, 248, .20),
-    0 10px 22px rgba(165, 180, 252, .34);
+    0 2px 4px rgba(0, 47, 167, .20),
+    0 10px 22px rgba(0, 47, 167, .28);
   --shadow-cta-active:
-    0 1px 2px rgba(129, 140, 248, .18);
+    0 1px 2px rgba(0, 47, 167, .18);
   --shadow-floating: 0 8px 28px rgba(17, 19, 24, .06);
 }
 
@@ -220,11 +222,11 @@ img, svg, video { display: block; max-width: 100%; }
 /* ─── App shell ─── */
 .app {
   display: grid;
-  grid-template-columns: var(--sidebar-width) 1fr;
+  grid-template-columns: var(--sidebar-width) minmax(0, 1fr);
   min-height: 100vh;
   transition: grid-template-columns var(--t-base);
 }
-body.sidebar-collapsed .app { grid-template-columns: 96px 1fr; }
+body.sidebar-collapsed .app { grid-template-columns: 96px minmax(0, 1fr); }
 
 /* ─── Sidebar ─── */
 aside.sidebar {
@@ -758,7 +760,17 @@ body.sidebar-collapsed .user .em,
 body.sidebar-collapsed .user::after { display: none; }
 
 /* ─── Main + grid background ─── */
-main { position: relative; background: #fff; min-width: 0; }
+main { position: relative; background: #fff; min-width: 0; overflow-x: hidden; }
+.app:has(.pipeline-page) {
+  height: 100vh;
+  overflow: hidden;
+}
+main:has(.pipeline-page) {
+  height: 100vh;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
 .grid-bg {
   position: absolute;
   inset: 0;
@@ -817,12 +829,13 @@ main { position: relative; background: #fff; min-width: 0; }
 /* ─── Topbar ─── */
 .topbar {
   display: flex; align-items: center; gap: 16px;
-  padding: 0 24px;
+  padding: 0 clamp(36px, 3.2vw, 68px);
   border-bottom: 1px solid rgba(27, 32, 40, 0.08);
   background: #fff;
   position: sticky; top: 0; z-index: 50;
   height: 116px;
   min-height: 116px;
+  min-width: 0;
   box-sizing: border-box;
   flex-wrap: nowrap;
 }
@@ -926,7 +939,7 @@ main { position: relative; background: #fff; min-width: 0; }
   color: var(--black-alpha-40);
   letter-spacing: .02em;
 }
-.topbar .right { margin-left: auto; display: flex; align-items: center; gap: 10px; }
+.topbar .right { margin-left: auto; display: flex; align-items: center; gap: 10px; min-width: 0; flex: 0 1 auto; }
 .balance-chip {
   display: inline-flex; align-items: center; gap: 7px;
   height: 40px;
@@ -1007,6 +1020,14 @@ main { position: relative; background: #fff; min-width: 0; }
   min-height: calc(100vh - 116px);
   animation: yz-page-enter 280ms cubic-bezier(0.22, 1, 0.36, 1);
 }
+.content:has(.pipeline-page) {
+  padding: 0;
+  flex: 1 1 auto;
+  height: auto;
+  min-height: 0;
+  overflow: hidden;
+  animation: none;
+}
 @keyframes yz-page-enter {
   from { opacity: 0; transform: translateY(8px); }
   to { opacity: 1; transform: translateY(0); }