docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/RechargeDialog.DpsMly4r.css

@@ -1,3 +1,5 @@
+/* 余额充值：预设金额、手工金额与步骤表单。 */
+/* 导入方：app/components/RechargeDialog.vue、app/components/home/HomeWalletCard.vue、app/pages/finance/index.vue、app/pages/index.vue。 */
 .step[data-v-c038cb91] {
   flex-direction: column;
   gap: 14px;
@@ -27,6 +29,7 @@
   color: var(--p-primary-color);
   background: var(--p-highlight-background);
 }
+/* 键盘操作的可见焦点：不要只保留鼠标 hover 效果而移除此反馈。 */
 .recharge-option[data-v-c038cb91]:focus-visible {
   outline: 2px solid var(--p-primary-color);
   outline-offset: 2px;
@@ -40,6 +43,7 @@
   min-width: 0;
   height: 56px;
 }
+/* 视口条件 (width<=480px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=480px) {
   .recharge-options[data-v-c038cb91] {
     grid-template-columns: repeat(2, minmax(0, 1fr));