/* ====================================================
   媒体传播与公关专题页样式 — meitichuanbo.css
   依赖 style.css 全局变量与组件
   主题配色：深蓝 + 金色（区别于口碑营销的粉橙）
   ==================================================== */

/* ===== 专题主色变量 ===== */
:root {
  --mt-primary:       #0A5FCC;
  --mt-primary-dark:  #0043A8;
  --mt-accent-gold:   #E8B84B;
  --mt-accent-light:  #5BA4F5;
  --mt-gradient-hero: linear-gradient(135deg, #06245A 0%, #0A5FCC 45%, #1A7FC4 100%);
  --mt-gradient-gold: linear-gradient(90deg, #E8B84B, #F5D87A);
  --mt-surface-glass: rgba(255,255,255,.1);
  --mt-border-glass:  rgba(255,255,255,.18);
}

/* ===================================================
   面包屑导航（与 koubeiyingxiao.css 保持一致）
   =================================================== */
.breadcrumb__list {
  display: flex;
  align-items: center;
  gap: 6px;
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
  flex-wrap: wrap;
}
.breadcrumb__link {
  font-size: .82rem;
  color: var(--color-text-muted);
  text-decoration: none;
  transition: color var(--transition-fast);
}
.breadcrumb__link:hover { color: var(--color-primary); }
.breadcrumb__link--light { color: rgba(255,255,255,.65); }
.breadcrumb__link--light:hover { color: #fff; }
.breadcrumb__sep { font-size: .78rem; color: var(--color-gray-400); }
.breadcrumb__sep--light { color: rgba(255,255,255,.4); }
.breadcrumb__current { font-size: .82rem; color: var(--color-text-secondary); }
.breadcrumb__current--light { color: rgba(255,255,255,.9); font-weight: 500; }

/* ===================================================
   共用辅助
   =================================================== */
.section-pad { padding: 80px 0; }
.bg-light { background: var(--color-bg-secondary, #F7F8FA); }

.section-header {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 48px;
}
.section-tag {
  display: inline-block;
  padding: 4px 14px;
  background: rgba(10,95,204,.1);
  color: var(--mt-primary);
  font-size: .78rem;
  font-weight: 600;
  border-radius: 20px;
  margin-bottom: 12px;
  letter-spacing: .5px;
  text-transform: uppercase;
}
.section-title {
  font-size: clamp(1.5rem, 3vw, 2.2rem);
  font-weight: 800;
  color: var(--color-text-primary);
  line-height: 1.25;
  margin-bottom: 14px;
}
.section-desc {
  font-size: 1rem;
  color: var(--color-text-secondary);
  line-height: 1.7;
}

/* ===================================================
   Hero 区 — mt-hero
   =================================================== */
.mt-hero {
  position: relative;
  background: url(/static/images/meitichuanbo2_compressed.jpg);
  padding: 80px 0 72px;
  overflow: hidden;
}

/* 背景装饰 */
.mt-hero__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.mt-hero__circle {
  position: absolute;
  border-radius: 50%;
  background: rgba(255,255,255,.04);
}
.mt-hero__circle--1 { width: 540px; height: 540px; top: -220px; right: -120px; }
.mt-hero__circle--2 { width: 320px; height: 320px; bottom: -120px; left: -80px; background: rgba(232,184,75,.06); }
.mt-hero__circle--3 { width: 200px; height: 200px; top: 60px; right: 42%; background: rgba(255,255,255,.03); }

.mt-hero__grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 60px 60px;
}

/* 信号波纹装饰（媒体传播感） */
.mt-hero__signal {
  position: absolute;
  right: 8%;
  top: 35%;
  width: 120px;
  height: 120px;
  pointer-events: none;
}
.mt-hero__signal-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 1.5px solid rgba(232,184,75,.3);
  animation: mt-signal-pulse 2.4s ease-out infinite;
}
.mt-hero__signal-ring--1 { width: 30px;  height: 30px;  animation-delay: 0s; }
.mt-hero__signal-ring--2 { width: 64px;  height: 64px;  animation-delay: .5s; }
.mt-hero__signal-ring--3 { width: 100px; height: 100px; animation-delay: 1s; }
@keyframes mt-signal-pulse {
  0%   { opacity: .8; transform: translate(-50%,-50%) scale(.8); }
  100% { opacity: 0;  transform: translate(-50%,-50%) scale(1.2); }
}

/* 浮动标签装饰 */
.mt-hero__bubble {
  position: absolute;
  padding: 6px 14px;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 20px;
  color: rgba(255,255,255,.85);
  font-size: .8rem;
  font-weight: 500;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  animation: mt-bubble-float 5s ease-in-out infinite;
}
.mt-hero__bubble--1 { top: 18%;  right: 6%;   animation-delay: 0s; }
.mt-hero__bubble--2 { top: 32%;  right: 16%;  animation-delay: 1s; }
.mt-hero__bubble--3 { bottom: 26%; right: 8%;  animation-delay: 2s; }
.mt-hero__bubble--4 { bottom: 38%; right: 20%; animation-delay: .6s; }
@keyframes mt-bubble-float {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-8px); }
}

/* Hero 内容 */
.mt-hero__content {
  position: relative;
  z-index: 2;
}
.mt-hero__body {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 60px;
  align-items: start;
}

/* 左侧文案 */
.mt-hero__label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 14px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.2);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: rgba(255,255,255,.9);
  font-size: .82rem;
  font-weight: 500;
  border-radius: 20px;
  margin-bottom: 18px;
  letter-spacing: .3px;
}

