/* ---------------------------------------------------------------------
   services.css — 只服务于 services.html（服务项目单页）
   新增文件，不修改 site.css / page.css。全部为新增 class，不覆盖既有样式。
   --------------------------------------------------------------------- */

/* 页内跳转条：取代原本导航栏的「服务项目」下拉 */
:root{--header-h:167px;--jump-h:58px}
.svc-jump{position:sticky;top:var(--header-h);z-index:20;background:var(--off-white);border-block:1px solid var(--line)}
.svc-jump__inner{display:flex;flex-wrap:wrap;gap:8px 28px;padding-block:14px}
.svc-jump a{display:inline-flex;align-items:baseline;gap:8px;font-size:15px;font-weight:500;color:var(--text-body);white-space:nowrap}
.svc-jump a span{font-family:var(--font-latin);font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--coral-500)}
.svc-jump a:hover{color:var(--navy-800)}

/* 服务折叠项（accordion）—— 默认收起，点击标题展开 */
.svc-acc{display:flex;flex-direction:column;gap:16px}
.svc-item{background:var(--off-white);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:box-shadow .18s var(--ease),border-color .18s var(--ease)}
.svc-item[open]{border-color:var(--navy-800);box-shadow:0 8px 24px rgba(27,58,95,.07)}
.svc-item__head{display:flex;align-items:center;gap:24px;padding:28px 32px;cursor:pointer;list-style:none}
.svc-item__head::-webkit-details-marker{display:none}
.svc-item__head:hover .svc-item__title{color:var(--coral-700)}
.svc-item__num{flex:0 0 auto;font-family:var(--font-latin);font-size:26px;font-weight:700;line-height:1;color:var(--coral-500)}
.svc-item__text{display:flex;flex-direction:column;gap:6px;min-width:0}
.svc-item__title{font-size:clamp(19px,1.9vw,24px);font-weight:700;line-height:1.4;color:var(--navy-800);transition:color .18s var(--ease)}
.svc-item__sub{font-size:15px;line-height:1.7;color:var(--text-body)}
.svc-item__chev{flex:0 0 auto;margin-left:auto;width:22px;height:22px;color:var(--navy-800);transition:transform .18s var(--ease)}
.svc-item[open] .svc-item__chev{transform:rotate(180deg)}
.svc-item__body{display:flex;flex-direction:column;gap:24px;padding:0 32px 36px;border-top:1px solid var(--line);padding-top:28px;margin-inline:32px;margin-bottom:0;padding-inline:0}
.svc-item__body>.kicker{margin-bottom:-8px}

/* 服务区块：左侧编号+标题，右侧正文（旧版，暂留） */
.svc-block__inner{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:56px;align-items:start}
.svc-block__head{position:sticky;top:calc(var(--header-h) + var(--jump-h) + 24px)}
.svc-block__num{font-family:var(--font-latin);font-size:46px;font-weight:700;line-height:1;color:var(--coral-500);margin-bottom:16px}
.svc-block__sub{color:var(--text-body);font-weight:500;margin-top:12px}
.svc-block__body{display:flex;flex-direction:column;gap:24px}
.svc-list{background:var(--surface-band,#e6e0d6);border:1px solid var(--line);border-radius:var(--r-lg,16px);padding:32px}
.svc-block--page .svc-list,.band--page .svc-list{background:#fff}
/* 勾选清单：li 只需要纯文字，图标由 CSS 生成（后台可直接增删条目） */
.checklist--2{columns:2;column-gap:32px;list-style:none;margin:0;padding:0}
.checklist--2>li{position:relative;padding-left:32px;margin-bottom:12px;font-size:15px;line-height:1.85;color:var(--text-body)}
.checklist--2>li::before{content:"";position:absolute;left:0;top:.35em;width:19px;height:19px;background:var(--coral-500);-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2021a8%208%200%200%201%2013.292-6%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%228%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22m16%2019%202%202%204-4%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;mask:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2021a8%208%200%200%201%2013.292-6%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%228%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22m16%2019%202%202%204-4%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain}
.checklist--2>li{break-inside:avoid}
.doc-grid{margin-top:4px}
/* 锚点定位：让区块标题停在头部+跳转条下方 */
#s01,#s02,#s03,#s04,#s05,#packages,#compare{scroll-margin-top:calc(var(--header-h) + var(--jump-h))}

/* 四步流程（POA / 套餐 02 共用） */
.flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:flow}
.flow__step{position:relative;background:var(--off-white);border:1px solid var(--line);border-radius:var(--r-lg,16px);padding:24px}
.flow__step h3{margin-bottom:12px}
.flow__step ul{display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.7;color:var(--text-body)}
.flow__step:not(:last-child)::after{content:"→";position:absolute;right:-16px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--coral-500);line-height:1}

/* 套餐卡（不含价格） */
.pkg{display:grid;grid-template-columns:minmax(0,460px) minmax(0,1fr);gap:0;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 20px 50px rgba(27,58,95,.10)}
.pkg__media{height:100%;min-height:420px}
.pkg__media img{width:100%;height:100%;object-fit:cover}
.pkg__body{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:48px}
.pkg__sub{font-size:18px;line-height:1.7;color:var(--text-body)}
.pkg__fit{color:var(--text-muted)}
.pkg__mods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;width:100%;margin-block:8px}
.pkg__mods li{display:flex;flex-direction:column;gap:4px;padding-top:14px;border-top:2px solid var(--navy-800)}
.pkg__mods b{font-size:16px;color:var(--navy-800)}
.pkg__mods span{font-size:14px;line-height:1.7;color:var(--text-body)}

