.live-detail-mock[data-v-ee4b57ce]{background:#fff;border-radius:12px;box-shadow:0 3px 15px 0 hsla(0,0%,48%,.1);margin-bottom:20px;overflow:hidden}.tabs-bar[data-v-ee4b57ce]{background:#fff;border-bottom:1px solid #f0f0f0;gap:28px;height:48px;padding:0 20px}.tab-item[data-v-ee4b57ce]{color:#333;cursor:pointer;font-size:14px;height:48px;line-height:48px;position:relative;white-space:nowrap}.tab-item.is-active[data-v-ee4b57ce]{color:#ff7752;font-weight:500}.tab-item.is-active[data-v-ee4b57ce]:after{background:#ff7752;border-radius:1px;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.tab-item[data-v-ee4b57ce]:hover{color:#ff7752}.content-wrapper[data-v-ee4b57ce]{padding:20px}.sub-tabs[data-v-ee4b57ce]{border-bottom:1px solid #f5f5f5;flex:1;gap:20px;margin-right:73px}.sub-tab-item[data-v-ee4b57ce]{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;margin:0;padding-bottom:19px;position:relative}.sub-tab-item.is-active[data-v-ee4b57ce]{color:#ff7752;font-weight:500}.sub-tab-item[data-v-ee4b57ce]:hover{color:#ff7752}.sub-tab-item .el-icon-question[data-v-ee4b57ce]{color:#999;font-size:14px}.charts-section[data-v-ee4b57ce],.row-with-gap[data-v-ee4b57ce]{gap:73px}.half-width[data-v-ee4b57ce]{flex:1;min-width:0}.chart-group[data-v-ee4b57ce]{padding-bottom:30px}.chart-left[data-v-ee4b57ce],.chart-right[data-v-ee4b57ce]{flex:1;min-width:0}.chart-right-metrics[data-v-ee4b57ce]{flex-shrink:0;width:520px}.ml-auto[data-v-ee4b57ce]{margin-left:auto}.metric-item[data-v-ee4b57ce]{align-items:center;display:flex}.chart-header .metric-label[data-v-ee4b57ce]{margin-bottom:4px}.chart-right-title[data-v-ee4b57ce]{border-bottom:1px solid #f5f5f5;flex:1;font-weight:400;padding-bottom:19px}.metric-value[data-v-ee4b57ce]{font-family:MCDS-Demibold,MCDS}.mb12[data-v-ee4b57ce]{margin-bottom:12px}.mr40[data-v-ee4b57ce]{margin-right:40px}.control-tabs[data-v-ee4b57ce]{border-radius:4px;display:flex;overflow:hidden}.control-tabs .control-tab[data-v-ee4b57ce]{background:#fff;border:1px solid #e8ebf1;color:#666;cursor:pointer;font-size:12px;height:28px;line-height:28px;margin-left:-1px;padding:0 12px}.control-tabs .control-tab[data-v-ee4b57ce]:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px;margin-left:0}.control-tabs .control-tab[data-v-ee4b57ce]:last-child{border-bottom-right-radius:4px;border-top-right-radius:4px}.control-tabs .control-tab.is-active[data-v-ee4b57ce]{background:#fff;border-color:#ff7752;color:#ff7752;position:relative;z-index:1}.control-tabs .control-tab[data-v-ee4b57ce]:hover{color:#ff7752}.legend-row[data-v-ee4b57ce]{color:#666;font-size:12px}.legend-row .legend-bar[data-v-ee4b57ce]{border-radius:1px;display:inline-block;height:2px;width:16px}.legend-row .legend-bar.orange[data-v-ee4b57ce]{background:#ff7752}.legend-row .legend-bar.green[data-v-ee4b57ce]{background:#00c9c9}.legend-row .legend-text[data-v-ee4b57ce]{color:#666;font-size:12px}.chart-canvas[data-v-ee4b57ce]{cursor:pointer}.chart-canvas[data-v-ee4b57ce],.empty-chart[data-v-ee4b57ce]{height:300px;width:100%}.empty-chart .empty-img[data-v-ee4b57ce]{height:120px;margin-bottom:10px;width:120px}.empty-chart .empty-text[data-v-ee4b57ce]{margin:0}.mb10[data-v-ee4b57ce]{margin-bottom:10px}.mb15[data-v-ee4b57ce]{margin-bottom:15px}.mb20[data-v-ee4b57ce]{margin-bottom:20px}.ml5[data-v-ee4b57ce]{margin-left:5px}.ml6[data-v-ee4b57ce]{margin-left:6px}.ml15[data-v-ee4b57ce]{margin-left:15px}.ml20[data-v-ee4b57ce]{margin-left:20px}.mr15[data-v-ee4b57ce]{margin-right:15px}.mr30[data-v-ee4b57ce]{margin-right:30px}.flex[data-v-89453268]{display:flex}.inline-flex[data-v-89453268]{display:inline-flex}.align-items-center[data-v-89453268]{align-items:center}.align-items-baseline[data-v-89453268]{align-items:baseline}.align-items-start[data-v-89453268]{align-items:flex-start}.align-items-end[data-v-89453268]{align-items:flex-end}.justify-content-end[data-v-89453268]{justify-content:flex-end}.justify-content-center[data-v-89453268]{justify-content:center}.justify-content-start[data-v-89453268]{justify-content:start}.flex-1[data-v-89453268]{flex:1}.flex-2[data-v-89453268]{flex:2}.flex-3[data-v-89453268]{flex:3}.flex-4[data-v-89453268]{flex:4}.flex-5[data-v-89453268]{flex:5}.flex-6[data-v-89453268]{flex:6}.flex-7[data-v-89453268]{flex:7}.flex-8[data-v-89453268]{flex:8}.flex-9[data-v-89453268]{flex:9}.flex-10[data-v-89453268]{flex:10}.flex-direction-column[data-v-89453268]{flex-direction:column}.justify-content-space-between[data-v-89453268]{justify-content:space-between}.flex-flow-row-wrap[data-v-89453268]{flex-flow:row wrap}.flex-direction[data-v-89453268]{flex-direction:row-reverse}.live-detail-page .info-box .common-btn[data-v-89453268]{height:36px;width:36px}.live-detail-page .info-box .common-btn[data-v-89453268] .el-button{align-items:center;border:1px solid #e8ebf1;color:#e8ebf1;display:flex;height:36px;justify-content:center;padding:0;width:36px}.live-detail-page .info-box .common-btn[data-v-89453268] .el-icon-refresh{color:#2e323a;font-size:22px;font-weight:500}.live-detail-page .info-box .common-btn[data-v-89453268] .el-icon-loading{color:#ff7752}.live-detail-page .info-box .chat-ai-button-wrap[data-v-89453268]{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(261deg,#ffd5b4 14.03%,#ff9fc2 41.94%,#abb6ff 86.34%) border-box;border:1px solid transparent;border-radius:4px;height:36px;padding:0 10px 0 8px}.live-detail-page .info-box .detail-box1[data-v-89453268]{margin:0 auto 15px;min-height:198px;width:1190px}.live-detail-page .info-box .detail-box1 .live-info-box[data-v-89453268]{min-height:198px}.live-detail-page .info-box .detail-box1 .live-info-box .live-info[data-v-89453268]{background:#fff;border-radius:8px;box-shadow:0 2px 16px 5px rgba(0,0,0,.05);min-height:198px}.live-detail-page .info-box .detail-box1 .live-info-box .live-info-left .img-box[data-v-89453268]{height:158px;width:108px}.live-detail-page .info-box .detail-box1 .live-info-box .live-info-left .img-box img[data-v-89453268]{border-radius:8px;display:block;height:158px;width:108px}.live-detail-page .info-box .detail-box1 .live-info-box .live-info-left .img-box .img-bg[data-v-89453268]{border-radius:8px;display:block;height:158px;-o-object-fit:cover;object-fit:cover;width:108px}.live-detail-page .info-box .detail-box1 .live-info-box .live-info-left .date-box .date1 .time-icon[data-v-89453268]{color:#999;font-size:14px;margin-right:5px}.live-detail-page .info-box .detail-box1 .live-info-box .live-info-left .date-box .date2-m[data-v-89453268]{margin-right:40px}.live-detail-page .info-box .detail-box1 .live-info-box .live-info-left .date-box .date2-m[data-v-89453268]:last-child{margin-right:0}.live-detail-page .info-box .detail-box1 .live-info-box .info-right[data-v-89453268]{background:#fafafa;border-radius:12px;flex-shrink:0;height:158px;padding:17px 20px;width:277px}.live-detail-page .info-box .detail-box1 .live-info-box .info-right .author-img[data-v-89453268]{border-radius:50%;display:block;flex-shrink:0;height:48px;width:48px}.live-detail-page .info-box .detail-box1 .live-info-box .info-right .name-hover[data-v-89453268]:hover{color:#ff7752}.live-detail-page .info-box .detail-box1 .live-info-box .info-right .info-right-count[data-v-89453268]{max-width:50%}.live-detail-page .info-box .detail-box1 .live-info-box .info-right .info-right-label[data-v-89453268]{flex-shrink:0}.live-detail-page .info-box .detail-box1 .live-info-box .info-right .btn-box button[data-v-89453268]{border-radius:4px;cursor:pointer;font-size:14px;font-weight:400;height:32px;padding:0;transition:all .2s;width:114px}.live-detail-page .info-box .detail-box1 .live-info-box .info-right .btn-box button.color-button[data-v-89453268]{background:transparent;border:1px solid #ff7752;color:#ff7752}.live-detail-page .info-box .detail-box1 .live-info-box .info-right .btn-box button.color-button[data-v-89453268]:hover{background:#ff7752;color:#fff}.live-detail-page .info-box .detail-box1 .live-info-box .info-right .btn-box button.speak-btn[data-v-89453268]{background:#ff7752;border:1px solid #ff7752;color:#fff}.live-detail-page .info-box .detail-box1 .live-info-box .info-right .btn-box button.speak-btn[data-v-89453268]:hover{background:#ff5a36;border-color:#ff5a36}.live-detail-page .info-box .detail-box1 .live-info-box .info-right .btn-box button.speak-btn .speak-tag[data-v-89453268]{position:absolute;right:-16px;top:-9px}.live-detail-page .info-box .detail-box2[data-v-89453268]{margin:0 auto;min-height:175px;width:1190px}.live-detail-page .info-box .detail-box2 .live-info-box[data-v-89453268]{background:#fff;border-radius:12px;box-shadow:0 2px 16px 5px rgba(0,0,0,.05);min-height:165px}.live-detail-page .info-box .detail-box2 .live-info-box .live-info[data-v-89453268]{background:#fff;border-radius:8px;min-height:165px}.live-detail-page .info-box .detail-box2 .live-info-box .live-info .section-title[data-v-89453268]{position:relative}.live-detail-page .info-box .detail-box2 .live-info-box .live-info .section-title[data-v-89453268]:before{background:#ff7e5b;border-radius:3.5px;content:"";height:15px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:6px}.live-detail-page .info-box .detail-box2 .live-info-box .live-info-left[data-v-89453268]{width:630px}.live-detail-page .info-box .detail-box2 .live-info-box .live-info-right[data-v-89453268]{width:520px}.live-detail-page .info-box .detail-box2 .live-info-box .live-info-rank[data-v-89453268]{width:200px}.live-detail-page .info-box .detail-box2 .live-info-box .live-info-rank .rank-chart[data-v-89453268]{height:130px;width:100%}.live-detail-page .info-box .detail-box2 .live-info-box .live-info-rank .option-content[data-v-89453268]{bottom:15px;display:flex;font-family:PingFangSC-Regular,PingFang SC;font-size:12px;font-weight:600;justify-content:center;left:0;position:absolute;right:0;width:100%}.live-detail-page .info-box .detail-box2 .live-info-box .live-info-rank .option-content .op1[data-v-89453268]{color:#ff7e5b;cursor:pointer}.live-detail-page .info-box .detail-box2 .live-info-box .live-info-rank .option-content .op2[data-v-89453268]{color:#ff7e5b}.live-detail-page .author-details-wrapper[data-v-89453268]{margin:16px auto 20px;position:relative}.live-detail-page .author-details-wrapper .details-left[data-v-89453268]{background:#fff;border-radius:12px;box-shadow:0 3px 15px 0 hsla(0,0%,48%,.1);height:400px;position:sticky;top:168px;width:150px}.live-detail-page .author-details-wrapper .details-right-wrapper[data-v-89453268]{height:100%;position:relative;width:100%}.live-detail-page .author-details-wrapper .details-right[data-v-89453268]{height:1708px;-o-object-fit:cover;object-fit:cover;position:relative;width:100%;z-index:1}