.invitation-music{position:absolute;z-index:29;top:calc(65px + env(safe-area-inset-top,0px));right:12px;display:flex;align-items:center;gap:8px;max-width:calc(100% - 24px);pointer-events:none}
.invitation-music[hidden]{display:none!important}.invitation-music button{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:3px;flex:none;width:44px;height:44px;padding:10px;border:1px solid #f0d1a099;border-radius:50%;color:#fff2d3;background:#73101cdd;box-shadow:0 2px 12px #39081030}
.invitation-music button:focus-visible{outline:3px solid #f0d1a0;outline-offset:3px}.invitation-music button:active{transform:scale(.96)}.invitation-music button span{display:block;width:3px;height:14px;border-radius:2px;background:currentColor;transform-origin:center;animation:music-wave .7s ease-in-out infinite alternate;animation-play-state:paused}.invitation-music button span:nth-child(2){height:22px;animation-delay:-.4s}.invitation-music button span:nth-child(3){height:17px;animation-delay:-.2s}.invitation-music button[aria-pressed=true] span{animation-play-state:running}.invitation-music-hint{max-width:165px;padding:5px 8px;border:1px solid #f0d1a044;border-radius:12px;background:#73101ce6;color:#fff2d3;font:11px/1.5 "Microsoft YaHei",sans-serif;text-align:right;overflow-wrap:anywhere}.invitation-music[data-state=playing] .invitation-music-hint{display:none}
@keyframes music-wave{from{transform:scaleY(.4)}to{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.invitation-music button span{animation:none}.invitation-music button[aria-pressed=true] span:nth-child(2){height:25px}}