docs: explain instance billing and renewal workflows

app/components/instance/InstanceRenewDialog.vue

@@ -1,4 +1,5 @@
 <script>
+// 续费弹窗以实例和优惠码快照绑定报价，避免使用已过期的周期价格提交。
 import "~/assets/styles/InstanceRenewDialog.BHDAL6d3.css";
 import { toDisplayString } from "vue";
 import { useId } from "vue";
@@ -133,6 +134,7 @@ var ue = {
             ),
             be = computed(() => J.value?.price ?? ``),
             Z = computed(() => Number(J.value?.client_level_discount ?? 0));
+          // 获取并规范化周期报价；弹窗关闭、实例变化或优惠码变化后丢弃旧结果。
           async function Q() {
             let e = ++K,
               t = N.hostId,
@@ -190,6 +192,7 @@ var ue = {
             onBeforeUnmount(() => {
               (K++, (R.value = !1));
             }));
+          // 优惠码只有报价成功且后台确认可用才生效，否则恢复原优惠码重新报价。
           async function $() {
             let e = W.value.trim();
             if (!e || R.value || z.value) return;
@@ -212,6 +215,7 @@ var ue = {
           async function xe() {
             R.value || z.value || ((U.value = []), await Q());
           }
+          // 仅提交当前有效报价对应的周期和优惠码；接口成功后通知父级刷新支付流程。
           async function Se() {
             if (X.value) {
               ((z.value = !0), (H.value = ``), (I.value = ``));