docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/blank.DOa3C9wi.css

@@ -1,3 +1,5 @@
+/* 公共认证布局：主题、顶部导航及登录/注册卡片。 */
+/* 导入方：app/layouts/blank.vue。 */
 .blank-layout {
   font-size: max(14px, 1rem);
   line-height: 1.6;
@@ -20,6 +22,7 @@
   border-radius: 0;
   align-self: center;
 }
+/* 认证卡片与品牌区域共同构成公共布局；窄屏覆盖将其收敛为可滚动内容。 */
 .auth-card {
   border: 1px solid var(--p-content-border-color);
   background: var(--p-content-background);
@@ -167,6 +170,7 @@
 .auth-card .req {
   color: var(--p-red-600, #dc2626);
 }
+/* 视口条件 (width<=760px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=760px) {
   .auth-shell {
     grid-template-columns: minmax(0, 1fr);
@@ -176,11 +180,13 @@
     font-size: max(16px, 1em);
   }
 }
+/* 视口条件 (width<=480px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=480px) {
   .auth-card {
     padding: 32px 24px;
   }
 }
+/* 视口条件 (width<=360px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=360px) {
   .auth-card {
     padding: 28px 20px;
@@ -205,6 +211,7 @@
   color: var(--p-text-color);
   background: #f7fcff;
 }
+/* 应用深色主题覆盖，保持在基础颜色之后；主题切换只改变外观，不改变业务状态。 */
 .app-dark .blank-layout {
   background: #09090b;
 }
@@ -258,6 +265,7 @@
   padding: 28px 14px;
   display: flex;
 }
+/* 视口条件 (width<=600px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=600px) {
   .auth-logo img[data-v-69ca9392] {
     width: 144px;