docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/NotificationPreferences.DcH8Noxd.css

@@ -1,3 +1,5 @@
+/* 通知偏好：说明、渠道开关及保存反馈的排列。 */
+/* 导入方：app/components/NotificationPreferences.vue、app/pages/messages/index.vue。 */
 .notification-preferences[data-v-f4132ec8] {
   border: 1px solid var(--console-panel-border);
   background: var(--console-panel-bg);
@@ -61,6 +63,7 @@
   font-size: 0.875rem;
   line-height: 1.4;
 }
+/* 视口条件 (width<=640px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=640px) {
   .notification-preferences[data-v-f4132ec8] {
     padding: 14px 16px;