/* ============================================================
   deepdoc.css — 《跨境网络服务选购指南》(complete-guide.html) 页专属
   依赖 base.css / components.css 的设计令牌与组件,不重复定义
   ============================================================ */

/* ---- 文档头 ---- */
.doc-head{
  padding-top:56px;
  padding-bottom:6px;
}
.doc-head .kicker{
  margin-bottom:14px;
}
.doc-head h1{
  max-width:24ch;
}
.doc-head .lead{
  font-size:16px;
  line-height:1.8;
  color:var(--text-muted);
  max-width:74ch;
}
.doc-head .lead strong{
  color:var(--text);
  font-weight:600;
}
/* 文档头的 callout 与首章之间留出目录条的空间 */
.doc-head .callout{
  margin-bottom:36px;
}

/* ---- 正文节奏:表格与代码块的纵向间距 ---- */
.doc .table-wrap{
  margin:0 0 1.4em;
}
.doc pre{
  margin-bottom:1.4em;
}

/* ---- 下单前核对清单 ---- */
.check-list{
  list-style:none;
  padding:0;
  margin:0 0 1.2em;
}
.check-list li{
  position:relative;
  padding:14px 16px 14px 54px;
  background:var(--bg-panel);
  border:1px solid var(--border);
  border-radius:var(--r-s);
  margin-bottom:8px;
  font-size:14.5px;
  line-height:1.75;
  color:var(--text-muted);
}
.check-list li::before{
  content:"✓";
  position:absolute;
  left:14px;
  top:14px;
  width:26px;
  height:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--accent-dark);
  border-radius:var(--r-s);
  color:var(--accent);
  font-family:var(--font-mono);
  font-size:13px;
}
.check-list li strong{
  color:var(--text);
  font-weight:600;
}

@media (max-width:640px){
  .doc-head{
    padding-top:40px;
  }
  .check-list li{
    padding-left:48px;
  }
  .check-list li::before{
    left:10px;
  }
}