/**
 * v4_nav_brand.css
 * 顶栏品牌：环状 squircle Logo + YOESIS 字标 + 4.0 版本 pill。
 * Logo 图形见 static/brand/yoesis_mark.svg；光晕用 CSS drop-shadow。
 */
:root {
  --v4-nav-brand-text: #eef8ff;
  --v4-nav-brand-cyan: #3ce7ff;
}

/* 品牌链接：横向对齐 Logo、字标、版本号 */
.v4-brand {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: var(--v4-nav-brand-text);
  text-decoration: none;
}

/* 环状 mark：固定边长，不参与收缩 */
.v4-brand-mark {
  width: 32px;
  height: 32px;
  display: block;
  flex-shrink: 0;
  overflow: visible;
  filter:
    drop-shadow(0 0 3px rgba(111, 255, 224, 0.65))
    drop-shadow(0 0 8px rgba(61, 231, 255, 0.45))
    drop-shadow(0 0 14px rgba(47, 107, 255, 0.28));
}

/* 品牌主文案 */
.v4-brand-text {
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1;
  color: #ffffff;
}

/* 版本号 4.0：细边 pill，白字暗底 */
.v4-brand-version {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: 1px;
  padding: 0.1rem 0.28rem;
  border-radius: 3px;
  border: 1px solid var(--v4-nav-brand-cyan);
  background: transparent;
  color: #ffffff;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.1;
  box-shadow: none;
}