/* =========================================================
   联系我们单页 · contact.css（仅本页专属样式）
   骨架样式（banner / 面包屑 / 页脚内页覆盖）复用 news.css；
   单栏居中大白卡复刻组织机构页 .og-card 设计令牌：24px 圆角 + 蓝色系阴影；
   类名独立为 .ct- 前缀，不改动 organization.css / style.css 任何规则
   ========================================================= */

/* —— 单栏容器（与全站 .container 1200 对齐） —— */
.ct-wrap{margin:18px auto 0}
.ct-card{background:#fff;border-radius:24px;padding:46px 58px 40px;box-shadow:0 24px 60px rgba(10,35,90,.16);min-width:0}

/* —— 文章头：仅标题（无日期/来源），标题下通栏浅虚线分隔（与组织机构页同款） —— */
.ct-title{text-align:center;font-size:clamp(21px,2.4vw,28px);font-weight:900;letter-spacing:.04em;line-height:1.6;color:#0A2A7B;margin:0}
.ct-divider{margin:20px 0 0;border-bottom:1px dashed var(--line)}

/* —— 正文排版（公文风：段落首行缩进2字符；信息行左缘对齐段落首行基准线） —— */
.ct-body{padding-top:22px;font-size:15.5px;line-height:2.15;color:#3D5875}
.ct-body>p{margin:0 0 1.15em;text-indent:2em}

/* —— 地址/邮编/电话信息行：与 .og-role 同规格（2字符缩进 + 4em 分散对齐标签 + 冒号独立列位） —— */
.ct-role{display:flex;align-items:flex-start;margin:0 0 .55em 2em;line-height:2.05}
.ct-role>b{flex:none;width:4em;font-weight:700;color:#22314E;text-align:justify;text-align-last:justify}
.ct-role .c{flex:none;font-weight:700;color:#22314E} /* 冒号不随标签分散，统一列位 */
.ct-val{flex:1;min-width:0;color:#3D5875}
.ct-gap{display:inline-block;width:2.5em} /* 邮编与邮箱同行时的间隔 */
.ct-mail{color:#0527A5;text-decoration:none;border-bottom:1px dashed rgba(5,39,165,.35);transition:color .2s}
.ct-mail:hover{color:#0B57E8}

/* —— 报名咨询 / 招商合作 微信二维码（整组居中） —— */
.ct-qrs{display:flex;justify-content:center;gap:56px;margin:34px 0 10px;flex-wrap:wrap}
.ct-qr{width:200px;text-align:center}
.ct-qr-ph{width:176px;height:176px;margin:0 auto;border:1px solid #DCE8FF;border-radius:16px;background:#fff;overflow:hidden}
.ct-qr-ph img{display:block;width:100%;height:100%;object-fit:contain}
.ct-qr>b{display:block;margin-top:14px;font-size:16px;font-weight:800;color:#0A2A7B;letter-spacing:.06em}

/* ============ 响应式（与组织机构页同断点） ============ */
@media (max-width:995px){
  .ct-card{padding:30px 26px 28px}
}
@media (max-width:620px){
  .ct-wrap{margin-top:12px}
  .ct-card{padding:24px 18px 24px;border-radius:18px}
  .ct-body{padding-top:16px;font-size:15px;line-height:2}
  .ct-role{flex-wrap:wrap}
  .ct-role>b{width:auto}
  .ct-qrs{gap:24px;margin-top:26px}
  .ct-qr{width:calc(50% - 12px);min-width:150px}
  .ct-qr-ph{width:140px;height:140px}
  .ct-qr>b{font-size:15px}
}