.topCard[data-v-21a71dc1]{width:100%;background:#ffffff;border-radius:4px;padding:20px;margin-bottom:16px;-webkit-box-sizing:border-box;box-sizing:border-box}.queryBox[data-v-21a71dc1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #f2f3f5}.month-picker[data-v-21a71dc1]{width:140px}.statisticsBox[data-v-21a71dc1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:16px}.stat-card[data-v-21a71dc1]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:16px;background:#f5f7fb;border-radius:8px;-webkit-transition:all .3s ease;transition:all .3s ease}.stat-card[data-v-21a71dc1]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.08)}.stat-header-row[data-v-21a71dc1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px}.stat-title[data-v-21a71dc1]{font-family:Source Han Sans;font-size:14px;color:#4e5969;font-weight:500}.stat-value-row[data-v-21a71dc1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.stat-value[data-v-21a71dc1]{font-family:Source Han Sans;font-size:24px;font-weight:700;color:#1d2129}.unit[data-v-21a71dc1]{font-family:Source Han Sans;font-size:16px;color:#86909c;margin-left:4px}.stat-change[data-v-21a71dc1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:Source Han Sans;font-size:14px;white-space:nowrap}.trend[data-v-21a71dc1]{color:#86909c;margin-right:4px}.change-value.up[data-v-21a71dc1]{color:#f53f3f}.change-value.down[data-v-21a71dc1]{color:#00b42a}.bottomBox[data-v-21a71dc1]{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.chart-card[data-v-21a71dc1]{background:#ffffff;border-radius:4px;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.title[data-v-21a71dc1]{font-family:Source Han Sans;font-weight:500;font-size:18px;color:#1d2129}.year-selector[data-v-21a71dc1]{width:120px}.chart-content[data-v-21a71dc1]{width:100%;height:450px;min-height:300px}@media (max-width:768px){.statisticsBox[data-v-21a71dc1]{-ms-flex-wrap:wrap;flex-wrap:wrap}.stat-card[data-v-21a71dc1]{-webkit-box-flex:1;-ms-flex:1 1 calc(50% - 16px);flex:1 1 calc(50% - 16px)}}@media (max-width:480px){.stat-card[data-v-21a71dc1]{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}.stat-value-row[data-v-21a71dc1]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:8px}.chart-content[data-v-21a71dc1]{height:300px}}