docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/realname.BpRCvfXO.css

@@ -1,3 +1,5 @@
+/* 实名认证：步骤、渠道选择、身份字段和认证状态/嵌入页面。 */
+/* 导入方：app/pages/account/index.vue、app/pages/account/realname/company.vue、app/pages/account/realname/index.vue、app/pages/account/realname/personal.vue。 */
 .auth-template-link[data-v-ed164766] {
   color: var(--p-primary-color);
   align-self: flex-start;
@@ -65,6 +67,7 @@
   font-size: 0.9375rem;
   display: flex;
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .certify-id[data-v-ed164766] {
   overflow-wrap: anywhere;
   font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
@@ -131,6 +134,7 @@
   gap: 12px;
   display: grid;
 }
+/* 认证渠道选择与状态反馈，禁用外观不替代认证服务的权限判断。 */
 .channel-picker[data-v-ed164766] {
   flex-direction: column;
   gap: 14px;
@@ -188,6 +192,7 @@
   color: var(--p-primary-color);
   font-size: 24px;
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .channel-title[data-v-ed164766] {
   overflow-wrap: anywhere;
   flex: 1;
@@ -263,6 +268,7 @@
 .page[data-v-ed164766] .p-tabpanels {
   padding: 21px 0 0;
 }
+/* 视口条件 (width<=640px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=640px) {
   .panel[data-v-ed164766] {
     padding: 14px;