docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/OperationToasts.DfA_b8om.css

@@ -1,3 +1,5 @@
+/* 全站操作提示：图标、结果说明及批量结果明细。 */
+/* 导入方：app/components/OperationToasts.vue、nuxt.config.ts。 */
 .operation-toasts.p-toast {
   width: min(380px, 100% - 24px);
   top: 76px !important;
@@ -34,6 +36,7 @@
 .operation-toast-icon.notice-info {
   color: var(--p-primary-color);
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .operation-toast-copy {
   overflow-wrap: anywhere;
   flex: 1;
@@ -58,12 +61,14 @@
 .operation-toast-results li + li {
   margin-top: 6px;
 }
+/* 视口条件 (width<=600px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=600px) {
   .operation-toasts.p-toast {
     top: 68px !important;
     right: 12px !important;
   }
 }
+/* 尊重减少动态效果偏好：保留状态信息，降低或取消非必要动画。 */
 @media (prefers-reduced-motion: reduce) {
   .operation-toasts .p-toast-message {
     transition: none !important;