.api-usage-analysis[data-v-412261a2]{padding:24px;background:#f0f2f5;min-height:100vh}.api-usage-analysis .m-b-24[data-v-412261a2]{margin-bottom:24px}.api-usage-analysis .m-r-8[data-v-412261a2]{margin-right:8px}.api-usage-analysis .text-right[data-v-412261a2]{text-align:right}.api-usage-analysis .dashboard-header-wrapper[data-v-412261a2]{margin-bottom:24px;padding:20px 24px;background:#fff;border-radius:8px;-webkit-box-shadow:0 1px 4px rgba(0,21,41,.08);box-shadow:0 1px 4px rgba(0,21,41,.08)}.api-usage-analysis .dashboard-header-wrapper .header-title[data-v-412261a2]{margin:0 0 8px;font-size:22px;font-weight:600;color:rgba(0,0,0,.85);letter-spacing:.5px}.api-usage-analysis .dashboard-header-wrapper .header-desc[data-v-412261a2]{color:rgba(0,0,0,.45);font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.api-usage-analysis .stat-card[data-v-412261a2]{position:relative;padding:20px;background:#fff;border-radius:12px;overflow:hidden;-webkit-transition:all .3s cubic-bezier(.25,.8,.25,1);transition:all .3s cubic-bezier(.25,.8,.25,1);-webkit-box-shadow:0 2px 8px rgba(0,0,0,.04);box-shadow:0 2px 8px rgba(0,0,0,.04);border:1px solid #f0f0f0}.api-usage-analysis .stat-card[data-v-412261a2]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 12px 20px rgba(0,0,0,.08);box-shadow:0 12px 20px rgba(0,0,0,.08);border-color:#e6f7ff}.api-usage-analysis .stat-card .stat-card-inner[data-v-412261a2]{position:relative;z-index:2}.api-usage-analysis .stat-card .stat-header[data-v-412261a2]{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}.api-usage-analysis .stat-card .stat-header .stat-title[data-v-412261a2]{font-size:14px;color:rgba(0,0,0,.55);font-weight:500}.api-usage-analysis .stat-card .stat-header .stat-info-icon[data-v-412261a2]{color:rgba(0,0,0,.25);cursor:help}.api-usage-analysis .stat-card .stat-value[data-v-412261a2]{margin-bottom:16px}.api-usage-analysis .stat-card .stat-value .value-number[data-v-412261a2]{font-size:28px;font-weight:700;line-height:1.2;color:rgba(0,0,0,.85);font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.api-usage-analysis .stat-card .stat-footer[data-v-412261a2]{padding-top:12px;border-top:1px solid #f5f5f5;font-size:13px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.api-usage-analysis .stat-card .stat-footer .footer-label[data-v-412261a2]{color:rgba(0,0,0,.45)}.api-usage-analysis .stat-card .stat-footer .footer-value[data-v-412261a2]{color:rgba(0,0,0,.75);font-weight:600}.api-usage-analysis .stat-card .stat-icon-bg[data-v-412261a2]{position:absolute;right:-12px;bottom:-8px;font-size:72px;color:rgba(24,144,255,.04);z-index:1;-webkit-transform:rotate(-15deg);transform:rotate(-15deg);pointer-events:none}.api-usage-analysis .stat-card.card-style-0[data-v-412261a2]{border-bottom:4px solid #1890ff}.api-usage-analysis .stat-card.card-style-1[data-v-412261a2]{border-bottom:4px solid #2fc25b}.api-usage-analysis .stat-card.card-style-2[data-v-412261a2]{border-bottom:4px solid #facc14}.api-usage-analysis .stat-card.card-style-3[data-v-412261a2]{border-bottom:4px solid #13c2c2}.api-usage-analysis .stat-card.card-style-4[data-v-412261a2]{border-bottom:4px solid #8543e0}.api-usage-analysis .stat-card.card-style-5[data-v-412261a2]{border-bottom:4px solid #f04864}.api-usage-analysis .dashboard-card[data-v-412261a2]{height:100%;border-radius:12px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.04);box-shadow:0 2px 8px rgba(0,0,0,.04);-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s}.api-usage-analysis .dashboard-card[data-v-412261a2]:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.08)}.api-usage-analysis .dashboard-card[data-v-412261a2] .ant-card-head{border-bottom:1px solid #f5f5f5;min-height:56px;padding:0 24px}.api-usage-analysis .dashboard-card[data-v-412261a2] .ant-card-head .ant-card-head-title{font-size:16px;font-weight:600;color:rgba(0,0,0,.85)}.api-usage-analysis .dashboard-card[data-v-412261a2] .ant-card-body{padding:24px}.api-usage-analysis .chart-card[data-v-412261a2] .ant-card-body{height:400px}.api-usage-analysis .ranking-card[data-v-412261a2]{height:460px}.api-usage-analysis .ranking-card[data-v-412261a2] .ant-card-body{height:calc(100% - 56px);padding:16px 20px;overflow:hidden}.api-usage-analysis .scroll-container[data-v-412261a2]{height:100%;overflow-y:auto;padding-right:4px}.api-usage-analysis .scroll-container[data-v-412261a2]::-webkit-scrollbar{width:4px}.api-usage-analysis .scroll-container[data-v-412261a2]::-webkit-scrollbar-thumb{background:rgba(0,0,0,.05);border-radius:2px}.api-usage-analysis .chart-wrapper[data-v-412261a2]{height:100%}.api-usage-analysis .chart-wrapper .empty-chart[data-v-412261a2]{height:350px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.api-usage-analysis .ranking-table[data-v-412261a2] .ant-table-small{border:0}.api-usage-analysis[data-v-412261a2] .modern-rank-list{padding:8px 0}.api-usage-analysis[data-v-412261a2] .modern-rank-list .rank-node{position:relative;margin-bottom:4px}.api-usage-analysis[data-v-412261a2] .modern-rank-list .rank-row-wrapper{padding:8px 12px;border-radius:6px;-webkit-transition:all .2s ease;transition:all .2s ease;cursor:default}.api-usage-analysis[data-v-412261a2] .modern-rank-list .rank-row-wrapper:hover{background-color:#f0f5ff;-webkit-transform:translateX(4px);transform:translateX(4px)}.api-usage-analysis[data-v-412261a2] .modern-rank-list .rank-info-line{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:8px}.api-usage-analysis[data-v-412261a2] .modern-rank-list .rank-label-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.api-usage-analysis[data-v-412261a2] .modern-rank-list .rank-name-text{font-size:14px;color:rgba(0,0,0,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.api-usage-analysis[data-v-412261a2] .modern-rank-list .rank-index{width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;background:#f5f5f5;color:rgba(0,0,0,.45);font-size:11px;font-weight:700;margin-right:12px;-ms-flex-negative:0;flex-shrink:0}.api-usage-analysis[data-v-412261a2] .modern-rank-list .rank-gold{background:linear-gradient(135deg,#ffec3d,#faad14);color:#fff;-webkit-box-shadow:0 2px 4px rgba(250,173,20,.3);box-shadow:0 2px 4px rgba(250,173,20,.3)}.api-usage-analysis[data-v-412261a2] .modern-rank-list .rank-silver{background:linear-gradient(135deg,#d9d9d9,#8c8c8c);color:#fff;-webkit-box-shadow:0 2px 4px hsla(0,0%,54.9%,.3);box-shadow:0 2px 4px hsla(0,0%,54.9%,.3)}.api-usage-analysis[data-v-412261a2] .modern-rank-list .rank-bronze{background:linear-gradient(135deg,#ffd8bf,#d46b08);color:#fff;-webkit-box-shadow:0 2px 4px rgba(212,107,8,.3);box-shadow:0 2px 4px rgba(212,107,8,.3)}.api-usage-analysis[data-v-412261a2] .modern-rank-list .rank-dot{width:6px;height:6px;background:#d9d9d9;border-radius:50%;margin-left:7px;margin-right:19px;-ms-flex-negative:0;flex-shrink:0}.api-usage-analysis[data-v-412261a2] .modern-rank-list .rank-count-badge{background:#fff;border:1px solid #e8e8e8;padding:2px 8px;border-radius:12px;font-size:12px;color:#595959;font-family:Monaco,Menlo,monospace;font-weight:600}.api-usage-analysis[data-v-412261a2] .modern-rank-list .rank-progress-container{height:4px;background:#f0f2f5;border-radius:2px;overflow:hidden}.api-usage-analysis[data-v-412261a2] .modern-rank-list .rank-progress-bar{height:100%;border-radius:2px;-webkit-transition:width .8s cubic-bezier(.08,.82,.17,1);transition:width .8s cubic-bezier(.08,.82,.17,1)}.api-usage-analysis[data-v-412261a2] .modern-rank-list .level-color-0{background:-webkit-gradient(linear,left top,right top,from(#69c0ff),to(#1890ff));background:linear-gradient(90deg,#69c0ff,#1890ff)}.api-usage-analysis[data-v-412261a2] .modern-rank-list .level-color-1{background:-webkit-gradient(linear,left top,right top,from(#95de64),to(#52c41a));background:linear-gradient(90deg,#95de64,#52c41a)}.api-usage-analysis[data-v-412261a2] .modern-rank-list .level-color-2{background:-webkit-gradient(linear,left top,right top,from(#ff9c6e),to(#ff7a45));background:linear-gradient(90deg,#ff9c6e,#ff7a45)}.api-usage-analysis[data-v-412261a2] .modern-rank-list .rank-children-box{margin-left:21px;border-left:1px solid #f0f0f0;padding-top:4px}.fade-enter-active[data-v-412261a2],.fade-leave-active[data-v-412261a2]{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter[data-v-412261a2],.fade-leave-to[data-v-412261a2]{opacity:0}@media screen and (max-width:768px){.api-usage-analysis[data-v-412261a2]{padding:16px}.api-usage-analysis .dashboard-header-wrapper .text-right[data-v-412261a2]{text-align:left;margin-top:16px}}