koishi-plugin-codex-reset 0.1.3 → 0.1.5

package/lib/index.js

@@ -3,12 +3,23 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Config = exports.inject = exports.name = void 0;
 exports.apply = apply;
 const koishi_1 = require("koishi");
+const node_crypto_1 = require("node:crypto");
+const promises_1 = require("node:fs/promises");
+const node_path_1 = require("node:path");
 const calendar_1 = require("./calendar");
 const history_1 = require("./history");
 const event_1 = require("./event");
 const probability_1 = require("./probability");
 const stats_1 = require("./stats");
 exports.name = 'codex-reset';
+const MAX_NOTIFICATION_AGE_MS = 48 * 60 * 60 * 1000;
+const MAX_PENDING_AGE_MS = 48 * 60 * 60 * 1000;
+const MAX_API_RESPONSE_BYTES = 4 * 1024 * 1024;
+const MAX_HISTORY_EVENTS = 120;
+const MAX_CONCURRENT_RENDERS = 2;
+const RENDER_START_INTERVAL_MS = 3000;
+class RenderBusyError extends Error {
+}
 exports.inject = {
     optional: ['puppeteer'],
 };
@@ -125,36 +136,85 @@ function isSnapshot(value) {
 function eventSummary(event) {
     const kind = event.type === 'direct_reset' ? 'Codex 额度重置' : 'Codex 重置卡发放';
     const status = event.status === 'announced' ? '预告' : '已确认';
-    const scope = event.scope ? `（范围：${event.scope}）` : '';
-    const schedule = event.schedule?.label ? `\n时间：${event.schedule.label}` : '';
-    const source = event.posts[0]?.url ? `\n来源：${event.posts[0].url}` : '';
+    const scope = event.scope ? `（范围：${event.scope.slice(0, 200)}）` : '';
+    let schedule = '';
+    if (event.status === 'announced' && event.schedule?.label) {
+        schedule = `\n预计时间：${event.schedule.label.slice(0, 200)}`;
+    }
+    else if (event.status === 'confirmed' && event.occurredOn) {
+        schedule = `\n发生日期：${event.occurredOn}（北京时间）`;
+    }
+    else if (event.status === 'confirmed' && event.confirmedAt) {
+        const confirmedAt = new Intl.DateTimeFormat('zh-CN', {
+            timeZone: 'Asia/Shanghai', dateStyle: 'medium', timeStyle: 'short',
+        }).format(new Date(event.confirmedAt));
+        schedule = `\n确认时间：${confirmedAt}`;
+    }
+    const source = event.posts[0]?.url ? `\n来源：${event.posts[0].url.slice(0, 500)}` : '';
     return `${kind}${status}${scope}${schedule}${source}`;
 }
-async function sendToTargets(ctx, targets, content) {
-    let sent = 0;
-    const sentBindings = new Set();
+function stageKeys(event) {
+    return [`id:${event.status}:${event.id}`];
+}
+function isRecent(timestamp, now) {
+    return Number.isFinite(timestamp) && timestamp <= now + 5 * 60 * 1000 && now - timestamp <= MAX_NOTIFICATION_AGE_MS;
+}
+function isRecentEventDay(value, now) {
+    const timestamp = Date.parse(`${value}T12:00:00+08:00`);
+    // occurredOn has day precision. Today's noon may still be in the future
+    // when a morning confirmation arrives.
+    return Number.isFinite(timestamp) && timestamp <= now + 12 * 60 * 60 * 1000
+        && now - timestamp <= MAX_NOTIFICATION_AGE_MS;
+}
+function isFreshNotification(event, now, wasAnnounced) {
+    if (event.status === 'announced')
+        return isRecent(Date.parse(event.createdAt), now);
+    // A fresh confirmation can be attached to a much older reset. Never revive
+    // that historical event merely because the API filled in confirmedAt today.
+    if (event.occurredOn && !isRecentEventDay(event.occurredOn, now))
+        return false;
+    if (!event.occurredOn && event.schedule?.through
+        && now - Date.parse(event.schedule.through) > MAX_NOTIFICATION_AGE_MS)
+        return false;
+    if (event.confirmedAt)
+        return isRecent(Date.parse(event.confirmedAt), now);
+    if (event.occurredOn)
+        return isRecentEventDay(event.occurredOn, now);
+    return (wasAnnounced || isRecent(Date.parse(event.createdAt), now))
+        && isRecent(Date.parse(event.updatedAt), now);
+}
+async function sendToTargets(ctx, targets, content, deliveredBindings, onDelivered) {
+    const delivered = new Set(deliveredBindings);
+    let complete = true;
     for (const target of targets) {
         const channelId = target.channelId?.trim();
         if (!channelId)
             continue;
         const bots = [...ctx.bots].filter((bot) => !target.platform?.trim() || bot.platform === target.platform.trim());
-        for (const bot of bots) {
-            // A blank-platform target already covers explicit platform targets. Send only once
-            // per platform/channel binding, while still trying another bot if the first fails.
-            const key = `${bot.platform}\u0000${channelId}`;
-            if (sentBindings.has(key))
+        if (!bots.length)
+            complete = false;
+        for (const platform of new Set(bots.map((bot) => bot.platform))) {
+            const key = `${platform}\u0000${channelId}`;
+            if (delivered.has(key))
                 continue;
-            try {
-                await bot.sendMessage(channelId, content);
-                sentBindings.add(key);
-                sent++;
-            }
-            catch (error) {
-                ctx.logger('codex-reset').warn(`发送到 ${bot.platform}:${target.channelId} 失败：${error instanceof Error ? error.message : String(error)}`);
+            for (const bot of bots.filter((candidate) => candidate.platform === platform)) {
+                try {
+                    await bot.sendMessage(channelId, content);
+                }
+                catch (error) {
+                    ctx.logger('codex-reset').warn(`发送到 ${bot.platform}:${target.channelId} 失败：${error instanceof Error ? error.message : String(error)}`);
+                    continue;
+                }
+                delivered.add(key);
+                deliveredBindings.push(key);
+                await onDelivered();
+                break;
             }
+            if (!delivered.has(key))
+                complete = false;
         }
     }
-    return sent;
+    return complete;
 }
 class CodexResetMonitor {
     ctx;
@@ -163,9 +223,21 @@ class CodexResetMonitor {
     etag = null;
     pollPromise = null;
     disposed = false;
+    statePath;
+    stateLoaded;
+    seenStages = new Set();
+    pending = new Map();
+    initialized = false;
+    activeRenders = 0;
+    nextRenderAllowedAt = 0;
     constructor(ctx, config) {
         this.ctx = ctx;
         this.config = config;
+        const instanceId = (0, node_crypto_1.createHash)('sha256')
+            .update(JSON.stringify({ apiUrl: config.apiUrl, targets: config.targets }))
+            .digest('hex').slice(0, 16);
+        this.statePath = (0, node_path_1.join)(ctx.baseDir, 'data', 'codex-reset', `${instanceId}.json`);
+        this.stateLoaded = this.loadState();
     }
     get currentSnapshot() {
         return this.snapshot;
@@ -196,16 +268,22 @@ class CodexResetMonitor {
     }
     async performPoll() {
         try {
+            await this.stateLoaded;
             const result = await this.fetchSnapshot();
-            if (result.notModified || !result.snapshot)
-                return;
-            const previous = this.snapshot;
-            this.snapshot = result.snapshot;
-            this.etag = result.etag ?? this.etag;
-            // The API returns a complete, mutable snapshot. The first fetch is a baseline.
-            if (!previous)
-                return;
-            await this.notifyChanges(previous, result.snapshot);
+            if (!result.notModified && result.snapshot) {
+                this.snapshot = result.snapshot;
+                this.etag = result.etag ?? this.etag;
+                if (!this.initialized) {
+                    // A fresh installation starts with the entire current snapshot as its baseline.
+                    for (const event of result.snapshot.events)
+                        this.markSeen(event);
+                    this.initialized = true;
+                }
+                else {
+                    this.captureChanges(result.snapshot, Date.now());
+                }
+            }
+            await this.flushPending();
         }
         catch (error) {
             this.ctx.logger('codex-reset').warn(`获取 AIHOT 重置事件失败：${error instanceof Error ? error.message : String(error)}`);
@@ -216,36 +294,149 @@ class CodexResetMonitor {
         const browser = this.ctx.puppeteer;
         if (!snapshot || !browser)
             return null;
-        return (0, calendar_1.renderCalendarImage)(browser, snapshot.events);
+        return this.withRenderSlot(() => (0, calendar_1.renderCalendarImage)(browser, snapshot.events));
     }
     async createHistoryImage(events, now = new Date()) {
         const snapshot = await this.ensureSnapshot();
         const browser = this.ctx.puppeteer;
         if (!snapshot || !browser)
             return null;
-        return (0, history_1.renderHistoryImage)(browser, events ?? snapshot.events, now);
+        return this.withRenderSlot(() => (0, history_1.renderHistoryImage)(browser, events ?? snapshot.events, now));
     }
     async createProbabilityImage(summary) {
         const browser = this.ctx.puppeteer;
         if (!browser)
             return null;
-        return (0, probability_1.renderProbabilityImage)(browser, summary);
+        return this.withRenderSlot(() => (0, probability_1.renderProbabilityImage)(browser, summary));
     }
     async createLatestResetImage(summary, now = new Date()) {
         const browser = this.ctx.puppeteer;
         if (!browser)
             return null;
-        return (0, event_1.renderLatestResetImage)(browser, summary, now);
+        return this.withRenderSlot(() => (0, event_1.renderLatestResetImage)(browser, summary, now));
+    }
+    async withRenderSlot(render) {
+        const now = Date.now();
+        if (this.activeRenders >= MAX_CONCURRENT_RENDERS || now < this.nextRenderAllowedAt) {
+            throw new RenderBusyError('图片生成任务较多');
+        }
+        this.nextRenderAllowedAt = now + RENDER_START_INTERVAL_MS;
+        this.activeRenders++;
+        try {
+            return await render();
+        }
+        finally {
+            this.activeRenders--;
+        }
+    }
+    async loadState() {
+        try {
+            const state = JSON.parse(await (0, promises_1.readFile)(this.statePath, 'utf8'));
+            if (!isRecord(state) || state.version !== 1 || !Array.isArray(state.seenStages) || !Array.isArray(state.pending)) {
+                throw new Error('状态文件格式无效');
+            }
+            this.initialized = state.initialized === true;
+            for (const key of state.seenStages) {
+                if (typeof key === 'string')
+                    this.seenStages.add(key);
+            }
+            for (const item of state.pending) {
+                if (!isRecord(item) || typeof item.key !== 'string' || typeof item.message !== 'string'
+                    || typeof item.createdAt !== 'number' || !Array.isArray(item.deliveredBindings))
+                    continue;
+                this.pending.set(item.key, {
+                    key: item.key,
+                    message: item.message,
+                    createdAt: item.createdAt,
+                    deliveredBindings: item.deliveredBindings.filter((key) => typeof key === 'string'),
+                });
+            }
+        }
+        catch (error) {
+            if (isRecord(error) && error.code === 'ENOENT')
+                return;
+            this.ctx.logger('codex-reset').warn(`读取推送状态失败，将重新建立基线：${error instanceof Error ? error.message : String(error)}`);
+        }
     }
-    async fetchSnapshot(ignoreEtag = false) {
+    async saveState() {
+        const state = {
+            version: 1,
+            initialized: this.initialized,
+            seenStages: [...this.seenStages],
+            pending: [...this.pending.values()],
+        };
+        const temporaryPath = `${this.statePath}.${process.pid}.tmp`;
+        try {
+            await (0, promises_1.mkdir)((0, node_path_1.dirname)(this.statePath), { recursive: true });
+            await (0, promises_1.writeFile)(temporaryPath, JSON.stringify(state), 'utf8');
+            await (0, promises_1.rename)(temporaryPath, this.statePath);
+        }
+        catch (error) {
+            this.ctx.logger('codex-reset').warn(`保存推送状态失败：${error instanceof Error ? error.message : String(error)}`);
+            throw error;
+        }
+    }
+    markSeen(event) {
+        for (const key of stageKeys(event))
+            this.seenStages.add(key);
+    }
+    captureChanges(current, now) {
+        for (const event of current.events) {
+            const keys = stageKeys(event);
+            const alreadySeen = keys.some((key) => this.seenStages.has(key));
+            const wasAnnounced = this.seenStages.has(`id:announced:${event.id}`);
+            this.markSeen(event);
+            if (alreadySeen || !isFreshNotification(event, now, wasAnnounced))
+                continue;
+            if (event.status === 'announced' && !this.config.pushAnnouncements)
+                continue;
+            if (event.status === 'confirmed' && !this.config.pushConfirmedResets)
+                continue;
+            const message = event.status === 'announced'
+                ? `📢 Codex 重置预告\n${eventSummary(event)}`
+                : `✅ Codex 重置事件\n${eventSummary(event)}`;
+            if (!this.config.targets.length) {
+                this.ctx.logger('codex-reset').info(`检测到新事件，但未配置推送目标：\n${message}`);
+                continue;
+            }
+            const key = keys[0];
+            this.pending.set(key, { key, message, createdAt: now, deliveredBindings: [] });
+        }
+    }
+    async flushPending() {
+        // Persist the observed stages and queue before sending. This also repairs
+        // a previous write failure when the next API response is 304.
+        await this.saveState();
+        let changed = false;
+        for (const [key, item] of this.pending) {
+            if (Date.now() - item.createdAt > MAX_PENDING_AGE_MS) {
+                this.ctx.logger('codex-reset').warn(`推送超过 48 小时仍未完成，已放弃：${key}`);
+                this.pending.delete(key);
+                changed = true;
+                continue;
+            }
+            const content = this.config.mentionAll
+                ? [(0, koishi_1.h)('at', { type: 'all' }), koishi_1.h.text(`\n${item.message}`)]
+                : item.message;
+            const deliveredCount = item.deliveredBindings.length;
+            const complete = await sendToTargets(this.ctx, this.config.targets, content, item.deliveredBindings, () => this.saveState());
+            if (complete)
+                this.pending.delete(key);
+            if (complete || deliveredCount !== item.deliveredBindings.length)
+                changed = true;
+        }
+        if (changed)
+            await this.saveState();
+    }
+    async fetchSnapshot() {
         const controller = new AbortController();
         const timeout = setTimeout(() => controller.abort(), this.config.requestTimeout);
         try {
             const headers = {
                 Accept: 'application/json',
-                'User-Agent': 'koishi-plugin-codex-reset/0.1.3',
+                'User-Agent': 'koishi-plugin-codex-reset/0.1.5',
             };
-            if (!ignoreEtag && this.etag && this.snapshot)
+            if (this.etag && this.snapshot)
                 headers['If-None-Match'] = this.etag;
             const response = await fetch(this.config.apiUrl, {
                 method: 'GET',
@@ -256,12 +447,29 @@ class CodexResetMonitor {
                 return { snapshot: null, etag: this.etag, notModified: true };
             }
             if (response.status === 304)
-                return this.fetchSnapshot(true);
-            if (!response.ok) {
-                const detail = (await response.text()).slice(0, 300).replace(/\s+/g, ' ');
-                throw new Error(`HTTP ${response.status}${detail ? `：${detail}` : ''}`);
+                throw new Error('服务端在没有本地快照时返回了 304');
+            if (!response.ok)
+                throw new Error(`HTTP ${response.status}`);
+            const declaredLength = Number(response.headers.get('content-length'));
+            if (declaredLength > MAX_API_RESPONSE_BYTES)
+                throw new Error('API 响应超过 4 MiB');
+            if (!response.body)
+                throw new Error('API 响应没有内容');
+            const reader = response.body.getReader();
+            const chunks = [];
+            let size = 0;
+            while (true) {
+                const { done, value } = await reader.read();
+                if (done)
+                    break;
+                size += value.byteLength;
+                if (size > MAX_API_RESPONSE_BYTES) {
+                    await reader.cancel();
+                    throw new Error('API 响应超过 4 MiB');
+                }
+                chunks.push(value);
             }
-            const body = await response.json();
+            const body = JSON.parse(Buffer.concat(chunks).toString('utf8'));
             if (!isSnapshot(body))
                 throw new Error('响应格式不符合 Codex 重置 API v1');
             return {
@@ -274,29 +482,6 @@ class CodexResetMonitor {
             clearTimeout(timeout);
         }
     }
-    async notifyChanges(previous, current) {
-        const previousById = new Map(previous.events.map((event) => [event.id, event]));
-        const messages = [];
-        for (const event of current.events) {
-            const oldEvent = previousById.get(event.id);
-            if (event.status === 'announced' && this.config.pushAnnouncements && !oldEvent) {
-                messages.push(`📢 Codex 重置预告\n${eventSummary(event)}`);
-            }
-            if (event.status === 'confirmed' && this.config.pushConfirmedResets && (!oldEvent || oldEvent.status === 'announced')) {
-                messages.push(`✅ Codex 重置事件\n${eventSummary(event)}`);
-            }
-        }
-        for (const message of messages) {
-            if (!this.config.targets.length) {
-                this.ctx.logger('codex-reset').info(`检测到新事件，但未配置推送目标：\n${message}`);
-                continue;
-            }
-            const content = this.config.mentionAll
-                ? [(0, koishi_1.h)('at', { type: 'all' }), koishi_1.h.text(`\n${message}`)]
-                : message;
-            await sendToTargets(this.ctx, this.config.targets, content);
-        }
-    }
 }
 function apply(ctx, config) {
     const monitor = new CodexResetMonitor(ctx, config);
@@ -321,6 +506,8 @@ function apply(ctx, config) {
             return koishi_1.h.image(image, 'image/png');
         }
         catch (error) {
+            if (error instanceof RenderBusyError)
+                return (0, stats_1.formatProbability)(summary);
             ctx.logger('codex-reset').warn(`生成概率卡片失败：${error instanceof Error ? error.message : String(error)}`);
             return (0, stats_1.formatProbability)(summary);
         }
@@ -344,6 +531,8 @@ function apply(ctx, config) {
             return koishi_1.h.image(image, 'image/png');
         }
         catch (error) {
+            if (error instanceof RenderBusyError)
+                return (0, stats_1.formatLatestReset)(snapshot, now);
             ctx.logger('codex-reset').warn(`生成最近重置卡片失败：${error instanceof Error ? error.message : String(error)}`);
             return (0, stats_1.formatLatestReset)(snapshot, now);
         }
@@ -360,6 +549,8 @@ function apply(ctx, config) {
             return koishi_1.h.image(image, 'image/png');
         }
         catch (error) {
+            if (error instanceof RenderBusyError)
+                return '图片生成任务较多，请稍后再试。';
             ctx.logger('codex-reset').warn(`生成日历图片失败：${error instanceof Error ? error.message : String(error)}`);
             return '日历图片生成失败，请检查 Puppeteer 服务和中文字体。';
         }
@@ -379,12 +570,16 @@ function apply(ctx, config) {
                 ? 'all'
                 : Math.max(1, Math.min(120, Math.floor(Math.abs(range ?? 1))));
             const events = (0, history_1.filterHistoryEvents)(snapshot.events, now, historyRange);
+            if (events.length > MAX_HISTORY_EVENTS)
+                return `历史事件超过 ${MAX_HISTORY_EVENTS} 条，请缩小查询的月份范围。`;
             const image = await monitor.createHistoryImage(events, now);
             if (!image)
                 return '暂时无法生成历史时间线图片，请稍后再试。';
             return koishi_1.h.image(image, 'image/png');
         }
         catch (error) {
+            if (error instanceof RenderBusyError)
+                return '图片生成任务较多，请稍后再试。';
             ctx.logger('codex-reset').warn(`生成历史时间线图片失败：${error instanceof Error ? error.message : String(error)}`);
             return '历史时间线图片生成失败，请检查 Puppeteer 服务和中文字体。';
         }

package/lib/probability.js

@@ -34,10 +34,10 @@ function formatGeneratedAt(now) {
     }).format(now);
 }
 function metricCard(label, value, note, tone) {
-    return `<div class="metric ${tone}">
-    <div class="metric-label">${escapeHtml(label)}</div>
-    <div class="metric-value">${escapeHtml(value)}</div>
-    <div class="metric-note">${escapeHtml(note)}</div>
+    return `<div class="metric ${tone}">
+    <div class="metric-label">${escapeHtml(label)}</div>
+    <div class="metric-value">${escapeHtml(value)}</div>
+    <div class="metric-note">${escapeHtml(note)}</div>
   </div>`;
 }
 function renderProbabilityHtml(summary, now = new Date()) {
@@ -45,92 +45,92 @@ function renderProbabilityHtml(summary, now = new Date()) {
     const directRatio = ratio(summary.directResetCount, confirmedTotal);
     const creditRatio = ratio(summary.resetCreditCount, confirmedTotal);
     const recentDate = summary.lastConfirmedDate ?? '暂无记录';
-    return `<!doctype html>
-<html lang="zh-CN">
-<head>
-  <meta charset="utf-8">
-  <style>
-    * { box-sizing: border-box; }
-    html, body { margin: 0; padding: 0; background: #f4f6f5; color: #27343c; font-family: "Avenir Next", "PingFang SC", "Microsoft YaHei", sans-serif; }
-    body { padding: 26px; }
-    .card { position: relative; width: 1120px; min-height: 680px; overflow: hidden; padding: 38px 44px 30px; border: 1px solid #d2dadd; border-radius: 16px; background: radial-gradient(circle at 82% 12%, rgba(8, 118, 139, .07), transparent 30%), radial-gradient(circle at 10% 96%, rgba(184, 134, 59, .07), transparent 28%), #fff; box-shadow: 0 16px 38px rgba(42, 58, 64, .10); }
-    .card::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .32; background-image: linear-gradient(rgba(8, 118, 139, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(8, 118, 139, .05) 1px, transparent 1px); background-size: 34px 34px; mask-image: linear-gradient(to bottom, rgba(0,0,0,.42), transparent 72%); }
-    .content { position: relative; z-index: 1; }
-    .topline { display: flex; align-items: flex-start; justify-content: space-between; }
-    .eyebrow { color: #08768b; font-size: 11px; font-weight: 700; letter-spacing: .22em; }
-    .source { color: #6f7d83; font-size: 11px; line-height: 1.6; text-align: right; }
-    h1 { margin: 22px 0 8px; color: #27343c; font-size: 34px; font-weight: 700; letter-spacing: -.04em; }
-    .subtitle { margin: 0; color: #6f7d83; font-size: 14px; }
-    .rule { width: 100%; height: 1px; margin: 26px 0 22px; background: linear-gradient(90deg, rgba(8, 118, 139, .36), rgba(8, 118, 139, .08), transparent); }
-    .metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
-    .metric { position: relative; min-height: 186px; padding: 22px 24px; overflow: hidden; border: 1px solid #c8dedd; border-radius: 13px; background: #eef7f6; }
-    .metric::after { content: ""; position: absolute; right: -28px; bottom: -58px; width: 180px; height: 180px; border: 1px solid rgba(8, 118, 139, .18); border-radius: 50%; box-shadow: 0 0 0 18px rgba(8, 118, 139, .035), 0 0 0 36px rgba(8, 118, 139, .018); }
-    .metric.seven { background: #faf6ee; border-color: #e2d8c5; }
-    .metric.seven::after { border-color: rgba(184, 134, 59, .22); box-shadow: 0 0 0 18px rgba(184, 134, 59, .035), 0 0 0 36px rgba(184, 134, 59, .018); }
-    .metric-label { color: #6f7d83; font-size: 13px; }
-    .metric-value { margin-top: 7px; color: #08768b; font-family: Georgia, "Times New Roman", serif; font-size: 66px; font-weight: 700; letter-spacing: -.07em; line-height: 1; }
-    .metric.seven .metric-value { color: #a27831; }
-    .metric-note { margin-top: 14px; color: #52646a; font-size: 12px; }
-    .lower { display: grid; grid-template-columns: 1.15fr .85fr; gap: 16px; margin-top: 16px; }
-    .panel { padding: 18px 20px; border: 1px solid #d2dadd; border-radius: 13px; background: #fbfcfc; }
-    .panel h2 { margin: 0 0 15px; color: #27343c; font-size: 14px; }
-    .sample-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
-    .sample { padding-right: 10px; border-right: 1px solid #e0e5e6; }
-    .sample:last-child { border-right: 0; }
-    .sample-value { color: #27343c; font-size: 22px; font-weight: 700; }
-    .sample-label { margin-top: 4px; color: #6f7d83; font-size: 11px; }
-    .bar-row { display: grid; grid-template-columns: 76px 1fr 42px; align-items: center; gap: 9px; margin: 12px 0; color: #52646a; font-size: 11px; }
-    .bar { height: 7px; overflow: hidden; border-radius: 99px; background: #e4ecec; }
-    .bar span { display: block; height: 100%; border-radius: inherit; background: #71c8bd; }
-    .bar-row.credit .bar span { background: #d8ad5f; }
-    .bar-percent { color: #27343c; text-align: right; }
-    .recent { display: flex; align-items: center; justify-content: space-between; padding-top: 15px; margin-top: 16px; border-top: 1px solid #e0e5e6; }
-    .recent-label { color: #6f7d83; font-size: 11px; }
-    .recent-date { color: #a27831; font-size: 15px; font-weight: 700; }
-    .footer { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-top: 22px; color: #7a888d; font-size: 10px; line-height: 1.65; }
-    .footer strong { color: #52646a; font-weight: 600; }
-    .mark { color: #08768b; font-size: 11px; font-weight: 700; letter-spacing: .08em; white-space: nowrap; }
-  </style>
-</head>
-<body>
-  <main class="card">
-    <div class="content">
-      <header class="topline">
-        <div class="eyebrow">CODEX RESET / PUBLIC HISTORY</div>
-        <div class="source">AIHOT · ASIA/SHANGHAI<br>生成于 ${escapeHtml(formatGeneratedAt(now))}</div>
-      </header>
-      <h1>Codex 重置概率分析</h1>
-      <p class="subtitle">基于当前公开历史快照的经验统计，不是官方预测</p>
-      <div class="rule"></div>
-
-      <section class="metrics">
-        ${metricCard('未来 24 小时', percentage(summary.next24hProbability), '至少出现一个公开重置事件', 'day')}
-        ${metricCard('未来 7 天', percentage(summary.next7dProbability), '至少出现一个公开重置事件', 'seven')}
-      </section>
-
-      <section class="lower">
-        <div class="panel">
-          <h2>样本概览</h2>
-          <div class="sample-grid">
-            <div class="sample"><div class="sample-value">${summary.observedDays}</div><div class="sample-label">天观察样本</div></div>
-            <div class="sample"><div class="sample-value">${summary.confirmedCount}</div><div class="sample-label">条已确认</div></div>
-            <div class="sample"><div class="sample-value">${summary.activeDays}</div><div class="sample-label">个事件日</div></div>
-            <div class="sample"><div class="sample-value">${summary.announcedCount}</div><div class="sample-label">条未重置预告</div></div>
-          </div>
-          <div class="recent"><span class="recent-label">最近确认日期</span><span class="recent-date">${escapeHtml(recentDate)}</span></div>
-        </div>
-        <div class="panel">
-          <h2>已确认事件构成</h2>
-          <div class="bar-row"><span>全员重置</span><div class="bar"><span style="width:${directRatio}"></span></div><span class="bar-percent">${summary.directResetCount}</span></div>
-          <div class="bar-row credit"><span>重置卡</span><div class="bar"><span style="width:${creditRatio}"></span></div><span class="bar-percent">${summary.resetCreditCount}</span></div>
-          <div class="recent"><span class="recent-label">历史事件日率</span><span class="recent-date">${(summary.dailyEventDayRate * 100).toFixed(2)}% / 天</span></div>
-        </div>
-      </section>
-
-      <footer class="footer"><span><strong>说明：</strong>概率由历史事件日率进行经验估计，不代表你的账户一定会获得重置。</span><span class="mark">RESET MONITOR</span></footer>
-    </div>
-  </main>
-</body>
+    return `<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <style>
+    * { box-sizing: border-box; }
+    html, body { margin: 0; padding: 0; background: #f4f6f5; color: #27343c; font-family: "Avenir Next", "PingFang SC", "Microsoft YaHei", sans-serif; }
+    body { padding: 26px; }
+    .card { position: relative; width: 1120px; min-height: 680px; overflow: hidden; padding: 38px 44px 30px; border: 1px solid #d2dadd; border-radius: 16px; background: radial-gradient(circle at 82% 12%, rgba(8, 118, 139, .07), transparent 30%), radial-gradient(circle at 10% 96%, rgba(184, 134, 59, .07), transparent 28%), #fff; box-shadow: 0 16px 38px rgba(42, 58, 64, .10); }
+    .card::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .32; background-image: linear-gradient(rgba(8, 118, 139, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(8, 118, 139, .05) 1px, transparent 1px); background-size: 34px 34px; mask-image: linear-gradient(to bottom, rgba(0,0,0,.42), transparent 72%); }
+    .content { position: relative; z-index: 1; }
+    .topline { display: flex; align-items: flex-start; justify-content: space-between; }
+    .eyebrow { color: #08768b; font-size: 11px; font-weight: 700; letter-spacing: .22em; }
+    .source { color: #6f7d83; font-size: 11px; line-height: 1.6; text-align: right; }
+    h1 { margin: 22px 0 8px; color: #27343c; font-size: 34px; font-weight: 700; letter-spacing: -.04em; }
+    .subtitle { margin: 0; color: #6f7d83; font-size: 14px; }
+    .rule { width: 100%; height: 1px; margin: 26px 0 22px; background: linear-gradient(90deg, rgba(8, 118, 139, .36), rgba(8, 118, 139, .08), transparent); }
+    .metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
+    .metric { position: relative; min-height: 186px; padding: 22px 24px; overflow: hidden; border: 1px solid #c8dedd; border-radius: 13px; background: #eef7f6; }
+    .metric::after { content: ""; position: absolute; right: -28px; bottom: -58px; width: 180px; height: 180px; border: 1px solid rgba(8, 118, 139, .18); border-radius: 50%; box-shadow: 0 0 0 18px rgba(8, 118, 139, .035), 0 0 0 36px rgba(8, 118, 139, .018); }
+    .metric.seven { background: #faf6ee; border-color: #e2d8c5; }
+    .metric.seven::after { border-color: rgba(184, 134, 59, .22); box-shadow: 0 0 0 18px rgba(184, 134, 59, .035), 0 0 0 36px rgba(184, 134, 59, .018); }
+    .metric-label { color: #6f7d83; font-size: 13px; }
+    .metric-value { margin-top: 7px; color: #08768b; font-family: Georgia, "Times New Roman", serif; font-size: 66px; font-weight: 700; letter-spacing: -.07em; line-height: 1; }
+    .metric.seven .metric-value { color: #a27831; }
+    .metric-note { margin-top: 14px; color: #52646a; font-size: 12px; }
+    .lower { display: grid; grid-template-columns: 1.15fr .85fr; gap: 16px; margin-top: 16px; }
+    .panel { padding: 18px 20px; border: 1px solid #d2dadd; border-radius: 13px; background: #fbfcfc; }
+    .panel h2 { margin: 0 0 15px; color: #27343c; font-size: 14px; }
+    .sample-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
+    .sample { padding-right: 10px; border-right: 1px solid #e0e5e6; }
+    .sample:last-child { border-right: 0; }
+    .sample-value { color: #27343c; font-size: 22px; font-weight: 700; }
+    .sample-label { margin-top: 4px; color: #6f7d83; font-size: 11px; }
+    .bar-row { display: grid; grid-template-columns: 76px 1fr 42px; align-items: center; gap: 9px; margin: 12px 0; color: #52646a; font-size: 11px; }
+    .bar { height: 7px; overflow: hidden; border-radius: 99px; background: #e4ecec; }
+    .bar span { display: block; height: 100%; border-radius: inherit; background: #71c8bd; }
+    .bar-row.credit .bar span { background: #d8ad5f; }
+    .bar-percent { color: #27343c; text-align: right; }
+    .recent { display: flex; align-items: center; justify-content: space-between; padding-top: 15px; margin-top: 16px; border-top: 1px solid #e0e5e6; }
+    .recent-label { color: #6f7d83; font-size: 11px; }
+    .recent-date { color: #a27831; font-size: 15px; font-weight: 700; }
+    .footer { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-top: 22px; color: #7a888d; font-size: 10px; line-height: 1.65; }
+    .footer strong { color: #52646a; font-weight: 600; }
+    .mark { color: #08768b; font-size: 11px; font-weight: 700; letter-spacing: .08em; white-space: nowrap; }
+  </style>
+</head>
+<body>
+  <main class="card">
+    <div class="content">
+      <header class="topline">
+        <div class="eyebrow">CODEX RESET / PUBLIC HISTORY</div>
+        <div class="source">AIHOT · ASIA/SHANGHAI<br>生成于 ${escapeHtml(formatGeneratedAt(now))}</div>
+      </header>
+      <h1>Codex 重置概率分析</h1>
+      <p class="subtitle">基于当前公开历史快照的经验统计，不是官方预测</p>
+      <div class="rule"></div>
+
+      <section class="metrics">
+        ${metricCard('未来 24 小时', percentage(summary.next24hProbability), '至少出现一个公开重置事件', 'day')}
+        ${metricCard('未来 7 天', percentage(summary.next7dProbability), '至少出现一个公开重置事件', 'seven')}
+      </section>
+
+      <section class="lower">
+        <div class="panel">
+          <h2>样本概览</h2>
+          <div class="sample-grid">
+            <div class="sample"><div class="sample-value">${summary.observedDays}</div><div class="sample-label">天观察样本</div></div>
+            <div class="sample"><div class="sample-value">${summary.confirmedCount}</div><div class="sample-label">条已确认</div></div>
+            <div class="sample"><div class="sample-value">${summary.activeDays}</div><div class="sample-label">个事件日</div></div>
+            <div class="sample"><div class="sample-value">${summary.announcedCount}</div><div class="sample-label">条未重置预告</div></div>
+          </div>
+          <div class="recent"><span class="recent-label">最近确认日期</span><span class="recent-date">${escapeHtml(recentDate)}</span></div>
+        </div>
+        <div class="panel">
+          <h2>已确认事件构成</h2>
+          <div class="bar-row"><span>全员重置</span><div class="bar"><span style="width:${directRatio}"></span></div><span class="bar-percent">${summary.directResetCount}</span></div>
+          <div class="bar-row credit"><span>重置卡</span><div class="bar"><span style="width:${creditRatio}"></span></div><span class="bar-percent">${summary.resetCreditCount}</span></div>
+          <div class="recent"><span class="recent-label">历史事件日率</span><span class="recent-date">${(summary.dailyEventDayRate * 100).toFixed(2)}% / 天</span></div>
+        </div>
+      </section>
+
+      <footer class="footer"><span><strong>说明：</strong>概率由历史事件日率进行经验估计，不代表你的账户一定会获得重置。</span><span class="mark">RESET MONITOR</span></footer>
+    </div>
+  </main>
+</body>
 </html>`;
 }
 async function renderProbabilityImage(browser, summary, now = new Date()) {