yz-yuki-plugin 2.0.3-7 → 2.0.4-1

package/CHANGELOG.md

@@ -1,3 +1,6 @@
+# 2.0.4
+* 添加截图列队，优化配置文件注释
+
 # 2.0.3
 * 优化截图、静态资源引入方式
 * 优化获取完整文章动态

package/README.md

@@ -170,8 +170,8 @@ https://m.weibo.cn/u/7643376782 # 7643376782 为崩坏星穹铁道博主uid
 ||||
 | **微博功能** | ------------------------- | ---------- |
 | 添加微博推送 | 检测博主的微博动态进行推送，权限：Master，可选分类：视频、图文、文章，不加分类则默认全部 | `#订阅微博推送uid` `#订阅微博推送 图文 uid` |
-| 取消微博推送 | 删除对应博主的微博对应类型的动态推送，权限：Master，可选分类：视频、图文、文章，不加分类则默认全部 | `#取消微博推送uid` `#取消B站推送 图文 uid` |
-| 查看微博订阅列表 | 查看本Bot所有的B站订阅列表，权限：Bot的Master | `#微博全部订阅列表` |
+| 取消微博推送 | 删除对应博主的微博对应类型的动态推送，权限：Master，可选分类：视频、图文、文章，不加分类则默认全部 | `#取消微博推送uid` `#取消微博推送 图文 uid` |
+| 查看微博订阅列表 | 查看本Bot所有的微博订阅列表，权限：Bot的Master | `#微博全部订阅列表` |
 | 查看本群/私聊微博订阅列表 | 查看 本群/私聊 添加的微博订阅列表 | `#微博订阅列表` |
 | 手动推送微博订阅 | 手动触发定时推送任务，权限：Bot的Master | `#执行微博任务` |
 | 查看博主信息 | 通过uid查看博主信息 | `#微博博主 uid` |
@@ -192,7 +192,7 @@ https://m.weibo.cn/u/7643376782 # 7643376782 为崩坏星穹铁道博主uid
 
 # 🧩 五、支持与贡献
 
