/* ============================================================
   NEXUS brand mark —— 控制台与授权页共用（SVG 由 static/js/brand.js 生成）

   造型：六边环（网络/节点）+ N 字母组合 + 扫描轨道 + 顶点节点，
   配色全部取主题变量（--accent → --accent-2），日间/夜间自动跟随。
   ============================================================ */
.brand-mark { display: block; overflow: visible; }

/* 外圈扫描弧：7.5s 一圈 */
.brand-mark .brand-orbit-fast {
  transform-origin: 24px 24px;
  animation: brandOrbit 7.5s linear infinite;
}
/* 内侧反向运行的信号点：13s 一圈，方向相反 */
.brand-mark .brand-orbit-slow {
  transform-origin: 24px 24px;
  animation: brandOrbit 13s linear infinite reverse;
}
/* 顶点节点呼吸 */
.brand-mark .brand-node {
  transform-box: fill-box;
  transform-origin: center;
  animation: brandNode 3.4s ease-in-out infinite;
}

@keyframes brandOrbit { to { transform: rotate(360deg); } }
@keyframes brandNode {
  0%, 100% { opacity: 0.45; transform: scale(0.72); }
  50%      { opacity: 1;    transform: scale(1.12); }
}

/* 柔和外发光（浅色主题下更亮一点，避免糊在浅底上） */
.brand-mark.brand-glow { filter: drop-shadow(0 0 12px var(--accent-soft)); }
:root[data-theme="light"] .brand-mark.brand-glow { filter: drop-shadow(0 1px 8px rgba(42, 120, 214, 0.28)); }

/* 悬停：轨道加速 + 发光加强（仅限可交互的容器） */
.rail-mark { transition: filter 0.4s var(--ease-spring, ease), transform 0.4s var(--ease-spring, ease); }
.rail-mark:hover { transform: translateY(-1px); filter: drop-shadow(0 0 18px var(--accent-soft)); }
.rail-mark:hover .brand-orbit-fast { animation-duration: 2.4s; }
.rail-mark:hover .brand-orbit-slow { animation-duration: 4.5s; }

@media (prefers-reduced-motion: reduce) {
  .brand-mark .brand-orbit-fast,
  .brand-mark .brand-orbit-slow,
  .brand-mark .brand-node { animation: none; }
}
