docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/HomeReferralPanel.DsgN33ME.css

@@ -1,3 +1,5 @@
+/* 首页推广卡片：余额、邀请统计、空态及窄容器排版。 */
+/* 导入方：app/components/home/HomeReferralPanel.vue、app/pages/index.vue。 */
 .home-referral[data-v-8690c3a5] {
   container-type: inline-size;
 }
@@ -27,6 +29,7 @@
   font-size: 0.875rem;
   line-height: 1.286rem;
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .referral-overview dd[data-v-8690c3a5],
 .referral-stats dd[data-v-8690c3a5] {
   font-variant-numeric: tabular-nums;
@@ -132,6 +135,7 @@
   margin-top: 18px;
   display: grid;
 }
+/* 容器条件 (width<=380px) 下调整内部排列，判断的是容器可用宽度，不是整个视口。 */
 @container (width<=380px) {
   .referral-body[data-v-8690c3a5] {
     gap: 20px;