.title-container[data-v-4c820652]{width:100%;margin-bottom:20px;position:relative}@media (max-width:1556px){.title-container-warp[data-v-4c820652]{margin-bottom:44px}}.title[data-v-4c820652]{display:inline-block;font-size:24px;font-weight:600;color:#303133;padding:8px 24px;border-bottom:3px solid #409eff;position:relative}.title[data-v-4c820652]:after{content:"";position:absolute;bottom:-3px;left:0;width:30%;height:3px;background:linear-gradient(90deg,#409eff,#90ee90);border-radius:3px}.dimension-radio[data-v-4c820652]{-ms-flex:1;flex:1;min-width:238px}.time-dimension-radio[data-v-4c820652]{-ms-flex:0 0 auto;flex:0 0 auto}.chart-container[data-v-4c820652]{width:100%;height:400px}@media (max-width:768px){.filter-container[data-v-4c820652]{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}.dimension-radio[data-v-4c820652],.time-dimension-radio[data-v-4c820652]{min-width:auto;margin-left:0}}.metrics-container[data-v-4c820652]{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:100%;min-height:300px}.metric-item[data-v-4c820652]{-ms-flex:1;flex:1;height:300px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0 20px;border-radius:16px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.15);transition:transform .3s ease}.metric-item[data-v-4c820652]:first-child{margin-left:0;background:linear-gradient(135deg,#667eea,#764ba2)}.metric-item[data-v-4c820652]:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.metric-item[data-v-4c820652]:last-child{margin-right:0;background:linear-gradient(135deg,#4facfe,#00f2fe)}.metric-item[data-v-4c820652]:hover{transform:translateY(-8px)}.metric-main[data-v-4c820652]{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding-top:20px}.metric-number[data-v-4c820652]{font-size:42px;font-weight:700;color:#fff;text-align:center;line-height:50px;text-shadow:0 2px 6px rgba(0,0,0,.3)}.unit[data-v-4c820652]{font-size:22px;font-weight:400;margin-left:4px}.metric-label[data-v-4c820652]{font-size:20px;font-weight:500;color:hsla(0,0%,100%,.9);text-align:center;margin-top:15px;line-height:28px}.metric-sub-container[data-v-4c820652]{display:-ms-flexbox;display:flex;background:hsla(0,0%,100%,.25);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:15px 0}.metric-sub-item[data-v-4c820652]{-ms-flex:1;flex:1;text-align:center;border-right:2px solid hsla(0,0%,100%,.3)}.metric-sub-item[data-v-4c820652]:last-child{border-right:none}.sub-label[data-v-4c820652]{font-size:16px;color:hsla(0,0%,100%,.9);line-height:22px;font-weight:500}.sub-value[data-v-4c820652]{font-size:20px;font-weight:700;color:#fff;line-height:28px;margin-top:5px;text-shadow:0 1px 3px rgba(0,0,0,.2)}