/* ==========================================================================
   广东省金禧达人力资源管理有限公司 · 官网复刻
   页面专属样式：企业服务（services.html，原站 key = qyfw）
   --------------------------------------------------------------------------
   几何数值全部取自 _source/measure/qyfw.json 的原站实测（1440 视口，画布左界 = 页面 x120，
   内页正文起点 = 页面 y458），HTML 行内 style 只写位置/尺寸，本文件只写字体、颜色、背景。

   · 标题块：文本盒 410×112 在画布 (394,58)；英文 36px/54px #005d88、中文 22px/33px #777777，
     均水平居中；两侧装饰线 168×1 #ddd（实测左线在页面 y588、右线在 y587，原站本身差 1px，照抄）
   · 产品卡：外框 382×285（原站是 380px 内容 + 1px 透明边框），
     四张卡在画布 (1,161.5)/(398,161.5)/(795,161.5)/(1,469)，列距 397、行距 307.5
   · 卡片内：图片盒 380×240（原站 JS cutFill 按 cover 居中裁切，此处用 object-fit:cover 等效还原）；
     标题 360×28、14px/28px Tahoma #fff 居中，位于卡片内 (10,245)
   ========================================================================== */

/* ---------- 1. 正文区 ---------- */
.sec-svc { height: 1072px; }

/* ---------- 2. 标题块（ENTERPRISE SERVICES / 企业服务） ----------
   原站该模块字体族为站点默认族（首个可用族是 system-ui，实测英文标题即由它渲染），
   这里沿用同一字体族，保证英文标题的宽度与原站一致。 */
.svc-head {
  position: absolute; width: 410px; height: 112px; text-align: center;
  font-family: system-ui, "Microsoft YaHei", 微软雅黑, arial, tahoma, MicrosoftJhengHei, sans-serif;
}
.svc-head .en { font-size: 36px; line-height: 54px; font-weight: 400; color: var(--cyan); }
.svc-head .cn { font-size: 22px; line-height: 33px; font-weight: 400; color: #777777; }

/* 标题两侧装饰线（原站 .w-line：border-bottom 1px solid #ddd） */
.svc-line { position: absolute; width: 168px; height: 1px; background: #ddd; }

/* ---------- 3. 产品卡片 ----------
   说明（与原站的差异）：原站卡片标题为白字，而卡片下方并没有任何底色
   （.w-list-bottom / .w-list-title 都只设了 padding 与字色），实际渲染是白字白底、
   完全不可见（实测页面 y860~910 整段墨迹为 0）。复刻版按设计意图给标题条补上主题蓝底，
   使标题正常可见；标题文字的位置、字号、颜色仍与原站实测完全一致。
   原站卡片内还带有「¥ 0.00」价格与「立即购买」按钮，但两者在原站样式里分别是
   .w-list-price{display:none} 与 .w-hide{display:none!important}，即原站就不显示，故不复刻。 */
.svc-card {
  position: absolute; width: 382px; height: 285px; background: #fff;
  border: 1px solid transparent; overflow: hidden;
}
.svc-link { display: block; width: 100%; height: 100%; }
.svc-card img {
  display: block; width: 380px; height: 240px; object-fit: cover;
  transition: transform .3s linear;                 /* 原站 .w-listpic-in 过渡 */
}
.svc-card:hover img { transform: scale(1.1); }      /* 原站 .w-listpic-in:hover */
/* 原站这里是白底 + 白字（.w-list-title 只设了字色），标题实际不可见——按原样复刻，不加底色 */
.svc-card .bar { position: absolute; left: 0; right: 0; top: 240px; height: 43px; background: transparent; }
.svc-card .ttl {
  position: absolute; left: 10px; right: 10px; top: 245px; height: 28px; margin: 0; padding: 0;
  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
  font: 400 14px/28px Tahoma; color: #fff; text-align: center;   /* 原站 .w-list-title */
}
.svc-card:hover .ttl { text-decoration: underline; }             /* 原站 .w-list-title:hover */

/* ---------- 4. 页脚 ----------
   内页页脚的原站实测值（整体 368px；蓝带 0..242、黑条 240..288、备案区白底 288..368）
   已由 style.css 的 body.inner 变体统一提供，本页不再覆写。 */