修改UI问题初

App.vue

@@ -12,6 +12,8 @@ export default {
         this.globalData.statusBarHeight = sysInfo.statusBarHeight;
         this.globalData.windowWidth = sysInfo.windowWidth;
         this.globalData.windowHeight = sysInfo.windowHeight;
+        // 注意：字体加载不能在这里调（页面未创建会报 not font page），
+        // 已移到首页 pages/index/index.vue 的 onLoad 中，global: true 照样全局生效
     }
 };
 </script>

UI修改计划.md

@@ -0,0 +1,283 @@
+# UI 问题修改计划
+
+> 来源：设计验收问题记录（UI-001 ~ UI-0014），共 14 项，全部状态：待修改
+> 设计稿基准：宽度 390px，换算到小程序 750rpx
+
+---
+
+## 一、尺寸换算规则（px → rpx）
+
+换算公式：`1px = 750 / 390 rpx ≈ 1.923rpx`
+
+| 设计稿 px | 换算 rpx | 取值建议 |
+| --- | --- | --- |
+| 2px | 3.85rpx | 4rpx |
+| 4px | 7.69rpx | 8rpx |
+| 10px（10号字） | 19.23rpx | 19rpx |
+| 16px（16号字） | 30.77rpx | 31rpx |
+
+> 所有从设计稿（设计规格说明.md / Figma）量取的 px 值，一律按上表换算为 rpx 再写入代码。
+
+---
+
+## 二、远程资源路径规范
+
+### 2.1 资源存放约定
+
+- 本地 `切图/切图/` 文件夹整体改名为 `miniprogram` 后上传至服务器，线上路径前缀为：`/assets/miniprogram/`
+- 资源域名复用 API 域名：`https://official.inkreach.cc`（即 api/request.js 中小程序端 BASE_URL 的域名）
+- 代码中**不要写死完整 URL**，统一通过 `buildUrl()` 拼接：
+
+```js
+import { buildUrl } from '@/api/request.js'
+
+const ASSET_BASE = '/assets/miniprogram/'
+
+// 示例
+buildUrl(ASSET_BASE + 'logo.png')
+// → https://official.inkreach.cc/assets/miniprogram/logo.png（三端一致）
+```
+
+> 说明：buildUrl 对 `assets/` 开头的路径直接用域名根目录拼接（不拼 v2-api），接口仍走 `https://official.inkreach.cc/v2-api/`。
+
+### 2.2 资源映射表（原图 → 线上路径）
+
+| 原图（切图/切图/） | 线上路径（/assets/miniprogram/，保留切图原始中文文件名） | 对应问题 |
+| --- | --- | --- |
+| logo.png（单张完整logo，含中英文） | logo.png | UI-001 |
+| 首页主视觉全球图.png | 首页主视觉全球图.png | UI-003 |
+| 4步开始/01步骤-选择产品.png | 4步开始/01步骤-选择产品.png | UI-004 |
+| 4步开始/02步骤-上传设计.png | 4步开始/02步骤-上传设计.png | UI-004 |
+| 4步开始/03步骤-在线销售.png | 4步开始/03步骤-在线销售.png | UI-004 |
+| 4步开始/04步骤-生产配送.png | 4步开始/04步骤-生产配送.png | UI-004 |
+| 用强大功能/全球配送.png | 用强大功能/全球配送.png | UI-005 |
+| 用强大功能/店铺集成.png | 用强大功能/店铺集成.png | UI-005 |
+| 用强大功能/自动化履约.png | 用强大功能/自动化履约.png | UI-005 |
+| 用强大功能/设计工具.png | 用强大功能/设计工具.png | UI-005 |
+| 公司简介背景.png | 公司简介背景.png | UI-007 |
+| PingFang SC/ 文件夹（7 个字重 ttf，见 2.3） | fonts/PingFang-Regular.subset.ttf 等（已生成，见 2.3） | 全局字体 |
+
+> 中文文件名由 buildUrl/uni.request 自动 URL 编码，三端均可正常访问；只有字体目录用英文名 `fonts/`。
+
+### 2.3 字体方案
+
+#### 现有字体文件
+
+服务器路径：`miniprogram/PingFang SC/`，共 7 个字重，**每个约 13.4MB**：
+
+| 文件 | 字重 | 是否选用 |
+| --- | --- | --- |
+| PingFang (Thin).ttf | 100 | 不用 |
+| PingFang (Ultralight).ttf | 200 | 不用 |
+| PingFang (Light).ttf | 300 | 不用 |
+| **PingFang (Regular).ttf** | **400** | **选用（主字体，正文/数字）** |
+| **PingFang (Medium).ttf** | **500** | **选用（可选，标题/强调）** |
+| PingFang (Semibold).ttf | 600 | 备选（如 Medium 效果不够重再换） |
+| PingFang (Heavy/Bold 等).ttf | 700+ | 不用 |
+
+> 结论：**首选 Regular（400）**，它对应 font-weight: 400 的常规文本；如需标题更醒目可加 **Medium（500）**。其余字重不加载，避免浪费带宽。7 个文件全部上传也没关系，但代码里只引用选中的 1~2 个。
+
+#### 关键问题：必须子集化，不能直接全量加载
+
+- 每个 ttf 全量约 **13.4MB**，小程序加载一个字体包就要 13MB+，用户流量和加载时间都不可接受
+- **处理方式**：用 [fontmin](https://github.com/ecomfe/fontmin) 或在线工具（如 font-spider、字节跳动的字体子集化工具）把 ttf 裁成子集：
+  - 方案 A（推荐）：只保留**数字 + 英文 + 常用符号**，子集后仅 **20~50KB**，用于价格、数据等数字/英文场景
+  - 方案 B：保留常用 3500 中文字 + 数字英文，约 1~2MB，可覆盖绝大部分中文（牺牲一些包体）
+
+#### ✅ 子集文件已生成（2026-08-31）
+
+已在本项目根目录 `miniprogram-fonts/` 下生成 4 个文件（字符集 = 常用3500字 + ASCII + 中文标点 + 项目源码实际用字，共 3661 字符）：
+
+| 文件 | 大小 | 用途 |
+| --- | --- | --- |
+| PingFang-Regular.subset.ttf | 724 KB | 主字体（正文/数字），**推荐直接用这个** |
+| PingFang-Regular.subset.woff2 | 382 KB | 同上，体积更小，loadFontFace 部分端支持不完善，备用 |
+| PingFang-Medium.subset.ttf | 722 KB | 标题/强调字体 |
+| PingFang-Medium.subset.woff2 | 387 KB | 同上备用 |
+
+**待办**：将 `miniprogram-fonts/` 下需要使用的文件复制到服务器 `miniprogram/fonts/`（即线上 `/assets/miniprogram/fonts/`），文件名保持不变。
+
+- 子集化脚本已保留：`subset_fonts.py`（字符表 `chars_3500.txt`），后续文案变动可重新生成（需 `pip install --target ./pylibs fonttools brotli`，再 `PYTHONPATH=./pylibs python subset_fonts.py`）
+- 原始解压字体在 `切图/切图/PingFang SC/`，如不需要可直接删除
+
+#### uni-app 加载方式
+
+**方式一：`uni.loadFontFace`（推荐，全端通用）**
+
+在**首页 [index.vue](pages/index/index.vue) 的 `onLoad`** 中全局加载（注意：不能放 App.vue 的 onLaunch，页面未创建会报 `loadFontFace:fail not font page`），小程序/H5/App 三端都支持：
+
+```js
+// pages/index/index.vue onLoad（global: true 照样全局生效）
+uni.loadFontFace({
+    global: true, // 跨页面生效，必须加
+    family: 'PingFangSC', // 自定义字体名，避免和系统 PingFang SC 冲突
+    source: 'url("https://official.inkreach.cc/assets/miniprogram/fonts/PingFang-Regular.subset.ttf")',
+    success: () => console.log('字体加载成功'),
+    fail: err => console.warn('字体加载失败，回退系统字体', err)
+});
+```
+
+使用：CSS 里直接 `font-family: 'PingFangSC', -apple-system, 'PingFang SC', sans-serif;`（加载失败自动回退系统字体，无副作用）
+
+**方式二：app.css 里写 `@font-face`**
+
+- H5 端：完全支持，写在 [app.css](app.css) 即可
+- 小程序端：基础库 2.10.0 起支持 wxss 中的网络字体 @font-face，但兼容性不如方式一稳定
+
+```css
+@font-face {
+    font-family: 'PingFangSC';
+    src: url('https://official.inkreach.cc/assets/miniprogram/fonts/PingFang-Regular.subset.ttf') format('truetype');
+    font-weight: 400;
+}
+```
+
+> 注意：CSS 内无法调用 buildUrl()，必须写**完整远程 URL**。
+
+**小程序端额外要求**：
+
+- 字体 URL 必须是 **https**
+- 字体所在域名 `official.inkreach.cc` 需加入小程序后台的 **downloadFile 合法域名**（与现有 API 域名相同，如已配置则无需重复添加）
+- 本地调试可在开发者工具勾选"不校验合法域名"
+
+#### 中文字体怎么办（结论：先不加载，按需再补）
+
+- **iOS 无需处理**：iOS 系统字体本身就是苹方（PingFang SC），中文不加载任何字体也和设计稿完全一致
+- **Android 有轻微差异**：系统字体是 MiSans / HarmonyOS Sans，与苹方观感接近、细节略有不同，多数场景肉眼难辨
+- 如需 Android 中文也统一，推荐做"**实际用字子集**"：
+  - 小程序静态中文文案基本固定，提取代码里全部中文去重（约 600~900 字）+ 数字英文，子集约 **300~500KB**
+  - 动态数据（如后端商品名）出现子集外的字时，**缺字自动回退系统字体**，不会乱码，仅个别字字形不同，几乎看不出
+  - 若担心覆盖不足，改用"常用 3500 字"子集（1~2MB），覆盖 99% 动态文字
+- 缺字回退由系统自动完成，CSS 字体栈里排好回退顺序即可，无需额外代码
+
+#### 最终建议组合
+
+1. 第一步：Regular + Medium 做**数字/英文子集**（方案 A）上线，零风险
+2. 首页 index.vue `onLoad` 用 `uni.loadFontFace(global: true)` 加载（不能在 App.vue onLaunch 调，会报 not font page）
+3. app.css 全局字体栈改为 `'PingFangSC', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', sans-serif`（数字英文走子集字体，中文自动回退系统 PingFang/苹方，iOS 与设计稿完全一致）
+4. 第二步（可选）：看安卓真机效果后，若要求中文统一，再做中文"实际用字子集"或常用 3500 字子集，**只需替换/新增字体文件并在 loadFontFace 里加一条，代码结构不变**
+
+---
+
+## 三、问题清单与修改方案
+
+> **暂缓项（需参考 Figma 设计稿，链接如下，后续再改）**：
+> - UI-009（搜索图标+搜索按钮）、UI-0010（筛选遮挡）
+>   https://www.figma.com/design/9JTxflMXhnfltaGbDmTgOm/inkreach?node-id=1962-143&m=dev
+> - UI-014（产品详情顶部导航，暂不改）
+>   https://www.figma.com/design/9JTxflMXhnfltaGbDmTgOm/inkreach?node-id=1508-155&m=dev
+
+### UI-001 首页第一屏 · logo 替换（P1）
+
+- 文件：[HeroBanner.vue](pages/index/components/HeroBanner.vue)（第 19-20 行）
+- 现状：两张图 `logo_en.svg` + `logo_cn.svg`
+- 方案：删除两张 svg，改用单张 logo 图：`buildUrl(ASSET_BASE + 'logo.png')`，按设计稿调整尺寸与分割线表现
+
+### UI-002 首页第一屏 · 数据列辅助文案字号（P2）
+
+- 文件：[HeroBanner.vue](pages/index/components/HeroBanner.vue)（数据列 label，文案见 [mock.js](pages/index/mock.js) 第 6 行"全球本土工厂"）
+- 方案：辅助文案（label）字号调整为 10号 → **19rpx**
+
+### UI-003 首页第一屏 · 全球地图主视觉模糊（P2）
+
+- 文件：[HeroBanner.vue](pages/index/components/HeroBanner.vue)
+- 方案：替换为切图高清原图 `首页主视觉全球图.png`（线上路径见 2.2）
+
+### UI-004 首页 · 4步开始你的按需定制生意 · 配图模糊（P3）
+
+- 文件：[StepsFlow.vue](pages/index/components/StepsFlow.vue)，当前用 `static/images/home/step_0x_*.jpg`
+- 方案：四张步骤图全部替换为切图原图（4步开始/01~04步骤-*.png），路径走 buildUrl
+
+### UI-005 首页 · 用强大的功能开启盈利快车道 · 配图模糊（P3）
+
+- 文件：[PlatformFeatures.vue](pages/index/components/PlatformFeatures.vue)，当前用 `static/images/home/feat_*.jpg`
+- 方案：四张功能图全部替换为切图原图（用强大功能/*.png），路径走 buildUrl
+
+### UI-006 首页 · 为什么选择 Inkreach · 文案与间距（P1）
+
+- 文件：[WhyChoose.vue](pages/index/components/WhyChoose.vue)
+- 方案：
+  1. 标题英文统一为 `Inkreach`（大小写按此，不使用全大写）
+  2. 上下间距调整为与左右间距一致（按设计稿量取 px 后换算 rpx）
+
+### UI-007 首页 · 公司简介 · 添加背景图（P1）
+
+- 文件：[CompanyIntro.vue](pages/index/components/CompanyIntro.vue)
+- 方案：为该区块添加背景图 `公司简介背景.png`（线上路径见 2.2），铺满区块，内容层叠加在背景之上
+
+### UI-008 首页 · 联系方式 · 电话号码字号（P2）
+
+- 文件：[CompanyIntro.vue](pages/index/components/CompanyIntro.vue)（电话栏，约第 72-74 行）
+- 方案：电话号码字号调整为 16号 → **31rpx**
+
+### UI-009 产品页 · 搜索栏 · 图标与搜索按钮（P1）
+
+- 文件：[SearchBar.vue](pages/products/components/SearchBar.vue)
+- 方案：
+  1. 替换现有搜索图标为设计稿图标（**注意：切图文件夹内暂无搜索图标，需向设计索取或从设计稿导出**）
+  2. 搜索框右侧增加"搜索"按钮，样式按设计稿
+
+### UI-0010 产品页 · 搜索栏 · 筛选被遮挡（P1）
+
+- 文件：[SearchBar.vue](pages/products/components/SearchBar.vue) / [products.vue](pages/products/products.vue)
+- 方案：参考设计稿调整搜索栏与筛选按钮布局（层级/宽度/间距），确保筛选按钮完整可见可点
+
+### UI-0011 产品页 · 国家分类 · 间距（P3）
+
+- 文件：[CountryBar.vue](pages/products/components/CountryBar.vue)
+- 方案：
+  1. 标签内国旗与名称间距 = 4px → **8rpx**
+  2. 标签上下间距在现有基础上增加 2px → **4rpx**
+
+### UI-0012 产品页 · 产品列表 · 大背景灰色值（P1）
+
+- 文件：[products.vue](pages/products/products.vue)/[products.css](pages/products/products.css)（页面容器背景），涉及 [ProductGrid.vue](pages/products/components/ProductGrid.vue) 第 132 行 `#f2f2f2`
+- 方案：页面大背景灰色统一调整为 **#ECECEC**
+
+### UI-0013 标签栏 · 产品图标大小不一致（P1）
+
+- 文件：[pages.json](pages.json)（tabBar 配置，第 28-44 行），图标在 `static/icons/tabbar/`
+- 方案：检查 tab_product 选中/未选中两张图的画布尺寸是否一致；统一为同一尺寸（推荐与 home 图标一致，或按设计稿重出图）。注意 tabBar 图标必须是 png（小程序限制）
+
+### UI-0014 产品详情 · 顶部导航缺失（P1）
+
+- 文件：[product-detail.vue](pages/product-detail/product-detail.vue)（该页已设 `navigationStyle: custom`）
+- 方案：在页面顶部（状态栏高度 padding 之下）增加自定义导航栏：左侧返回按钮（`uni.navigateBack`）+ 居中标题"产品详情"
+
+---
+
+## 四、建议实施顺序
+
+1. **P1 先行**：UI-001、UI-006、UI-007、UI-009、UI-0010、UI-0012、UI-0013、UI-0014
+2. **P2 次之**：UI-002、UI-003、UI-008
+3. **P3 收尾**：UI-004、UI-005、UI-0011
+
+**前置依赖**：切图文件夹改名 `miniprogram` 并上传服务器后，远程图片/字体路径才可访问；UI-009 的搜索按钮图标需设计补充切图。
+
+**验证方式**：每项修改后在微信开发者工具 + H5 双端检查显示效果；图片类修改需确认线上 URL 可直接访问（浏览器打开 buildUrl 拼出的完整地址）。
+
+---
+
+## 五、修改记录（2026-08-31 第一批）
+
+| 编号 | 状态 | 修改内容 |
+| --- | --- | --- |
+| UI-001 | ✅ 已改 | [HeroBanner.vue](pages/index/components/HeroBanner.vue)：删除 logo_en.svg + logo_cn.svg 双图，改用单张远程 logo.png（buildUrl 拼接，320×60rpx aspectFit） |
+| UI-002 | ✅ 已改 | HeroBanner.vue `.stat-label` 字号 16rpx → 19rpx（10号） |
+| UI-003 | ✅ 已改 | HeroBanner.vue 主视觉图改用远程高清原图 首页主视觉全球图.png |
+| UI-004 | ✅ 已改 | [mock.js](pages/index/mock.js) stepList 四张图 → 远程 4步开始/01~04步骤-*.png 原图 |
+| UI-005 | ✅ 已改 | mock.js featureList 四张图 → 远程 用强大功能/*.png 原图 |
+| UI-006 | ✅ 已改 | [WhyChoose.vue](pages/index/components/WhyChoose.vue)：标题"为什么选择Inkrecah？"→"为什么选择Inkreach？"；卡片去掉 margin-bottom，上下间距统一用 gap 20rpx 与左右一致；区块上下留白对称（96rpx） |
+| UI-007 | ✅ 已改 | [CompanyIntro.vue](pages/index/components/CompanyIntro.vue) 背景图改用远程切图原图 公司简介背景.png |
+| UI-008 | ✅ 已改 | CompanyIntro.vue `.phone-text` 字号 23rpx → 31rpx（16号） |
+| UI-009 | ⏸ 暂缓 | 等设计/Figma（node-id=1962-143） |
+| UI-0010 | ⏸ 暂缓 | 等设计/Figma（node-id=1962-143） |
+| UI-0011 | ✅ 已改 | [CountryBar.vue](pages/products/components/CountryBar.vue)：国旗与名称间距 20rpx → 8rpx（4px）；标签上下 row-gap 16rpx → 20rpx（+2px） |
+| UI-0012 | ✅ 已改 | [products.css](pages/products/products.css) 页面背景 + [ProductGrid.vue](pages/products/components/ProductGrid.vue) 右侧内容区背景 → #ECECEC |
+| UI-0013 | ✅ 已改 | tab_product_gray/orange.png 由 57×57 放大至 72×72（Pillow LANCZOS），与 home 图标一致 |
+| UI-0014 | ⏸ 暂缓 | 按要求暂不修改（Figma node-id=1508-155） |
+| 全局字体 | ✅ 已改 | 首页 [index.vue](pages/index/index.vue) `onLoad` 用 `uni.loadFontFace(global: true)` 加载 `fonts/PingFang-Regular.subset.ttf`（family 自定义名 `PingFangSC`；App.vue onLaunch 调用会报 not font page，已移至页面）；[app.css](app.css) 字体栈首位插入 `'PingFangSC'`，加载失败自动回退系统字体 |
+
+**注意事项**：
+- 远程图片依赖服务器 `/assets/miniprogram/` 下对应文件（保留切图原始中文文件名：logo.png、首页主视觉全球图.png、公司简介背景.png、4步开始/×4、用强大功能/×4），访问前确认已部署，文件名与映射表（2.2 节）一致
+- 原 logo_en.svg / logo_cn.svg 仍留在 static/icons/home/ 中，已无引用，可留可删

api/request.js

@@ -11,37 +11,27 @@
  */
 
 // 基础路径：修改此处即可切换后端地址
-// #ifdef H5
-// H5 端走 devServer 代理（manifest.json h5.devServer.proxy），规避浏览器 CORS 限制
-const BASE_URL = '/';
-// #endif
-// #ifndef H5
-// 小程序端直连后端 v2 环境
-const BASE_URL = 'https://official.inkreach.cc/v2-api/';
-// #endif
-export { BASE_URL };
+// 所有端统一直连后端
+const DOMAIN = 'https://official.inkreach.cc';
+// 接口走 v2 环境
+const BASE_URL = DOMAIN + '/v2-api/';
+// 静态资源直挂域名根目录（如 /assets/miniprogram/...），不拼接 v2-api
+const ASSET_BASE = DOMAIN + '/';
+export { BASE_URL, ASSET_BASE };
 
 // 默认配置
 const TIMEOUT = 30000;
 const DEFAULT_HEADER = { 'Content-Type': 'application/json' };
 
 // 统一拼装 URL：完整地址直接返回，否则 BASE_URL + path
-// 图片/静态资源路径也可直接调用，得到完整可访问地址
+// /assets/ 开头的静态资源路径用域名根目录拼接（不拼 v2-api）
 export function buildUrl(url) {
     if (!url) return '';
     if (/^https?:\/\//i.test(url)) return url;
-    const base = BASE_URL.replace(/\/+$/, '');
     const path = url.replace(/^\/+/, '');
-    let full = path ? `${base}/${path}` : base;
-    // #ifdef H5
-    // uni-app H5 的 image 组件会将以 / 开头的路径重写为 routerBase + path
-    // （如 /assets/x.png → /h5/assets/x.png），导致 devServer 代理匹配不到而 404。
-    // 这里拼成完整绝对地址（https://host/assets/x.png），image 组件对 http(s):// 开头的路径原样放行
-    if (typeof window !== 'undefined' && full.charAt(0) === '/') {
-        full = window.location.origin + full;
-    }
-    // #endif
-    return full;
+    if (path.startsWith('assets/')) return ASSET_BASE + path;
+    const base = BASE_URL.replace(/\/+$/, '');
+    return path ? `${base}/${path}` : base;
 }
 
 // 统一取 header（注入 token）

app.css

@@ -29,7 +29,7 @@ page {
     font-size: 28rpx;
     color: var(--color-text-primary);
     background-color: var(--color-bg-page);
-    font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', sans-serif;
+    font-family: 'PingFangSC', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', sans-serif;
 }
 
 /* 通用样式 */

manifest.json

@@ -70,23 +70,24 @@
     "h5" : {
         "devServer" : {
             "https" : true,
-            "host" : "192.168.124.19",
-            "proxy" : {
-                "/public" : {
-                    "target" : "https://official.inkreach.cc",
-                    "changeOrigin" : true,
-                    "pathRewrite" : {
-                        "^/public" : "/v2-api/public"
-                    }
-                },
-                "/assets" : {
-                    "target" : "https://official.inkreach.cc",
-                    "changeOrigin" : true,
-                    "pathRewrite" : {
-                        "^/assets" : "/v2-api/assets"
-                    }
-                }
-            }
+            "host" : "192.168.124.19"
+            // 暂时关闭开发代理（直接连后端时注释掉）
+            // "proxy" : {
+            //     "/public" : {
+            //         "target" : "https://official.inkreach.cc",
+            //         "changeOrigin" : true,
+            //         "pathRewrite" : {
+            //             "^/public" : "/v2-api/public"
+            //         }
+            //     },
+            //     "/assets" : {
+            //         "target" : "https://official.inkreach.cc",
+            //         "changeOrigin" : true,
+            //         "pathRewrite" : {
+            //             "^/assets" : "/v2-api/assets"
+            //         }
+            //     }
+            // }
         },
         "router" : {
             "mode" : "history",

pages/index/components/CompanyIntro.vue

@@ -1,11 +1,11 @@
 <template>
   <!-- 公司简介 + 底部CTA - Figma 1461:1606 + 1498:1769 -->
   <view class="company-section">
-    <!-- 背景图 - 模糊 + 0.5透明 -->
+    <!-- 背景图 - 设计师切图原图（UI-007），模糊 + 0.5透明 -->
     <view class="company-bg">
       <image
         class="bg-img"
-        src="/static/images/home/公司简介背景_1461_1606.png"
+        :src="bgUrl"
         mode="aspectFill"
       ></image>
     </view>
@@ -87,6 +87,8 @@
 </template>
 
 <script>
+import { buildUrl } from '@/api/request.js'
+
 export default {
   name: 'CompanyIntro',
   props: {
@@ -97,7 +99,9 @@ export default {
   },
   data() {
     return {
-      phone: '15999928161'
+      phone: '15999928161',
+      // 公司简介背景图 - 远程切图原图（保留切图原始文件名），UI-007
+      bgUrl: buildUrl('/assets/miniprogram/公司简介背景.png')
     }
   },
   methods: {
@@ -361,10 +365,10 @@ export default {
   flex-shrink: 0;
 }
 .phone-text {
-  font-size: 23rpx;      /* 12px → 23rpx */
+  font-size: 31rpx;      /* UI-008: 16号 → 31rpx */
   font-weight: 700;
   color: #ffffff;
-  line-height: 32rpx;
+  line-height: 38rpx;
 }
 /* 联系我们 - 用户提供的image.png */
 .cta-text-img {

pages/index/components/HeroBanner.vue

@@ -4,20 +4,19 @@
     <!-- 渐变背景层 -->
     <view class="hero-gradient-bg"></view>
 
-    <!-- 地球背景图 (y:228, 390x390) -->
+    <!-- 地球背景图 (远程高清原图，UI-003) -->
     <view class="hero-earth">
       <image
         class="earth-img"
-        src="/static/images/home/Rectangle_178_1426_1248.png"
+        :src="heroImg"
         mode="aspectFill"
       ></image>
     </view>
 
-    <!-- 顶部 Logo 栏 (状态栏 + 双 logo) -->
+    <!-- 顶部 Logo 栏 (状态栏 + 单张完整logo，UI-001) -->
     <view class="hero-top-bar" :style="{ paddingTop: statusBarHeight + 'px' }">
       <view class="logo-wrap">
-        <image class="logo-en" src="/static/icons/home/logo_en.svg" mode="aspectFit"></image>
-        <image class="logo-cn" src="/static/icons/home/logo_cn.svg" mode="aspectFit"></image>
+        <image class="logo" :src="logoUrl" mode="aspectFit"></image>
       </view>
     </view>
 
@@ -45,6 +44,11 @@
 </template>
 
 <script>
+import { buildUrl } from '@/api/request.js'
+
+// 远程静态资源前缀（服务器 miniprogram 文件夹）
+const ASSET_BASE = '/assets/miniprogram/'
+
 export default {
   name: 'HeroBanner',
   props: {
@@ -55,7 +59,11 @@ export default {
   },
   data() {
     return {
-      statusBarHeight: 20
+      statusBarHeight: 20,
+      // 单张完整 logo（含中英文与分割线），UI-001
+      logoUrl: buildUrl(ASSET_BASE + 'logo.png'),
+      // 全球地图主视觉高清原图（保留切图原始文件名），UI-003
+      heroImg: buildUrl(ASSET_BASE + '首页主视觉全球图.png')
     }
   },
   created() {
@@ -122,19 +130,11 @@ export default {
   padding: 0 20rpx;
   box-sizing: border-box;
 }
-/* 英文 logo 73x30 */
-.logo-en {
-  width: 146rpx;
+/* 单张完整 logo，UI-001 */
+.logo {
+  width: 320rpx;
   height: 60rpx;
 }
-/* 中文 logo 72x12 - 左侧带分隔线 */
-.logo-cn {
-  width: 144rpx;
-  height: 24rpx;
-  margin-left: 12rpx;
-  padding-left: 12rpx;
-  border-left: 1rpx solid #ff6800;
-}
 
 /* 内容层 */
 .hero-content {
@@ -208,10 +208,10 @@ export default {
   color: #ff6800;
   line-height: 1.2;
 }
-/* 标签 - 8px Regular #000000 */
+/* 标签 - 10px Regular #000000（UI-002 由 8px 调整为 10号 → 19rpx） */
 .stat-label {
   margin-top: 18rpx;
-  font-size: 16rpx;
+  font-size: 19rpx;
   color: #000000;
   line-height: 1.2;
   white-space: nowrap;

pages/index/components/WhyChoose.vue

@@ -1,8 +1,8 @@
 <template>
   <!-- 为什么选择 Inkreach - Figma 1458:1492 -->
   <view class="why-section">
-    <!-- 区块标题 - 20px Heavy #1A1A1A 居中 -->
-    <text class="section-title">为什么选择Inkrecah？</text>
+    <!-- 区块标题 - 20px Heavy #1A1A1A 居中（UI-006 标题拼写修正） -->
+    <text class="section-title">为什么选择Inkreach？</text>
 
     <!-- 2x2 网格 - 180x80 卡片 -->
     <view class="why-grid">
@@ -27,10 +27,10 @@ export default {
 </script>
 
 <style scoped>
-/* 区块 - 灰色背景 #F8F8F8 */
+/* 区块 - 灰色背景 #F8F8F8（UI-006 上下留白对称） */
 .why-section {
   width: 100%;
-  padding: 96rpx 0 80rpx 0;
+  padding: 96rpx 0;
   background: #f8f8f8;
   box-sizing: border-box;
 }
@@ -43,11 +43,12 @@ export default {
   font-weight: 900;
   color: #1a1a1a;
   line-height: 1.45;
-  margin-bottom: 64rpx;
+  margin-bottom: 40rpx; /* UI-006 与区块上下留白节奏统一 */
 }
 
 /* 2x2 网格 - 固定2列(345rpx×2 + 间距20rpx + 容器内边距40rpx = 750rpx)
-   注意：不要用 flex-basis + calc(50%)，部分手机浏览器解析失败会导致单列 */
+   注意：不要用 flex-basis + calc(50%)，部分手机浏览器解析失败会导致单列
+   UI-006: 上下间距与左右间距一致（去掉卡片 margin-bottom，统一用 gap 20rpx） */
 .why-grid {
   padding: 0 20rpx;
   display: flex;
@@ -60,7 +61,6 @@ export default {
   height: 160rpx;
   background: #ffffff;
   border-radius: 12rpx;
-  margin-bottom: 20rpx;
   padding: 0 40rpx;
   box-sizing: border-box;
   display: flex;

pages/index/index.vue

@@ -43,6 +43,7 @@ import WhyChoose from './components/WhyChoose.vue'
 import CompanyIntro from './components/CompanyIntro.vue'
 
 import { getCountries, getGoods } from '@/api/public.js'
+import { buildUrl } from '@/api/request.js'
 import { truncateProductTitle } from '@/utils/product.js'
 
 import {
@@ -81,6 +82,7 @@ export default {
     }
   },
   async onLoad() {
+    this.loadGlobalFont()
     await this.loadPodCountries()
     await this.loadPodProducts('')
   },
@@ -96,6 +98,19 @@ export default {
     this.stopAutoPlay()
   },
   methods: {
+    // 全局加载苹方子集字体（常用3500字+数字英文，约700KB）
+    // 必须在页面加载后调用（App onLaunch 里页面未创建会报 not font page）
+    // family 用自定义名 PingFangSC（避免与系统苹方重名），已加到 app.css 字体栈首位；global: true 全局生效
+    // 加载失败自动回退系统字体，不影响使用
+    loadGlobalFont() {
+      uni.loadFontFace({
+        global: true,
+        family: 'PingFangSC',
+        source: `url("${buildUrl('/assets/miniprogram/fonts/PingFang-Regular.subset.ttf')}")`,
+        success: () => console.log('字体加载成功'),
+        fail: err => console.warn('字体加载失败，回退系统字体', err)
+      })
+    },
     async loadPodCountries() {
       try {
         const res = await getCountries()

pages/index/mock.js

@@ -1,5 +1,9 @@
 // 首页 mock 数据
-// 设计稿尺寸: 390px 宽度，1px ≈ 2rpx
+// 设计稿尺寸: 390px 宽度，1px ≈ 1.923rpx
+import { buildUrl } from '@/api/request.js'
+
+// 远程静态资源前缀（服务器 miniprogram 文件夹）
+const ASSET_BASE = '/assets/miniprogram/'
 
 // Hero 区 4个指标
 export const trustStats = [
@@ -10,31 +14,31 @@ export const trustStats = [
 ]
 
 // 4步流程
-// 每一步对应一张预览大图（img 字段）：设计师切图已替换，文件见 static/images/home/step_*.jpg
+// 每一步对应一张预览大图（img 字段）：设计师切图原图，远程路径（保留切图原始文件名），UI-004
 export const stepList = [
   {
     step: '01',
     title: '选择产品',
     desc: '海量精选产品，满足多元定制需求',
-    img: '/static/images/home/step_01_select.jpg'
+    img: buildUrl(ASSET_BASE + '4步开始/01步骤-选择产品.png')
   },
   {
     step: '02',
     title: '上传设计',
     desc: '可视化编辑器，轻松实现创意落地',
-    img: '/static/images/home/step_02_upload.jpg'
+    img: buildUrl(ASSET_BASE + '4步开始/02步骤-上传设计.png')
   },
   {
     step: '03',
     title: '在线销售',
     desc: '一键开通店铺，多渠道触达目标客群',
-    img: '/static/images/home/step_03_sell.jpg'
+    img: buildUrl(ASSET_BASE + '4步开始/03步骤-在线销售.png')
   },
   {
     step: '04',
     title: '生产配送',
     desc: '智能化柔性生产，快速响应全球配送',
-    img: '/static/images/home/step_04_produce.jpg'
+    img: buildUrl(ASSET_BASE + '4步开始/04步骤-生产配送.png')
   }
 ]
 
@@ -75,31 +79,31 @@ export const podProducts = [
 ]
 
 // 平台功能卡片
-// 每一张卡片对应一张「集成平台」大图（img 字段）：设计师切图已替换，文件见 static/images/home/feat_*.jpg
+// 每一张卡片对应一张「集成平台」大图（img 字段）：设计师切图原图，远程路径（保留切图原始文件名），UI-005
 export const featureList = [
   {
     step: '01',
     title: '设计工具',
     desc: '轻松设计，快速定制',
-    img: '/static/images/home/feat_design.jpg'
+    img: buildUrl(ASSET_BASE + '用强大功能/设计工具.png')
   },
   {
     step: '02',
     title: '自动化履约',
     desc: '从生产到配送，全程无忧，准时交付',
-    img: '/static/images/home/feat_auto.jpg'
+    img: buildUrl(ASSET_BASE + '用强大功能/自动化履约.png')
   },
   {
     step: '03',
     title: '全球配送',
     desc: '全球11国自营本土工厂',
-    img: '/static/images/home/feat_global.jpg'
+    img: buildUrl(ASSET_BASE + '用强大功能/全球配送.png')
   },
   {
     step: '04',
     title: '店铺集成',
     desc: '与全球主流电商平台无缝对接',
-    img: '/static/images/home/feat_store.jpg'
+    img: buildUrl(ASSET_BASE + '用强大功能/店铺集成.png')
   }
 ]
 

pages/products/components/CountryBar.vue

@@ -67,18 +67,18 @@ export default {
   padding: 12rpx 20rpx;
   box-sizing: border-box;
 }
-/* 换行布局 - 行间距 8px(未选中态 y=37-6=31px; 第二行 y=37) */
+/* 换行布局 - UI-0011: 标签上下间距 +2px → row-gap 20rpx */
 .country-inner {
   display: flex;
   flex-wrap: wrap;
-  row-gap: 16rpx;
+  row-gap: 20rpx;
   column-gap: 20rpx;
 }
-/* 单个标签 - padding 4px 10px 圆角 60px gap 10px Figma */
+/* 单个标签 - padding 4px 10px 圆角 60px Figma；UI-0011: 国旗与名称间距 4px → 8rpx */
 .country-item {
   display: flex;
   align-items: center;
-  gap: 20rpx; /* 10px gap */
+  gap: 8rpx;
   padding: 8rpx 20rpx; /* 4px 10px */
   background: #f7f7f7;
   border-radius: 60rpx;

pages/products/components/ProductGrid.vue

@@ -129,7 +129,7 @@ export default {
 .right-content {
   display: flex;
   flex-direction: column;
-  background: #f2f2f2;
+  background: #ececec; /* UI-0012: 与页面大背景统一为 #ECECEC */
 }
 
 /* 顶部子分类条件 - padding 6px 10px 圆角 60px */

pages/products/products.css

@@ -5,7 +5,7 @@
   display: flex;
   flex-direction: column;
   overflow: hidden;  /* 唯一滚动源 = scroll-view，整页绝不兜底滚动 */
-  background: #f2f2f2;
+  background: #ececec; /* UI-0012: 大背景灰统一为 #ECECEC */
 }
 
 /* 主体内容 - 左右分栏 */

设计规格说明.md

@@ -1,983 +0,0 @@
-# 印美达小程序设计规格说明 (uniapp)
-
-> 由 Figma API 自动提取，基于 inkreach 设计稿
-> 设计稿宽度：390px（uniapp 中使用 rpx 适配，390px = 750rpx，即 1px = 1.923rpx）
-
-## 目录
-
-- [首页](#首页)
-- [货盘](#货盘)
-- [产品详情](#产品详情)
-- [全局设计规范](#全局设计规范)
-- [交互状态规范](#交互状态规范)
-- [横向滚动区域](#横向滚动区域)
-- [资源文件](#资源文件)
-
-## 全局设计规范
-
-### 颜色规范
-
-| 颜色 | 用途示例 |
-|------|----------|
-| `#000000` | 9:41 |
-| `#1a1a1a` | 4步开始你的按需定制生意 |
-| `#666666` | 男士服装 |
-| `#929292` | 搜索产品 |
-| `#979797` | SKU: DG120 |
-| `#ff0000` | ￥19.00 |
-| `#ff6800` | 11国 |
-| `#ffffff` | 美国 |
-| `rgba(0, 0, 0, 0.90)` | 产品详情 |
-
-### 字号规范
-
-| px | rpx (约) | 用途 |
-|-----|---------|------|
-| 28.0px | 54rpx |  |
-| 20.0px | 38rpx |  |
-| 18.0px | 35rpx |  |
-| 16.0px | 31rpx |  |
-| 15.0px | 29rpx |  |
-| 14.0px | 27rpx |  |
-| 13.0px | 25rpx |  |
-| 12.0px | 23rpx |  |
-| 11.0px | 21rpx |  |
-| 10.0px | 19rpx |  |
-
-### 布局适配说明
-
-- 设计稿基于 **390px** 宽度
-- uniapp 使用 **rpx** 单位：`1px ≈ 1.923rpx`
-- 开发时将 px 值 × 1.923 四舍五入转为 rpx
-- 顶部导航栏使用 uniapp 原生 `navigationBarTitleText`，无需自定义
-- 底部安全区使用 `padding-bottom: env(safe-area-inset-bottom)`
-
-## 交互状态规范
-
-> Figma 中使用静态设计表达选中/默认状态，以下为各页面可交互元素的状态对比。
-> 所有状态的主色均为 `#ff6800`（橙色），默认态为灰色边框/白色背景。
-
-### 产品详情页
-
-#### 颜色选择按钮
-| 状态 | 边框色 | 边框宽度 | 圆角 | 尺寸 | 文字色 |
-|------|--------|---------|------|------|--------|
-| 默认态 | `#f2f2f2` | 1px | 60px（胶囊） | 73×29px | `#1a1a1a` |
-| 选中态 | `#ff6800` | 1px | 60px（胶囊） | 73×29px | `#1a1a1a` |
-
-- 交互方式：点击切换，单选
-- 内部有颜色圆点（实际颜色由数据决定）
-- uniapp 实现：`view` 标签 + `border`，通过 `:class` 切换选中样式
-
-```vue
-<view class="color-item" :class="{ active: activeColorId === item.id }" @click="selectColor(item)">
-  <view class="color-dot" :style="{ background: item.color }"></view>
-  <text class="color-name">{{ item.name }}</text>
-</view>
-```
-
-```css
-.color-item {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 58rpx;
-  padding: 0 24rpx;
-  border: 2rpx solid #f2f2f2;
-  border-radius: 120rpx;
-}
-.color-item.active {
-  border-color: #ff6800;
-}
-```
-
-#### 尺码选择按钮
-| 状态 | 背景色 | 边框色 | 圆角 | 尺寸 | 文字色 | 字重 |
-|------|--------|--------|------|------|--------|------|
-| 默认态 | `#ffffff` | `#f2f2f2` | 6px | 约 40×34px | `#1a1a1a` | 400 |
-| 选中态 | `#ff6800` | `#ff6800` | 6px | 约 40×34px | `#ffffff` | 700 |
-
-- 交互方式：点击切换，单选
-- 容器横向排列，间距 6px
-- uniapp 实现：`view` 横向排列，flex 布局
-
-```css
-.size-list {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 12rpx;
-}
-.size-item {
-  min-width: 80rpx;
-  height: 68rpx;
-  padding: 0 16rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border: 2rpx solid #f2f2f2;
-  border-radius: 12rpx;
-  font-size: 24rpx;
-  color: #1a1a1a;
-  background: #fff;
-}
-.size-item.active {
-  background: #ff6800;
-  border-color: #ff6800;
-  color: #fff;
-  font-weight: 700;
-}
-```
-
-### 货盘页
-
-#### 国家选择按钮
-| 状态 | 背景色 | 文字色 | 圆角 | 说明 |
-|------|--------|--------|------|------|
-| 默认态 | `#f5f5f5` | `#1a1a1a` | 较大圆角 | 灰底黑字 |
-| 选中态 | `#ff6800` | `#ffffff` | 较大圆角 | 橙底白字 |
-
-- 交互方式：点击切换，单选；再次点击已选中的国家则取消选中
-- 横向滚动（国家数量多时可左右滑动）
-- 每个国家按钮含国旗图标 + 国家名称
-
-#### 左侧分类选中态
-| 状态 | 背景色 | 文字色 | 文字大小 | 左侧指示条 |
-|------|--------|--------|---------|-----------|
-| 默认态 | `#f8f8f8` | `#666666` | 14px | 无 |
-| 选中态 | `#ffffff` | `#1a1a1a` | 14px | 左侧 3px 橙色竖条 |
-
-- 交互方式：点击切换，单选
-- 左侧竖条高度与文字行高一致或稍高
-- uniapp 实现：左侧用 `view` 做指示条，通过 `:class` 控制显示
-
-```css
-.category-item {
-  position: relative;
-  padding: 24rpx 16rpx;
-  background: #f8f8f8;
-  font-size: 28rpx;
-  color: #666;
-  text-align: center;
-}
-.category-item.active {
-  background: #fff;
-  color: #1a1a1a;
-  font-weight: 500;
-}
-.category-item.active::before {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 50%;
-  transform: translateY(-50%);
-  width: 6rpx;
-  height: 32rpx;
-  background: #ff6800;
-  border-radius: 0 4rpx 4rpx 0;
-}
-```
-
-#### 筛选标签按钮
-| 状态 | 背景色 | 文字色 | 边框色 | 圆角 |
-|------|--------|--------|--------|------|
-| 默认态 | `#ffffff` | `#666666` | `#f2f2f2` | 4px |
-| 选中态 | `#ff6800` | `#ffffff` | `#ff6800` | 4px |
-
-- 交互方式：点击切换，多选（可同时选中多个标签）
-- 标签按类型分组（物流渠道/印刷位置/印刷工艺）
-- 确认按钮应用筛选，重置按钮清空选择
-
-### 首页
-
-首页主要为展示型内容，交互状态较少：
-- **4步流程卡片**：静态展示，无选中态
-- **平台功能卡片**：静态展示，无选中态
-- **优势卡片**（零库存/快速生产/优质产品/全球配送）：静态展示，带图标 + 文字
-
-## 横向滚动区域
-
-> 设计稿中宽度超过 390px 的区域，实际开发时使用横向滚动（`scroll-view` 或 `swiper`）。
-> 最终显示数量由后端数据决定，但布局样式按设计稿实现。
-
-### 首页
-
-#### 全球POD货盘 横向滚动
-- **位置**：首页中部，"全球POD货盘"标题下方
-- **内容**：多个产品卡片横向排列
-- **实现方式**：`scroll-view scroll-x`
-- **卡片间距**：按设计稿间距设置
-- **左右内边距**：与页面左右边距一致
-
-```vue
-<scroll-view scroll-x class="pod-scroll" show-scrollbar="false">
-  <view class="pod-list">
-    <view class="pod-card" v-for="item in goodsList" :key="item.id">
-      <!-- 产品卡片内容 -->
-    </view>
-  </view>
-</scroll-view>
-```
-
-```css
-.pod-scroll {
-  width: 100%;
-  white-space: nowrap;
-}
-.pod-list {
-  display: inline-flex;
-  gap: 24rpx;
-  padding: 0 32rpx;
-}
-```
-
-#### 平台功能卡片 横向滚动
-- **位置**：首页中下部，"用强大的功能，开启盈利快车道" 标题下方
-- **内容**：多个功能卡片横向排列
-- **实现方式**：`scroll-view scroll-x`
-
-### 货盘页
-
-#### 国家选择条 横向滚动
-- **位置**：货盘页顶部，搜索栏下方
-- **内容**：国家按钮横向排列（12+ 个国家）
-- **实现方式**：`scroll-view scroll-x`
-- **注意**：总宽度超出 390px，必须横向滚动
-- **左右内边距**：与页面内容对齐
-
-#### 商品列表
-- **布局**：双列网格（2 列），纵向滚动
-- **宽度**：在 390px 以内，正常流布局，不横向滚动
-
-### 产品详情页
-
-#### 产品图片轮播
-- **位置**：详情页顶部
-- **实现方式**：`swiper` 组件
-- **自动轮播**：可选，建议开启
-
-#### 尺码表 横向滚动
-- **位置**：产品尺码区域
-- **内容**：尺码 × 肩宽/胸围/衣长/袖长 等维度表格
-- **实现方式**：`scroll-view scroll-x` 包裹 `view` 表格
-- **注意**：尺码列数较多时可能超出屏幕宽度
-
-#### 包装规格表 横向滚动
-- **位置**：包装规格区域
-- **内容**：尺寸/体积/重量 等多列表格
-- **实现方式**：`scroll-view scroll-x`
-
-## 首页
-
-- **页面尺寸**：390.0px × 3314.0px
-- **有效开发区域**：y = 119px 以下（排除状态栏+导航栏）
-- **区块数量**：39 个主要区块
-- **文本节点**：69 个
-- **图片资源**：11 张
-- **图标资源**：4 个
-
-### 区块结构
-
-| # | 区块名称 | 类型 | Y坐标 | 尺寸 (W×H) | 关键样式 |
-|---|---------|------|-------|-----------|----------|
-| 1 | 全球POD供应链平台 | TEXT | 149.0 | 257.0×39.0 | fs:28.0 |
-| 2 | 连接设计、生产、订单与全球物流，助力跨境卖家快速上新、稳定履约 | TEXT | 194.0 | 310.0×14.0 | fs:10.0 |
-| 3 | Group 43 | GROUP | 226.0 | 276.0×38.0 |  |
-| 4 | Rectangle 178 | RECTANGLE | 259.0 | 390.0×390.0 |  |
-| 5 | Section Title | TEXT | 669.0 | 232.0×29.0 | fs:20.0 |
-| 6 | Frame 53 | FRAME | 718.0 | 672.0×80.0 |  |
-| 7 | image 25 | RECTANGLE | 808.0 | 370.0×370.0 | r:6.0 |
-| 8 | 全球POD货盘 | GROUP | 1198.0 | 577.0×630.0 |  |
-| 9 | Section Title | TEXT | 1848.0 | 280.0×29.0 | fs:20.0 |
-| 10 | Frame 54 | FRAME | 1897.0 | 672.0×80.0 |  |
-| 11 | Rectangle 64 | RECTANGLE | 1987.0 | 370.0×257.0 | r:8.0 |
-| 12 | Rectangle 179 | RECTANGLE | 2264.0 | 390.0×261.0 | bg:#f8f8f8 |
-| 13 | Section Title | TEXT | 2286.0 | 201.0×29.0 | fs:20.0 |
-| 14 | Rectangle 182 | RECTANGLE | 2335.0 | 180.0×80.0 | bg:#ffffff r:6.0 |
-| 15 | Rectangle 183 | RECTANGLE | 2335.0 | 180.0×80.0 | bg:#ffffff r:6.0 |
-| 16 | 快速生产图标 | FRAME | 2362.0 | 26.0×26.0 | bg:#ffffff |
-| 17 | 零库存图标 | FRAME | 2362.0 | 26.0×26.0 | bg:#ffffff |
-| 18 | 零库存 | TEXT | 2364.0 | 48.0×22.0 | fs:16.0 |
-| 19 | 快速生产 | TEXT | 2364.0 | 64.0×22.0 | fs:16.0 |
-| 20 | Rectangle 184 | RECTANGLE | 2425.0 | 180.0×80.0 | bg:#ffffff r:6.0 |
-| 21 | Rectangle 185 | RECTANGLE | 2425.0 | 180.0×80.0 | bg:#ffffff r:6.0 |
-| 22 | 优质产品图标 | FRAME | 2452.0 | 26.0×26.0 | bg:#ffffff |
-| 23 | 全球配送图标 | FRAME | 2452.0 | 26.0×26.0 | bg:#ffffff |
-| 24 | 优质产品 | TEXT | 2454.0 | 64.0×22.0 | fs:16.0 |
-| 25 | 全球配送 | TEXT | 2454.0 | 64.0×22.0 | fs:16.0 |
-| 26 | 公司简介背景 | RECTANGLE | 2525.0 | 391.0×544.0 |  |
-| 27 | 公司简介 | TEXT | 2545.0 | 80.0×28.0 | fs:20.0 |
-| 28 | 用科技重新定义POD供应链 让每一个创意,都能高效抵达全球 | TEXT | 2593.0 | 257.0×50.0 | fs:18.0 |
-| 29 | INKREACH印美达全球，一家以AI与智能印花技术驱动的全球化POD柔性供应链公司，致力于成为全球创业者最可靠的成长伙伴。 | TEXT | 2653.0 | 370.0×34.0 | fs:12.0 |
-| 30 | 服务对象与场景 | TEXT | 2707.0 | 98.0×20.0 | fs:14.0 |
-| 31 | 愿景 | TEXT | 2707.0 | 28.0×20.0 | fs:14.0 |
-| 32 | 服务于数千家跨境独立站、TikTok、TEMU、SHEIN等平台商家，提供从海外生产到末端物流的一站式供应链服务，让电商创业者专注增长，无惧后端履约。 | TEXT | 2737.0 | 173.0×102.0 | fs:12.0 |
-| 33 | 我们坚信，每一个创意都值得被完美呈现。
Inkreach将持续深耕智能供应链生态，用科技消除制造壁垒，让全球创业者专注发挥创造力，共同书写个性化电商的新纪元。 | TEXT | 2737.0 | 173.0×102.0 | fs:12.0 |
-| 34 | Group 44 | GROUP | 2859.0 | 180.0×90.0 |  |
-| 35 | Group 45 | GROUP | 2859.0 | 180.0×90.0 |  |
-| 36 | Group 46 | GROUP | 2959.0 | 180.0×90.0 |  |
-| 37 | Group 47 | GROUP | 2959.0 | 180.0×90.0 |  |
-| 38 | Group 48 | GROUP | 3069.0 | 391.0×219.0 |  |
-| 39 | Group 57 | GROUP | 3289.0 | 390.0×56.0 |  |
-
-### 文本样式详情
-
-**28.0px / 400 / transparent**
-
-```css
-font-size: 28.0px;  /* 54rpx */
-font-weight: 400;
-color: transparent;
-line-height: 39.2px;
-```
-
-示例：全球POD供应链平台
-
-**20.0px / 400 / #1a1a1a**
-
-```css
-font-size: 20.0px;  /* 38rpx */
-font-weight: 400;
-color: #1a1a1a;
-line-height: 29.0px;
-```
-
-示例：4步开始你的按需定制生意、全球POD货盘、用强大的功能，开启盈利快车道
-
-**20.0px / 400 / #000000**
-
-```css
-font-size: 20.0px;  /* 38rpx */
-font-weight: 400;
-color: #000000;
-line-height: 28.0px;
-```
-
-示例：公司简介
-
-**18.0px / 400 / transparent**
-
-```css
-font-size: 18.0px;  /* 35rpx */
-font-weight: 400;
-color: transparent;
-line-height: 25.2px;
-```
-
-示例：用科技重新定义POD供应链  让每一个创意,都能高效抵达全球
-
-**16.0px / 400 / #ff6800**
-
-```css
-font-size: 16.0px;  /* 31rpx */
-font-weight: 400;
-color: #ff6800;
-line-height: 22.4px;
-```
-
-示例：11国、24H、1000W+
-
-**16.0px / 400 / #000000**
-
-```css
-font-size: 16.0px;  /* 31rpx */
-font-weight: 400;
-color: #000000;
-line-height: 22.4px;
-```
-
-示例：女士短款露脐T恤、零库存、优质产品
-
-**16.0px / 900 / #ffffff**
-
-```css
-font-size: 16.0px;  /* 31rpx */
-font-weight: 900;
-color: #ffffff;
-line-height: 26.0px;
-```
-
-示例：01、04
-
-**16.0px / 400 / #ffffff**
-
-```css
-font-size: 16.0px;  /* 31rpx */
-font-weight: 400;
-color: #ffffff;
-line-height: 22.4px;
-```
-
-示例：选择产品、设计工具、店铺集成
-
-**16.0px / 900 / #ff6800**
-
-```css
-font-size: 16.0px;  /* 31rpx */
-font-weight: 900;
-color: #ff6800;
-line-height: 26.0px;
-```
-
-示例：02、03、04
-
-**15.0px / 600 / #000000**
-
-```css
-font-size: 15.0px;  /* 29rpx */
-font-weight: 600;
-color: #000000;
-line-height: 20.0px;
-```
-
-示例：9:41
-
-**14.0px / 400 / #000000**
-
-```css
-font-size: 14.0px;  /* 27rpx */
-font-weight: 400;
-color: #000000;
-line-height: 19.6px;
-```
-
-示例：服务对象与场景、愿景
-
-**13.0px / 400 / #ffffff**
-
-```css
-font-size: 13.0px;  /* 25rpx */
-font-weight: 400;
-color: #ffffff;
-line-height: 18.2px;
-```
-
-示例：美国
-
-**13.0px / 400 / #000000**
-
-```css
-font-size: 13.0px;  /* 25rpx */
-font-weight: 400;
-color: #000000;
-line-height: 18.2px;
-```
-
-示例：加拿大、墨西哥、巴西
-
-**12.0px / 400 / #ff6800**
-
-```css
-font-size: 12.0px;  /* 23rpx */
-font-weight: 400;
-color: #ff6800;
-line-height: 16.8px;
-```
-
-示例：更多产品
-
-**12.0px / 400 / #000000**
-
-```css
-font-size: 12.0px;  /* 23rpx */
-font-weight: 400;
-color: #000000;
-line-height: 16.8px;
-```
-
-示例：INKREACH印美达全球，一家以AI与智能印花技术驱动的全、服务于数千家跨境独立站、TikTok、TEMU、SHEIN等、我们坚信，每一个创意都值得被完美呈现。
Inkreach将持
-
-**10.0px / 400 / #000000**
-
-```css
-font-size: 10.0px;  /* 19rpx */
-font-weight: 400;
-color: #000000;
-line-height: 14.0px;
-```
-
-示例：连接设计、生产、订单与全球物流，助力跨境卖家快速上新、稳定履、搭载最新智能印花工艺，品质与效率兼得、11国自营本土化POD工厂，日均产能超20万单
-
-**10.0px / 400 / #ffffff**
-
-```css
-font-size: 10.0px;  /* 19rpx */
-font-weight: 400;
-color: #ffffff;
-line-height: 14.0px;
-```
-
-示例：海量精选产品，满足多元定制需求、轻松设计，快速定制、与全球主流电商平台无缝对接
-
-## 货盘
-
-- **页面尺寸**：390.0px × 844.0px
-- **有效开发区域**：y = 119px 以下（排除状态栏+导航栏）
-- **区块数量**：13 个主要区块
-- **文本节点**：42 个
-- **图片资源**：21 张
-- **图标资源**：0 个
-
-### 区块结构
-
-| # | 区块名称 | 类型 | Y坐标 | 尺寸 (W×H) | 关键样式 |
-|---|---------|------|-------|-----------|----------|
-| 1 | Country Filter Bar | FRAME | 119.0 | 390.0×99.0 | bg:#ffffff |
-| 2 | Category Sidebar | FRAME | 218.0 | 90.0×794.0 | bg:#ffffff |
-| 3 | Frame 55 | FRAME | 228.0 | 95.0×26.0 | bg:#ffffff r:60.0 |
-| 4 | Frame 56 | FRAME | 228.0 | 94.0×26.0 | bg:#ffffff r:60.0 |
-| 5 | Group 49 | GROUP | 264.0 | 135.0×180.0 | r:6.0 |
-| 6 | Group 50 | GROUP | 264.0 | 135.0×180.0 | r:6.0 |
-| 7 | Group 51 | GROUP | 454.0 | 135.0×180.0 | r:6.0 |
-| 8 | Group 52 | GROUP | 454.0 | 135.0×180.0 | r:6.0 |
-| 9 | Group 53 | GROUP | 644.0 | 135.0×180.0 | r:6.0 |
-| 10 | Group 54 | GROUP | 644.0 | 135.0×180.0 | r:6.0 |
-| 11 | Group 57 | GROUP | 819.0 | 390.0×56.0 |  |
-| 12 | Group 55 | GROUP | 834.0 | 135.0×180.0 | r:6.0 |
-| 13 | Group 56 | GROUP | 834.0 | 135.0×180.0 | r:6.0 |
-
-### 文本样式详情
-
-**15.0px / 600 / #000000**
-
-```css
-font-size: 15.0px;  /* 29rpx */
-font-weight: 600;
-color: #000000;
-line-height: 20.0px;
-```
-
-示例：9:41
-
-**15.0px / 400 / #ff0000**
-
-```css
-font-size: 15.0px;  /* 29rpx */
-font-weight: 400;
-color: #ff0000;
-line-height: 21.0px;
-```
-
-示例：￥19.00
-
-**13.0px / 400 / #929292**
-
-```css
-font-size: 13.0px;  /* 25rpx */
-font-weight: 400;
-color: #929292;
-line-height: 19.0px;
-```
-
-示例：搜索产品
-
-**13.0px / 400 / #ffffff**
-
-```css
-font-size: 13.0px;  /* 25rpx */
-font-weight: 400;
-color: #ffffff;
-line-height: 19.0px;
-```
-
-示例：搜索
-
-**13.0px / 500 / #ff6800**
-
-```css
-font-size: 13.0px;  /* 25rpx */
-font-weight: 500;
-color: #ff6800;
-line-height: 17.0px;
-```
-
-示例：全部商品
-
-**13.0px / 400 / #666666**
-
-```css
-font-size: 13.0px;  /* 25rpx */
-font-weight: 400;
-color: #666666;
-line-height: 17.0px;
-```
-
-示例：男士服装、女士服装、儿童服装
-
-**13.0px / 400 / #000000**
-
-```css
-font-size: 13.0px;  /* 25rpx */
-font-weight: 400;
-color: #000000;
-line-height: 18.2px;
-```
-
-示例：200g纯棉T恤
-
-**12.0px / 400 / #000000**
-
-```css
-font-size: 12.0px;  /* 23rpx */
-font-weight: 400;
-color: #000000;
-line-height: 16.8px;
-```
-
-示例：美国、波兰、日本
-
-**12.0px / 400 / #ff6800**
-
-```css
-font-size: 12.0px;  /* 23rpx */
-font-weight: 400;
-color: #ff6800;
-line-height: 16.8px;
-```
-
-示例：180G纯棉T恤
-
-**10.0px / 400 / #000000**
-
-```css
-font-size: 10.0px;  /* 19rpx */
-font-weight: 400;
-color: #000000;
-line-height: 14.0px;
-```
-
-示例：首页、产品
-
-## 产品详情
-
-- **页面尺寸**：390.0px × 1717.0px
-- **有效开发区域**：y = 119px 以下（排除状态栏+导航栏）
-- **区块数量**：111 个主要区块
-- **文本节点**：98 个
-- **图片资源**：1 张
-- **图标资源**：1 个
-
-### 区块结构
-
-| # | 区块名称 | 类型 | Y坐标 | 尺寸 (W×H) | 关键样式 |
-|---|---------|------|-------|-----------|----------|
-| 1 | Rectangle 194 | RECTANGLE | 119.0 | 390.0×260.0 | bg:#f2f2f2 |
-| 2 | Frame 105 | FRAME | 361.0 | 72.0×8.0 |  |
-| 3 | Product Name | TEXT | 389.0 | 370.0×26.0 | fs:18.0 |
-| 4 | SKU | TEXT | 419.0 | 70.0×17.0 | fs:12.0 |
-| 5 | SKU | TEXT | 419.0 | 56.0×17.0 | fs:12.0 |
-| 6 | ￥19.00 | TEXT | 446.0 | 54.0×34.0 | fs:15.0 |
-| 7 | Line 23 | LINE | 490.0 | 370.0×0.0 |  |
-| 8 | 生产工艺 | TEXT | 501.0 | 40.0×14.0 | fs:10.0 |
-| 9 | 发货时效 | TEXT | 501.0 | 40.0×14.0 | fs:10.0 |
-| 10 | 印花 | TEXT | 501.0 | 20.0×14.0 | fs:10.0 |
-| 11 | 产品编码 | TEXT | 501.0 | 40.0×14.0 | fs:10.0 |
-| 12 | 白墨烫画 | TEXT | 521.0 | 52.0×17.0 | fs:13.0 |
-| 13 | 48小时 | TEXT | 521.0 | 42.0×17.0 | fs:13.0 |
-| 14 | 单面印 | TEXT | 521.0 | 39.0×17.0 | fs:13.0 |
-| 15 | NS6001152 | TEXT | 521.0 | 73.0×17.0 | fs:13.0 |
-| 16 | Rectangle 195 | RECTANGLE | 550.0 | 390.0×6.0 | bg:#f5f5f5 |
-| 17 | 颜色 | TEXT | 571.0 | 30.0×17.0 | fs:15.0 |
-| 18 | Frame 107 | FRAME | 603.0 | 73.0×29.0 | r:60.0 |
-| 19 | Frame 108 | FRAME | 603.0 | 73.0×29.0 | r:60.0 |
-| 20 | Frame 109 | FRAME | 603.0 | 73.0×29.0 | r:60.0 |
-| 21 | Frame 110 | FRAME | 603.0 | 73.0×29.0 | r:60.0 |
-| 22 | Frame 111 | FRAME | 642.0 | 73.0×29.0 | r:60.0 |
-| 23 | Frame 112 | FRAME | 642.0 | 73.0×29.0 | r:60.0 |
-| 24 | Rectangle 196 | RECTANGLE | 686.0 | 390.0×6.0 | bg:#f5f5f5 |
-| 25 | 尺码 | TEXT | 707.0 | 30.0×17.0 | fs:15.0 |
-| 26 | Frame 113 | FRAME | 739.0 | 244.0×34.0 |  |
-| 27 | Rectangle 197 | RECTANGLE | 788.0 | 390.0×6.0 | bg:#f5f5f5 |
-| 28 | 产品参数 | TEXT | 809.0 | 60.0×17.0 | fs:15.0 |
-| 29 | 克重 | TEXT | 851.0 | 26.0×17.0 | fs:13.0 |
-| 30 | 180g | TEXT | 851.0 | 32.0×17.0 | fs:13.0 |
-| 31 | Line 24 | LINE | 880.0 | 370.0×0.0 |  |
-| 32 | 材质 | TEXT | 892.0 | 26.0×17.0 | fs:13.0 |
-| 33 | 纯棉 | TEXT | 892.0 | 26.0×17.0 | fs:13.0 |
-| 34 | Line 25 | LINE | 921.0 | 370.0×0.0 |  |
-| 35 | 定制类型 | TEXT | 933.0 | 52.0×17.0 | fs:13.0 |
-| 36 | 来图定制 | TEXT | 933.0 | 52.0×17.0 | fs:13.0 |
-| 37 | Line 26 | LINE | 962.0 | 370.0×0.0 |  |
-| 38 | 补充说明 | TEXT | 974.0 | 52.0×17.0 | fs:13.0 |
-| 39 | 【 材质说明 】 97%聚酯纤维 3%氨纶 【 产品性能 】 优质材料：这款露背T恤采用优质材料制成，面料柔软、轻薄贴身。 时尚外观：性感T恤设计，时尚性感，简约大方，适合大多数人的体型。 面料轻盈：舒适款式设计为您带来一个更加干净的外观，面料轻盈柔软，让您全天舒适。 轻松百搭：简单搭配外套、长裤、牛仔裤或沙滩休闲短裤，都是非常不错的选择，也可以选择就单穿，让您一直保持凉爽和放松。 【 适用情景 】 适用于日常生活、工作、出游、逛街等场合。 【 洗涤说明 】 可手洗可机洗，不要长时间浸泡，不可漂白，洗涤液温度不能超过45ºC。 【 温馨提醒 】 该图片展示效果仅供参考，最终效果以实物为准！由于生产批次、机器设备、纸样大小不同等客观因素原因，难以避免或将存在微小色差、位置及大小等误差，如遇以上问题均属于正常现象，将不予纳入售后处理范畴。 另外，根据各国本土政策要求，请勿上传科技单、跑水单等非正规来源面单，严禁使用侵权图案及未授权 IP、商标、赛事元素等内容。 违规订单将不予生产发货，已产生费用不予退还，相应风险与责任由下单方自行承担。感谢您的理解与配合。 | TEXT | 974.0 | 279.0×118.0 | fs:13.0 |
-| 40 | Rectangle 207 | RECTANGLE | 1062.0 | 390.0×60.0 |  |
-| 41 | 展开 | TEXT | 1099.0 | 24.0×17.0 | fs:12.0 |
-| 42 | 展开 | FRAME | 1102.0 | 12.0×12.0 | bg:#ffffff |
-| 43 | Rectangle 198 | RECTANGLE | 1122.0 | 390.0×6.0 | bg:#f5f5f5 |
-| 44 | 产品尺码 | TEXT | 1143.0 | 60.0×17.0 | fs:15.0 |
-| 45 | 单位：cm | TEXT | 1145.0 | 49.0×17.0 | fs:11.0 |
-| 46 | 单位：cm | TEXT | 1145.0 | 49.0×17.0 | fs:11.0 |
-| 47 | Rectangle 199 | RECTANGLE | 1175.0 | 370.0×40.0 | bg:#dfdfdf r:6.0 |
-| 48 | 尺码 | TEXT | 1186.0 | 26.0×17.0 | fs:13.0 |
-| 49 | 肩宽 | TEXT | 1186.0 | 26.0×17.0 | fs:13.0 |
-| 50 | 胸围 | TEXT | 1186.0 | 26.0×17.0 | fs:13.0 |
-| 51 | 衣长 | TEXT | 1186.0 | 26.0×17.0 | fs:13.0 |
-| 52 | 袖长 | TEXT | 1186.0 | 26.0×17.0 | fs:13.0 |
-| 53 | S | TEXT | 1226.0 | 9.0×17.0 | fs:13.0 |
-| 54 | 51 | TEXT | 1226.0 | 16.0×17.0 | fs:13.0 |
-| 55 | 56 | TEXT | 1226.0 | 16.0×17.0 | fs:13.0 |
-| 56 | 62 | TEXT | 1226.0 | 16.0×17.0 | fs:13.0 |
-| 57 | 48 | TEXT | 1226.0 | 16.0×17.0 | fs:13.0 |
-| 58 | Rectangle 201 | RECTANGLE | 1255.0 | 370.0×40.0 | bg:#f7f7f7 r:6.0 |
-| 59 | 51 | TEXT | 1267.0 | 16.0×17.0 | fs:13.0 |
-| 60 | 56 | TEXT | 1267.0 | 16.0×17.0 | fs:13.0 |
-| 61 | 62 | TEXT | 1267.0 | 16.0×17.0 | fs:13.0 |
-| 62 | 48 | TEXT | 1267.0 | 16.0×17.0 | fs:13.0 |
-| 63 | M | TEXT | 1267.0 | 12.0×17.0 | fs:13.0 |
-| 64 | 51 | TEXT | 1306.0 | 16.0×17.0 | fs:13.0 |
-| 65 | 56 | TEXT | 1306.0 | 16.0×17.0 | fs:13.0 |
-| 66 | 62 | TEXT | 1306.0 | 16.0×17.0 | fs:13.0 |
-| 67 | 48 | TEXT | 1306.0 | 16.0×17.0 | fs:13.0 |
-| 68 | L | TEXT | 1306.0 | 8.0×17.0 | fs:13.0 |
-| 69 | Rectangle 202 | RECTANGLE | 1335.0 | 370.0×40.0 | bg:#f7f7f7 r:6.0 |
-| 70 | 51 | TEXT | 1347.0 | 16.0×17.0 | fs:13.0 |
-| 71 | 56 | TEXT | 1347.0 | 16.0×17.0 | fs:13.0 |
-| 72 | 62 | TEXT | 1347.0 | 16.0×17.0 | fs:13.0 |
-| 73 | 48 | TEXT | 1347.0 | 16.0×17.0 | fs:13.0 |
-| 74 | XL | TEXT | 1347.0 | 16.0×17.0 | fs:13.0 |
-| 75 | Rectangle 203 | RECTANGLE | 1390.0 | 390.0×6.0 | bg:#f5f5f5 |
-| 76 | 包装规格 | TEXT | 1411.0 | 60.0×17.0 | fs:15.0 |
-| 77 | Rectangle 204 | RECTANGLE | 1443.0 | 370.0×40.0 | bg:#dfdfdf r:6.0 |
-| 78 | 尺码 | TEXT | 1454.0 | 26.0×17.0 | fs:13.0 |
-| 79 | 尺寸 | TEXT | 1454.0 | 26.0×17.0 | fs:13.0 |
-| 80 | 体积 | TEXT | 1454.0 | 26.0×17.0 | fs:13.0 |
-| 81 | 重量 | TEXT | 1454.0 | 26.0×17.0 | fs:13.0 |
-| 82 | 200.00g | TEXT | 1494.0 | 39.0×17.0 | fs:10.0 |
-| 83 | 31.0*23.0*1.0cm | TEXT | 1495.0 | 81.0×17.0 | fs:10.0 |
-| 84 | 713.00cm³ | TEXT | 1495.0 | 52.0×17.0 | fs:10.0 |
-| 85 | S | TEXT | 1505.0 | 9.0×17.0 | fs:13.0 |
-| 86 | 12.20*9.06*0.39in | TEXT | 1514.0 | 87.0×17.0 | fs:10.0 |
-| 87 | 43.51in³ | TEXT | 1514.0 | 40.0×17.0 | fs:10.0 |
-| 88 | 0.36lb | TEXT | 1514.0 | 29.0×17.0 | fs:10.0 |
-| 89 | Rectangle 205 | RECTANGLE | 1543.0 | 370.0×60.0 | bg:#f7f7f7 r:6.0 |
-| 90 | 200.00g | TEXT | 1554.0 | 39.0×17.0 | fs:10.0 |
-| 91 | 31.0*23.0*1.0cm | TEXT | 1555.0 | 81.0×17.0 | fs:10.0 |
-| 92 | 713.00cm³ | TEXT | 1555.0 | 52.0×17.0 | fs:10.0 |
-| 93 | M | TEXT | 1565.0 | 12.0×17.0 | fs:13.0 |
-| 94 | 12.20*9.06*0.39in | TEXT | 1574.0 | 87.0×17.0 | fs:10.0 |
-| 95 | 43.51in³ | TEXT | 1574.0 | 40.0×17.0 | fs:10.0 |
-| 96 | 0.36lb | TEXT | 1574.0 | 29.0×17.0 | fs:10.0 |
-| 97 | 200.00g | TEXT | 1614.0 | 39.0×17.0 | fs:10.0 |
-| 98 | 31.0*23.0*1.0cm | TEXT | 1615.0 | 81.0×17.0 | fs:10.0 |
-| 99 | 713.00cm³ | TEXT | 1615.0 | 52.0×17.0 | fs:10.0 |
-| 100 | L | TEXT | 1623.0 | 8.0×17.0 | fs:13.0 |
-| 101 | 12.20*9.06*0.39in | TEXT | 1634.0 | 87.0×17.0 | fs:10.0 |
-| 102 | 43.51in³ | TEXT | 1634.0 | 40.0×17.0 | fs:10.0 |
-| 103 | 0.36lb | TEXT | 1634.0 | 29.0×17.0 | fs:10.0 |
-| 104 | Rectangle 206 | RECTANGLE | 1663.0 | 370.0×60.0 | bg:#f7f7f7 r:6.0 |
-| 105 | 200.00g | TEXT | 1674.0 | 39.0×17.0 | fs:10.0 |
-| 106 | 31.0*23.0*1.0cm | TEXT | 1675.0 | 81.0×17.0 | fs:10.0 |
-| 107 | 713.00cm³ | TEXT | 1675.0 | 52.0×17.0 | fs:10.0 |
-| 108 | XL | TEXT | 1685.0 | 16.0×17.0 | fs:13.0 |
-| 109 | 12.20*9.06*0.39in | TEXT | 1694.0 | 87.0×17.0 | fs:10.0 |
-| 110 | 43.51in³ | TEXT | 1694.0 | 40.0×17.0 | fs:10.0 |
-| 111 | 0.36lb | TEXT | 1694.0 | 29.0×17.0 | fs:10.0 |
-
-### 文本样式详情
-
-**18.0px / 400 / #1a1a1a**
-
-```css
-font-size: 18.0px;  /* 35rpx */
-font-weight: 400;
-color: #1a1a1a;
-line-height: 26.0px;
-```
-
-示例：180G牛奶丝T恤 DG120
-
-**16.0px / 500 / rgba(0, 0, 0, 0.90)**
-
-```css
-font-size: 16.0px;  /* 31rpx */
-font-weight: 500;
-color: rgba(0, 0, 0, 0.90);
-line-height: 24.0px;
-```
-
-示例：产品详情
-
-**15.0px / 600 / #000000**
-
-```css
-font-size: 15.0px;  /* 29rpx */
-font-weight: 600;
-color: #000000;
-line-height: 20.0px;
-```
-
-示例：9:41
-
-**15.0px / 400 / #ff0000**
-
-```css
-font-size: 15.0px;  /* 29rpx */
-font-weight: 400;
-color: #ff0000;
-line-height: 21.0px;
-```
-
-示例：￥19.00
-
-**15.0px / 400 / #000000**
-
-```css
-font-size: 15.0px;  /* 29rpx */
-font-weight: 400;
-color: #000000;
-line-height: 17.0px;
-```
-
-示例：颜色、尺码、产品参数
-
-**14.0px / 400 / #000000**
-
-```css
-font-size: 14.0px;  /* 27rpx */
-font-weight: 400;
-color: #000000;
-line-height: 17.0px;
-```
-
-示例：白色、藏青、黑色
-
-**14.0px / 400 / #ff6800**
-
-```css
-font-size: 14.0px;  /* 27rpx */
-font-weight: 400;
-color: #ff6800;
-line-height: 17.0px;
-```
-
-示例：灰色
-
-**13.0px / 400 / #000000**
-
-```css
-font-size: 13.0px;  /* 25rpx */
-font-weight: 400;
-color: #000000;
-line-height: 17.0px;
-```
-
-示例：白墨烫画、48小时、单面印
-
-**13.0px / 400 / #ff6800**
-
-```css
-font-size: 13.0px;  /* 25rpx */
-font-weight: 400;
-color: #ff6800;
-line-height: 17.0px;
-```
-
-示例：L
-
-**12.0px / 400 / #979797**
-
-```css
-font-size: 12.0px;  /* 23rpx */
-font-weight: 400;
-color: #979797;
-line-height: 17.0px;
-```
-
-示例：SKU: DG120、国家: 美国
-
-**12.0px / 400 / #000000**
-
-```css
-font-size: 12.0px;  /* 23rpx */
-font-weight: 400;
-color: #000000;
-line-height: 17.0px;
-```
-
-示例：展开
-
-**11.0px / 400 / #000000**
-
-```css
-font-size: 11.0px;  /* 21rpx */
-font-weight: 400;
-color: #000000;
-line-height: 17.0px;
-```
-
-示例：单位：cm
-
-**10.0px / 400 / #979797**
-
-```css
-font-size: 10.0px;  /* 19rpx */
-font-weight: 400;
-color: #979797;
-line-height: 14.0px;
-```
-
-示例：生产工艺、发货时效、印花
-
-**10.0px / 400 / #000000**
-
-```css
-font-size: 10.0px;  /* 19rpx */
-font-weight: 400;
-color: #000000;
-line-height: 17.0px;
-```
-
-示例：31.0*23.0*1.0cm、713.00cm³、12.20*9.06*0.39in
-
-## 资源文件
-
-### 图片资源
-
-| 文件名 | 来源页面 | 说明 |
-|--------|---------|------|
-| `assets/home/images/Rectangle_178_1426_1248.png` | 首页 | 首页 |
-| `assets/home/images/Rectangle_181_1455_1450.png` | 首页 | 女士短款 |
-| `assets/home/images/Rectangle_181_1455_1456.png` | 首页 | 女士短款 |
-| `assets/home/images/Rectangle_63_1446_1437.png` | 首页 | 女士短款 |
-| `assets/home/images/Rectangle_63_1455_1461.png` | 首页 | 女士短款 |
-| `assets/home/images/公司简介背景_1461_1606.png` | 首页 | 首页 |
-| `assets/home/images/image_25_1484_1689.png` | 首页 | 首页 |
-| `assets/home/images/Rectangle_64_1484_1735.png` | 首页 | 首页 |
-| `assets/home/images/image_26_1496_1761.png` | 首页 | Group 48 |
-| `assets/home/images/Rectangle_187_1470_1653.png` | 首页 | Group 48 |
-| `assets/home/images/image_28_1498_1767.png` | 首页 | Group 48 |
-| `assets/products/images/Rectangle_149_1519_255.png` | 货盘 | Frame 94 |
-| `assets/products/images/Rectangle_150_1533_389.png` | 货盘 | Frame 94 |
-| `assets/products/images/Rectangle_150_1533_381.png` | 货盘 | Frame 94 |
-| `assets/products/images/Rectangle_150_1533_383.png` | 货盘 | Frame 94 |
-| `assets/products/images/Rectangle_150_1533_391.png` | 货盘 | Frame 94 |
-| `assets/products/images/Rectangle_150_1533_387.png` | 货盘 | Frame 94 |
-| `assets/products/images/Rectangle_149_1523_264.png` | 货盘 | Frame 94 |
-| `assets/products/images/Rectangle_150_1533_393.png` | 货盘 | Frame 94 |
-| `assets/products/images/Rectangle_149_1523_324.png` | 货盘 | Frame 94 |
-| `assets/products/images/Rectangle_150_1533_385.png` | 货盘 | Frame 94 |
-| `assets/products/images/Rectangle_150_1533_395.png` | 货盘 | Frame 94 |
-| `assets/products/images/Rectangle_149_1523_272.png` | 货盘 | Frame 94 |
-| `assets/products/images/Rectangle_149_1523_312.png` | 货盘 | Frame 94 |
-| `assets/products/images/Rectangle_192_1523_347.png` | 货盘 | Group 49 |
-| `assets/products/images/Rectangle_192_1529_361.png` | 货盘 | Group 51 |
-| `assets/products/images/Rectangle_192_1529_371.png` | 货盘 | Group 53 |
-| `assets/products/images/Rectangle_192_1544_408.png` | 货盘 | Group 55 |
-| `assets/products/images/Rectangle_192_1529_356.png` | 货盘 | Group 50 |
-| `assets/products/images/Rectangle_192_1529_366.png` | 货盘 | Group 52 |
-| `assets/products/images/Rectangle_192_1529_376.png` | 货盘 | Group 54 |
-| `assets/products/images/Rectangle_192_1544_413.png` | 货盘 | Group 56 |
-| `assets/product-detail/images/Rectangle_194_1548_574.png` | 产品详情 | 产品详情 |
-
-### 图标资源 (SVG)
-
-| 文件名 | 来源页面 | 尺寸 | 说明 |
-|--------|---------|------|------|
-| `assets/home/icons/优质产品图标.svg` | 首页 | 26.0×26.0 | 首页 |
-| `assets/home/icons/快速生产图标.svg` | 首页 | 26.0×26.0 | 首页 |
-| `assets/home/icons/全球配送图标.svg` | 首页 | 26.0×26.0 | 首页 |
-| `assets/home/icons/零库存图标.svg` | 首页 | 26.0×26.0 | 首页 |
-| `assets/product-detail/icons/Outlined_back.svg` | 产品详情 | 24.0×24.0 | .Navigation Bar_Left |
-
----
-
-*本文档由 Figma API 自动生成，数据精确到像素级。*