/* SEM 页面样式 - sem.css */
/* 顶部导航 header / CTA / 页脚 footer 为全站公共样式，统一放在 style.css */

/* ==================== 首屏 ==================== */
/* 高度 / 定位 / 字号 / 按钮等结构样式统一在公共 style.css 的 .hero 系列（内页共用同一套：
   hero 560 高、文字块 @top188、标题 48px、副标题 24px、按钮 145×48 @top356），这里只定义本页背景 */
.hero { background: #eef3fb url('../img/sem/61771851.jpg') 50% 50%/cover no-repeat; }
/* ==================== 全渠道SEM营销服务 ==================== */
.search { padding: 80px 0 46px; background: #fff; }
.search .sec-title { margin-bottom: 70px; }
/* 设计稿：两张卡 926×700 / 453×700，间距 20，卡内左右留白 32、上下 47/42 */
.search-grid { display: grid; grid-template-columns: 926px 1fr; gap: 20px; align-items: stretch; }
.search-card {
  position: relative; min-height: 700px;
  border-radius: 20px; padding: 49px 32px 0;
  background-position: 50% 50%; background-size: cover;
  box-shadow: 0 5px 10px rgba(224, 235, 255, .4);
}
.search-card--in { background-image: url('../img/sem/61764205.jpg'); }
.search-card--out { background-image: url('../img/sem/61764777.jpg'); }
.search-card h3 {
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 28px; font-weight: 700; color: #317af7; line-height: 1;
}
.search-card--out h3 { color: #219aeb; }
.search-sub {
  margin-top: 11px;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 16px; color: #317af7; line-height: 22px;
}
.search-card--out .search-sub { color: #219aeb; }
.search-divider { width: 392px; height: 1px; background: #cedffd; margin-top: 22px; }
.search-card--out .search-divider { background: #a7d5f4; }
/* 平台：两列 392、列距 66、行距 25 —— 设计稿 3 行标题落在卡内 y160 / 358 / 520 */
.platform-grid {
  display: grid; grid-template-columns: 392px 392px; column-gap: 66px; row-gap: 25px;
  margin-top: 27px;
}
.platform h4 {
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 24px; font-weight: 700; color: #1d2129; line-height: 30px;
}
.platform p {
  margin-top: 4px;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 16px; color: #888888; line-height: 29px;
}
.tags { display: flex; flex-wrap: wrap; gap: 7px 5px; margin-top: 12px; }
/* 设计稿胶囊：110×28（「品牌专区(含超品)」为 157×28），16px 字居中 */
.tags span {
  display: block; width: 110px; height: 28px; padding-top: 2px; line-height: 24px; text-align: center;
  border: 1px solid #cccccc; border-radius: 6px; background: #fff;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 16px; color: #888888;
}
.tags span.tag--lg { width: 157px; }
/* 海外卡没有 platform-grid 包裹，单独补上同样的上间距 */
.search-card--out > .platform { margin-top: 27px; }
/* 海外卡底部插图：设计稿 453×287，卡内 (0,411) 满宽 */
.search-pic { position: absolute; left: 0; right: 0; top: 411px; }
.search-pic img { display: block; width: 100%; height: auto; }

/* 诊断横幅 */
.cta-banner {
  position: relative; height: 160px; margin-top: 20px;
  border-radius: 20px; padding: 49px 32px 0;
  background-position: 50% 50%; background-size: cover;
  box-shadow: 0 5px 10px rgba(224, 235, 255, .4);
  color: #fff;
}
.cta-banner--purple { background-image: url('../img/sem/61764845.jpg'); }
.cta-banner--red { background-image: url('../img/sem/61804001.jpg'); }
.cta-banner__text h3 {
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 28px; font-weight: 700; color: #fff; line-height: 1;
}
.cta-banner__text p {
  margin-top: 11px;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 16px; color: #907de1; line-height: 22px;
}
/* 设计稿：272×52 实心 #4C2F99 胶囊，右缘距卡右 92，文字左缩进 36，箭头 32×32 距右 29 */
.cta-banner__btn {
  position: absolute; right: 92px; top: 47px;
  display: block; width: 272px; height: 52px; padding-left: 36px;
  border-radius: 200px; background: rgb(76, 47, 153);
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 20px; font-weight: 700; color: #fff; line-height: 52px;
  transition: background .2s;
}
.cta-banner__btn:hover { background: rgb(96, 62, 182); }
/* 本页第二块 CTA（深色底图）：副标题纯白、按钮纯黑 */
.cta-banner--red .cta-banner__text p { color: #ffffff; }
.cta-banner--red .cta-banner__btn { background: #000000; }
.cta-banner--red .cta-banner__btn:hover { background: #262626; }
.cta-banner__btn img { position: absolute; right: 29px; top: 11px; width: 32px; height: 32px; }

/* ==================== 全域信息流种草 ==================== */
.feed { padding: 80px 0; background: #fff; }
.feed .sec-title { margin-bottom: 70px; }
/* 设计稿：两块 1400×540 面板，圆角 20，块间距 20 */
.feed-panel {
  position: relative; min-height: 540px;
  border-radius: 20px; padding: 49px 32px 0;
  background-position: 50% 50%; background-size: cover;
}
.feed-panel--video {
  background-image: url('../img/sem/61803043.jpg');
  box-shadow: 0 5px 10px rgba(252, 229, 205, .2);
}
.feed-panel--social {
  margin-top: 20px;
  background-image: url('../img/sem/61803075.jpg');
  box-shadow: 0 5px 10px rgba(206, 244, 203, .3);
}
/* 面板标题与副标题同色：短视频 #ff9900、社交 #90cb8b */
.feed-head h3 {
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 28px; font-weight: 700; line-height: 1;
}
.feed-head p {
  margin-top: 11px;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 16px; line-height: 22px;
}
.feed-panel--video .feed-head h3, .feed-panel--video .feed-head p { color: #ff9900; }
.feed-panel--social .feed-head h3, .feed-panel--social .feed-head p { color: #90cb8b; }
.feed-divider { width: 882px; max-width: 100%; height: 1px; margin-top: 22px; }
.feed-panel--video .feed-divider { background: #fce5cd; }
.feed-panel--social .feed-divider { background: #cdf4ca; }
/* 平台：设计稿三列起点 32 / 490 / 980（列实体宽 387），行距 52 */
.feed-grid {
  display: grid; grid-template-columns: 458px 490px 387px; row-gap: 52px;
  margin-top: 27px;
}
.feed-item { width: 387px; }
.feed-item h4 {
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 24px; font-weight: 700; color: #1d2129; line-height: 30px;
}
.feed-item p {
  margin-top: 4px;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 16px; color: #888888; line-height: 29px;
}

/* ==================== 标准化闭环服务 ==================== */
.service {
  padding: 80px 0 90px;
  background: #f2f7ff url('../img/sem/61769683.jpg') 50% 50%/cover no-repeat;
}
.service .sec-title { margin-bottom: 70px; }
/* 设计稿：4 张 335×470 卡片、间距 20。卡内所有尺寸用 cqw（卡片宽度百分比）表达，
   与 335×470 的蓝头底图严格等比 —— 任何断点下正文都不会压到蓝头上 */
.svc-list { display: grid; grid-template-columns: repeat(4, 335px); gap: 20px; }
.svc-card {
  position: relative; container-type: inline-size;
  aspect-ratio: 335 / 470;
  border: 1px solid #e4e8f0; border-radius: 10px;
  background-color: #ffffff; background-position: 50% 0;
  background-size: 100% auto; background-repeat: no-repeat;
}
.svc-card--a { background-image: url('../img/sem/61769690.jpg'); }
.svc-card--b { background-image: url('../img/sem/61769895.jpg'); }
.svc-card--c { background-image: url('../img/sem/61770058.jpg'); }
.svc-card--d { background-image: url('../img/sem/61770182.jpg'); }
/* 设计稿卡内坐标：标题顶 52、副标题 87（字 16/行高 22）、条目首行 170（行高 38） */
.svc-card h4 {
  margin: 15.92cqw 9.61cqw 0;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 8.41cqw; font-weight: 700; color: #ffffff; line-height: 1;
}
.svc-card > p {
  margin: 2.7cqw 9.61cqw 0;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 4.8cqw; color: #ffffff; line-height: 6.61cqw;
}
.svc-points { margin: 17.72cqw 9.61cqw 0; }
.svc-points li {
  display: flex; align-items: center; gap: 5.41cqw; height: 11.41cqw;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 5.41cqw; color: #888888;
}
.svc-points li::before {
  content: ""; flex: 0 0 6.01cqw; width: 6.01cqw; height: 6.01cqw;
  background: url('../img/sem/61769794.png') center/contain no-repeat;
}

/* ==================== 深耕SEM投放多年 ==================== */
.advantage {
  padding: 70px 0 80px;
  background: #f5f9ff url('../img/sem/61771699.jpg') 50% 50%/cover no-repeat;
}
.advantage .sec-title { margin-bottom: 44px; }
.adv-list { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; }
.adv-card {
  grid-column: span 2; border-radius: 20px; padding: 30px 28px 150px;
  border: 1px solid #f3f3f3; box-shadow: 0 5px 20px rgba(134, 210, 253, .2);
  background-position: 50% 100%; background-size: cover; background-repeat: no-repeat;
}
.adv-card:nth-child(1) { background-image: url('../img/sem/61770986.jpg'); }
.adv-card:nth-child(2) { background-image: url('../img/sem/61771013.jpg'); }
.adv-card:nth-child(3) { background-image: url('../img/sem/61771034.jpg'); }
.adv-card:nth-child(4) { background-image: url('../img/sem/61771096.jpg'); }
.adv-card:nth-child(5) { background-image: url('../img/sem/61771220.jpg'); }
/* 第 4、5 张卡片各占 3 列（两行 3+2 布局） */
.adv-card:nth-child(4) { grid-column: 1 / span 3; }
.adv-card:nth-child(5) { grid-column: 4 / span 3; }
.adv-label { height: 24px; width: auto; object-fit: contain; }
.adv-card h4 {
  margin-top: 14px;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 26px; font-weight: 700; color: #1d2129;
}
.adv-card p {
  margin-top: 12px; max-width: 520px;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 15px; color: #636e80; line-height: 1.6;
}

/* ==================== 成功案例 ==================== */
.cases {
  padding: 80px 0 76px;
  background: #fff url('../img/sem/61545610.jpg') 50% 100%/cover no-repeat;
}
.cases .sec-title { margin-bottom: 50px; }
.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/sem/61250273.jpg') 50% 50%/cover no-repeat;
  color: #fff;
}
.case-card {
  margin-top: 52px; background: #fff; border-radius: 20px;
  border: 1px solid #eee; box-shadow: 0 5px 10px rgba(224, 235, 255, .4);
  padding: 60px 48px 39px;
}
.case-head { position: relative; display: block; }
.case-head h3 {
  font-family: "Source Han Sans", Geneva, sans-serif;
  margin-top: 4px;
  font-size: 32px; font-weight: 700; color: #1d2129; line-height: 1;
}
.case-head h3 em { font-style: normal; color: #317af7; }
.case-sep { color: #c6dbff; margin: 0 4px; }
.btn-pill-blue {
  height: 52px; border-radius: 200px; padding: 0 32px; font-size: 20px; font-weight: 700; color: #fff;
  background: #317af7 url('../img/sem/61238301.jpg') 50% 50%/cover no-repeat;
}
.btn-pill-blue img { width: 24px; height: 24px; margin-left: 8px; }
.case-btn { position: absolute; right: 0; top: -14px; margin-top: 0; width: 182px; justify-content: center; }
.case-sub {
  margin-top: 22px;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 18px; color: #636e80; line-height: 28px;
}
.case-body { display: flex; align-items: center; margin-top: 27px; }
.case-col { position: relative; overflow: hidden; border-radius: 20px; padding: 30px 24px 0; min-height: 320px; }
.case-col:not(.case-col--after) {
  flex: 0 0 580px;
  background: #f8f8f8 url('../img/sem/61500700.png') 246px 34px no-repeat;
  border: 2px solid #eee;
}
.case-col--after {
  flex: 0 0 620px;
  background: #e7efff url('../img/sem/61512079.png') 246px 34px no-repeat;
  border: 2px solid #c6dbff;
}
.case-col h4 {
  display: flex; align-items: center; gap: 14px;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 24px; font-weight: 700; color: #1d2129; line-height: 34px;
}
.case-col h4 img { width: 32px; height: 32px; object-fit: contain; }
.case-col ul { margin-top: 48px; }
.case-col li {
  position: relative; padding-left: 18px;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 18px; color: #636e80; line-height: 36px;
}
.case-col li + li { margin-top: 0; }
.case-col li::before { content: "·"; position: absolute; left: 0; top: 0; }
.case-arrow { flex: 0 0 72px; margin: 0 14px; }
.case-arrow img { width: 72px; height: 72px; 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; }
.steps .sec-title { margin-bottom: 50px; }
/* 设计稿：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;
}
.step-item img { width: 150px; height: 12px; object-fit: fill; }
.step-item p {
  grid-column: 1 / -1; margin-top: 14px;
  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;
}
.faq-list { margin-top: 76px; display: flex; flex-direction: column; gap: 16px; }
.faq-item {
  background: #fff; border: 1px solid #f0f4fa; border-radius: 20px;
  box-shadow: 0 5px 10px rgba(224, 235, 255, .4);
  overflow: hidden;
}
.faq-q {
  display: flex; align-items: center; gap: 14px; width: 100%;
  padding: 26px 32px; text-align: left;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 22px; color: #1d2129; cursor: pointer;
}
.faq-q span { flex: 1; }
.faq-q span::before {
  content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 14px;
  border-radius: 50%; background: #317af7; vertical-align: middle;
}
.faq-q img { width: 24px; height: 24px; object-fit: contain; flex-shrink: 0; }
.faq-a { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
.faq-a p:empty { display: none; }
.faq-a p {
  padding: 0 32px 28px 54px; max-width: 1180px;
  font-family: "Source Han Sans", Geneva, sans-serif;
  font-size: 16px; color: #636e80; line-height: 1.7;
}
.faq-item.open .faq-a { max-height: 320px; }

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

  .search-grid { grid-template-columns: 66.14% 1fr; }
  .search-card { min-height: 0; padding: 34px 28px 32px; }
  .search-card h3 { font-size: 24px; }
  .search-sub { font-size: 15px; }
  .search-divider { width: 100%; }
  .platform-grid { grid-template-columns: 1fr 1fr; column-gap: 24px; row-gap: 20px; margin-top: 26px; }
  .platform h4 { font-size: 20px; line-height: 1.4; }
  .platform p { font-size: 14px; line-height: 1.6; }
  .tags span { width: auto; padding: 0 12px; font-size: 14px; }
  .tags span.tag--lg { width: auto; }
  .search-pic { position: static; margin-top: 26px; }
  .cta-banner { height: auto; padding: 30px 28px; display: flex; align-items: center; gap: 24px; }
  .cta-banner__text { flex: 1; }
  .cta-banner__text h3 { font-size: 24px; }
  .cta-banner__text p { font-size: 15px; }
  .cta-banner__btn { position: static; display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: auto; height: 48px; padding: 0 24px; font-size: 17px; line-height: 1; flex-shrink: 0; }
  .cta-banner__btn img { position: static; width: 26px; height: 26px; }

  .feed-panel { min-height: 0; padding: 34px 28px 32px; }
  .feed-head h3 { font-size: 24px; }
  .feed-head p { font-size: 15px; }
  .feed-divider { width: 100%; }
  .feed-grid { grid-template-columns: repeat(3, 1fr); column-gap: 24px; row-gap: 34px; margin-top: 26px; }
  .feed-item { width: auto; }

  .svc-list { grid-template-columns: repeat(auto-fit, minmax(230px, 335px)); justify-content: center; }

  .case-card { padding: 40px 32px 34px; }
  .case-head h3 { font-size: 26px; }
  .case-sub { margin-top: 16px; font-size: 16px; line-height: 26px; }
  .case-body { margin-top: 24px; }
  .case-col:not(.case-col--after), .case-col--after { flex: 1 1 0; min-height: 0; padding: 26px 22px 26px; }
  .case-col h4 { line-height: 1.3; }
  .case-col ul { margin-top: 26px; }
  .case-col li { font-size: 16px; line-height: 30px; }
  .case-arrow { flex: 0 0 48px; margin: 0; }
  .case-arrow img { width: 48px; height: 48px; }

  .adv-card { padding: 26px 22px 130px; }
  .adv-card h4 { font-size: 22px; }

  .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 { font-size: 19px; padding: 24px 26px; }
}

@media (max-width: 1199px) {
  .search-grid { grid-template-columns: 1fr; }
  .cta-banner { padding: 26px 30px; }
  .cta-banner__text h3 { font-size: 22px; }

  .feed-grid { grid-template-columns: repeat(2, 1fr); }
  .adv-list { grid-template-columns: repeat(2, 1fr); }
  .adv-card:nth-child(4), .adv-card:nth-child(5) { grid-column: span 1; }
  .adv-card:nth-child(5) { grid-column: 1 / -1; }
}

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

  .platform-grid { grid-template-columns: 1fr 1fr; }
  .cta-banner { flex-direction: column; align-items: flex-start; gap: 18px; }

  .feed-grid { grid-template-columns: repeat(2, 1fr); }

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

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

@media (max-width: 767px) {

  .search { padding: 44px 0 52px; }
  .search-card { padding: 24px 18px 22px; }
  .search-card h3 { font-size: 19px; }
  .search-sub { font-size: 13px; }
  .platform-grid { grid-template-columns: 1fr; row-gap: 18px; margin-top: 20px; }
  .platform h4 { font-size: 17px; }
  .platform p { font-size: 13px; }
  .tags span { height: 26px; line-height: 24px; padding: 0 10px; font-size: 12px; }
  .tags span.tag--lg { width: auto; }

  .cta-banner { padding: 22px 18px; border-radius: 16px; }
  .cta-banner__text h3 { font-size: 19px; }
  .cta-banner__text p { font-size: 13px; }
  .cta-banner__btn { height: 44px; font-size: 15px; padding: 0 20px; width: 100%; justify-content: center; }

  .feed { padding: 44px 0 52px; }
  .feed-panel { padding: 24px 18px 26px; }
  .feed-head h3 { font-size: 19px; }
  .feed-head p { font-size: 13px; }
  .feed-divider { margin-top: 16px; }
  .feed-grid { grid-template-columns: 1fr; row-gap: 22px; margin-top: 18px; }
  .feed-item { width: auto; }
  .feed-item h4 { font-size: 17px; }
  .feed-item p { font-size: 13px; }

  .service { padding: 44px 0 52px; }
  .service .sec-title { margin-bottom: 28px; }
  /* 手机端单列：卡片高度改由内容决定（原来 4 条的那张也硬撑 470 高，底部空 146px）。
     卡底图 335×470 中蓝带只占顶部 136px、其下全白，缩高不会切到图案 */
  .svc-list { gap: 18px; }
  .svc-card {
    aspect-ratio: auto;
    padding-bottom: 26px;
    box-shadow: 0 6px 18px rgba(31, 74, 163, .08);
  }
  .svc-card h4 { margin-top: 12.6cqw; }
  /* 卡底图蓝带固定在卡顶 136px（= 卡宽 335 的 40.6%，随卡宽等比缩放）。
     原来 8cqw 会让首条压进蓝带边缘（列表顶 129 < 136），改为 15cqw
     把首条落到蓝带下方、白区留 ~15px 呼吸位 */
  .svc-points { margin-top: 15cqw; }
  .svc-points li { height: 10.2cqw; }

  .advantage { padding: 44px 0 52px; }
  .adv-list { grid-template-columns: 1fr; gap: 14px; }
  .adv-card, .adv-card:nth-child(4), .adv-card:nth-child(5) { grid-column: auto; padding: 22px 18px 120px; }
  .adv-card h4 { font-size: 19px; }
  .adv-card p { font-size: 13px; }

  .cases { padding: 44px 0 52px; }
  .cases .sec-title { margin-bottom: 28px; }
  /* tab 收到 ≤94 宽，5 个才排成 3+2 两行（原 110 宽一行只放得下 2 个 → 2+2+1，末行孤一个） */
  .industry-tabs { gap: 8px; }
  .industry-tab { height: 38px; padding: 0 9px; gap: 6px; font-size: 13px; }
  .industry-tab img { width: 16px; height: 16px; }
  .case-card {
    margin-top: 28px; padding: 22px 16px 24px;
    box-shadow: 0 6px 18px rgba(31, 74, 163, .08);
  }
  /* 卡头改上下排：原按钮是绝对定位（top:-14px;right:0），窄屏会压在标题上（重叠 28px） */
  .case-head { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
  /* 标题分行：行业名一行、投放方式（蓝色 em）整行另起，避免「…精准投 / 放」这种断词 */
  .case-head h3 { margin-top: 0; font-size: 19px; line-height: 1.35; }
  .case-head h3 em { display: block; margin-top: 2px; }
  .case-sep { display: none; }
  .btn-pill-blue { height: 42px; font-size: 15px; padding: 0 22px; }
  .case-btn { position: static; width: auto; }
  .case-sub { margin-top: 12px; font-size: 13px; line-height: 1.75; }
  /* 两卡内距统一（原来 col0 被 ≤1399 的 :not() 规则压成 26/22、col1 却是 20/18） */
  .case-col:not(.case-col--after), .case-col--after { padding: 20px 16px; }
  .case-col h4 { font-size: 18px; }
  .case-col h4 img { width: 26px; height: 26px; }
  .case-col ul { margin-top: 18px; }
  .case-col li { font-size: 13px; line-height: 1.72; padding-left: 16px; }
  /* 卡角水印 Before / After 完整落在右上：原 246px 绝对定位在 303 宽卡上被裁得只剩 57px */
  .case-col:not(.case-col--after) { background-position: right 12px top 16px; background-size: auto 34px; }
  .case-col--after { background-position: right 12px top 16px; background-size: auto 34px; }
  .case-arrow { margin: 6px auto; }
  .logo-row { height: 72px; }
  .logo-row img { width: 110px; height: 58px; margin: 0 8px; padding: 8px; }

  .steps { padding: 44px 0 56px; }
  .steps .sec-title { margin-bottom: 28px; }
  /* 单列后横向虚线箭头「指向右」已无意义 → 改成竖向时间轴：
     左侧蓝色圆形序号 + 序号之间的竖向虚线（呼应桌面端虚线连接语言） */
  .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: 18px 18px; font-size: 15px; gap: 10px; }
  .faq-q img { width: 20px; height: 20px; }
  .faq-a p { padding: 0 18px 18px 18px; font-size: 13px; }
}

@media (max-width: 479px) {
  .platform-grid { grid-template-columns: 1fr; }
  .feed-grid { grid-template-columns: 1fr; }
  .cases .sec-title { margin-bottom: 22px; }
  .service .sec-title { margin-bottom: 22px; }
  .steps .sec-title { margin-bottom: 22px; }
}