设置与诊断
运行状态
框架v${d.framework.version} · api ${d.framework.apiVersion}
已注册 Tab${d.registeredTabs.length} 个（可用 ${d.registeredTabs.length - d.unavailableTabs.length}）
宿主能力${d.host.fnCount} 项
${sampledDays ? `游玩足迹采样${sampledDays} 天${hist.maxDays ? ` / 保留 ${hist.maxDays}` : ''}
` : ''}
熔断器（连续 3 次 mount 失败自动停用）
${brk.length ? brk.map(b => `${esc(b.tab)}${b.fails} 次${b.tripped ? ' · 已熔断' : ''}
`).join('')
: '—无熔断记录
'}
数据
仅清除本地逐日采样，不影响 Steam 云端数据与游戏库存。
诊断事件（最近 ${Math.min(20, d.diagnostics.length)} 条）
${esc(d.diagnostics.length ? JSON.stringify(d.diagnostics, null, 1) : '—')}
Tab "${esc(key)}" 未注册
请确认对应 PTW Tab 库已通过 @require 加载
该数据源不可用
缺失能力：${esc(st.missingHard.join(', '))}
${ICONS.barChart} ${T.ptConcTitle}
`;
const body = document.createElement('div');
body.className = 'sglv-pt-panel-body';
panel.appendChild(body);
wrap.appendChild(panel);
const n = Math.min(sortedGames.length, 100);
if (!totalMin || n === 0) {
body.innerHTML = H.emptyHtml(T.ptNoData);
return;
}
const points = [];
let acc = 0;
for (let i = 0; i < n; i++) {
acc += sortedGames[i].playtime || 0;
points.push(acc / totalMin * 100);
}
const marks = [1, 5, 10, 20, 50, 100].filter(k => k <= n);
const pctAt = k => points[k - 1];
const chips = marks.map(k => `Top ${k} ${pctAt(k).toFixed(1)}%`).join('');
const halfIdx = points.findIndex(v => v >= 50);
const topMark = marks[marks.length - 1];
const note = T.ptConcTop.replace('{n}', String(topMark)).replace('{p}', pctAt(topMark).toFixed(1))
+ (halfIdx >= 0 ? T.ptConcHalf.replace('{n}', String(halfIdx + 1)) : '');
const annotations = [];
if (halfIdx >= 0) {
annotations.push({
type: 'point', idx: halfIdx,
text: `${isZh ? '过半' : '50%'} #${halfIdx + 1}`,
color: '#22c55e', fontSize: 9, fontWeight: 700, dy: -7,
});
}
body.innerHTML = `
${chips}
${escHtml(note)}
${Charts.lineChart([{ data: points }], {
width: 460, height: 138, pL: 32, pR: 14, pT: 14, pB: 22,
smooth: false, colors: [Charts.accent()], svgAttrs: 'class="sglv-trend-svg"',
area: { fill: Charts.accent(), opacity: 0.3 },
gridCount: 4, yFormatter: v => v.toFixed(0) + '%',
xLabels: points.map((_, i) => String(i + 1)), xLabelEvery: 20, xLabelLast: true,
dots: {
r: 2, stroke: '#0f172a', strokeWidth: 1,
title: (v, i) => `${isZh ? '第' : '#'}${i + 1}: ${v.toFixed(1)}%`,
},
annotations,
})}
`;
}
// ---- 活跃度分层（点击钻取 → 切到全部游戏 Tab，浮窗不重开）----
function renderActivity(wrap) {
const panel = document.createElement('div');
panel.className = 'sglv-pt-panel';
panel.innerHTML = `
${ICONS.clock} ${T.ptActTitle}
`;
wrap.appendChild(panel);
const body = panel.querySelector('#sglv-pt-act-body');
const total = games.length;
const counts = {};
games.forEach(g => { const k = ptActivityLayerOf(g); counts[k] = (counts[k] || 0) + 1; });
const maxCount = Math.max(1, ...PT_ACTIVITY_LAYERS.map(L => counts[L.key] || 0));
body.innerHTML = PT_ACTIVITY_LAYERS.map(L => {
const c = counts[L.key] || 0;
const pct = total > 0 ? (c / total * 100).toFixed(1) : '0.0';
const barPct = (c / maxCount * 100).toFixed(1);
return ``;
}).join('') + `${T.ptActHint}
`;
body.addEventListener('click', e => {
const row = e.target.closest('.sglv-pt-layer-row');
if (!row) return;
const key = row.dataset.layer;
// ⭐ 联动：切 Tab 而非重开浮窗，浮窗内状态保留
ctx.goTo('all', {
layerFilter: g => ptActivityLayerOf(g) === key,
sortKey: key === 'never' ? 'name' : 'recent',
page: 1,
});
});
// 吃灰榜：需家庭组入库时间（异步）；无数据/失败则整行隐藏
const dustEl = document.createElement('div');
dustEl.className = 'sglv-pt-dust';
dustEl.textContent = T.ptDustScanning;
body.appendChild(dustEl);
(async () => {
try {
const map = await H.getAcquiredMap();
if (!dustEl.isConnected) return;
const oneYearAgo = Math.floor(Date.now() / 1000) - 365 * 86400;
const acquired = map || {};
const isDust = g => (g.playtime || 0) === 0 && !!acquired[g.appid] && acquired[g.appid] < oneYearAgo;
const dustCount = games.filter(isDust).length;
if (dustCount === 0) { dustEl.remove(); return; }
dustEl.innerHTML = `${escHtml(T.ptDustText)}: ${dustCount}
`;
dustEl.querySelector('.sglv-pt-dust-btn').addEventListener('click', () => {
ctx.goTo('all', {
layerFilter: isDust,
sortKey: 'acquired',
acquiredMap: acquired,
page: 1,
});
});
} catch (e) {
if (dustEl.isConnected) dustEl.remove();
}
})();
}
// ---- Top 20 ----
function renderTop(wrap) {
const top20 = sortedGames.slice(0, 20);
const maxPlaytime = top20.length > 0 ? (top20[0].playtime || 0) : 1;
const section = document.createElement('div');
section.className = 'sglv-pt-panel sglv-pt-top-col';
section.innerHTML = `
${ICONS.trend} ${T.ptTopTitle}
`;
wrap.appendChild(section);
const topListEl = section.querySelector('#sglv-pt-top-list');
if (top20.length === 0 || maxPlaytime === 0) {
topListEl.innerHTML = H.emptyHtml(T.ptNoData);
} else {
const grid = document.createElement('div');
grid.className = 'sglv-pt-top-grid';
const frag = document.createDocumentFragment();
top20.forEach((game, i) => {
const playtimeMin = game.playtime || 0;
const pct = maxPlaytime > 0 ? (playtimeMin / maxPlaytime * 100).toFixed(1) : '0';
const playtimeH = playtimeMin > 0 ? (playtimeMin / 60).toFixed(1) + 'h' : T.ptRange0;
const sharePct = totalMin > 0 ? (playtimeMin / totalMin * 100).toFixed(1) : '0.0';
const rankClass = i === 0 ? 'rank-1' : i === 1 ? 'rank-2' : i === 2 ? 'rank-3' : '';
const rankBadgeClass = i === 0 ? 'r1' : i === 1 ? 'r2' : i === 2 ? 'r3' : '';
const iconUrl = H.getGameIconUrl(game.appid, game.icon);
const lastPlayedText = game.lastPlayed > 0 ? H.formatLastPlayedShort(game.lastPlayed) : T.ptNever;
const item = document.createElement('div');
item.className = `sglv-pt-top-item ${rankClass}`;
item.innerHTML = `
${i + 1}
${game.name}
${escHtml(T.ptSortAcquiredLoading)}
`;
pagEl.innerHTML = '';
return H.getAcquiredMap()
.then(map => {
acquiredMap = map || {};
ctx.setView({ acquiredMap });
if (Object.keys(acquiredMap).length === 0) {
resetToPlaytime();
H.showToast.info(T.ptSortAcquiredEmpty);
return;
}
sortKey = 'acquired';
ctx.setView({ sortKey });
sortBy('acquired');
})
.catch(() => {
resetToPlaytime();
H.showToast.info(T.ptSortAcquiredEmpty);
});
}
sortKey = key;
ctx.setView({ sortKey });
sortBy(key);
return Promise.resolve();
}
/**
* 当前视图态下的完整游戏集合（已应用过滤 + 搜索，未分页）。
* renderList 与 CSV 导出共用，避免「导出结果 ≠ 屏幕结果」的双份逻辑漂移。
*/
function currentViewGames() {
let out = data;
if (hideUnplayed) out = out.filter(g => (g.playtime || 0) > 0);
if (hideShared) out = out.filter(g => H.isGameOwnedByMe(g));
if (query) {
// v2.20.2 (T3.5): 三路匹配——中文名子串 / 英文名子串 / 拼音首字母子串。
// 原实现仅 name.toLowerCase().includes(q)，中文用户必须切输入法。
// 统一走 host.matchGameName；该能力缺失时（软依赖未满足）就地降级为
// 英文子串匹配，绝不让搜索整体失效。
const matcher = typeof H.matchGameName === 'function'
? H.matchGameName
: (name, q) => String(name || '').toLowerCase().includes(String(q).trim().toLowerCase());
out = out.filter(g => matcher(g.name, query));
}
return out;
}
function renderList(p = 1) {
page = p;
ctx.setView({ page });
const displayGames = currentViewGames();
const totalPt = displayGames.reduce((s, g) => s + (g.playtime || 0), 0);
if (displayGames.length > 0 && totalPt === 0) {
hintEl.textContent = T.ptZeroPtHint;
hintEl.style.display = '';
} else {
hintEl.style.display = 'none';
}
const { pageItems: pageGames, totalPages, page: _clampedPage } = H.paginate(displayGames, page, PT_ALL_PAGE_SIZE);
page = _clampedPage;
ctx.setView({ page });
const startIdx = (page - 1) * PT_ALL_PAGE_SIZE;
countEl.textContent = `${displayGames.length} ${isZh ? '款' : 'items'}`;
listEl.innerHTML = '';
if (displayGames.length === 0) {
listEl.innerHTML = H.emptyHtml(isZh ? '无匹配游戏' : 'No matching games');
pagEl.innerHTML = '';
return;
}
// 一次性拼接整页 HTML；图标 lazy + 固定尺寸避免回流
const allMaxPlaytime = pageGames.length > 0 ? Math.max(1, ...pageGames.map(g => g.playtime || 0)) : 1;
listEl.innerHTML = pageGames.map((game, i) => {
const playtimeMin = game.playtime || 0;
const pct = (playtimeMin / allMaxPlaytime * 100).toFixed(1);
const playtimeH = playtimeMin > 0 ? (playtimeMin / 60).toFixed(1) + 'h' : T.ptRange0;
const iconUrl = H.getGameIconUrl(game.appid, game.icon);
return `
${startIdx + i + 1}
${game.name}
${H.hbarRow({ cls: 'ptAll', pct })}
${playtimeH}
`;
}).join('');
H.applyGameAliases(listEl);
H.renderPagination(pagEl, 'sglv-pt', page, totalPages, displayGames.length,
() => renderList(page - 1),
() => renderList(page + 1),
(p2) => renderList(p2));
}
sortBy(sortKey);
renderList(1);
}
// 过滤条件：来自钻取联动（view.layerFilter / acquiredMonth）
let data = sortedGames.slice();
if (view.layerFilter && typeof view.layerFilter === 'function') {
data = data.filter(view.layerFilter);
}
// 层筛选 chip（从总览 Tab 钻取过来时显示）
if (view.layerFilter || view.acquiredMonth) {
const tag = document.createElement('div');
tag.className = 'sglv-pt-all-hint';
tag.style.display = '';
tag.innerHTML = `${escHtml(isZh ? '已应用钻取过滤' : 'Drill-down filter applied')}` +
` `;
container.appendChild(tag);
const btn = tag.querySelector('#sglv-pt-clear-drill');
if (btn) btn.addEventListener('click', () => ctx.setView({ layerFilter: null, acquiredMonth: null }));
}
mountList(container, data);
}
// ---- 注册 ----
if (!root.SGLVPTW) {
console.warn('[PTW-TAB-ALL] 框架未就绪，无法注册');
} else {
root.SGLVPTW.registerTab({
key: 'all',
label: '全部游戏',
order: 20,
requires: [
'getOwnedGames', 'isGameOwnedByMe', 'buildListToolbar', 'hbarRow', 'emptyHtml', 'paginate',
'renderPagination', 'getGameIconUrl', 'applyGameAliases', 'T', 'isZh', 'escHtml',
],
softRequires: ['getAcquiredMap', 'showToast', 'matchGameName'],
mount,
});
console.log('[PTW-TAB-ALL] 已注册');
}
})(typeof window !== 'undefined' ? window : globalThis);
/* ---------- sglv-ptw-tab-calendar.lib.js ---------- */
/* =============================================================================
* SGLV PTW · Tab: 入库月历 (Acquisition Calendar)
* -----------------------------------------------------------------------------
* 迁移自主脚本 mountPlaytimeCalendar（v2.20.0 :16090-16502，414 行）
* 迁移方式：脚本化提取 + 依赖替换（唯一改动 = 外部依赖改为 ctx.host 注入）
*
* 保留的三处关键性能设计（勿简化）：
* ① gridCache 按年缓存 12 个月卡节点（FIFO 16 年）——切年命中直接复用，img/文本零重建
* ② tlBodyCache 按年月缓存时间线 body（FIFO 48 月）——切月命中直接挂回，游戏图标不重建（消闪烁核心）
* ③ syncSelection 纯 className 字符串操作（不用 classList，兼容测试桩），不触碰 innerHTML
*
* 视图态差异：原 opts.filter → 此处 view.layerFilter（支持从总览 Tab 钻取）
* ========================================================================== */
(function (root) {
'use strict';
function mount(container, ctx) {
const H = ctx.host;
const T = H.T;
const ICONS = H.ICONS;
const isZh = H.isZh;
const view = ctx.view;
const pane = document.createElement('div');
pane.className = 'sglv-ptcal-pane';
container.appendChild(pane);
// v2.20.2: baseSet 为固定基集合; gameSet 随「仅个人游戏」开关注入
// (排除家庭共享后重建索引, 月历/时间线/chips 全部只统计个人游戏)
const sortedGames = ctx.getGames();
const baseSet = view.layerFilter ? sortedGames.filter(view.layerFilter) : sortedGames.slice();
let gameSet = baseSet;
let personalOnly = false;
// 已解析的入库时间映射（个人过滤空态预检用, 免二次读取）
let resolvedMap = null;
// v2.20.1: opts.acquiredMap 直通(浮窗吃灰榜/活跃度分层已抓过入库时间)时同步渲染——
// 旧逻辑即使有数也走 Promise 一拍, loading 占位先入 DOM 再被替换, 产生闪烁闪帧。
if (view.acquiredMap) {
resolvedMap = view.acquiredMap || {};
try { renderPane(resolvedMap); }
catch (e) { console.warn('[SGLV] 入库月历渲染失败:', e); renderEmpty(); }
} else {
pane.innerHTML = `${H.escHtml(T.ptCalLoading)}
`;
Promise.resolve(H.getAcquiredMap())
.then(map => { resolvedMap = map || {}; renderPane(resolvedMap); })
.catch(() => renderEmpty());
}
function renderEmpty() {
pane.innerHTML = `${H.escHtml(T.ptCalNoData)}
${H.escHtml(T.ptCalNoDataHint)}
`;
}
function renderPane(map) {
const now = new Date();
const today = new Date(); today.setHours(0, 0, 0, 0);
const realYear = now.getFullYear();
// v2.20.2: 索引构建抽为 buildIndex()——「仅个人游戏」切换时重算索引(而非整页重挂),
// curYear/curMonth/selDay 等视图状态得以保留。单次遍历构建 年 → 'YYYY-MM-DD' →
// [game, ...] 三级映射（仅统计当前游戏集内条目）。
let byYear = {};
let years = [];
let minYear = realYear;
let maxYear = realYear;
let chipYears = [];
let hasYearData = () => false;
function buildIndex() {
byYear = {};
for (const g of gameSet) {
const ts = map[Number(g.appid)];
if (!ts || ts <= 0) continue;
const d = new Date(ts * 1000);
const y = d.getFullYear();
const key = y + '-' + String(d.getMonth() + 1).padStart(2, '0') + '-' + String(d.getDate()).padStart(2, '0');
const ym = byYear[y] || (byYear[y] = {});
(ym[key] || (ym[key] = [])).push(g);
}
years = Object.keys(byYear).map(Number).sort((a, b) => a - b);
minYear = years[0];
maxYear = Math.max(realYear, years[years.length - 1]);
// 年份胶囊 = 数据年份 ∪ 今年（今年无数据也占位；按年升序）
chipYears = years.indexOf(realYear) >= 0 ? years : years.concat(realYear).sort((a, b) => a - b);
hasYearData = y => years.indexOf(y) >= 0;
}
buildIndex();
if (years.length === 0) { renderEmpty(); return; }
// v2.20.1: 默认恒落在「今天」——年份/月份都取今天所在值。年份域在数据年份之外
// 始终补齐当前自然年：吃灰榜（入库超 1 年）等筛选集内今年必然无数据，旧逻辑退到
// 「最末数据年」导致 2026 年打开月历却停在 2025、chips/导航都无法到达今年（数据错位
// 观感）。今年无数据时 12 月卡全空、统计为 0、时间线走空态提示，一键即可翻回有数据年。
let curYear = realYear >= minYear ? realYear : minYear;
let curMonth = now.getMonth(); // 0-11，默认「当月」
let selDay = null;
pane.innerHTML = '';
const toolbar = document.createElement('div');
toolbar.className = 'sglv-ptcal-toolbar';
pane.appendChild(toolbar);
const grid = document.createElement('div');
grid.className = 'sglv-ptcal-grid';
pane.appendChild(grid);
const timeline = document.createElement('div');
timeline.className = 'sglv-ptcal-timeline';
pane.appendChild(timeline);
// v2.20.1: 性能重构——旧实现每次交互(点色块/切年/切月)都 renderAll() 全量重建
// toolbar + 12 月卡(~500 span) + 时间线全部 group/img, img 节点反复创建导致
// 滚动闪烁与布局跳动。改为:
// ① 月卡按年缓存(gridCache, 12 卡为整体, 上限 16 年 FIFO)——切年命中直接
// appendChild 复用节点, img/文本零重建;
// ② 时间线 body 按 ${curYear}-${curMonth} 缓存(tlBodyCache, 上限 48 FIFO)——
// 切月命中直接挂回, 游戏图标 img 不重建(消闪烁核心);
// ③ 同月点选/取消只做 syncSelection() 纯 class 切换(className 字符串操作,
// 兼容无 classList 的测试桩), 不触碰任何 innerHTML;
// ④ 仅跨月/跨年才重建对应区块, 末尾统一 syncSelection() 幂等校正选中态。
const gridCache = new Map(); // year → [12 个月卡元素]
const tlBodyCache = new Map(); // 'YYYY-M' → 时间线 body 元素
let selCellEl = null; // 月历中当前选中格(网格侧选中态维护)
let tlBodyEl = null; // 当前挂载的时间线 body(时间线侧选中态维护)
const hasCls = (el, c) => el && (' ' + el.className + ' ').indexOf(' ' + c + ' ') >= 0;
const addCls = (el, c) => { if (el && !hasCls(el, c)) el.className = (el.className + ' ' + c).trim(); };
const delCls = (el, c) => { if (el) el.className = (' ' + el.className + ' ').replace(' ' + c + ' ', ' ').replace(/\s+/g, ' ').trim(); };
// 5 级色阶与 renderAcquiredHeatmap 的 heatColor 阈值完全一致（1/2/3-4/5+）
const CAL_COLORS = ['#0e4429', '#006832', '#26a641', '#39d353'];
function heatLevel(cnt) { return cnt <= 1 ? 1 : cnt <= 2 ? 2 : cnt <= 4 ? 3 : 4; }
const pad2 = (n) => String(n).padStart(2, '0');
const dayKey = (y, m, d) => `${y}-${pad2(m + 1)}-${pad2(d)}`;
const MONTH_NAMES = isZh
? ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
const WD_NAMES = isZh ? ['一', '二', '三', '四', '五', '六', '日'] : ['M', 'T', 'W', 'T', 'F', 'S', 'S'];
// v2.20.0: 时间线分组头用的完整星期名（周一开头，与 WD_NAMES 索引对齐）
const WD_FULL = isZh
? ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'];
function yearStats(y) {
const ym = byYear[y] || {};
let count = 0, peakDay = 0;
const monthCount = new Array(12).fill(0);
for (const k in ym) {
const list = ym[k];
count += list.length;
monthCount[Number(k.slice(5, 7)) - 1] += list.length;
if (list.length > peakDay) peakDay = list.length;
}
const peakMonth = monthCount.indexOf(Math.max.apply(null, monthCount));
return { count, peakDay, peakMonth, covered: monthCount.filter(c => c > 0).length, monthCount };
}
function renderToolbar() {
const st = yearStats(curYear);
// 今年无数据（筛选集）时最猛月份不展示「1月(0)」，直接 '—'
const peakLabel = st.count > 0 ? `${MONTH_NAMES[st.peakMonth]}(${st.monthCount[st.peakMonth]})` : '—';
const chips = chipYears.length > 1
? chipYears.map(y => ``).join('')
: '';
toolbar.innerHTML = `
${H.escHtml(T.ptCalNoDataHint)}
${curYear}
${chips ? `${chips}
` : ''}
${H.escHtml(T.ptCalYearTotal)} ${st.count} ${H.escHtml(T.ptCalUnit)}
${H.escHtml(T.ptCalPeakMonth)} ${peakLabel}
${H.escHtml(T.ptCalPeakDay)} ${st.peakDay}
${H.escHtml(T.ptCalMonthsCovered)} ${st.covered}/12
${H.escHtml(T.ptHeatmapLess)}${CAL_COLORS.map(c => ``).join('')}${H.escHtml(T.ptHeatmapMore)}
`;
toolbar.querySelectorAll('.sglv-ptcal-yearnav-btn').forEach(btn => {
btn.addEventListener('click', () => {
const next = curYear + Number(btn.dataset.nav);
if (next < minYear || next > maxYear) return;
switchYear(next);
});
});
toolbar.querySelectorAll('.sglv-ptcal-year-chip').forEach(btn => {
btn.addEventListener('click', () => {
switchYear(Number(btn.dataset.year));
});
});
// v2.20.2: 「仅个人游戏」开关——排除家庭共享后重建索引(视图状态保留);
// 个人集内无任何入库记录时提示并不切换(避免 renderEmpty 后开关消失无法恢复)。
// 用 querySelectorAll 绑定(innerHTML 重建后节点替换, 每次重绑到新节点, 不叠加)。
toolbar.querySelectorAll('#sglv-ptcal-personal').forEach(btn => {
btn.addEventListener('click', () => {
const next = !personalOnly;
if (next) {
const m = resolvedMap || {};
const hasPersonal = baseSet.some(g => H.isGameOwnedByMe(g) && (m[Number(g.appid)] || 0) > 0);
if (!hasPersonal) { H.showToast.info(T.ptCalPersonalEmpty); return; }
}
setPersonalOnly(next);
});
});
}
// v2.20.1: 年份切换统一入口——切到「今年」时月份锚定当月（而非沿用旧年所选月份），
// 其他年份沿用当前月；该年当月无记录时再兜底跳到最晚有记录的月份。
function switchYear(y) {
curYear = y;
selDay = null;
if (curYear === realYear) curMonth = now.getMonth();
ensureMonthHasData();
renderAll();
}
// v2.20.2: 仅个人游戏——gameSet 切换为本人拥有子集后重建索引; 数据域已变,
// 月卡/时间线缓存全部失效清空; curYear 钳制到新年份域, 切到今年时月份重锚当月;
// 选中态清空(被过滤掉的日期分组不再存在)。
function setPersonalOnly(on) {
personalOnly = on;
gameSet = on ? baseSet.filter(g => H.isGameOwnedByMe(g)) : baseSet;
buildIndex();
gridCache.clear();
tlBodyCache.clear();
selDay = null;
selCellEl = null;
curYear = Math.min(Math.max(curYear, minYear), maxYear);
if (curYear === realYear) curMonth = now.getMonth();
ensureMonthHasData();
renderAll();
}
// v2.20.0: 切年份后若「当月」在该年无任何记录（如翻到只有上半年数据的年份），
// 兜底跳到该年最晚有记录的月份，避免时间线整块空掉（仅年份导航触发；
// 初次进入仍严格按「当月」展示）。点击日历色块同样会切到目标月份。
function ensureMonthHasData() {
if (monthHasData(curYear, curMonth)) return;
for (let m = 11; m >= 0; m--) {
if (monthHasData(curYear, m)) { curMonth = m; return; }
}
}
function monthHasData(y, m) {
const ym = byYear[y] || {};
const daysInMonth = new Date(y, m + 1, 0).getDate();
for (let d = 1; d <= daysInMonth; d++) {
const list = ym[dayKey(y, m, d)];
if (list && list.length > 0) return true;
}
return false;
}
function monthCard(m) {
const ym = byYear[curYear] || {};
const first = new Date(curYear, m, 1);
const daysInMonth = new Date(curYear, m + 1, 0).getDate();
const offset = (first.getDay() + 6) % 7; // 周一开头（与入库热力图 dayNames 一致）
let monthTotal = 0;
const cells = [];
for (let i = 0; i < offset; i++) cells.push('');
for (let d = 1; d <= daysInMonth; d++) {
const key = dayKey(curYear, m, d);
const list = ym[key];
const cellDate = new Date(curYear, m, d);
if (list && list.length > 0) {
monthTotal += list.length;
cells.push(`${d}`);
} else if (cellDate > today) {
cells.push(`${d}`);
} else {
cells.push(`${d}`);
}
}
const tail = (7 - (cells.length % 7)) % 7;
for (let i = 0; i < tail; i++) cells.push('');
const card = document.createElement('div');
card.className = 'sglv-ptcal-month';
card.innerHTML = `
${MONTH_NAMES[m]}
${monthTotal > 0 ? `${monthTotal} ${H.escHtml(T.ptCalUnit)}` : '—'}
${WD_NAMES.map(w => `${w}`).join('')}
${cells.join('')}
`;
return card;
}
// 事件委托：整页网格仅 1 个 click 监听（对齐 v2.11.52c 列表项做法）
// v2.20.1: 同月点选/取消只切 class(零重建); 跨月才重建时间线并滚入视野
grid.addEventListener('click', e => {
const cell = e.target.closest('.sglv-ptcal-day.has');
if (!cell) return;
const key = cell.dataset.day;
if (selDay === key) { selDay = null; syncSelection(); return; } // 再次点击取消高亮
const prevMonth = curMonth;
selDay = key;
// 点到别的月份的色块时，时间线跟着切到那个月（否则高亮目标不在视区内）
curMonth = Number(key.slice(5, 7)) - 1;
if (curMonth !== prevMonth) renderTimeline(true);
syncSelection();
});
// 时间线反向同步：点分组头 = 高亮/取消该日（月历格子上的选中态同步回写）
// v2.20.1: 同样只切 class——时间线只展示当月分组, 点选不改变年月, 无需重建
timeline.addEventListener('click', e => {
const group = e.target.closest('.sglv-ptcal-group');
if (!group) return;
const key = group.dataset.day;
selDay = (selDay === key) ? null : key;
syncSelection();
});
// v2.20.1: 选中态同步（网格 + 时间线两侧）——纯 className 字符串操作,
// 不触碰 innerHTML, 复用缓存节点时也不会丢/残留选中类(幂等)。
function syncGridSel() {
if (selCellEl) { delCls(selCellEl, 'sel'); selCellEl = null; }
if (!selDay) return;
const cell = grid.querySelector('.sglv-ptcal-day.has[data-day="' + selDay + '"]');
if (cell) { addCls(cell, 'sel'); selCellEl = cell; }
}
function syncTimelineSel() {
if (!tlBodyEl) return;
for (const grp of tlBodyEl.children) {
if (!grp || !grp.dataset || !grp.dataset.day) continue;
if (grp.dataset.day === selDay) addCls(grp, 'sel');
else delCls(grp, 'sel');
}
}
function syncSelection() { syncGridSel(); syncTimelineSel(); }
// v2.20.0: 当月入库时间线——常驻展示（不再依赖先点某天才出现），
// 按日倒序：最后一天 → 第一天；点击月历色块即高亮对应分组，
// 高亮底色 = 该日入库数量的色阶色（lv1~lv4，与日历格子同色）。
// v2.20.1: body 按年月缓存复用(img 不重建→滚动不闪烁); 头部(月份/总数)
// 仍每次 innerHTML 重建, 保证与当前月一致。
function renderTimeline(scrollToSel) {
const ym = byYear[curYear] || {};
const daysInMonth = new Date(curYear, curMonth + 1, 0).getDate();
// 倒序遍历当月日期，只收集有入库记录的日
const groups = [];
let monthTotal = 0;
for (let d = daysInMonth; d >= 1; d--) {
const list = ym[dayKey(curYear, curMonth, d)];
if (!list || list.length === 0) continue;
monthTotal += list.length;
groups.push({ key: dayKey(curYear, curMonth, d), day: d, list });
}
const ymLabel = `${curYear}-${pad2(curMonth + 1)}`;
timeline.innerHTML = `
${ICONS.calendar}${H.escHtml(T.ptCalTimeline)}${ymLabel}
${monthTotal > 0 ? `· ${monthTotal} ${H.escHtml(T.ptCalUnit)}` : ''}
${H.escHtml(T.ptCalTimelineHint)}
`;
const cacheKey = curYear + '-' + curMonth;
let body = tlBodyCache.get(cacheKey);
if (!body) {
body = document.createElement('div');
body.className = 'sglv-ptcal-tl-body';
if (groups.length === 0) {
// 整年无数据（如今今年的吃灰榜）与「该月无记录、同年其他月有」区分提示
const mainHint = hasYearData(curYear) ? T.ptCalTimelineEmpty : T.ptCalNoDataThisYear;
body.innerHTML = `${H.escHtml(mainHint)}
${H.escHtml(T.ptCalTimelineEmptyHint)}
`;
} else {
const frag = document.createDocumentFragment();
groups.forEach(grp => {
const level = heatLevel(grp.list.length);
const selected = selDay === grp.key;
const wdIdx = (new Date(curYear, curMonth, grp.day).getDay() + 6) % 7; // 周一开头
const group = document.createElement('div');
group.className = `sglv-ptcal-group lv${level}${selected ? ' sel' : ''}`;
group.dataset.day = grp.key;
group.innerHTML = `${H.escHtml(T.ptCalTimelineEmptyHint)}
${pad2(curMonth + 1)}-${pad2(grp.day)}
${WD_FULL[wdIdx]}
${grp.list.length} ${H.escHtml(T.ptCalUnit)}
`;
const games = document.createElement('div');
games.className = 'sglv-ptcal-group-games';
const gfrag = document.createDocumentFragment();
grp.list.slice().sort((a, b) => String(a.name || '').localeCompare(String(b.name || ''), isZh ? 'zh-Hans-CN' : 'en', { numeric: true, sensitivity: 'base' })).forEach(g => {
const item = document.createElement('div');
item.className = 'sglv-ptcal-detail-item';
item.title = T.ptCalOpenStore;
const hours = g.playtime > 0 ? (g.playtime / 60).toFixed(1) + 'h' : T.ptRange0;
item.innerHTML = `
${ICONS.share} ${T.ptFamilyCompare}
`;
const listEl = familySection.querySelector('#sglv-fam-list');
const titleEl = familySection.querySelector('.sglv-fam-title');
const mySteamId = String(H.getActiveSteamId() || '');
const FAM_TOP_N = 20;
// ===== 我的数据：由本地库存派生（零网络）=====
const mySource = (myGames.length ? myGames : myGames.filter(g => H.isGameOwnedByMe(g)))
.filter(g => (g.playtime || 0) > 0)
.sort((a, b) => (b.playtime || 0) - (a.playtime || 0));
const myItem = {
steamId: mySteamId, isMe: true,
totalMinutes: totalMinutes,
top: mySource.slice(0, FAM_TOP_N).map(g => ({ appid: g.appid, name: g.name, playtime: g.playtime || 0, icon: g.icon })),
};
// 展开/收起（事件委托）
listEl.addEventListener('click', e => {
const head = e.target.closest('.sglv-fam-head');
if (head) head.parentElement.classList.toggle('open');
});
function renderItems(items, familyName) {
if (familyName) titleEl.innerHTML = `${ICONS.share} ${escHtml(familyName)} · ${T.ptFamilyCompare}`;
const maxMin = Math.max(1, ...items.map(i => i.totalMinutes || 0));
listEl.innerHTML = items.map((m, i) => {
const hours = m.totalMinutes >= 0 ? (m.totalMinutes / 60).toFixed(1) + 'h' : '—';
const pct = m.totalMinutes > 0 ? (m.totalMinutes / maxMin * 100).toFixed(1) : '0';
let gamesHtml;
if (m.failed || !m.top || m.top.length === 0) {
gamesHtml = `${escHtml(m.failed ? T.ptFamPrivate : T.ptFamNoGames)}
`;
} else {
const maxG = Math.max(1, m.top[0].playtime || 0);
// 行首图标：loading=lazy 在隐藏子树内不请求，展开成员才加载该成员 ≤20 张
gamesHtml = m.top.map((g, gi) => {
const gp = ((g.playtime || 0) / maxG * 100).toFixed(1);
const iconUrl = H.getGameIconUrl(g.appid, g.icon);
return `
${gi + 1}
${g.name}
${g.playtime > 0 ? (g.playtime / 60).toFixed(1) + 'h' : T.ptRange0}
`;
}).join('');
}
return `
${i + 1}
${escHtml(m.name)}
${hours}
▾
${gamesHtml}
${H.emptyHtml(reason, { style: 'margin-bottom:10px' })}
`;
const retry = listEl.querySelector('#sglv-family-retry');
if (retry) retry.addEventListener('click', () => {
H.storage.setFamilyInfo({});
loadFamily(true);
});
return;
}
const myName = nameMap[mySteamId] || (isZh ? '我' : 'Me');
myItem.name = myName;
const memberInfo = (H.storage.getFamilyInfo() || {}).family_member || [];
const others = Object.entries(nameMap)
.filter(([sid]) => sid !== mySteamId)
.map(([sid, name]) => {
const fm = memberInfo.find(x => x.steamid === sid);
return { steamId: sid, name: (fm && fm.userName) || name || ('ID:' + String(sid).slice(-4)) };
});
cache.load();
const withCache = m => {
const rec = cache.data.members[m.steamId];
return rec ? { ...m, ...recordToItem(rec) } : null;
};
// ① 先用缓存立刻出图（命中即秒开）
const cachedItems = [myItem, ...others.map(withCache).filter(Boolean)]
.sort((a, b) => (b.totalMinutes || 0) - (a.totalMinutes || 0));
if (cachedItems.length > 1) renderItems(cachedItems, familyName);
else listEl.innerHTML = H.createSkeleton('family', Math.max(2, others.length));
// ② 增量刷新：仅刷新缺失 / 过期(>1 周) 的成员，并发 3 + 429 自动降速
const stale = others.filter(m => force || cache.isStale(cache.data.members[m.steamId]));
if (stale.length === 0) {
renderItems(cachedItems.length > 1 ? cachedItems : [myItem], familyName);
return;
}
const results = await H.sglvSmartPool(
stale.map(m => () => fetchMemberPlaytime(m.steamId, apiKey, authToken).then(rec => ({ steamId: m.steamId, rec }))),
3
);
results.forEach((r, i) => {
const sid = stale[i].steamId;
if (r && r.rec) cache.data.members[sid] = r.rec;
else if (!cache.data.members[sid]) {
cache.data.members[sid] = { t: -1, c: 0, ts: Date.now(), g: [], fail: true };
}
});
cache.save();
const finalItems = [myItem, ...others.map(m => {
const rec = cache.data.members[m.steamId];
return rec ? { ...m, ...recordToItem(rec) } : { ...m, totalMinutes: -1, failed: true };
})].sort((a, b) => (b.totalMinutes || 0) - (a.totalMinutes || 0));
renderItems(finalItems, familyName);
}
const refreshBtn = familySection.querySelector('#sglv-fam-refresh');
if (refreshBtn) refreshBtn.addEventListener('click', e => {
e.stopPropagation();
loadFamily(true);
});
container.appendChild(familySection);
loadFamily(false);
}
// ---- 注册 ----
if (!root.SGLVPTW) {
console.warn('[PTW-TAB-FAMILY] 框架未就绪，无法注册');
} else {
root.SGLVPTW.registerTab({
key: 'family',
label: '家庭对比',
order: 30,
requires: [
'getOwnedGames', 'getActiveSteamId', 'isGameOwnedByMe', 'getGameIconUrl',
'applyGameAliases', 'createSkeleton', 'emptyHtml', 'sglvSmartPool',
'requestSteamAPI', 'getAccessToken', 'storage', 'familyCache',
// v2.21.1 审核修正：fetchFamilyInfo(authToken) 真实使用（L134）却未声明，
// host 缺失时会 TypeError 而非优雅降级 → 补声明；
// 顶层 'getFamilyInfo' 是旧契约残留（实际用的是 storage.getFamilyInfo）→ 移除。
'fetchFamilyInfo', 'ICONS', 'T', 'isZh', 'escHtml',
],
mount,
});
console.log('[PTW-TAB-FAMILY] 已注册');
}
})(typeof window !== 'undefined' ? window : globalThis);
/* ---------- sglv-ptw-tab-achievements.lib.js ---------- */
/* =============================================================================
* SGLV PTW · Tab: 成就分析 (Achievements)
* -----------------------------------------------------------------------------
* Phase 3 / T3.2新增能力。借鉴 steam-game-hub-2.0 `achievement-analytics.ts:106-390`。
*
* 三个分析维度：
* ① 稀有度分档 —— 按全球达成率分4 档（>=50% 常见 / >=20% 少见 / >=5% 稀有 / <5% 传说）
* ② 成就时间线 —— 按解锁年份/月份聚合，看清成就节奏
* ③ 获取速度 —— 已解锁成就的解锁耗时分布（相对首个/最末解锁点）
*
* ⚠️ 口径纪律（重要）：
* `percent` 是**全球达成率**（越高越常见），不是稀有度。
* 分档必须**反向**解读：percent 越低越稀有。
* 分档阈值与主脚本 SGIS 的成就列表保持一致（50/20/5），
* 避免同一游戏在两个入口显示不同稀有度。
*
* 数据源（均经 PTW_HOST 桥接，Tab 不直连 SGLV_API）：
* getPlayerAchievements(appId) → { error?, achievements[], total, unlocked, gameName }
* achievements[i] = { name, apiname, achieved, unlocktime }
* getGlobalAchievements(appId)→ [{ name, percent }] 已按 percent 降序
*
* 限流纪律：两个取数函数均**无内部限流**，必须经 sglvSmartPool 约束并发。
* ========================================================================== */
(function (root) {
'use strict';
// =============================================================================
// 样式（内联，随库走）
// -----------------------------------------------------------------------------
// 命名空间 sglv-ptw-ach-*；配色沿用主脚本成就列表口径（50/20/5 分档），
// 保证同一游戏在 SGIS 侧栏与 PTW 浮窗中稀有度读数一致。
// ==========================================================================
const CSS = `
.sglv-ptw-ach{display:flex;flex-direction:column;gap:14px;min-height:0;flex:1;width:100%;}
.sglv-ptw-ach-picker{display:flex;align-items:center;gap:var(--sglv-sp-3);padding:var(--sglv-sp-3) var(--sglv-sp-4);border:1px solid var(--sglv-border);border-radius:var(--sglv-r-md);background:var(--sglv-surface-deep);}
.sglv-ptw-ach-picker-label{font-size:var(--sglv-fs-md);color:var(--sglv-text-secondary);flex-shrink:0;}
.sglv-ptw-ach-select{flex:1;min-width:0;padding:7px 10px;border-radius:var(--sglv-r-sm);border:1px solid var(--sglv-border);background:var(--sglv-bg);color:var(--sglv-text);font-size:var(--sglv-fs-base);outline:none;}
.sglv-ptw-ach-select:focus{border-color:var(--sglv-accent);}
/* v1.0.2: 横版网格布局——Hero 通栏；稀有度分布(2fr)+解锁时间线(3fr)双栏；成就明细通栏。
此前 flex 纵向堆叠导致窄列居中、右侧大面积留白
v1.0.2 列表行跟窗高自适应——grid 行模板加 1fr,成就明细行用 min-height:0+display:flex
让内部 .sglv-ptw-ach-list 用 overflow-y:auto 撑满剩余高度(替代硬编码 max-height:440px) */
.sglv-ptw-ach-body{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-template-rows:auto auto minmax(0,1fr);gap:14px;align-items:start;min-height:0;flex:1;width:100%;}
.sglv-ptw-ach-body > div:nth-child(1){grid-column:1/-1;}
.sglv-ptw-ach-body > div:nth-child(2){grid-column:1;grid-row:2;min-height:0;}
.sglv-ptw-ach-body > div:nth-child(3){grid-column:2;grid-row:2;min-height:0;}
.sglv-ptw-ach-body > div:nth-child(4){grid-column:1/-1;grid-row:3;min-height:0;display:flex;flex-direction:column;}
/* 状态占位（加载中 / 无 Key / 失败） */
.sglv-ptw-ach-state{padding:36px 20px;text-align:center;color:var(--sglv-text-secondary);}
.sglv-ptw-ach-state-icon{font-size:32px;margin-bottom:10px;}
.sglv-ptw-ach-state-msg{font-size:14px;font-weight:600;color:var(--sglv-amber);}
.sglv-ptw-ach-state-sub{margin-top:8px;font-size:var(--sglv-fs-md);opacity:.8;line-height:1.7;}
/* HERO 摘要 v1.0.3: 阴影分级 + 炫彩渐变(背景叠 accent-wash,数字 text-shadow 发光)+ hover 抬升 */
.sglv-ptw-ach-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--sglv-sp-3);}
.sglv-ptw-ach-hero-item{
position:relative;padding:14px 16px;border:1px solid var(--sglv-border);
border-radius:var(--sglv-r-lg);
background:
linear-gradient(135deg,var(--sglv-accent-wash) 0%,transparent 50%),
var(--sglv-surface-deep);
text-align:center;overflow:hidden;
box-shadow:var(--sglv-shadow-sm),inset 0 1px 0 var(--sglv-border-subtle);
transition:transform var(--sglv-dur) var(--sglv-ease),box-shadow var(--sglv-dur) var(--sglv-ease),border-color var(--sglv-dur) var(--sglv-ease);
}
.sglv-ptw-ach-hero-item::before{
content:'';position:absolute;inset:-1px;border-radius:var(--sglv-r-lg);pointer-events:none;
background:linear-gradient(135deg,var(--sglv-accent-glow),transparent 60%);
opacity:0;transition:opacity var(--sglv-dur) var(--sglv-ease);
}
.sglv-ptw-ach-hero-item:hover{
transform:translateY(-2px);
border-color:var(--sglv-accent-soft);
box-shadow:var(--sglv-shadow-md),0 0 0 1px var(--sglv-accent-soft),0 0 24px var(--sglv-accent-wash),inset 0 1px 0 var(--sglv-border-subtle);
}
.sglv-ptw-ach-hero-item:hover::before{opacity:1;}
.sglv-ptw-ach-hero-val{
font-size:26px;font-weight:700;line-height:1.2;
background:linear-gradient(180deg,var(--sglv-text) 0%,var(--sglv-accent) 100%);
-webkit-background-clip:text;background-clip:text;
-webkit-text-fill-color:transparent;color:transparent;
text-shadow:0 0 16px var(--sglv-accent-wash);
font-variant-numeric:tabular-nums;
position:relative;z-index:1;
}
.sglv-ptw-ach-hero-total{font-size:14px;font-weight:400;color:var(--sglv-text-secondary);}
.sglv-ptw-ach-hero-lbl{margin-top:4px;font-size:var(--sglv-fs-md);color:var(--sglv-text-secondary);position:relative;z-index:1;}
.sglv-ptw-ach-hero-bar{margin:10px 0 4px;height:5px;border-radius:3px;background:var(--sglv-surface-2);overflow:hidden;position:relative;z-index:1;}
.sglv-ptw-ach-hero-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--sglv-accent),var(--sglv-purple));box-shadow:0 0 8px var(--sglv-accent-glow);}
.sglv-ptw-ach-hero-sub{font-size:var(--sglv-fs-sm);color:var(--sglv-text-secondary);position:relative;z-index:1;}
/* 面板 */
.sglv-ptw-ach-panel{padding:14px 16px;border:1px solid var(--sglv-border);border-radius:var(--sglv-r-lg);background:var(--sglv-surface-deep);}
.sglv-ptw-ach-panel-title{display:flex;align-items:center;gap:7px;margin-bottom:12px;font-size:var(--sglv-fs-base);font-weight:600;color:var(--sglv-text);}
/* v2.22.1: 标题/状态图标尺寸约束——ICONS SVG 无 width/height，默认撑满整行导致版面错乱 */
.sglv-ptw-ach-panel-title svg{width:14px;height:14px;flex-shrink:0;}
.sglv-ptw-ach-state-icon svg{width:34px;height:34px;flex-shrink:0;}
.sglv-ptw-ach-count{margin-left:auto;padding:1px 8px;border-radius:var(--sglv-r-md);background:var(--sglv-accent-soft);color:var(--sglv-accent);font-size:var(--sglv-fs-sm);}
.sglv-ptw-ach-note{padding:12px;border:1px dashed var(--sglv-amber-strong);border-radius:var(--sglv-r-sm);color:var(--sglv-amber);font-size:var(--sglv-fs-md);text-align:center;}
/* 稀有度分布条 */
.sglv-ptw-ach-tier-body{display:flex;flex-direction:column;gap:9px;}
.sglv-ptw-ach-tier{display:grid;grid-template-columns:52px 1fr 58px;align-items:center;gap:10px;}
.sglv-ptw-ach-tier-label{font-size:var(--sglv-fs-md);color:var(--sglv-text-secondary);}
.sglv-ptw-ach-tier-track{height:7px;border-radius:4px;background:var(--sglv-surface-2);overflow:hidden;}
.sglv-ptw-ach-tier-track i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--sglv-accent),var(--sglv-purple));box-shadow:0 0 8px var(--sglv-accent-glow);transition:width .35s ease;}
.sglv-ptw-ach-tier-val{font-size:var(--sglv-fs-md);text-align:right;color:var(--sglv-text-secondary);font-variant-numeric:tabular-nums;}
/* 时间线 */
/* v2.22.3: 图表按设计宽 640 封顶居中（svg width=100% 在宽窗口被等比放大数倍）；
明细列表改双列横版，24 条成就两列排布不再细长条 */
.sglv-ptw-ach-chart{margin:2px 0 10px;max-width:640px;width:100%;}
.sglv-ptw-ach-chart svg{width:100%;height:auto;}
.sglv-ptw-ach-tl-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px;}
.sglv-ptw-ach-tl-row{display:flex;align-items:center;justify-content:space-between;padding:5px 9px;border-radius:var(--sglv-r-xs);background:var(--sglv-surface-1);font-size:var(--sglv-fs-md);color:var(--sglv-text-secondary);}
.sglv-ptw-ach-tl-row b{color:var(--sglv-accent);}
/* 明细列表 */
/* v2.22.3: 双列网格——横向利用宽度，滚动区高度减半 */
.sglv-ptw-ach-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px;overflow-y:auto;align-content:start;min-height:0;max-height:none;padding-right:4px;}
.sglv-ptw-ach-item{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:10px;padding:8px 8px;border-radius:var(--sglv-r-sm);transition:background var(--sglv-dur) var(--sglv-ease);}
.sglv-ptw-ach-item:hover{background:var(--sglv-accent-wash);}
.sglv-ptw-ach-item.locked{opacity:.62;}
.sglv-ptw-ach-dot{width:8px;height:8px;border-radius:50%;}
.sglv-ptw-ach-info{min-width:0;}
.sglv-ptw-ach-name{font-size:var(--sglv-fs-base);color:var(--sglv-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sglv-ptw-ach-meta{margin-top:2px;font-size:var(--sglv-fs-sm);color:var(--sglv-text-secondary);}
.sglv-ptw-ach-tier-tag{padding:1px 7px;border:1px solid;border-radius:9px;font-size:var(--sglv-fs-xs);white-space:nowrap;}
@media (max-width:820px){.sglv-ptw-ach-tier{grid-template-columns:48px 1fr 52px;}.sglv-ptw-ach-hero-val{font-size:22px;}}
`;
/* v1.0.5: 同框架 CSS 注入,走共享 injectStyleOnce */
function injectCSS() { __sglvPtwInjectStyle('sglv-ptw-ach-style', CSS); }
// ---- 稀有度分档（percent = 全球达成率，越低越稀有）----
const RARITY_TIERS = [
{ key: 'common', min: 50, color: '#22c55e', label: { zh: '常见', en: 'Common' } },
{ key: 'uncommon', min: 20, color: '#84cc16', label: { zh: '少见', en: 'Uncommon' } },
{ key: 'rare', min: 5, color: '#fbbf24', label: { zh: '稀有', en: 'Rare' } },
{ key: 'legendary', min: 0, color: '#ef4444', label: { zh: '传说', en: 'Legendary' } },
];
function rarityOf(percent) {
const p = Number(percent) || 0;
return RARITY_TIERS.find(t => p >= t.min) || RARITY_TIERS[RARITY_TIERS.length - 1];
}
/** 稀有度积分：越稀有得分越高（0-100），用于「成就分」汇总 */
function rarityScore(percent) {
const p = Math.max(0, Math.min(100, Number(percent) || 0));
// percent=0 → 100 分；percent=100 → 0 分
return Math.round((100 - p) * 10) / 10;
}
function fmtDate(ts) {
if (!ts) return '';
try {
const d = new Date(ts * 1000);
return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}`;
} catch (e) { return ''; }
}
function fmtDay(ts) {
if (!ts) return '';
try {
const d = new Date(ts * 1000);
return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
} catch (e) { return ''; }
}
// ==========================================================================
function mount(container, ctx) {
const H = ctx.host;
const T = H.T;
const ICONS = H.ICONS;
const isZh = H.isZh;
const escHtml = H.escHtml;
const Charts = H.SGLVCharts;
injectCSS();
const root_ = document.createElement('div');
root_.className = 'sglv-ptw-ach';
container.appendChild(root_);
// ---- 游戏选择器 ----
const games = (ctx.getGames() || []).slice()
.sort((a, b) => (b.playtime || 0) - (a.playtime || 0));
if (!games.length) {
root_.innerHTML = H.emptyHtml(T.ptNoData);
return;
}
const picker = document.createElement('div');
picker.className = 'sglv-ptw-ach-picker sglv-ptw-hover is-flat';
picker.innerHTML = `
${escHtml(isZh ? '选择游戏' : 'Select a game')}
`;
root_.appendChild(picker);
const sel = picker.querySelector('#sglv-ptw-ach-game');
sel.innerHTML = games.map(g =>
``
).join('');
const cur = ctx.view && ctx.view.achAppId;
if (cur && games.some(g => String(g.appid) === String(cur))) sel.value = String(cur);
const body = document.createElement('div');
body.className = 'sglv-ptw-ach-body';
root_.appendChild(body);
function setLoading(msg) {
body.innerHTML = `${escHtml(msg || (isZh ? '加载中…' : 'Loading…'))}
`;
}
function setState(icon, msg, sub) {
body.innerHTML = `${escHtml(msg)}
${sub ? `${escHtml(sub)}
` : ''}
${unlocked}/${total}
${escHtml(isZh ? '已解锁' : 'Unlocked')}
${pct.toFixed(1)}%
${scoreSum.toFixed(0)}
${escHtml(isZh ? '成就分' : 'Score')}
${maxScore > 0 ? `满分 ${maxScore}` : ''}
${timeline.length}
${escHtml(isZh ? '活跃月份' : 'Active months')}
${escHtml(isZh ? '有解锁记录的月份数' : 'months with unlocks')}
${ICONS.trophy || '🏆'} ${escHtml(isZh ? '稀有度分布' : 'Rarity distribution')}
`;
const tierBody = document.createElement('div');
tierBody.className = 'sglv-ptw-ach-tier-body';
if (!hasGlobal) {
tierBody.innerHTML = `${escHtml(isZh ? '全球达成率不可用，稀有度维度跳过' : 'Global achievement rates unavailable')}
`;
} else {
const maxN = Math.max(1, ...tierStats.map(t => t.total));
tierBody.innerHTML = tierStats.map(t => `
${escHtml(isZh ? t.label.zh : t.label.en)}
${t.unlocked}/${t.total}
`).join('');
}
tierPanel.appendChild(tierBody);
body.appendChild(tierPanel);
// ---- 时间线图 ----
if (timeline.length > 0) {
const tlPanel = document.createElement('div');
tlPanel.className = 'sglv-ptw-ach-panel sglv-ptw-hover';
tlPanel.innerHTML = `${ICONS.trend || '📈'} ${escHtml(isZh ? '解锁时间线' : 'Unlock timeline')}
`;
tlPanel.innerHTML += `${Charts.lineChart([{ data: timeline.map(x => x[1]) }], {
width: 640, height: 180, pL: 34, pR: 20, pT: 18, pB: 26,
smooth: false, colors: [Charts.accent()],
area: { fill: Charts.accent(), opacity: 0.28 },
gridCount: 3, yFormatter: v => String(Math.round(v)),
xLabels: timeline.map(x => x[0]),
xLabelEvery: Math.max(1, Math.ceil(timeline.length / 8)),
xLabelLast: true,
dots: {
r: 3, stroke: '#0f172a', strokeWidth: 1,
title: (v, i) => `${timeline[i][0]}: ${v}`,
},
})}
`;
// 逐月明细
tlPanel.innerHTML += `${timeline.slice().reverse().slice(0, 12).map(([m, n]) =>
`
`;
body.appendChild(tlPanel);
}
// ---- 成就明细（按稀有度降序：最稀有的排前面）----
const listPanel = document.createElement('div');
listPanel.className = 'sglv-ptw-ach-panel sglv-ptw-hover';
const sorted = merged.slice().sort((a, b) => {
// 未解锁优先展示（提示可玩），同状态内按稀有度
if (a.achieved !== b.achieved) return a.achieved ? 1 : -1;
return (a.percent == null ? 999 : a.percent) - (b.percent == null ? 999 : b.percent);
});
listPanel.innerHTML = `${escHtml(m)}${n}
`).join('')}${ICONS.list || '📋'} ${escHtml(isZh ? '成就明细' : 'All achievements')} ${merged.length}
${sorted.map(a => {
const color = a.tier ? a.tier.color : '#64748b';
return `
${a.percent != null ? `${escHtml(isZh ? a.tier.label.zh : a.tier.label.en)}` : ''}
`;
}).join('')}
`;
body.appendChild(listPanel);
}
sel.addEventListener('change', () => {
const v = sel.value;
ctx.setView({ achAppId: v });
load(v);
});
load(sel.value);
}
// ---- 注册 ----
if (!root.SGLVPTW) {
console.warn('[PTW-TAB-ACH] 框架未就绪，无法注册');
} else {
root.SGLVPTW.registerTab({
key: 'achievements',
label: '成就',
order: 35,
requires: [
'getOwnedGames', 'getPlayerAchievements', 'T', 'ICONS', 'isZh', 'escHtml',
'emptyHtml', 'SGLVCharts',
],
softRequires: ['getGlobalAchievements'],
mount,
});
console.log('[PTW-TAB-ACH] 已注册');
}
})(typeof window !== 'undefined' ? window : globalThis);
/* ---------- sglv-ptw-tab-value.lib.js ---------- */
/* =============================================================================
* SGLV PTW · Tab: 价值分析 (Value)
* -----------------------------------------------------------------------------
* Phase 3 / T3.4 新增能力。三个分析视角：
* ① 挂卡进度 —— 卡牌掉落推断（进度条 + 预估剩余时长 + 是否仍可挂卡）
* ② 徽章评分 —— 复用主脚本 computeBadgeValueScores（xp/level/卡价/完成度/掉落 五维加权）
* ③ 卡牌市场 —— 卡牌数量 / 均价 / 中位价 / 忽略最高价均价 / 税后收入预估
*
* 算法移植自 steam-kit `src/utils/card-drop.ts:105-167`（零依赖纯函数）：
* CARD_DROP_INTERVAL_MINUTES / FAST_DROP_PLAYTIME_THRESHOLD
* MAX_BADGE_LEVEL / DEFAULT_TOTAL_CARDS / CARDS_PER_BADGE_LEVEL
* isGameBadge / isBadgeFarmable
* estimateTotalCards / estimateCardsDropped / calculateEstimatedTime
*
* ⚠️ 推断性质（非精确值）：
* Steam Web API 不返回剩余卡牌数（需解析社区页），本 Tab 全部为经验估算。
* 掉落模型：前 2 小时每 30 分钟 1 张，超过后速度减半（每 60 分钟 1 张）。
* 徽章等级兜底：level × ceil(totalCards/2)，与时长推断取较大值，上限 totalCards。
*
* ⚠️ 相对源实现的一处**增强**（有意偏离，已在下方标注）：
* isBadgeFarmable 的满级阈值改用 badge._maxLevel（SteamCardExchange 真实最大等级）
* 优先，缺失时回落 MAX_BADGE_LEVEL(5)。源实现硬编码 5，
* 对 maxLevel≠5 的游戏会误判满级。
* ========================================================================== */
(function (root) {
'use strict';
// ==========================================================================
// 经验常量（逐行搬运自 card-drop.ts:31-66）
// ==========================================================================
/** 平均卡牌掉落间隔（分钟） */
const CARD_DROP_INTERVAL_MINUTES = 30;
/** 快速掉卡阶段阈值（分钟）：前 2 小时掉卡最快，之后速度减半 */
const FAST_DROP_PLAYTIME_THRESHOLD = 120;
/** 游戏徽章最高等级（兜底值，_maxLevel 存在时以其为准） */
const MAX_BADGE_LEVEL = 5;
/** 卡牌总数默认估算（Steam 游戏通常 5-15 张，取中位数 8） */
const DEFAULT_TOTAL_CARDS = 8;
/** 每合成 1 级徽章所需卡牌套数 */
const CARDS_PER_BADGE_LEVEL = 1;
/** 市场数据默认抓取的游戏数（fetchBadgeMarkets 内部每批间隔 500ms，别贪多） */
const DEFAULT_MARKET_APPS = 10;
// ==========================================================================
// 纯算法：卡牌掉落推断（card-drop.ts:81-167）
// ==========================================================================
/** 是否为游戏徽章（GetBadges 混编了社区/活动/节日徽章，只有游戏徽章带 appid） */
function isGameBadge(badge) {
return !!badge && typeof badge.appid === 'number' && badge.appid > 0;
}
/** 徽章真实最高等级：优先卡牌库 _maxLevel，缺失回落 5 */
function badgeMaxLevel(badge) {
const m = badge && Number(badge._maxLevel);
return Number.isFinite(m) && m > 1 ? Math.floor(m) : MAX_BADGE_LEVEL;
}
/** 是否仍可挂卡（未满级） */
function isBadgeFarmable(badge) {
if (!isGameBadge(badge)) return false;
return (badge.level || 0) < badgeMaxLevel(badge);
}
/**
* 估算卡牌总数。
* 已合成过徽章（level>0）时，总数不应低于已合成的套数 → max(DEFAULT, level)。
*/
function estimateTotalCards(badge) {
if (badge && (badge.level || 0) > 0) {
return Math.max(DEFAULT_TOTAL_CARDS, badge.level);
}
return DEFAULT_TOTAL_CARDS;
}
/**
* 估算已掉落卡牌数（取时长推断与徽章推断的较大值，上限 totalCards）。
* @param {number} playtimeForever 总游玩时长（分钟）
*/
function estimateCardsDropped(playtimeForever, badge, totalCards) {
const pt = Math.max(0, Number(playtimeForever) || 0);
const total = Math.max(1, Number(totalCards) || DEFAULT_TOTAL_CARDS);
// ① 时长推断：快速阶段（前 120 分钟）30 分钟/张，之后 60 分钟/张
const fastPlaytime = Math.min(pt, FAST_DROP_PLAYTIME_THRESHOLD);
const fastDrops = Math.floor(fastPlaytime / CARD_DROP_INTERVAL_MINUTES);
const remaining = Math.max(0, pt - FAST_DROP_PLAYTIME_THRESHOLD);
const steadyDrops = Math.floor(remaining / (CARD_DROP_INTERVAL_MINUTES * 2));
const playtimeBased = Math.min(fastDrops + steadyDrops, total);
// ② 徽章等级兜底：每级徽章约消耗 ceil(total/2) 张掉落卡
const lv = badge && (badge.level || 0) > 0 ? badge.level : 0;
const badgeBased = lv > 0 ? lv * Math.ceil(total / 2) : 0;
return Math.min(Math.max(playtimeBased, badgeBased), total);
}
/** 预估剩余挂卡时长（分钟）= 剩余卡牌数 × 掉落间隔 */
function calculateEstimatedTime(cardsRemaining) {
const left = Number(cardsRemaining) || 0;
if (left <= 0) return 0;
return Math.ceil(left * CARD_DROP_INTERVAL_MINUTES);
}
/**
* 单游戏挂卡进度推断（Tab 层聚合，算法组合上面的纯函数）。
* @returns {{appId:number,total:number,dropped:number,remaining:number,
* percent:number,etaMinutes:number,done:boolean,farmable:boolean,
* level:number,maxLevel:number,progress:number}}
*/
function inferCardDropProgress(playtimeForever, badge) {
const b = badge || null;
const total = estimateTotalCards(b);
const dropped = estimateCardsDropped(playtimeForever, b, total);
const remaining = Math.max(0, total - dropped);
const maxLv = badgeMaxLevel(b);
const level = (b && b.level) || 0;
const farmable = isBadgeFarmable(b);
const done = remaining === 0 || !farmable;
return {
appId: b ? b.appid : 0,
total,
dropped,
remaining,
// 掉落进度（0~1）
percent: total > 0 ? dropped / total : 0,
// 徽章等级进度（0~1）。badgeMaxLevel 保证 maxLv ≥ 2，故不必再判 maxLv > 1。
progress: Math.max(0, Math.min(1, level / maxLv)),
etaMinutes: done ? 0 : calculateEstimatedTime(remaining),
done,
farmable,
level,
maxLevel: maxLv,
completed: !!(b && b.completion_time),
};
}
// ==========================================================================
// 纯算法：徽章聚合
// ==========================================================================
/**
* 汇总徽章集合：等级分布 / 可挂卡数 / 累计 XP / 已合成数。
* @param {Array} badges enriched badges（含 _gameName / _maxLevel）
*/
function aggregateBadges(badges) {
const list = Array.isArray(badges) ? badges : [];
const gameBadges = list.filter(isGameBadge);
const dist = {};
gameBadges.forEach(b => {
const lv = (b.level || 0) > 0 ? (b.level || 0) : 0;
dist[lv] = (dist[lv] || 0) + 1;
});
const farmable = gameBadges.filter(isBadgeFarmable);
return {
gameBadges,
total: gameBadges.length,
// 已获得徽章（level >= 1，即已合成过至少 1 级）
owned: gameBadges.filter(b => (b.level || 0) > 0).length,
farmable: farmable.length,
completed: gameBadges.filter(b => !!b.completion_time).length,
totalXp: gameBadges.reduce((s, b) => s + (Number(b.xp) || 0), 0),
levelDist: dist,
};
}
/** 挑出「值得抓市场」的游戏徽章：仍可挂卡 + 有游戏名，按等级降序 */
function pickMarketTargets(badges, limit) {
const n = Math.max(1, Number(limit) || DEFAULT_MARKET_APPS);
return (Array.isArray(badges) ? badges : [])
.filter(b => isGameBadge(b) && isBadgeFarmable(b) && b._hasGameName)
.sort((a, b) => (b.level || 0) - (a.level || 0) || (b.xp || 0) - (a.xp || 0))
.slice(0, n);
}
// ==========================================================================
// 纯算法：卡牌市场摘要归一
// ==========================================================================
/**
* 把 fetchCardMarketLight 的 summary 归一成Tab 需要的形状。
* @param {object} market summary（单位：分）
*/
function summarizeMarket(market) {
const m = market || {};
const cardCount = Math.max(0, Number(m.cardCount) || 0);
const avg = Math.max(0, Number(m.avgPrice) || 0);
const median = Math.max(0, Number(m.medianPrice) || 0);
const avgNoMax = Math.max(0, Number(m.avgNoMax) || 0);
const net = Math.max(0, Number(m.netIncome) || 0);
return {
appId: m.appId,
cardCount,
avg,
median,
avgNoMax,
net,
totalCost: Math.max(0, Number(m.totalCost) || 0),
priceCount: Math.max(0, Number(m.priceCount) || 0),
// 跌幅越大说明市场参考价越低（对买家越有利）
spread: (avg > 0 && median > 0) ? Math.abs(avg - median) / Math.max(avg, median) : 0,
hasData: cardCount > 0 && avg > 0,
error: m.error || '',
};
}
/** 分（cent）→ 本地化货币字符串。优先读钱包 cookie，回落 ¥。 */
function formatCents(cents) {
const v = Number(cents) || 0;
if (v <= 0) return '—';
let symbol = '¥';
try {
const m = document.cookie.match(/steamCountry=(\w{2})/) || [];
const cc = (m[1] || 'CN').toLowerCase();
const map = { cn: '¥', us: '$', eu: '€', uk: '£', jp: '¥', kr: '₩', ru: '₽' };
symbol = map[cc] || '¥';
} catch (e) { /* cookie不可读 */ }
return symbol + (v / 100).toFixed(2);
}
/** 分钟 → 人类可读时长 */
function fmtMinutes(min) {
const m = Math.max(0, Math.round(Number(min) || 0));
if (m <= 0) return '0m';
if (m < 60) return `${m}m`;
const h = Math.floor(m / 60);
if (h < 24) return `${h}h${m % 60 ? `${m % 60}m` : ''}`;
const d = Math.floor(h / 24);
if (d < 30) return `${d}d${h % 24 ? `${h % 24}h` : ''}`;
return `${Math.floor(d / 30)}mo${d % 30 ? `${d % 30}d` : ''}`;
}
// ==========================================================================
// 渲染
// ==========================================================================
function mount(container, ctx) {
const H = ctx.host;
const ICONS = H.ICONS;
const isZh = H.isZh;
const escHtml = H.escHtml;
const Charts = H.SGLVCharts;
injectCSS();
const root_ = document.createElement('div');
root_.className = 'sglv-ptw-value';
container.appendChild(root_);
// ---- 状态容器 ----
const stateBox = document.createElement('div');
stateBox.className = 'sglv-ptw-value-state';
root_.appendChild(stateBox);
const heroBox = document.createElement('div');
root_.appendChild(heroBox);
// 工具栏：游戏选择器 + 重新加载
const toolbar = document.createElement('div');
toolbar.className = 'sglv-ptw-value-toolbar sglv-ptw-hover is-amber is-flat';
toolbar.innerHTML = `
`;
root_.appendChild(toolbar);
const sel = toolbar.querySelector('#sglv-ptw-value-game');
const reloadBtn = toolbar.querySelector('#sglv-ptw-value-reload');
const body = document.createElement('div');
body.className = 'sglv-ptw-value-body';
root_.appendChild(body);
// ---- 挂卡进度面板（全库概览） ----
const farmBox = document.createElement('div');
body.appendChild(farmBox);
// ---- 徽章评分面板 ----
const scoreBox = document.createElement('div');
body.appendChild(scoreBox);
// ---- 卡牌市场面板（选中游戏） ----
const marketBox = document.createElement('div');
body.appendChild(marketBox);
// ---- 内存态（随 mount 重建，不跨调用持久化） ----
const S = {
badges: null, // { badges, playerLevel, playerXp }
markets: {}, // { [appId]: summary }
scores: {}, // { [appId]: scoreObj }
agg: null, // aggregateBadges 结果
targets: [], // 实际抓了市场的 appId 列表
loading: false,
err: '',
};
/** 主加载流程：徽章 → 目标挑选 → 市场 → 评分 */
async function loadAll(force) {
if (S.loading) return;
S.loading = true;
S.err = '';
reloadBtn.disabled = true;
setState(isZh ? '加载徽章数据…' : 'Loading badges…', true);
// ① 徽章（需要 API Key）
let badgeData = null;
try {
badgeData = await H.getUserBadges();
} catch (e) {
S.err = String((e && e.message) || e);
}
if (!badgeData || !Array.isArray(badgeData.badges)) {
S.loading = false;
reloadBtn.disabled = false;
renderNoBadge();
return;
}
S.badges = badgeData;
S.agg = aggregateBadges(badgeData.badges);
renderHero();
renderFarmPanel();
if (S.agg.total === 0) {
S.loading = false;
reloadBtn.disabled = false;
clearBox(marketBox);
clearBox(scoreBox);
setState(isZh ? '未找到游戏徽章（GetBadges 只返回了社区/节日徽章）'
: 'No game badges found', true);
return;
}
// ② 挑选目标并抓市场
S.targets = pickMarketTargets(S.badges.badges, DEFAULT_MARKET_APPS);
S.markets = {};
if (S.targets.length) {
setState(isZh
? `抓取 ${S.targets.length} 个游戏的卡牌市场数据…`
: `Fetching card market for ${S.targets.length} games…`, true);
try {
const raw = await H.getBadgeMarkets(S.targets.map(b => b.appid));
S.markets = raw || {};
} catch (e) {
S.err = String((e && e.message) || e);
}
}
// ③ 评分（依赖 markets；缺失 market 的游戏卡价维度记 0）
const marketMap = {};
Object.keys(S.markets || {}).forEach(k => {
marketMap[k] = S.markets[k];
});
try {
S.scores = H.getBadgeValueScores
? (H.getBadgeValueScores(S.agg.gameBadges, marketMap) || {})
: {};
} catch (e) {
S.scores = {};
S.err = S.err || String((e && e.message) || e);
}
S.loading = false;
reloadBtn.disabled = false;
renderScorePanel();
syncSelect();
renderMarketPanel();
}
/** 无徽章数据（多为缺 API Key） */
function renderNoBadge() {
heroBox.innerHTML = '';
clearBox(farmBox);
clearBox(scoreBox);
clearBox(marketBox);
toolbar.style.display = 'none';
setState(
isZh ? '需要 Steam API Key 才能读取徽章数据' : 'Steam API Key required for badges',
false,
isZh ? '在脚本设置中填入 API Key 后即可查看挂卡进度与徽章评分。'
: 'Set your API Key in settings to view badge value.'
);
}
function setState(msg, busy, sub) {
stateBox.style.display = msg ? '' : 'none';
stateBox.innerHTML = msg
? `${escHtml(a.name)}
${busy ? '' : (ICONS.info || 'ℹ️')} ${escHtml(msg)}
${sub ? `${escHtml(sub)}
` : ''}`
: '';
}
function clearBox(box) { box.innerHTML = ''; }
// ---- HERO：4 项汇总 ----
function renderHero() {
const a = S.agg;
if (!a) { heroBox.innerHTML = ''; return; }
const lvl = (S.badges && Number(S.badges.playerLevel)) || 0;
heroBox.innerHTML = `
${a.total}
${escHtml(isZh ? '游戏徽章' : 'Game badges')}
${escHtml(isZh ? `已获得 ${a.owned}` : `${a.owned} owned`)}
${a.farmable}
${escHtml(isZh ? '仍可挂卡' : 'Farmable')}
${escHtml(isZh ? `未满级${a.completed ? ` · 已合成 ${a.completed}` : ''}` : `not maxed${a.completed ? ` · ${a.completed} crafted` : ''}`)}
${lvl || '—'}
${escHtml(isZh ? 'Steam 等级' : 'Steam level')}
${escHtml(isZh ? `徽章 XP ${a.totalXp.toLocaleString()}` : `${a.totalXp.toLocaleString()} badge XP`)}
${Object.keys(S.markets || {}).length}
${escHtml(isZh ? '已抓市场' : 'Markets')}
${escHtml(isZh ? `目标上限 ${DEFAULT_MARKET_APPS}` : `cap ${DEFAULT_MARKET_APPS}`)}
${ICONS.badge || '🏅'} ${escHtml(isZh ? '挂卡进度' : 'Card farming progress')}
${rows.length}
`;
if (!rows.length) {
farmBox.innerHTML += `${escHtml(
isZh ? `没有可挂卡的游戏（${doneCount} 个已完成或满级）`
: `No farmable games (${doneCount} completed or maxed)`
)}
`;
return;
}
farmBox.innerHTML += `${escHtml(isZh
? `按估算剩余卡牌数排序 · 掉落模型：前 2h 每 30 分钟 1 张，之后每 60 分钟 1 张（估算值，非精确）`
: 'Sorted by estimated cards remaining · drop model: 1 card / 30 min for first 2h, then 1 / 60 min (estimated)')}
${rows.map(r => farmRow(r, playtimeMap)).join('')}
`;
}
function farmRow(r, playtimeMap) {
const p = r.p;
const pct = Math.round(p.percent * 100);
return `
${escHtml(r.name)}
Lv.${p.level}/${p.maxLevel}
${escHtml(isZh ? '已掉落' : 'Dropped')} ${p.dropped}/${p.total}
${escHtml(isZh ? '预计还需' : 'ETA')} ${fmtMinutes(p.etaMinutes)}
${escHtml(isZh ? '时长' : 'Playtime')} ${fmtMinutes(playtimeMap[String(r.badge.appid)] || 0)}
${ICONS.star || '⭐'} ${escHtml(isZh ? '徽章价值评分' : 'Badge value score')}${list.length}
`;
if (!list.length) {
scoreBox.innerHTML += `${escHtml(isZh ? '暂无可用评分数据' : 'No score data')}
`;
return;
}
const hasBreakdown = list.some(s => s.breakdown);
scoreBox.innerHTML += `${escHtml(isZh
? '权重：XP 25% · 等级 20% · 卡价 30% · 完成度 15% · 掉落进度 10%（与主脚本价值分析同口径）'
: 'Weights: XP 25% · level 20% · card price 30% · completion 15% · drop 10%')}
${list.map((s, i) => {
const pct = Math.max(0, Math.min(100, s.score));
const hasMkt = !!(s.marketData && s.marketData.avgPrice > 0);
return `
`;
}
function bdBar(label, val, color) {
const v = Math.max(0, Math.min(100, Number(val) || 0));
return `
${escHtml(label)}
`;
}
// ---- 面板③：卡牌市场（选中游戏） ----
function renderMarketPanel() {
const appId = sel.value;
const badge = S.agg.gameBadges.find(b => String(b.appid) === String(appId));
if (!badge) {
marketBox.innerHTML = `
${i + 1}
${s.score}
`;
}).join('')}${escHtml(s.gameName || s.appId)}
Lv.${s.level || 1}/${s.maxLevel || MAX_BADGE_LEVEL}
${escHtml(isZh ? 'XP' : 'XP')} ${Number(s.xp) || 0}
${escHtml(isZh ? '卡均' : 'Avg')} ${hasMkt ? escHtml(formatCents(s.marketData.avgPrice)) : '—'}
${hasBreakdown ? `${bdBar('XP', s.breakdown.xp, '#a78bfa')}${bdBar(isZh ? '等级' : 'Lv', s.breakdown.level, '#3b82f6')}${bdBar(isZh ? '卡价' : 'Price', s.breakdown.cardPrice, '#22c55e')}${bdBar(isZh ? '完成' : 'Done', s.breakdown.completion, '#f59e0b')}${bdBar(isZh ? '掉落' : 'Drop', s.breakdown.level_max, '#06b6d4')}
` : ''}
${ICONS.market || '🛒'} ${escHtml(isZh ? '卡牌市场' : 'Card market')}
${escHtml(isZh ? '请选择一个游戏徽章' : 'Pick a game badge')}
`;
return;
}
const raw = (S.markets || {})[String(appId)];
const mk = summarizeMarket(raw);
const p = inferCardDropProgress(0, badge);
marketBox.innerHTML = `${ICONS.market || '🛒'} ${escHtml(isZh ? '卡牌市场 · ' : 'Card market · ')}${escHtml(badge._gameName || appId)}
`;
if (!raw) {
marketBox.innerHTML += `${escHtml(isZh
? `该游戏未纳入本次市场抓取（仅抓取仍可挂卡的前 ${DEFAULT_MARKET_APPS} 个徽章）`
: `Not fetched in this batch (only top ${DEFAULT_MARKET_APPS} farmable badges)`)}
`;
return;
}
if (!mk.hasData) {
marketBox.innerHTML += `${escHtml(mk.error
? (isZh ? `市场数据获取失败：${mk.error}` : `Market fetch failed: ${mk.error}`)
: (isZh ? '市场暂无挂单，无法估值' : 'No listings available'))}
`;
return;
}
marketBox.innerHTML += `
${mStat(isZh ? '卡牌数' : 'Cards', String(mk.cardCount))}
${mStat(isZh ? '均价' : 'Avg', formatCents(mk.avg))}
${mStat(isZh ? '中位价' : 'Median', formatCents(mk.median))}
${mStat(isZh ? '均价(去极值)' : 'Avg ex-max', formatCents(mk.avgNoMax))}
${mStat(isZh ? '全套成本' : 'Set cost', formatCents(mk.totalCost))}
${mStat(isZh ? '预计税后收入' : 'Est. net', formatCents(mk.net), '#22c55e')}
${escHtml(isZh
? `掉落进度估算 ${p.dropped}/${p.total} 张 · 市场价差 ${(mk.spread * 100).toFixed(1)}%（均价与中位价偏离，越小越稳定）`
: `Drop estimate ${p.dropped}/${p.total} · spread ${(mk.spread * 100).toFixed(1)}% (avg vs median)`)}
`;
// 卡牌价格条形图（均价 vs 中位价对照）
const cards = Array.isArray(raw.cards) ? raw.cards.filter(c => c && Number(c.sellPrice) > 0) : [];
if (cards.length >= 2 && Charts && typeof Charts.lineChart === 'function') {
const sorted = cards.slice().sort((a, b) => a.sellPrice - b.sellPrice);
const chart = document.createElement('div');
chart.className = 'sglv-ptw-value-chart';
chart.innerHTML = Charts.lineChart([{ data: sorted.map(c => c.sellPrice / 100) }], {
width: 680, height: 180, pL: 44, pR: 20, pT: 16, pB: 26,
smooth: false, colors: [Charts.accent()],
gridCount: 4, yFormatter: (v) => v.toFixed(2),
xLabels: sorted.map((_, i) => `#${i + 1}`),
xLabelEvery: Math.max(1, Math.ceil(sorted.length / 8)), xLabelLast: true,
dots: {
r: 2, stroke: '#0f172a', strokeWidth: 1,
title: (v, i) => {
const c = sorted[i];
if (!c) return String(v);
const nm = String(c.name || c.hashName || '').slice(0, 22);
return `${nm}\n${(Number(c.sellPrice) / 100).toFixed(2)}`;
},
},
});
marketBox.appendChild(chart);
const cap = document.createElement('div');
cap.className = 'sglv-ptw-value-chart-cap';
cap.textContent = isZh
? `${cards.length} 张卡牌卖价（按价格升序，含市场搜索页前 100 条）`
: `${cards.length} card sell prices (ascending, first 100 listings)`;
marketBox.appendChild(cap);
}
}
function mStat(label, value, color) {
return `${escHtml(value)}
${escHtml(label)}
${escHtml(isZh ? '采样中…' : 'Sampling…')}
`;
// ① 先尝试采今日快照（同日重复进入不会覆盖）
let collectInfo = null;
const H2 = H.playtimeHistory;
if (H2 && typeof H2.collect === 'function') {
try { collectInfo = await H2.collect(); } catch (e) { collectInfo = { ok: false, reason: 'error' }; }
}
if (!H2 || typeof H2.load !== 'function') {
body.innerHTML = `${escHtml(isZh ? '当前宿主不支持每日快照（需更新主脚本）' : 'Host lacks daily snapshot support')}
`;
return;
}
const hist = H2.load() || {};
const days = hist.days || {};
const dd = dailyDeltas(days);
const act = activeDays(dd.deltas);
const today = (typeof H2.dayKey === 'function' ? H2.dayKey() : '') || dayKey(new Date());
const streak = computeStreak(act, today);
const year = new Date().getFullYear();
const yr = yearRanking(dd.deltas, year, YEAR_TOP_N);
const fp = firstPlays(days, dd.baselineDay, FIRST_TOP_N);
render({ hist, dd, act, streak, yr, fp, today, collectInfo, year, maxDays: H2.maxDays || 90 });
}
function render(d) {
body.innerHTML = '';
const sampled = d.dd.sampledDays || [];
const coverage = coverageInfo(d);
// ---- 覆盖率横幅（诚实呈现：无数据 ≠ 0） ----
const banner = document.createElement('div');
banner.className = 'sglv-ptw-strk-banner';
if (sampled.length === 0) {
banner.classList.add('empty');
banner.innerHTML = `
`;
} else {
banner.innerHTML = `
`;
}
body.appendChild(banner);
// ---- HERO ----
const hero = document.createElement('div');
hero.className = 'sglv-ptw-strk-hero';
hero.innerHTML = `
${d.streak.current}
${escHtml(isZh ? '当前连续' : 'Current streak')}
${d.streak.currentEnd
? escHtml(isZh ? `截至 ${d.streak.currentEnd}` : `ends ${d.streak.currentEnd}`)
: escHtml(isZh ? '当前无活跃连续' : 'no active streak')}
${d.streak.longest}
${escHtml(isZh ? '最长连续' : 'Longest')}
${escHtml(isZh ? '天' : 'days')}
${d.act.length}
${escHtml(isZh ? '活跃天数' : 'Active days')}
${escHtml(isZh ? `共采样 ${sampled.length} 天` : `of ${sampled.length} sampled`)}
${fmtMin(d.yr.totalMinutes)}
${escHtml(isZh ? `${d.year} 年增量` : `${d.year} total`)}
${escHtml(isZh ? `${d.yr.gameCount} 款 · ${d.yr.activeDayCount} 天` : `${d.yr.gameCount} games · ${d.yr.activeDayCount} days`)}
${ICONS.star || '★'} ${escHtml(isZh ? '里程碑' : 'Milestones')}${unlockedN}/${list.length}
`;
if (sampled.length === 0) {
panel.innerHTML += `${escHtml(isZh
? '尚无采样数据 —— 全部里程碑待积累。每天打开一次本页即可开始。'
: 'No samples yet. Open this page daily to start earning milestones.')}
`;
body.appendChild(panel);
return panel;
}
const fmtTarget = (ms) => ms.unit === 'min' ? fmtMin(ms.target)
: `${ms.target}${ms.unit === 'pct' ? '%' : (ms.unit === 'day' ? (isZh ? ' 天' : 'd') : (isZh ? ' 款' : ''))}`;
const fmtCur = (ms, cur) => ms.unit === 'min' ? fmtMin(cur)
: `${cur}${ms.unit === 'pct' ? '%' : (ms.unit === 'day' ? (isZh ? ' 天' : 'd') : (isZh ? ' 款' : ''))}`;
panel.innerHTML += `${escHtml(isZh
? '基于本地采样指标（连续天数取历史最长；活跃日为采样窗口内）。诚实口径：无数据不点亮。'
: 'Based on local sampling metrics. Honest gating: no data, no badge.')}
${list.map(ms => {
const color = TIER_COLOR[ms.tier] || 'var(--sglv-text-secondary)';
return `
${ms.unlocked ? `✓` : ''}
`;
}).join('')}
`;
return panel;
}
/** 覆盖率：已采样日数 / 区间自然日数 */
function coverageInfo(d) {
const sampled = d.dd.sampledDays || [];
if (sampled.length < 2) return { totalMinutes: 0, rate: 0 };
const span = daysBetween(sampled[0], sampled[sampled.length - 1]) + 1;
const rate = span > 0 ? Math.round((sampled.length / span) * 100) : 100;
let totalMinutes = 0;
Object.keys(d.dd.deltas).forEach(day => {
Object.keys(d.dd.deltas[day] || {}).forEach(a => { totalMinutes += d.dd.deltas[day][a]; });
});
return { totalMinutes, rate, span, sampledCount: sampled.length };
}
/**
* 采样日历：三态严格区分
* active 有正增量（当天确实玩了）
* idle 有采样但零增量（当天确实没玩）
* missing 未采样（不知道，不等于没玩）
*/
function buildCalendar(d, coverage) {
const sampled = d.dd.sampledDays || [];
const sampledSet = new Set(sampled);
const panel = document.createElement('div');
panel.className = 'sglv-ptw-strk-panel sglv-ptw-hover';
if (sampled.length < 2) {
panel.innerHTML = `${escHtml(isZh ? ms.label.zh : ms.label.en)}
${escHtml(ms.tier)}
${escHtml(isZh ? ms.desc.zh : ms.desc.en)}
${ms.unlocked
? ``
: `
${escHtml(`${fmtCur(ms, ms.progress)} / ${fmtTarget(ms)}`)}
`}
${ICONS.grid || '▦'} ${escHtml(isZh ? '采样日历' : 'Sampling calendar')}
${escHtml(isZh ? '至少需要 2 天采样才能计算日增量' : 'Need ≥2 sampled days for daily deltas')}
`;
return panel;
}
const start = sampled[0];
const end = sampled[sampled.length - 1];
const span = Math.min(daysBetween(start, end) + 1, d.maxDays);
const todayMs = dayKeyToMs(d.today);
const cells = [];
for (let i = 0; i < span; i++) {
const ms = dayKeyToMs(start) + i * 86400000;
const key = dayKey(new Date(ms));
const future = dayKeyToMs(key) > todayMs;
let cls = 'missing', title = key;
if (sampledSet.has(key)) {
const delta = d.dd.deltas[key] || {};
const sum = Object.keys(delta).reduce((s, a) => s + (Number(delta[a]) || 0), 0);
if (sum > 0) {
cls = 'active';
const top = Object.keys(delta).sort((a, b) => delta[b] - delta[a])[0];
title = `${key} · ${fmtMin(sum)}\n${nameOf(top)}`;
} else {
cls = 'idle';
title = `${key} · ${isZh ? '无游玩' : 'no play'}`;
}
} else {
title = `${key} · ${isZh ? '未采样' : 'not sampled'}`;
}
if (future) cls += ' future';
cells.push(``);
}
const legend = `
${escHtml(isZh ? '有游玩' : 'active')}
${escHtml(isZh ? '已采样·未玩' : 'sampled·idle')}
${escHtml(isZh ? '未采样' : 'not sampled')}
`;
panel.innerHTML = `${ICONS.grid || '▦'} ${escHtml(isZh ? '采样日历' : 'Sampling calendar')}${escHtml(`${start} ~ ${end}`)}
${cells.join('')}
${legend}`;
return panel;
}
function buildYear(d) {
const panel = document.createElement('div');
panel.className = 'sglv-ptw-strk-panel sglv-ptw-hover';
panel.innerHTML = `${ICONS.trophy || '🏆'} ${escHtml(isZh ? `${d.year} 年度游戏` : `${d.year} top games`)}${d.yr.top.length}
`;
if (!d.yr.top.length) {
panel.innerHTML += `${escHtml(isZh
? `${d.year} 年暂无采样增量（今年可能刚开始积累，或当年无采样记录）`
: `No ${d.year} deltas yet`)}
`;
return panel;
}
const max = d.yr.top[0].minutes || 1;
panel.innerHTML += `${escHtml(isZh
? `按采样日增量排名 · 合计 ${fmtMin(d.yr.totalMinutes)} · ${d.yr.activeDayCount} 个活跃日（采样窗口内）`
: `By sampled-day delta · ${fmtMin(d.yr.totalMinutes)} · ${d.yr.activeDayCount} active days`)}
${d.yr.top.map((r, i) => `
`;
return panel;
}
function buildFirstPlays(d) {
const panel = document.createElement('div');
panel.className = 'sglv-ptw-strk-panel sglv-ptw-hover';
panel.innerHTML = `
${i + 1}
${escHtml(fmtMin(r.minutes))}
`).join('')}${escHtml(nameOf(r.appid))}
${ICONS.clock || '⏱'} ${escHtml(isZh ? '首次上手' : 'First seen')}${d.fp.count}
`;
if (!d.fp.top.length) {
panel.innerHTML += `${escHtml(isZh ? '暂无采样数据' : 'No samples yet')}
`;
return panel;
}
panel.innerHTML += `${escHtml(isZh
? `⚠️ 这是「首次被采样到」的日期，不等于真实首玩日 —— 装脚本之前的历史无从得知。共 ${d.fp.count} 款进入过采样。`
: `⚠️ First *sampled* date, not the true first-play day. ${d.fp.count} games sampled.`)}
${d.fp.top.map(r => `
`;
return panel;
}
// 首日无前值可比，dailyDeltas 首项被跳过 → 这里需要一个本地 dayKey 兜底
function dayKey(dt) {
const d = dt || new Date();
const p = (n) => String(n).padStart(2, '0');
return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())}`;
}
load();
}
// ==========================================================================
// 样式
// ==========================================================================
const CSS = `
.sglv-ptw-strk{display:flex;flex-direction:column;gap:14px;min-height:0;flex:1;width:100%;}
/* v1.0.2: 横版网格布局——banner/KPI 通栏；采样日历(左)+年度游戏(右)双栏；
首次上手/里程碑通栏。此前 flex 纵向堆叠窄列居中、右侧大面积留白
v1.0.2 高度自适应——grid 行模板加 1fr 让 row 3 通栏区跟窗高,
子项用 min-height:0 让内 panel/list 用 overflow-y:auto 自管滚动 */
.sglv-ptw-strk-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);gap:14px;align-items:start;min-height:0;flex:1;width:100%;}
.sglv-ptw-strk-banner,.sglv-ptw-strk-hero{grid-column:1/-1;}
.sglv-ptw-strk-body > div:nth-child(3){grid-column:1;grid-row:3;min-height:0;}
.sglv-ptw-strk-body > div:nth-child(4){grid-column:2;grid-row:3;min-height:0;}
.sglv-ptw-strk-body > div:nth-child(n+5){grid-column:1/-1;min-height:0;}
.sglv-ptw-strk-state{padding:24px;text-align:center;color:var(--sglv-text-secondary);font-size:var(--sglv-fs-base);display:flex;align-items:center;justify-content:center;gap:var(--sglv-sp-2);}
.sglv-ptw-strk-state-msg{padding:24px;text-align:center;font-size:var(--sglv-fs-base);color:var(--sglv-amber);}
.sglv-ptw-strk-spin{display:inline-block;width:11px;height:11px;border:2px solid var(--sglv-amber-soft);border-top-color:var(--sglv-amber);border-radius:50%;animation:sglv-ptw-strk-spin .7s linear infinite;}
@keyframes sglv-ptw-strk-spin{to{transform:rotate(360deg);}}
.sglv-ptw-strk-banner{padding:11px 14px;border:1px solid var(--sglv-accent-strong);border-radius:var(--sglv-r-md);background:linear-gradient(135deg,var(--sglv-accent-wash) 0%,var(--sglv-accent-soft) 100%);box-shadow:var(--sglv-shadow-sm),inset 0 1px 0 var(--sglv-border-subtle);position:relative;overflow:hidden;}
.sglv-ptw-strk-banner::before{content:'';position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(135deg,var(--sglv-accent-glow),transparent 60%);opacity:.35;}
.sglv-ptw-strk-banner.empty{border-color:var(--sglv-amber-strong);background:var(--sglv-amber-wash);}
.sglv-ptw-strk-banner-msg{font-size:12.5px;font-weight:600;color:var(--sglv-text);}
.sglv-ptw-strk-banner.empty .sglv-ptw-strk-banner-msg{color:var(--sglv-amber);}
.sglv-ptw-strk-banner-sub{margin-top:4px;font-size:var(--sglv-fs-sm);line-height:1.7;color:var(--sglv-text-secondary);}
.sglv-ptw-strk-banner-sub b{color:var(--sglv-success);}
.sglv-ptw-strk-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--sglv-sp-3);}
.sglv-ptw-strk-hero-item{
position:relative;padding:14px 16px;border:1px solid var(--sglv-border);
border-radius:var(--sglv-r-lg);background:
linear-gradient(135deg,var(--sglv-accent-wash) 0%,transparent 55%),
var(--sglv-surface-1);
text-align:center;display:flex;flex-direction:column;gap:4px;justify-content:center;overflow:hidden;
box-shadow:var(--sglv-shadow-sm),inset 0 1px 0 var(--sglv-border-subtle);
transition:transform var(--sglv-dur) var(--sglv-ease),box-shadow var(--sglv-dur) var(--sglv-ease),border-color var(--sglv-dur) var(--sglv-ease);
}
.sglv-ptw-strk-hero-item::before{
content:'';position:absolute;inset:-1px;border-radius:var(--sglv-r-lg);pointer-events:none;
background:linear-gradient(135deg,var(--sglv-accent-glow),transparent 60%);
opacity:0;transition:opacity var(--sglv-dur) var(--sglv-ease);
}
.sglv-ptw-strk-hero-item:hover{
transform:translateY(-2px);
border-color:var(--sglv-accent-soft);
box-shadow:var(--sglv-shadow-md),0 0 0 1px var(--sglv-accent-soft),0 0 24px var(--sglv-accent-wash),inset 0 1px 0 var(--sglv-border-subtle);
}
.sglv-ptw-strk-hero-item:hover::before{opacity:1;}
.sglv-ptw-strk-hero-val{
font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;
background:linear-gradient(180deg,var(--sglv-text) 0%,var(--sglv-success) 100%);
-webkit-background-clip:text;background-clip:text;
-webkit-text-fill-color:transparent;color:transparent;
text-shadow:0 0 14px color-mix(in srgb,var(--sglv-success) 30%,transparent);
position:relative;z-index:1;
}
.sglv-ptw-strk-hero-lbl{font-size:var(--sglv-fs-md);color:var(--sglv-text-secondary);position:relative;z-index:1;}
.sglv-ptw-strk-hero-sub{font-size:var(--sglv-fs-sm);color:var(--sglv-text-secondary);opacity:.85;position:relative;z-index:1;}
.sglv-ptw-strk-panel{padding:14px 16px;border:1px solid var(--sglv-border);border-radius:var(--sglv-r-lg);background:var(--sglv-surface-1);}
.sglv-ptw-strk-panel-title{display:flex;align-items:center;gap:7px;margin-bottom:10px;font-size:var(--sglv-fs-base);font-weight:600;color:var(--sglv-text);}
.sglv-ptw-strk-count{margin-left:auto;padding:1px 8px;border-radius:var(--sglv-r-md);background:var(--sglv-accent-soft);color:var(--sglv-accent);font-size:var(--sglv-fs-sm);font-variant-numeric:tabular-nums;}
.sglv-ptw-strk-note{margin-bottom:10px;padding:8px 10px;border:1px dashed var(--sglv-surface-border);border-radius:var(--sglv-r-sm);font-size:var(--sglv-fs-sm);color:var(--sglv-text-secondary);line-height:1.7;}
.sglv-ptw-strk-cal{display:grid;grid-template-columns:repeat(auto-fill,minmax(13px,1fr));gap:3px;}
.sglv-ptw-strk-cell{aspect-ratio:1;border-radius:3px;background:var(--sglv-surface-2);border:1px solid transparent;cursor:default;}
.sglv-ptw-strk-cell.active{background:var(--sglv-success);border-color:var(--sglv-success);}
.sglv-ptw-strk-cell.idle{background:var(--sglv-surface-border);border-color:var(--sglv-surface-border);}
.sglv-ptw-strk-cell.missing{background:repeating-linear-gradient(45deg,var(--sglv-surface-2) 0 3px,transparent 3px 6px);border-color:var(--sglv-surface-2);}
.sglv-ptw-strk-cell.future{opacity:.25;}
.sglv-ptw-strk-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;font-size:var(--sglv-fs-sm);color:var(--sglv-text-secondary);}
.sglv-ptw-strk-legend span{display:flex;align-items:center;gap:5px;}
.sglv-ptw-strk-legend i{width:11px;height:11px;border-radius:3px;display:inline-block;}
.sglv-ptw-strk-legend i.active{background:var(--sglv-success);}
.sglv-ptw-strk-legend i.idle{background:var(--sglv-surface-border);}
.sglv-ptw-strk-legend i.missing{background:repeating-linear-gradient(45deg,var(--sglv-surface-3) 0 3px,transparent 3px 6px);}
.sglv-ptw-strk-list{display:flex;flex-direction:column;gap:var(--sglv-sp-2);}
.sglv-ptw-strk-row{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;}
.sglv-ptw-strk-rank{font-size:var(--sglv-fs-md);font-weight:700;color:var(--sglv-text-secondary);text-align:center;}
.sglv-ptw-strk-main{min-width:0;}
.sglv-ptw-strk-name{font-size:12.5px;color:var(--sglv-text);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sglv-ptw-strk-bar{height:5px;border-radius:3px;background:var(--sglv-surface-2);overflow:hidden;}
.sglv-ptw-strk-bar span{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--sglv-accent),var(--sglv-purple));}
.sglv-ptw-strk-val{font-size:var(--sglv-fs-md);font-weight:600;color:var(--sglv-accent);font-variant-numeric:tabular-nums;white-space:nowrap;}
.sglv-ptw-strk-first{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:7px;}
.sglv-ptw-strk-first-row{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:9px;padding:7px 9px;border-radius:var(--sglv-r-sm);background:var(--sglv-surface-1);}
.sglv-ptw-strk-first-day{font-size:var(--sglv-fs-sm);color:var(--sglv-amber);font-variant-numeric:tabular-nums;}
.sglv-ptw-strk-first-name{font-size:var(--sglv-fs-md);color:var(--sglv-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sglv-ptw-strk-ms{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:9px;}
.sglv-ptw-strk-ms-item{position:relative;display:flex;gap:10px;padding:10px 12px;border:1px solid var(--sglv-border);border-radius:var(--sglv-r-md);background:var(--sglv-surface-1);opacity:.72;}
.sglv-ptw-strk-ms-item.on{opacity:1;border-color:var(--sglv-amber-strong);background:var(--sglv-amber-wash);}
.sglv-ptw-strk-ms-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:9px;border:1px solid var(--sglv-surface-border);font-size:17px;filter:grayscale(1);}
.sglv-ptw-strk-ms-item.on .sglv-ptw-strk-ms-icon{filter:none;background:var(--sglv-code-bg);}
.sglv-ptw-strk-ms-main{min-width:0;flex:1;}
.sglv-ptw-strk-ms-name{font-size:12.5px;font-weight:600;color:var(--sglv-text);}
.sglv-ptw-strk-ms-tier{font-size:var(--sglv-fs-xs);font-weight:400;margin-left:6px;text-transform:uppercase;letter-spacing:.5px;}
.sglv-ptw-strk-ms-desc{margin:3px 0 6px;font-size:var(--sglv-fs-sm);color:var(--sglv-text-secondary);}
.sglv-ptw-strk-ms-bar{height:4px;border-radius:2px;background:var(--sglv-surface-2);overflow:hidden;}
.sglv-ptw-strk-ms-bar span{display:block;height:100%;border-radius:2px;background:var(--sglv-accent);}
.sglv-ptw-strk-ms-bar.done span{background:var(--sglv-amber);}
.sglv-ptw-strk-ms-prog{margin-top:3px;font-size:10.5px;color:var(--sglv-text-secondary);font-variant-numeric:tabular-nums;}
.sglv-ptw-strk-ms-check{position:absolute;top:8px;right:10px;font-size:14px;font-weight:700;}
@media (max-width:820px){.sglv-ptw-strk-ms{grid-template-columns:1fr;}}
@media (max-width:820px){.sglv-ptw-strk-first{grid-template-columns:1fr;}}
`;
/* v1.0.5: 同框架 CSS 注入,走共享 injectStyleOnce */
function injectCSS() { __sglvPtwInjectStyle('sglv-ptw-strk-style', CSS); }
// ---- 纯算法导出（供单测） ----
root.__SGLV_PTW_STRK_ALGO__ = {
MAX_STREAK_GAP_DAYS, ACTIVE_MIN_MINUTES, YEAR_TOP_N, FIRST_TOP_N,
dayKeyToMs, daysBetween, dailyDeltas, activeDays, computeStreak, yearRanking, firstPlays,
MILESTONES, computeMilestones,
};
// ---- 注册 ----
if (!root.SGLVPTW) {
console.warn('[PTW-TAB-STRK] 框架未就绪，无法注册');
} else {
root.SGLVPTW.registerTab({
key: 'streak',
label: '游玩足迹',
order: 45,
// getOwnedGames 经 ctx.getGames() 间接依赖（nameOf 反查游戏名），保留声明
// v2.21.1 审核修正：'emptyHtml' 声明后从未使用（状态展示走自有 sglv-ptw-strk-state）→ 移除
requires: ['getOwnedGames', 'playtimeHistory', 'ICONS', 'isZh', 'escHtml'],
mount,
});
console.log('[PTW-TAB-STRK] 已注册');
}
})(typeof window !== 'undefined' ? window : globalThis);
${escHtml(r.day)}
${escHtml(nameOf(r.appid))}
`).join('')}