first commit

app/assets/styles/MfCloudUpgrade.N7TNG8F1.css

@@ -0,0 +1,109 @@
+.up[data-v-b98b2e63] {
+  flex-direction: column;
+  gap: 14px;
+  display: flex;
+}
+.current[data-v-b98b2e63] {
+  background: var(--p-content-hover-background);
+  border-radius: 8px;
+  align-items: center;
+  gap: 10px;
+  padding: 10px 14px;
+  font-size: 0.9375rem;
+  display: flex;
+}
+.current-label[data-v-b98b2e63] {
+  color: var(--p-text-muted-color, #64748b);
+}
+.current-spec[data-v-b98b2e63] {
+  font-weight: 500;
+}
+.grid[data-v-b98b2e63] {
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
+  gap: 12px;
+  display: grid;
+}
+.plan[data-v-b98b2e63] {
+  text-align: left;
+  background: var(--p-content-background);
+  border: 1px solid var(--p-content-border-color, #e2e8f0);
+  cursor: pointer;
+  border-radius: 10px;
+  flex-direction: column;
+  gap: 8px;
+  padding: 14px 16px;
+  transition:
+    border-color 0.15s,
+    background 0.15s;
+  display: flex;
+}
+.plan.active[data-v-b98b2e63],
+.plan[data-v-b98b2e63]:hover {
+  border-color: var(--p-primary-color, #10b981);
+}
+.plan.active[data-v-b98b2e63] {
+  background: var(--p-highlight-background);
+}
+.plan-head[data-v-b98b2e63] {
+  justify-content: space-between;
+  align-items: center;
+  gap: 8px;
+  display: flex;
+}
+.plan-name[data-v-b98b2e63] {
+  font-size: 1rem;
+  font-weight: 600;
+}
+.plan-check[data-v-b98b2e63] {
+  color: var(--p-primary-color, #10b981);
+}
+.plan-desc[data-v-b98b2e63],
+.plan-spec[data-v-b98b2e63] {
+  color: var(--p-text-muted-color, #64748b);
+  font-size: 0.875rem;
+  line-height: 1.6;
+}
+.bar[data-v-b98b2e63] {
+  border-top: 1px solid var(--p-content-border-color, #e2e8f0);
+  justify-content: space-between;
+  align-items: center;
+  gap: 16px;
+  padding-top: 16px;
+  display: flex;
+}
+.bar-price[data-v-b98b2e63] {
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: 10px;
+  display: flex;
+}
+.bar-label[data-v-b98b2e63] {
+  color: var(--p-text-muted-color, #64748b);
+  font-size: 0.9375rem;
+}
+.bar-value[data-v-b98b2e63] {
+  color: #ef4444;
+  font-size: 1.5rem;
+  font-weight: 600;
+}
+.bar-sub[data-v-b98b2e63],
+.hint[data-v-b98b2e63] {
+  color: var(--p-text-muted-color, #94a3b8);
+  font-size: 0.875rem;
+}
+.hint[data-v-b98b2e63] {
+  margin: 0;
+}
+@media (width<=640px) {
+  .bar[data-v-b98b2e63],
+  .current[data-v-b98b2e63] {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+  .bar > .p-button[data-v-b98b2e63] {
+    width: 100%;
+  }
+  .plan[data-v-b98b2e63] {
+    padding: 14px;
+  }
+}