@fish-under-sea/magpie-neartoken 0.4.0 → 0.4.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fish-under-sea/magpie-neartoken",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "NearToken for magpie: a provider whose sign-in is the site's own device authorization, models listed per billing group with their multiplier, balance and vouchers on magpie's usage card, plus a page for spending and top-ups.",
   "type": "module",
   "main": "index.mjs",

package/page/app.js

@@ -86,6 +86,8 @@
   let lastError = ''
   function showError(error) {
     const said = String(error && error.message ? error.message : error)
+    // options 写入限流由 saveDisabled 自己合并重试，不用挂到页脚
+    if (/once a second at most|sets its options/i.test(said)) return
     lastError = said
     // 宿主侧仍在建 key+URL 供应商时，会撞上 magpie 的内置订阅 id。
     // 这不是页面能修的，给一句能照做的指引。
@@ -205,6 +207,17 @@
     if (pendingAct) frag.append(el('p', { class: 'note', text: '正在处理：' + pendingAct }))
     body.replaceChildren(frag)
     if (view.pending) paintCountdown()
+    // 首页四张卡等高：以账户卡为基准锁死高度，多出来的内容在卡片内滚动
+    if (tab === 'home' && view.configured) equalizeHome()
+  }
+
+  /** equalizeHome 量第一张卡（账户）的高度，锁到同组所有卡上。 */
+  function equalizeHome() {
+    const cards = document.querySelectorAll('.home-grid > .card')
+    if (cards.length < 2) return
+    const h = Math.round(cards[0].getBoundingClientRect().height)
+    if (!h) return
+    cards.forEach((c) => { c.style.height = h + 'px' })
   }
 
   /** tabsBar 是三个视角：原本界面、模型广场、使用日志。 */
@@ -432,6 +445,10 @@
   let marketMode = 'standard'
   let marketSort = 'default'
   let marketLayout = 'grid'
+  let logQuery = ''
+  let logGroup = ''
+  let logKind = 'all'
+  let logExpanded = false
   const marketVendors = new Set()
   const MARKET_KINDS = [['all', '全部'], ['chat', '对话'], ['image', '生图'], ['video', '视频'], ['audio', '语音'], ['embedding', '向量']]
 
@@ -467,7 +484,14 @@
   ]
   const PRICE_TAGS = ['低价', '满血', '促销', '备用', '官Key', '官key', '国模', '自有', '反重力', '神秘折扣', 'CC', 'Kiro', '灵车', 'Argon', 'GPT Pro', 'Claude', 'DeepSeek', 'GLM', 'Gemini', 'Kimi', 'GPT', 'Suno', 'AIS']
 
-  /** groupTags 把 [低价][生图] 生图特惠 拆成功能 / 价格 / 余下文字，供排序与重绘。 */
+  /** 第二级里的首标签次序：满血 > 官Key > 低价 > 其他。满血排在低价前面。 */
+  const LEAD_ORDER = ['满血', '官Key', '官key', '低价', '促销', '备用', '国模', '自有', '反重力', '神秘折扣']
+  const leadRank = (w) => {
+    const i = LEAD_ORDER.findIndex((k) => w.toLowerCase().includes(k.toLowerCase()))
+    return i === -1 ? 99 : i
+  }
+
+  /** groupTags 把 [低价][满血] GPT Pro 2 拆成功能 / 价格 / 余下文字，供排序与重绘。 */
   function groupTags(name) {
     const raw = String(name || '')
     const parts = (raw.match(/\[[^\]]+\]/g) || []).map((p) => p.slice(1, -1))
@@ -475,17 +499,21 @@
     const all = parts.concat(rest ? [rest] : []).join(' ')
     let func = '对话'
     for (const [label, re] of FUNC_TAGS) { if (re.test(all)) { func = label; break } }
-    const price = parts.filter((p) => PRICE_TAGS.some((k) => p.toLowerCase().includes(k.toLowerCase())))
-    return { func, price, rest }
+    // 官Key / 官key 走官方通道，自动补一个「满血」标签
+    const official = /官Key|官key/i.test(all)
+    let price = parts.filter((p) => PRICE_TAGS.some((k) => p.toLowerCase().includes(k.toLowerCase())))
+    if (official && !price.some((p) => p.includes('满血'))) price = ['满血'].concat(price)
+    price.sort((a, b) => leadRank(a) - leadRank(b))
+    return { func, price, rest, lead: price[0] || '' }
   }
 
