.gas-ratio[data-v-4cdc6787]{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;padding:16px;background:#fff;border:1px solid #e7edf7;border-radius:14px;box-shadow:0 8px 20px rgba(31,88,176,.06)}.gas-ratio__header[data-v-4cdc6787]{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;margin-bottom:12px}.gas-ratio__title[data-v-4cdc6787]{color:#1f2d3d;font-size:16px;font-weight:700;line-height:1.2}.gas-ratio__sub-select[data-v-4cdc6787]{width:170px}.gas-ratio__metrics[data-v-4cdc6787]{display:grid;flex-shrink:0;grid-template-columns:repeat(2,1fr);gap:12px}.gas-ratio__metric[data-v-4cdc6787]{padding:10px 12px;border:2px solid transparent;border-radius:12px}.gas-ratio__metric--blue[data-v-4cdc6787]{background:linear-gradient(180deg,#edf5ff,#f7fbff)}.gas-ratio__metric--orange[data-v-4cdc6787]{background:linear-gradient(180deg,#fff5e8,#fffaf5)}.gas-ratio__metric-head[data-v-4cdc6787]{display:flex;align-items:center;gap:6px}.gas-ratio__metric-icon-wrap[data-v-4cdc6787]{width:20px;height:20px;flex-shrink:0}.gas-ratio__metric-icon[data-v-4cdc6787]{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.gas-ratio__metric-label[data-v-4cdc6787]{color:#1f2d3d;font-size:12px;font-weight:500;line-height:1.2}.gas-ratio__metric-value[data-v-4cdc6787]{margin-top:6px;color:#2468ff;font-size:22px;font-weight:700;line-height:1}.gas-ratio__metric--orange .gas-ratio__metric-value[data-v-4cdc6787]{color:#ff8a00}.gas-ratio__metric-unit[data-v-4cdc6787]{margin-left:2px;font-size:12px;font-weight:500}.gas-ratio__content[data-v-4cdc6787]{display:flex;flex:1;align-items:stretch;gap:12px;min-height:0;margin-top:10px;overflow:hidden}.gas-ratio__chart-wrap[data-v-4cdc6787]{flex:0 0 48%;min-height:0;height:100%;min-width:200px;position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.gas-ratio__chart[data-v-4cdc6787]{flex:1 1 auto;width:100%;height:100%;min-height:0}.gas-ratio__chart-mask[data-v-4cdc6787]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#7f8ca8;font-size:14px;background:rgba(247,249,252,.76);border-radius:12px}.gas-ratio__reference[data-v-4cdc6787]{flex:1;min-width:0;overflow:hidden;padding-top:2px}.gas-ratio__reference-title[data-v-4cdc6787]{margin-bottom:8px;color:#1f2d3d;font-size:14px;font-weight:700}.gas-ratio__reference-item[data-v-4cdc6787]{display:flex;align-items:flex-start;color:#7f8ca8;font-size:13px}.gas-ratio__reference-item+.gas-ratio__reference-item[data-v-4cdc6787]{margin-top:8px}.gas-ratio__reference-dot[data-v-4cdc6787]{width:10px;height:10px;margin-top:3px;margin-right:8px;flex-shrink:0;border-radius:50%}.gas-ratio__reference-label[data-v-4cdc6787]{flex:0 0 auto;margin-right:4px;color:#1f2d3d;white-space:nowrap}.gas-ratio__reference-text[data-v-4cdc6787]{flex:1;min-width:0;line-height:1.5;word-break:break-all}.gas-ratio__snapshot[data-v-4cdc6787]{margin-top:12px;color:#7f8ca8;font-size:12px}.gas-ratio__tabs[data-v-4cdc6787]{display:flex;flex-shrink:0;gap:0;margin-bottom:6px;border:1px solid #e7edf7;border-radius:8px;overflow:hidden}.gas-ratio__tab[data-v-4cdc6787]{flex:1;padding:6px 0;text-align:center;font-size:13px;font-weight:500;color:#5a6b7d;background:#f7f9fc;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gas-ratio__tab+.gas-ratio__tab[data-v-4cdc6787]{border-left:1px solid #e7edf7}.gas-ratio__tab.is-active[data-v-4cdc6787]{color:#2468ff;background:#fff;font-weight:600}.gas-ratio__tab[data-v-4cdc6787]:hover:not(.is-active){background:#eef3f8}[data-v-4cdc6787] .gas-ratio__sub-select .ant-select-selection{border-radius:16px}