.audio-player[data-v-45122cf2]{width:100%;max-width:580px;margin:0 auto;margin-bottom:20px;padding:16px;border:1px solid #e6e6e6;border-radius:12px;background-color:#fff;-webkit-box-shadow:0 6px 20px rgba(0,0,0,.04);box-shadow:0 6px 20px rgba(0,0,0,.04);font-size:14px;color:#333}.audio-player audio[data-v-45122cf2]{display:none}.audio-player--empty[data-v-45122cf2]{text-align:center;color:#999}.controls[data-v-45122cf2]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.controls[data-v-45122cf2],.play-toggle[data-v-45122cf2]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.play-toggle[data-v-45122cf2]{width:38px;height:38px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#edf3ff;color:#4f8dfd;border-radius:20px;border:none;cursor:pointer;-webkit-transition:background .2s,-webkit-transform .2s;transition:background .2s,-webkit-transform .2s;transition:background .2s,transform .2s;transition:background .2s,transform .2s,-webkit-transform .2s}.play-toggle[data-v-45122cf2]:hover{background:#dce8ff}.play-toggle[data-v-45122cf2]:focus{outline:2px solid rgba(79,141,253,.35);outline-offset:2px}.play-toggle svg[data-v-45122cf2]{display:block}.time-info[data-v-45122cf2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;-webkit-box-flex:1;-ms-flex:1;flex:1}.secondary-controls[data-v-45122cf2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px}.secondary-controls label[data-v-45122cf2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;-webkit-box-flex:1;-ms-flex:1;flex:1}.time-progress[data-v-45122cf2]{-webkit-box-flex:1;-ms-flex:1;flex:1;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:6px;border-radius:999px;background:#e5e7eb;outline:none;cursor:pointer;position:relative}.time-progress[data-v-45122cf2]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:-webkit-gradient(linear,left top,right top,from(#4f8dfd),to(#7f61ff));background:linear-gradient(90deg,#4f8dfd,#7f61ff);background:#e5e7eb}.time-progress[data-v-45122cf2]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #4f8dfd;-webkit-box-shadow:0 0 0 2px rgba(79,141,253,.25);box-shadow:0 0 0 2px rgba(79,141,253,.25);margin-top:-4px;-webkit-transition:-webkit-transform .15s ease,-webkit-box-shadow .15s ease;transition:-webkit-transform .15s ease,-webkit-box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease,-webkit-transform .15s ease,-webkit-box-shadow .15s ease}.time-progress[data-v-45122cf2]:hover::-webkit-slider-thumb{-webkit-transform:scale(1.08);transform:scale(1.08);-webkit-box-shadow:0 0 0 4px rgba(79,141,253,.25);box-shadow:0 0 0 4px rgba(79,141,253,.25)}.volume[data-v-45122cf2]{width:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;color:#666;margin-bottom:0}.icon-volume[data-v-45122cf2]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;color:#4f8dfd}.icon-volume svg[data-v-45122cf2]{width:26px;height:26px}.volume input[type=range][data-v-45122cf2]{-webkit-box-flex:1;-ms-flex:1;flex:1;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:4px;border-radius:999px;background:#e5e7eb;outline:none;cursor:pointer}.volume input[type=range][data-v-45122cf2]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:#e5e7eb}.volume input[type=range][data-v-45122cf2]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#4f8dfd;margin-top:-3px}.volume input[type=range][data-v-45122cf2]::-moz-range-track{height:4px;border-radius:999px;background:#e5e7eb}.volume input[type=range][data-v-45122cf2]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#4f8dfd}.rate[data-v-45122cf2]{width:60px}.rate select[data-v-45122cf2]{width:100%;padding:4px 8px;border-radius:6px;border:1px solid #ddd}.top-container[data-v-b50a79f8]{height:57px;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:4px 12px 3px 33px;border-bottom:1px solid #c1c1c1}.top-container .logo-container[data-v-b50a79f8],.top-container[data-v-b50a79f8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.top-container .logo-container[data-v-b50a79f8]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.top-container .logo-container .logo-container-item[data-v-b50a79f8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:10px}.top-container .logo-container .logo-container-item .logo-img[data-v-b50a79f8]{height:37px}.top-container .logo-container .taker-with-time-container[data-v-b50a79f8]{color:red}.top-container .logo-container .taker-with-time-container .taker-with-time-title[data-v-b50a79f8]{font-size:16px;color:#000;font-weight:700}.top-container .logo-container .taker-with-time-container .taker-with-time-time[data-v-b50a79f8]{font-size:16px}.top-container .audio-container[data-v-b50a79f8]{width:40%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 20px}.top-container .audio-container[data-v-b50a79f8] .audio-player{max-width:100%;margin:0;padding:8px 12px;border:none;-webkit-box-shadow:none;box-shadow:none;background:transparent}.top-container .audio-container[data-v-b50a79f8] .audio-player .controls{gap:8px}.top-container .audio-container[data-v-b50a79f8] .audio-player .play-toggle{width:32px;height:32px}.top-container .audio-container[data-v-b50a79f8] .audio-player .time-info{font-size:12px}.top-container .audio-container[data-v-b50a79f8] .audio-player .volume{width:60px}.top-container .audio-container[data-v-b50a79f8] .audio-player .rate{width:70px}.top-container .audio-container[data-v-b50a79f8] .audio-player .rate select{font-size:12px;padding:2px 4px}.top-container .control-buttons[data-v-b50a79f8]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.top-container .control-buttons[data-v-b50a79f8] .el-button{border:1px solid #000;background-color:#fff;color:#000;outline:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;line-height:1}.top-container .control-buttons[data-v-b50a79f8] .el-button:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}.top-container .control-buttons[data-v-b50a79f8] .el-button:active{color:#3a8ee6;border-color:#3a8ee6;outline:none}.top-container .control-buttons[data-v-b50a79f8] .el-button.el-button--small{padding:9px 15px;font-size:12px;border-radius:4px;line-height:1}.top-container .control-buttons[data-v-b50a79f8] .el-button.el-button--small span{display:inline-block;vertical-align:middle;line-height:1}