/* ============================================================
   企业服务 / 服务支持 / 案例 页专属样式
   ============================================================ */

/* ---- 分栏 hero：左文案 + 右引语面板 ---- */
.sv-hero{
  position:relative; background:linear-gradient(180deg,#16181b,#262c32);
  color:#fff; padding:132px 0 100px; overflow:hidden;
}
.sv-hero::before{
  content:""; position:absolute; left:10%; top:-120px; width:360px; height:360px;
  border:1px solid rgba(255,255,255,.07); border-radius:50%;
}
.sv-hero .sh-grid{ position:relative; z-index:2; display:grid; grid-template-columns:1.15fr .85fr; gap:56px; align-items:center; }
.sv-hero .crumb{ margin-bottom:20px; }
.sv-hero .crumb a{ color:#9aa2aa; }
.sv-hero h1{ font-size:40px; font-weight:800; letter-spacing:1px; line-height:1.25; }
.sv-hero p{ margin-top:16px; color:#c2c8ce; font-size:15.5px; line-height:1.9; }
.sv-hero .sh-cta{ display:flex; gap:14px; margin-top:30px; flex-wrap:wrap; }
.sv-hero .sh-quote{
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.14);
  border-radius:20px; padding:32px 30px; position:relative;
}
.sv-hero .sh-quote::before{
  content:"“"; position:absolute; top:6px; left:20px; font-size:64px;
  color:rgba(255,255,255,.14); font-weight:800; line-height:1;
}
.sv-hero .sh-quote p{ font-size:16px; line-height:2; color:#dfe3e7; }
.sv-hero .sh-quote cite{ display:block; margin-top:14px; font-size:12.5px; color:#8f979f; font-style:normal; letter-spacing:2px; }

/* ---- 数字统计带 ---- */
.sv-stats{ padding:70px 0 46px; }
.sv-stats-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:20px;
  background:var(--white); border:1px solid var(--line-soft); border-radius:20px;
  padding:36px 24px; box-shadow:var(--shadow);
}
.sv-stats-grid .st-item{ text-align:center; position:relative; }
.sv-stats-grid .st-item + .st-item::before{
  content:""; position:absolute; left:0; top:12px; bottom:12px; width:1px; background:var(--line-soft);
}
.sv-stats-grid b{ font-size:34px; font-weight:800; letter-spacing:1px; display:block; }
.sv-stats-grid b i{ font-style:normal; font-size:18px; margin-left:2px; }
.sv-stats-grid span{ font-size:12.5px; color:var(--muted); margin-top:6px; display:block; letter-spacing:1px; }

/* ---- 特性错位卡 ---- */
.sv-feat{ padding:80px 0; }
.sv-feat-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.sv-feat-card{
  background:var(--white); border:1px solid var(--line-soft); border-radius:18px;
  padding:30px 26px; position:relative; overflow:hidden;
  transition:transform .3s, box-shadow .3s;
}
.sv-feat-card:nth-child(2){ transform:translateY(22px); }
.sv-feat-card:nth-child(2):hover{ transform:translateY(16px); }
.sv-feat-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-lg); }
.sv-feat-card:nth-child(2):hover{ transform:translateY(16px); }
.sv-feat-card::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:4px;
  background:linear-gradient(90deg,var(--ink),var(--steel),transparent);
  opacity:0; transition:opacity .3s;
}
.sv-feat-card:hover::after{ opacity:1; }
.sv-feat-card .sf-ico{
  width:54px; height:54px; border-radius:14px; background:var(--bg);
  border:1px solid var(--line); display:flex; align-items:center; justify-content:center;
  color:var(--ink); margin-bottom:18px; transition:background .3s, color .3s;
}
.sv-feat-card:hover .sf-ico{ background:var(--ink); color:#fff; }
.sv-feat-card .sf-ico svg{ width:26px; height:26px; }
.sv-feat-card h3{ font-size:17px; font-weight:700; }
.sv-feat-card p{ margin-top:10px; font-size:13.5px; color:var(--muted); line-height:1.85; }
.sv-feat-card .sf-more{ margin-top:16px; font-size:13px; color:var(--steel); display:inline-flex; align-items:center; gap:6px; }

/* ---- 对比表格 ---- */
.sv-compare{ padding:80px 0; }
.sv-compare-table{
  width:100%; border-collapse:separate; border-spacing:0; overflow:hidden;
  background:var(--white); border:1px solid var(--line-soft); border-radius:16px;
  box-shadow:var(--shadow);
}
.sv-compare-scroll{ overflow-x:auto; }
.sv-compare-table th{ background:var(--bg-soft); padding:16px 20px; font-size:14px; font-weight:700; text-align:left; border-bottom:1px solid var(--line); }
.sv-compare-table th.hot{ background:var(--ink); color:#fff; }
.sv-compare-table td{ padding:14px 20px; border-bottom:1px dashed var(--line-soft); font-size:13.5px; color:var(--graphite); }
.sv-compare-table tr:last-child td{ border-bottom:none; }
.sv-compare-table td.yes{ color:#2c6e49; font-weight:600; }
.sv-compare-table td.no{ color:#b0442e; }

/* ---- 案例卡 ---- */
.sv-cases{ padding:80px 0; }
.sv-case-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.sv-case-card{
  background:var(--white); border:1px solid var(--line-soft); border-radius:18px;
  overflow:hidden; display:block; transition:transform .3s, box-shadow .3s;
}
.sv-case-card:hover{ transform:translateY(-5px); box-shadow:var(--shadow-lg); }
.sv-case-card .sc-media{ position:relative; height:190px; overflow:hidden; }
.sv-case-card .sc-media img{ width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.sv-case-card:hover .sc-media img{ transform:scale(1.06); }
.sv-case-card .sc-media::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(14,16,18,.6));
}
.sv-case-card .sc-tag{
  position:absolute; left:14px; top:14px; background:rgba(255,255,255,.9); color:var(--ink);
  font-size:11.5px; letter-spacing:1px; padding:4px 12px; border-radius:999px; z-index:2;
}
.sv-case-card .sc-title{
  position:absolute; left:16px; bottom:12px; z-index:2; color:#fff; font-size:15px; font-weight:700;
}
.sv-case-card .sc-body{ padding:18px 20px 20px; }
.sv-case-card .sc-body p{ font-size:13px; color:var(--muted); line-height:1.8; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.sv-case-card .sc-meta{ display:flex; justify-content:space-between; margin-top:14px; font-size:12px; color:var(--steel); }

/* ---- 流程横向时间线 ---- */
.sv-steps{ padding:80px 0; }
.sv-steps-track{ display:grid; grid-template-columns:repeat(5,1fr); gap:0; position:relative; }
.sv-steps-track::before{
  content:""; position:absolute; left:8%; right:8%; top:21px; height:1px;
  background:linear-gradient(90deg,var(--steel),var(--line),var(--steel));
}
.sv-steps-item{ text-align:center; position:relative; padding:0 10px; }
.sv-steps-item .sst-no{
  width:42px; height:42px; margin:0 auto 14px; border-radius:50%;
  background:var(--ink); color:#fff; display:flex; align-items:center; justify-content:center;
  font-size:15px; font-weight:700; position:relative; z-index:1; box-shadow:var(--shadow);
}
.sv-steps-item h3{ font-size:14.5px; font-weight:700; }
.sv-steps-item p{ margin-top:6px; font-size:12.5px; color:var(--muted); line-height:1.7; }

/* ---- 引语条 ---- */
.sv-quote{ padding:70px 0; }
.sv-quote-box{
  max-width:900px; margin:0 auto; text-align:center; position:relative; padding:0 30px;
}
.sv-quote-box::before{
  content:"“"; font-size:120px; color:var(--line); font-weight:800; line-height:.6; display:block; margin-bottom:10px;
}
.sv-quote-box p{ font-size:19px; line-height:2; color:var(--graphite); font-weight:500; }
.sv-quote-box span{ display:block; margin-top:18px; font-size:13px; color:var(--steel); letter-spacing:3px; }

/* ---- 服务流程双栏图文 ---- */
.sv-flow{ padding:80px 0; }
.sv-flow-grid{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.sv-flow-media img{ width:100%; height:420px; object-fit:cover; border-radius:20px; box-shadow:var(--shadow-lg); }
.sv-flow-list{ display:flex; flex-direction:column; gap:0; }
.sv-flow-list li{ display:flex; gap:18px; padding:16px 0; border-bottom:1px dashed var(--line); }
.sv-flow-list li:last-child{ border-bottom:none; }
.sv-flow-list .sfl-no{ font-size:14px; font-weight:800; color:var(--steel); min-width:30px; padding-top:2px; }
.sv-flow-list h3{ font-size:16px; font-weight:700; }
.sv-flow-list p{ margin-top:5px; font-size:13px; color:var(--muted); line-height:1.8; }

/* ---- 预约/团报表单面板 ---- */
.sv-form{ padding:80px 0; }
.sv-form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start; }
.sv-form-info h2{ font-size:28px; font-weight:800; line-height:1.35; }
.sv-form-info p{ margin-top:16px; color:var(--muted); font-size:14.5px; line-height:2; }
.sv-form-info .sfi-list{ margin-top:24px; display:flex; flex-direction:column; gap:14px; }
.sv-form-info .sfi-list li{ display:flex; gap:12px; align-items:flex-start; font-size:14px; color:var(--graphite); }
.sv-form-info .sfi-list svg{ width:18px; height:18px; margin-top:3px; color:var(--steel); flex-shrink:0; }
.sv-form-panel{
  background:var(--white); border:1px solid var(--line-soft); border-radius:20px;
  box-shadow:var(--shadow-lg); padding:36px 34px;
}
.sv-form-panel h3{ font-size:19px; font-weight:800; }
.sv-form-panel > p{ font-size:13px; color:var(--muted); margin:8px 0 24px; }
.sv-form-panel .field-row{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.sv-form-panel .form-tip{ margin-top:14px; font-size:12px; color:var(--steel); line-height:1.7; }

/* ---------- 响应式 ---------- */
@media (max-width: 1080px){
  .sv-hero .sh-grid{ grid-template-columns:1fr; }
  .sv-stats-grid{ grid-template-columns:repeat(2,1fr); }
  .sv-stats-grid .st-item:nth-child(2)::before{ display:none; }
  .sv-stats-grid .st-item:nth-child(n+3)::before{ content:""; position:absolute; left:0; top:12px; bottom:12px; width:1px; background:var(--line-soft); }
  .sv-feat-grid{ grid-template-columns:repeat(2,1fr); }
  .sv-feat-card:nth-child(2){ transform:none; }
  .sv-case-grid{ grid-template-columns:repeat(2,1fr); }
  .sv-steps-track{ grid-template-columns:repeat(3,1fr); gap:30px 0; }
  .sv-steps-track::before{ display:none; }
  .sv-flow-grid{ grid-template-columns:1fr; }
  .sv-form-grid{ grid-template-columns:1fr; }
}
@media (max-width: 640px){
  .sv-hero h1{ font-size:30px; }
  .sv-stats-grid{ grid-template-columns:1fr 1fr; padding:26px 10px; }
  .sv-stats-grid .st-item:nth-child(n+3)::before{ display:none; }
  .sv-feat-grid{ grid-template-columns:1fr; }
  .sv-case-grid{ grid-template-columns:1fr; }
  .sv-steps-track{ grid-template-columns:1fr 1fr; }
  .sv-form-panel{ padding:26px 20px; }
  .sv-form-panel .field-row{ grid-template-columns:1fr; }
  .sv-quote-box p{ font-size:16px; }
}