/* ==========================================================================
   p-fuwu-liucheng.css · 服务流程
   布局特征：标题 Hero + 横向五步大编号步骤带（连线贯通）+ 耗时表 + 卡点三格
   ========================================================================== */

.lc-hero{padding:56px 0 20px}
.lc-title{font-size:38px;color:#fff;font-weight:900;line-height:1.35;max-width:760px}
.lc-sub{margin-top:16px;color:var(--muted);font-size:16px;line-height:2;max-width:660px}

/* 五步横向带 */
.lc-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;position:relative}
.lc-steps::before{content:"";position:absolute;top:34px;left:8%;right:8%;height:2px;
  background:linear-gradient(90deg,var(--red),var(--gold));opacity:.5}
.lc-step{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:24px 20px;position:relative;transition:transform .3s,border-color .3s,box-shadow .3s}
.lc-step:hover{transform:translateY(-6px);border-color:rgba(255,184,0,.4);box-shadow:var(--shadow)}
.lc-step-head{margin-bottom:14px}
.lc-no{display:inline-flex;width:52px;height:52px;border-radius:50%;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--red),var(--red-deep));color:#fff;font-size:18px;font-weight:900;
  box-shadow:var(--shadow-red);position:relative;z-index:1}
.lc-step h2{font-size:18px;color:#fff;margin-bottom:10px}
.lc-step p{font-size:13.5px;color:var(--muted);line-height:1.9;margin-bottom:12px}
.lc-step a{font-size:13px;color:var(--gold);font-weight:700}

/* 耗时表 */
.lc-time-sec{background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lc-sec-head{margin-bottom:30px;max-width:760px}
.lc-kicker{font-size:13px;letter-spacing:3px;color:var(--red-soft);margin-bottom:10px}
.lc-sec-title{font-size:28px;color:#fff;font-weight:800}
.lc-sec-desc{margin-top:10px;color:var(--muted);line-height:1.9}
.lc-table-wrap{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.lc-table{width:100%;border-collapse:collapse;table-layout:fixed}
.lc-table th{background:#111118;color:var(--gold);font-size:14px;text-align:left;padding:14px 18px;border-bottom:2px solid var(--red)}
.lc-table td{padding:13px 18px;font-size:14px;color:#C9CDD3;border-bottom:1px solid var(--line);line-height:1.7}
.lc-table tbody tr:hover{background:rgba(224,38,29,.06)}
.lc-c1{width:22%}
.lc-c2{width:30%}
.lc-c3{width:48%}

/* 卡点 */
.lc-pit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lc-pit{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px 22px;
  transition:border-color .3s,transform .3s;border-top:3px solid var(--gold)}
.lc-pit:hover{transform:translateY(-5px)}
.lc-pit h3{font-size:17px;color:#fff;margin-bottom:10px}
.lc-pit p{font-size:14px;color:var(--muted);line-height:1.9}
.lc-final-note{margin-top:26px;font-size:14px;color:var(--muted);line-height:2}
.lc-final-note a{color:var(--gold)}

/* 办完之后 */
.lc-after{background:var(--card);border:1px solid var(--line-2);border-left:4px solid var(--gold);
  border-radius:0 12px 12px 0;padding:22px 26px;margin-top:22px}
.lc-after h2{font-size:18px;color:#fff;margin-bottom:10px}
.lc-after p{font-size:14px;color:var(--muted);line-height:1.95}

/* 报名前自问 */
.lc-sec-gap{margin-top:44px}
.lc-ask-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lc-ask{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px 22px;
  transition:transform .3s,border-color .3s}
.lc-ask:hover{transform:translateY(-5px);border-color:rgba(224,38,29,.45)}
.lc-ask h3{font-size:17px;color:var(--gold);margin-bottom:10px}
.lc-ask p{font-size:14px;color:var(--muted);line-height:1.9}

/* ---------- 流程详细说明 ---------- */
.lc-detail-sec{background:var(--bg);border-top:1px solid var(--line)}
.lc-detail-list{display:grid;gap:14px;margin-top:36px}
.lc-detail{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px 24px;
  transition:border-color .3s,box-shadow .3s}
.lc-detail:hover{border-color:rgba(255,184,0,.35);box-shadow:0 8px 20px rgba(0,0,0,.3)}
.lc-detail summary{cursor:pointer;font-size:18px;color:#fff;font-weight:600;outline:none}
.lc-detail summary::-webkit-details-marker{display:none}
.lc-detail summary::before{content:"▸";color:var(--gold);margin-right:10px}
.lc-detail[open] summary::before{content:"▾"}
.lc-detail p{margin-top:12px;font-size:14px;color:var(--muted);line-height:1.9}
.lc-detail p a{color:var(--gold)}

/* ---------- FAQ扩充 ---------- */
.lc-faq-sec{background:var(--bg);border-top:1px solid var(--line)}
.lc-faq-list{display:grid;gap:14px;margin-top:36px}
.lc-faq{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px 22px;
  transition:border-color .3s,box-shadow .3s}
.lc-faq:hover{border-color:rgba(255,184,0,.35);box-shadow:0 8px 20px rgba(0,0,0,.3)}
.lc-faq summary{cursor:pointer;font-size:16px;color:#fff;font-weight:600;outline:none}
.lc-faq summary::-webkit-details-marker{display:none}
.lc-faq summary::before{content:"▸";color:var(--gold);margin-right:10px}
.lc-faq[open] summary::before{content:"▾"}
.lc-faq p{margin-top:12px;font-size:14px;color:var(--muted);line-height:1.9}
.lc-faq p a{color:var(--gold)}

/* ---------- 服务承诺 ---------- */
.lc-promise-sec{background:var(--bg);border-top:1px solid var(--line)}
.lc-promise-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:36px}
.lc-promise{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:0 12px 12px 0;
  padding:24px 26px;transition:transform .3s,box-shadow .3s}
.lc-promise:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(0,0,0,.4)}
.lc-promise h3{font-size:18px;color:#fff;margin-bottom:10px}
.lc-promise p{font-size:14px;color:var(--muted);line-height:1.9}

/* ---------- 拿证周期 ---------- */
.lc-cycle-sec{background:var(--bg);border-top:1px solid var(--line)}
.lc-cycle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:36px}
.lc-cycle{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px 22px;
  transition:transform .3s,box-shadow .3s}
.lc-cycle:hover{transform:translateY(-5px);box-shadow:0 14px 28px rgba(0,0,0,.4)}
.lc-cycle h3{font-size:18px;color:#fff;margin-bottom:10px}
.lc-cycle p{font-size:14px;color:var(--muted);line-height:1.9}

/* ---------- 注意事项 ---------- */
.lc-warn-list{display:grid;gap:14px;margin-top:36px}
.lc-warn{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px 22px;
  transition:border-color .3s,box-shadow .3s}
.lc-warn:hover{border-color:rgba(224,38,29,.4);box-shadow:0 8px 20px rgba(0,0,0,.3)}
.lc-warn summary{cursor:pointer;font-size:16px;color:#fff;font-weight:600;outline:none}
.lc-warn summary::-webkit-details-marker{display:none}
.lc-warn summary::before{content:"▸";color:var(--red);margin-right:10px}
.lc-warn[open] summary::before{content:"▾"}
.lc-warn p{margin-top:12px;font-size:14px;color:var(--muted);line-height:1.9}

/* ---------- 企业团报流程 ---------- */
.lc-qiye-sec{background:var(--bg);border-top:1px solid var(--line)}
.lc-qiye-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:36px}
.lc-qiye{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:0 12px 12px 0;
  padding:24px 26px;transition:transform .3s,box-shadow .3s}
.lc-qiye:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(0,0,0,.4)}
.lc-qiye h3{font-size:18px;color:#fff;margin-bottom:10px}
.lc-qiye p{font-size:14px;color:var(--muted);line-height:1.9}

/* ---------- 相关服务入口 ---------- */
.lc-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
.lc-related{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:22px 20px;
  transition:transform .3s,border-color .3s,box-shadow .3s}
.lc-related:hover{transform:translateY(-4px);border-color:rgba(255,184,0,.4);box-shadow:0 10px 22px rgba(0,0,0,.35)}
.lc-related h3{font-size:16px;color:#fff;margin-bottom:8px}
.lc-related p{font-size:13px;color:var(--muted);line-height:1.8}

@media (max-width:1024px){
  .lc-steps{grid-template-columns:repeat(2,1fr)}
  .lc-steps::before{display:none}
  .lc-pit-grid{grid-template-columns:1fr}
  .lc-title{font-size:28px}
  .lc-related-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .lc-steps{grid-template-columns:1fr}
  .lc-ask-grid{grid-template-columns:1fr}
  .lc-title{font-size:24px}
  .lc-table{display:block;overflow-x:auto}
}