docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/InstanceBilling.CvIGLT2J.css

@@ -1,3 +1,5 @@
+/* 实例计费管理：续费/升级信息、自动续费与退款状态。 */
+/* 导入方：app/components/instance/InstanceBilling.vue。 */
 .bill[data-v-4e83e0f6] {
   gap: 28px;
 }
@@ -38,6 +40,7 @@
   padding: 14px;
   font-weight: 600;
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .kv[data-v-4e83e0f6] > :last-child {
   overflow-wrap: anywhere;
   min-width: 0;
@@ -79,11 +82,13 @@
   border-radius: 6px;
   padding: 14px;
 }
+/* 视口条件 (width<=767px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=767px) {
   .kv[data-v-4e83e0f6] {
     grid-template-columns: 100px minmax(0, 1fr);
   }
 }
+/* 自动续费状态与操作区域，实际开关结果以接口回读为准。 */
 .auto-renew[data-v-4e83e0f6] {
   align-items: center;
   gap: 10px;