feat ui设计稿bug修复

src/styles/variables.less

@@ -1,11 +1,14 @@
 // ★ less 变量唯一来源（颜色/间距/字号/圆角）
-// 注：下列色值已按蓝湖设计稿（lanhu pid=b0052b6c）标注实测校准，
-//     换算约定：设计画布内容宽 1780px → 应用内容宽 1368px（.container 1400 − 2×16），
-//     即 设计px × 0.77 ≈ CSS px；小字号（设计 ≤12px）按可读下限不跟缩。
+// 数据来源：蓝湖 MCP 实测（lanhu pid=b0052b6c，43 张设计稿已全量提取到本地，规格见 specs2/）。
+// 换算约定：**1:1 像素级还原**——设计画布 1920px。直接使用设计标注 px，不做任何缩放。
+// ⚠️ 内容区宽度按页面分两档（43 张设计稿实测结论）：
+//    · 常规页（案例库/需求提报/项目/合同/财务/消息/客服/个人中心）：内容宽 **1780**，左右留白各 **70**
+//    · 首页：内容宽 **1680**，左右留白各 **120**（首页设计稿单独一套基准）
+//    · 登录页：左品牌栏 784 + 右表单区 1136（无顶栏/页脚）
 
-// 品牌色（设计稿实测：填充按钮/下划线 #1F67EF，内容强调 #024FFF）
+// 品牌色（设计稿实测）
 @primary-color: #1f67ef;
-@primary-strong: #024fff;
+@primary-strong: #024fff;   // 内容强调 / 选中态（设计实测 #024FFF）
 @primary-hover: #598bff;
 @primary-light: #eaf1ff;
 
@@ -15,17 +18,18 @@
 @danger-color: #ef4444;
 @info-color: #8a94a6;
 
-// 文字色（设计稿灰阶：#1F2937 / #4B5563 / #6B7280 / #9CA3AF）
-@heading-color: #1f2937;
-@text-color: #4b5563;
-@text-color-secondary: #6b7280;
-@text-color-disabled: #9ca3af;
+// 文字色（设计稿灰阶：#121212 / #333333 / #666666 / #999999）
+@heading-color: #121212;
+@text-color: #333333;
+@text-color-secondary: #666666;
+@text-color-disabled: #999999;
 
-// 背景 / 边框（设计稿实测：页面 #F4F6F8、顶栏 #F4F5F9、顶栏下边线 #D8D8D8、页脚 #0C1321）
+// 背景 / 边框（设计稿实测）
 @bg-color: #f5f6f8;
 @bg-color-light: #fafbfc;
 @border-color: #e4e7ec;
 @border-color-dark: #cdd3dd;
+@border-color-btn: #d8dbdf;        // 注销确认弹窗「暂不注销」底/描边（设计实取）
 @white: #ffffff;
 @black: #000000;
 @header-bg: #f4f5f9;
@@ -47,20 +51,63 @@
 @spacing-xl: 32px;
 @spacing-xxl: 48px;
 
-// 字号
+// 字号（1:1，设计实测体系 —— 43 张设计稿全量统计：16px 为出现最多的正文级字号）
+@font-size-xs: 10px;
 @font-size-sm: 12px;
 @font-size-base: 14px;
-@font-size-lg: 16px;
+@font-size-body: 16px;   // 正文基准（设计稿最高频字号；body 默认值）
+@font-size-md: 16px;
+@font-size-lg: 18px;     // 顶栏导航 / 小标题（设计实测 18/500）
 @font-size-xl: 20px;
-@font-size-title: 22px;   // 详情页主标题（项目详情设计稿 28 设计px × 0.77）
-@font-size-xxl: 28px;
+@font-size-title: 28px;  // 栏目标题（设计实测 28/500）
+@font-size-xxl: 36px;    // 大标题（设计实测 36/700）
+@font-size-hero: 48px;   // 头图主标题（设计实测 48/500、52/700、60/700）
+@font-size-hero-lg: 60px; // 首页头图主标题（设计实测 60/700）
 
