/* ===========================================================
   uwb-other.html — 更多 UWB 应用完整方案（详情页）
   基础组件复用 cbu5000v210.css + uwb-remote.css（.cb-* / .ur-* 体系）；
   本页无 split 分区，仅保留极少量专属覆盖。
   =========================================================== */

/* ---------- Hero 右侧插画：横向车侧轮廓，等比完整显示 ---------- */
.cb-page .cb-hero-visual img {
  width: 100%;
  max-width: 540px;
  object-fit: contain;
  filter: none;            /* 去掉沿图片矩形描边的 drop-shadow，避免勾出发光长方形边界 */
}

/* 光晕明显超出图片范围，柔化为环境光，不贴合矩形 */
.cb-page .cb-hero-visual::after {
  inset: -40% -32% -40% -32%;
  background: radial-gradient(ellipse at 50% 50%,
     rgba(110,178,255,.55) 0%,
     rgba(64,134,255,.32) 42%,
     rgba(40,100,255,0) 74%);
  filter: blur(70px);
}

/* ---------- 方案基石：左 2×2 卡片 + 右图，各占一半 ---------- */
.cb-page #foundation .cb-split { gap: 48px; align-items: center; }
.cb-page #foundation .cb-found-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
/* 右侧图片：去掉边框与阴影，仅保留圆角，自然比例不裁切 */
.cb-page #foundation .cb-split-visual {
  background: none;
  border: 0;
  box-shadow: none;
  padding: 0;
}
.cb-page #foundation .cb-split-visual img {
  border: 0;
  box-shadow: none;
}

@media (max-width: 560px) {
  .cb-page #foundation .cb-found-cards { grid-template-columns: 1fr; }
}

/* ===========================================================
   #foundation —— orbit 风格（与 uwb-remote.css 里 #value 同一套设计）
   描边卡片（有边框、无白底）+ 居中对齐 + 细线语义图标
   ⚠️ 写在 uwb-other.css **末尾**：本页 CSS 加载顺序是
      cbu5000v210.css → uwb-remote.css → uwb-other.css（最后）。
      .cb-card / .cb-ico 是 cbu5000v210.css 的共享类（8 页共用），
      **不要改共享文件**，只用 #foundation 做页面级覆盖。
   ⚠️ 这里的卡片在左半栏内（2×2），尺寸比 #value 的窄，故各档数值相应收小。
   =========================================================== */
.cb-page #foundation .cb-found-cards { gap: 28px 22px; }
.cb-page #foundation .cb-card {
  background: none;
  border: 1px solid var(--line); border-radius: var(--radius); padding: 24px 16px;
  align-items: center; text-align: center; gap: 12px;
  transition: border-color .25s ease, box-shadow .25s ease;
}
.cb-page #foundation .cb-card:hover {
  transform: none;
  border-color: var(--blue-300); box-shadow: var(--shadow);
}
.cb-page #foundation .cb-ico {
  width: auto; height: auto; border-radius: 0;
  background: none; color: var(--blue);
  font-weight: 400; font-size: inherit; letter-spacing: 0;
  margin-bottom: 4px;
}
.cb-page #foundation .cb-ico svg { width: 32px; height: 32px; display: block; }
.cb-page #foundation .cb-card h3 { font-size: 16px; margin: 0; }
.cb-page #foundation .cb-card p {
  font-size: 13.5px; line-height: 1.75;
  max-width: 30ch; margin: 0 auto;
}
@media (max-width: 560px) {
  .cb-page #foundation .cb-found-cards { gap: 22px; }
  .cb-page #foundation .cb-card p { max-width: none; }
}