完成视频复刻和优化

core/frontend/src/styles.css

@@ -131,7 +131,7 @@ aside.sidebar {
   border: 1px solid var(--border-soft);
 }
 .nav-section { font-size: 12px; color: var(--ink-3); padding: 14px 12px 6px; letter-spacing: .08em; text-transform: uppercase; font-weight: 600; }
-nav { display: flex; flex-direction: column; gap: 1px; }
+aside.sidebar nav { display: flex; flex-direction: column; gap: 1px; }
 nav a {
   display: flex; align-items: center; gap: 11px;
   padding: 8px 12px;
@@ -177,7 +177,7 @@ nav a.disabled:hover { background: transparent; color: var(--ink-4); }
 .user .em { font-size: 13px; }
 
 /* ─── Main + grid background ─── */
-main { position: relative; overflow: hidden; background: #fff; }
+main { position: relative; background: #fff; }
 .grid-bg {
   position: absolute;
   inset: 0;
@@ -264,7 +264,7 @@ main { position: relative; overflow: hidden; background: #fff; }
 
 /* ─── Content ─── */
 /* 内容区始终紧贴侧栏铺满整个剩余宽度(与生产管线全屏页一致),不限宽、不居中 —— 否则宽屏会右侧留白或内容居中变窄 */
-.content { padding: 36px 48px 60px; position: relative; z-index: 1; }
+.content { padding: 36px 48px 60px; position: relative; }
 .page-head { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 28px; gap: 16px; flex-wrap: wrap; }
 .page-head h1 { font-size: 26px; font-weight: 600; letter-spacing: -.018em; line-height: 1.2; }
 .page-head .sub { font-size: 14px; color: var(--ink-2); margin-top: 6px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }