.data-statistics-container{display:flex;width:100%;height:100%;background:#dedede;padding:10px;gap:20px;position:relative}.main-content{flex:1;position:relative;display:flex;align-items:center;overflow:hidden}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:50px;color:#409eff;cursor:pointer;z-index:10}.nav-arrow:hover{color:#66b1ff}.nav-arrow.left{left:0}.nav-arrow.right{right:0}.nav-arrow.disabled{color:#bbb;cursor:not-allowed;opacity:.6;pointer-events:none}.charts-grid{flex:1;height:100%}.charts-page{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:20px;height:100%}.chart-block{background:#fff;border-radius:4px;padding:20px;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:all .3s}.chart-block:hover{box-shadow:0 4px 12px rgba(0,0,0,.12)}.chart-header{justify-content:space-between;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.chart-header,.header-left{display:flex;align-items:center}.title-bar{width:4px;height:18px;background:#cf000d;margin-right:10px;border-radius:2px}.title{font-size:1.15rem;font-weight:700;color:#333}.chart-container{flex:1;min-height:0}@media screen and (max-width:1600px){.chart-block{padding:15px}.title{font-size:1rem}}