.visual-table-container[data-v-4eefea9d]{background-color:#111b27;border-radius:12px;padding:20px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.3);box-shadow:0 4px 12px rgba(0,0,0,.3);overflow:hidden}.visual-table-wrapper[data-v-4eefea9d]{max-height:400px;overflow:hidden;position:relative}.visual-table[data-v-4eefea9d]{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;color:#fff}.visual-table thead[data-v-4eefea9d]{position:sticky;top:0;z-index:10;background-color:#1f2937}td[data-v-4eefea9d],th[data-v-4eefea9d]{padding:12px 16px;text-align:left;position:relative;border-bottom:none;width:auto}th[data-v-4eefea9d]{color:#ccc;font-weight:700;width:auto}.table-row:last-child td[data-v-4eefea9d]:after{display:none}.progress-container[data-v-4eefea9d]{height:12px;background-color:hsla(0,0%,100%,.1);border-radius:6px;overflow:hidden;margin-right:10px;display:inline-block;width:120px}.progress-bar[data-v-4eefea9d]{height:100%;-webkit-transition:width .5s ease-in-out;transition:width .5s ease-in-out}@media (max-width:768px){.visual-table-wrapper[data-v-4eefea9d]{max-height:none}.visual-table[data-v-4eefea9d],tbody[data-v-4eefea9d],td[data-v-4eefea9d],th[data-v-4eefea9d],thead[data-v-4eefea9d],tr[data-v-4eefea9d]{display:block}td[data-v-4eefea9d],th[data-v-4eefea9d]{padding:10px}th[data-v-4eefea9d]{background-color:transparent;font-weight:400;position:static;width:auto}tr[data-v-4eefea9d]{margin-bottom:15px;position:relative}.table-row td[data-v-4eefea9d]:after{left:10px;right:10px}}.index[data-v-4eefea9d]{background-color:red}.bg[data-v-00314a4a]{width:100%;height:100vh;margin:0 auto;padding:16px 16px 0 16px;background-image:url(../img/pageBg.f9f9dcd5.png);background-size:cover;background-position:50%;overflow:auto}.totalList[data-v-00314a4a]{position:absolute;right:15%;top:0;width:100%;padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;border-radius:4px}.totalList>div[data-v-00314a4a]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:8px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-left:10px}.totalList .el-button[data-v-00314a4a]{margin:0!important;padding:6px 12px;font-size:12px;border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid hsla(0,0%,100%,.2);background-color:hsla(0,0%,100%,.1);color:#fff}.totalList .el-button[data-v-00314a4a]:hover{background-color:rgba(64,158,255,.7);-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 2px 8px rgba(0,0,0,.2);box-shadow:0 2px 8px rgba(0,0,0,.2)}.totalList .el-button.active[data-v-00314a4a],.totalList .el-button.is-active[data-v-00314a4a]{background-color:#409eff;color:#fff;font-weight:700}.content-box-top[data-v-00314a4a]{height:30vh;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.content-box-bottom[data-v-00314a4a],.content-box-top[data-v-00314a4a]{background-color:rgba(15,19,37,.4);width:100%;margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.content-box-bottom[data-v-00314a4a]{height:50vh;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.content-box-bottom>div[data-v-00314a4a]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.content-box-bottom>div>.data-table[data-v-00314a4a]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.content-box-bottom>div[data-v-00314a4a]:first-child{width:30%}.content-box-bottom>div[data-v-00314a4a]:nth-child(2){width:40%}.content-box-bottom>div[data-v-00314a4a]:last-child{width:30%}.container[data-v-00314a4a]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);gap:10px;padding:0 20px;color:#fff}.data-item[data-v-00314a4a]{padding:20px;text-align:center;background-color:hsla(0,0%,100%,.1)}.data-title[data-v-00314a4a]{font-size:14px;margin-bottom:10px}.data-value[data-v-00314a4a]{font-size:20px;font-weight:700}.two-col[data-v-00314a4a]{grid-column:span 2}[data-v-00314a4a] .el-table{background-color:transparent!important;color:#fff}[data-v-00314a4a] .el-table th,[data-v-00314a4a] .el-table tr{background-color:#111b27!important}[data-v-00314a4a] .el-table__row:hover{background-color:transparent!important}[data-v-00314a4a] .el-table td{border-bottom:1px solid #444}.chart-footer[data-v-00314a4a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:10px;padding:0 20px}.chart-footer .data-item[data-v-00314a4a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 12px;background-color:hsla(0,0%,100%,.1);border-radius:4px;min-width:120px}.chart-footer .data-item .label[data-v-00314a4a]{font-size:12px;color:#a0a8c0;margin-bottom:5px}.chart-footer .data-item .value[data-v-00314a4a]{font-size:16px;font-weight:700;color:#fff}.chart-footer .data-item .value.highlight[data-v-00314a4a]{color:#409eff}.chart-footer .data-item .rate[data-v-00314a4a]{font-size:14px;color:#fc0;margin-left:5px}