/* ===== 标准与溯源页（02-标准与溯源.psd 还原） 依赖 style.css 的变量与公共组件 ===== */

/* 整页米白底（PSD“背景与装饰”采样 #F0EBE3） */
body { background: #f0ebe3; }

/* 标题行框顶 154（墨迹 164）；画布底 2013 - 链接底线 1902 = 111 */
.std-main { padding: 154px 0 111px; }

/* 页题 46px / Tracking 15(≈0.69px) / Leading 66.7(行高1.45) #282725 */
.std-title { font-family: var(--serif); font-weight: 600; font-size: 46px; line-height: 1.45; letter-spacing: .69px; color: #282725; }

/* 标题行框底 220 → 圆图顶 266（01.jpg 圆环内含留白，图放大至 489 使圆环对位 PSD 459×460，
   图顶相应上移至 249） */
.std-top { display: flex; align-items: flex-start; margin-top: 28px; }
/* 圆形标准体系图（官方 01.jpg 正方形白底）：环实测 431×432@jpg，×1.065 后环=459×460 对位 PSD；
   multiply 去白底融入米白底色（PSD 无白边）；环左 383 → 图左 368（容器内缩进 68） */
.std-circle { width: 489px; height: auto; margin-left: 68px; flex: none; mix-blend-mode: multiply; }
/* 右列 x998-1620：图框右缘 857 → 文字 998 */
.std-intro { width: 622px; margin-left: 141px; padding-top: 123px; }  /* 图顶 249+92 → h2 行框 370.6 */
/* 两行题 28px / Tracking 15(≈0.42px) / Leading 44.8(行高1.6) #282725 */
.std-intro h2 { font-family: var(--serif); font-weight: 600; font-size: 28px; line-height: 1.6; letter-spacing: .42px; color: #282725; }
/* 正文 16px / Tracking 12(≈0.19px) / Leading 32.8(行高2.05) #5A554E */
.std-intro p { margin-top: 20px; font-size: 16px; line-height: 2.05; letter-spacing: .19px; color: #5a554e; }

/* 窄屏（#pageZoom 锁 1200px 布局整体 zoom）容器仅 1104px，图 489+缝+文 622 固定 1320 超宽：
   按 1104/1320 比例（×.8364）等比缩放，保持"缩放非重排"。阈值与 industry.css 一致 */
@media (max-width: 1220px) {
  .std-circle { width: 409px; margin-left: 57px; }
  .std-intro { width: 520px; margin-left: 118px; }
}

/* ---- 五环节条（设计稿 780-937）：圆图框底 738 → 顶线 780；列宽 248 / 列距 20 ---- */
.std-steps { display: flex; gap: 20px; margin-top: 42px; }
.std-step {
  flex: 1 1 0; min-width: 0;
  padding: 30px 0 18px;  /* 顶线 781 → 编号行框 810.6；名称行框底 918.7 → 底线 937 */
  border-top: 1px solid #b79a74;
  border-bottom: 1px solid #d9ccbb;
}
/* 编号 14px / Leading 16.8(行高1.2) #A78A64 */
.std-num { display: block; font-family: var(--serif); font-size: 14px; line-height: 1.2; color: #a78a64; }
/* 图标 22px：编号行框底 827.4 → 图标顶 848 */
.std-step img { width: 22px; height: 22px; margin-top: 21px; }
/* 名称 19px / Leading 30.4(行高1.6) #282725：图标底 870 → 行框 888.3 */
.std-name { display: block; margin-top: 18px; font-size: 19px; font-weight: 500; line-height: 1.6; color: #282725; }

/* ---- 全宽大图（官方 02.jpg，1320×692 @y973）：底线 938 → 图顶 973 ---- */
.std-photo { width: 100%; height: auto; margin-top: 35px; }

/* 图注 12px / Tracking 25(≈0.3px) / Leading 21.6(行高1.8) #7A7063：图底 1665 → 行框 1676.2 */
.std-cap { margin-top: 11px; font-size: 12px; line-height: 1.8; letter-spacing: .3px; color: #7a7063; }

/* 正文 16px/2.05 #5A554E：图注行框底 1697.8 → 段行框 1741.6；
   字距 -0.3px 使折行与 PSD 一致（此段 167 字，trk12 下浏览器每行 82 字差 3 字会折成 3 行，PSD 为 2 行） */
.std-text { margin-top: 44px; font-size: 16px; line-height: 2.05; letter-spacing: -.3px; color: #5a554e; }

/* 进入溯源查询 15px #795939 + 圆圈↗图标 + 下划线（线 y1901，宽随内容 143） */
.std-link {
  display: inline-flex; align-items: center;
  margin-top: 47px; padding-bottom: 13px;  /* 段行框底 1807.2 → 圆顶 1854.5；圆底 1887 → 线 1901 */
  border-bottom: 1px solid #d9ccbb;
  font-size: 15px; line-height: 1.2; color: #795939;
}
/* 圆圈 33px（y1855-1887）浅驼描边；箭头 svg 24 viewBox 内箭头即 10px，与设计稿一致 */
.std-link-circle { display: flex; align-items: center; justify-content: center; width: 33px; height: 33px; margin-left: 20px; border: 1px solid #d9ccbb; border-radius: 50%; }
.std-link-circle img { width: 24px; height: 24px; }
.std-link:hover { color: #5c4429; }