.listen-detail-main{width:100%;padding:20px 0}.listen-detail-box{display:flex;align-items:center;gap:1rem;background:#f5f5f5;padding:8px 12px;margin:0 auto;max-width:max-content}.listen-detail-title{flex:1 1;font-size:1.15rem;font-weight:400;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listen-duration{background:#4a6c37;color:#fff;padding:8px 12px;font-size:1.15rem}.floating-audio-player{position:fixed;bottom:2rem;right:2rem;width:32rem;max-width:calc(100vw - 2rem);display:flex;align-items:center;gap:1rem;background:#fff;border-radius:1rem;padding:1rem;box-shadow:0 10px 40px rgba(0,0,0,.12);z-index:85}.audio-btn{width:3rem;height:3rem;border:none;border-radius:50%;background:#4a6c37;color:white;display:flex;align-items:center;justify-content:center;cursor:pointer}.audio-player-content{flex:1 1;min-width:0}.audio-player-title{font-size:.95rem;margin-bottom:.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.audio-progress{width:100%;cursor:pointer}.audio-time{display:flex;justify-content:space-between;font-size:.75rem;color:#777;margin-top:.35rem}.volume-wrapper{display:flex;align-items:center;gap:.5rem}.volume-wrapper input{width:80px}.audio-close-btn{border:none;background:transparent;cursor:pointer}@media (max-width:768px){.floating-audio-player{left:1rem;right:1rem;width:auto;bottom:1rem}.volume-wrapper{display:none}}