-  /** groupBadge 按「功能 → 价格 → 组名」两级重绘：功能标签在前、价格标签在后。 */
+  /** groupBadge 按「功能 → 价格」两级重绘；首标签单独加 .lead 作视觉区分。 */
   function groupBadge(name) {
     const t = groupTags(name)
     const tone = { '生图': 'pink', '视频': 'blue', '语音': 'purple', '向量': 'teal', '对话': 'plain' }
     const colorOf = (w) => {
-      if (/低价|反重力|神秘|自有|国模/i.test(w)) return 'green'
       if (/满血|原生|特惠/i.test(w)) return 'red'
+      if (/低价|反重力|神秘|自有|国模/i.test(w)) return 'green'
       if (/促销|生图|Kiro|灵车/i.test(w)) return 'pink'
       if (/备用|官Key|官key|CC|Argon|GPT Pro|视频|向量/i.test(w)) return 'blue'
       return 'plain'
@@ -493,7 +521,10 @@
     return el('span', { class: 'gb' },
       // 功能标签只在非对话类显示；对话是默认，不重复挂
       t.func === '对话' ? null : el('span', { class: 'gb-tag lvl1 ' + (tone[t.func] || 'plain'), text: t.func }),
-      t.price.map((w) => el('span', { class: 'gb-tag lvl2 ' + colorOf(w), text: w })),
+      t.price.map((w, i) => el('span', {
+        class: 'gb-tag lvl2 ' + colorOf(w) + (i === 0 ? ' lead' : ''),
+        text: w,
+      })),
       t.rest ? el('span', { class: 'gb-rest', text: t.rest }) : null)
   }
 
@@ -628,7 +659,14 @@
   /** marketCard 是广场整页：顶部工具条 + 左筛选 + 右卡片网格。 */
   function marketCard() {
     const p = pricing()
-    const groups = Object.keys(p?.groups || {}).sort((a, b) => (p.groups[a] - p.groups[b]) || a.localeCompare(b, 'zh'))
+    // 先按功能分栏，栏内按首标签（满血 → 官Key → 低价 → …）再按倍率排
+    const FUNC_ORDER = ['对话', '生图', '视频', '语音', '向量']
+    const rankOf = (g) => {
+      const t = groupTags(g)
+      return (FUNC_ORDER.indexOf(t.func) === -1 ? 99 : FUNC_ORDER.indexOf(t.func)) * 1000
+        + leadRank(t.lead) * 10 + (Number(p.groups[g]) || 0)
+    }
+    const groups = Object.keys(p?.groups || {}).sort((a, b) => rankOf(a) - rankOf(b) || a.localeCompare(b, 'zh'))
     const vendors = (p?.vendors || []).slice().sort((a, b) => String(a.name).localeCompare(String(b.name), 'zh'))
     const search = el('input', {
       class: 'market-search', type: 'search', placeholder: '搜索模型名称、供应商、端点或标签...',
@@ -665,7 +703,6 @@
       if (!byFunc.has(f)) byFunc.set(f, [])
       byFunc.get(f).push(g)
     }
-    const FUNC_ORDER = ['对话', '生图', '视频', '语音', '向量']
     const groupChips = el('div', { class: 'market-chips' },
       el('button', {
         class: 'market-chip' + (!marketGroup ? ' on' : ''), onclick: () => { marketGroup = ''; render() },
@@ -720,7 +757,7 @@
     return wrap
   }
 
-  /** 使用日志：这个窗口里每个模型花了多少、用了多少 token。 */
+  /** 使用日志：仿站点日志页——筛选条 + 统计条 + 全宽明细表。 */
   function logsCard() {
     const data = windows.get(span)
     const seg = el('div', { class: 'seg' },
@@ -729,42 +766,76 @@
           key === 'day' ? '日' : key === 'week' ? '周' : '月')))
     const head = el('div', { class: 'row' },
       el('h2', { class: 'grow', text: '使用日志', style: 'margin:0' }), seg)
-    if (!data) return card(null, head, el('p', { class: 'note', text: '正在读取用量…' }))
+    if (!data) return el('section', { class: 'logs' }, card(null, head, el('p', { class: 'note', text: '正在读取用量…' })))
     if (!data.available) {
-      return card(null, head, el('p', { class: 'note warn', text: data.reason === 'unreachable'
-        ? '暂时读不到站点的用量数据。' : '站点未提供用量统计。' }))
+      return el('section', { class: 'logs' }, card(null, head,
+        el('p', { class: 'note warn', text: data.reason === 'unreachable'
+          ? '暂时读不到站点的用量数据。' : '站点未提供用量统计。' })))
     }
-    const rows = (data.models || []).slice().sort((a, b) => b.tokens - a.tokens)
-    const total = rows.reduce((sum, m) => sum + m.tokens, 0) || 1
-    const table = el('div', { class: 'log-table' },
-      el('div', { class: 'log-row head' },
-        el('span', { text: '模型' }), el('span', { text: 'Token' }), el('span', { text: '花费' }), el('span', { text: '占比' })),
-      rows.map((m) => el('div', { class: 'log-row' },
+    const all = (data.models || []).slice().sort((a, b) => b.tokens - a.tokens)
+    const total = all.reduce((sum, m) => sum + m.tokens, 0) || 1
+    const q = logQuery.trim().toLowerCase()
+    let rows = q ? all.filter((m) => String(m.model).toLowerCase().includes(q)) : all
+    if (logKind !== 'all') rows = rows.filter((m) => {
+      const snap = (pricing()?.models || []).find((x) => x.name === m.model)
+      return snap ? marketKindOf(snap) === logKind : logKind === 'chat'
+    })
+    if (logGroup) rows = rows.filter((m) => {
+      const snap = (pricing()?.models || []).find((x) => x.name === m.model)
+      return snap && (snap.enable_groups || []).includes(logGroup)
+    })
+    const groups = Object.keys(pricing()?.groups || {}).sort((a, b) => a.localeCompare(b, 'zh'))
+    const rangeText = span === 'day' ? '今日' : span === 'week' ? '本周' : '本月'
+    const toolbar = el('div', { class: 'logs-toolbar' },
+      el('div', { class: 'lt-field grow' }, el('span', { class: 'lt-ico', text: '▦' }),
+        el('span', { class: 'lt-range', text: rangeText + ' · 00:00 ~ 现在' })),
+      el('input', {
+        class: 'lt-input', type: 'search', placeholder: '模型名称', value: logQuery,
+        oninput: (e) => { logQuery = e.target.value; render() },
+      }),
+      el('select', { class: 'lt-select', onchange: (e) => { logGroup = e.target.value; render() } },
+        el('option', { value: '', text: '分组' }),
+        groups.map((g) => el('option', { value: g, text: g, selected: logGroup === g }))),
+      el('select', { class: 'lt-select', onchange: (e) => { logKind = e.target.value; render() } },
+        el('option', { value: 'all', text: '所有类型' }),
+        MARKET_KINDS.slice(1).map(([k, label]) => el('option', { value: k, text: label, selected: logKind === k }))),
+      el('button', { class: 'lt-btn', onclick: () => { logExpanded = !logExpanded; render() } }, logExpanded ? '收起 ▴' : '展开 ▾'))
+    const statbar = el('div', { class: 'logs-statbar' },
+      el('div', { class: 'ls-chips' },
+        el('span', { class: 'ls-chip' }, el('i', { class: 'ls-dot blue' }), '用量 ', el('b', { text: data.spent || '—' })),
+        el('span', { class: 'ls-chip' }, el('i', { class: 'ls-dot red' }), 'RPM ', el('b', { text: '0' })),
+        el('span', { class: 'ls-chip' }, el('i', { class: 'ls-dot blue' }), 'TPM ', el('b', { text: compact(data.tokens || 0) }))),
+      el('div', { class: 'ls-actions' },
+        el('button', { class: 'lt-btn', title: '10 秒刷新', onclick: () => { load().catch(() => {}) } }, '↻ 10s'),
+        el('button', { class: 'lt-btn', onclick: () => { logQuery = ''; logGroup = ''; logKind = 'all'; render() } }, '重置'),
+        el('button', { class: 'lt-btn primary', onclick: () => render() }, '搜索'),
+        el('button', { class: 'lt-btn', onclick: () => showError('逐条导出需要宿主提供日志端点。') }, '导出')))
+    const cols = ['时间', '令牌', '模型', '流', 'Token', '请求体大小', '费用', '耗时', '详情']
+    const table = el('div', { class: 'logs-table' },
+      el('div', { class: 'lt-row head' }, cols.map((c) => el('span', { text: c }))),
+      rows.length ? rows.map((m) => el('div', { class: 'lt-row' },
+        el('span', { text: rangeText }),
+        el('span', { text: view.tokenName || '—' }),
         el('span', { class: 'who', title: m.model, text: m.model }),
+        el('span', { text: '—' }),
         el('span', { class: 'num', text: compact(m.tokens) }),
-        el('span', { class: 'num', text: m.costText || '' }),
-        el('span', { class: 'num', text: Math.round((m.tokens / total) * 100) + '%' }))))
-    const names = rows.slice(0, 8)
-    const palette = ['#5b8def', '#43b8a4', '#9b7ce0', '#54b26a', '#e0a44a', '#d47a9a', '#6fa8d6', '#c08bd0']
-    const dist = el('div', { class: 'log-dist' },
-      el('h3', { text: '按模型分布' }),
-      names.map((m, i) => el('div', { class: 'dist-row' },
+        el('span', { text: '—' }),
+        el('span', { class: 'num', text: m.costText || '—' }),
+        el('span', { text: '—' }),
+        el('span', { class: 'num', text: Math.round((m.tokens / total) * 100) + '%' })))
+        : el('div', { class: 'lt-empty', text: '这个筛选下没有记录。' }))
+    // 分布不再是下面的一张卡：折进「展开」，默认不占版面
+    const dist = logExpanded ? el('div', { class: 'logs-dist' },
+      rows.slice(0, 8).map((m, i) => el('div', { class: 'dist-row' },
         el('div', { class: 'dist-name', title: m.model, text: m.model }),
         el('div', { class: 'dist-track' },
-          el('i', { style: 'width:' + Math.max(2, Math.round((m.tokens / total) * 100)) + '%;background:' + palette[i % palette.length] })),
-        el('div', { class: 'dist-val', text: compact(m.tokens) + ' · ' + Math.round((m.tokens / total) * 100) + '%' }))))
+          el('i', { style: 'width:' + Math.max(2, Math.round((m.tokens / total) * 100)) + '%;background:' + ['#5b8def', '#43b8a4', '#9b7ce0', '#54b26a', '#e0a44a', '#d47a9a', '#6fa8d6', '#c08bd0'][i % 8] })),
+        el('div', { class: 'dist-val', text: compact(m.tokens) + ' · ' + Math.round((m.tokens / total) * 100) + '%' })))) : null
     return el('section', { class: 'logs' },
       el('div', { class: 'logs-head' }, head),
-      el('div', { class: 'logs-body' },
-        el('div', { class: 'card' },
-          el('div', { class: 'stats' },
-            el('div', { class: 'stat' }, el('div', { class: 'k', text: '消耗' }), el('div', { class: 'v', text: data.spent })),
-            el('div', { class: 'stat' }, el('div', { class: 'k', text: '当前余额' }), el('div', { class: 'v', text: data.balance || '—' })),
-            el('div', { class: 'stat' }, el('div', { class: 'k', text: 'Token' }), el('div', { class: 'v', text: compact(data.tokens) }))),
-          table,
-          el('p', { class: 'note', text: '数字来自站点用量端点；这个窗口里没有调用就不列模型。' })),
-        el('div', { class: 'card' }, dist,
-          el('p', { class: 'note', text: '按 token 占比排，最多列前 8 个模型。' }))))
+      toolbar, statbar, dist,
+      el('div', { class: 'logs-table-wrap' }, table),
+      el('p', { class: 'note', text: '数字来自站点用量端点，按模型汇总；站点未提供逐条流水，故「流 / 请求体大小 / 耗时」留空。' }))
   }
   /** toggleModel 翻转一个模型的启用状态，并写回 plugin options。 */
   async function toggleModel(name) {
@@ -785,15 +856,35 @@
     await saveDisabled()
   }
 
-  /** saveDisabled 把「关掉的模型」写进 plugin options，provider 插件按它过滤清单。 */
-  async function saveDisabled() {
+  /**
+   * saveDisabled 把「关掉的模型」写进 plugin options，provider 插件按它过滤清单。
+   *
+   * magpie 限制页面每秒最多写一次 options，连点卡片会被拒（"a page sets its
+   * options once a second at most"）。所以这里合并写入：1.1 秒内的多次改动只发
+   * 最后一次，正在发送时再排队补一次；限流错误不往页脚挂。
+   */
+  let saveTimer = null
+  let sending = false
+  let sendAgain = false
+  async function flushDisabled() {
+    if (sending) { sendAgain = true; return }
+    sending = true
     try {
       const next = await bridge.options.set({ ...options, disabledModels: [...disabledModels] })
       if (next && typeof next === 'object') options = next
-    } catch (error) {
-      showError(error)
+      lastError = ''
+    } catch {
+      // 写失败时保留本地状态，下一拍重试；不把限流提示挂到页脚
+      sendAgain = true
+    } finally {
+      sending = false
+      if (sendAgain) { sendAgain = false; setTimeout(flushDisabled, 1100) }
     }
   }
+  function saveDisabled() {
+    if (saveTimer) clearTimeout(saveTimer)
+    saveTimer = setTimeout(() => { saveTimer = null; flushDisabled() }, 1150)
+  }
 
   /** ratioText 是倍率的写法：0.1 → 0.1，1 → 1。 */
   function ratioText(v) {

package/page/groups.js

@@ -1,2 +1,2 @@
-self.NEARTOKEN_GROUPS = [{"name":"[低价] 灵车 K3.1 Pro 专用","ratio":0.3,"models":1,"ref":"#49"},{"name":"[低价] 神秘折扣模型","ratio":0.12,"models":7,"ref":"#24"},{"name":"[低价] 视频分组","ratio":1.5,"models":2,"ref":"#31"},{"name":"[低价] 语音合成 TTS","ratio":0.3,"models":5,"ref":"#35"},{"name":"[低价] 语音转文字 ASR","ratio":1,"models":1,"ref":"#27"},{"name":"[低价] DeepSeek","ratio":0.4,"models":3,"ref":"#16"},{"name":"[低价] GPT 福利","ratio":0.2,"models":6,"ref":"#56"},{"name":"[低价] Grok","ratio":0.1,"models":13,"ref":"#37"},{"name":"[低价] Seedance","ratio":1,"models":2,"ref":"#19"},{"name":"[低价][备用] GPT Pro","ratio":0.3,"models":8,"ref":"#13"},{"name":"[低价][促销] GPT Image","ratio":0.5,"models":2,"ref":"#39"},{"name":"[低价][反重力] Gemini","ratio":0.5,"models":18,"ref":"#5"},{"name":"[低价][满血] 国模","ratio":0.6,"models":9,"ref":"#6"},{"name":"[低价][满血] Claude 特惠","ratio":1.1,"models":6,"ref":"#22"},{"name":"[低价][满血] Claude 原生","ratio":1.5,"models":6,"ref":"#61"},{"name":"[低价][满血] DeepSeek 1017","ratio":0.5,"models":2,"ref":"#38"},{"name":"[低价][满血] GPT Pro 2","ratio":0.26,"models":8,"ref":"#14"},{"name":"[低价][满血][自有] GLM 官方","ratio":0.25,"models":2,"ref":"#17"},{"name":"[低价][生图] 生图特惠","ratio":0.2,"models":14,"ref":"#9"},{"name":"[低价][Kiro] 高智企业 Claude","ratio":1,"models":6,"ref":"#42"},{"name":"[官key] GPT","ratio":0.9,"models":5,"ref":"#28"},{"name":"[满血] Argon 专用","ratio":1,"models":1,"ref":"#47"},{"name":"[满血] CC 不降智精选","ratio":1.8,"models":10,"ref":"#7"},{"name":"[满血] GPT 不降智精选","ratio":0.35,"models":8,"ref":"#2"},{"name":"[满血] GPT Pro 500 高速","ratio":0.5,"models":2,"ref":"#57"},{"name":"[满血] Kimi K3.1 Pro 专用","ratio":0.6,"models":1,"ref":"#48"},{"name":"[满血] Suno","ratio":1,"models":5,"ref":"#67"},{"name":"[满血][官Key] DeepSeek","ratio":0.8,"models":2,"ref":"#15"},{"name":"[满血][官Key] Gemini","ratio":2,"models":6,"ref":"#8"},{"name":"[生图] Gemini","ratio":1,"models":7,"ref":"#29"},{"name":"[生图] GPT Image","ratio":1,"models":2,"ref":"#4"},{"name":"[AIS] Gemini 向量模型","ratio":1,"models":3,"ref":"#34"}]
-self.NEARTOKEN_GROUPS_AT = 1793780165230
+// 由插件在拉取目录时覆盖写入；这里只是占位，免得页面加载时报 404。
+self.NEARTOKEN_GROUPS = self.NEARTOKEN_GROUPS || null

package/page/latest.js

@@ -1,2 +1,2 @@
-self.NEARTOKEN_LATEST = "0.3.0"
-self.NEARTOKEN_LATEST_AT = 1793779995515
+// 由插件在拉取目录时覆盖写入；这里只是占位。
+self.NEARTOKEN_LATEST = self.NEARTOKEN_LATEST || ''

package/page/market.css

@@ -97,6 +97,7 @@
 /* 两级标签：功能在前（饱和色），价格/品质在后（柔和色） */
 .gb-tag.lvl1 { font-weight: 700; box-shadow: 0 0 0 1px rgba(255,255,255,.12); }
 .gb-tag.lvl2 { opacity: .82; }
+.gb-tag.lead { font-weight: 700; opacity: 1; box-shadow: 0 0 0 1px rgba(255,255,255,.32); }
 .gb-tag.purple { background: #7b52b8; }
 .gb-tag.teal { background: #2f8f8a; }
 .chip-group { width: 100%; margin: 2px 0 4px; }
@@ -147,20 +148,63 @@
 .mc-bar i.bad { background: #d08a3c; }
 .mc-foot { margin-top: 8px; text-align: right; }
 
-@media (max-width: 900px) {
-  .market-body { grid-template-columns: 1fr; }
-  .market-aside { position: static; max-height: none; }
-  .logs-body { grid-template-columns: 1fr; }
-}
-
-/* 使用日志：两栏铺满 */
+/* 使用日志：仿站点日志页，筛选条 + 统计条 + 全宽明细表 */
 .logs { width: 100%; }
-.logs-head > .row { padding: 12px 14px; border: 1px solid var(--nt-line); border-radius: 12px; margin-bottom: 12px; }
-.logs-body { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 12px; align-items: start; }
-.logs-body > .card { margin: 0; }
-.log-dist h3 { font-size: 12px; margin: 0 0 12px; }
-.dist-row { display: grid; grid-template-columns: 110px minmax(0, 1fr) 92px; gap: 8px; align-items: center; margin: 8px 0; font-size: 10.5px; }
+.logs-head > .row { padding: 10px 12px; border: 1px solid var(--nt-line); border-radius: 12px; margin-bottom: 10px; }
+
+.logs-toolbar {
+  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
+  padding: 10px 12px; border: 1px solid var(--nt-line); border-radius: 12px; margin-bottom: 8px;
+  background: rgba(255,255,255,.02);
+}
+.lt-field { display: inline-flex; align-items: center; gap: 8px; min-width: 200px; height: 32px; padding: 0 10px;
+  border: 1px solid var(--nt-line); border-radius: 9px; color: var(--nt-ink); font-size: 11.5px; }
+.lt-ico { color: var(--nt-muted); }
+.lt-input { height: 32px; flex: 1 1 160px; min-width: 120px; padding: 0 10px;
+  border: 1px solid var(--nt-line); border-radius: 9px; background: rgba(0,0,0,.2);
+  color: var(--nt-ink); font-size: 11.5px; }
+.lt-input::placeholder { color: var(--nt-faint); }
+.lt-select { height: 32px; flex: 0 1 150px; padding: 0 8px;
+  border: 1px solid var(--nt-line); border-radius: 9px; background: #1c2027;
+  color: var(--nt-ink); font-size: 11.5px; }
+.lt-btn { height: 32px; padding: 0 11px; border: 1px solid var(--nt-line); border-radius: 9px;
+  background: transparent; color: var(--nt-ink); font-size: 11.5px; white-space: nowrap; }
+.lt-btn:hover { border-color: var(--nt-accent); }
+.lt-btn.primary { background: var(--nt-accent); border-color: var(--nt-accent); color: #fff; }
+
+.logs-statbar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
+  padding: 8px 12px; border: 1px solid var(--nt-line); border-radius: 12px; margin-bottom: 10px; }
+.ls-chips { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; flex: 1; }
+.ls-chip { display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 10px;
+  border: 1px solid var(--nt-line); border-radius: 999px; font-size: 10.5px; color: var(--nt-muted); }
+.ls-chip b { color: var(--nt-ink); font-family: var(--nt-code); font-variant-numeric: tabular-nums; }
+.ls-dot { width: 2px; height: 12px; border-radius: 1px; display: inline-block; }
+.ls-dot.blue { background: #5b8def; }
+.ls-dot.red { background: #d05a6a; }
+.ls-actions { display: flex; align-items: center; gap: 6px; }
+
+.logs-table-wrap { width: 100%; border: 1px solid var(--nt-line); border-radius: 12px; overflow: hidden; }
+.logs-table { width: 100%; }
+.lt-row { display: grid; grid-template-columns: 90px 90px minmax(140px, 1.6fr) 70px 100px 110px 100px 80px 70px;
+  gap: 8px; align-items: center; padding: 9px 12px; border-bottom: 1px solid var(--nt-line); font-size: 11px; }
+.lt-row:last-child { border-bottom: 0; }
+.lt-row.head { color: var(--nt-muted); font-size: 10.5px; background: rgba(255,255,255,.02); }
+.lt-row .who { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--nt-ink); }
+.lt-row .num { text-align: right; font-family: var(--nt-code); font-variant-numeric: tabular-nums; color: var(--nt-muted); }
+.lt-row > span:not(.who):not(.num) { color: var(--nt-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.lt-empty { padding: 26px; text-align: center; color: var(--nt-muted); font-size: 11.5px; }
+
+.logs-dist { padding: 10px 12px; border: 1px solid var(--nt-line); border-radius: 12px; margin-bottom: 10px; }
+.dist-row { display: grid; grid-template-columns: 140px minmax(0, 1fr) 110px; gap: 8px; align-items: center; margin: 8px 0; font-size: 10.5px; }
 .dist-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--nt-muted); }
 .dist-track { height: 8px; background: rgba(255,255,255,.05); border-radius: 5px; overflow: hidden; }
 .dist-track i { display: block; height: 100%; border-radius: 5px; }
-.dist-val { text-align: right; font-family: var(--nt-code); color: var(--nt-muted); font-variant-numeric: tabular-nums; }
+.dist-val { text-align: right; font-family: var(--nt-code); color: var(--nt-muted); font-variant-numeric: tabular-nums; }
+.logs > .note { margin: 8px 2px 0; }
+
+@media (max-width: 900px) {
+  .market-body { grid-template-columns: 1fr; }
+  .market-aside { position: static; max-height: none; }
+  .lt-row { grid-template-columns: 80px minmax(120px, 1.5fr) 90px 90px 60px; }
+  .lt-row > span:nth-child(2), .lt-row > span:nth-child(4), .lt-row > span:nth-child(6), .lt-row > span:nth-child(8) { display: none; }
+}

package/page/style.css

@@ -42,10 +42,13 @@ html, body {
   padding: 20px 22px 48px;
 }
 
-/* 首页铺满：两张卡一行，随窗口宽度伸缩 */
+/* 首页铺满：两张卡一行，随窗口宽度伸缩；以账户卡为基准等高锁定，
+   内容超出时卡片内部滚动，不把整页撑长。 */
 .home-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: start; }
-.home-grid > .card { margin: 0; }
-@media (max-width: 720px) { .home-grid { grid-template-columns: 1fr; } }
+.home-grid > .card { margin: 0; overflow-y: auto; scrollbar-width: thin; }
+.home-grid > .card::-webkit-scrollbar { width: 6px; }
+.home-grid > .card::-webkit-scrollbar-thumb { background: var(--nt-line); border-radius: 3px; }
+@media (max-width: 720px) { .home-grid { grid-template-columns: 1fr; } .home-grid > .card { height: auto !important; } }
 
 /* 顶部：品牌 + 连接状态。整页只这里允许一点装饰。 */
 .head {

package/page/version.js

@@ -1,2 +1,2 @@
 // 由 scripts/stamp.mjs 生成，别手改：版本号在 package.json。
-self.NEARTOKEN_VERSION = "0.4.0"
+self.NEARTOKEN_VERSION = "0.4.1"