/* 案例详情页（case-3350771 / 3351859 / 3351870 / 3352207 / 3352254）专属样式
   只放共享 assets/css/pages/detail.css 里没有、且这 5 页需要的规则；
   轮播/标题/正文/指示条等已由 detail.css 承载，这里不再重复。 */

/* ---------- 1. 面包屑 ----------
   原站模块 box left=32，但文字实际从 box+10 开始（实测「首页」页面 x=162 → canvas 42），
   与新闻样板 .sd-crumbs{left:85px}（box 75+10）同一规律；detail.css 写的 32 会让整条面包屑左移 10px。 */
.pd-crumbs { left: 42px; }

/* ---------- 2. 正文首行落位与行间距 ----------
   共享 .pd-content 的 top=595 是原站模块声明值，但原站渲染出的首行墨迹在 canvas 610
   （模块 box 顶部与文字之间还有约 16px 余量），次行墨迹在 643
   （相差 33px = 首段行盒 24 + 段间距 2.5 + 次行半行距 5.5）。
   故：首段 margin-top 16.1px 把首行压到 610，margin-bottom 2.5px 让次行落在 643。 */
.pd-content .lead { margin-top: 16.1px; margin-bottom: 2.5px; }
/* 原站 <strong> 的父 span 是 400，bolder → 700；这里 .lead 本身是 700，
   若不再声明会算成 bolder=900（字形更重、宽度也不同）。 */
.pd-content .lead strong { font-weight: 700; }
/* 原站 productinfo_3350771 的正文 span 带 letter-spacing:1px（其余 4 页没有），
   影响每行宽度与换行点，故按页给 .pd-content 加 .ls。 */
.pd-content.ls p:not(.lead) { letter-spacing: 1px; }

/* ---------- 3. 轮播非当前帧的停靠位 ----------
   原站 jssor 首帧（compare.js 读到的状态）：DOM 第 1 张停在滑槽 0、第 2 张停在 +600、
   第 3/4 张停在 −600。停靠帧由 .g-mask 裁掉，所以只影响几何比对，不影响画面。
   第 1 张（.on）永远回到滑槽 0，切换时表现为滑块平移 + 淡入淡出。 */
.gallery .g-slide { transform: translateX(-600px); transition: opacity .5s, transform .5s; }
.gallery .g-slide.g-next { transform: translateX(600px); }
.gallery .g-slide.on { transform: none; }