.mt-hero__title {
  font-size: clamp(2rem, 4.5vw, 3.2rem);
  font-weight: 800;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 20px;
  letter-spacing: -.03em;
}

.mt-hero__highlight {
  background: var(--mt-gradient-gold);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.mt-hero__desc {
  font-size: 1.05rem;
  color: rgba(255,255,255,.82);
  line-height: 1.7;
  margin-bottom: 24px;
  max-width: 520px;
}
.mt-hero__desc strong { color: rgba(255,255,255,.96); font-weight: 600; }

/* 锚点快跳 */
.mt-hero__anchors {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}
.mt-anchor-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 12px;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.2);
  color: rgba(255,255,255,.85);
  font-size: .78rem;
  font-weight: 500;
  border-radius: 20px;
  text-decoration: none;
  transition: background .2s;
}
.mt-anchor-btn:hover { background: rgba(255,255,255,.22); color: #fff; }

/* 平台标签 */
.mt-hero__platforms {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 32px;
}
.mt-ptag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 12px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.2);
  color: rgba(255,255,255,.9);
  font-size: .8rem;
  font-weight: 500;
  border-radius: 20px;
  transition: background .2s;
}
.mt-ptag:hover { background: rgba(255,255,255,.2); }
.mt-ptag--portal   { border-color: rgba(91,164,245,.5); }
.mt-ptag--finance  { border-color: rgba(232,184,75,.5); }
.mt-ptag--industry { border-color: rgba(74,207,172,.5); }
.mt-ptag--self     { border-color: rgba(255,120,120,.5); }
.mt-ptag--tv       { border-color: rgba(186,130,255,.5); }
.mt-ptag--more     { color: rgba(255,255,255,.55); border-style: dashed; }

/* Hero 按钮组 */
.mt-hero__actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

/* ===== 右侧数据卡 ===== */
.mt-hero__stats {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mt-stat-card {
  background: var(--mt-surface-glass);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--mt-border-glass);
  border-radius: 16px;
  padding: 24px 20px;
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  align-items: center;
}
.mt-stat-card__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-align: center;
}
.mt-stat-card__num {
  font-size: 1.8rem;
  font-weight: 800;
  color: #fff;
  line-height: 1;
}
.mt-stat-card__num small { font-size: 1rem; font-weight: 600; opacity: .85; }
.mt-stat-card__label { font-size: .74rem; color: rgba(255,255,255,.7); white-space: nowrap; }
.mt-stat-card__divider { width: 1px; height: 36px; background: rgba(255,255,255,.18); margin: 0 8px; }

