docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/ProductCategoryNotice.CwaR3eXN.css

@@ -1,3 +1,5 @@
+/* 商品分类说明：图标、富文本和纯文本内容区域。 */
+/* 导入方：app/components/ProductCategoryNotice.vue、app/pages/products/index.vue。 */
 .category-notice[data-v-faa6a7a3] {
   border: 1px solid
     color-mix(
@@ -24,6 +26,7 @@
   margin-top: 4px;
   font-size: 1.125rem;
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .category-notice-content[data-v-faa6a7a3] {
   overflow-wrap: anywhere;
   flex: 1;
@@ -66,6 +69,7 @@
   text-underline-offset: 3px;
   text-decoration: underline;
 }
+/* 键盘操作的可见焦点：不要只保留鼠标 hover 效果而移除此反馈。 */
 .category-notice-content[data-v-faa6a7a3] a:focus-visible {
   outline: 2px solid var(--p-primary-color);
   outline-offset: 3px;
@@ -107,6 +111,7 @@
 .category-notice-content[data-v-faa6a7a3] > :last-child {
   margin-bottom: 0;
 }
+/* 视口条件 (width<=760px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=760px) {
   .category-notice[data-v-faa6a7a3] {
     gap: 10px;