/* 服务体系页 · 六项能力清单（从首页迁出） */
.svc-page{
  --pad:clamp(18px,4vw,48px);
  --accent:#0F5C45;
  --text:#14201A;
  --text-2:#3D4F46;
  --text-3:#6B7C73;
  --line-soft:rgba(20,32,26,.1);
  --bg:#F4F7F5;
  --bg-2:#E8EEEA;
  --serif:"Noto Serif SC","Source Han Serif SC",serif;
  --sans:"Noto Sans SC","PingFang SC",sans-serif;
  --dur:.28s;
  --dur-fast:.18s;
  --dur-slow:.42s;
  --ease-out:cubic-bezier(.22,1,.36,1);
  background:var(--bg-2);
  color:var(--text);
  font-family:var(--sans);
  padding:clamp(48px,8vh,88px) var(--pad) clamp(64px,10vh,120px);
}
html[data-theme="dark"] .svc-page{
  --accent:#3D9B78;
  --text:#E8F0EB;
  --text-2:#B4C4BB;
  --text-3:#84948B;
  --line-soft:rgba(232,240,235,.12);
  --bg:#0C1812;
  --bg-2:#101C16;
}
.svc-page .svc__head{
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:26px;
  max-width:1220px;margin:0 auto clamp(34px,5vh,58px);
}
.svc-page .svc__head .k{
  font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin:0 0 16px;
}
.svc-page .svc__head h1{
  font-family:var(--serif);font-weight:600;font-size:clamp(25px,3.2vw,46px);
  line-height:1.28;margin:0;letter-spacing:.01em;max-width:19em;
}
.svc-page .more{
  font-size:13px;letter-spacing:.06em;color:var(--accent);
  border-bottom:1px solid currentColor;padding-bottom:3px;white-space:nowrap;
  display:inline-flex;align-items:center;gap:7px;text-decoration:none;
  transition:opacity var(--dur-fast),gap var(--dur-fast);
}
.svc-page .more:hover{opacity:.72;gap:11px}
.svc-page .svclist{
  list-style:none;margin:0 auto;padding:0;max-width:1220px;
  border-top:1px solid var(--line-soft);
  --svc-indent:clamp(46px,4.4vw,78px);
  --svc-gap:clamp(12px,2.2vw,30px);
}
.svc-page .svc{border-bottom:1px solid var(--line-soft)}
.svc-page .svc__row{
  width:100%;display:grid;align-items:start;
  grid-template-columns:var(--svc-indent) minmax(0,0.86fr) minmax(0,1.3fr) 34px;
  grid-template-areas:"no name one plus";
  gap:var(--svc-gap);
  padding:clamp(20px,2.7vh,32px) 0;
  text-align:left;color:inherit;background:none;border:0;cursor:pointer;
  font:inherit;
  transition:transform var(--dur) var(--ease-out);
}
.svc-page .svc__row:hover{transform:translateX(8px)}
.svc-page .svc__no{
  grid-area:no;font-family:var(--serif);font-weight:600;letter-spacing:.06em;
  font-size:clamp(12px,1.05vw,14px);color:var(--text-3);
  padding-top:.62em;transition:color var(--dur);
}
.svc-page .svc__name{
  grid-area:name;font-family:var(--serif);font-weight:600;
  font-size:clamp(20px,2.2vw,29px);line-height:1.24;letter-spacing:.01em;
  transition:color var(--dur);
}
.svc-page .svc__one{
  grid-area:one;font-size:13.5px;line-height:1.85;color:var(--text-2);
  max-width:36em;
}
.svc-page .svc__plus{grid-area:plus;position:relative;width:22px;height:22px;justify-self:end;margin-top:.5em}
.svc-page .svc__plus::before,.svc-page .svc__plus::after{
  content:"";position:absolute;left:50%;top:50%;background:var(--text-3);
  transition:transform var(--dur) var(--ease-out),background var(--dur);
}
.svc-page .svc__plus::before{width:13px;height:1.5px;transform:translate(-50%,-50%)}
.svc-page .svc__plus::after{width:1.5px;height:13px;transform:translate(-50%,-50%)}
.svc-page .svc[data-on="1"] .svc__plus::after{transform:translate(-50%,-50%) scaleY(0)}
.svc-page .svc__row:hover .svc__plus::before,
.svc-page .svc__row:hover .svc__plus::after{background:var(--accent)}
.svc-page .svc[data-on="1"] .svc__no,
.svc-page .svc[data-on="1"] .svc__name{color:var(--accent)}
.svc-page .svc__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-slow) var(--ease-out)}
.svc-page .svc[data-on="1"] .svc__panel{grid-template-rows:1fr}
.svc-page .svc__inner{overflow:hidden}
.svc-page .svc__body{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:clamp(18px,3vw,40px);
  padding:0 0 clamp(22px,3vh,34px) calc(var(--svc-indent) + var(--svc-gap));
  opacity:0;transition:opacity var(--dur) var(--ease-out) 70ms;
}
.svc-page .svc[data-on="1"] .svc__body{opacity:1}
.svc-page .svc__col h4{
  font-weight:400;margin:0 0 12px;color:var(--text-3);
  font-size:11px;letter-spacing:.22em;text-transform:uppercase;
}
.svc-page .svc__col ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.svc-page .svc__col li{position:relative;padding-left:16px;font-size:13px;line-height:1.8;color:var(--text-2)}
.svc-page .svc__col li::before{content:"";position:absolute;left:0;top:.72em;width:6px;height:1px;background:var(--accent)}
.svc-page .svc__how{margin:0;font-size:13px;line-height:1.85;color:var(--text-2)}
.svc-page .svc__how b{color:var(--text);font-weight:400}
@media (max-width:720px){
  .svc-page .svc__row{
    grid-template-columns:var(--svc-indent) minmax(0,1fr) 28px;
    grid-template-areas:"no name plus" "one one one";
  }
  .svc-page .svc__one{max-width:none;margin-top:4px}
  .svc-page .svc__body{padding-left:0}
}