/* BP Shell v3 — design tokens */
:root {
  --bp-ink: #1f2d3d;
  --bp-muted: #6b7c8f;
  --bp-line: rgba(24, 144, 255, 0.12);
  --bp-blue: #1890ff;
  --bp-blue-deep: #0f6fd8;
  --bp-sky: #40a9ff;
  --bp-surface: #ffffff;
  --bp-bg: #f0f4f8;
  --bp-glass: rgba(255, 255, 255, 0.72);
  --bp-glass-strong: rgba(255, 255, 255, 0.88);
  --bp-radius: 16px;
  --bp-radius-pill: 999px;
  --bp-shadow: 0 10px 28px rgba(24, 144, 255, 0.08);
  --bp-shadow-soft: 0 4px 16px rgba(31, 45, 61, 0.06);
  --bp-font: "PingFang SC", "Hiragino Sans GB", "HarmonyOS Sans SC", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
  --bp-rail-w: 56px;
  --bp-rail-w-open: 168px;
  --bp-header-h: 56px;
  --bp-bottom-h: 64px;
}

.bp-icon {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}