/* ===========================================================
   uwb-robot.html — UWB 机器人跟随完整方案（详情页）
   基础组件复用 cbu5000v210.css + uwb-remote.css（.cb-* / .ur-* 体系）；
   本表只保留页面专属覆盖：#how 分区卡片增强 + 框架图适配。
   =========================================================== */

/* ---------- #how 分区：文本卡片 + 框架图容器（沿用 lock/radar 页模式） ---------- */
.cb-page #how .cb-split { gap: 40px; align-items: stretch; }
.cb-page #how .cb-split-text.ur-radar-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 36px 40px;
  box-shadow: 0 4px 18px rgba(15, 23, 42, .06);
  position: relative;
}
.cb-page #how .cb-split-text.ur-radar-card::before {
  content: "";
  position: absolute;
  left: 24px; right: 24px; top: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--blue), var(--blue-100));
  border-radius: 0 0 3px 3px;
}
.cb-page #how .cb-split-visual.ur-radar-visual {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 20px 16px;
  box-shadow: 0 4px 18px rgba(15, 23, 42, .06);
  display: flex;
  align-items: center;
  justify-content: center;
}
.cb-page #how .ur-fw-svg { max-width: 100%; }
.cb-page #how .ur-radar-card .cb-feat-list li { padding: 14px 0 14px 28px; border-bottom: 1px dashed var(--line); position: relative; }
.cb-page #how .ur-radar-card .cb-feat-list li:last-child { border-bottom: 0; }

/* ---------- 响应式 ---------- */
@media (max-width: 620px) {
  .cb-page #how .ur-radar-card { padding: 24px !important; }
  .cb-page #how .ur-radar-visual { padding: 10px 8px !important; }
}

/* HERO 透明机器人图：竖构图，限高避免撑高区块（宽度沿用响应式 max-width，不破坏移动端居中） */
.cb-page .cb-hero-visual img{
  width:auto;
  max-height:460px;
  margin-left:auto;
  margin-right:64px;
  filter:none;             /* 去掉沿图片矩形描边的 drop-shadow，避免勾出发光长方形边界 */
}

/* 光晕明显超出图片范围，柔化为环境光，不贴合矩形 */
.cb-page .cb-hero-visual::after{
  inset:-34% -28% -34% -28%;
  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);
}

