/* 资源升级信息:加载状态、配置字段与价格说明。 */ /* 导入方:app/components/instance/CommonManage.vue、app/components/instance/InstanceBilling.vue、app/components/instance/LegacyDcimManage.vue、app/components/instance/RemfUpgrade.vue、app/pages/servers/server.vue。 */ .upg[data-v-7efd9d4d] { flex-direction: column; gap: 14px; display: flex; } .upg-state[data-v-7efd9d4d] { text-align: center; color: var(--p-text-muted-color, #94a3b8); padding: 18px 0; font-size: 0.9375rem; } .info-table[data-v-7efd9d4d] { border: 1px solid var(--console-panel-border); box-shadow: var(--console-panel-shadow); background: var(--console-panel-bg); border-radius: var(--radius-md); overflow: hidden; } .kv[data-v-7efd9d4d] { grid-template-columns: 16.6667% minmax(0, 1fr); align-items: center; min-height: 49px; display: grid; } .kv + .kv[data-v-7efd9d4d] { border-top: 1px solid var(--console-panel-border); } .kv[data-v-7efd9d4d]:nth-child(2n) { background: var(--console-page-bg); } /* 允许连续长文本换行,防止IP、密钥或用户输入撑破当前容器;不会修改原始数据。 */ .kv[data-v-7efd9d4d] > * { overflow-wrap: anywhere; min-width: 0; padding: 14px; } .kv[data-v-7efd9d4d] > :first-child { color: var(--p-text-muted-color); font-weight: 600; } .config-field[data-v-7efd9d4d] .p-inputnumber, .config-field[data-v-7efd9d4d] .p-select { width: 100%; min-width: 0; max-width: 420px; } .config-field[data-v-7efd9d4d] .p-inputnumber-input { flex: 1; width: 0; min-width: 0; } .config-field[data-v-7efd9d4d] .p-select-label { min-width: 0; } .action-cell[data-v-7efd9d4d] .p-button { max-width: 100%; } /* 视口条件 (width<768px) 下的响应式覆盖;保留相对基础规则的层叠顺序。 */ @media (width<768px) { .kv[data-v-7efd9d4d] { grid-template-columns: 100px minmax(0, 1fr); } } .upg-note[data-v-7efd9d4d], .upg-unsupported[data-v-7efd9d4d] { color: var(--p-text-muted-color, #94a3b8); font-size: 0.875rem; } .upg-price[data-v-7efd9d4d] { color: var(--p-text-muted-color, #64748b); align-items: baseline; gap: 8px; font-size: 0.9375rem; display: flex; } .upg-price b[data-v-7efd9d4d] { color: #ef4444; font-size: 1.375rem; } .upg-loading[data-v-7efd9d4d] { display: inline-flex; } .upg-price .upg-idle[data-v-7efd9d4d] { font-size: 0.9375rem; font-weight: 400; } .upg-desc[data-v-7efd9d4d], .upg-price .upg-idle[data-v-7efd9d4d] { color: var(--p-text-muted-color, #94a3b8); } .upg-desc[data-v-7efd9d4d] { margin: 0; font-size: 0.875rem; }