.api-graph-page[data-v-4393e12d]{width:100%;height:100vh;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.api-graph-page[data-v-4393e12d],.graph-header[data-v-4393e12d]{display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff}.graph-header[data-v-4393e12d]{padding:20px;border-bottom:1px solid #e4e7ed;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.graph-header h2[data-v-4393e12d]{margin:0;font-size:18px;font-weight:500;color:#303133}.graph-tips[data-v-4393e12d]{gap:20px}.graph-tips[data-v-4393e12d],.tip-item[data-v-4393e12d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tip-item[data-v-4393e12d]{gap:6px;font-size:13px;color:#606266}.tip-item i[data-v-4393e12d]{color:var(--primary_color);font-size:14px}.graph-container[data-v-4393e12d]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;position:relative;overflow:hidden}.graph-wrapper[data-v-4393e12d]{width:100%;height:100%;border:1px solid #e4e7ed;background:#fafafa}.empty-wrapper[data-v-4393e12d],.error-wrapper[data-v-4393e12d],.loading-wrapper[data-v-4393e12d]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #e4e7ed;background:#fafafa}.loading-icon[data-v-4393e12d]{font-size:48px;color:var(--primary_color);-webkit-animation:rotating-data-v-4393e12d 2s linear infinite;animation:rotating-data-v-4393e12d 2s linear infinite;margin-bottom:16px}.error-icon[data-v-4393e12d]{font-size:48px;color:#f56c6c;margin-bottom:16px}.empty-text[data-v-4393e12d],.error-text[data-v-4393e12d],.loading-text[data-v-4393e12d]{font-size:14px;color:#606266}.empty-icon[data-v-4393e12d]{font-size:64px;color:#c0c4cc;margin-bottom:16px}@-webkit-keyframes rotating-data-v-4393e12d{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotating-data-v-4393e12d{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}