/* ============ services 页样式 ============
   来源：design/*.html 内联 <style>（原样搬迁，数值未改）。
   privacy 与 terms 共用本文件（两份内联样式完全一致，迁移时已校验）。 */

.crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--t-3)}
.crumb a{color:var(--t-2)}.crumb a:hover{color:var(--action)}
.crumb .sep{color:var(--t-4)}
.page-hero{padding:48px 0 40px;background:radial-gradient(900px 340px at 70% -60px,rgba(0,180,228,.10),transparent 60%),#fff}
.page-h1{font-size:48px;line-height:1.2;font-weight:600;letter-spacing:-.01em;margin-top:16px;max-width:900px}
.page-lead{margin-top:16px;font-size:17px;line-height:1.75;color:var(--t-2);max-width:64ch}
.hstats{display:flex;gap:44px;flex-wrap:wrap;margin-top:30px}
.hstat-n{font-family:var(--font-num);font-size:36px;font-weight:700;color:var(--action);line-height:1.05;letter-spacing:-.02em}
.hstat-l{font-size:13px;color:var(--t-2);margin-top:6px}
.hero-acts{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}

/* 五阶段 */
.stage-wrap{display:grid;grid-template-columns:340px 1fr;gap:56px;align-items:start}
.stage-intro{position:sticky;top:120px}
.stage-intro .lead{margin-top:16px}
.stage-intro .h2{font-size:30px}
.stage-list{position:relative;padding-left:28px}
.stage-list::before{content:"";position:absolute;left:7px;top:10px;bottom:10px;width:2px;background:repeating-linear-gradient(180deg,var(--line-2) 0 6px,transparent 6px 12px)}
.stage{position:relative;border-bottom:1px solid var(--line)}
.stage:first-child{border-top:1px solid var(--line)}
.stage::before{content:"";position:absolute;left:-25px;top:28px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--brand-300)}
.stage[open]::before{background:var(--action);border-color:var(--action)}
.stage summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;align-items:center;gap:16px}
.stage summary::-webkit-details-marker{display:none}
.stage-no{font-family:var(--font-num);font-size:13px;font-weight:700;color:var(--brand-600);letter-spacing:.06em;flex:0 0 auto}
.stage-t{font-size:19px;font-weight:600;flex:1}
.stage-dur{font-size:12.5px;font-weight:500;color:var(--brand-700);background:var(--brand-50);padding:3px 10px;border-radius:999px;white-space:nowrap}
.stage-ico{width:26px;height:26px;border-radius:50%;background:var(--bg-tint);color:var(--action);display:grid;place-items:center;flex:0 0 auto;transition:.2s}
.stage[open] .stage-ico{background:var(--action);color:#fff;transform:rotate(45deg)}
.stage-body{padding:0 0 24px 40px}
.stage-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px}
.sf-t{font-size:11.5px;letter-spacing:.08em;color:var(--t-3);margin-bottom:5px}
.sf-d{font-size:14px;line-height:1.7;color:var(--t-1)}
.sf-d.dim{color:var(--t-2)}
.stage-nodes{margin-top:16px;display:flex;gap:6px;flex-wrap:wrap}
.stage-nodes span{font-size:11.5px;color:var(--brand-800);background:var(--brand-50);border:1px solid var(--brand-100);border-radius:999px;padding:2px 8px}

/* 12 节点表 */
.node-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.node-table th{font-size:12px;font-weight:600;color:var(--t-3);text-align:left;padding:12px 16px;background:var(--bg-soft);border-bottom:1px solid var(--line)}
.node-table td{font-size:14px;color:var(--t-1);padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.node-table tr:last-child td{border-bottom:0}
.node-table td.n{font-family:var(--font-num);color:var(--brand-600);font-weight:700;width:56px}
.node-table td.name{font-weight:600;width:220px}
.node-table td.todo{color:var(--t-2)}
.node-note{margin-top:14px;font-size:13px;color:var(--t-3)}

/* 报价结构 */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.price-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px 24px;display:flex;flex-direction:column;gap:10px}
.price-card .i{color:var(--action)}
.price-t{font-size:17px;font-weight:600;margin-top:6px}
.price-d{font-size:13.5px;line-height:1.7;color:var(--t-2)}
.price-tag{font-size:11.5px;color:var(--t-3);border:1px solid var(--line);border-radius:999px;padding:2px 8px;align-self:flex-start}
.price-note{margin-top:24px;font-size:13.5px;line-height:1.7;color:var(--t-2);background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:16px 20px}

/* 周期条 */
.ms-bar{display:flex;height:56px;border-radius:10px;overflow:hidden;border:1px solid var(--line)}
.ms-seg{display:flex;flex-direction:column;justify-content:center;padding:0 14px;font-size:12.5px;color:#fff;border-right:1px solid rgba(255,255,255,.25)}
.ms-seg:last-child{border-right:0}
.ms-seg b{font-size:12.5px;font-weight:600}
.ms-seg span{font-size:11px;opacity:.85}
.ms-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;font-size:12.5px;color:var(--t-2)}
.ms-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.ms-note{margin-top:14px;font-size:12.5px;color:var(--t-3)}

/* SLA 引用 */
.sla-band{background:var(--ink-950);color:#fff;border-radius:16px;padding:26px 30px;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.sla-n{font-family:var(--font-num);font-size:22px;font-weight:700;color:#7FDCF2;line-height:1.2}
.sla-l{font-size:12px;color:#9FB4C0;margin-top:6px;line-height:1.5}
.sla-src{grid-column:1/-1;font-size:11.5px;color:#6F828F;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}

/* FAQ */
.faq2{max-width:860px;margin:0 auto}

@media (max-width:880px){
  .page-hero{padding:32px 0 24px}
  .page-h1{font-size:30px}
  .page-lead{font-size:15px}
  .hstats{gap:26px;margin-top:22px}
  .hstat-n{font-size:28px}
  .stage-wrap{grid-template-columns:1fr;gap:24px}
  .stage-intro{position:static}
  .stage-list{padding-left:22px}
  .stage-body{padding-left:0}
  .stage-fields{grid-template-columns:1fr;gap:14px}
  .stage-t{font-size:16px}
  .stage summary{gap:10px}
  .stage-dur{font-size:11.5px;padding:2px 8px}
  .stage-no{font-size:12px}
  .stage-ico{width:24px;height:24px}
  .node-table th:nth-child(1),.node-table td:nth-child(1){display:none}
  .node-table td.name{width:auto}
  .node-table td,.node-table th{padding:10px 12px;font-size:13px}
  .price-grid{grid-template-columns:1fr}
  .ms-bar{height:auto;flex-direction:column}
  .ms-seg{padding:10px 12px;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}
  .sla-band{grid-template-columns:1fr 1fr;padding:20px;gap:14px}
}