*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background:#0a0a0a;color:#fff;min-height:100vh}@keyframes danmaku{0%{transform:translateX(0)}to{transform:translateX(calc(-100vw - 100%))}}.danmaku-item{position:absolute;right:0;white-space:nowrap;animation:danmaku 20s linear forwards}.danmaku-text{padding:4px 12px;border-radius:4px;background:rgba(0,0,0,.3);color:hsla(0,0%,100%,.7);font-size:14px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}