docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/account.CTvLXxT_.css

@@ -1,3 +1,5 @@
+/* 账号设置：等级、选项卡、资料字段和社交账号入口。 */
+/* 导入方：app/pages/account/index.vue。 */
 .acct[data-v-8ca4eb3d] {
   gap: 16px;
   width: 100%;
@@ -150,6 +152,7 @@
   padding-top: 18px;
   display: flex;
 }
+/* 视口条件 (width<=768px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=768px) {
   .tabs[data-v-8ca4eb3d] {
     gap: 0;
@@ -171,6 +174,7 @@
 .tabs[data-v-8ca4eb3d] {
   scrollbar-width: thin;
 }
+/* 键盘操作的可见焦点：不要只保留鼠标 hover 效果而移除此反馈。 */
 .tab[data-v-8ca4eb3d]:focus-visible {
   outline: 2px solid var(--p-primary-color);
   outline-offset: -3px;
@@ -184,6 +188,7 @@
 .social-field .sec-desc[data-v-8ca4eb3d] {
   margin: 7px 0;
 }
+/* 视口条件 (width<=640px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=640px) {
   .acct[data-v-8ca4eb3d] {
     gap: 14px;