/* ─────────────────────────────────────────────────────────────
   共享品牌区（partials/brand.html）在**旧版公共页 chrome** 上的适配层。

   背景：公共站有两套壳 —— 落地页壳（landing.css，首页/下载页）与旧版公共壳
   （pages.css + portal.css，/docs /models /pricing /status /verify /live /open）。
   两套壳各自钉过一份 `.brand-mark`，于是同一个 logo 在首页是 38×38 圆角渐变徽记、
   在子页面是 40×28 的小药丸 + 竖排字标 —— 决策人 2026-11-05 点名的「logo 排版不同」。

   做法：markup 只留 `partials/brand.html` 一份；旧版壳通过本文件把同一组几何值
   贴到共享 brand 上（mark 38×38、字标 22px/.09em、副标 12px/.045em、gap 10px、
   顶栏 78px、内容区 1240 居中）。数值与 landing.css §brand 一一对应，
   tests/test_web_ui_20261105.py::test_brand_geometry_matches_landing_css 会盯着它们不许漂。

   作用域：只写 `body.portal.public` —— 控制台/节点/支付页（同为旧版壳但不带 .public）
   一个像素都不动。
   ───────────────────────────────────────────────────────────── */

/* 顶栏：与落地页壳同高（78px 内容 + 1px 下边）、同宽（1240 居中）、同左内边距（0）。
   旧版原本是 1280 + 24px padding，导致 logo 左边距比首页多 45px，看起来「没对齐」。 */
body.portal.public .topbar{min-height:78px}
body.portal.public .topbar-inner{max-width:1240px;min-height:78px;padding-inline:0;gap:28px}

/* 品牌区：容器与间距 */
body.portal.public .brand{
  display:flex;align-items:center;gap:10px;min-height:0;flex:0 0 auto;
  font-size:inherit;letter-spacing:normal;color:var(--dl-ink,inherit)
}
body.portal.public .brand:hover{text-decoration:none}

/* logo 徽记：旧版是 40×28 的文字药丸，这里换成共享的 38×38 SVG 标记 */
body.portal.public .brand-mark{
  display:block;width:38px;height:38px;min-width:0;padding:0;
  border-radius:0;background:none;box-shadow:none;color:inherit;font-size:inherit
}
body.portal.public .brand-mark svg{width:38px;height:38px;display:block}

/* 字标：DJB（J 走品牌色） */
body.portal.public .brand-word{
  font-size:22px;font-weight:800;letter-spacing:.09em;line-height:1;white-space:nowrap
}
body.portal.public .brand-j{color:var(--mint,#8FD9BE)}

/* 副标：与字标同一基线组，前面一条 14px 细线（和首页一致） */
body.portal.public .brand small{
  display:flex;align-items:center;gap:7px;margin:0;
  font-family:var(--mono,ui-monospace,monospace);font-size:12px;font-weight:500;
  letter-spacing:.045em;line-height:1.2;color:var(--dl-muted,currentColor);white-space:nowrap
}
body.portal.public .brand small:before{
  content:"";flex:0 0 auto;width:14px;height:1px;background:currentColor;opacity:.32
}

/* 窄屏：和首页同一套收缩规则（mark 30、字标 20、副标隐藏） */
@media (max-width:680px){
  /* 窄屏顶栏高度也要跟落地页壳一致（64px + 1px 边），否则 logo 的 y 会差 7px */
  body.portal.public .topbar,
  body.portal.public .topbar-inner{min-height:64px}
  /* 落地页壳在窄屏是「16px 外边距 + 16px 内边距」= 32px 视觉缩进；旧版壳没有外层
     margin，所以这里补成 32px，logo 才能和首页落在同一条竖线上 */
  body.portal.public .topbar-inner{max-width:none;padding-inline:32px;gap:8px}
  body.portal.public .brand{gap:8px}
  body.portal.public .brand-mark,
  body.portal.public .brand-mark svg{width:30px;height:30px}
  body.portal.public .brand-word{font-size:20px}
  body.portal.public .brand small{display:none}
  /* 窄屏让位：状态芯片与主题切换在 390 宽会把动作区挤出屏幕（旧版公共壳没有移动菜单），
     先把这两个非首要控件收起来，保留语言切换与登录。落地页壳同样在窄屏收起次要按钮。 */
  body.portal.public .status-chip,
  body.portal.public .theme-toggle{display:none}
}