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

package/index.mjs

@@ -163,27 +163,32 @@ async function catalog(disabledGroups = new Set(), disabledModels = new Set()) {
     }
     const groups = all.filter((g) => !disabledGroups.has(String(g ?? '').trim()))
     if (!groups.length) continue
-    for (const raw of groups) {
-      const group = String(raw ?? '').trim()
-      const ref = group && refs[group] ? String(refs[group]) : ''
-      const ratio = ratioOf(ratios, group)
-      const id = ref ? `${ref}::${model}` : model
-      const label = group ? (ratio > 0 ? `${group} ${ratioText(ratio)}x` : group) + ' · ' + model : model
-      out[id] = {
-        name: label,
-        api: { id: model, url: SITE + '/v1', npm: '@ai-sdk/openai-compatible' },
-        limit: {
-          context: Number(row?.context_window) > 0 ? Number(row.context_window) : 0,
-          output: Number(row?.max_tokens) > 0 ? Number(row.max_tokens) : 0,
-        },
-        ...(ref ? { headers: { 'x-neartoken-group': ref } } : {}),
-        // 站点自己的分类，交给 magpie 的四个分区（图像/视频/语音/向量）
-        ...(kind === 'chat' ? {} : { kind }),
-        capabilities: {
-          toolcall: true,
-          output: kindOutput(kind),
-        },
-      }
+    // 一个模型只出一行：多分组不再展开成多行，否则「只启用一个模型」在
+    // 供应商列表里仍会冒出五六行同名条目。分组与倍率折进显示名里，
+    // 请求按该模型最便宜（倍率最低）的分组走。
+    const ranked = groups.map((g) => ({
+      name: String(g ?? '').trim(),
+      ref: String(g ?? '').trim() && refs[String(g ?? '').trim()] ? String(refs[String(g ?? '').trim()]) : '',
+      ratio: ratioOf(ratios, String(g ?? '').trim()),
+    })).sort((a, b) => (a.ratio || 1e9) - (b.ratio || 1e9))
+    const main = ranked[0] || { name: '', ref: '', ratio: 0 }
+    const label = main.name
+      ? (main.ratio > 0 ? `${main.name} ${ratioText(main.ratio)}x` : main.name) + ' · ' + model
+      : model
+    out[model] = {
+      name: label,
+      api: { id: model, url: SITE + '/v1', npm: '@ai-sdk/openai-compatible' },
+      limit: {
+        context: Number(row?.context_window) > 0 ? Number(row.context_window) : 0,
+        output: Number(row?.max_tokens) > 0 ? Number(row.max_tokens) : 0,
+      },
+      ...(main.ref ? { headers: { 'x-neartoken-group': main.ref } } : {}),
+      // 站点自己的分类，交给 magpie 的四个分区（图像/视频/语音/向量）
+      ...(kind === 'chat' ? {} : { kind }),
+      capabilities: {
+        toolcall: true,
+        output: kindOutput(kind),
+      },
     }
   }
   writeGroups([...groupsOut.values()].map((g) => ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fish-under-sea/magpie-neartoken",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "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

@@ -84,8 +84,12 @@
 
   /** showError 把宿主的话放到页脚的一条提示上，不弹窗。 */
   let lastError = ''
+  let notice = ''
+  function showNotice(text) { notice = text; lastError = ''; render() }
   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。
     // 这不是页面能修的，给一句能照做的指引。
@@ -195,16 +199,29 @@
       if (tab === 'market') frag.append(marketCard())
       else if (tab === 'logs') frag.append(logsCard())
       else frag.append(el('div', { class: 'home-grid' },
-        accountCard(), boardCard(), topupCard(), providerCard()))
+        accountCard(), boardCard(), topupCard(), providerCard(), referralCard()))
     } else {
       setStatus('未连接')
       frag.append(connectCard())
     }
     if (view.error) frag.append(el('p', { class: 'note bad', text: view.error }))
     if (lastError) frag.append(el('p', { class: 'note bad', text: lastError }))
+    if (notice) frag.append(el('p', { class: 'note', text: notice }))
     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:not(.home-wide)')]
