dsh-xueqiu 1.22.0 → 1.22.2

package/README.en.md

@@ -135,6 +135,9 @@ The data layer is defended in depth — safe to leave open for hours:
 
 ## Changelog
 
+- **1.22.2** (2026-08-24) — **Fix: MA / avg-price lines landed in sub-panes instead of overlaying the main chart**. KLineChart v10's `createIndicator('MA')` opens a new pane by default — MAs were not on the candle pane (squeezed to 72px) and the minute chart's avg/prev-close lived in their own sub-pane. The fix passes `{ name, paneId: 'candle_pane' }` to explicitly overlay the main pane (pane id confirmed from engine source). Result: candlestick pane at 173px with MA5/10/30/60 overlaid (volume remains the only sub-pane); minute chart is a single pane with price + avg + prev-close overlaid, matching Xueqiu's layout. Also a Xueqiu-inspired detail-page restyle: hero quote header (large red/green price + change + pct), lighter 16-stat grid (tinted cards, tabular numerals), accent bar on card titles, theme-tinted active states for mode/period buttons, chart height 264→300px, harmonized 4-color MA palette, and high/low duplicate price marks disabled.
+- **1.22.1** (2026-08-24) — chore: drop peerDependencies to silence install warnings; static smoke script falls back to local `npx dsh` (dsh not on PATH under prepublishOnly).
+- **1.22.0** (2026-08-24) — **K-line / minute charts migrated to the KLineChart v10 engine** (canvas rendering, built-in light/dark theming): candles + volume + MA overlays + crosshair legend across 7 periods (5m/15m/30m/60m/day/week/month); wheel zoom, drag pan, and auto-fetch of earlier history on left-drag (500 bars per fetch); minute chart as a price-colored area with avg line and prev-close baseline.
 - **1.21.0** (2025-08-21) — **Windows support**. DSH's Windows shell layer is PowerShell (`pwsh -Command`), whose single-quote literal semantics match POSIX — the original "cmd quoting incompatible" obstacle turned out not to exist. Three adaptations: ① explicit `curl.exe` call (dodges PS 5.1's `curl` = `Invoke-WebRequest` alias; curl.exe ships with Win10+); ② the cookie-seeding `-o /dev/null` becomes `NUL` on Windows; ③ quote characters stripped from Cookie headers against injection. The `realShell` test stub now mirrors the platform (pwsh on win32, same as DSH's win32 layer). CI gains a `windows-latest` job: unit + cookie tests + live.mjs against real Xueqiu (51 assertions incl. anonymous seeding) — all green. README platform requirement updated to macOS / Linux / Windows.
 - **1.20.6** (2025-08-21) — **Cloud watchlist contract test wired into CI** (`qa/contract.mjs`, 7 assertions): hits the real endpoints (`portfolio/list.json`, `portfolio/stock/list.json`, `add.json`, `cancel.json`) including a genuine add→cancel round-trip with restore. Runs daily (UTC 21:00) via the `XQ_COOKIE` repo secret so any Xueqiu API change fails here first — preventing another `watch.json`-style phantom-endpoint incident. Skips automatically on push/PR without the secret; the same scheduled job also runs live.mjs (51 assertions). Requires setting the `XQ_COOKIE` secret (full browser Cookie header containing `xq_a_token`).
 - **1.20.5** (2025-08-21) — **Cloud watchlist dual-write never worked**: the previously used `watch.json` endpoint does not exist (the WAF's blanket 403 on unknown paths was misread as "Xueqiu blocks third-party writes"). The real endpoints are `portfolio/stock/add.json` / `cancel.json` (POST form, symbols param). Fixed and verified with a real-account full round-trip: plugin add → cloud 116 ✓ → plugin remove → cloud restored 115 ✓. Local add/remove now genuinely syncs both ways; the 1.20.4 "writes are blocked" claim is retracted.

package/README.md

@@ -190,6 +190,13 @@ dsh-xueqiu/
 
 ## 📋 更新日志
 
+- **1.22.2**（2026-08-24）
+  - 修复：**K线均线 / 分时均价误落附图**。KLineChart v10 的 `createIndicator('MA')` 默认给指标新开 pane——均线不在蜡烛主图上（主图被挤到 72px），分时均价/昨收也在独立附图。须传 `{ name, paneId: 'candle_pane' }` 显式叠加到主图（pane id 从引擎源码确认）。修复后：K线主图 173px 蜡烛+MA5/10/30/60 叠加、附图仅成交量；分时只剩一张主图（分时曲线+均价+昨收全部叠加），与雪球布局一致。
+  - 样式：**详情页参考雪球重排版**——顶部行情主标题（大号红/绿现价 + 涨跌额 + 涨跌幅，如 `1304.66 +31.83 +2.50%`）；16 格 stat 卡片更轻盈（浅底/圆角/等宽数字/标签次要色）；卡片标题左侧主题色强调条；K线/分时与周期按钮选中态改主题色 tint 填充；K线画布 264→300px；MA 均线和谐四色（蓝/橙/紫/青）；关闭最高/最低点重复标注（消除窄图顶部杂乱数字）。
+- **1.22.1**（2026-08-24）
+  - chore：移除 peerDependencies 避免安装警告；静态冒烟脚本自动兜底本地 `npx dsh`（prepublishOnly 下找不到 dsh 命令）。
+- **1.22.0**（2026-08-24）
+  - 新增：**K线/分时切换 KLineChart v10 引擎**（canvas 渲染、内置明暗主题适配）：蜡烛图 + 成交量 + MA 均线 + 十字光标，5分/15分/30分/60分/日K/周K/月K 7 档；滚轮缩放、拖拽平移、左拖触底自动加载更早历史（500 根/次）；分时面积图（涨跌色）+ 均价线 + 昨收虚线。
 - **1.21.7**（2025-08-24）
   - 修复：**越屏钳制改为逐渲染执行**。1.21.6 的"effect 依赖 badgePos + ResizeObserver"方案在 CI 慢环境仍漏过"渲染后才长高"的时序（数据异步到达→徽章长高→无重触发钳制）。现在 `useLayoutEffect` 每次渲染后钳制（数据到达必伴随重渲染，无时序死角；ui.set 仅在有变更时触发下一轮，收敛不循环）。CI 实测踩坑修复。
   - 新增：**浏览器 E2E 进 CI**（`browser-e2e` job）。此前这层（唯一抓到过钳制死代码真 bug 的测试）只在本机手动跑。`scripts/e2e-ci-boot.sh` 合成"已完成引导"的隔离 DSH 实例（settings 跳过 onboarding + workspace 表 + 含完整一轮对话的逐行 zstd 会话日志——踩坑记录：DSH 逐记录写日志，每 zstd 帧恰好一行；slug 规则 cwd 去首 `/`、余 `/`→`-`、两端包 `--`），agent-browser 跑全部 18 项断言。E2E 脚本兜底：全新实例无活动对话时先展开会话分组再点开一个会话（conversation.input.dock 槽需要对话视图）。

package/dynamic/client.js

@@ -121,20 +121,25 @@ return {
       '.xq-news-time{font-size:10.5px;color:var(--dsw-alias-label-secondary);margin-top:3px;}\n' +
       '.xq-news-more{font-size:11.5px;color:var(--dsw-alias-label-secondary);text-align:center;padding:6px 0 2px;cursor:pointer;user-select:none;}\n' +
       '.xq-news-more:hover{color:var(--dsw-alias-label-primary);}\n' +
-      '.xq-detail-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap;}\n' +
-      '.xq-detail-name{font-size:15px;font-weight:700;}\n' +
-      '.xq-detail-code{font-size:11px;color:var(--dsw-alias-label-secondary);}\n' +
-      '.xq-detail-cur{font-size:20px;font-weight:800;}\n' +
-      '.xq-detail-pct{font-size:13px;}\n' +
-      '.xq-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px;}\n' +
-      '.xq-stat{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:6px;padding:4px 7px;}\n' +
-      '.xq-stat-k{font-size:10.5px;color:var(--dsw-alias-label-secondary);}\n' +
-      '.xq-stat-v{font-size:12.5px;font-weight:600;}\n' +
-      '.xq-card{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:8px;padding:8px 10px;margin-bottom:8px;}\n' +
-      '.xq-card-t{font-size:12px;font-weight:700;margin-bottom:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}\n' +
-      '.xq-periods{display:inline-flex;flex-wrap:wrap;gap:2px;border:1px solid var(--dsw-alias-border-l2);border-radius:6px;padding:1px;}\n' +
-      '.xq-periods button,.xq-modes button{font-size:11.5px;border:none;background:none;color:var(--dsw-alias-label-secondary);padding:2px 9px;border-radius:5px;cursor:pointer;}\n' +
-      '.xq-periods button.xq-on,.xq-modes button.xq-on{background:var(--dsw-alias-bg-overlay);color:var(--dsw-alias-label-primary);font-weight:600;}\n' +
+      '.xq-detail-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap;}\n' +
+      '.xq-detail-name{font-size:16px;font-weight:700;letter-spacing:.2px;}\n' +
+      '.xq-detail-code{font-size:11px;color:var(--dsw-alias-label-tertiary);letter-spacing:.3px;}\n' +
+      '.xq-detail-price{display:flex;align-items:baseline;gap:10px;}\n' +
+      '.xq-detail-delta{display:flex;align-items:baseline;gap:6px;}\n' +
+      '.xq-detail-cur{font-size:27px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;}\n' +
+      '.xq-detail-chg{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;}\n' +
+      '.xq-detail-pct{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;}\n' +
+      '.xq-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px;}\n' +
+      '.xq-stat{background:color-mix(in srgb, var(--dsw-alias-bg-layer-2) 55%, transparent);border:1px solid var(--dsw-alias-border-l1);border-radius:8px;padding:6px 8px;min-width:0;}\n' +
+      '.xq-stat-k{font-size:10px;color:var(--dsw-alias-label-tertiary);margin-bottom:3px;letter-spacing:.2px;}\n' +
+      '.xq-stat-v{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}\n' +
+      '.xq-card{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);border-radius:10px;padding:10px 12px;margin-bottom:12px;}\n' +
+      '.xq-card-t{font-size:12.5px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}\n' +
+      '.xq-card-t::before{content:"";width:3px;height:12px;border-radius:2px;background:var(--dsw-alias-brand-primary);flex:none;}\n' +
+      '.xq-periods{display:inline-flex;flex-wrap:wrap;gap:2px;border:1px solid var(--dsw-alias-border-l2);border-radius:7px;padding:2px;background:var(--dsw-alias-bg-layer-2);}\n' +
+      '.xq-periods button,.xq-modes button{font-size:11.5px;border:none;background:none;color:var(--dsw-alias-label-secondary);padding:3px 9px;border-radius:6px;cursor:pointer;transition:color .12s,background .12s;}\n' +
+      '.xq-periods button:hover,.xq-modes button:hover{color:var(--dsw-alias-label-primary);}\n' +
+      '.xq-periods button.xq-on,.xq-modes button.xq-on{background:color-mix(in srgb, var(--dsw-alias-brand-primary) 16%, transparent);color:var(--dsw-alias-brand-primary);font-weight:700;}\n' +
       '.xq-chart{width:100%;height:auto;display:block;}\n' +
       '.xq-chart-pan{cursor:crosshair;touch-action:none;}\n' +
       '.xq-chart-pan:active{cursor:grabbing;}\n' +
@@ -143,10 +148,10 @@ return {
       '.xq-tip-d{font-weight:700;}\n' +
       '.xq-tip-r{display:flex;gap:8px;}\n' +
       '.xq-tip-k{color:var(--dsw-alias-label-secondary);}\n' +
-      '.xq-chart-labels{display:flex;justify-content:space-between;font-size:10.5px;color:var(--dsw-alias-label-secondary);margin-top:2px;}\n' +
+      '.xq-chart-labels{display:flex;justify-content:space-between;font-size:10.5px;color:var(--dsw-alias-label-tertiary);margin-top:3px;}\n' +
       '.xq-ma-legend{display:flex;gap:10px;font-size:10.5px;color:var(--dsw-alias-label-secondary);}\n' +
-      '.xq-klc{height:264px;width:100%;min-width:0;}\n' +
-      '.xq-klc-min{height:216px;}\n' +
+      '.xq-klc{height:300px;width:100%;min-width:0;}\n' +
+      '.xq-klc-min{height:230px;}\n' +
       '.xq-kol{display:flex;flex-wrap:wrap;gap:6px;}\n' +
       '.xq-kol-chip{font-size:12px;padding:4px 10px;border-radius:14px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);cursor:pointer;}\n' +
       '.xq-kol-chip:hover{border-color:var(--dsw-alias-brand-primary);}\n' +
@@ -351,13 +356,15 @@ return {
             upWickColor: pal.up, downWickColor: pal.down, noChangeWickColor: pal.text
           },
           priceMark: {
-            high: { color: pal.text }, low: { color: pal.text },
+            // 关闭最高/最低点重复标注（窄图时易与坐标轴重叠成杂乱数字），保留最新价标
+            high: { show: false }, low: { show: false },
             last: { upColor: pal.up, downColor: pal.down, noChangeColor: pal.text, text: { color: pal.text } }
           }
         },
         indicator: {
           bars: [{ upColor: pal.up, downColor: pal.down, noChangeColor: pal.text }],
-          lines: [{ color: pal.warn }, { color: '#3b82f6' }, { color: '#a855f7' }],
+          // 和谐 MA 配色：蓝/橙/紫/青，多均线更易区分（对齐雪球观感）
+          lines: [{ color: '#3b82f6' }, { color: '#f59e0b' }, { color: '#8b5cf6' }, { color: '#06b6d4' }],
           tooltip: { show: false }   // 指标数值走蜡烛 legend，避免双份
         },
         xAxis: { axisLine: { color: pal.grid }, tickLine: { color: pal.grid }, tickText: { color: pal.text } },
@@ -465,7 +472,8 @@ return {
             }, function () { busy = false; done([], { forward: false, backward: false }) })
           }
         })
