/* =========================================================
   走进我们（类名前缀 ct-）
   ========================================================= */

/* ---------- 公共：图标、卡片标题、联系方式链接 ---------- */
.ct-icon { width: .88rem; height: .88rem; margin-bottom: .22rem; flex-shrink: 0; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; font-size: .42rem; }
.ct-icon .ico { stroke-width: 1.3; }
.ct-icon img { width: 60%; height: 60%; object-fit: contain; }
.ct-card-title { margin-bottom: .12rem; font-size: .24rem; }
.ct-lines a, .ct-row-value a { border-bottom: 1px solid transparent; transition: border-color .3s, color .3s; }
.ct-lines a:hover, .ct-row-value a:hover { color: var(--c-text); border-bottom-color: currentColor; }

/* ---------- 加入我们 ---------- */
.ct-join-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: .3rem; }
.ct-join-card { min-height: 2.8rem; padding: .5rem .4rem; border-radius: var(--radius-lg); background: var(--c-bg-gray); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.ct-lines { font-size: .18rem; line-height: 1.8; color: var(--c-text-2); word-break: break-all; }

/* 地图 */
.ct-map { margin-top: .6rem; }
.ct-map-inner { position: relative; display: block; border-radius: var(--radius-lg); overflow: hidden; background: var(--c-bg-gray); transform: translateZ(0); }
.ct-map-inner .pic img { transition: transform .8s var(--ease); }
.ct-map-inner.is-link:hover .pic img { transform: scale(1.03); }
.ct-map-btn { position: absolute; right: .3rem; bottom: .3rem; display: inline-flex; align-items: center; gap: .08rem; height: .52rem; padding: 0 .26rem; border-radius: .52rem; background: #fff; box-shadow: 0 .06rem .2rem rgba(0, 0, 0, .1); font-size: .16rem; font-weight: 600; }
.ct-map-btn .ico { font-size: .2rem; }
.ct-map-btn .ico:last-child { transition: transform .3s; }
.ct-map-inner.is-link:hover .ct-map-btn .ico:last-child { transform: translateX(.04rem); }

/* ---------- 商务合作 ---------- */
.ct-biz { background-image: var(--ct-bg-pc, none); background-size: cover; background-position: center; background-repeat: no-repeat; }
.ct-biz-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: .3rem; }
.ct-biz-card { min-height: 2.8rem; padding: .56rem .5rem; border-radius: var(--radius-lg); background: #fff; display: flex; align-items: center; justify-content: center; }
.ct-biz-inner { max-width: 100%; }
.ct-biz-head { display: flex; align-items: center; gap: .2rem; margin-bottom: .2rem; }
.ct-biz-head .ct-icon { width: .72rem; height: .72rem; margin: 0; background: var(--c-bg-gray); font-size: .34rem; }
.ct-biz-head .ct-card-title { margin: 0; }
.ct-rows { padding-left: .92rem; }
.ct-row { display: flex; flex-wrap: wrap; gap: 0 .16rem; font-size: .18rem; line-height: 1.9; }
.ct-row-label { color: var(--c-text-3); }
.ct-row-value { font-weight: 500; word-break: break-all; }

/* ---------- 761~1199（1rem 固定 62.5px）：小字适当放大 ---------- */
@media (max-width: 1199px) {
  .ct-card-title { font-size: .27rem; }
  .ct-lines, .ct-row { font-size: .22rem; }
  .ct-map-btn { font-size: .2rem; }
}

/* ---------- 手机：卡片合并成一个圆角面板，分隔线隔开，隐藏图标 ---------- */
@media (max-width: 760px) {
  .ct-icon { display: none; }
  .ct-card-title { margin-bottom: .1rem; font-size: .3rem; }

  .ct-join-cards { display: block; padding: 0 .4rem; border-radius: .2rem; background: var(--c-bg-gray); }
  .ct-join-card { display: block; min-height: 0; padding: .4rem 0; border-radius: 0; background: none; text-align: left; }
  .ct-join-card + .ct-join-card { border-top: 1px solid #ddd; }
  .ct-lines { font-size: .26rem; }

  .ct-map { margin-top: .4rem; }
  .ct-map-inner { height: 4rem; border-radius: .2rem; }
  .ct-map-inner .pic, .ct-map-inner .pic img { height: 100%; }
  .ct-map-inner .pic img { object-fit: cover; }
  .ct-map-btn { right: .2rem; bottom: .2rem; height: .64rem; padding: 0 .26rem; font-size: .24rem; }
  .ct-map-btn .ico { font-size: .28rem; }

  .ct-biz { background-image: var(--ct-bg-m, none); }
  .ct-biz-cards { display: block; padding: 0 .4rem; border-radius: .2rem; background: #fff; }
  .ct-biz-card { display: block; min-height: 0; padding: .4rem 0; border-radius: 0; background: none; }
  .ct-biz-card + .ct-biz-card { border-top: 1px solid var(--c-line); }
  .ct-biz-head { margin-bottom: .12rem; }
  .ct-rows { padding-left: 0; }
  .ct-row { gap: 0 .2rem; font-size: .26rem; line-height: 1.8; }
}