.index{padding:20px;box-sizing:border-box}.stats{width:100%}.top-controls-row{display:flex;align-items:center;gap:30px;margin-bottom:20px;flex-wrap:wrap}.online-num-wrap{display:flex;align-items:center;font-weight:600;color:#2080ee}.online-num-value{color:#67c23a;margin-left:4px;display:flex;align-items:center}.online-num-value .el-icon-s-custom{margin-left:6px;font-size:16px}.top-controls-row .el-switch{display:flex;align-items:center;height:32px}.top-controls-row .el-switch__label{font-size:14px;padding:0 8px}.date-query-row{display:flex;align-items:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}.date-query-row .el-date-picker{width:220px}.date-query-row .el-button--primary{padding:0 24px}.prompt{color:#666;font-size:13px;margin-top:-10px}.prompt,.stats-card-col,.stats-card-row{margin-bottom:20px}.box-card{height:100%;display:flex;flex-direction:column}.card-header{display:flex;align-items:center;justify-content:center;padding:10px 0;border-radius:4px 4px 0 0}.chongzhi{background-color:#2e8b57;color:#eee}.fahuotiqu{background-color:#8b0000;color:#eee}.zongtiqu{background-color:pink;color:#333}.card-value{flex:1;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#333;padding:15px 0}.el-loading-mask{z-index:100}@media (max-width:1200px){.top-controls-row{gap:20px}.date-query-row{gap:15px}.date-query-row .el-date-picker{width:180px}}@media (max-width:768px){.top-controls-row{gap:15px}.date-query-row .el-date-picker{width:100%;max-width:300px}.card-value{font-size:18px}}.date-query-row .el-button--primary{padding:10px 30px;font-size:16px;height:40px}