/**
 * 独立精仿：参考「云门户」类首页的布局与色板（#0080ff / #252b3a / #E6F0FC），
 * 不依赖第三方主题目录，仅作用于 body.mf-clone。
 */
body.mf-clone {
  --mf-blue: #0080ff;
  --mf-dark: #252b3a;
  --mf-banner-tint: #e6f0fc;
  --mf-line: #e5e8ed;
  overflow-x: hidden;
}

body.mf-clone #content.mf-content {
  padding-top: 0;
  overflow-x: hidden;
}

/* 首页蓝条顶部分类：放在首屏 KV 与精选区之间（原在内容最顶） */
body.mf-clone .tc-kv--glass + nav.tc-subnav--pill.tc-subnav--below-kv {
  margin-top: 0;
}

/* 顶栏：偏门户站浅灰条 */
body.mf-clone .tc-topbar {
  background: #f3f4f7;
  border-bottom: 1px solid #e6e8eb;
}
body.mf-clone .tc-topbar a:hover {
  color: var(--mf-blue);
}

/* 主导航：白底 + 轻投影，贴近参考 header-inner */
body.mf-clone .tc-header {
  background: #fff;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
body.mf-clone .tc-nav-item:hover,
body.mf-clone .tc-nav-link:hover {
  color: var(--mf-blue);
}
body.mf-clone .tc-btn--primary {
  background: linear-gradient(270deg, var(--mf-blue), var(--mf-blue));
  border-color: var(--mf-blue);
  box-shadow: none;
}
body.mf-clone .tc-btn--primary:hover {
  box-shadow: 0 8px 16px rgba(0, 128, 255, 0.25);
}

/* 首屏：浅蓝渐变底 + 轮播（轮播打通屏幕宽度） */
body.mf-clone .mf-banner-stack {
  background: linear-gradient(180deg, var(--mf-banner-tint) 0%, #f1f2f6 55%, #f5f7fa 100%);
  padding: 0 0 8px;
  box-sizing: border-box;
  overflow-x: hidden;
}
body.mf-clone .mf-banner-stack .tc-home-carousel {
  background: transparent;
  min-height: 0;
  width: 100%;
  max-width: none;
  margin-left: 0;
  position: relative;
}
body.mf-clone .mf-banner-stack .tc-home-carousel-slide {
  border-radius: 0;
}
body.mf-clone .mf-banner-stack .tc-home-carousel-caption {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

/* 首屏下方五宫格：一行 5 个；整体略下移，避免与轮播重叠 */
body.mf-clone .mf-events-bar {
  background: transparent;
  margin-top: 8px;
  padding: 0 0 28px;
  position: relative;
  z-index: 2;
}
body.mf-clone .mf-events-bar .tc-wrap {
  max-width: 1200px;
}
body.mf-clone .mf-events-bar .tc-promo-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  background: #fff;
  border-radius: 4px;
  border: 1px solid rgba(0, 80, 255, 0.08);
  box-shadow: 0 8px 24px rgba(0, 40, 120, 0.08);
  overflow: hidden;
  padding: 0;
}
@media (max-width: 1024px) {
  body.mf-clone .mf-events-bar .tc-promo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  body.mf-clone .mf-events-bar .tc-promo-grid {
    grid-template-columns: 1fr;
  }
}
body.mf-clone .mf-events-bar .tc-promo-card {
  align-items: flex-start;
  gap: 14px;
  padding: 20px 18px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  border-right: 1px solid var(--mf-line);
  border-bottom: 1px solid var(--mf-line);
  background: #fff;
  transition: background 0.2s, box-shadow 0.2s;
}
body.mf-clone .mf-events-bar .tc-promo-card:nth-child(5n) {
  border-right: none;
}
@media (max-width: 1024px) {
  body.mf-clone .mf-events-bar .tc-promo-card:nth-child(2n) {
    border-right: none;
  }
}
@media (max-width: 560px) {
  body.mf-clone .mf-events-bar .tc-promo-card {
    border-right: none;
  }
}
body.mf-clone .mf-events-bar .tc-promo-card:hover {
  background: #fafbfd;
  z-index: 1;
}
body.mf-clone .mf-events-bar .tc-promo-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background: linear-gradient(145deg, #e8f4ff, #f5f9ff);
  color: var(--mf-blue);
}
body.mf-clone .mf-events-bar .tc-promo-card-text strong {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: var(--mf-dark);
  margin-bottom: 4px;
}
body.mf-clone .mf-events-bar .tc-promo-card-text span {
  font-size: 12px;
  color: #666;
  line-height: 1.45;
}

/* 活动 pill 导航条（选中态与 tencentcloud.css 一致：白底深字，避免半透明蓝底+深蓝字对比度不足） */
body.mf-clone .tc-subnav--pill {
  background: #0052d9;
  border-bottom: none;
}
body.mf-clone .tc-subnav--pill .tc-subnav-item {
  color: rgba(255, 255, 255, 0.92);
}
body.mf-clone .tc-subnav--pill .tc-subnav-item:hover {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
}
body.mf-clone .tc-subnav--pill .tc-subnav-item.is-active {
  background: rgba(255, 255, 255, 0.96);
  color: #0f172a;
  font-weight: 600;
  border: 1px solid rgba(255, 255, 255, 0.45);
  box-shadow: 0 2px 14px rgba(15, 23, 42, 0.12);
}

/* 区块标题：参考 zd-2-section-hd */
body.mf-clone .tc-section-head .tc-section-title,
body.mf-clone .tc-deal-section-title {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--mf-dark);
}
body.mf-clone .tc-section-head .tc-section-sub,
body.mf-clone .tc-deal-section-sub {
  color: #5c5f66;
  font-size: 14px;
}

body.mf-clone .tc-kv--glass {
  background: linear-gradient(180deg, #fff 0%, #f5f9ff 100%);
}

/* 产品卡片描边与主色按钮统一 */
body.mf-clone .tc-deal-card--tech {
  border-color: var(--mf-line);
}
body.mf-clone .tc-card--tech:hover {
  border-color: rgba(0, 128, 255, 0.35);
}

/* 数据条与页脚：略加深对比 */
body.mf-clone .tc-stats-banner--tech {
  background: linear-gradient(90deg, #1a2332 0%, #252b3a 50%, #1a2332 100%);
}