.data-chart-container[data-v-4e79eda4]{background:#030d14;background-image:url(//huodongge-1254430703.cos.ap-guangzhou.myqcloud.com/uploads/1809/1984/image/ef1d8b3038640012c0549faf03342fba.png);background-size:cover;background-position:50%;background-repeat:no-repeat;min-height:100vh;min-width:1580px}.data-chart-container .header[data-v-4e79eda4]{height:70px;background:hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid hsla(0,0%,100%,.22);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.data-chart-container .header .header-left[data-v-4e79eda4]{display:flex;align-items:center}.data-chart-container .header .header-left .left-logo[data-v-4e79eda4]{width:136px;height:auto}.data-chart-container .header .header-left .left-icon[data-v-4e79eda4]{width:2px;height:12px;border-radius:10px;opacity:.1;background:#e9eef2;margin:0 16px}.data-chart-container .header .header-left .logo-text[data-v-4e79eda4]{font-size:16px;font-weight:600;color:#fff}.data-chart-container .header .header-center[data-v-4e79eda4]{display:flex;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.data-chart-container .header .header-center .center-img[data-v-4e79eda4]{width:30px;height:40px;margin-right:12px}.data-chart-container .header .header-center .activity-select[data-v-4e79eda4]{border-radius:4px;color:#fff;font-size:24px;font-weight:500}.data-chart-container .header .header-center .center-icon[data-v-4e79eda4]{display:inline-block;margin-left:12px;color:#fff;font-size:24px!important}.data-chart-container .header .header-right[data-v-4e79eda4]{display:flex;align-items:center;gap:20px}.data-chart-container .header .header-right .date-range[data-v-4e79eda4]{font-size:14px;color:hsla(0,0%,100%,.8);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.data-chart-container .header .header-right .date-range .range-hint[data-v-4e79eda4]{font-size:12px;color:hsla(0,0%,100%,.5)}.data-chart-container .header .header-right .date-range .range-time[data-v-4e79eda4]{font-size:16px;font-weight:500;color:hsla(0,0%,100%,.8)}.data-chart-container .header .header-right .export-btn[data-v-4e79eda4]{min-width:72px;height:32px;background:hsla(0,0%,100%,.1);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 12px}.data-chart-container .header .header-right .export-btn .btn-icon[data-v-4e79eda4]{margin-right:4px}.data-chart-container .main-content[data-v-4e79eda4]{display:flex;padding:20px;gap:20px}.data-chart-container .main-content .center-section[data-v-4e79eda4],.data-chart-container .main-content .left-section[data-v-4e79eda4],.data-chart-container .main-content .right-section[data-v-4e79eda4]{display:flex;flex-direction:column;gap:20px}.data-chart-container .main-content .left-section[data-v-4e79eda4],.data-chart-container .main-content .right-section[data-v-4e79eda4]{width:450px;flex-shrink:0}.data-chart-container .main-content .left-section[data-v-4e79eda4]::-webkit-scrollbar,.data-chart-container .main-content .right-section[data-v-4e79eda4]::-webkit-scrollbar{width:6px}.data-chart-container .main-content .left-section[data-v-4e79eda4]::-webkit-scrollbar-track,.data-chart-container .main-content .right-section[data-v-4e79eda4]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:3px}.data-chart-container .main-content .left-section[data-v-4e79eda4]::-webkit-scrollbar-thumb,.data-chart-container .main-content .right-section[data-v-4e79eda4]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.data-chart-container .main-content .left-section[data-v-4e79eda4]::-webkit-scrollbar-thumb:hover,.data-chart-container .main-content .right-section[data-v-4e79eda4]::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.data-chart-container .main-content .center-section[data-v-4e79eda4]{flex:1;width:0}.data-chart-container .main-content .card[data-v-4e79eda4]{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:24px 16px}.data-chart-container .main-content .card .card-title[data-v-4e79eda4]{font-size:20px;font-weight:500;color:#fff;margin:0 0 16px 0;height:28px}.data-chart-container .main-content .card .card-title-revenue[data-v-4e79eda4]{justify-content:center}.data-chart-container .main-content .card .card-title-performance[data-v-4e79eda4],.data-chart-container .main-content .card .card-title-revenue[data-v-4e79eda4]{font-size:20px;font-weight:500;color:#fff;margin:0 0 16px 0;height:28px;display:flex;align-items:center}.data-chart-container .main-content .card.activity-core-data[data-v-4e79eda4]{background:radial-gradient(53% 53% at 50% 0,rgba(162,75,250,.2) 0,rgba(162,75,250,0) 100%),hsla(0,0%,100%,.06)}.data-chart-container .main-content .card.activity-core-data .data-grid .grid-row[data-v-4e79eda4]{display:flex;gap:8px}.data-chart-container .main-content .card.activity-core-data .data-grid .grid-row .data-item[data-v-4e79eda4]{height:80px;flex:1;border-radius:8px;background:hsla(0,0%,100%,.07);padding:15px 0 0 12px;position:relative}.data-chart-container .main-content .card.activity-core-data .data-grid .grid-row .data-item .data-value[data-v-4e79eda4]{font-size:20px;color:#fff;margin-top:4px;font-family:OPPOSans-Bold}.data-chart-container .main-content .card.activity-core-data .data-grid .grid-row .data-item .data-label[data-v-4e79eda4]{font-size:14px;font-weight:500;color:hsla(0,0%,100%,.6)}.data-chart-container .main-content .card.activity-core-data .data-grid .grid-row .data-item .data-icon[data-v-4e79eda4]{font-size:32px!important;position:absolute;right:16px;top:50%;opacity:.5;color:#fff;transform:translateY(-50%)}.data-chart-container .main-content .card.performance-ranking[data-v-4e79eda4],.data-chart-container .main-content .card.product-ranking[data-v-4e79eda4]{background:radial-gradient(53% 53% at 50% 0,rgba(162,75,250,.2) 0,rgba(162,75,250,0) 100%),hsla(0,0%,100%,.06);overflow:hidden;padding-bottom:16px}.data-chart-container .main-content .card.performance-ranking .ranking-list[data-v-4e79eda4],.data-chart-container .main-content .card.product-ranking .ranking-list[data-v-4e79eda4]{display:flex;flex-direction:column;gap:8px}.data-chart-container .main-content .card.performance-ranking .ranking-list .ranking-item[data-v-4e79eda4],.data-chart-container .main-content .card.product-ranking .ranking-list .ranking-item[data-v-4e79eda4]{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 8px;background:hsla(0,0%,100%,.07);border-radius:8px}.data-chart-container .main-content .card.performance-ranking .ranking-list .ranking-item .ranking-info[data-v-4e79eda4],.data-chart-container .main-content .card.product-ranking .ranking-list .ranking-item .ranking-info[data-v-4e79eda4]{display:flex;align-items:center}.data-chart-container .main-content .card.performance-ranking .ranking-list .ranking-item .ranking-info .info-icon[data-v-4e79eda4],.data-chart-container .main-content .card.product-ranking .ranking-list .ranking-item .ranking-info .info-icon[data-v-4e79eda4]{width:24px;height:24px}.data-chart-container .main-content .card.performance-ranking .ranking-list .ranking-item .ranking-info .info-cover[data-v-4e79eda4],.data-chart-container .main-content .card.product-ranking .ranking-list .ranking-item .ranking-info .info-cover[data-v-4e79eda4]{width:48px;height:48px;background:linear-gradient(135deg,#00c3ff,#06f);border-radius:4px;position:relative;margin-left:10px;overflow:hidden}.data-chart-container .main-content .card.performance-ranking .ranking-list .ranking-item .ranking-info .info-cover .cover-img[data-v-4e79eda4],.data-chart-container .main-content .card.product-ranking .ranking-list .ranking-item .ranking-info .info-cover .cover-img[data-v-4e79eda4]{width:100%;height:100%}.data-chart-container .main-content .card.performance-ranking .ranking-list .ranking-item .ranking-info .info-cover .cover-tag[data-v-4e79eda4],.data-chart-container .main-content .card.product-ranking .ranking-list .ranking-item .ranking-info .info-cover .cover-tag[data-v-4e79eda4]{width:24px;height:14px;background:#3af;border-radius:4px 0 4px 0;display:flex;align-items:center;justify-content:center}.data-chart-container .main-content .card.performance-ranking .ranking-list .ranking-item .ranking-info .info-cover .cover-tag span[data-v-4e79eda4],.data-chart-container .main-content .card.product-ranking .ranking-list .ranking-item .ranking-info .info-cover .cover-tag span[data-v-4e79eda4]{color:#fff;zoom:.8}.data-chart-container .main-content .card.performance-ranking .ranking-list .ranking-item .ranking-info .info-detail[data-v-4e79eda4],.data-chart-container .main-content .card.product-ranking .ranking-list .ranking-item .ranking-info .info-detail[data-v-4e79eda4]{padding-left:8px}.data-chart-container .main-content .card.performance-ranking .ranking-list .ranking-item .ranking-info .info-detail .detail-name[data-v-4e79eda4],.data-chart-container .main-content .card.product-ranking .ranking-list .ranking-item .ranking-info .info-detail .detail-name[data-v-4e79eda4]{font-size:14px;color:#fff;height:20px;margin-top:2px}.data-chart-container .main-content .card.performance-ranking .ranking-list .ranking-item .ranking-info .info-detail .detail-price[data-v-4e79eda4],.data-chart-container .main-content .card.product-ranking .ranking-list .ranking-item .ranking-info .info-detail .detail-price[data-v-4e79eda4]{color:#aebac2;font-size:12px;margin-top:7px}.data-chart-container .main-content .card.performance-ranking .ranking-list .ranking-item .ranking-info .info-detail .detail-price span[data-v-4e79eda4],.data-chart-container .main-content .card.product-ranking .ranking-list .ranking-item .ranking-info .info-detail .detail-price span[data-v-4e79eda4]{color:#fa4b4e;padding-left:8px}.data-chart-container .main-content .card.performance-ranking .ranking-list .ranking-item .ranking-right[data-v-4e79eda4],.data-chart-container .main-content .card.product-ranking .ranking-list .ranking-item .ranking-right[data-v-4e79eda4]{font-size:16px;font-weight:700;color:#00c3ff}.data-chart-container .main-content .card.performance-ranking .ranking-list .ranking-item .ranking-right .right-name[data-v-4e79eda4],.data-chart-container .main-content .card.product-ranking .ranking-list .ranking-item .ranking-right .right-name[data-v-4e79eda4]{font-size:12px;font-weight:500;color:hsla(0,0%,100%,.5)}.data-chart-container .main-content .card.performance-ranking .ranking-list .ranking-item .ranking-right .right-num[data-v-4e79eda4],.data-chart-container .main-content .card.product-ranking .ranking-list .ranking-item .ranking-right .right-num[data-v-4e79eda4]{font-size:20px;color:#fff;margin-top:2px;text-align:right;font-family:OPPOSans-Bold}.data-chart-container .main-content .card.order-dynamic[data-v-4e79eda4]{background:radial-gradient(53% 53% at 50% 0,rgba(162,75,250,.2) 0,rgba(162,75,250,0) 100%),hsla(0,0%,100%,.06);overflow:hidden;padding-bottom:16px;display:flex;flex-direction:column}.data-chart-container .main-content .card.order-dynamic .order-list[data-v-4e79eda4]{height:284px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.data-chart-container .main-content .card.order-dynamic .order-list[data-v-4e79eda4]::-webkit-scrollbar{width:0}.data-chart-container .main-content .card.order-dynamic .order-list .order-item[data-v-4e79eda4]{display:flex;align-items:center;height:40px;border-radius:8px;padding:0 12px;background:hsla(0,0%,100%,.07);flex-shrink:0}.data-chart-container .main-content .card.order-dynamic .order-list .order-item .item-user[data-v-4e79eda4]{width:120px;display:flex;align-items:center}.data-chart-container .main-content .card.order-dynamic .order-list .order-item .item-user .user-avatar[data-v-4e79eda4]{width:24px;height:24px;border-radius:100px;border:1px solid #e9eef2}.data-chart-container .main-content .card.order-dynamic .order-list .order-item .item-user .user-name[data-v-4e79eda4]{font-size:12px;color:#fff;padding-left:8px}.data-chart-container .main-content .card.order-dynamic .order-list .order-item .item-desc[data-v-4e79eda4]{font-size:12px;font-weight:500;color:#fa3;flex:1}.data-chart-container .main-content .card.order-dynamic .order-list .order-item .item-time[data-v-4e79eda4]{width:120px;text-align:right;font-size:12px;color:hsla(0,0%,100%,.6)}.data-chart-container .main-content .card .time-filter[data-v-4e79eda4]{margin-left:8px;width:76px;position:relative;top:-1px}.data-chart-container .main-content .card .time-filter[data-v-4e79eda4] .el-select .el-input__inner{background:rgba(240,243,245,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff}.data-chart-container .main-content .card .time-filter[data-v-4e79eda4] .el-select .el-input__inner::-moz-placeholder{color:hsla(0,0%,100%,.6)}.data-chart-container .main-content .card .time-filter[data-v-4e79eda4] .el-select .el-input__inner::placeholder{color:hsla(0,0%,100%,.6)}.data-chart-container .main-content .card .time-filter[data-v-4e79eda4] .el-select .el-input__suffix .el-input__icon{color:hsla(0,0%,100%,.6)}.data-chart-container .main-content .card .time-filter[data-v-4e79eda4] .el-select-dropdown{background:rgba(0,0,0,.9);border:1px solid hsla(0,0%,100%,.2);border-radius:6px}.data-chart-container .main-content .card .time-filter[data-v-4e79eda4] .el-select-dropdown .el-select-dropdown__item{color:#fff;font-size:14px}.data-chart-container .main-content .card .time-filter[data-v-4e79eda4] .el-select-dropdown .el-select-dropdown__item:hover{background:rgba(51,170,255,.3)}.data-chart-container .main-content .card .time-filter[data-v-4e79eda4] .el-select-dropdown .el-select-dropdown__item.selected{background:#3af;color:#fff}.data-chart-container .main-content .card.total-revenue[data-v-4e79eda4]{background:linear-gradient(0deg,#3af,#0a64e3);border:none}.data-chart-container .main-content .card.total-revenue.card[data-v-4e79eda4]{padding-top:40px;padding-bottom:40px}.data-chart-container .main-content .card.total-revenue.card .card-title[data-v-4e79eda4]{text-align:center;font-size:20px;color:#fff}.data-chart-container .main-content .card.total-revenue.card .revenue-main .revenue-amount[data-v-4e79eda4]{font-size:64px;height:84px}.data-chart-container .main-content .card.total-revenue.card .revenue-main .revenue-subtitle[data-v-4e79eda4]{margin-top:10.5px;font-size:16px;height:21px}.data-chart-container .main-content .card.total-revenue .revenue-main[data-v-4e79eda4]{text-align:center;margin-bottom:20px}.data-chart-container .main-content .card.total-revenue .revenue-main .revenue-amount[data-v-4e79eda4]{font-size:36px;font-weight:700;color:#fff;margin-bottom:8px;font-family:OPPOSans-Bold}.data-chart-container .main-content .card.total-revenue .revenue-main .revenue-subtitle[data-v-4e79eda4]{font-size:14px;color:hsla(0,0%,100%,.8)}.data-chart-container .main-content .card.total-revenue .revenue-stats[data-v-4e79eda4]{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:68px}.data-chart-container .main-content .card.total-revenue .revenue-stats .stat-item[data-v-4e79eda4]{text-align:center}.data-chart-container .main-content .card.total-revenue .revenue-stats .stat-item .stat-label[data-v-4e79eda4]{font-size:16px;color:hsla(0,0%,100%,.8);height:22px}.data-chart-container .main-content .card.total-revenue .revenue-stats .stat-item .stat-value[data-v-4e79eda4]{font-size:24px;color:#fff;margin-top:6px;font-family:OPPOSans-Bold}.data-chart-container .main-content .card.activity-data-chart[data-v-4e79eda4]{position:relative;background:radial-gradient(53% 53% at 50% 0,rgba(162,75,250,.2) 0,rgba(162,75,250,0) 100%),hsla(0,0%,100%,.06)}.data-chart-container .main-content .card.activity-data-chart .chart-header[data-v-4e79eda4]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.data-chart-container .main-content .card.activity-data-chart .chart-header .chart-tabs[data-v-4e79eda4]{position:absolute;top:19px;right:16px;width:330px;border-radius:14px;height:38px;display:flex;align-items:center;background:rgba(240,243,245,.1);gap:4px;padding:0 4px}.data-chart-container .main-content .card.activity-data-chart .chart-header .chart-tabs .tab-btn[data-v-4e79eda4]{font-size:14px;cursor:pointer;width:70px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff}.data-chart-container .main-content .card.activity-data-chart .chart-header .chart-tabs .tab-btn.active[data-v-4e79eda4]{background:#3af;color:#fff;font-weight:600}.data-chart-container .main-content .card.activity-data-chart .chart-instru[data-v-4e79eda4]{position:absolute;left:30px;top:78px;display:flex;align-items:center}.data-chart-container .main-content .card.activity-data-chart .chart-instru .instru-item[data-v-4e79eda4]{margin-right:24px;color:#fff;font-size:12px;position:relative}.data-chart-container .main-content .card.activity-data-chart .chart-instru .instru-item[data-v-4e79eda4]:after{content:"";position:absolute;top:50%;left:-10px;width:6px;height:6px;border-radius:50%;background:#3af}.data-chart-container .main-content .card.activity-data-chart .chart-instru .instru-item[data-v-4e79eda4]:last-child:after{background:#fa3}.data-chart-container .main-content .card.activity-data-chart .chart-container[data-v-4e79eda4]{width:100%;height:450px}.data-chart-container .main-content .card.staff-data[data-v-4e79eda4]{background:radial-gradient(53% 53% at 50% 0,rgba(162,75,250,.2) 0,rgba(162,75,250,0) 100%),hsla(0,0%,100%,.06)}.data-chart-container .main-content .card.staff-data .staff-stats[data-v-4e79eda4]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.data-chart-container .main-content .card.staff-data .staff-stats .stat-item[data-v-4e79eda4]{background:hsla(0,0%,100%,.07);border-radius:8px;height:96px;padding:24px 0 0 16px;position:relative}.data-chart-container .main-content .card.staff-data .staff-stats .stat-item .stat-label[data-v-4e79eda4]{font-size:14px;color:hsla(0,0%,100%,.6);height:20px;opacity:.6;font-weight:500}.data-chart-container .main-content .card.staff-data .staff-stats .stat-item .stat-value[data-v-4e79eda4]{font-size:20px;color:#fff;margin-top:2px;font-family:OPPOSans-Bold}.data-chart-container .main-content .card.staff-data .staff-stats .stat-item .stat-icon[data-v-4e79eda4]{position:absolute;top:50%;right:16px;transform:translateY(-50%);font-size:32px!important;opacity:.5;color:#fff}.data-chart-container .main-content .card.performance-ranking[data-v-4e79eda4]{background:radial-gradient(53% 53% at 50% 0,rgba(162,75,250,.2) 0,rgba(162,75,250,0) 100%),hsla(0,0%,100%,.06);position:relative}.data-chart-container .main-content .card.performance-ranking .ranking-tabs[data-v-4e79eda4]{position:absolute;top:19px;right:16px;width:152px;border-radius:14px;height:38px;display:flex;align-items:center;background:rgba(240,243,245,.1);gap:4px;padding:0 4px}.data-chart-container .main-content .card.performance-ranking .ranking-tabs .tab-btn[data-v-4e79eda4]{font-size:14px;cursor:pointer;width:70px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff}.data-chart-container .main-content .card.performance-ranking .ranking-tabs .tab-btn.active[data-v-4e79eda4]{background:#3af;color:#fff;font-weight:600}.data-chart-container .main-content .card.performance-ranking .tab[data-v-4e79eda4]{display:flex;align-items:center;color:#fff;opacity:.6;font-size:12px;margin-bottom:8px}.data-chart-container .main-content .card.performance-ranking .ranking-list[data-v-4e79eda4]{overflow-y:auto;height:550px}.data-chart-container .main-content .card.performance-ranking .ranking-list[data-v-4e79eda4]::-webkit-scrollbar{width:0}.data-chart-container .main-content .card.performance-ranking .ranking-list .ranking-item[data-v-4e79eda4]{justify-content:flex-start;flex-shrink:0}.data-chart-container .main-content .card.performance-ranking .ranking-list .ranking-item .item-index[data-v-4e79eda4]{padding-left:6px}.data-chart-container .main-content .card.performance-ranking .ranking-list .ranking-item .item-index .index-num[data-v-4e79eda4]{width:24px;height:24px}.data-chart-container .main-content .card.performance-ranking .ranking-list .ranking-item .item-index span[data-v-4e79eda4]{font-size:14px;color:#fff;font-family:OPPOSans}.data-chart-container .main-content .card.performance-ranking .ranking-list .ranking-item .item-user[data-v-4e79eda4]{display:flex;align-items:center;flex-shrink:0;padding-left:10px}.data-chart-container .main-content .card.performance-ranking .ranking-list .ranking-item .item-user .user-avatar[data-v-4e79eda4]{width:24px;height:24px;border-radius:100px;border:1px solid #e9eef2;overflow:hidden;margin-right:6px}.data-chart-container .main-content .card.performance-ranking .ranking-list .ranking-item .item-user .user-avatar .avatar-url[data-v-4e79eda4]{width:100%;height:100%}.data-chart-container .main-content .card.performance-ranking .ranking-list .ranking-item .item-user .user-name[data-v-4e79eda4]{font-weight:500;color:#fff}.data-chart-container .main-content .card.performance-ranking .ranking-list .ranking-item .item-value[data-v-4e79eda4]{font-size:18px;color:#fa3;font-family:OPPOSans-Bold;flex-shrink:0;padding-left:10px}.data-chart-container .main-content .card.performance-ranking .ranking-list .ranking-item .item-amount[data-v-4e79eda4]{color:#fa3;font-size:18px;font-family:OPPOSans-Bold;flex-shrink:0;text-align:right}.empty[data-v-4e79eda4]{text-align:center}.empty .empty-icon[data-v-4e79eda4]{font-size:56px!important;color:#fff;opacity:.2}.empty .empty-text[data-v-4e79eda4]{font-size:16px;font-weight:500;color:#fff;opacity:.2;text-align:center}