.package-container{&[data-v-24f78e9c]{margin:8px 0 12px 0}.packageItem{&[data-v-24f78e9c]{background-color:#f9faff;border-radius:6px;box-shadow:0 0 4px rgba(148,166,212,.34901960784313724);font-size:14px;color:#333}.packageTag[data-v-24f78e9c]{display:inline-block;padding:8px 16px;color:#fff;background-color:#4381ff;border-radius:6px 0 6px 0}.packageName[data-v-24f78e9c]{margin:8px 0;line-height:24px;height:24px;font-size:16px}}.package-card[data-v-24f78e9c]{padding:10px 30px 10px}.chart-row[data-v-24f78e9c]{//margin-top:20px}.chart-container{&[data-v-24f78e9c]{position:relative;width:100%;height:200px;padding:10px 20px;border:1px solid #e0e0e0;box-shadow:0 2px 10px rgba(0,0,0,.1);border-radius:10px;background-color:#fff;color:#333}.chartTit[data-v-24f78e9c]{font-size:16px;height:32px;line-height:32px}.chartNum{&[data-v-24f78e9c]{font-size:30px;margin:8px;color:rgba(0,0,0,.85)}&[data-v-24f78e9c] .cardNum{.ant-statistic-content{font-size:30px}}}.footer{&[data-v-24f78e9c]{color:rgba(0,0,0,.65);position:absolute;left:0;bottom:0;width:100%;padding:0 20px}.footerCon{&[data-v-24f78e9c]{border-top:1px solid #e8e8e8;padding:12px 0}.trend{&[data-v-24f78e9c]{float:right;color:rgba(0,0,0,.85);font-size:14px}img[data-v-24f78e9c]{width:18px}}}}}.current-cycle{&[data-v-24f78e9c]{margin-top:40px;display:flex;justify-content:space-evenly}.cycleTit[data-v-24f78e9c]{display:inline-block;margin-top:24px;font-size:16px;color:#333}}.cycle-bg[data-v-24f78e9c]{position:absolute;bottom:16px;left:0;width:100%;padding:0 20px}.cycle-bottom-line[data-v-24f78e9c]{position:absolute;bottom:5px;left:0;width:100%;padding:0 20px}.cycle-bottom-dot .leftDot[data-v-24f78e9c]{position:absolute;bottom:8px;left:15px}.cycle-bottom-dot .rightDot[data-v-24f78e9c]{position:absolute;bottom:8px;right:15px}.chart[data-v-24f78e9c]{width:100%;height:120px}.usageChart[data-v-24f78e9c]{width:100%;height:50px}.alarmEvent[data-v-24f78e9c]{padding:10px}.eventList{&[data-v-24f78e9c]{padding:8px}.cycleItem{&[data-v-24f78e9c]{display:flex;align-items:baseline;padding:8px;font-size:16px;color:rgba(0,0,0,.7);border-bottom:1px solid rgba(0,0,0,.05)}.label[data-v-24f78e9c]{margin-left:16px}&[data-v-24f78e9c] .ant-statistic-content{font-size:16px}}}}.loading-spinner[data-v-24f78e9c]{color:#007bff;animation:spin 1s linear infinite}.error-message[data-v-24f78e9c]{color:#ff4d4f;background:#fff1f0;padding:8px;border:1px solid #ffa39e;border-radius:4px}