docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/default.DFUVVR1i.css

@@ -1,3 +1,5 @@
+/* 会员控制台主布局：侧栏、顶栏、维护提示及移动端导航。 */
+/* 导入方：app/layouts/default.vue。 */
 .console-layout[data-v-1a9c3b51] {
   background: var(--console-page-bg);
   min-height: 100dvh;
@@ -19,6 +21,7 @@
   position: fixed;
   inset: 0 0 auto;
 }
+/* 桌面侧栏与移动端导航共享的外壳；断点覆盖会改变其宽度/可见性。 */
 .sidebar[data-v-1a9c3b51] {
   z-index: 30;
   background: var(--console-page-bg);
@@ -150,6 +153,7 @@
 .has-banner .main[data-v-1a9c3b51] {
   min-height: calc(100dvh - 94px);
 }
+/* 顶栏与维护提示、主内容定位配合，避免固定元素遮挡可操作内容。 */
 .topbar[data-v-1a9c3b51] {
   z-index: 35;
   background: var(--console-panel-bg);
@@ -195,6 +199,7 @@
   width: 35px;
   height: 35px;
 }
+/* 应用深色主题覆盖，保持在基础颜色之后；主题切换只改变外观，不改变业务状态。 */
 .app-dark .brand-icon[data-v-1a9c3b51] {
   color: #fff;
 }
@@ -436,6 +441,7 @@
 .has-banner .sidebar[data-v-1a9c3b51] {
   top: 94px;
 }
+/* 视口条件 (width<=1535px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=1535px) {
   .main[data-v-1a9c3b51] {
     margin-left: 0;
@@ -464,6 +470,7 @@
     top: 0;
   }
 }
+/* 视口条件 (width<=767px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=767px) {
   .crumbs[data-v-1a9c3b51] {
     display: none;
@@ -496,6 +503,7 @@
     flex-basis: auto;
   }
 }
+/* 视口条件 (width<=359px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=359px) {
   .brand[data-v-1a9c3b51] {
     gap: 5px;