docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/AuthProviders.CgAWouSf.css

@@ -1,3 +1,5 @@
+/* 第三方扫码登录：渠道切换、二维码占位/失效遮罩及客户端入口。 */
+/* 导入方：app/components/AuthProviders.vue、app/pages/login.vue。 */
 .auth-providers[data-v-9d0ee2f9] {
   border-left: 1px solid var(--p-content-border-color);
   background: var(--p-content-hover-background);
@@ -87,6 +89,7 @@
   opacity: 0.45;
   cursor: not-allowed;
 }
+/* 键盘操作的可见焦点：不要只保留鼠标 hover 效果而移除此反馈。 */
 .provider-tabs button[data-v-9d0ee2f9]:focus-visible {
   outline: 2px solid var(--p-primary-color);
   outline-offset: -2px;
@@ -98,6 +101,7 @@
   min-height: 44px;
   font-size: 1em;
 }
+/* 视口条件 (width<=760px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=760px) {
   .auth-providers[data-v-9d0ee2f9] {
     border-left: 0;
@@ -113,6 +117,7 @@
     height: 152px;
   }
 }
+/* 尊重减少动态效果偏好：保留状态信息，降低或取消非必要动画。 */
 @media (prefers-reduced-motion: reduce) {
   .provider-tab-indicator[data-v-9d0ee2f9] {
     transition: none;