/* ============================================================================
   9flash · 昵称特效（9 种）
   ============================================================================
   与后端 `style` 字段取值一一对应：none / gold / rainbow / holo / shake /
   crt / fire / lightning / spark，类名 `chat-username-{值}`。
   两个页面都要用（聊天室里的昵称、捐赠页的特效预览网格），所以单独一层：
   它只是颜色与动画，不带任何主题色，站点主题层与 Vista 层都能直接吃。
   ========================================================================== */
.chat-username-none{font-weight:700; color:#0a0a0a}

/* 黄金流光 */
.chat-username-gold{
  font-weight:700; color:transparent;
  background-image:linear-gradient(90deg,#8b5a00 0,#ffdf4d 35%,#fff 50%,#ffdf4d 65%,#8b5a00 100%);
  background-size:250% 100%; background-clip:text; -webkit-background-clip:text;
  animation:chatGold 2.5s linear infinite;
}
@keyframes chatGold{from{background-position:-250%}to{background-position:250%}}

/* 彩虹流动 */
.chat-username-rainbow{
  font-weight:700; color:transparent;
  background-image:linear-gradient(90deg,#e33,#f90,#fd3,#3d3,#3de,#36c,#c3c,#e33);
  background-size:300% 100%; background-clip:text; -webkit-background-clip:text;
  animation:chatRainbow 3s linear infinite;
}
@keyframes chatRainbow{from{background-position:0%}to{background-position:300%}}

/* 镭射 */
.chat-username-holo{
  font-weight:700; color:transparent;
  background-image:linear-gradient(120deg,#666,#aaa,#fff,#8ef,#f8f,#fff,#aaa);
  background-size:300% 100%; background-clip:text; -webkit-background-clip:text;
  animation:chatHolo 2s linear infinite;
}
@keyframes chatHolo{to{background-position:300%}}

/* 跳动 */
.chat-username-shake{display:inline-block; animation:chatShake .15s infinite}
@keyframes chatShake{
  0%{transform:translateY(0)}25%{transform:translateY(-1px)}
  50%{transform:translateY(1px)}75%{transform:translateY(0)}100%{transform:translateY(-1px)}
}

/* 闪烁（CRT 彩边）*/
.chat-username-crt{position:relative; font-weight:700; animation:chatCrt .08s infinite}
@keyframes chatCrt{50%{text-shadow:1px 0 #e33,-1px 0 #0cc}}

/* 烈焰骑士 */
.chat-username-fire{font-weight:700; animation:chatFire .6s infinite alternate}
@keyframes chatFire{from{color:#f60}to{color:#e00; text-shadow:0 -1px #f90}}

/* 颜色抖动 */
.chat-username-lightning{font-weight:700; animation:chatLight .15s infinite}
@keyframes chatLight{50%{text-shadow:1px 0 #fff,-1px 0 #0cc}}

/* 闪光特效（一道白光扫过）*/
.chat-username-spark{position:relative; font-weight:700; overflow:hidden}
.chat-username-spark::after{
  content:''; position:absolute; left:-20%; top:0; width:20%; height:100%;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.95),rgba(255,255,255,0));
  animation:chatSpark 2s infinite;
}
@keyframes chatSpark{to{left:120%}}