.marquee{animation:marquee var(--duration) linear infinite}@keyframes neon-pulse{0%{opacity:.8}to{opacity:1}}@keyframes marquee{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.marquee-horizontal{animation:marquee-horizontal var(--duration) linear infinite}.marquee-vertical{animation:marquee-vertical var(--duration) linear infinite}@keyframes marquee-horizontal{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes marquee-vertical{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}#deviceType:after{content:"desktop";display:none}@media (max-width: 768px){#deviceType:after{content:"mobile"}#barrageContent{line-height:1.5;letter-spacing:normal}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fade{0%,to{opacity:1}50%{opacity:.3}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shakeX{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}@keyframes scale{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes wave{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(5deg)}75%{transform:translateY(10px) rotate(-5deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes typing{0%{width:0}to{width:100%}}.neon{position:relative;text-shadow:0 0 10px currentColor,0 0 20px rgba(255,255,255,.5);animation:neonGlow 2s ease-in-out infinite alternate;padding:2px 8px;border-radius:3px}@keyframes neonGlow{0%{text-shadow:0 0 8px currentColor,0 0 16px currentColor,0 0 24px currentColor}to{text-shadow:0 0 16px currentColor,0 0 24px currentColor,0 0 32px currentColor}}.fluorescent{position:relative;color:currentColor;filter:brightness(2) contrast(2) drop-shadow(0 0 5px rgba(255,255,255,.8));text-shadow:0 0 8px rgba(255,255,255,.8),0 0 15px rgba(255,255,255,.6),0 0 25px rgba(255,255,255,.3);padding:2px 8px;border-radius:3px}.fluorescent:after{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:inherit;filter:blur(12px) brightness(1.2);z-index:-1;opacity:.6;mix-blend-mode:screen}#barrageContent{font-family:Microsoft YaHei,Arial Black,Impact,Courier New,monospace;transform:translateZ(0);will-change:transform;max-width:100vw;overflow:visible;-webkit-text-stroke:1px rgba(0,0,0,.3);text-stroke:1px rgba(0,0,0,.3);text-orientation:mixed;white-space:nowrap;font-weight:900}.digital-number{font-size:1.2em;letter-spacing:0;padding:0 2px;background:#0000004d}#barrageContainer{transform-origin:center center;writing-mode:vertical-lr;text-orientation:sideways-right}.vertical-mode{writing-mode:vertical-lr;-webkit-writing-mode:vertical-lr;text-orientation:sideways-right;-webkit-text-orientation:sideways-right;white-space:nowrap}.horizontal-mode{writing-mode:horizontal-tb;text-orientation:mixed}@media (max-width: 640px){.container{padding:1rem}.grid-cols-2{grid-template-columns:1fr}}input[type=range]{-webkit-appearance:none;height:6px;background:#e5e7eb;border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#3b82f6;border-radius:50%;cursor:pointer}