/* CRC-30 标志：圆形徽章
 * ============================================================
 * 用户选定的方案 01「刻度 / Dial」，并要求"圆形图"。
 * 所以在原方案外套一层圆形底衬 —— 裸刻度盘放在页头像一个图表，
 * 加了圆形边界才像一枚印章/徽标。
 *
 * 结构（viewBox 0 0 64 64）：
 *   · 外圆 r=31.5  圆形边界，1px 品牌色 25% —— 把形状"扣"成圆的
 *   · 48 根刻度     发行量刻度（i<15 用暗色 = 尚未 mint 的部分）
 *   · 内圆 r=19     细线，把刻度与中心隔开
 *   · 中心斜杠      第 30 根 = CRC-30 的 30
 *
 * 为什么中心斜杠指向右上：与发行刻度盘（首页）的进度弧同向，
 * 两处放在一起读得出是同一个系统。
 *
 * 颜色一律走 currentColor / CSS 变量 —— 同一份 SVG 在深底浅底都能用，
 * 不需要两套文件。
 */
.logo-mark { width: 28px; height: 28px; display: block; flex: 0 0 auto; }

/* 深底（页头） */
.logo-mark .m-ring  { stroke: var(--brand-dim, rgba(157,255,200,.30)); }
.logo-mark .m-tick  { stroke: var(--brand, #9dffc8); }
.logo-mark .m-tick-off { stroke: rgba(157,255,200,.20); }
.logo-mark .m-inner { stroke: rgba(157,255,200,.16); }
.logo-mark .m-slash { stroke: var(--brand, #9dffc8); }
.logo-mark .m-dot   { fill:  var(--brand, #9dffc8); }

/* 浅底（打印 / 反白场景） */
@media print {
  .logo-mark .m-ring  { stroke: #0a7a4a; }
  .logo-mark .m-tick  { stroke: #0a1a12; }
  .logo-mark .m-tick-off { stroke: rgba(10,26,18,.22); }
  .logo-mark .m-inner { stroke: rgba(10,26,18,.18); }
  .logo-mark .m-slash { stroke: #0a1a12; }
  .logo-mark .m-dot   { fill:  #0a1a12; }
}