/* 媒体覆盖示意 */
.mt-coverage-demo {
  background: var(--mt-surface-glass);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--mt-border-glass);
  border-radius: 16px;
  padding: 20px 22px 22px;
}
.mt-coverage-demo__title {
  font-size: .78rem;
  color: rgba(255,255,255,.6);
  font-weight: 500;
  margin-bottom: 14px;
  letter-spacing: .3px;
}
.mt-coverage-item {
  margin-bottom: 12px;
}
.mt-coverage-item:last-child { margin-bottom: 0; }
.mt-coverage-item__label {
  display: flex;
  justify-content: space-between;
  font-size: .74rem;
  color: rgba(255,255,255,.75);
  margin-bottom: 5px;
}
.mt-coverage-item__pct { font-weight: 600; color: var(--mt-accent-gold); }
.mt-coverage-item__bar {
  width: 100%;
  height: 8px;
  background: rgba(255,255,255,.15);
  border-radius: 4px;
  overflow: hidden;
}
.mt-coverage-item__fill {
  height: 100%;
  border-radius: 4px;
  position: relative;
  animation: mt-fill-grow .9s ease-out both;
}
.mt-coverage-item__fill--portal   { background: linear-gradient(90deg, #0A5FCC, #5BA4F5); }
.mt-coverage-item__fill--industry { background: linear-gradient(90deg, #0D8E6A, #4CF9D0); }
.mt-coverage-item__fill--self     { background: linear-gradient(90deg, #E8B84B, #F5D87A); }
.mt-coverage-item__fill--tv       { background: linear-gradient(90deg, #7B4FCC, #B980FF); }
.mt-coverage-item__fill span {
  font-size: .64rem;
  font-weight: 700;
  color: rgba(255,255,255,.9);
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
}
@keyframes mt-fill-grow {
  from { width: 0 !important; }
}

/* ===================================================
   核心服务区 — mt-services
   =================================================== */
.mt-services { background: var(--color-white, #fff); }

.mt-service-tabs {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* 服务大区块 */
.mt-service-block {
  padding: 40px 0 48px;
}
.mt-service-block__header {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 16px;
}
.mt-service-block__icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.mt-service-block__icon--press {
  background: linear-gradient(135deg, #EAF2FF, #C7DEFF);
  color: var(--mt-primary);
}
.mt-service-block__icon--media {
  background: linear-gradient(135deg, #FEF3CD, #FDEAA5);
  color: #B8860B;
}
.mt-service-block__title {
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 4px;
}
.mt-service-block__sub {
  font-size: .82rem;
  color: var(--color-text-muted);
}
.mt-service-block__desc {
  font-size: .98rem;
  color: var(--color-text-secondary);
  line-height: 1.75;
  max-width: 720px;
  margin-bottom: 32px;
}

/* 分割线 */
.mt-service-divider {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px 0;
}
.mt-service-divider__line {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(10,95,204,.15), transparent);
}
.mt-service-divider__icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(10,95,204,.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mt-primary);
  flex-shrink: 0;
}

/* 稿件类型卡片三列 */
.mt-service-types {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.mt-stype-card {
  position: relative;
  background: var(--color-bg-secondary, #F7F8FA);
  border: 1.5px solid transparent;
  border-radius: 16px;
  padding: 28px 24px 24px;
  transition: transform .2s, border-color .2s, box-shadow .2s;
  overflow: hidden;
}
.mt-stype-card::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 16px;
  opacity: 0;
  transition: opacity .2s;
}
.mt-stype-card--news::before   { background: linear-gradient(135deg, rgba(10,95,204,.04), rgba(91,164,245,.04)); }
.mt-stype-card--event::before  { background: linear-gradient(135deg, rgba(232,184,75,.05), rgba(245,216,122,.05)); }
.mt-stype-card--pr::before     { background: linear-gradient(135deg, rgba(123,79,204,.04), rgba(185,128,255,.04)); }
.mt-stype-card:hover { transform: translateY(-4px); border-color: rgba(10,95,204,.15); box-shadow: 0 12px 32px rgba(10,95,204,.08); }
.mt-stype-card:hover::before { opacity: 1; }

.mt-stype-card__num {
  position: absolute;
  top: 16px;
  right: 20px;
  font-size: 2.2rem;
  font-weight: 900;
  color: rgba(10,95,204,.06);
  line-height: 1;
  letter-spacing: -.03em;
}
.mt-stype-card__icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, #EAF2FF, #C7DEFF);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mt-primary);
  margin-bottom: 14px;
}
.mt-stype-card--event .mt-stype-card__icon { background: linear-gradient(135deg, #FEF3CD, #FDEAA5); color: #B8860B; }
.mt-stype-card--pr    .mt-stype-card__icon { background: linear-gradient(135deg, #F0E8FF, #DBC8FF); color: #7B4FCC; }

.mt-stype-card__title {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 10px;
}
.mt-stype-card__desc {
  font-size: .9rem;
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 16px;
}
.mt-stype-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.mt-stype-card__tags li {
  padding: 3px 10px;
  background: rgba(10,95,204,.07);
  color: var(--mt-primary);
  font-size: .74rem;
  font-weight: 500;
  border-radius: 20px;
}
.mt-stype-card--event .mt-stype-card__tags li { background: rgba(232,184,75,.1); color: #8B6400; }
.mt-stype-card--pr    .mt-stype-card__tags li { background: rgba(123,79,204,.08); color: #6B3FBB; }

/* 媒体关系四格 */
.mt-media-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.mt-media-card {
  background: var(--color-bg-secondary, #F7F8FA);
  border: 1.5px solid rgba(10,95,204,.08);
  border-radius: 14px;
  padding: 24px 22px;
  transition: transform .2s, border-color .2s, box-shadow .2s;
}
.mt-media-card:hover {
  transform: translateY(-3px);
  border-color: rgba(10,95,204,.2);
  box-shadow: 0 8px 24px rgba(10,95,204,.07);
}
.mt-media-card__icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, #EAF2FF, #C7DEFF);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mt-primary);
  margin-bottom: 14px;
}
.mt-media-card__title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 8px;
}
.mt-media-card__desc {
  font-size: .88rem;
  color: var(--color-text-secondary);
  line-height: 1.65;
  margin-bottom: 14px;
}
.mt-media-card__numbers {
  display: flex;
  gap: 16px;
  font-size: .8rem;
  color: var(--color-text-muted);
}
.mt-media-card__numbers strong { color: var(--mt-primary); font-weight: 700; }

/* ===================================================
   媒体资源矩阵 — mt-matrix
   =================================================== */
.mt-matrix__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.mt-matrix-card {
  background: #fff;
  border: 1.5px solid rgba(10,95,204,.08);
  border-radius: 14px;
  overflow: hidden;
  transition: transform .2s, box-shadow .2s;
}
.mt-matrix-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(10,95,204,.09);
}

.mt-matrix-card__head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 18px;
  font-weight: 700;
  font-size: .95rem;
}
.mt-matrix-card__head--portal   { background: linear-gradient(135deg, #EAF2FF, #C7DEFF); color: var(--mt-primary); }
.mt-matrix-card__head--finance  { background: linear-gradient(135deg, #FEF3CD, #FDEAA5); color: #8B6400; }
.mt-matrix-card__head--tech     { background: linear-gradient(135deg, #E8F9F4, #C0F0E0); color: #0D8E6A; }
.mt-matrix-card__head--industry { background: linear-gradient(135deg, #F5EEFF, #E0CCFF); color: #6B3FBB; }
.mt-matrix-card__head--self     { background: linear-gradient(135deg, #FFF0F0, #FFCCCC); color: #CC2222; }
.mt-matrix-card__head--tv       { background: linear-gradient(135deg, #F0F0FF, #CCCCFF); color: #3333BB; }

.mt-matrix-card__count {
  margin-left: auto;
  padding: 2px 10px;
  background: rgba(255,255,255,.6);
  border-radius: 20px;
  font-size: .78rem;
  font-weight: 700;
}

.mt-matrix-card__list {
  list-style: none;
  padding: 14px 18px 18px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mt-matrix-card__list li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: .88rem;
  color: var(--color-text-secondary);
  line-height: 1.4;
}
.mt-matrix-card__list li::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--mt-primary);
  flex-shrink: 0;
  opacity: .5;
}

/* ===================================================
   传播流程 — mt-process
   =================================================== */
.mt-process {
  background: var(--color-white, #fff);
}

.mt-process__steps {
  display: flex;
  align-items: flex-start;
  gap: 0;
  margin-top: 48px;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-bottom: 8px;
}

/* 横向步骤 */
.mt-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  flex: 1;
  min-width: 160px;
  padding: 0 8px;
}

.mt-step__dot {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--mt-primary), var(--mt-accent-light));
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  box-shadow: 0 4px 16px rgba(10,95,204,.25);
  position: relative;
  flex-shrink: 0;
}

.mt-step__num {
  font-size: .82rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: .5px;
}

.mt-step__title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 8px;
}

.mt-step__desc {
  font-size: .86rem;
  color: var(--color-text-secondary);
  line-height: 1.65;
  max-width: 160px;
}

/* 步骤连接线 */
.mt-step__connector {
  flex: 0 0 32px;
  height: 2px;
  background: linear-gradient(90deg, rgba(10,95,204,.2), rgba(10,95,204,.5), rgba(10,95,204,.2));
  margin-top: 26px; /* 对齐圆点中心 */
  position: relative;
}
.mt-step__connector::after {
  content: '';
  position: absolute;
  right: -4px;
  top: -3px;
  width: 8px;
  height: 8px;
  border-right: 2px solid rgba(10,95,204,.5);
  border-top: 2px solid rgba(10,95,204,.5);
  transform: rotate(45deg);
}

/* ===================================================
   差异化优势 — mt-advantage
   =================================================== */
.mt-adv__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 48px;
}

.mt-adv-card {
  background: #fff;
  border: 1.5px solid rgba(10,95,204,.08);
  border-radius: 16px;
  padding: 28px 22px;
  transition: transform .2s, border-color .2s, box-shadow .2s;
  text-align: center;
}
.mt-adv-card:hover {
  transform: translateY(-4px);
  border-color: rgba(10,95,204,.2);
  box-shadow: 0 10px 32px rgba(10,95,204,.09);
}

.mt-adv-card__icon {
  width: 60px;
  height: 60px;
  border-radius: 16px;
  background: linear-gradient(135deg, #EAF2FF, #C7DEFF);
  color: var(--mt-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
  transition: transform .2s;
}
.mt-adv-card:hover .mt-adv-card__icon { transform: scale(1.08); }

.mt-adv-card__title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 10px;
}

.mt-adv-card__desc {
  font-size: .88rem;
  color: var(--color-text-secondary);
  line-height: 1.65;
}

/* ===================================================
   CTA 区 — mt-cta
   =================================================== */
.mt-cta {
  position: relative;
  background: url(/static/images/zixunback_compressed.jpg);
  padding: 80px 0;
  overflow: hidden;
  text-align: center;
}

.mt-cta__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.mt-cta__circle {
  position: absolute;
  border-radius: 50%;
}
.mt-cta__circle--1 { width: 480px; height: 480px; top: -200px; right: -100px; background: rgba(255,255,255,.04); }
.mt-cta__circle--2 { width: 320px; height: 320px; bottom: -140px; left: -80px; background: rgba(232,184,75,.06); }
.mt-cta__grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 60px 60px;
}

.mt-cta__content {
  position: relative;
  z-index: 2;
}

.mt-cta__badge {
  display: inline-block;
  padding: 4px 14px;
  background: rgba(232,184,75,.2);
  border: 1px solid rgba(232,184,75,.4);
  color: var(--mt-accent-gold);
  font-size: .78rem;
  font-weight: 600;
  border-radius: 20px;
  margin-bottom: 20px;
  letter-spacing: .5px;
}

.mt-cta__title {
  font-size: clamp(1.6rem, 3.5vw, 2.5rem);
  font-weight: 800;
  color: #fff;
  margin-bottom: 16px;
  letter-spacing: -.03em;
}

.mt-cta__desc {
  font-size: 1rem;
  color: rgba(255,255,255,.8);
  line-height: 1.8;
  margin-bottom: 32px;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}
.mt-cta__desc strong { color: var(--mt-accent-gold); font-weight: 600; }

.mt-cta__actions {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 28px;
}

/* 白色按钮 */
.btn-white {
  background: #fff;
  color: var(--mt-primary);
  border: none;
  font-weight: 600;
}
.btn-white:hover { background: rgba(255,255,255,.9); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,.15); }

.mt-cta__trust {
  display: flex;
  gap: 24px;
  justify-content: center;
  flex-wrap: wrap;
  font-size: .84rem;
  color: rgba(255,255,255,.7);
}
.mt-cta__trust span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

/* ===================================================
   响应式 1199px
   =================================================== */
@media (max-width: 1199px) {
  .mt-hero__body { grid-template-columns: 1fr 380px; gap: 40px; }
  .mt-matrix__grid { grid-template-columns: repeat(3, 1fr); }
  .mt-adv__grid { grid-template-columns: repeat(2, 1fr); }
  .mt-hero__signal { display: none; }
}

/* ===================================================
   响应式 767px
   =================================================== */
@media (max-width: 767px) {
  .section-pad { padding: 56px 0; }

  /* Hero */
  .mt-hero { padding: 60px 0 52px; }
  .mt-hero__body { grid-template-columns: 1fr; gap: 32px; }
  .mt-hero__bubble { display: none; }
  .mt-hero__title { font-size: clamp(1.75rem, 7vw, 2.4rem); }
  .mt-hero__desc { font-size: .96rem; max-width: 100%; }
  .mt-hero__actions { flex-direction: column; align-items: flex-start; }

  /* 数据卡 */
  .mt-stat-card { grid-template-columns: 1fr 1px 1fr; gap: 0; }
  .mt-stat-card__item:nth-child(5),
  .mt-stat-card__item:nth-child(7),
  .mt-stat-card__divider:nth-child(4),
  .mt-stat-card__divider:nth-child(6) { display: none; }

  /* 稿件类型卡 */
  .mt-service-types { grid-template-columns: 1fr; gap: 16px; }

  /* 媒体关系 */
  .mt-media-grid { grid-template-columns: 1fr; }

  /* 媒体矩阵 */
  .mt-matrix__grid { grid-template-columns: 1fr 1fr; }

  /* 流程 */
  .mt-process__steps {
    flex-direction: column;
    align-items: flex-start;
    overflow: visible;
  }
  .mt-step {
    flex-direction: row;
    text-align: left;
    align-items: flex-start;
    gap: 16px;
    padding: 0;
  }
  .mt-step__dot { margin-bottom: 0; flex-shrink: 0; }
  .mt-step__body { flex: 1; }
  .mt-step__desc { max-width: 100%; }
  .mt-step__connector {
    width: 2px;
    height: 24px;
    background: linear-gradient(180deg, rgba(10,95,204,.2), rgba(10,95,204,.5), rgba(10,95,204,.2));
    margin-top: 0;
    margin-left: 25px;
  }
  .mt-step__connector::after {
    right: -3px;
    top: auto;
    bottom: -5px;
    transform: rotate(135deg);
  }

  /* 优势 */
  .mt-adv__grid { grid-template-columns: 1fr 1fr; gap: 14px; }

  /* CTA */
  .mt-cta { padding: 56px 0; }
  .mt-cta__actions { flex-direction: column; align-items: center; }
  .mt-cta__trust { gap: 14px; }
}

/* ===================================================
   响应式 480px
   =================================================== */
@media (max-width: 480px) {
  .mt-matrix__grid { grid-template-columns: 1fr; }
  .mt-adv__grid    { grid-template-columns: 1fr; }
  .mt-hero__anchors { gap: 6px; }
  .mt-anchor-btn { font-size: .73rem; padding: 4px 10px; }

  .mt-stat-card {
    grid-template-columns: 1fr 1px 1fr;
  }

  .mt-cta__trust { flex-direction: column; align-items: center; gap: 10px; }
}