/* 套餐 02：整块墨蓝，比套餐 01 更突出 */
.pkg--navy{display:block;background:var(--navy-800);border-color:var(--navy-800);color:#fff;padding:48px}
.pkg--navy .pkg__body{padding:0;margin-bottom:32px}
.pkg--navy .kicker{color:var(--coral-400)}
.pkg--navy .h3,.pkg--navy .pkg__sub,.pkg--navy .pkg__fit{color:#fff}
.pkg--navy .pkg__fit{color:#dde5ee}
.pkg--navy .flow__step{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18)}
.pkg--navy .flow__step h3{color:#fff}
.pkg--navy .flow__step ul{color:#dde5ee}
.pkg--navy .flow__step::after{color:var(--coral-400)}
.pkg__foot{margin-top:32px}

/* 套餐比较表 */
.compare{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg,16px)}
.compare table{width:100%;border-collapse:collapse;min-width:640px}
.compare th,.compare td{padding:16px 24px;text-align:left;font-size:15px;line-height:1.6;border-bottom:1px solid var(--line)}
.compare thead th{font-size:16px;color:var(--navy-800);background:var(--navy-050,#eef2f7);border-bottom:2px solid var(--navy-800)}
.compare tbody th{font-weight:500;color:var(--navy-800)}
.compare td{text-align:center;color:var(--text-body)}
.compare thead th:not(:first-child){text-align:center}
.compare td.yes{color:var(--coral-700);font-weight:700}
.compare td.no{color:var(--text-muted)}
.compare tbody tr:last-child th,.compare tbody tr:last-child td{border-bottom:0}

.callout--center{max-width:820px;margin-inline:auto}
.callout--center .callout__btn{align-self:flex-start;width:auto;margin-top:18px}
.callout__body{align-items:flex-start}

@media (max-width:1024px){
  .svc-block__inner{grid-template-columns:1fr;gap:32px}
  .svc-block__head{position:static}
  .flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .flow__step:not(:last-child)::after{display:none}
  .pkg{grid-template-columns:1fr}
  .pkg__media{min-height:280px}
}
@media (max-width:720px){
  .svc-item__head{padding:20px;gap:16px}
  .svc-item__body{margin-inline:20px;padding-bottom:24px}
  .checklist--2{columns:1}
  .flow{grid-template-columns:1fr}
  .pkg__body,.pkg--navy{padding:28px}
  .pkg__mods{grid-template-columns:1fr}
  .svc-jump{position:static}
  #s01,#s02,#s03,#s04,#s05,#packages,#compare{scroll-margin-top:0}
}

/* 顶部 hero 补充 */
.page-hero__kicker{font-size:clamp(19px,1.9vw,24px);font-weight:500;line-height:1.5;color:var(--text-body);margin-block:16px 8px}
.page-hero__claim b{color:var(--navy-800)}
.page-hero .btn{margin-top:8px}
.svc-list__note{margin-top:20px;padding-top:20px;border-top:1px solid var(--line);color:var(--text-body)}

/* 套餐 02：与套餐 01 完全同款卡片，图片同样在左侧 */
.pkg + .pkg{margin-top:0}
.pkg:nth-of-type(2) .pkg__media img{object-position:70% 50%}

/* 「我们可以协助 / 月嫂可以协助 / 常见办理项目」小标题放大 */
.svc-item__body .kicker{margin-top:-8px;margin-bottom:4px;font-size:19px;line-height:1.5;font-weight:700;color:var(--coral-700);letter-spacing:0;text-transform:none}

/* 服务套餐区的 eyebrow 加大 */
#packages .eyebrow{font-size:18px;padding:12px 30px}

/* 套餐卡片的「套餐 01 / 02」标签加大 */
.pkg__body .kicker{font-size:26px;line-height:1.4;color:var(--coral-700)}