chore:价格走势优化

Author: fifthThirteen

docs/agents/pvx-index-style-migration.md

@@ -88,6 +88,7 @@ Face / Body 页面只保留真实业务差异，例如接口方法、数据解
 本轮已完成：
 
 - 三个入口统一使用现代页面外壳、标题、卡片和 Sticky 分段导航，保留原路由与子页面切换行为；
+- 页面级标题图标统一为 `44px` 容器和 `24px` 图形，并使用与家园蓝图一致的深色渐变、暖色描边和克制 Hero 背景；
 - 每日速览重组公告、服务器、家园声望、名士和抓马信息，服务器状态改为方形信息卡，抓马条目单行完整展示并统一字号、对齐与状态层级；
 - 活动日历采用七列月历与右侧日期详情布局，导航和详情面板分别固定在合理位置，小屏自动回到普通文档流；
 - 开服状态按大区使用响应式方形卡片展示，保留登录、收藏和服务器状态业务逻辑；
@@ -102,6 +103,7 @@ Face / Body 页面只保留真实业务差异，例如接口方法、数据解
 本轮考试大全已完成：
 
 - 统一 `/exam`、`/exam/:type`、`/exam/paper/:id` 和 `/exam/question/:id` 的现代页面外壳；“我要出题”等外链继续使用原入口，小程序/App 专用考试页不进行视觉重构；
+- 页面级标题图标统一为 `44px` 容器和 `24px` 图形，Hero 背景与家园蓝图、活动告示保持同一视觉层级；
 - 首页四个业务入口、搜索、筛选、发布入口、结果统计、分页、加载和空状态已经按现有设计组件重组，筛选按钮支持明确手型、打开状态和克制 Hover；
 - 科举题库改为响应式结果卡片，搜索命中词保持轻量高亮，“答案”标签使用普通正文层级，答案值使用重点色和较高字重，同排卡片通过 Flex 自然对齐答案区域；
 - 创作题库桌面端继续使用表格，行操作改为 Element Plus `primary plain` 按钮并保留完整 Hover；平板和手机改为响应式卡片，不影响原题目跳转；
@@ -115,6 +117,21 @@ Face / Body 页面只保留真实业务差异，例如接口方法、数据解
 
 考试模块样式隔离在 `exam-shell-theme.less`、`exam-index-theme.less`、`exam-paper-detail-theme.less` 和 `exam-question-theme.less` 中。已运行目标文件 ESLint、`npm run verify:legacy-js`、`npm run build:dev` 与 `git diff --check`，并使用 Chrome 回归考试首页、试卷详情、桌面/平板/手机布局及单选交互；未执行真实试卷提交，避免产生业务数据。
 
+价格走势已经完成 Web 端第一轮改造和响应式调整，当前等待用户最终验收，因此 `/pvg/price` TODO 暂不勾选。
+
+本轮价格走势已完成：
+
+- `/pvg/price` 统一使用 `PvxPageShell`、`PvxSurface`、`PvxSectionHeader`、`PvxToolbar` 和 `PvxEmptyState`，总览、金价、物价及关注清单使用同一页面层级；
+- 页面级标题、市场快照、金价走势、物价和关注清单统一图标规格，Hero 使用与家园蓝图、活动告示和考试大全一致的克制径向背景；
+- 区服选择提升到页面 Hero 右侧并作为三个 Tab 的公共状态，初始化继续兼容用户默认区服和客户端默认值，切换后由各子页面重新请求对应数据；
+- 总览市场、金价图表、物价列表、关注清单和清单管理弹窗完成现代卡片、加载与空状态重组，物品跳转继续携带当前区服上下文；
+- 图表在容器尺寸变化时通过 `ResizeObserver` 正确重建或调整，组件卸载时释放观察器，避免切换 Tab 和改变视口后的尺寸异常；
+- 手机端区服选择占满 Hero 宽度，市场渠道卡片改为一行一项并移除无意义横向滚动；关注清单的“管理清单”放入标题右侧，在手机端收为带可访问名称的紧凑图标按钮；
+- 新增价格模块主题集中在 `price-theme.less`，页面覆盖限定在 `.p-pvx-price` 根节点，不影响活动告示、考试大全和未改造页面；
+- 补齐简体中文、繁体中文、英文和越南文界面文案；小程序/App 专用价格页面只补充必要国际化和尺寸兼容，不进行与 Web 页面相同的结构重构。
+
+价格走势保留原金价、物价、关注清单接口及权限逻辑。后续最终验收需继续覆盖区服切换、三个 Tab、关键词搜索、关注清单登录态与管理弹窗，以及图表在桌面、平板和手机尺寸下的重绘。
+
 ### 5.2 图鉴百科类
 
 - [ ] 奇遇大全 `/adventure`

docs/design/pvx-visual-style-guide.md

@@ -93,6 +93,14 @@
 - 右侧操作区；
 - 移动端自动收紧图标和字号。
 
+页面级 Hero 标题已经在家园蓝图、活动告示、考试大全和价格走势中形成统一规格：
+
+- 图标容器固定为 `44 × 44px`，内部图形为 `24 × 24px`，使用约 `14px` 圆角；
+- 图标底色使用深海军蓝渐变，边框使用低透明度暖黄色，业务图形可使用暖黄色作为识别色；
+- Hero 卡片保持白色主体，可在右上区域使用透明度约 `10%` 的靛蓝径向渐变，不使用大面积高饱和背景；
+- 标题、副标题和图标保持垂直居中；长语言允许副标题自然换行，但不能挤压右侧操作区；
+- Hero 右侧适合放置服务器、区服等页面级公共条件；窄屏时操作区换到下一行并占满内容宽度。
+
 业务区块内部的小标题可以使用更紧凑的标题样式，但必须放在模块专有根节点内，不得新增裸 `.u-title` 全局规则。
 
 ### 4.3 工具栏
