.brand{
  --br-line:var(--line,#e2e9e6);--br-ink:var(--ink,#0e1815);--br-card:var(--card,#fff);--br-accent:var(--accent,#0f766e);
  display:inline-flex;align-items:center;gap:12px;color:var(--br-ink);text-decoration:none;
}
.brand-mark{
  display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--br-line);border-radius:12px;
  background:var(--br-card);box-shadow:0 1px 2px rgba(14,24,21,.05);
  transition:translate .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s;
}
.brand-mark svg{width:26px;height:26px;display:block}
.brand-mark .dot{fill:var(--br-accent);stroke:var(--br-card);stroke-width:2;transition:r .3s}
.brand-name{font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1}
.brand:hover .brand-mark{translate:0 -1px;border-color:color-mix(in srgb,var(--br-accent) 40%,var(--br-line));box-shadow:0 8px 18px -10px rgba(15,118,110,.5)}
.brand:hover .brand-mark .dot{r:4.7}      /* 悬停时 AI 节点轻微放大 */
.brand:focus-visible{outline:2px solid var(--br-accent);outline-offset:6px;border-radius:10px}
@media (prefers-reduced-motion:reduce){.brand-mark,.brand-mark .dot{transition:none}.brand:hover .brand-mark{translate:none}}

.brand-mark{flex-shrink:0}
.brand-name{white-space:nowrap}