.page-container[data-v-78bbbd7f]{padding:20px;background-color:#f5f7fa;min-height:100%}.filter-container[data-v-78bbbd7f]{background-color:#fff;padding:16px;margin-bottom:20px;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.chart-container .chart-title[data-v-78bbbd7f]{font-size:20px;font-weight:700;margin-bottom:20px;text-align:center;color:#303133}.chart-container .chart-row[data-v-78bbbd7f]{display:flex;margin-bottom:20px;gap:20px}.chart-container .chart-row .chart-col[data-v-78bbbd7f]{flex:1}.chart-container .chart-row .chart-col .chart-card[data-v-78bbbd7f]{height:360px}.chart-container .chart-row .chart-col .chart-card[data-v-78bbbd7f] .el-card__body{padding:10px}@media screen and (max-width:1200px){.chart-container .chart-row[data-v-78bbbd7f]{flex-direction:column}.chart-container .chart-row .chart-col[data-v-78bbbd7f]{width:100%}}.clearfix[data-v-78bbbd7f]:after,.clearfix[data-v-78bbbd7f]:before{display:table;content:""}.clearfix[data-v-78bbbd7f]:after{clear:both}.summary-display[data-v-78bbbd7f]{height:300px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.summary-display[data-v-78bbbd7f]:hover{background:linear-gradient(135deg,#bbdefb,#90caf9);transform:translateY(-2px);box-shadow:0 4px 12px rgba(33,150,243,.3)}.summary-display .summary-number[data-v-78bbbd7f]{font-size:72px;font-weight:700;color:#1976d2;line-height:1;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.summary-display .summary-unit[data-v-78bbbd7f]{font-size:18px;color:#64b5f6;font-weight:500;padding:8px 20px}