-// 布局（容器宽度按设计稿标注校准：设计稿为约 1400 宽的整幅版面）
-@container-width: 1400px;
-@header-height: 64px;
-@header-nav-gap: 72px;   // 顶栏导航项间距（设计 94px × 0.77；≤1280 视口降为 32px）
-@footer-height: 240px;
-@footer-inset: 65px;     // 页脚内容左右内缩（设计 85px × 0.77，页脚比正文更窄）
+// 首页头图（设计画板 y73 起，1920×661）
+@banner-title-color: #12171A;  // 头图标题/副标题色（设计实取）
+@btn-gradient-from: #A061FE;   // 主按钮渐变起（设计实取）
+@btn-gradient-to: #045DFF;     // 主按钮渐变止（设计实取）
+@btn-ghost-color: #2B5FF0;     // 描边按钮文字色（设计像素实测）
+
+// 布局（1:1，设计实测）
+@container-width: 1920px;   // 设计画布 / 通栏块总宽
+
+// 全局视觉缩放：设计稿按 1920 画布 1:1 实现，整体观感偏大，
+// 按用户要求整体缩放 67%（html zoom，等比缩放、比例关系与通栏布局不破坏）。
+// 1920 物理屏逻辑视口 ≈ 2866 ≥ 1920 → 内容居中、无横向滚动。
+// 小屏适配（自行判断）：物理视口 <1287px（如 1280 屏）时 1920×0.67≈1286 放不下，
+// 降到 0.66 → 1280/0.66 ≈ 1939 ≥ 1920，仍无横向滚动；1366 屏 1366/0.67≈2039 ✓ 不需降档。
+@page-zoom: 0.67;
+@page-zoom--sm: 0.66;
+
+// 常规页内容区（specs2 全量复核 2026-09-30：案例库/需求提报/项目/合同/财务/消息详情/客服/
+// 收藏/发票抬头/业务详情 共 17 张设计稿内容块均为 x70→1850 = **1780 宽**；此前误标 155/1600
+// 导致整站内容右移 85px、窄 170px，已修正回归设计稿）
+@page-content: 1780px;      // 常规页内容实宽（设计实测 x70→1850）
+@page-gutter: 70px;         // 常规页左右留白（设计实测）
+
+// 个人中心系（个人中心/账号安全/地址管理等 13 张）视觉核对定版基准，独立不联动：
+// 左列 x155 宽 200 + 右卡，视觉比对设计稿裁片确认（specs 嵌套组坐标为组内相对值，不可直接用）
+@profile-content: 1600px;
+@profile-gutter: 155px;
+
+// 首页专用（首页设计稿单独基准：x120→1800）
+@home-content: 1680px;      // 首页内容实宽
+@home-gutter: 120px;        // 首页左右留白
+
+// 兼容旧引用（= 常规页基准，即绝大多数页面）
+@content-width: @page-content;
+@container-width-inner: @page-content;
+
+@header-height: 72px;       // 顶栏高（设计实测 72px）
+@header-nav-gap: 94px;      // 顶栏导航项文字间距（设计实测：首页 x275→311，案例库 x405）
+@footer-height: 481px;      // 页脚高（设计实测 481px）
+@footer-inset: 70px;        // 页脚内容左右内缩（与常规页内容区对齐）
+
+// 登录页（无顶栏/页脚）
+@login-brand-width: 784px;  // 左侧品牌渐变栏
+@login-form-offset: 1022px; // 右侧表单区起点
 
 // 阴影
 @shadow-base: 0 2px 8px rgba(31, 39, 51, 0.08);
@@ -194,6 +241,33 @@
 @tag-info-bg: #f3f4f6;             // 徽标底：未支付 / 中性（设计 09 实取）
 @milestone-line: #eeeff2;          // 里程碑未完成连接线（设计 13 实取）
 
