docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/recommend.C1KCHBPJ.css

@@ -1,3 +1,5 @@
+/* 推广中心：加入说明、奖励统计、推广链接及数据列表。 */
+/* 导入方：app/pages/recommend/index.vue。 */
 .recommend-page[data-v-78278278] {
   --recommend-gap: 14px;
   --recommend-section-gap: 21px;
@@ -112,6 +114,7 @@
   color: var(--p-text-muted-color);
   font-size: 1rem;
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .stat-num[data-v-78278278] {
   font-variant-numeric: tabular-nums;
   overflow-wrap: anywhere;
@@ -156,6 +159,7 @@
   width: 100%;
   min-width: 0;
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .link-tip[data-v-78278278] {
   color: var(--p-text-muted-color);
   overflow-wrap: anywhere;
@@ -164,6 +168,7 @@
   font-size: 0.9375rem;
   line-height: 1.7;
 }
+/* 自定义推广链接管理区域；链接生成和访问校验不是CSS职责。 */
 .custom-link-block[data-v-78278278] {
   gap: var(--recommend-gap);
   flex-direction: column;
@@ -245,6 +250,7 @@
 .list-foot[data-v-78278278] {
   justify-content: center;
 }
+/* 视口条件 (width<=1100px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=1100px) {
   .reward-summary[data-v-78278278] {
     align-items: stretch;
@@ -260,6 +266,7 @@
     border-top: 1px solid var(--p-content-border-color);
   }
 }
+/* 视口条件 (width<=640px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=640px) {
   .join-steps[data-v-78278278] {
     grid-template-columns: minmax(0, 1fr);