/* 观澜品牌：暖白的观察弧线、冷玉色潮线。只更新品牌区域，保留现有交易涨跌配色。 */
:root {
  --mark-ivory: #e5e7de;
  --mark-jade: #82b4a7;
}
.logo[data-brand="tidewatch"] { overflow: visible; }
.logo[data-brand="tidewatch"] .brand-arc { stroke: var(--mark-ivory); }
.logo[data-brand="tidewatch"] .brand-tide { stroke: var(--mark-jade); }
.brandmark b, .hud-logo b, .welcome h1 {
  background: none;
  color: var(--mark-ivory);
  -webkit-text-fill-color: currentColor;
}
.brandmark b, .hud-logo b { letter-spacing: .16em; }
.brandmark:hover b, .brandmark:focus-visible b,
.hud-logo:hover b, .hud-logo:focus-visible b { color: var(--mark-jade); }
.brandmark b, .hud-logo b { transition: color .25s ease; }

/* 实战：基线不动，价格线短暂重新描绘。与其余菜单一样只在交互时播放一次。 */
.nav-links a[href="#/arena"] .nav-ic .ic > path:last-child {
  stroke-dasharray: 28;
  stroke-dashoffset: 0;
}
.nav-links a[href="#/arena"]:is(:hover, :focus-visible) .nav-ic .ic > path:last-child {
  animation: arenaNavTrace .6s cubic-bezier(.2, .7, .3, 1) both;
}
@keyframes arenaNavTrace {
  from { stroke-dashoffset: 28; opacity: .35; }
  65% { opacity: 1; }
  to { stroke-dashoffset: 0; opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .brandmark b, .hud-logo b { transition: none; }
  .nav-links a[href="#/arena"] .nav-ic .ic > path {
    animation: none !important;
    transition: none !important;
    stroke-dashoffset: 0;
    opacity: 1;
  }
}