+    if (cards.length < 2) return
+    cards.forEach((c) => { c.style.height = '' })
+    const h = Math.round(cards[0].getBoundingClientRect().height)
+    if (!h) return
+    cards.forEach((c) => { c.style.height = h + 'px' })
   }
 
   /** tabsBar 是三个视角：原本界面、模型广场、使用日志。 */
@@ -277,6 +294,23 @@
       el('p', { class: 'note', id: 'copy-hint', text: '' }))
   }
 
+  /** 推荐计划：站点「复制推荐链接」那一栏的长条卡，跨整行放最下面。 */
+  function referralCard() {
+    const aff = view.affCode || view.referralCode || ''
+    const url = aff ? 'https://neartoken.cc/sign-up?aff=' + encodeURIComponent(aff)
+      : 'https://neartoken.cc/console'
+    const invites = Number(view.invites) || 0
+    return el('section', { class: 'card home-wide' },
+      el('div', { class: 'rf' },
+        el('div', { class: 'rf-ico', text: '◈' }),
+        el('div', { class: 'rf-text' },
+          el('h2', { text: '推荐计划', style: 'margin:0' }),
+          el('p', { class: 'note', text: '用户通过您的推荐链接注册后，您即可获得奖励。可随时将累计奖励转入余额。', style: 'margin:2px 0 0' })),
+        el('div', { class: 'rf-invites' }, el('div', { class: 'k', text: '邀请' }), el('div', { class: 'v', text: String(invites) })),
+        el('div', { class: 'rf-link' }, el('span', { text: url })),
+        el('button', { class: 'rf-copy', title: '复制推荐链接', onclick: () => copy(url) }, '⧉')))
+  }
+
   /** 附件：账户、余额、代金券。 */
   function accountCard() {
     const account = view.account || {}
@@ -347,47 +381,72 @@
     return card(null, ...parts)
   }
 
