Prioritize phone access in settings

docs/changelog.zh-CN.md

@@ -3,6 +3,7 @@
 ## 未发布
 
 - 长时稳定性浸泡现在持续验证本机事件回放结构与 `latestSeq` 单调性，并在配置公网地址时逐样本确认未登录 Codex API 始终返回 HTTP 401；JSON 报告新增回放失败、鉴权失败和事件序号倒退汇总，避免只看 `/health` 而漏掉消息接收链路或远程鉴权回归。
+- 设置中的“手机访问”前置到基础设置之后，新人无需先滚过套餐余量和权限控制即可生成、复制、打开或停止临时地址；功能、安全验证和视觉样式保持不变。
 
 ## 2.5.5 - 2026-07-25
 

src/App.vue

@@ -243,6 +243,7 @@
                 <span class="sidebar-settings-label">GitHub 热门项目</span>
                 <span class="sidebar-settings-toggle" :class="{ 'is-on': showGithubTrendingProjects }" />
               </button>
+              <RemoteAccessCard />
               <section class="sidebar-settings-section" aria-label="套餐余量">
                 <p class="sidebar-settings-section-title">套餐余量</p>
                 <div class="sidebar-settings-rate-limits">
@@ -298,7 +299,6 @@
                   {{ webBridgeSettingsStatus }}
                 </p>
               </section>
-              <RemoteAccessCard />
               <section v-if="isMobileShellAvailable" class="sidebar-settings-section" aria-label="移动端连接">
                 <p class="sidebar-settings-section-title">移动端连接</p>
                 <div class="sidebar-settings-row sidebar-settings-row--static sidebar-settings-row--stacked">

tests.md

@@ -2,6 +2,21 @@
 
 This file tracks manual regression and feature verification steps.
 
+## Phone-access settings priority (2026-07-25)
+
+### Expected behavior
+
+1. Opening settings on desktop or phone shows the existing `手机访问` card directly after the basic settings rows.
+2. Users do not need to scroll past package usage or permission controls before they can generate, copy, open, refresh, stop, or inspect the local pairing password.
+3. Package usage, permission controls, Android-only settings, voice settings, and version information retain their existing behavior and relative order.
+4. The phone-access card keeps the existing Quick Tunnel status, safety verification, button labels, and responsive layout; this change only improves discovery.
+
+### Verification
+
+- Run `npm.cmd run build:frontend`.
+- Run `npm.cmd run test:7420:frontend`.
+- Open settings at desktop and 393 × 852 phone sizes, capture screenshots, and confirm `手机访问` appears before `套餐余量` and `权限控制` without horizontal overflow.
+
 ## Windows productization contract (2026-07-25)
 
 ### Expected behavior