.audio-player,.cover{position:relative;display:flex}.audio-player,.container,.cover img,body,html{width:100%;height:100%}.buttons img.center-btn,.buttons img.side-btn,.volume-area img{transition:opacity .2s,transform .2s}*{box-sizing:border-box;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}body,html{margin:0;padding:0;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:480px;padding:20px}.audio-player{flex-direction:column;align-items:center;justify-content:space-between}.cover{width:80%;aspect-ratio:1/1;border-radius:20px;background:linear-gradient(160deg,#222,#000);box-shadow:0 4px 20px rgba(255,255,255,.1);overflow:hidden;align-items:center;justify-content:center;margin-top:20%;transition:transform .3s}.cover.no-animation,.progress-bar.no-animation{transition:none}.cover:hover.no-animation{transform:none}.cover img{object-fit:cover}.audio-info{width:80%;margin-top:15px;text-align:center;position:absolute;top:60%;transition:opacity .3s,transform .3s}.audio-title,.audio-title.scroll{overflow:hidden;position:relative}.loading-icon,.volume-indicator{top:50%;left:50%;transform:translate(-50%,-50%)}.progress-bar,.volume-slider{transition:opacity .3s;appearance:none}.audio-info.hidden{opacity:0;transform:translateY(-10px);pointer-events:none}.audio-title{font-size:18px;font-weight:500;margin-bottom:5px;text-align:left;text-shadow:0 1px 3px rgba(0,0,0,.5)}.audio-title.scroll.no-scroll,.audio-title.single-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-title.wrap{white-space:normal;word-wrap:break-word;word-break:break-all;line-height:1.4;max-height:3.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.audio-title.scroll{white-space:nowrap}.audio-title.scroll .title-content{display:inline-block;padding-left:100%;animation:15s linear infinite scroll-text}.audio-title.scroll .title-content:hover{animation-play-state:paused}@keyframes scroll-text{0%{transform:translate(0,0)}100%{transform:translate(-100%,0)}}.audio-title.scroll.needs-scroll .title-content{animation-duration:10s}.audio-title.scroll.no-animation .title-content{animation:none}.audio-title.scroll.no-scroll .title-content{animation:none;padding-left:0}.controls{position:absolute;bottom:10%;width:100%;display:flex;flex-direction:column;align-items:center}.buttons,.progress-area{align-items:center;display:flex}.progress-area{width:90%;justify-content:space-between;margin-bottom:10px}.progress-bar{width:90%;height:5px;border-radius:3px;background:#444;cursor:pointer;position:relative}.seek-tip,.tip-bubble{position:absolute;right:20px;opacity:0;pointer-events:none}.progress-bar::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;position:relative;z-index:2;transition:transform .2s}.progress-bar.no-animation::-webkit-slider-thumb{transition:none}.progress-bar::-webkit-slider-thumb:hover{transform:scale(1.2)}.progress-bar.no-animation::-webkit-slider-thumb:hover{transform:none}.time{font-size:13px;color:#aaa}.buttons{justify-content:center;gap:40px;margin:15px 0}.buttons img.side-btn{width:28px;height:28px;cursor:pointer;opacity:.9}.buttons img.center-btn{width:46px;height:46px;cursor:pointer;opacity:.95}.buttons img.no-animation,.buttons img.no-animation.center-btn,.volume-area img.no-animation{transition:opacity .2s}.buttons img:active{opacity:.6}.buttons img:hover{transform:scale(1.1)}.buttons img.no-animation:hover,.volume-area img.no-animation:hover{transform:none}.volume-area{width:80%;display:flex;align-items:center;justify-content:space-between;margin-top:10px}.volume-area img{width:22px;height:22px;opacity:.8}.volume-area img:hover{transform:scale(1.1);opacity:1}.volume-slider{flex:1;margin:0 10px;height:4px;background:#555;border-radius:2px}.volume-slider.no-animation{transition:none}.volume-slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 3px rgba(255,255,255,.6);transition:transform .2s}.volume-slider.no-animation::-webkit-slider-thumb{transition:none}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider.no-animation::-webkit-slider-thumb:hover{transform:none}.tip-bubble{bottom:80px;background:rgba(0,0,0,.85);color:#fff;padding:8px 12px;border-radius:12px;font-size:14px;transition:opacity .5s}.seek-tip.show,.tip-bubble.show{opacity:1}.seek-tip{bottom:20px;background:rgba(0,0,0,.9);color:#fff;padding:10px 15px;border-radius:8px;font-size:16px;font-weight:500;transition:opacity .3s;z-index:1000}.volume-indicator{position:fixed;background:rgba(0,0,0,.8);color:#fff;padding:20px;border-radius:10px;font-size:24px;font-weight:700;z-index:10000;display:none}.retry-btn,.retry-btn.no-animation:hover{background:#444}.loading-icon{position:absolute;z-index:100}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:1s ease-in-out infinite spin}.no-animation .spinner{animation:none;border-top-color:rgba(255,255,255,.5)}@keyframes spin{to{transform:rotate(360deg)}}.error-container{text-align:center;padding:40px 20px}.error-icon{font-size:48px;margin-bottom:20px}.error-message{font-size:18px;font-weight:500;margin-bottom:10px}.error-detail{font-size:14px;color:#aaa;margin-bottom:20px}.retry-btn{color:#fff;border:none;padding:10px 20px;border-radius:20px;cursor:pointer;font-size:14px;transition:background .3s}.no-animation video,.retry-btn.no-animation{transition:none}.retry-btn:hover{background:#555}video{display:block;border-radius:12px;box-shadow:0 0 30px rgba(255,255,255,.1);object-fit:contain;transition:.3s ease-in-out}@media (max-width:768px){video{max-width:100%;max-height:80vh}}@media (min-width:769px){video{max-width:90vw;max-height:90vh}}#aplayer{display:none!important}