docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/InstanceRenewDialog.BHDAL6d3.css

@@ -1,3 +1,5 @@
+/* 实例续费弹窗：周期、优惠码、折扣及最终报价行。 */
+/* 导入方：app/components/instance/DcimBilling.vue、app/components/instance/InstanceBilling.vue、app/components/instance/InstanceRenewDialog.vue。 */
 .rd[data-v-01429388] {
   flex-direction: column;
   gap: 16px;
@@ -54,6 +56,7 @@
   white-space: nowrap;
   flex-shrink: 0;
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .rd-code[data-v-01429388] {
   overflow-wrap: anywhere;
   background: var(--p-content-hover-background);
@@ -68,6 +71,7 @@
   margin: 0;
   font-size: 0.875rem;
 }
+/* 视口条件 (width<=480px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=480px) {
   .rd-row[data-v-01429388] {
     flex-direction: column;