@@ -114,6 +122,7 @@
 - 禁用状态降低对比度，同时取消误导性的 Hover 动效。
 - 长语言环境下允许合理缩短文案、换行或使用图标，但必须保留可理解性。
 - 表格行内的轻量操作优先使用 Element Plus `plain` 按钮或等价次级按钮，默认状态不能比页面主操作更突出，Hover 后必须有清晰颜色反馈。
+- 标题右侧的紧凑管理操作在手机端可以收为图标按钮，建议使用 `34 × 34px` 点击区；必须保留 `title` 或 `aria-label`，桌面端继续显示“图标 + 文字”。
 
 ### 4.5 空状态
 

docs/design/responsive-adaptation-guide.md

@@ -93,9 +93,12 @@ Face / Body 当前分流如下：
 ### 5.3 手机 Web
 
 - 页面与分区采用单列，工具栏按“类型、筛选/搜索、主要操作”重排。
+- 页面级 Hero 的服务器、区服等公共选择器移动到标题下方并占满可用宽度；条件只维护一份状态，不能在各子页重复初始化。
 - 类型选择可以局部横向滚动，选项不可被压缩到不可点击。
 - 主要操作按钮占满可用宽度。
 - 卡片列表居中展示稳定卡片宽度；如果业务需要双列，必须先验证 320px 宽度和长语言。
+- 信息看板在手机端优先改为单列完整卡片；卡片本身已经能够完整展示时，不保留无意义的横向滚动、滚动条或切换箭头。
+- 区块标题右侧的低频管理操作可以仅显示图标，点击区不得小于业务验证后的紧凑尺寸，并必须提供可访问名称。
 - 筛选浮层宽度不得超过 `100vw - 32px`，相对视口居中。
 - 分页器可隐藏不适合手机的 total、jumper 等信息，保留明确的上一页、下一页或加载更多能力。
 - 英文、越南文标签允许两行，卡片为第二行预留高度，不能靠缩小字号硬塞。

src/assets/css/app.less

@@ -17,6 +17,12 @@ body {
     .pr;
 }
 
+.m-main.m-pvg-main.is-modern-price-main {
+    min-height: calc(100vh - @header-height);
+    padding: 0;
+    background: #f6f8fa;
+}
+
 @media screen and(max-width:@ipad) {
     .m-main {
         padding-left: 20px;

src/assets/css/modules/exam-index-theme.less

@@ -19,10 +19,25 @@
     .m-pvx-exam__hero {
         overflow: hidden;
         background:
-            radial-gradient(circle at 92% 8%, rgba(91, 92, 245, 0.12), transparent 24%),
+            radial-gradient(circle at 92% 8%, rgba(91, 92, 245, 0.1), transparent 26%),
             @pvx-surface;
     }
 
+    .m-pvx-exam__header {
+        > div:first-child > div:first-child {
+            width: 44px;
+            height: 44px;
+            border: 1px solid rgba(245, 158, 11, 0.3);
+            border-radius: 14px;
+            background: linear-gradient(145deg, #0f172a, #1e293b);
+
+            svg {
+                width: 24px;
+                height: 24px;
+            }
+        }
+    }
+
     .m-pvx-exam__toolbar.pvx-search-wrapper--modern {
         position: sticky;
         top: calc(@header-height + 12px);
@@ -638,6 +653,36 @@
                 gap: @pvx-space-1;
             }
 
+            .u-card-topline {
+                min-height: 24px;
+
+                .u-client {
+                    display: inline-flex;
+                    min-height: 22px;
+                    align-items: center;
+                    justify-content: center;
+                    padding: 2px 8px;
+                    border: 1px solid transparent;
+                    border-radius: @pvx-radius-pill;
+                    font-size: 11px;
+                    font-weight: 700;
+                    line-height: 16px;
+                    white-space: nowrap;
+                }
+
+                .i-client-std {
+                    border-color: #fde68a;
+                    color: #b45309;
+                    background: #fffbeb;
+                }
+
+                .i-client-origin {
+                    border-color: #a5f3fc;
+                    color: #0e7490;
+                    background: #ecfeff;
+                }
+            }
+
             .u-number {
                 color: @pvx-text-muted;
                 font-size: 12px;

src/assets/css/modules/gonggao-daily-theme.less

@@ -17,6 +17,9 @@
     .m-pvx-gonggao-daily__hero {
         position: relative;
         overflow: hidden;
+        background:
+            radial-gradient(circle at 92% 8%, rgba(91, 92, 245, 0.1), transparent 26%),
+            @pvx-surface;
 
         &::after {
             position: absolute;
@@ -31,6 +34,21 @@
         }
     }
 
+    .m-pvx-gonggao-daily__header {
+        > div:first-child > div:first-child {
+            width: 44px;
+            height: 44px;
+            border: 1px solid rgba(245, 158, 11, 0.3);
+            border-radius: 14px;
+            background: linear-gradient(145deg, #0f172a, #1e293b);
+
+            svg {
+                width: 24px;
+                height: 24px;
+            }
+        }
+    }
+
     .u-today-badge {
         position: relative;
         z-index: 1;