-  /** 充值卡：档位、渠道、去支付。 */
+  /**
+   * 充值卡：站点「添加资金」页的缩小版。
+   * 金额大卡（带优惠角标）、自定义金额 + 待支付、支付方式图标卡、兑换码。
+   */
   function topupCard() {
     const info = topupInfo
-    if (!info) return card('充值', el('p', { class: 'note', text: '正在读取充值档位…' }))
-    if (info.unavailable) return card('充值', el('p', { class: 'note', text: info.unavailable }))
+    if (!info) return card(null, el('p', { class: 'note', text: '正在读取充值档位…' }))
+    if (info.unavailable) return card(null, el('p', { class: 'note', text: info.unavailable }))
     const options = Array.isArray(info.options) && info.options.length ? info.options : []
-    const amount = pick.amount
-    const method = pick.method || (info.methods[0] && info.methods[0].type) || ''
-    const parts = [
-      el('div', { class: 'topup' },
-        el('div', { class: 'row wrap' },
-          options.map((value) => el('button', {
-            'aria-pressed': String(value === amount),
-            onclick: () => { pick.amount = value; pick.custom = ''; render() },
-          }, String(value))),
-          el('label', { class: 'field' },
-            el('span', { class: 'cur', text: info.currency || '￥' }),
-            el('input', {
-              type: 'text',
-              inputmode: 'numeric',
-              placeholder: '其他',
-              value: pick.custom,
-              'aria-label': '自定义金额',
-              oninput: (e) => { pick.custom = e.target.value.replace(/[^\d]/g, ''); pick.amount = null },
-            }))),
-        el('div', { class: 'row' },
-          info.methods.length > 1
-            ? el('select', {
-              'aria-label': '收款方式',
-              onchange: (e) => { pick.method = e.target.value; render() },
-            }, info.methods.map((m) => el('option', { value: m.type, selected: m.type === method }, m.name)))
-            : el('span', { class: 'note', text: info.methods.length ? info.methods[0].name : '' }),
-          el('span', { class: 'grow' }),
-          el('button', {
-            class: 'primary',
-            disabled: !!pendingAct,
-            onclick: () => pay(method),
-          }, '去支付'))),
-      el('p', { class: 'note', text: '付完 5 分钟内余额会自动刷新；订单与发票在站点的钱包页。' }),
-    ]
-    return card('充值', ...parts)
+    const methods = Array.isArray(info.methods) ? info.methods : []
+    const cur = info.currency || '￥'
+    const amount = pick.amount || Number(pick.custom || 0)
+    const method = pick.method || (methods[0] && methods[0].type) || ''
+    const payable = (v) => v >= 500 ? Math.round(v * 0.96) : v >= 200 ? Math.round(v * 0.98) : v
+    const saved = (v) => v - payable(v)
+    const head = el('div', { class: 'tp-head' },
+      el('div', { class: 'tp-badge', text: '￥' }),
+      el('div', { class: 'grow' },
+        el('h2', { text: '添加资金', style: 'margin:0' }),
+        el('p', { class: 'note', text: '选择金额和支付方式', style: 'margin:2px 0 0' })),
+      el('a', { class: 'ghost link', href: 'https://neartoken.cc/wallet', target: '_blank', rel: 'noreferrer' }, '订单历史 ↗'),
+      el('button', { class: 'primary', disabled: !!pendingAct || !amount, onclick: () => pay(method) }, '去支付'))
+    const tiles = el('div', { class: 'tp-tiles' }, options.map((v) => {
+      const on = v === amount && !pick.custom
+      const discount = v >= 500 ? '优惠 4%' : v >= 200 ? '优惠 2%' : ''
+      return el('button', {
+        class: 'tp-tile' + (on ? ' on' : ''), 'aria-pressed': String(on),
+        onclick: () => { pick.amount = v; pick.custom = ''; render() },
+      },
+        el('b', { text: String(v) }),
+        el('span', { class: 'tp-pay', text: discount ? cur + payable(v) + ' · 节省 ' + saved(v) : cur + v }),
+        discount ? el('span', { class: 'tp-off', text: discount }) : null)
+    }))
+    const custom = el('div', { class: 'tp-custom' },
+      el('label', { class: 'tp-label', text: '自定义金额' }),
+      el('div', { class: 'tp-custom-row' },
+        el('label', { class: 'field tp-field' },
+          el('span', { class: 'cur', text: cur }),
+          el('input', {
+            type: 'text', inputmode: 'numeric', placeholder: '输入金额', value: pick.custom,
+            'aria-label': '自定义金额',
+            oninput: (e) => { pick.custom = e.target.value.replace(/[^\d]/g, ''); pick.amount = null; render() },
+          })),
+        el('div', { class: 'tp-due' }, el('span', { text: '待支付金额：' }), el('b', { text: cur + (amount || 0) }))))
+    const payMethods = el('div', null,
+      el('div', { class: 'tp-label', text: '付款方式' }),
+      el('div', { class: 'tp-methods' }, methods.map((m) => {
+        const on = m.type === method
+        return el('button', {
+          class: 'tp-method' + (on ? ' on' : ''), 'aria-pressed': String(on),
+          onclick: () => { pick.method = m.type; render() },
+        },
+          el('span', { class: 'tp-micon ' + (m.type === 'alipay' ? 'ali' : 'wx'), text: m.type === 'alipay' ? '支' : '微' }),
+          el('b', { text: m.name }))
+      })),
+      el('p', { class: 'note', text: '其他支付方式请联系站长', style: 'margin:6px 0 0' }))
+    const redeem = el('div', { class: 'tp-redeem' },
+      el('label', { class: 'tp-label', text: '🎁 有兑换码吗？' }),
+      el('div', { class: 'tp-custom-row' },
+        el('input', {
+          class: 'tp-input', type: 'text', placeholder: '输入您的兑换码',
+          oninput: (e) => { pick.redeem = e.target.value },
+        }),
+        el('button', { class: 'ghost', onclick: () => showNotice('兑换额度需要宿主提供兑换端点，可在站点钱包页兑换。') }, '兑换额度')))
+    const foot = el('p', { class: 'note', text: '付完 5 分钟内余额会自动刷新；订单与发票在站点的钱包页。' })
+    return card(null, head, tiles, custom, payMethods, redeem, foot)
   }
 
   /**
@@ -432,6 +491,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 +530,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 +545,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 +567,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)
   }
 
@@ -586,10 +663,29 @@
         el('a', { class: 'link', href: 'https://neartoken.cc/pricing', target: '_blank', rel: 'noreferrer' }, '详情 ›')))
   }
 
-  /** 站点 /pricing 首屏的推荐顺序（抓自它的服务端渲染），默认排序时置顶。 */
-  const SITE_FIRST = ['gpt-6-astra', 'gpt-6.1-sol', 'gpt-6-sol', 'gpt-6.1-terra', 'gpt-6-luna',
-    'claude-fable-5-1', 'claude-fable-5', 'claude-opus-5-5', 'claude-opus-5',
-    'claude-sonnet-5-5', 'claude-sonnet-5', 'glm-5.3']
+  /**
+   * 模型按系列归类：DeepSeek → GLM → Kimi → Qwen → GPT → Claude → Gemini
+   * → Grok → 生图 → 视频 → 语音 → 向量 → 其他。同系列挨在一起。
+   */
+  const SERIES = [
+    ['DeepSeek', /deepseek|ds-|kimseek/i],
+    ['GLM', /glm|智谱/i],
+    ['Kimi', /kimi|moonshot/i],
+    ['Qwen', /qwen|通义/i],
+    ['GPT', /gpt-|o[134]-|codex|sora/i],
+    ['Claude', /claude/i],
+    ['Gemini', /gemini/i],
+    ['Grok', /grok/i],
+    ['生图', /banana|seedream|flux|image|ideogram|z-image|qwen-image|dall/i],
+    ['视频', /veo|sd2|omni|seedance|minimax-h3|video|kling|sora/i],
+    ['语音', /tts|asr|suno|whisper|speech|lyrics|sound/i],
+    ['向量', /embedding|embed/i],
+  ]
+  function modelSeriesOf(name) {
+    const n = String(name || '').toLowerCase()
+    const i = SERIES.findIndex(([, re]) => re.test(n))
+    return i === -1 ? SERIES.length : i
+  }
 
   /** filteredModels 把搜索、分组、类型、厂商筛选叠起来。 */
   function filteredModels() {
@@ -597,12 +693,8 @@
     if (!p) return []
     let list = p.models.slice()
     if (marketSort !== 'latest') {
-      // 默认按站点首屏顺序置顶，其余保持目录原序
-      list.sort((a, b) => {
-        const ia = SITE_FIRST.indexOf(a.name), ib = SITE_FIRST.indexOf(b.name)
-        if (ia !== -1 || ib !== -1) return (ia === -1 ? 999 : ia) - (ib === -1 ? 999 : ib)
-        return 0
-      })
+      // 默认按系列归类（ds → glm → kimi → …），同系列内按名字排
+      list.sort((a, b) => modelSeriesOf(a.name) - modelSeriesOf(b.name) || a.name.localeCompare(b.name))
     }
     if (marketGroup) list = list.filter((m) => (m.enable_groups || []).includes(marketGroup))
     if (marketKind !== 'all') list = list.filter((m) => marketKindOf(m) === marketKind)
@@ -628,7 +720,17 @@
   /** 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 = ['对话', '生图', '视频', '语音', '向量']
+    // 分组栏：低价分组整体排上面（是列表里的上下位置，不是标签内前后权重），
+    // 其余按倍率升序。标签内部仍按「功能 → 满血/官Key → 低价」重绘。
+    const isLow = (g) => /低价/i.test(g)
+    const rankOf = (g) => {
+      const t = groupTags(g)
+      const f = FUNC_ORDER.indexOf(t.func)
+      return (isLow(g) ? 0 : 1) * 10000 + (f === -1 ? 99 : f) * 100 + (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: '搜索模型名称、供应商、端点或标签...',
@@ -658,28 +760,33 @@
       el('div', { class: 'market-seg' },
         el('button', { 'aria-pressed': String(marketLayout === 'grid'), title: '网格', onclick: () => { marketLayout = 'grid'; refreshMarketList() } }, '▦'),
         el('button', { 'aria-pressed': String(marketLayout === 'list'), title: '列表', onclick: () => { marketLayout = 'list'; refreshMarketList() } }, '☰')))
-    // 分组按两级排：先功能（生图/视频/语音/向量/对话），再价格倍率
+    // 分组栏两级：低价分组整体排最上面，其余按功能分栏
+    const lowGroups = groups.filter(isLow)
+    const otherGroups = groups.filter((g) => !isLow(g))
     const byFunc = new Map()
-    for (const g of groups) {
+    for (const g of otherGroups) {
       const f = groupTags(g).func
       if (!byFunc.has(f)) byFunc.set(f, [])
       byFunc.get(f).push(g)
     }
-    const FUNC_ORDER = ['对话', '生图', '视频', '语音', '向量']
+    const chipOf = (g) => {
+      const ratio = Number(p.groups[g]) || 0
+      return el('button', {
+        class: 'market-chip' + (marketGroup === g ? ' on' : ''),
+        title: '按这个分组筛选',
+        onclick: () => { marketGroup = marketGroup === g ? '' : g; render() },
+      }, groupBadge(g), ratio > 0 ? el('span', { class: 'ratio', text: 'x' + ratioText(ratio) }) : null)
+    }
     const groupChips = el('div', { class: 'market-chips' },
       el('button', {
         class: 'market-chip' + (!marketGroup ? ' on' : ''), onclick: () => { marketGroup = ''; render() },
       }, '所有分组'),
+      lowGroups.length ? el('div', { class: 'chip-group' },
+        el('div', { class: 'chip-group-name low', text: '低价' }),
+        el('div', { class: 'market-chips' }, lowGroups.map(chipOf))) : null,
       FUNC_ORDER.filter((f) => byFunc.has(f)).map((f) => el('div', { class: 'chip-group' },
         el('div', { class: 'chip-group-name', text: f }),
-        el('div', { class: 'market-chips' }, byFunc.get(f).map((g) => {
-          const ratio = Number(p.groups[g]) || 0
-          return el('button', {
-            class: 'market-chip' + (marketGroup === g ? ' on' : ''),
-            title: '按这个分组筛选',
-            onclick: () => { marketGroup = marketGroup === g ? '' : g; render() },
-          }, groupBadge(g), ratio > 0 ? el('span', { class: 'ratio', text: 'x' + ratioText(ratio) }) : null)
-        })))))
+        el('div', { class: 'market-chips' }, byFunc.get(f).map(chipOf)))))
     const kinds = el('div', { class: 'market-chips' },
       MARKET_KINDS.map(([k, label]) => el('button', {
         class: 'market-chip' + (marketKind === k ? ' on' : ''),
@@ -720,7 +827,7 @@
     return wrap
   }
 
-  /** 使用日志：这个窗口里每个模型花了多少、用了多少 token。 */
+  /** 使用日志：仿站点日志页——筛选条 + 统计条 + 全宽明细表。 */
   function logsCard() {
     const data = windows.get(span)
     const seg = el('div', { class: 'seg' },
@@ -729,42 +836,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 +926,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,10 +97,55 @@
 /* 两级标签：功能在前（饱和色），价格/品质在后（柔和色） */
 .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-name.low { color: #4cc38a; font-weight: 700; font-size: 11px; }
 .chip-group { width: 100%; margin: 2px 0 4px; }
 .chip-group-name { font-size: 10px; color: var(--nt-faint); margin: 6px 0 3px; letter-spacing: .04em; }
+
+/* 充值卡：站点「添加资金」缩小版 */
+.tp-head { display: flex; align-items: center; gap: 10px; padding-bottom: 8px; border-bottom: 1px solid var(--nt-line); margin-bottom: 8px; }
+.tp-badge { width: 28px; height: 28px; border-radius: 9px; display: grid; place-items: center; background: rgba(76,195,138,.14); color: #4cc38a; font-size: 15px; font-weight: 700; }
+.tp-head h2 { font-size: 14px; }
+.tp-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
+.tp-tile {
+  position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 1px;
+  min-height: 48px; padding: 6px 9px; text-align: left;
+  border: 1px solid var(--nt-line); border-radius: 9px; background: rgba(255,255,255,.02); color: var(--nt-ink);
+}
+.tp-tile b { font-size: 16px; font-variant-numeric: tabular-nums; }
+.tp-tile .tp-pay { font-size: 9.5px; color: var(--nt-muted); }
+.tp-tile .tp-off { position: absolute; right: 6px; top: 6px; font-size: 9px; color: #4cc38a; }
+.tp-tile[aria-pressed="true"] { border-color: var(--nt-accent); background: var(--nt-accent-soft); box-shadow: inset 0 0 0 1px var(--nt-accent); }
+.tp-label { display: block; font-size: 10px; color: var(--nt-muted); margin: 8px 0 4px; }
+.tp-custom-row { display: flex; align-items: center; gap: 8px; }
+.tp-field { height: 32px; }
+.tp-field input { width: 100%; font-size: 12px; }
+.tp-due { flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 8px; height: 32px; padding: 0 9px; border: 1px solid var(--nt-line); border-radius: 9px; font-size: 10.5px; color: var(--nt-muted); }
+.tp-due b { color: var(--nt-ink); font-family: var(--nt-code); font-size: 12px; }
+.tp-methods { display: flex; gap: 8px; flex-wrap: wrap; }
+.tp-method { display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 12px; border: 1px solid var(--nt-line); border-radius: 9px; background: rgba(255,255,255,.02); color: var(--nt-ink); font-size: 11.5px; }
+.tp-method[aria-pressed="true"] { border-color: var(--nt-accent); background: var(--nt-accent-soft); }
+.tp-micon { width: 20px; height: 20px; border-radius: 5px; display: grid; place-items: center; color: #fff; font-size: 10px; font-weight: 700; }
+.tp-micon.ali { background: #1677ff; }
+.tp-micon.wx { background: #07c160; }
+.tp-redeem { border-top: 1px solid var(--nt-line); margin-top: 8px; padding-top: 2px; }
+.tp-input { flex: 1; height: 32px; padding: 0 9px; border: 1px solid var(--nt-line); border-radius: 9px; background: rgba(0,0,0,.2); color: var(--nt-ink); font-size: 11.5px; }
+.tp-redeem .ghost { height: 32px; }
+
+/* 推荐计划长条卡 */
+.rf { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
+.rf-ico { width: 32px; height: 32px; border-radius: 9px; display: grid; place-items: center; background: rgba(155,124,224,.16); color: #9b7ce0; font-size: 16px; }
+.rf-text { flex: 1 1 240px; }
+.rf-text h2 { font-size: 13px; }
+.rf-invites { text-align: center; min-width: 54px; }
+.rf-invites .k { font-size: 10px; color: var(--nt-muted); }
+.rf-invites .v { font-size: 17px; font-weight: 600; font-variant-numeric: tabular-nums; }
+.rf-link { flex: 1 1 260px; min-width: 0; display: flex; align-items: center; height: 36px; padding: 0 12px; border: 1px solid var(--nt-line); border-radius: 10px; background: rgba(0,0,0,.2); overflow: hidden; }
+.rf-link span { font-family: var(--nt-code); font-size: 11.5px; color: var(--nt-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.rf-copy { width: 36px; height: 36px; border: 1px solid var(--nt-accent); border-radius: 10px; background: var(--nt-accent-soft); color: var(--nt-accent); font-size: 15px; }
+@media (max-width: 620px) { .tp-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
 .mc-image { border-color: rgba(139,79,158,.5); }
 .mc-video { border-color: rgba(214,140,60,.5); }
 .mc-audio { border-color: rgba(63,111,168,.5); }
@@ -147,20 +192,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,18 @@ 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.home-wide {
+  grid-column: 1 / -1;
+  overflow: visible;                 /* 长条卡不参与等高锁死 */
+  height: auto !important;
+}
+.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.5.0"