+// 项目详情（蓝湖设计稿 5 张：项目进度 / 项目文件 / 合同财务 / 售后信息 / 申请售后）
+// ⚠️ 换算约定：**1:1 像素级还原**，设计画布 1920px，直接使用设计标注 px，不做缩放。
+// 实测锚点（1920 视口）：面包屑 (70,116) 24/500 #666666；主标题 (142,212) 19/700；
+//   页签行 (70,278) 1780×40，文字 13/600 激活 / 13/400 常规，节距 86；
+//   分隔线 (70,317) 1780×1 #F0F1F3；区块标题 15/700 @(82,y)。
+@project-ink: #1f2937;             // 主标题 / 区块标题 / 文件名（设计实取 #1F2937）
+@project-label: #6b7280;           // 「项目编号：」等字段标签（设计实取 #6B7280）
+@project-value: #1f2937;           // 字段值（设计实取 #1F2937）
+@project-muted: #9ca3af;           // 次行说明：上传时间 / 占位文字（设计实取 #9CA3AF）
+@project-cell: #4b5563;            // 只读值 / 行内操作「预览·下载」（设计实取 #4B5563）
+@project-card: #ffffff;            // 表格区白底（设计实取）
+@project-field-bg: #f3f4f6;        // 只读字段底（设计实取 #F3F4F6）
+@project-input-border: #dde1e7;    // 只读框 / 输入框描边（设计实取 #DDE1E7）
+@project-head-bg: #f7f8fa;         // 里程碑 / 文件行浅底（设计实取 #F7F8FA）
+@project-upload-tag: #ef4444;      // 上传文档红字（设计实取 #EF4444）
+@project-banner-soft: #fdeeee;     // 售后工单横幅底（设计实取 #FDEEEE）
+
+// 项目详情 → 里程碑（设计实测）
+@milestone-node: 356px;            // 节点列宽（相邻节点 x70→426 = 356）
+@milestone-dot: 26px;              // 已完成实心点直径（x235..261 = 26）
+@milestone-ring: #e5e7eb;          // 待开始连接线（设计实取 #E5E7EB）
+@milestone-idle-text: #9ca3af;     // 待开始 / 进行中的状态说明（设计实取 #9CA3AF）
+
+// 项目详情 → 项目团队（设计实测：头像 64，相邻中心距 99 → 间距 35）
+@team-size: 64px;
+@team-gap: 35px;
+
 // 合同中心（蓝湖设计稿）
 // 设计索引：41 顶部横幅+搜索栏，46/47 表格+分页，40/44/52 合同详情，45 面包屑，39 签署。
 // ⚠️ 换算约定同上：设计px × 0.77 ≈ CSS px；设计 ≤12px 小字号按可读下限取 11px，不跟缩。
@@ -245,6 +319,8 @@
 @profile-line: #e5e7eb;            // 按钮描边 / 分隔线（设计 28 注销按钮描边实取 (229,231,235)）
 @profile-input-border: #dde1e7;    // 输入框描边（设计 22 实取 (221,225,231)）
 @profile-radius: 6px;              // 输入框 / 小按钮 / 菜单选中项圆角（设计 8px × 0.77）
+@profile-page-bg: #f4f6f8;         // 个人中心页底色（设计稿实取）
+@profile-ink: #1f2937;             // 个人中心标题字色（设计稿实取）
 @profile-hotline-bg: #d6e4fb;      // 专属客服热线卡底色（设计 14 实取 rgba(214,228,251)）
 @profile-icon-pwd: #c7d2fe;        // 账号安全「修改密码」图标块底（设计 28 实取）
 @profile-icon-phone: #fdebeb;      // 账号安全「绑定手机」图标块底（设计 28 实取）
@@ -257,6 +333,13 @@
 
 // 合同中心（蓝湖设计稿）· 补充
 @contract-ink: #121212;        // 页面最深标题色（设计实取 #121212）
+@contract-page-bg: #f4f6f8;    // 页面底色 / 详情只读值框底（设计 e6c3a361 实取 #F4F6F8）
 
 // 财务中心（蓝湖设计稿）· 补充
 @finance-pay-bg: #f7f8f9;      // 扫码支付页底色（设计实取 #f7f8f9）
+// 财务中心概览 / 账单（设计 6cd4aa76 等，1920 画布 1:1 实取）
+@finance-muted-text: #6b7280;  // 副标语 / 图表刻度 / 图例 / 次级文字（设计实取 #6B7280）
+@finance-card-line: #f0f1f3;   // 卡片描边（设计实取 #F0F1F3）
+@finance-entry-text: #4b5563;  // 快捷入口文字（设计实取 #4B5563）
+@finance-axis-text: #9ca3af;   // 图表 Y 轴刻度（设计实取 #9CA3AF）
+@finance-ink: #1f2937;         // 区块标题（设计实取 #1F2937）