docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/pages.DytekQXu.css

@@ -1,3 +1,5 @@
+/* 会员首页欢迎区：账号信息、操作入口与统计卡片。 */
+/* 导入方：app/pages/index.vue。 */
 .welcome-card[data-v-b43b228e] {
   --welcome-line: #dce7f4;
   --welcome-tile-bg: #fff;
@@ -37,6 +39,7 @@
   width: 30px;
   height: 30px;
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .welcome-title[data-v-b43b228e] {
   overflow-wrap: anywhere;
   letter-spacing: -0.35px;
@@ -82,6 +85,7 @@
   width: 17px;
   height: 17px;
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .welcome-login dd[data-v-b43b228e] {
   min-width: 0;
   color: var(--p-text-color);
@@ -192,6 +196,7 @@
   background: #12233b;
   border-color: #304766;
 }
+/* 视口条件 (width<=1023px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=1023px) {
   .tiles[data-v-b43b228e] {
     grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -203,6 +208,7 @@
     border-top: 1px solid var(--welcome-line);
   }
 }
+/* 视口条件 (width<=767px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=767px) {
   .welcome-head[data-v-b43b228e] {
     align-items: flex-start;
@@ -227,6 +233,7 @@
     gap: 5px;
   }
 }
+/* 视口条件 (width<=639px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=639px) {
   .welcome-title[data-v-b43b228e] {
     font-size: 1.5rem;