koishi-plugin-fimtale-api 1.0.0 → 1.0.2

package/lib/index.js

@@ -47,7 +47,6 @@ var Config = import_koishi.Schema.object({
   cookies: import_koishi.Schema.string().role("secret").description("浏览器 Cookie (用于解除安全模式，必填)"),
   pollInterval: import_koishi.Schema.number().default(60 * 1e3).description("追更轮询间隔(ms)"),
   autoParseLink: import_koishi.Schema.boolean().default(true).description("自动解析链接为预览卡片"),
-  // 渲染配置 (标准手机比例)
   deviceWidth: import_koishi.Schema.number().default(390).description("阅读器渲染宽度(px)"),
   deviceHeight: import_koishi.Schema.number().default(844).description("阅读器渲染高度(px)"),
   fontSize: import_koishi.Schema.number().default(20).description("正文字号(px)")
@@ -78,7 +77,34 @@ function apply(ctx, config) {
   }, "generateGradient");
   const cleanContent = /* @__PURE__ */ __name((html) => {
     if (!html) return "";
-    return html.replace(/style\s*=\s*['"][^'"]*['"]/gi, "").replace(/<p[^>]*>\s*(?:<br\s*\/?>|&nbsp;|&#160;|\s|　)*\s*<\/p>/gi, "").replace(/(<br\s*\/?>\s*){2,}/gi, "<br>").replace(/<\/p>\s*<br\s*\/?>\s*<p/gi, "</p><p>").replace(/<p[^>]*>\s*<br\s*\/?>/gi, "<p>").replace(/<br\s*\/?>\s*<\/p>/gi, "</p>").replace(/(?:<br\s*\/?>|&nbsp;|\s)+$/gi, "").trim();
+    let processed = html;
+    processed = processed.replace(/<div class="right">[\s\S]*?<\/div>/i, "");
+    processed = processed.replace(/<div class="title-tags"[\s\S]*?<\/div>/i, "");
+    processed = processed.replace(/<p class="status-bar[\s\S]*?<\/p>/i, "");
+    processed = processed.replace(/<div class="card-panel[\s\S]*?<\/div>/i, "");
+    processed = processed.replace(/<script\b[^>]*>([\s\S]*?)<\/script>/gmi, "");
+    processed = processed.replace(/<style\b[^>]*>([\s\S]*?)<\/style>/gmi, "");
+    processed = processed.replace(/<iframe[^>]*>.*?<\/iframe>/gmi, '<p class="align-center" style="color:#999;font-size:0.8em;">[多媒体内容]</p>');
+    processed = processed.replace(
+      /<div class="material-placeholder">([\s\S]*?)<\/div>/gi,
+      (match, content) => {
+        const cleanImg = content.replace(/loading="lazy"/gi, "");
+        return `<figure class="img-box">${cleanImg}</figure>`;
+      }
+    );
+    processed = processed.replace(/<p[^>]*style="[^"]*text-align:\s*right[^"]*"[^>]*>/gi, '<p class="align-right">');
+    processed = processed.replace(/<p[^>]*style="[^"]*text-align:\s*center[^"]*"[^>]*>/gi, '<p class="align-center">');
+    processed = processed.replace(/<p[^>]*style="[^"]*text-indent:\s*0[^"]*"[^>]*>/gi, '<p class="no-indent">');
+    processed = processed.replace(/<\/?div[^>]*>/gi, "");
+    processed = processed.replace(/<blockquote[^>]*>/gi, "<blockquote>");
+    processed = processed.replace(/class=(["'])(?!(align-center|align-right|no-indent|img-box)\1)[^"']*\1/gi, "");
+    processed = processed.replace(/style\s*=\s*['"][^'"]*['"]/gi, "");
+    processed = processed.replace(/<\/?(span|font|o:p)[^>]*>/gi, "");
+    processed = processed.replace(/&nbsp;/gi, " ");
+    processed = processed.replace(/<p[^>]*>\s*<\/p>/gi, "").replace(/<\/p>\s*<br\s*\/?>\s*<p/gi, "</p><p>").replace(/<p[^>]*>\s*(?:<br\s*\/?>|\s)+/gi, "<p>").replace(/(?:<br\s*\/?>|\s)+<\/p>/gi, "</p>");
+    processed = processed.replace(/ +/g, " ");
+    processed = processed.replace(/(?:<br\s*\/?>|\s)+$/gi, "");
+    return processed.trim();
   }, "cleanContent");
   const fontStack = '"Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif';
   const fontSerif = '"Noto Serif SC", "Source Han Serif SC", "SimSun", serif';
@@ -97,12 +123,7 @@ function apply(ctx, config) {
       const params = { APIKey: config.apiKey, APIPass: config.apiPass };
       const res = await ctx.http.get(url, { params });
       if (res.Status !== 1 || !res.TopicInfo) return { valid: false, msg: res.ErrorMessage || "API Error" };
-      return {
-        valid: true,
-        data: res.TopicInfo,
-        parent: res.ParentInfo,
-        menu: res.Menu || []
-      };
+      return { valid: true, data: res.TopicInfo, parent: res.ParentInfo, menu: res.Menu || [] };
     } catch (e) {
       return { valid: false, msg: "Request Failed" };
     }
@@ -129,67 +150,40 @@ function apply(ctx, config) {
         await page.waitForSelector(".card", { timeout: 5e3 });
       } catch {
       }
-      const results = await page.evaluate(() => {
+      return await page.evaluate(() => {
         const items = [];
-        const cards = document.querySelectorAll(".card.topic-card");
-        cards.forEach((card) => {
+        document.querySelectorAll(".card.topic-card").forEach((card) => {
           if (items.length >= 6) return;
           const link = card.querySelector('a[href^="/t/"]');
-          const href = link?.getAttribute("href");
-          const idMatch = href?.match(/^\/t\/(\d+)$/);
-          if (!idMatch) return;
-          const id = idMatch[1];
-          if (items.some((i) => i.id === id)) return;
-          let title = "";
-          const titleEl = card.querySelector(".card-title");
-          if (titleEl) title = titleEl.textContent?.trim() || "";
-          else title = link.textContent?.trim() || "";
-          let author = "Unknown";
-          const authorEl = card.querySelector('a[href^="/u/"] span.grey-text');
-          if (authorEl) author = authorEl.textContent?.trim() || "";
-          let cover = void 0;
-          const imgEl = card.querySelector(".card-image img");
-          if (imgEl) {
-            const src = imgEl.getAttribute("src");
-            if (src && (!src.includes("avatar") || src.includes("upload"))) cover = src;
-          }
+          const id = link?.getAttribute("href")?.match(/^\/t\/(\d+)$/)?.[1];
+          if (!id || items.some((i) => i.id === id)) return;
+          let title = card.querySelector(".card-title")?.textContent?.trim() || link.textContent?.trim() || "";
+          let author = card.querySelector('a[href^="/u/"] span.grey-text')?.textContent?.trim() || "";
+          let cover = card.querySelector(".card-image img")?.getAttribute("src");
+          if (cover && (cover.includes("avatar") && !cover.includes("upload"))) cover = void 0;
           const tags = [];
-          let status = "";
-          card.querySelectorAll(".main-tag-set div").forEach((b) => {
-            const t = b.textContent?.trim();
-            if (t) tags.push(t);
-          });
-          card.querySelectorAll(".chip").forEach((c) => {
+          card.querySelectorAll(".main-tag-set div, .chip").forEach((c) => {
             const t = c.textContent?.trim();
-            if (!t) return;
-            if (["连载中", "已完结", "已弃坑"].includes(t)) status = t;
-            else if (!t.includes("展开其余")) tags.push(t);
+            if (t && !["连载中", "已完结", "已弃坑"].includes(t) && !t.includes("展开")) tags.push(t);
           });
+          const status = Array.from(card.querySelectorAll(".chip")).find((c) => ["连载中", "已完结", "已弃坑"].includes(c.textContent?.trim() || ""))?.textContent?.trim() || "";
           const stats = { views: "0", comments: "0", likes: "0", words: "0" };
-          const actionDiv = card.querySelector(".card-action > div");
-          if (actionDiv) {
-            actionDiv.querySelectorAll("span[title]").forEach((s) => {
-              const t = s.getAttribute("title") || "";
-              const v = s.textContent?.trim().replace(/[^0-9]/g, "") || "0";
-              if (t.includes("字")) stats.words = v;
-              if (t.includes("阅读")) stats.views = v;
-              if (t.includes("评论")) stats.comments = v;
-            });
-          }
-          const greenText = card.querySelector(".left.green-text");
-          if (greenText) stats.likes = greenText.textContent?.replace(/[^0-9]/g, "") || "0";
+          card.querySelectorAll(".card-action > div span[title]").forEach((s) => {
+            const t = s.getAttribute("title") || "";
+            const v = s.textContent?.trim().replace(/[^0-9]/g, "") || "0";
+            if (t.includes("字")) stats.words = v;
+            if (t.includes("阅读")) stats.views = v;
+            if (t.includes("评论")) stats.comments = v;
+          });
+          stats.likes = card.querySelector(".left.green-text")?.textContent?.replace(/[^0-9]/g, "") || "0";
           let updateTime = "";
-          const timeSpan = card.querySelector('div[style*="margin: 3px 0;"] span.grey-text');
-          if (timeSpan) {
-            const txt = timeSpan.textContent || "";
-            const dateMatch = txt.match(/(\d{4}\s*年\s*\d{1,2}\s*月\s*\d{1,2}\s*日)/) || txt.match(/(\d+\s*(?:小时|分钟|天)前)/) || txt.match(/(\d{1,2}\s*月\s*\d{1,2}\s*日)/);
-            if (dateMatch) updateTime = dateMatch[1].replace(/\s/g, "");
-          }
+          const timeTxt = card.querySelector('div[style*="margin: 3px 0;"] span.grey-text')?.textContent || "";
+          const dateMatch = timeTxt.match(/(\d{4}\s*年\s*\d{1,2}\s*月\s*\d{1,2}\s*日)/) || timeTxt.match(/(\d+\s*(?:小时|分钟|天)前)/) || timeTxt.match(/(\d{1,2}\s*月\s*\d{1,2}\s*日)/);
+          if (dateMatch) updateTime = dateMatch[1].replace(/\s/g, "");
           items.push({ id, title, author, cover, tags: tags.slice(0, 8), status, stats, updateTime });
         });
         return items;
       });
-      return results;
     } catch (e) {
       return [];
     } finally {
@@ -200,18 +194,10 @@ function apply(ctx, config) {
     const isChapter = info.IsChapter || !!parent && parent.ID !== info.ID;
     const displayTitle = isChapter && parent ? parent.Title : info.Title;
     let displayCover = null;
-    if (isChapter && parent) {
-      displayCover = parent.Background || extractImage(parent.Content);
-    }
-    if (!displayCover) {
-      displayCover = info.Background || extractImage(info.Content);
-    }
+    if (isChapter && parent) displayCover = parent.Background || extractImage(parent.Content);
+    if (!displayCover) displayCover = info.Background || extractImage(info.Content);
     const displayTagsObj = isChapter && parent ? parent.Tags : info.Tags;
     const subTitle = isChapter ? info.Title : null;
-    const views = info.Views || 0;
-    const comments = info.Comments || 0;
-    const words = info.WordCount || 0;
-    const likes = info.Upvotes || 0;
     const bgStyle = displayCover ? `background-image: url('${displayCover}');` : `background: ${generateGradient(displayTitle)};`;
     let summary = stripHtml(info.Content);
     if (summary.length < 10 && parent && isChapter) summary = stripHtml(parent.Content);
@@ -220,136 +206,73 @@ function apply(ctx, config) {
     const tagsArr = [];
     if (displayTagsObj?.Type) tagsArr.push(displayTagsObj.Type);
     if (displayTagsObj?.Rating && displayTagsObj.Rating !== "E") tagsArr.push(displayTagsObj.Rating);
-    if (displayTagsObj?.OtherTags && Array.isArray(displayTagsObj.OtherTags)) {
-      tagsArr.push(...displayTagsObj.OtherTags);
-    }
-    const displayTags = tagsArr.slice(0, 10);
-    const html = `
-    <!DOCTYPE html>
-    <html>
-    <head>
-      <style>
+    if (displayTagsObj?.OtherTags) tagsArr.push(...displayTagsObj.OtherTags);
+    const html = `<!DOCTYPE html><html><head><style>
         body { margin: 0; padding: 0; font-family: ${fontStack}; background: transparent; }
         .card { width: 620px; height: 360px; background: #fff; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.15); display: flex; overflow: hidden; }
         .cover { width: 220px; height: 100%; ${bgStyle} background-size: cover; background-position: center; position: relative; flex-shrink: 0; }
         .id-tag { position: absolute; top: 12px; left: 12px; background: rgba(0,0,0,0.6); color: #fff; padding: 4px 10px; border-radius: 6px; font-size: 13px; font-weight: bold; backdrop-filter: blur(4px); font-family: monospace; }
         .info { flex: 1; padding: 24px; display: flex; flex-direction: column; overflow: hidden; position: relative; }
-        
-        .header-group { flex-shrink: 0; margin-bottom: 10px; }
-        .title { 
-          font-size: 22px; font-weight: 700; color: #333; line-height: 1.4; 
-          display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; 
-          margin-bottom: 4px;
-        }
-        .subtitle {
-          font-size: 15px; color: #555; font-weight: 500;
-          white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
-          padding-left: 10px; border-left: 3px solid #e91e63;
-          margin-top: 4px;
-        }
+        .title { font-size: 22px; font-weight: 700; color: #333; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 4px; }
+        .subtitle { font-size: 15px; color: #555; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 10px; border-left: 3px solid #e91e63; margin-top: 4px; }
         .author { font-size: 13px; color: #888; margin-top: 6px; font-weight: 400; }
-        
         .tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; flex-shrink: 0; }
         .tag { background: #eff2f5; color: #5c6b7f; padding: 3px 9px; border-radius: 4px; font-size: 11px; font-weight: 500; }
-        .tag-imp { background: #e3f2fd; color: #1565c0; }
-        
         .summary-box { flex: 1; position: relative; overflow: hidden; min-height: 0; }
-        .summary { 
-            font-size: 13px; color: #666; line-height: 1.6; 
-            display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; 
-            padding-bottom: 3px; 
-        }
-
-        .footer { 
-            border-top: 1px solid #eee; padding-top: 14px; 
-            display: flex; justify-content: space-between; 
-            font-size: 12px; color: #888; margin-top: auto; flex-shrink: 0;
-        }
+        .summary { font-size: 13px; color: #666; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; padding-bottom: 3px; }
+        .footer { border-top: 1px solid #eee; padding-top: 14px; display: flex; justify-content: space-between; font-size: 12px; color: #888; margin-top: auto; flex-shrink: 0; }
         .stat b { color: #555; font-weight: bold; margin-right: 2px;}
-      </style>
-    </head>
-    <body>
-      <div class="card">
-        <div class="cover"><div class="id-tag">ID: ${info.ID}</div></div>
+      </style></head><body>
+      <div class="card"><div class="cover"><div class="id-tag">ID: ${info.ID}</div></div>
         <div class="info">
-          <div class="header-group">
-            <div class="title">${displayTitle}</div>
-            ${subTitle ? `<div class="subtitle">${subTitle}</div>` : ""}
-            <div class="author">@${info.UserName}</div>
-          </div>
-          <div class="tags">${displayTags.map((t) => `<span class="tag ${["文", "译", "R"].includes(t) ? "tag-imp" : ""}">${t}</span>`).join("")}</div>
+          <div class="header-group"><div class="title">${displayTitle}</div>${subTitle ? `<div class="subtitle">${subTitle}</div>` : ""}<div class="author">@${info.UserName}</div></div>
+          <div class="tags">${tagsArr.slice(0, 10).map((t) => `<span class="tag">${t}</span>`).join("")}</div>
           <div class="summary-box"><div class="summary">${summary}</div></div>
           <div class="footer">
-            <span class="stat"><b style="color:#009688">热度</b>${views}</span>
-            <span class="stat"><b style="color:#673ab7">评论</b>${comments}</span>
-            <span class="stat"><b style="color:#4caf50">赞</b>${likes}</span>
-            <span class="stat"><b style="color:#795548">字数</b>${words}</span>
-          </div>
-        </div>
-      </div>
-    </body></html>`;
+            <span class="stat"><b style="color:#009688">热度</b>${info.Views || 0}</span><span class="stat"><b style="color:#673ab7">评论</b>${info.Comments || 0}</span>
+            <span class="stat"><b style="color:#4caf50">赞</b>${info.Upvotes || 0}</span><span class="stat"><b style="color:#795548">字数</b>${info.WordCount || 0}</span>
+          </div></div></div></body></html>`;
     const page = await ctx.puppeteer.page();
     await injectCookies(page);
     await page.setContent(html);
     await page.setViewport({ width: 660, height: 480, deviceScaleFactor: 2 });
-    const el = await page.$(".card");
-    const img = await el.screenshot({ type: "png" });
+    const img = await page.$(".card").then((e) => e.screenshot({ type: "png" }));
     await page.close();
     return img;
   }, "renderCard");
   const renderSearchResults = /* @__PURE__ */ __name(async (keyword, results) => {
-    const html = `
-    <!DOCTYPE html>
-    <html>
-    <head>
-      <style>
+    const html = `<!DOCTYPE html><html><head><style>
         body { margin: 0; padding: 0; font-family: ${fontStack}; width: 500px; background: transparent; }
         .container { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.15); margin: 10px; }
         .header { background: #fafafa; padding: 15px 20px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; }
         .header-title { font-size: 16px; font-weight: bold; color: #333; }
-        .list { padding: 0; }
         .item { display: flex; padding: 15px; border-bottom: 1px solid #f5f5f5; height: 110px; align-items: flex-start; }
-        .cover-box { width: 75px; height: 100%; border-radius: 6px; overflow: hidden; flex-shrink: 0; margin-right: 15px; background: #eee; position: relative; }
+        .cover-box { width: 75px; height: 100%; border-radius: 6px; overflow: hidden; flex-shrink: 0; margin-right: 15px; background: #eee; }
         .cover-img { width: 100%; height: 100%; object-fit: cover; }
         .content { flex: 1; display: flex; flex-direction: column; justify-content: space-between; height: 100%; min-width: 0; }
         .top-row { display: flex; justify-content: space-between; align-items: flex-start; }
-        .title { font-size: 16px; font-weight: bold; color: #222; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 4px; flex:1; margin-right: 8px;}
+        .title { font-size: 16px; font-weight: bold; color: #222; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; flex:1; margin-right: 8px;}
         .id-badge { background: #455a64; color: #fff; padding: 2px 6px; border-radius: 4px; font-family: monospace; font-size: 11px; font-weight: bold; flex-shrink: 0; }
         .author { font-size: 12px; color: #666; }
         .tags { display: flex; gap: 4px; flex-wrap: wrap; height: 18px; overflow: hidden; margin-top: 4px; }
         .tag { background: #f3f3f3; color: #666; padding: 0 5px; border-radius: 3px; font-size: 10px; white-space: nowrap; line-height: 1.6;}
         .meta-row { display: flex; gap: 10px; font-size: 11px; color: #999; margin-top: auto; border-top: 1px dashed #eee; padding-top: 5px; }
         .stat b { margin-right: 1px; font-weight: bold; }
-      </style>
-    </head>
-    <body>
-      <div class="container">
-        <div class="header"><div class="header-title">🔍 "${keyword}"</div><div>Top ${results.length}</div></div>
-        <div class="list">
+      </style></head><body><div class="container"><div class="header"><div class="header-title">🔍 "${keyword}"</div><div>Top ${results.length}</div></div><div class="list">
           ${results.map((r) => {
       const bg = r.cover ? `<img class="cover-img" src="${r.cover}"/>` : `<div style="width:100%;height:100%;background:${generateGradient(r.title)}"></div>`;
-      const stats = [
-        r.stats.views && r.stats.views != "0" ? `<span class="stat" style="color:#009688"><b>热</b>${r.stats.views}</span>` : "",
-        r.stats.comments && r.stats.comments != "0" ? `<span class="stat" style="color:#673ab7"><b>评</b>${r.stats.comments}</span>` : "",
-        r.stats.likes && r.stats.likes != "0" ? `<span class="stat" style="color:#4caf50"><b>赞</b>${r.stats.likes}</span>` : "",
-        r.updateTime ? `<span class="stat" style="margin-left:auto;color:#757575">${r.updateTime}</span>` : ""
-      ].join("");
       return `<div class="item"><div class="cover-box">${bg}</div><div class="content">
               <div class="top-row"><div class="title">${r.title}</div><div class="id-badge">ID: ${r.id}</div></div>
               <div class="author">By ${r.author} ${r.status ? ` · ${r.status}` : ""}</div>
               <div class="tags">${r.tags.map((t) => `<span class="tag">${t}</span>`).join("")}</div>
-              <div class="meta-row">${stats || "No Data"}</div>
+              <div class="meta-row"><span style="color:#009688"><b>热</b>${r.stats.views}</span><span style="color:#673ab7"><b>评</b>${r.stats.comments}</span><span style="color:#4caf50"><b>赞</b>${r.stats.likes}</span><span style="margin-left:auto;color:#757575">${r.updateTime}</span></div>
             </div></div>`;
     }).join("")}
-        </div>
-      </div>
-    </body></html>`;
+        </div></div></body></html>`;
     const page = await ctx.puppeteer.page();
     await page.setContent(html);
     await page.setViewport({ width: 550, height: 800, deviceScaleFactor: 2 });
-    await sleep(300);
-    const el = await page.$(".container");
-    const img = await el.screenshot({ type: "png" });
+    const img = await page.$(".container").then((e) => e.screenshot({ type: "png" }));
     await page.close();
     return img;
   }, "renderSearchResults");
@@ -359,7 +282,7 @@ function apply(ctx, config) {
     const footerHeight = 30;
     const paddingX = 25;
     const paddingY = 20;
-    const lineHeightRatio = 1.8;
+    const lineHeightRatio = 1.6;
     const contentWidth = config.deviceWidth - paddingX * 2;
     const columnGap = 40;
     const maxContentHeight = config.deviceHeight - headerHeight - footerHeight;
@@ -367,88 +290,93 @@ function apply(ctx, config) {
     const linesPerPage = Math.floor((maxContentHeight - paddingY * 2) / lineHeightPx);
     const optimalContentHeight = linesPerPage * lineHeightPx + paddingY * 2;
     const marginTop = Math.floor((maxContentHeight - optimalContentHeight) / 2) + headerHeight;
-    const html = `
-    <!DOCTYPE html>
-    <html>
-    <head>
-      <style>
+    const html = `<!DOCTYPE html><html><head><style>
         body { margin: 0; padding: 0; width: ${config.deviceWidth}px; height: ${config.deviceHeight}px; background-color: #f6f4ec; color: #2c2c2c; font-family: ${fontSerif}; overflow: hidden; position: relative;}
+        .fixed-header { position: absolute; top: 0; left: 0; width: 100%; height: ${headerHeight}px; border-bottom: 1px solid #d7ccc8; box-sizing: border-box; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; font-size: 12px; color: #8d6e63; background: #f6f4ec; z-index: 5; font-weight: bold; }
+        .fixed-footer { position: absolute; bottom: 0; left: 0; width: 100%; height: ${footerHeight}px; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #aaa; background: #f6f4ec; z-index: 5; }
+        #viewport { position: absolute; top: ${marginTop}px; left: ${paddingX}px; width: ${contentWidth}px; height: ${optimalContentHeight}px; overflow: hidden; }
         
-        .fixed-header {
-           position: absolute; top: 0; left: 0; width: 100%; height: ${headerHeight}px;
-           border-bottom: 1px solid #d7ccc8; box-sizing: border-box;
-           padding: 0 20px; display: flex; align-items: center; justify-content: space-between;
-           font-size: 12px; color: #8d6e63; background: #f6f4ec; z-index: 5; font-weight: bold;
+        #content-scroller { 
+            height: 100%; width: 100%; 
+            column-width: ${contentWidth}px; column-gap: ${columnGap}px; column-fill: auto; 
+            padding: ${paddingY}px 0; box-sizing: border-box; 
+            font-size: ${config.fontSize}px; line-height: ${lineHeightRatio}; 
+            text-align: left; /* 修正：左对齐防止空格拉伸 */
+            transform: translateX(0); transition: none; 
         }
         
-        .fixed-footer {
-           position: absolute; bottom: 0; left: 0; width: 100%; height: ${footerHeight}px;
-           display: flex; align-items: center; justify-content: center;
-           font-size: 12px; color: #aaa; background: #f6f4ec; z-index: 5;
-        }
-
-        /* 视口容器：限定只显示一页内容 */
-        #viewport {
-           position: absolute;
-           top: ${marginTop}px;
-           left: ${paddingX}px;
-           width: ${contentWidth}px;
-           height: ${optimalContentHeight}px;
-           overflow: hidden;
-        }
-
-        /* 长条容器：包含所有列 */
-        #content-scroller {
-           height: 100%;
-           width: 100%;
-           
-           /* CSS Columns 布局 */
-           column-width: ${contentWidth}px;
-           column-gap: ${columnGap}px;
-           column-fill: auto;
-           
-           padding: ${paddingY}px 0;
-           box-sizing: border-box;
-           
-           font-size: ${config.fontSize}px; 
-           line-height: ${lineHeightRatio}; 
-           text-align: justify;
-           
-           transform: translateX(0);
-           transition: none;
-        }
+        /* 基础文本 */
+        p, div { margin: 0 0 0.2em 0; text-indent: 2em; word-wrap: break-word; overflow-wrap: break-word; }
         
-        /* 段落间距优化：0.4em 是一个平衡点，紧凑但区分清晰 */
-        p { 
-            margin: 0 0 0.4em 0; 
-            text-indent: 2em; 
-        }
-        /* 防止最后一段下边距导致额外分页 */
-        p:last-child { margin-bottom: 0; }
+        /* 辅助类 */
+        .align-center { text-align: center !important; text-align-last: center !important; text-indent: 0 !important; margin: 0.8em 0; font-weight: bold; color: #5d4037; }
+        .align-right { text-align: right !important; text-indent: 0 !important; margin-top: 0.5em; color: #666; font-style: italic; }
+        .no-indent { text-indent: 0 !important; }
+        
+        /* 富文本支持 */
+        blockquote { margin: 1em 0.5em; padding-left: 1em; border-left: 4px solid #d7ccc8; color: #666; }
+        blockquote p { text-indent: 0; margin: 0.3em 0; }
+        
+        ul, ol { margin: 0.5em 0; padding-left: 1.5em; }
+        li { margin-bottom: 0.2em; }
+        
+        hr { border: 0; height: 1px; background: #d7ccc8; margin: 1.5em 0; }
+        
+        table { width: 100%; border-collapse: collapse; margin: 1em 0; font-size: 0.9em; }
+        th, td { border: 1px solid #ccc; padding: 4px; text-align: left; }
+        th { background: #eee; font-weight: bold; }
         
-        img { max-width: 100%; height: auto; display: block; margin: 10px auto; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); }
-        h1, h2, h3 { font-size: 1.1em; margin: 0.8em 0; color: #5d4037; text-indent: 0; font-weight: bold; break-after: avoid; break-inside: avoid; }
-      </style>
-    </head>
-    <body>
-      <div class="fixed-header">
-         <span>${info.Title.substring(0, 12) + (info.Title.length > 12 ? "..." : "")}</span>
-         <span>${info.UserName}</span>
-      </div>
-      
-      <div id="viewport">
-        <div id="content-scroller">
-           ${content}
-        </div>
-      </div>
+        pre { background: #eee; padding: 0.5em; overflow-x: auto; border-radius: 4px; margin: 0.5em 0; }
+        code { font-family: monospace; background: #f0f0f0; padding: 2px 4px; border-radius: 3px; }
+        
+        s, strike, del { text-decoration: line-through; color: #888; }
+        u { text-decoration: underline; }
+        sup, sub { font-size: 0.75em; line-height: 0; position: relative; vertical-align: baseline; }
+        sup { top: -0.5em; }
+        sub { bottom: -0.25em; }
+        
+        a { color: #0277bd; text-decoration: none; }
 
-      <div class="fixed-footer" id="page-indicator">- 1 -</div>
-    </body></html>`;
+        /* 图片 (使用 figure 替代 div) */
+        figure.img-box { display: flex; justify-content: center; align-items: center; margin: 0.5em 0; width: 100%; }
+        img { max-width: 100%; height: auto; display: block; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); }
+        
+        /* 标题 */
+        h1, h2, h3 { font-size: 1.1em; margin: 0.8em 0; color: #5d4037; text-indent: 0; font-weight: bold; text-align: center; text-align-last: center; break-after: avoid; }
+        
+        strong, b { font-weight: 900; color: #3e2723; }
+        em, i { font-style: italic; }
+        
+        p:last-child { margin-bottom: 0; }
+      </style></head><body>
+      <div class="fixed-header"><span>${info.Title.substring(0, 12) + (info.Title.length > 12 ? "..." : "")}</span><span>${info.UserName}</span></div>
+      <div id="viewport"><div id="content-scroller">${content}</div></div>
+      <div class="fixed-footer" id="page-indicator">- 1 -</div></body></html>`;
     const page = await ctx.puppeteer.page();
     try {
       await injectCookies(page);
       await page.setContent(html);
       await page.setViewport({ width: config.deviceWidth, height: config.deviceHeight, deviceScaleFactor: 2 });
+      await page.evaluate(async () => {
+        await document.fonts.ready;
+        await new Promise((resolve) => {
+          const imgs2 = Array.from(document.images);
+          if (!imgs2.length) return resolve(true);
+          let loaded = 0;
+          imgs2.forEach((img) => {
+            if (img.complete) {
+              loaded++;
+              if (loaded === imgs2.length) resolve(true);
+            } else {
+              img.onload = img.onerror = () => {
+                loaded++;
+                if (loaded === imgs2.length) resolve(true);
+              };
+            }
+          });
+          setTimeout(resolve, 3e3);
+        });
+      });
       const scrollWidth = await page.$eval("#content-scroller", (el) => el.scrollWidth);
       const step = contentWidth + columnGap;
       const totalPages = Math.floor((scrollWidth + columnGap - 10) / step) + 1;
@@ -460,8 +388,7 @@ function apply(ctx, config) {
           document.getElementById("content-scroller").style.transform = `translateX(${offset}px)`;
           document.getElementById("page-indicator").innerText = `- ${curr} / ${total} -`;
         }, i, step, i + 1, finalPages);
-        const img = await page.screenshot({ type: "jpeg", quality: 80 });
-        imgs.push(img);
+        imgs.push(await page.screenshot({ type: "jpeg", quality: 80 }));
       }
       return imgs;
     } finally {
@@ -472,8 +399,7 @@ function apply(ctx, config) {
     if (!threadId) return "请输入ID";
     const res = await fetchThread(threadId);
     if (!res.valid) return `[错误] ${res.msg}`;
-    const img = await renderCard(res.data, res.parent);
-    return session.send(import_koishi.h.image(img, "image/png"));
+    return session.send(import_koishi.h.image(await renderCard(res.data, res.parent), "image/png"));
   });
   ctx.command("ft.read <threadId:string>", "阅读章节").action(async ({ session }, threadId) => {
     if (!threadId) return "请输入ID";
@@ -503,8 +429,7 @@ function apply(ctx, config) {
     if (!id) return "[错误] 获取失败";
     const res = await fetchThread(id);
     if (!res.valid) return `[错误] ID:${id} 读取失败`;
-    const img = await renderCard(res.data, res.parent);
-    await session.send(import_koishi.h.image(img, "image/png"));
+    await session.send(import_koishi.h.image(await renderCard(res.data, res.parent), "image/png"));
     return `Tip: 发送 /ft.read ${res.data.ID} 阅读全文`;
   });
   ctx.command("ft.search <keyword:text>", "搜索作品").action(async ({ session }, keyword) => {
@@ -512,8 +437,7 @@ function apply(ctx, config) {
     await session.send("[加载中] 搜索中...");
     const results = await searchThreads(keyword);
     if (!results.length) return "未找到结果。";
-    const img = await renderSearchResults(keyword, results);
-    await session.send(import_koishi.h.image(img, "image/png"));
+    await session.send(import_koishi.h.image(await renderSearchResults(keyword, results), "image/png"));
     const exampleId = results[0]?.id || "12345";
     return `Tip: 发送 /ft.read [ID] 阅读 (例: /ft.read ${exampleId})`;
   });
@@ -525,8 +449,7 @@ function apply(ctx, config) {
     if (!res.valid) return "帖子不存在";
     await ctx.database.create("fimtale_subs", { cid: session.cid, threadId, lastCount: res.data.Comments, lastCheck: Date.now() });
     await session.send("[成功] 订阅成功");
-    const img = await renderCard(res.data, res.parent);
-    return session.send(import_koishi.h.image(img, "image/png"));
+    return session.send(import_koishi.h.image(await renderCard(res.data, res.parent), "image/png"));
   });
   ctx.command("ft.unsub <threadId:string>", "退订").action(async ({ session }, threadId) => {
     const res = await ctx.database.remove("fimtale_subs", { cid: session.cid, threadId });
@@ -538,8 +461,7 @@ function apply(ctx, config) {
     if (match && match[1] && session.userId !== session.selfId) {
       const res = await fetchThread(match[1]);
       if (res.valid) {
-        const img = await renderCard(res.data, res.parent);
-        session.send(import_koishi.h.image(img, "image/png"));
+        session.send(import_koishi.h.image(await renderCard(res.data, res.parent), "image/png"));
       }
     }
     return next();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "koishi-plugin-fimtale-api",
   "description": "Koishi插件，从fimtale搜索/订阅/随机获取小说/解析链接等",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",
   "files": [