.danmaku-container{position:fixed;top:0;left:0;width:100%;height:100%;background:0 0;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.danmaku-container.active{opacity:1;visibility:visible}#danmaku-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.danmaku-item{position:absolute;display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;margin:.3rem 0;background:rgba(255,255,255,.95);border-radius:50px;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;transition:all .2s ease;pointer-events:auto;white-space:nowrap;z-index:1000;min-height:50px}[data-theme=dark] .danmaku-item{background:rgba(40,44,52,.95);box-shadow:0 2px 8px rgba(0,0,0,.3)}.danmaku-item:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.2);z-index:1001}[data-theme=dark] .danmaku-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.4)}.danmaku-item.paused{animation-play-state:paused!important}.danmaku-avatar{width:2rem;height:2rem;border-radius:50%;flex-shrink:0;object-fit:cover}.danmaku-content{display:flex;flex-direction:column;gap:.2rem}.danmaku-author{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.danmaku-author-name{font-weight:600;color:var(--text-color)}.danmaku-time{font-size:.75rem;color:var(--text-color-light);opacity:.7}.danmaku-text{font-size:.9rem;color:var(--text-color);line-height:1.4;max-width:500px;overflow:hidden;text-overflow:ellipsis}.danmaku-page{font-size:.7rem;color:var(--accent);background:rgba(var(--accent-rgb),.1);padding:.2rem .5rem;border-radius:10px;margin-left:auto}#danmaku-mode.active{background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%);color:#fff}.danmaku-item.danmaku-colorful{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.9) );border:2px solid var(--danmaku-color);box-shadow:0 2px 12px rgba(0,0,0,8%),inset 0 0 0 1px var(--danmaku-color),0 0 20px var(--danmaku-color,transparent)}[data-theme=dark] .danmaku-item.danmaku-colorful{background:linear-gradient(135deg,rgba(40,44,52,.95),rgba(40,44,52,.9) );border:2px solid var(--danmaku-color);box-shadow:0 2px 12px rgba(0,0,0,.3),inset 0 0 0 1px var(--danmaku-color),0 0 20px var(--danmaku-color,transparent)}.danmaku-item.danmaku-colorful:hover{transform:scale(1.05);border-color:var(--danmaku-color);box-shadow:0 4px 16px rgba(0,0,0,.15),inset 0 0 0 2px var(--danmaku-color),0 0 30px var(--danmaku-color,transparent)}[data-theme=dark] .danmaku-item.danmaku-colorful:hover{transform:scale(1.05);border-color:var(--danmaku-color);box-shadow:0 4px 16px rgba(0,0,0,.4),inset 0 0 0 2px var(--danmaku-color),0 0 30px var(--danmaku-color,transparent)}@media(max-width:768px){.danmaku-item{padding:.4rem .8rem;gap:.4rem}.danmaku-avatar{width:1.5rem;height:1.5rem}.danmaku-author-name{font-size:.8rem}.danmaku-time{font-size:.7rem}.danmaku-text{font-size:.85rem;max-width:300px}.danmaku-page{font-size:.65rem}}@media(max-width:480px){.danmaku-item{padding:.3rem .6rem}.danmaku-avatar{width:1.2rem;height:1.2rem}.danmaku-text{font-size:.8rem;max-width:200px}}@media(prefers-reduced-motion:reduce){.danmaku-container,.danmaku-item{transition:none}.danmaku-item.paused{animation:none!important}}