/* /multi-cdn/ 单页排版层（仅此页加载，不影响全站其他页面） */

.section { padding: 74px 0; }
.section.alt { background: #f5f8ff; }
.section > .container { max-width: 1120px; }

/* 段落标题：左对齐 + 蓝色短线，避免大段文字居中 */
.section-head { max-width: 820px; margin: 0 0 32px; text-align: left; }
.section-head h2 {
  position: relative;
  margin: 0;
  padding-left: 18px;
  font-size: clamp(22px, 2.2vw, 30px);
  line-height: 1.45;
  color: #12203c;
}
.section-head h2::before {
  content: "";
  position: absolute;
  left: 0; top: .3em; bottom: .3em;
  width: 4px; border-radius: 2px;
  background: var(--blue);
}

/* 正文列：跟标题同一左边界 */
.prose { max-width: 820px; margin: 0; font-size: 16.5px; line-height: 1.9; color: #3b4a63; }
.prose p { margin: 0 0 18px; }
.prose p:last-child { margin-bottom: 0; }
.prose .mcd-lead { font-size: 17.5px; color: #1f3050; }

/* 四条作用：2×2 卡片 */
.mcd-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.mcd-card {
  background: #fff;
  border: 1px solid #e3e9f5;
  border-radius: 16px;
  padding: 24px 26px;
  box-shadow: 0 6px 22px rgba(28, 63, 133, .06);
  transition: transform .2s ease, box-shadow .2s ease;
}
.mcd-card:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(28, 63, 133, .12); }
.mcd-num {
  display: inline-flex; align-items: center; justify-content: center;
  width: 34px; height: 34px; margin-bottom: 14px;
  border-radius: 10px;
  background: var(--blue-50); color: var(--blue);
  font-size: 15px; font-weight: 700;
}
.mcd-card p { margin: 0; font-size: 15.5px; line-height: 1.8; color: #47596f; }

/* 第三段：强调面板 */
.mcd-panel {
  max-width: 820px;
  padding: 30px 32px;
  background: linear-gradient(180deg, #f7faff, #fff);
  border: 1px solid #e3e9f5;
  border-left: 4px solid var(--blue);
  border-radius: 0 16px 16px 0;
}
.mcd-panel p { margin: 0 0 14px; }
.mcd-panel p:last-of-type { margin-bottom: 20px; }

@media (max-width: 820px) {
  .section { padding: 52px 0; }
  .section-head { margin-bottom: 22px; }
  .section-head h2 { padding-left: 14px; line-height: 1.5; }
  .prose { font-size: 16px; line-height: 1.85; }
  .mcd-grid { grid-template-columns: 1fr; gap: 14px; }
  .mcd-card { padding: 20px; }
  .mcd-panel { padding: 22px 20px; }
}