-        chart.createIndicator('MA')
+        // 均线叠加到主图蜡烛 pane（paneId 指定已有主图，不传则默认新开附图 pane）——与雪球一致
+        chart.createIndicator({ name: 'MA', paneId: 'candle_pane' })
         chart.createIndicator('VOL')
         chart.setOffsetRightDistance(16)
         return h.dispose
@@ -496,7 +504,7 @@ return {
       React.useEffect(function () {
         const K = klcLib()
         if (!K || !boxRef.current) { setNoLib(true); return undefined }
-        // 自定义指标：昨收虚线 + 均价线（series normal，不干扰价格轴刻度）
+        // 自定义指标：昨收虚线 + 均价线（series normal → 单独附图，避免干扰价格轴刻度）
         if (K.getSupportedIndicators().indexOf('xq-minute') < 0) {
           K.registerIndicator({
             name: 'xq-minute', shortName: '分时', series: 'normal',
@@ -541,7 +549,7 @@ return {
         const up = lastClose ? last >= lastClose : true
         // 涨跌色改面积线色（palette up 色对A股即"涨"）
         chart.setStyles({ candle: { type: 'area', area: { lineColor: up ? klcPalette().up : klcPalette().down, backgroundColor: up ? 'rgba(239,68,68,0.10)' : 'rgba(34,197,94,0.10)' } } })
-        chart.createIndicator('xq-minute')
+        chart.createIndicator({ name: 'xq-minute', paneId: 'candle_pane' })   // 均价/昨收叠加到主图分时曲线（与雪球一致）
         // 分时固定视角：禁缩放拖拽，全部笔数铺满宽度
         chart.setZoomEnabled(false)
         chart.setScrollEnabled(false)
@@ -1013,14 +1021,23 @@ return {
             ' · ' + fmtBig(u.followers_count) + '粉'
           ])
         })
+        // 行情主标题：现价 + 涨跌额 + 涨跌幅（参考雪球 ¥18.23 +0.14 +0.77% 层级）
+        const chgRaw = (q.current != null && q.last_close != null) ? (Number(q.current) - Number(q.last_close)) : null
+        const chgStr = (chgRaw != null && isFinite(chgRaw)) ? (chgRaw > 0 ? '+' + fmt(chgRaw) : (chgRaw < 0 ? '-' + fmt(Math.abs(chgRaw)) : '0.00')) : ''
+        const priceCls = colorOf(q.percent)
         return el('div', null, [
           el('div', { key: 'h', className: 'xq-detail-head' }, [
             el('button', { key: 'b', className: 'xq-btn-mini', onClick: function () { setView(null) } }, '← 返回'),
             el('span', { key: 'n', className: 'xq-detail-name' }, q.name || view),
             el('span', { key: 'c', className: 'xq-detail-code' }, view),
             el('span', { key: 'sp', className: 'xq-spacer' }),
-            el('span', { key: 'cur', className: 'xq-detail-cur ' + colorOf(q.percent) }, fmt(q.current)),
-            el('span', { key: 'pct', className: 'xq-detail-pct ' + colorOf(q.percent) }, fmtPct(q.percent))
+            el('div', { key: 'px', className: 'xq-detail-price' }, [
+              el('span', { key: 'cur', className: 'xq-detail-cur ' + priceCls }, fmt(q.current)),
+              el('span', { key: 'dl', className: 'xq-detail-delta' }, [
+                chgStr ? el('span', { key: 'chg', className: 'xq-detail-chg ' + priceCls }, chgStr) : null,
+                el('span', { key: 'pct', className: 'xq-detail-pct ' + priceCls }, fmtPct(q.percent))
+              ])
+            ])
           ]),
           el('div', { key: 'st', className: 'xq-stats' }, stats.map(function (s, i) {
             return el('div', { key: i, className: 'xq-stat' }, [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-xueqiu",
-  "version": "1.22.0",
+  "version": "1.22.2",
   "description": "雪球 mini 行情面板 — DeepSeek Harness 免登录 A股/港美股实时行情、K线(蜡烛/成交量/均线)、分时图、热榜、搜索、7x24 快讯、热议用户。嵌入式面板 + 可拖拽行情徽标，内置请求节流、TTL 缓存与 Cookie 自动续期。",
   "keywords": [
     "dsh",
@@ -41,12 +41,6 @@
       "patch": "./cordis.patch.yml"
     }
   },
-  "peerDependencies": {
-    "@deepseek-ai/cordis": "^4.0.1",
-    "@deepseek-ai/dsh-client-connection": "^0.1.0-rc.6",
-    "react": "^18.3.1",
-    "@deepseek-ai/dsh-tools": ">=0.1.0-rc.1 <0.2.0"
-  },
   "files": [
     "src/index.js",
     "src/client/index.js",

package/src/client/index.js

@@ -152,20 +152,25 @@ exports.default = {
       '.xq-news-time{font-size:10.5px;color:var(--dsw-alias-label-secondary);margin-top:3px;}\n' +
       '.xq-news-more{font-size:11.5px;color:var(--dsw-alias-label-secondary);text-align:center;padding:6px 0 2px;cursor:pointer;user-select:none;}\n' +
       '.xq-news-more:hover{color:var(--dsw-alias-label-primary);}\n' +
-      '.xq-detail-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap;}\n' +
-      '.xq-detail-name{font-size:15px;font-weight:700;}\n' +
-      '.xq-detail-code{font-size:11px;color:var(--dsw-alias-label-secondary);}\n' +
-      '.xq-detail-cur{font-size:20px;font-weight:800;}\n' +
-      '.xq-detail-pct{font-size:13px;}\n' +
-      '.xq-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px;}\n' +
-      '.xq-stat{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:6px;padding:4px 7px;}\n' +
-      '.xq-stat-k{font-size:10.5px;color:var(--dsw-alias-label-secondary);}\n' +
-      '.xq-stat-v{font-size:12.5px;font-weight:600;}\n' +
-      '.xq-card{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:8px;padding:8px 10px;margin-bottom:8px;}\n' +
-      '.xq-card-t{font-size:12px;font-weight:700;margin-bottom:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}\n' +
-      '.xq-periods{display:inline-flex;flex-wrap:wrap;gap:2px;border:1px solid var(--dsw-alias-border-l2);border-radius:6px;padding:1px;}\n' +
-      '.xq-periods button,.xq-modes button{font-size:11.5px;border:none;background:none;color:var(--dsw-alias-label-secondary);padding:2px 9px;border-radius:5px;cursor:pointer;}\n' +
-      '.xq-periods button.xq-on,.xq-modes button.xq-on{background:var(--dsw-alias-bg-overlay);color:var(--dsw-alias-label-primary);font-weight:600;}\n' +
+      '.xq-detail-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap;}\n' +
+      '.xq-detail-name{font-size:16px;font-weight:700;letter-spacing:.2px;}\n' +
+      '.xq-detail-code{font-size:11px;color:var(--dsw-alias-label-tertiary);letter-spacing:.3px;}\n' +
+      '.xq-detail-price{display:flex;align-items:baseline;gap:10px;}\n' +
+      '.xq-detail-delta{display:flex;align-items:baseline;gap:6px;}\n' +
+      '.xq-detail-cur{font-size:27px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;}\n' +
+      '.xq-detail-chg{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;}\n' +
+      '.xq-detail-pct{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;}\n' +
+      '.xq-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px;}\n' +
+      '.xq-stat{background:color-mix(in srgb, var(--dsw-alias-bg-layer-2) 55%, transparent);border:1px solid var(--dsw-alias-border-l1);border-radius:8px;padding:6px 8px;min-width:0;}\n' +
+      '.xq-stat-k{font-size:10px;color:var(--dsw-alias-label-tertiary);margin-bottom:3px;letter-spacing:.2px;}\n' +
+      '.xq-stat-v{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}\n' +
+      '.xq-card{background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);border-radius:10px;padding:10px 12px;margin-bottom:12px;}\n' +
+      '.xq-card-t{font-size:12.5px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}\n' +
+      '.xq-card-t::before{content:"";width:3px;height:12px;border-radius:2px;background:var(--dsw-alias-brand-primary);flex:none;}\n' +
+      '.xq-periods{display:inline-flex;flex-wrap:wrap;gap:2px;border:1px solid var(--dsw-alias-border-l2);border-radius:7px;padding:2px;background:var(--dsw-alias-bg-layer-2);}\n' +
+      '.xq-periods button,.xq-modes button{font-size:11.5px;border:none;background:none;color:var(--dsw-alias-label-secondary);padding:3px 9px;border-radius:6px;cursor:pointer;transition:color .12s,background .12s;}\n' +
+      '.xq-periods button:hover,.xq-modes button:hover{color:var(--dsw-alias-label-primary);}\n' +
+      '.xq-periods button.xq-on,.xq-modes button.xq-on{background:color-mix(in srgb, var(--dsw-alias-brand-primary) 16%, transparent);color:var(--dsw-alias-brand-primary);font-weight:700;}\n' +
       '.xq-chart{width:100%;height:auto;display:block;}\n' +
       '.xq-chart-pan{cursor:crosshair;touch-action:none;}\n' +
       '.xq-chart-pan:active{cursor:grabbing;}\n' +
@@ -174,10 +179,10 @@ exports.default = {
       '.xq-tip-d{font-weight:700;}\n' +
       '.xq-tip-r{display:flex;gap:8px;}\n' +
       '.xq-tip-k{color:var(--dsw-alias-label-secondary);}\n' +
-      '.xq-chart-labels{display:flex;justify-content:space-between;font-size:10.5px;color:var(--dsw-alias-label-secondary);margin-top:2px;}\n' +
+      '.xq-chart-labels{display:flex;justify-content:space-between;font-size:10.5px;color:var(--dsw-alias-label-tertiary);margin-top:3px;}\n' +
       '.xq-ma-legend{display:flex;gap:10px;font-size:10.5px;color:var(--dsw-alias-label-secondary);}\n' +
-      '.xq-klc{height:264px;width:100%;min-width:0;}\n' +
-      '.xq-klc-min{height:216px;}\n' +
+      '.xq-klc{height:300px;width:100%;min-width:0;}\n' +
+      '.xq-klc-min{height:230px;}\n' +
       '.xq-kol{display:flex;flex-wrap:wrap;gap:6px;}\n' +
       '.xq-kol-chip{font-size:12px;padding:4px 10px;border-radius:14px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);cursor:pointer;}\n' +
       '.xq-kol-chip:hover{border-color:var(--dsw-alias-brand-primary);}\n' +
@@ -382,13 +387,15 @@ exports.default = {
             upWickColor: pal.up, downWickColor: pal.down, noChangeWickColor: pal.text
           },
           priceMark: {
-            high: { color: pal.text }, low: { color: pal.text },
+            // 关闭最高/最低点重复标注（窄图时易与坐标轴重叠成杂乱数字），保留最新价标
+            high: { show: false }, low: { show: false },
             last: { upColor: pal.up, downColor: pal.down, noChangeColor: pal.text, text: { color: pal.text } }
           }
         },
         indicator: {
           bars: [{ upColor: pal.up, downColor: pal.down, noChangeColor: pal.text }],
-          lines: [{ color: pal.warn }, { color: '#3b82f6' }, { color: '#a855f7' }],
+          // 和谐 MA 配色：蓝/橙/紫/青，多均线更易区分（对齐雪球观感）
+          lines: [{ color: '#3b82f6' }, { color: '#f59e0b' }, { color: '#8b5cf6' }, { color: '#06b6d4' }],
           tooltip: { show: false }   // 指标数值走蜡烛 legend，避免双份
         },
         xAxis: { axisLine: { color: pal.grid }, tickLine: { color: pal.grid }, tickText: { color: pal.text } },
@@ -496,7 +503,8 @@ exports.default = {
             }, function () { busy = false; done([], { forward: false, backward: false }) })
           }
         })
-        chart.createIndicator('MA')
+        // 均线叠加到主图蜡烛 pane（paneId 指定已有主图，不传则默认新开附图 pane）——与雪球一致
+        chart.createIndicator({ name: 'MA', paneId: 'candle_pane' })
         chart.createIndicator('VOL')
         chart.setOffsetRightDistance(16)
         return h.dispose
@@ -527,7 +535,7 @@ exports.default = {
       React.useEffect(function () {
         const K = klcLib()
         if (!K || !boxRef.current) { setNoLib(true); return undefined }
-        // 自定义指标：昨收虚线 + 均价线（series normal，不干扰价格轴刻度）
+        // 自定义指标：昨收虚线 + 均价线（series normal → 单独附图，避免干扰价格轴刻度）
         if (K.getSupportedIndicators().indexOf('xq-minute') < 0) {
           K.registerIndicator({
             name: 'xq-minute', shortName: '分时', series: 'normal',
@@ -572,7 +580,7 @@ exports.default = {
         const up = lastClose ? last >= lastClose : true
         // 涨跌色改面积线色（palette up 色对A股即"涨"）
         chart.setStyles({ candle: { type: 'area', area: { lineColor: up ? klcPalette().up : klcPalette().down, backgroundColor: up ? 'rgba(239,68,68,0.10)' : 'rgba(34,197,94,0.10)' } } })
-        chart.createIndicator('xq-minute')
+        chart.createIndicator({ name: 'xq-minute', paneId: 'candle_pane' })   // 均价/昨收叠加到主图分时曲线（与雪球一致）
         // 分时固定视角：禁缩放拖拽，全部笔数铺满宽度
         chart.setZoomEnabled(false)
         chart.setScrollEnabled(false)
@@ -1044,14 +1052,23 @@ exports.default = {
             ' · ' + fmtBig(u.followers_count) + '粉'
           ])
         })
+        // 行情主标题：现价 + 涨跌额 + 涨跌幅（参考雪球 ¥18.23 +0.14 +0.77% 层级）
+        const chgRaw = (q.current != null && q.last_close != null) ? (Number(q.current) - Number(q.last_close)) : null
+        const chgStr = (chgRaw != null && isFinite(chgRaw)) ? (chgRaw > 0 ? '+' + fmt(chgRaw) : (chgRaw < 0 ? '-' + fmt(Math.abs(chgRaw)) : '0.00')) : ''
+        const priceCls = colorOf(q.percent)
         return el('div', null, [
           el('div', { key: 'h', className: 'xq-detail-head' }, [
             el('button', { key: 'b', className: 'xq-btn-mini', onClick: function () { setView(null) } }, '← 返回'),
             el('span', { key: 'n', className: 'xq-detail-name' }, q.name || view),
             el('span', { key: 'c', className: 'xq-detail-code' }, view),
             el('span', { key: 'sp', className: 'xq-spacer' }),
-            el('span', { key: 'cur', className: 'xq-detail-cur ' + colorOf(q.percent) }, fmt(q.current)),
-            el('span', { key: 'pct', className: 'xq-detail-pct ' + colorOf(q.percent) }, fmtPct(q.percent))
+            el('div', { key: 'px', className: 'xq-detail-price' }, [
+              el('span', { key: 'cur', className: 'xq-detail-cur ' + priceCls }, fmt(q.current)),
+              el('span', { key: 'dl', className: 'xq-detail-delta' }, [
+                chgStr ? el('span', { key: 'chg', className: 'xq-detail-chg ' + priceCls }, chgStr) : null,
+                el('span', { key: 'pct', className: 'xq-detail-pct ' + priceCls }, fmtPct(q.percent))
+              ])
+            ])
           ]),
           el('div', { key: 'st', className: 'xq-stats' }, stats.map(function (s, i) {
             return el('div', { key: i, className: 'xq-stat' }, [