项目中心

src/styles/mixins.less

@@ -36,6 +36,29 @@
   }
 }
 
+// 卡片区块标题（左侧圆头竖条 + 16px 半粗）
+// 项目详情设计稿规格：竖条 5×20 圆头 @project-accent，标题 16px/600，竖条→文字间距 10px
+.section-title() {
+  position: relative;
+  padding-left: 15px;
+  font-size: @font-size-lg;
+  font-weight: 600;
+  line-height: 20px;
+  color: @heading-color;
+
+  &::before {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 0;
+    width: 5px;
+    height: 20px;
+    border-radius: @radius-round;
+    background: @project-accent;
+    transform: translateY(-50%);
+  }
+}
+
 // 表单文本控件（输入框 / 文本域共用外观；需求提报页设计稿规格：白底 + 浅灰描边 + 4px 圆角）
 .text-control() {
   width: 100%;

src/styles/variables.less

@@ -44,6 +44,7 @@
 @font-size-base: 14px;
 @font-size-lg: 16px;
 @font-size-xl: 20px;
+@font-size-title: 22px;   // 详情页主标题（项目详情设计稿 28 设计px × 0.77）
 @font-size-xxl: 28px;
 
 // 布局（容器宽度按设计稿标注校准：设计稿为约 1400 宽的整幅版面）
@@ -74,3 +75,12 @@
 // 项目中心（按项目中心设计稿标注校准）
 @project-table-head-bg: #e8e8e8;  // 表头底色（设计稿实取 (232,232,232)）
 @project-table-line: #bbbbbb;     // 表格网格线（设计稿实取 (187,187,187)）
+
+// 项目详情（按 docs/prototype/项目中心-演示.html 设计稿校准）
+// ⚠️ 换算系数：设计画布内容宽 1776px → 应用内容宽 1368px（.container 1400 − 2×16），
+//    即 设计px × 0.77 ≈ CSS px。下列数值 = 设计稿实测值 × 0.77 后取整。
+@project-accent: #2563eb;      // 竖条 / 状态文字 / 进度条 / 激活页签 / 里程碑进行中（设计稿实取 rgba(37,99,235,1)）
+@project-track: #e8e8e8;       // 进度条轨道（设计稿实取）
+@milestone-done: #34c724;      // 里程碑已完成圆点
+@milestone-idle: #cecece;      // 里程碑待开始圆环 + 连接线（设计稿实取）
+@team-avatar-bg: #54bcbd;      // 团队头像底色（设计稿实取）