-如果你喜欢这个项目，请不妨点个 Star🌟，这是对开发者最大的动力，呜咪~❤️
+如果你喜欢这个项目，请不妨点个 Star🌟，这是对开发者最大的动力，呜咪~❤️ 
 
 有意见或者建议也欢迎提交 [Issues](https://github.com/snowtafir/yuki-plugin/issues) 和 [Pull requests](https://github.com/snowtafir/yuki-plugin/pulls)。
 

package/defaultConfig/bilibili/config.yaml

@@ -8,10 +8,10 @@ pushStatus: 1
 # "0 5,35,51 * * * *" #每小时固定第5分0秒、第35分0秒、第51分0秒检测一次，共3次/h
 pushTime: "*/23  * * * *"
 
-# 推送检测间隔，单位为秒，默认7200秒即2小时
+# 推送监测间隔，单位为秒，默认7200秒即2小时，即以当前时间为基准，监测过去2小时内的动态，并推送。取值范围：3600-36000秒，即过去的1-10h。应大于pushTime的周期。
 interval: 7200
 
-# 是否推送转发的动态 1 - 推送 0 - 不推送
+# 全部订阅的转发动态是否推送： 默认 1 - 开启推送， 0 - 关闭推送。 如果仅仅需要关闭单个订阅的转发动态推送，使用分类订阅指令不包含 转发 分类即可，无需修改此配置。
 pushTransmit: 1
 
 # 推送动态时，限制发送多少张图片

package/defaultConfig/weibo/config.yaml

@@ -8,10 +8,10 @@ pushStatus: 1
 # "0 5,35,51 * * * *" #每小时固定第5分0秒、第35分0秒、第51分0秒检测一次，共3次/h
 pushTime: "*/23  * * * *"
 
-# 推送检测间隔，单位为秒，默认7200秒即2小时
+# 推送监测间隔，单位为秒，默认7200秒即2小时，即以当前时间为基准，监测过去2小时内的动态，并推送。取值范围：3600-36000秒，即过去的1-10h。应大于pushTime的周期。
 interval: 7200
 
-# 是否推送转发的动态 1 - 推送 0 - 不推送
+# 全部订阅的转发动态是否推送： 默认 1 - 开启推送， 0 - 关闭推送。 如果仅仅需要关闭单个订阅的转发动态推送，使用分类订阅指令不包含 转发 分类即可，无需修改此配置。
 pushTransmit: 1
 
 # 推送动态时，限制发送多少张图片

package/lib/apps/help.js

@@ -1,5 +1,5 @@
 import { Messages, Segment } from 'yunzai';
-import Image from '../utils/image.js';
+import { renderPage } from '../utils/image.js';
 import Help from '../models/help/help.js';
 
 const message = new Messages('message');
@@ -26,7 +26,7 @@ message.use(async (e) => {
         isSplit: false,
         modelName: 'yukiHelp',
     };
-    const helpImg = await Image.renderPage("help", "Help", renderData, ScreenshotOptionsData);
+    const helpImg = await renderPage("help", "Help", renderData, ScreenshotOptionsData);
     let imgRes;
     if (helpImg !== false) {
         const { img } = helpImg;

package/lib/apps/version.js

@@ -1,5 +1,5 @@
 import { Messages, Segment } from 'yunzai';
-import Image from '../utils/image.js';
+import { renderPage } from '../utils/image.js';
 import VersionData from '../models/version/version.js';
 
 const message = new Messages('message');
@@ -23,7 +23,7 @@ message.use(async (e) => {
         isSplit: false,
         modelName: 'yukiVersion',
     };
-    const helpImg = await Image.renderPage("version", "Version", renderData, ScreenshotOptionsData);
+    const helpImg = await renderPage("version", "Version", renderData, ScreenshotOptionsData);
     let imgRes;
     if (helpImg !== false) {
         const { img } = helpImg;

package/lib/models/bilibili/bilibili.models.js

@@ -7,7 +7,7 @@ import path from 'path';
 import QRCode from 'qrcode';
 import YAML from 'yaml';
 import { Segment, Bot, Redis } from 'yunzai';
-import Image from '../../utils/image.js';
+import { renderPage } from '../../utils/image.js';
 import { _paths } from '../../utils/paths.js';
 import { BiliApi } from './bilibili.api.js';
 
@@ -36,7 +36,7 @@ async function applyLoginQRCode(e) {
             saveHtmlfile: false,
             modelName: "bili-login"
         };
-        const qrCodeImage = await Image.renderPage("bili-login", "LoginQrcodePage", LoginPropsData, ScreenshotOptionsData);
+        const qrCodeImage = await renderPage("bili-login", "LoginQrcodePage", LoginPropsData, ScreenshotOptionsData);
         let qrcodeImg;
         if (qrCodeImage !== false) {
             const { img } = qrCodeImage;

package/lib/models/bilibili/bilibili.task.js

@@ -1,7 +1,7 @@
 import QRCode from 'qrcode';
 import { Redis, Bot, Segment } from 'yunzai';
 import Config from '../../utils/config.js';
-import Image from '../../utils/image.js';
+import { renderPage } from '../../utils/image.js';
 import { BiliGetWebData } from './bilibili.get.web.data.js';
 import { readSyncCookie, postGateway } from './bilibili.models.js';
 import { BiliQuery } from './bilibili.query.js';
@@ -278,7 +278,7 @@ class BiliTask {
      * @returns 图片数据
      */
     async renderDynamicCard(uid, renderData, ScreenshotOptionsData) {
-        const dynamicMsg = await Image.renderPage(uid, "MainPage", renderData, ScreenshotOptionsData); // 渲染动态卡片
+        const dynamicMsg = await renderPage(uid, "MainPage", renderData, ScreenshotOptionsData); // 渲染动态卡片
         if (dynamicMsg !== false) {
             return dynamicMsg.img; // 缓存图片数据
         }

package/lib/models/weibo/weibo.task.js

@@ -1,7 +1,7 @@
 import QRCode from 'qrcode';
 import { Redis, Bot, Segment } from 'yunzai';
 import Config from '../../utils/config.js';
-import Image from '../../utils/image.js';
+import { renderPage } from '../../utils/image.js';
 import { WeiboGetWebData } from './weibo.get.web.data.js';
 import { WeiboQuery } from './weibo.query.js';
 
@@ -152,7 +152,7 @@ class WeiboTask {
             if (!imgs)
                 return;
             Redis.set(`${markKey}${chatId}:${id_str}`, "1", { EX: 3600 * 10 }); // 设置已发送标记
-            (logger ?? Bot.logger)?.mark("优纪插件：B站动态执行推送");
+            (logger ?? Bot.logger)?.mark("优纪插件：微博动态执行推送");
             for (let i = 0; i < imgs.length; i++) {
                 const image = imgs[i];
                 await this.sendMessage(chatId, bot_id, chatType, Segment.image(image));
@@ -244,7 +244,7 @@ class WeiboTask {
      * @returns 图片数据
      */
     async renderDynamicCard(uid, renderData, ScreenshotOptionsData) {
-        const dynamicMsg = await Image.renderPage(uid, "MainPage", renderData, ScreenshotOptionsData); // 渲染动态卡片
+        const dynamicMsg = await renderPage(uid, "MainPage", renderData, ScreenshotOptionsData); // 渲染动态卡片
         if (dynamicMsg !== false) {
             return dynamicMsg.img; // 缓存图片数据
         }

package/lib/utils/image.d.ts

@@ -1,22 +1,15 @@
-import { Picture, ComponentCreateOpsionType } from 'react-puppeteer';
+import { ComponentCreateOpsionType } from 'react-puppeteer';
 import { ScreenshotOptions } from '@/utils/puppeteer.render';
-export declare class Image extends Picture {
-    private yukiPuppeteerRender;
-    /**
-     * 整合截图方法
-     */
-    constructor();
-    /**
-   * @param uid 唯一标识符
-   * @param page 组件名称
-   * @param props 传入的组件参数
-   * @param ComponentCreateOpsion 组件创建选项
-   * @param ScreenshotOptions 截图选项
-   * @returns {false | {img: buffer[]}}
-   */
-    renderPage<T = any>(uid: number | string, page: string, props?: T, ScreenshotOptions?: ScreenshotOptions, ComponentCreateOpsion?: ComponentCreateOpsionType): Promise<false | {
-        img: Buffer[];
-    }>;
-}
-declare const _default: Image;
-export default _default;
+/**
+ * 渲染列队中的任务
+ * @param uid 唯一标识符
+ * @param page 组件名称
+ * @param props 传入的组件参数
+ * @param ComponentCreateOpsion 组件创建选项
+ * @param ScreenshotOptions 截图选项
+ * @returns {false | {img: buffer[]}}
+ */
+declare const renderPage: <T = any>(uid: number | string, page: string, props?: T, ScreenshotOptions?: ScreenshotOptions, ComponentCreateOpsion?: ComponentCreateOpsionType) => Promise<false | {
+    img: Buffer[];
+}>;
+export { renderPage };

package/lib/utils/image.js

@@ -3,30 +3,36 @@ import { Picture } from 'react-puppeteer';
 import { YukiPuppeteerRender } from './puppeteer.render.js';
 import * as index from '../components/index.js';
 
+// 定义 Image 类，继承自 Picture 类
 class Image extends Picture {
+    // 私有属性，用于存储 YukiPuppeteerRender 实例
     yukiPuppeteerRender;
     /**
-     * 整合截图方法
+     * 构造函数，整合截图方法
      */
     constructor() {
-        // 继承实例
+        // 继承父类实例
         super();
         // 组件渲染对象
         this.Com;
-        // start puppeteer
+        // 启动 Puppeteer
         this.Pup.start();
+        // 初始化 YukiPuppeteerRender 实例
         this.yukiPuppeteerRender = new YukiPuppeteerRender(this.Pup);
     }
     /**
-   * @param uid 唯一标识符
-   * @param page 组件名称
-   * @param props 传入的组件参数
-   * @param ComponentCreateOpsion 组件创建选项
-   * @param ScreenshotOptions 截图选项
-   * @returns {false | {img: buffer[]}}
-   */
-    async renderPage(uid, page, props = {}, ScreenshotOptions, ComponentCreateOpsion) {
+     * 实例方法，用于执行实际的渲染和截图操作
+     * @param uid 唯一标识符
+     * @param page 组件名称
+     * @param props 传入的组件参数
+     * @param ComponentCreateOpsion 组件创建选项
+     * @param ScreenshotOptions 截图选项
+     * @returns {false | {img: buffer[]}}
+     */
+    async _renderPage(uid, page, props = {}, ScreenshotOptions, ComponentCreateOpsion) {
+        // 根据组件名称获取对应的 React 组件
         const Page = index[page];
+        // 调用 yukiPuppeteerRender 进行截图操作
         return this.yukiPuppeteerRender.yukiScreenshot(this.Com.compile({
             join_dir: page,
             html_name: `${uid}.html`,
@@ -35,7 +41,60 @@ class Image extends Picture {
         }), ScreenshotOptions);
     }
 }
-// 初始化 图片生成对象
-var Image$1 = new Image();
+// 存储单例实例
+let instance = null;
+// 存储任务队列
+const queue = [];
+// 标记当前是否有任务正在处理
+let isProcessing = false;
+/**
+ * 处理队列中的任务
+ */
+const processQueue = async () => {
+    // 如果队列为空，设置 isProcessing 为 false 并返回
+    if (queue.length === 0) {
+        isProcessing = false;
+        return;
+    }
+    // 设置 isProcessing 为 true，表示有任务正在处理
+    isProcessing = true;
+    // 从队列中取出第一个任务
+    const { uid, page, props, ScreenshotOptions, ComponentCreateOpsion, resolve, reject } = queue.shift();
+    try {
+        // 调用实例方法 renderPage 执行任务
+        const img = await instance._renderPage(uid, page, props, ScreenshotOptions, ComponentCreateOpsion);
+        // 任务成功完成，调用 resolve 回调函数
+        resolve(img);
+    }
+    catch (error) {
+        // 任务失败，打印错误信息并调用 reject 回调函数
+        console.error(error);
+        reject(false);
+    }
+    // 处理下一个任务
+    processQueue();
+};
+/**
+ * 渲染列队中的任务
+ * @param uid 唯一标识符
+ * @param page 组件名称
+ * @param props 传入的组件参数
+ * @param ComponentCreateOpsion 组件创建选项
+ * @param ScreenshotOptions 截图选项
+ * @returns {false | {img: buffer[]}}
+ */
+const renderPage = async (uid, page, props = {}, ScreenshotOptions, ComponentCreateOpsion) => {
+    if (!instance) {
+        instance = new Image();
+    }
+    return new Promise((resolve, reject) => {
+        // 将任务添加到队列中
+        queue.push({ uid, page, props, ScreenshotOptions, ComponentCreateOpsion, resolve, reject });
+        // 如果没有任务正在处理，则开始处理队列
+        if (!isProcessing) {
+            processQueue();
+        }
+    });
+};
 
-export { Image, Image$1 as default };
+export { renderPage };

package/lib/utils/puppeteer.render.js

@@ -49,20 +49,13 @@ class YukiPuppeteerRender {
             const boundingBox = await element.boundingBox(); // 获取内容区域的边界框信息
             const num = Options?.isSplit ? Math.ceil(boundingBox.height / pageHeight) : 1; // 根据是否需要分片，计算分片数量，默认为 1
             pageHeight = Math.round(boundingBox.height / num); //动态调整分片高度，防止过短影响观感。
-            await page.setViewport({
-                width: boundingBox.width + 50,
-                height: pageHeight + 100
-            });
+            await page.setViewport({ width: boundingBox.width + 50, height: pageHeight + 100 });
             // 根据 style 的值来修改 CSS 样式
             if (Options?.addStyle) {
-                await page.addStyleTag({
-                    content: Options.addStyle,
-                });
+                await page.addStyleTag({ content: Options.addStyle, });
             }
             // 禁止 GIF 动图播放
-            await page.addStyleTag({
-                content: `img[src$=".gif"] {animation-play-state: paused !important;}`
-            });
+            await page.addStyleTag({ content: `img[src$=".gif"] {animation-play-state: paused !important;}` });
             // 是否保存 html 文件
             if (Options?.saveHtmlfile === true) {
                 const htmlContent = await page.content();
@@ -73,15 +66,11 @@ class YukiPuppeteerRender {
                 fs__default.writeFileSync(`${Dir}${Date.now()}.html`, htmlContent);
             }
             logger.info('[puppeteer] success');
-            let numSun = 0;
             let start = Date.now();
             const ret = new Array();
-            let buff;
             for (let i = 1; i <= num; i++) {
                 if (i > 1) {
-                    await page.evaluate(pageHeight => {
-                        window.scrollBy(0, pageHeight); // 在页面上下文中执行滚动操作
-                    }, pageHeight);
+                    await page.evaluate(pageHeight => { window.scrollBy(0, pageHeight); }, pageHeight); // 在页面上下文中执行滚动操作
                     await new Promise((resolve) => setTimeout(resolve, 500)); // 等待一段时间，确保页面加载完成
                 }
                 let renderOptions = Options?.SOptions ?? { type: 'png' };
@@ -94,16 +83,15 @@ class YukiPuppeteerRender {
                         height: Math.min(pageHeight, boundingBox.height - pageHeight * (i - 1)), // 截图区域的高度取决于内容区域剩余的高度或者默认的分片高度
                     },
                 };
-                buff = await element.screenshot(screenshotOptions).catch(err => {
+                const buff = await element.screenshot(screenshotOptions).catch(err => {
                     logger.error('[puppeteer]', 'screenshot', err);
                     return false;
                 }); // 对指定区域进行截图
-                numSun++; // 增加截图次数
                 if (buff !== false) {
-                    let imgBuff = !Buffer.isBuffer(buff) ? Buffer.from(buff) : buff;
+                    const imgBuff = !Buffer.isBuffer(buff) ? Buffer.from(buff) : buff;
                     /** 计算图片大小 */
                     const kb = (imgBuff?.length / 1024).toFixed(2) + "kb"; // 计算图片大小
-                    logger.mark(`[图片生成][${name}][${numSun}次] ${kb} ${logger.green(`${Date.now() - start}ms`)}`); // 记录日志
+                    logger.mark(`[图片生成][${name}][${i}次] ${kb} ${logger.green(`${Date.now() - start}ms`)}`); // 记录日志
                     ret.push(imgBuff); // 将截图结果添加到数组中
                 }
                 else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yz-yuki-plugin",
-  "version": "2.0.3-7",
+  "version": "2.0.4-1",
   "description": "优纪插件，yunzaijs 关于 微博推送、B站推送 等功能的拓展插件",
   "author": "snowtafir",
   "type": "module",
@@ -34,7 +34,7 @@
     "qrcode": "^1.5.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-puppeteer": "^1.0.7-rc.0",
+    "react-puppeteer": "^1.0.7",
     "redis": "^4.7.0",
     "yaml": "^2.5.1",
     "yarn": "^1.19.1"
@@ -76,7 +76,7 @@
     "qrcode": "^1.5.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-puppeteer": "^1.0.7-rc.0",
+    "react-puppeteer": "^1.0.7",
     "redis": "^4.7.0",
     "rollup": "^4.20.0",
     "rollup-plugin-auto-external": "^2.0.0",

package/public/output.css

@@ -1 +1 @@
-/*! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.m-auto{margin:auto}.mb-3{margin-bottom:.75rem}.ml-7{margin-left:1.75rem}.mt-3{margin-top:.75rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-72{height:18rem}.max-h-96{max-height:24rem}.w-32{width:8rem}.w-72{width:18rem}.w-96{width:24rem}.p-1{padding:.25rem}.p-5{padding:1.25rem}.text-center{text-align:center}.text-lg{font-size:1.125rem;line-height:1.75rem}.italic{font-style:italic}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}
+/*! tailwindcss v3.4.11 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.m-auto{margin:auto}.mb-3{margin-bottom:.75rem}.ml-7{margin-left:1.75rem}.mt-3{margin-top:.75rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-72{height:18rem}.max-h-96{max-height:24rem}.w-32{width:8rem}.w-72{width:18rem}.w-96{width:24rem}.p-1{padding:.25rem}.p-5{padding:1.25rem}.text-center{text-align:center}.text-lg{font-size:1.125rem;line-height:1.75rem}.italic{font-style:italic}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}