/* 新媒体运营页面样式 - xmtyy.css */
/* 顶部导航 header / CTA / 页脚 footer 为全站公共样式，统一放在 style.css */

/* ==================== 首屏 ==================== */
/* 高度 / 定位 / 字号 / 按钮等结构样式统一在公共 style.css 的 .hero 系列（内页共用同一套：
   hero 560 高、文字块 @top188、标题 48px、副标题 24px、按钮 145×48 @top356），这里只定义本页背景 */
.hero { background: #eef3fb url('../img/xmtyy/61652852.jpg') 50% 50%/cover no-repeat; }
/* ==================== 行业痛点 ==================== */
.pain { padding: 80px 0 5px; background: #fff; }
/* 设计稿标题块顶 80、卡片顶 240 */
.pain .sec-title { margin-bottom: 69px; }
.pain .sec-title h2 { line-height: 1.75; }
.pain .sec-title p { margin-top: 0; line-height: 1.75; }
/* 6 张 453×260 卡（3×2、间距 20） */
.pain-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.pain-card {
  position: relative; height: 260px;
  background: transparent; border: 1px solid #d5e5f7; border-radius: 20px;
  padding: 65px 31px 0;
}
/* 当前项：设计稿为 #e0ebff → #ffffff 的整卡纵向渐变 */
.pain-card--active {
  background: linear-gradient(180deg, #e0ebff, #ffffff);
  border-color: #317af7;
  box-shadow: 0 5px 10px rgba(186, 215, 251, .4);
}
/* 左上角「业务痛点N」角标：设计稿是 120×40 的蓝色斜角图，文字覆在图上 */
.pain-badge { position: absolute; left: 0; top: 0; width: 120px; height: 40px; }
.pain-label {
  position: absolute; left: 21px; top: 11px;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 14px; color: #317af7; line-height: 21px;
}
/* 当前项（蓝底）：文字转白 */
.pain-card--active .pain-label { color: #fff; }
/* 图标 28×28 定位在卡内 (32,64)，标题左缩进到 70 */
.pain-icon { position: absolute; left: 31px; top: 63px; width: 28px; height: 28px; object-fit: contain; }
.pain-card h3 {
  padding-left: 38px;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 24px; font-weight: 700; color: #1d2129; line-height: 1;
}
/* 三条要点：圆点 10×10 @ 卡内 x38，文字 16px @ x70，行距 34 */
.pain-points { margin-top: 23px; }
.pain-points li {
  position: relative; padding-left: 38px;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 16px; color: #888888; line-height: 28px;
}
.pain-points li + li { margin-top: 6px; }
.pain-points li::before {
  content: ""; position: absolute; left: 6px; top: 8px;
  width: 10px; height: 10px; border-radius: 50%; background: #c6e0ff;
}
.pain-link {
  display: block; margin: 10px 0 0 6px;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 14px; color: #317af7; line-height: 24px;
}
.pain-link:hover { text-decoration: underline; }

/* 设计稿宽度 1440：卡固定 453，3×453+2×20=1399，右端留 1px 余量
   （用 1fr 时会因 1400/3 产生 0.33px 亚像素漂移，卡3/卡6 的角标会偏 1px） */
@media (min-width: 1440px) {
  .pain-list { grid-template-columns: 453px 453px minmax(0, 1fr); }
}

/* ==================== 全链路运营服务 ==================== */
/* 设计稿：白底、上下内边距 80/100，区块总高 1250 */
.service { padding: 80px 0 100px; background: #fff; }
.service .sec-title { margin-bottom: 69px; }
.service .sec-title h2 { line-height: 1.75; }
.service .sec-title p { margin-top: 0; line-height: 1.75; }

/* 短视频卡 1400×320：左 453 图 + 右 880 内容（设计稿卡顶 240） */
.shot-card {
  position: relative; display: flex; height: 320px;
  border-radius: 20px; overflow: hidden;
  background: #fff; box-shadow: 0 0 10px rgba(186, 215, 251, .4);
}
.shot-left {
  position: relative; flex: 0 0 453px;
  background: url('../img/xmtyy/61657807.jpg') 50% 50% / cover no-repeat;
}
.shot-left h3 {
  position: absolute; left: 32px; top: 46px;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 24px; font-weight: 700; line-height: 30px; color: #fff;
}
/* 蓝底白字胶囊按钮，居中于左图（设计稿卡内 155,230，145×48） */
.shot-btn {
  position: absolute; left: 155px; top: 230px;
  display: block; width: 145px; height: 48px; padding: 0; border-radius: 200px;
  background: url('../img/xmtyy/61238301.jpg') 50% 50% / 100% 100% no-repeat;
  color: #fff; font-family: Tahoma, Geneva, sans-serif;
  font-size: 18px; font-weight: 700; line-height: 48px; text-align: center;
}
.shot-btn:hover { filter: brightness(1.06); }
.shot-right { flex: 1; min-width: 0; padding: 0 32px 0 35px; }
/* 标题块高 104，下沿即设计稿 880×1 #ecebed 分隔线（卡内 y103） */
.shot-head { position: relative; height: 104px; border-bottom: 1px solid #ecebed; }
.shot-right h4 {
  position: absolute; left: 0; top: 52px;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 24px; font-weight: 700; color: #317af7;
}
.shot-en {
  position: absolute; right: 0; top: 61px;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 14px; color: #317af7; line-height: 1.5;
}
.shot-right > p {
  margin: 27px 0 0;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 18px; color: #333333; line-height: 33px;
}
.shot-right > .shot-li { margin-top: 14px; font-size: 16px; color: #888888; line-height: 26px; }
.shot-right > .shot-li + .shot-li { margin-top: 8px; }
.shot-li strong { color: #317af7; font-weight: 700; }

/* 三大平台卡 453×570：头图按 453:168 等比，正文自卡内 y199 起 */
.plat-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 20px; }
.plat-card {
  position: relative; height: 570px;
  padding: calc(37.086% + 31px) 37px 0 32px;
  border-radius: 20px; overflow: hidden;
  background: #fff; box-shadow: 0 0 10px rgba(186, 215, 251, .4);
}
.plat-head {
  position: absolute; left: 0; top: 0; width: 100%; aspect-ratio: 453 / 168;
  background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;
}
.plat-card--douyin .plat-head { background-image: url('../img/xmtyy/61660401.jpg'); }
.plat-card--xhs .plat-head { background-image: url('../img/xmtyy/61660423.jpg'); }
.plat-card--wx .plat-head { background-image: url('../img/xmtyy/61660477.jpg'); }
/* 标题与下划线压在头图上（设计稿卡内 32,59 与 48×8 @32,114） */
.plat-head h3 {
  position: absolute; left: 32px; top: 33.8%;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 24px; font-weight: 700; color: #fff; line-height: 1.2;
}
.plat-bar {
  position: absolute; left: 32px; top: 67.857%; width: 48px; height: 8px;
  border-radius: 200px; background: rgba(255, 255, 255, .3);
}
.plat-card > p {
  margin: 0;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 18px; color: #333333; line-height: 33px;
}
/* 设计稿每条列表是固定容器：li1 恒为卡内 313..404（高 88），li2 起于 401 */
.plat-card > .plat-li { margin-top: 15px; font-size: 16px; color: #888888; line-height: 25.5px; }
.plat-card > p + .plat-li { height: 88px; }
.plat-card > .plat-li + .plat-li { margin-top: 0; }
.plat-li strong { color: #2eb2f5; font-weight: 700; }
/* 彩色胶囊按钮，居中于卡内 x155、底距 44（设计稿 145×46） */
.plat-btn {
  position: absolute; left: 155px; bottom: 44px;
  display: block; width: 145px; height: 46px; padding: 0; border-radius: 200px;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 18px; font-weight: 700; line-height: 46px; text-align: center; color: #fff;
}
.plat-btn--blue { background: rgb(46, 178, 245); box-shadow: 0 5px 10px rgba(46, 178, 245, .2); }
.plat-btn--red { background: rgb(255, 102, 130); box-shadow: 0 5px 10px rgba(255, 102, 130, .2); }
.plat-btn--green { background: rgb(90, 194, 169); box-shadow: 0 5px 10px rgba(90, 194, 169, .2); }
.plat-btn:hover { opacity: .9; }

/* 设计稿宽度 1440：卡固定 453（同 pain 区，避免 1400/3 的亚像素漂移） */
@media (min-width: 1440px) {
  .plat-list { grid-template-columns: 453px 453px minmax(0, 1fr); }
}

/* ==================== 全场景运营解决方案 ==================== */
/* 设计稿：带底图的整区背景，上下内边距 80/100，区块总高 1360 */
.scene {
  padding: 80px 0 100px;
  background: #fff url('../img/xmtyy/61651586.jpg') 50% 50% / cover no-repeat;
}
.scene .sec-title { margin-bottom: 69px; }
.scene .sec-title h2 { line-height: 1.75; }
.scene .sec-title p { margin-top: 0; line-height: 1.75; }

/* 三列田字格（bento）：行高 240、间距 20
   ┌────────── 宽卡(跨2列) ──────────┬──── 高卡(跨2行) ────┐
   ├───────┬───────┼─────────────────┘                     │
   ├─高卡──┼─高卡──┼───────┐                               │
   └───────┴───────┴───────┴───────────────────────────────┘ */
.scene-list {
  display: grid; grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 240px; gap: 20px;
}
.scene-card {
  position: relative; overflow: hidden; border-radius: 20px;
  background-color: #fff; padding: 32px 43px 0 32px;
}
.scene-card--wide { grid-column: span 2; }
.scene-card--tall { grid-row: span 2; }
/* 插画卡：插画就是整张卡的背景图（宽卡 926×240、高卡 453×500，图源等比） */
.scene-card--illu {
  background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;
}
.scene-card--i1 { background-image: url('../img/xmtyy/61645726.jpg'); }
.scene-card--i2 { background-image: url('../img/xmtyy/61650518.jpg'); }
.scene-card--i3 { background-image: url('../img/xmtyy/61650799.jpg'); }
.scene-card--i4 { background-image: url('../img/xmtyy/61651024.jpg'); }
/* 图标：48×48 浅蓝圆底，内嵌 32×32 图标（卡内 32,32） */
.scene-icon {
  width: 48px; height: 48px; box-sizing: border-box; padding: 8px;
  border-radius: 200px; background: #ecf3fe; object-fit: contain;
}
.scene-card h4 {
  margin: 33px 0 0;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 24px; font-weight: 700; color: #1d2129; line-height: 24px;
}
.scene-card p {
  margin: 20px 0 0;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 16px; color: #888888; line-height: 24.5px;
}

/* 设计稿宽度 1440：列固定 453（同 pain / plat 区，避免亚像素漂移） */
@media (min-width: 1440px) {
  .scene-list { grid-template-columns: repeat(3, 453px); justify-content: start; }
}

/* ==================== 实战案例 ==================== */
.cases {
  padding: 70px 0 80px;
  background: #fff url('../img/xmtyy/61545610.jpg') 50% 100%/cover no-repeat;
}
.cases .sec-title { margin-bottom: 36px; }
.industry-tabs { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }
.industry-tab {
  display: flex; align-items: center; gap: 10px;
  height: 48px; padding: 0 26px; border-radius: 200px;
  background: #fff; color: #1d2129; cursor: pointer;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 18px; font-weight: 700;
  transition: background .2s, color .2s;
}
.industry-tab img { width: 26px; height: 26px; object-fit: contain; }
.industry-tab.active {
  background: #317af7 url('../img/xmtyy/61250273.jpg') 50% 50%/cover no-repeat;
  color: #fff;
}
.case-card {
  margin-top: 30px; background: #fff; border-radius: 20px;
  border: 1px solid #eee; box-shadow: 0 5px 10px rgba(224, 235, 255, .4);
  padding: 36px 40px 40px;
}
.case-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.case-head h3 {
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 24px; font-weight: 700; color: #1d2129;
}
.case-head h3 em { font-style: normal; color: #317af7; }
.case-sep { color: #c6dbff; margin: 0 4px; }
.btn-pill-blue {
  height: 48px; border-radius: 200px; padding: 0 26px; font-size: 18px; color: #fff;
  background: #317af7 url('../img/xmtyy/61238301.jpg') 50% 50%/cover no-repeat;
}
.btn-pill-blue img { width: 24px; height: 24px; margin-left: 8px; }
.case-btn { margin-top: 0; }
.case-sub {
  margin-top: 12px;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 15px; color: #636e80; line-height: 1.7;
}
.case-body { display: flex; align-items: center; gap: 20px; margin-top: 26px; }
.case-col { flex: 1; position: relative; overflow: hidden; border-radius: 20px; padding: 28px 30px; }
.case-col:not(.case-col--after) {
  background: #f8f8f8 url('../img/xmtyy/61500700.png') right 18px top 12px/auto 44% no-repeat;
  border: 2px solid #eee;
}
.case-col--after {
  background: #e7efff url('../img/xmtyy/61512079.png') right 18px top 12px/auto 44% no-repeat;
  border: 2px solid #c6dbff;
}
.case-col h4 {
  display: flex; align-items: center; gap: 10px;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 24px; font-weight: 700; color: #1d2129;
}
.case-col h4 img { width: 32px; height: 32px; object-fit: contain; }
.case-col ul { margin-top: 18px; }
.case-col li {
  position: relative; padding-left: 16px;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 15px; color: #636e80; line-height: 1.8;
}
.case-col li + li { margin-top: 8px; }
.case-col li::before { content: "·"; position: absolute; left: 0; top: 0; }
.case-arrow { flex: 0 0 40px; }
.case-arrow img { width: 40px; height: 40px; object-fit: contain; }

.logo-wall { margin-top: 40px; overflow: hidden; }
.logo-row {
  display: flex; align-items: center; width: max-content; height: 92px;
  mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
}
.logo-row + .logo-row { margin-top: 12px; }
.logo-row img {
  width: 150px; height: 76px; object-fit: contain; flex-shrink: 0; margin: 0 14px;
  background: #fff; border-radius: 10px; padding: 10px;
}

/* ==================== 简单4步 + 常见问题 ==================== */
.steps { padding: 80px 0 88px; background: #fff; overflow: hidden; }
/* 设计稿标题块顶 80，步骤行顶 220，FAO 标题顶 392，FAQ 列表顶 522 */
.steps .sec-title { margin-bottom: 49px; }
.steps .sec-title h2 { line-height: 1.75; }
.steps .sec-title p { margin-top: 0; line-height: 1.75; }
/* 4 张 365×100 步骤、间距 20（第 4 张右侧溢出容器，由区块 overflow 裁掉） */
.step-list { display: grid; grid-template-columns: repeat(4, 365px); gap: 20px; }
/* 卡内为「标题 211 + 虚线箭头 150×12」一行，说明换行到下一行 */
.step-item {
  position: relative; display: grid; grid-template-columns: 211px 150px;
  align-items: center; align-content: start; min-height: 100px;
}
.step-item h4 {
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 24px; font-weight: 700; color: #1d2129; line-height: 26px;
}
.step-item h4 span {
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 24px; font-weight: 700; color: inherit; margin-right: 6px;
}
/* 箭头贴行顶 + 6（设计稿卡内 y6），不用 align-items:center（会落到 7） */
.step-item img { align-self: start; margin-top: 6px; width: 150px; height: 12px; object-fit: fill; }
.step-item p {
  grid-column: 1 / -1; margin-top: 13px;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 14px; color: #636e80; line-height: 22px;
}
.step-item:last-child img { display: none; }

.faq-title {
  margin-top: 72px; text-align: center;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 36px; font-weight: 700; color: #1d2129; line-height: 1.75;
}
.faq-list { margin-top: 67px; display: flex; flex-direction: column; gap: 20px; }
/* 条目：设计稿 1400×100（展开 160），radius 20、无描边、阴影 0 5px 10px */
.faq-item {
  position: relative;
  background: #fff; border-radius: 20px;
  box-shadow: 0 5px 10px rgba(224, 235, 255, .4);
  overflow: hidden;
}
/* 问题前的圆点：设计稿 10×10、卡内 (48,46) */
.faq-item::before {
  content: ""; position: absolute; left: 48px; top: 46px; z-index: 1;
  width: 10px; height: 10px; border-radius: 200px; background: #317af7;
}
.faq-q {
  position: static; display: block; width: 100%; text-align: left;
  padding: 32px 27px 34px 82px;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 24px; color: #1d2129; line-height: 34px; cursor: pointer;
}
/* 箭头：设计稿 32×32、卡内 x1341；展开态比收起态高 8px（设计稿原样） */
.faq-q img {
  position: absolute; right: 27px; top: 37px; width: 32px; height: 32px;
  object-fit: contain;
}
.faq-item.open .faq-q img { top: 29px; }
.faq-a { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
.faq-a p:empty { display: none; }
.faq-a p {
  margin: 0 68px 26px 82px;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 18px; color: #636e80; line-height: 28px;
}
/* 展开时负 margin 把答案上提到问题下沿 8px 处（设计稿 收起 100 / 展开 160） */
.faq-item.open .faq-a { max-height: 320px; margin-top: -22px; }

/* ==================== 响应式适配 ==================== */
@media (max-width: 1399px) {.hero { background-position: 62% 50%; }

  .pain-card { height: auto; padding: 34px 26px 30px; }
  .pain-icon { position: static; float: left; margin: 2px 10px 0 0; width: 26px; height: 26px; }
  .pain-card h3 { padding-left: 0; font-size: 21px; line-height: 1.35; }
  .pain-points { margin-top: 16px; clear: both; }
  .pain-points li { font-size: 15px; line-height: 24px; }
  .pain-points li + li { margin-top: 8px; }
  .pain-link { margin-top: 14px; }

  /* 全链路：解除定尺，改纵向流式 */
  .service { padding: 60px 0 68px; }
  .service .sec-title { margin-bottom: 36px; }
  .shot-card { height: auto; flex-direction: column; }
  .shot-left { flex: none; height: 280px; }
  .shot-left h3 { left: 28px; top: 30px; font-size: 22px; }
  .shot-btn { left: 28px; top: auto; bottom: 30px; width: auto; padding: 0 26px; height: 44px; line-height: 44px; font-size: 16px; }
  .shot-right { padding: 26px 28px 30px; }
  .shot-head { height: auto; padding-bottom: 16px; }
  .shot-right h4 { position: static; font-size: 22px; }
  .shot-en { position: static; margin-top: 8px; text-align: left; }
  .shot-right > p { margin-top: 16px; font-size: 16px; line-height: 1.8; }
  .shot-right > .shot-li { font-size: 15px; line-height: 1.7; }
  .plat-card { height: auto; padding: calc(37.086% + 24px) 26px 30px; }
  .plat-head h3 { left: 28px; font-size: 22px; }
  .plat-bar { left: 28px; }
  .plat-card > p { font-size: 16px; line-height: 1.8; }
  .plat-card > p + .plat-li { height: auto; }
  .plat-card > .plat-li { font-size: 15px; line-height: 1.7; }
  .plat-btn { position: static; display: inline-block; left: auto; bottom: auto; margin-top: 20px; width: auto; padding: 0 26px; height: 44px; line-height: 44px; font-size: 16px; }

  /* 全场景：解除定尺，卡片按内容撑高 */
  .scene { padding: 60px 0 68px; }
  .scene .sec-title { margin-bottom: 36px; }
  .scene-list { grid-auto-rows: auto; }
  .scene-card { min-height: 240px; padding: 26px 30px 30px; }
  .scene-card--tall { min-height: 500px; }
  .scene-card h4 { font-size: 22px; }
  .scene-card p { font-size: 15px; }

  .step-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .step-item { grid-template-columns: auto minmax(0, 1fr); column-gap: 12px; min-height: 0; }
  .step-item h4 { font-size: 20px; }
  .step-item h4 span { font-size: 20px; }
  .step-item img { width: 100%; max-width: 150px; }
  .step-item p { font-size: 13px; margin-top: 12px; }
  .faq-title { font-size: 32px; margin-top: 56px; }
  .faq-list { margin-top: 40px; }
  .faq-q { padding: 28px 70px 24px 62px; font-size: 19px; line-height: 1.6; }
  .faq-item::before { left: 34px; top: 36px; }
  .faq-q img { width: 28px; height: 28px; right: 26px; top: 30px; }
  .faq-item.open .faq-q img { top: 26px; }
  .faq-a { margin-top: 0; }
  .faq-a p { margin: 0 26px 24px 62px; font-size: 15px; line-height: 24px; }
}

@media (max-width: 1199px) {
  .pain-list { grid-template-columns: repeat(2, 1fr); }
  .plat-list { grid-template-columns: 1fr; }
  .scene-list { grid-template-columns: repeat(2, 1fr); }
  .scene-card--tall { grid-row: span 1; min-height: 0; }
  /* 插画卡：插图按卡宽等比、贴底，用 padding-bottom 预留插图空间（不用 cover，避免放大压字） */
  .scene-card--illu {
    min-height: 0; aspect-ratio: auto;
    background-size: 100% auto; background-position: 50% 100%;
    padding-bottom: 70%;
  }
  .scene-card--illu.scene-card--wide { padding-bottom: 34%; }
}

@media (max-width: 991px) {.hero { background-image:
      linear-gradient(180deg, rgba(255, 255, 255, .9) 34%, rgba(255, 255, 255, .6)),
      url('../img/xmtyy/61652852.jpg'); background-position: 50% 50%, 68% 50%; background-size: cover, cover; }

  .case-body { flex-direction: column; }
  .case-arrow { transform: rotate(90deg); margin: 0 auto; }

  .step-list { grid-template-columns: repeat(2, 1fr); gap: 26px 20px; }
}

@media (max-width: 767px) {

  .pain { padding: 44px 0 40px; }
  .pain .sec-title { margin-bottom: 28px; }
  .pain-list { grid-template-columns: 1fr; gap: 14px; }
  /* 顶距 44 = 角标底(35) + 11，让标题行整体落到角标之下，不再互相咬合 */
  .pain-card { padding: 44px 18px 24px; }
  .pain-badge { width: 104px; height: 34px; }
  .pain-label { left: 17px; top: 8px; font-size: 13px; line-height: 20px; }
  /* 图标改回绝对定位（与桌面档同款做法）：标题文字列 = padding-left 30，
     与要点文字列(30)对齐；标题折行时第二行也落在文字列上，不会跑到图标底下 */
  .pain-icon { position: absolute; left: 18px; top: 46px; width: 22px; height: 22px; margin: 0; }
  .pain-card h3 { padding-left: 30px; font-size: 18px; }
  .pain-points { margin-top: 16px; }
  .pain-points li { font-size: 14px; line-height: 24px; padding-left: 30px; }
  .pain-points li + li { margin-top: 10px; }
  /* 圆点放大到 10（同桌面），左缘与图标同列，(24−10)/2 = 7 竖向居中 */
  .pain-points li::before { left: 0; top: 7px; width: 10px; height: 10px; }
  .pain-link { margin: 18px 0 0 0; }

  .service { padding: 44px 0 52px; }
  .service { padding: 44px 0 52px; }
  .service .sec-title { margin-bottom: 26px; }
  .shot-left { height: 220px; }
  .shot-left h3 { left: 20px; top: 22px; font-size: 19px; }
  .shot-btn { left: 20px; bottom: 22px; padding: 0 22px; height: 40px; line-height: 40px; font-size: 15px; }
  .shot-right { padding: 20px 18px 24px; }
  .shot-right h4 { font-size: 19px; }
  .shot-en { font-size: 11px; }
  .shot-right > p { font-size: 14px; }
  .shot-right > .shot-li { font-size: 13px; }
  .plat-list { gap: 14px; margin-top: 16px; }
  .plat-card { padding: calc(37.086% + 18px) 18px 24px; }
  .plat-head h3 { left: 18px; font-size: 18px; }
  .plat-bar { left: 18px; width: 38px; height: 6px; }
  .plat-card > p { font-size: 14px; }
  .plat-card > .plat-li { font-size: 13px; margin-top: 10px; }
  .plat-btn { margin-top: 16px; padding: 0 22px; height: 40px; line-height: 40px; font-size: 15px; }

  .scene { padding: 44px 0 52px; }
  .scene .sec-title { margin-bottom: 26px; }
  .scene-list { grid-template-columns: 1fr; gap: 14px; }
  .scene-card--wide { grid-column: auto; }
  /* 手机端：图标 + 小标题同一行（flex 换行，要点强制整行占满）；窄屏前两者各占一行 */
  .scene-card {
    min-height: 0; padding: 22px 20px 24px;
    display: flex; flex-wrap: wrap; align-items: center; column-gap: 12px;
  }
  .scene-card--tall { min-height: 0; }
  .scene-card--illu { padding-bottom: 78%; }
  .scene-card--illu.scene-card--wide { padding-bottom: 38%; }
  .scene-icon { flex: 0 0 auto; width: 42px; height: 42px; padding: 7px; }
  .scene-card h4 { flex: 1 1 auto; min-width: 0; margin-top: 0; font-size: 19px; }
  .scene-card p { flex: 0 0 100%; margin-top: 12px; font-size: 14px; line-height: 1.7; }

  .cases { padding: 44px 0 52px; }
  .industry-tabs { gap: 10px; }
  .industry-tab { height: 42px; padding: 0 16px; font-size: 15px; }
  .industry-tab img { width: 20px; height: 20px; }
  .case-card { padding: 24px 18px 26px; }
  .case-head { flex-direction: column; align-items: flex-start; gap: 12px; }
  .case-head h3 { font-size: 19px; }
  .btn-pill-blue { height: 42px; font-size: 15px; }
  .case-sub { font-size: 13px; }
  .case-col { padding: 20px 18px; }
  .case-col h4 { font-size: 18px; }
  .case-col h4 img { width: 26px; height: 26px; }
  .case-col li { font-size: 13px; }
  .logo-row { height: 72px; }
  .logo-row img { width: 110px; height: 58px; margin: 0 8px; padding: 8px; }

  .steps { padding: 44px 0 56px; }
  /* 标题底 → 步骤列表：原 49px 是桌面档唯一定义，窄屏未覆盖 → 收到 28px */
  .steps .sec-title { margin-bottom: 28px; }
  /* 单列后横向虚线箭头「指向右」已无意义 → 改成竖向时间轴：
     左侧蓝色圆形序号 + 序号之间的竖向虚线（呼应桌面端虚线连接语言），与 SEM / 品牌营销页一致 */
  .step-list { grid-template-columns: 1fr; gap: 0; }
  .step-item { display: block; padding-bottom: 22px; }
  .step-item:last-child { padding-bottom: 0; }
  .step-item:not(:last-child)::before {
    content: ""; position: absolute; left: 19px; top: 46px; bottom: 0; width: 2px;
    background: repeating-linear-gradient(180deg, rgba(55, 106, 255, .32) 0 5px, rgba(55, 106, 255, 0) 5px 11px);
  }
  .step-item h4 {
    display: grid; grid-template-columns: 40px minmax(0, 1fr);
    align-items: center; column-gap: 14px; font-size: 17px; line-height: 1.4;
  }
  .step-item h4 span {
    width: 40px; height: 40px; border-radius: 50%; margin: 0;
    display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, #6d97ff, #376aff);
    color: #fff; font-size: 15px; font-weight: 700;
    box-shadow: 0 4px 10px rgba(55, 106, 255, .28);
    position: relative; z-index: 1;
  }
  .step-item img { display: none; }
  .step-item p { margin-top: 9px; padding-left: 54px; font-size: 13px; line-height: 22px; }

  .faq-title { font-size: 22px; margin-top: 44px; }
  .faq-list { margin-top: 24px; gap: 12px; }
  .faq-q { padding: 22px 52px 22px 44px; font-size: 15px; line-height: 1.5; }
  .faq-item::before { left: 18px; top: 26px; width: 8px; height: 8px; }
  .faq-q img { width: 22px; height: 22px; right: 18px; top: 22px; }
  .faq-item.open .faq-q img { top: 22px; }
  .faq-a p { margin: 0 18px 20px 44px; font-size: 14px; line-height: 22px; }
}

@media (max-width: 479px) {
  .pain .sec-title { margin-bottom: 22px; }
  .steps .sec-title { margin-bottom: 22px; }
  .pain-list { grid-template-columns: 1fr; }
  .industry-tab { padding: 0 12px; font-size: 14px; }
}