docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/DcimBilling.QV7PUjnH.css

@@ -1,3 +1,5 @@
+/* 独立服务器账务：计费键值、关联订单和操作表单。 */
+/* 导入方：app/components/instance/DcimBilling.vue。 */
 .billing[data-v-9a8e05c2] {
   flex-direction: column;
   gap: 14px;
@@ -33,6 +35,7 @@ dt[data-v-9a8e05c2] {
   color: var(--p-text-muted-color);
   font-weight: 600;
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 dd[data-v-9a8e05c2] {
   overflow-wrap: anywhere;
   flex-wrap: wrap;
@@ -69,6 +72,7 @@ dd small[data-v-9a8e05c2] {
 .form p[data-v-9a8e05c2] {
   margin: 0;
 }
+/* 视口条件 (width<=600px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=600px) {
   .rows > div[data-v-9a8e05c2] {
     grid-template-columns: 95px minmax(0, 1fr);