koishi-plugin-onebot-info-image 0.2.0-alpha.8 → 0.3.1-beta.1

package/lib/index.js

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -34,11 +44,15 @@ var import_path2 = require("path");
 // src/type.ts
 var IMAGE_STYLES = {
   SOURCE_HAN_SERIF_SC: "思源宋体SourceHanSerifSC",
-  LXGW_WENKAI: "落霞孤鹜文楷LXGWWenKai"
+  LXGW_WENKAI: "落霞孤鹜文楷LXGWWenKai",
+  FLAT_MINIMAL: "扁平化简约FlatMinimal"
 };
+var IMAGE_STYLE_KEY_ARR = Object.keys(IMAGE_STYLES);
 var FONT_FILES = {
   [IMAGE_STYLES.SOURCE_HAN_SERIF_SC]: "SourceHanSerifSC-Medium.otf",
-  [IMAGE_STYLES.LXGW_WENKAI]: "LXGWWenKaiMono-Regular.ttf"
+  [IMAGE_STYLES.LXGW_WENKAI]: "LXGWWenKaiMono-Regular.ttf",
+  [IMAGE_STYLES.FLAT_MINIMAL]: "LXGWWenKaiMono-Regular.ttf"
+  // 扁平化样式使用文楷字体
 };
 var IMAGE_TYPES = {
   PNG: "png",
@@ -71,8 +85,13 @@ function convertToUnifiedUserInfo(userInfo, onebotImplName) {
       unfriendly: userInfo.unfriendly || false,
       card_changeable: userInfo.card_changeable || false,
       // Lagrange 特有字段
-      sign: userInfo.sign || "",
-      q_id: userInfo.q_id || "",
+      sign: userInfo.sign || userInfo.longNick || userInfo.long_nick || "",
+      q_id: userInfo.q_id || userInfo.qid || "",
+      // 同时支持 q_id 和 qid 两种格式
+      qid: userInfo.qid || userInfo.q_id || "",
+      // 同时支持 qid 和 q_id 两种格式
+      longNick: userInfo.longNick || userInfo.long_nick || "",
+      long_nick: userInfo.long_nick || userInfo.longNick || "",
       RegisterTime: userInfo.RegisterTime || "",
       Business: userInfo.Business || [],
       status: userInfo.status || {},
@@ -348,7 +367,7 @@ var formatMsTimestamp = /* @__PURE__ */ __name((timestamp) => {
   const date = new Date(timestamp);
   return date.toLocaleString("zh-CN");
 }, "formatMsTimestamp");
-var getSourceHanSerifSCStyleUserInfoHtmlStr = /* @__PURE__ */ __name(async (userInfo, contextInfo, avatarBase64, groupAvatarBase64, fontBase64, enableDarkMode) => {
+var getSourceHanSerifSCStyleUserInfoHtmlStr = /* @__PURE__ */ __name(async (userInfo, contextInfo, avatarBase64, groupAvatarBase64, fontBase64, enableDarkMode, hidePhoneNumber = true) => {
   const timestamp = generateTimestamp();
   const backgroundStyle = avatarBase64 ? `background-image: url(data:image/jpeg;base64,${avatarBase64});` : `background-color: #f0f2f5;`;
   const getValue = /* @__PURE__ */ __name((value, fallback = '<span class="unknown">未知</span>') => value && value !== "-" ? value : fallback, "getValue");
@@ -397,11 +416,11 @@ var getSourceHanSerifSCStyleUserInfoHtmlStr = /* @__PURE__ */ __name(async (user
     getInfoItem("性别", getSex(userInfo.sex)),
     getInfoItem("年龄", getValue(userInfo.age)),
     getInfoItem("QQ等级", getValue(userInfo.qq_level || userInfo.level)),
-    getInfoItem("QID", getValue(userInfo.q_id)),
+    getInfoItem("QID", getValue(userInfo.q_id || userInfo.qid)),
     getInfoItem("注册时间", formatMsTimestamp(userInfo.RegisterTime)),
-    getInfoItem("个性签名", getValue(userInfo.sign || userInfo.longNick), true),
+    getInfoItem("个性签名", getValue(userInfo.sign || userInfo.longNick || userInfo.long_nick), true),
     getInfoItem("邮箱", getValue(userInfo.eMail || userInfo.email)),
-    getInfoItem("电话", getValue(userInfo.phoneNum || userInfo.phone)),
+    getInfoItem("电话", hidePhoneNumber ? '<span class="unknown">已隐藏</span>' : getValue(userInfo.phoneNum || userInfo.phone)),
     getInfoItem("地址信息", getLocationString(userInfo), true),
     `
         <div class="two-column-row">
@@ -528,7 +547,441 @@ var getSourceHanSerifSCStyleUserInfoHtmlStr = /* @__PURE__ */ __name(async (user
 </body>
 </html>`;
 }, "getSourceHanSerifSCStyleUserInfoHtmlStr");
-var getLXGWWenKaiUserInfoHtmlStr = /* @__PURE__ */ __name(async (userInfo, contextInfo, avatarBase64, groupAvatarBase64, fontBase64, enableDarkMode) => {
+var getFlatMinimalUserInfoHtmlStr = /* @__PURE__ */ __name(async (userInfo, contextInfo, avatarBase64, groupAvatarBase64, fontBase64, enableDarkMode, hidePhoneNumber = true) => {
+  const isGroup = contextInfo.isGroup;
+  const isDarkMode = enableDarkMode;
+  const timestamp = (/* @__PURE__ */ new Date()).toLocaleString("zh-CN", {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+    hour12: false
+  });
+  const colors = isDarkMode ? {
+    // 黑色背景配色：亮蓝、亮绿、亮橙
+    background: "#0a0a0a",
+    cardBackground: "#1a1a1a",
+    textPrimary: "#ffffff",
+    textSecondary: "#b0b0b0",
+    primary: "#00d4ff",
+    // 亮蓝色
+    secondary: "#00ff88",
+    // 亮绿色
+    accent: "#ff8800",
+    // 亮橙色
+    border: "#333333",
+    hover: "#2a2a2a"
+  } : {
+    // 白色背景配色：黑、蓝、灰
+    background: "#f5f7fa",
+    cardBackground: "#ffffff",
+    textPrimary: "#2c3e50",
+    // 深蓝灰
+    textSecondary: "#6c757d",
+    // 中性灰
+    primary: "#007bff",
+    // 蓝色
+    secondary: "#34495e",
+    // 深灰蓝
+    accent: "#6c757d",
+    // 灰色
+    border: "#e0e6ed",
+    hover: "#f8f9fa"
+  };
+  const getShengXiao = /* @__PURE__ */ __name((num) => ["鼠", "牛", "虎", "兔", "龙", "蛇", "马", "羊", "猴", "鸡", "狗", "猪"][num] || "", "getShengXiao");
+  const getConstellation = /* @__PURE__ */ __name((num) => ["摩羯座", "水瓶座", "双鱼座", "白羊座", "金牛座", "双子座", "巨蟹座", "狮子座", "处女座", "天秤座", "天蝎座", "射手座"][num - 1] || "", "getConstellation");
+  const getBloodType = /* @__PURE__ */ __name((num) => ["O", "A", "B", "AB"][num] || "", "getBloodType");
+  const formatAddress = /* @__PURE__ */ __name((user) => {
+    const parts = [user.country, user.province, user.city, user.postCode].filter((part) => part && part !== "0" && part !== "-");
+    let locationStr = parts.length > 0 ? parts.join("-") : "";
+    if (user.address && user.address !== locationStr) {
+      locationStr = locationStr ? `${locationStr} ${user.address}` : user.address;
+    }
+    return locationStr || '<span class="unknown">未知</span>';
+  }, "formatAddress");
+  const getGroupRole = /* @__PURE__ */ __name((role) => {
+    switch (role) {
+      case "owner":
+        return "群主";
+      case "admin":
+        return "管理员";
+      case "member":
+        return "成员";
+      default:
+        return '<span class="unknown">未知</span>';
+    }
+  }, "getGroupRole");
+  return `<!DOCTYPE html><html><head><style>
+${fontBase64 ? `@font-face{font-family:'CustomFont';src:url('data:font/truetype;charset=utf-8;base64,${fontBase64}') format('truetype');font-weight:400;font-style:normal;font-display:swap;}` : ""}
+* { box-sizing: border-box; margin: 0; padding: 0; }
+body {
+    font-family: ${fontBase64 ? "'CustomFont'," : ""} -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
+    background: ${colors.background};
+    color: ${colors.textPrimary};
+    width: 999px;
+    height: 999px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 16px;
+    overflow: hidden;
+}
+.main-container {
+    width: 100%;
+    max-width: 970px;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+.header {
+    background: ${colors.cardBackground};
+    border: 2px solid ${colors.border};
+    border-radius: 18px;
+    padding: 14px 20px;
+    text-align: center;
+    box-shadow: 0 4px 16px rgba(0,0,0,${isDarkMode ? "0.4" : "0.08"});
+}
+.title {
+    font-size: 34px;
+    font-weight: 700;
+    color: ${colors.primary};
+    margin-bottom: 4px;
+    letter-spacing: 2px;
+}
+.subtitle {
+    font-size: 19px;
+    color: ${colors.textSecondary};
+    font-weight: 500;
+}
+.content {
+    display: flex;
+    gap: 10px;
+    flex: 1;
+    min-height: 0;
+}
+.left-panel {
+    flex: 0 0 270px;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+.avatar-card {
+    background: ${colors.cardBackground};
+    border: 2px solid ${colors.border};
+    border-radius: 18px;
+    padding: 16px 14px;
+    text-align: center;
+    box-shadow: 0 4px 16px rgba(0,0,0,${isDarkMode ? "0.4" : "0.08"});
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+.avatar {
+    width: 130px;
+    height: 130px;
+    border-radius: 65px;
+    object-fit: cover;
+    border: 4px solid ${colors.primary};
+    margin-bottom: 14px;
+    display: block;
+    box-shadow: 0 8px 24px rgba(0,0,0,${isDarkMode ? "0.5" : "0.15"});
+}
+.avatar-placeholder {
+    width: 130px;
+    height: 130px;
+    border-radius: 65px;
+    background: linear-gradient(135deg, ${colors.primary}, ${colors.secondary});
+    margin-bottom: 14px;
+}
+.user-name {
+    font-size: 26px;
+    font-weight: 700;
+    color: ${colors.textPrimary};
+    margin-bottom: 8px;
+    letter-spacing: 1px;
+}
+.user-id {
+    font-size: 17px;
+    color: ${colors.textSecondary};
+    background: ${colors.primary}25;
+    padding: 6px 12px;
+    border-radius: 12px;
+    display: inline-block;
+    font-weight: 600;
+    border: 1px solid ${colors.primary}40;
+}
+.group-card {
+    background: ${colors.cardBackground};
+    border: 2px solid ${colors.border};
+    border-radius: 18px;
+    padding: 12px;
+    box-shadow: 0 4px 16px rgba(0,0,0,${isDarkMode ? "0.4" : "0.08"});
+    flex: 0.618;
+}
+.group-header {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    margin-bottom: 12px;
+    padding-bottom: 10px;
+    border-bottom: 1px solid ${colors.border};
+}
+.group-avatar {
+    width: 58px;
+    height: 58px;
+    border-radius: 14px;
+    object-fit: cover;
+    border: 3px solid ${colors.secondary};
+    box-shadow: 0 4px 12px rgba(0,0,0,${isDarkMode ? "0.4" : "0.1"});
+}
+.group-info {
+    flex: 1;
+}
+.group-name {
+    font-size: 18px;
+    font-weight: 700;
+    color: ${colors.textPrimary};
+    margin-bottom: 3px;
+}
+.group-id {
+    font-size: 14px;
+    color: ${colors.textSecondary};
+    font-weight: 500;
+}
+.group-member-count {
+    font-size: 13px;
+    color: ${colors.accent};
+    margin-top: 3px;
+    font-weight: 600;
+}
+.group-details {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 6px;
+}
+.group-detail-item {
+    text-align: center;
+    background: ${colors.background};
+    padding: 6px 4px;
+    border-radius: 10px;
+    border: 1px solid ${colors.border};
+}
+.group-detail-label {
+    font-size: 11px;
+    color: ${colors.textSecondary};
+    margin-bottom: 2px;
+    font-weight: 500;
+}
+.group-detail-value {
+    font-size: 14px;
+    color: ${colors.textPrimary};
+    font-weight: 600;
+    word-break: break-all;
+}
+.right-panel {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+}
+.info-card {
+    background: ${colors.cardBackground};
+    border: 2px solid ${colors.border};
+    border-radius: 18px;
+    padding: 16px;
+    flex: 1;
+    box-shadow: 0 4px 16px rgba(0,0,0,${isDarkMode ? "0.4" : "0.08"});
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+}
+.info-grid {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 10px;
+    flex: 1;
+    align-content: start;
+}
+.info-item {
+    background: ${colors.background};
+    border: 1px solid ${colors.border};
+    border-radius: 10px;
+    padding: 10px 12px;
+    transition: all 0.25s ease;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    min-height: 52px;
+}
+.info-item:hover {
+    background: ${colors.hover};
+    transform: translateY(-2px);
+    box-shadow: 0 4px 16px rgba(0,0,0,${isDarkMode ? "0.5" : "0.12"});
+    border-color: ${colors.primary}50;
+}
+.info-item.full-width {
+    grid-column: 1 / -1;
+}
+.info-label {
+    font-size: 13px;
+    color: ${colors.textSecondary};
+    font-weight: 600;
+    margin-bottom: 4px;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+.info-value {
+    font-size: 18px;
+    color: ${colors.textPrimary};
+    font-weight: 600;
+    line-height: 1.35;
+    word-break: break-all;
+}
+.unknown {
+    color: ${colors.textSecondary};
+    font-style: italic;
+    opacity: 0.7;
+}
+.timestamp {
+    position: fixed;
+    top: 12px;
+    left: 12px;
+    font-size: 13px;
+    color: ${colors.textSecondary};
+    opacity: 0.5;
+    font-family: 'Courier New', monospace;
+    z-index: 1000;
+}
+.primary-accent { color: ${colors.primary}; }
+.secondary-accent { color: ${colors.secondary}; }
+.accent-color { color: ${colors.accent}; }
+</style></head><body>
+<div class="main-container">
+    <div class="header">
+        <div class="title">${isGroup ? "群员信息" : "用户信息"}</div>
+        <div class="subtitle">详细资料</div>
+    </div>
+    
+    <div class="content">
+        <div class="left-panel">
+            <div class="avatar-card">
+                ${avatarBase64 ? `<img class="avatar" src="data:image/jpeg;base64,${avatarBase64}" alt="用户头像">` : '<div class="avatar-placeholder"></div>'}
+                <div class="user-name">${userInfo.nickname || "未知昵称"}</div>
+                <div class="user-id">QQ: ${userInfo.user_id}</div>
+            </div>
+            
+            ${isGroup ? `
+            <div class="group-card">
+                <div class="group-header">
+                    ${groupAvatarBase64 ? `<img class="group-avatar" src="data:image/jpeg;base64,${groupAvatarBase64}" alt="群头像">` : ""}
+                    <div class="group-info">
+                        <div class="group-name">${contextInfo.groupName || "未知群名"}</div>
+                        <div class="group-id">群号: ${contextInfo.groupId}</div>
+                        ${contextInfo.memberCount ? `<div class="group-member-count">成员: ${contextInfo.memberCount}${contextInfo.maxMemberCount ? `/${contextInfo.maxMemberCount}` : ""}</div>` : ""}
+                    </div>
+                </div>
+                <div class="group-details">
+                    <div class="group-detail-item">
+                        <div class="group-detail-label">群名片</div>
+                        <div class="group-detail-value">${userInfo.card || "未设置"}</div>
+                    </div>
+                    <div class="group-detail-item">
+                        <div class="group-detail-label">群角色</div>
+                        <div class="group-detail-value primary-accent">${getGroupRole(userInfo.role)}</div>
+                    </div>
+                    <div class="group-detail-item">
+                        <div class="group-detail-label">群等级</div>
+                        <div class="group-detail-value secondary-accent">${userInfo.group_level || "未知"}</div>
+                    </div>
+                    <div class="group-detail-item">
+                        <div class="group-detail-label">专属头衔</div>
+                        <div class="group-detail-value accent-color">${userInfo.title || "无"}</div>
+                    </div>
+                    <div class="group-detail-item">
+                        <div class="group-detail-label">加群时间</div>
+                        <div class="group-detail-value">${userInfo.join_time ? `${new Date(userInfo.join_time).toLocaleDateString("zh-CN")}<br>${new Date(userInfo.join_time).toLocaleTimeString("zh-CN")}` : '<span class="unknown">未知</span>'}</div>
+                    </div>
+                    <div class="group-detail-item">
+                        <div class="group-detail-label">最后发言</div>
+                        <div class="group-detail-value">${userInfo.last_sent_time ? `${new Date(userInfo.last_sent_time).toLocaleDateString("zh-CN")}<br>${new Date(userInfo.last_sent_time).toLocaleTimeString("zh-CN")}` : '<span class="unknown">未知</span>'}</div>
+                    </div>
+                </div>
+            </div>
+            ` : ""}
+        </div>
+        
+        <div class="right-panel">
+            <div class="info-card">
+                <div class="info-grid">
+                    <div class="info-item">
+                        <div class="info-label">性别</div>
+                        <div class="info-value">${userInfo.sex === "male" ? "男" : userInfo.sex === "female" ? "女" : '<span class="unknown">未知</span>'}</div>
+                    </div>
+                    <div class="info-item">
+                        <div class="info-label">年龄</div>
+                        <div class="info-value">${userInfo.age || '<span class="unknown">未知</span>'}</div>
+                    </div>
+                    <div class="info-item">
+                        <div class="info-label">QQ等级</div>
+                        <div class="info-value primary-accent">${userInfo.qq_level || userInfo.level || '<span class="unknown">未知</span>'}</div>
+                    </div>
+                    <div class="info-item">
+                        <div class="info-label">QID</div>
+                        <div class="info-value">${userInfo.q_id || userInfo.qid || '<span class="unknown">未知</span>'}</div>
+                    </div>
+                    ${userInfo.sign || userInfo.longNick || userInfo.long_nick ? `
+                    <div class="info-item full-width">
+                        <div class="info-label">个性签名</div>
+                        <div class="info-value">${userInfo.sign || userInfo.longNick || userInfo.long_nick}</div>
+                    </div>
+                    ` : ""}
+                    ${userInfo.RegisterTime ? `
+                    <div class="info-item full-width">
+                        <div class="info-label">注册时间</div>
+                        <div class="info-value">${new Date(userInfo.RegisterTime).toLocaleString("zh-CN")}</div>
+                    </div>
+                    ` : ""}
+                    <div class="info-item full-width">
+                        <div class="info-label">邮箱</div>
+                        <div class="info-value">${(userInfo.eMail || userInfo.email) && userInfo.eMail !== "-" ? userInfo.eMail || userInfo.email : '<span class="unknown">未知</span>'}</div>
+                    </div>
+                    <div class="info-item full-width">
+                        <div class="info-label">电话</div>
+                        <div class="info-value">${hidePhoneNumber ? '<span class="unknown">已隐藏</span>' : userInfo.phoneNum && userInfo.phoneNum !== "-" ? userInfo.phoneNum : '<span class="unknown">未知</span>'}</div>
+                    </div>
+                    <div class="info-item full-width">
+                        <div class="info-label">地址信息</div>
+                        <div class="info-value">${formatAddress(userInfo)}</div>
+                    </div>
+                    <div class="info-item full-width">
+                        <div class="info-label">个人特征</div>
+                        <div class="info-value">生肖: ${getShengXiao(userInfo.shengXiao) || '<span class="unknown">未知</span>'} | 星座: ${getConstellation(userInfo.constellation) || '<span class="unknown">未知</span>'} | 血型: ${getBloodType(userInfo.kBloodType) ? `${getBloodType(userInfo.kBloodType)}型` : '<span class="unknown">未知</span>'}</div>
+                    </div>
+                    <div class="info-item full-width">
+                        <div class="info-label">生日</div>
+                        <div class="info-value">${userInfo.birthday_year && userInfo.birthday_month && userInfo.birthday_day ? `${userInfo.birthday_year}年${userInfo.birthday_month}月${userInfo.birthday_day}日` : '<span class="unknown">未知</span>'}</div>
+                    </div>
+                    <div class="info-item full-width">
+                        <div class="info-label">VIP信息</div>
+                        <div class="info-value">VIP: ${userInfo.is_vip ? "是" : "否"} | 年费VIP: ${userInfo.is_years_vip ? "是" : "否"} | VIP等级: ${userInfo.vip_level || 0}</div>
+                    </div>
+                    <div class="info-item full-width">
+                        <div class="info-label">状态</div>
+                        <div class="info-value">${userInfo.status && userInfo.status.message || '<span class="unknown">未知</span>'}</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="timestamp">${timestamp}</div>
+</body></html>`;
+}, "getFlatMinimalUserInfoHtmlStr");
+var getLXGWWenKaiUserInfoHtmlStr = /* @__PURE__ */ __name(async (userInfo, contextInfo, avatarBase64, groupAvatarBase64, fontBase64, enableDarkMode, hidePhoneNumber = true) => {
   const isGroup = contextInfo.isGroup;
   const isDarkMode = enableDarkMode;
   const timestamp = (/* @__PURE__ */ new Date()).toLocaleString("zh-CN", {
@@ -650,11 +1103,11 @@ ${contextInfo.memberCount ? `<div class="group-member-count">群人数: ${contex
 <div class="info-card"><div class="info-label">性别</div><div class="info-value">${userInfo.sex === "male" ? "男" : userInfo.sex === "female" ? "女" : "未知"}</div></div>
 <div class="info-card"><div class="info-label">年龄</div><div class="info-value">${userInfo.age || '<span class="unknown">未知</span>'}</div></div>
 <div class="info-card"><div class="info-label">QQ等级</div><div class="info-value">${userInfo.qq_level || userInfo.level || '<span class="unknown">未知</span>'}</div></div>
-<div class="info-card"><div class="info-label">QID</div><div class="info-value">${userInfo.q_id || '<span class="unknown">未知</span>'}</div></div>
-${userInfo.sign || userInfo.longNick ? `<div class="info-card full-width"><div class="info-label">个性签名</div><div class="info-value">${userInfo.sign || userInfo.longNick}</div></div>` : ""}
+<div class="info-card"><div class="info-label">QID</div><div class="info-value">${userInfo.q_id || userInfo.qid || '<span class="unknown">未知</span>'}</div></div>
+${userInfo.sign || userInfo.longNick || userInfo.long_nick ? `<div class="info-card full-width"><div class="info-label">个性签名</div><div class="info-value">${userInfo.sign || userInfo.longNick || userInfo.long_nick}</div></div>` : ""}
 ${userInfo.RegisterTime ? `<div class="info-card full-width"><div class="info-label">注册时间</div><div class="info-value">${new Date(userInfo.RegisterTime).toLocaleString("zh-CN")}</div></div>` : ""}
 <div class="info-card"><div class="info-label">邮箱</div><div class="info-value">${(userInfo.eMail || userInfo.email) && userInfo.eMail !== "-" ? userInfo.eMail || userInfo.email : '<span class="unknown">未知</span>'}</div></div>
-<div class="info-card"><div class="info-label">电话</div><div class="info-value">${userInfo.phoneNum && userInfo.phoneNum !== "-" ? userInfo.phoneNum : '<span class="unknown">未知</span>'}</div></div>
+<div class="info-card"><div class="info-label">电话</div><div class="info-value">${hidePhoneNumber ? '<span class="unknown">已隐藏</span>' : userInfo.phoneNum && userInfo.phoneNum !== "-" ? userInfo.phoneNum : '<span class="unknown">未知</span>'}</div></div>
 <div class="info-card full-width"><div class="info-label">地址信息</div><div class="info-value">${formatAddress(userInfo)}</div></div>
 <div class="info-card full-width"><div class="info-label">个人特征</div><div class="info-value multi-info-row">
 <div class="multi-info-item"><div class="info-label">生肖</div><div class="info-value">${getShengXiao(userInfo.shengXiao) || '<span class="unknown">未知</span>'}</div></div>
@@ -675,7 +1128,7 @@ ${userInfo.RegisterTime ? `<div class="info-card full-width"><div class="info-la
 <div class="timestamp-watermark">${timestamp}</div>
 </body></html>`;
 }, "getLXGWWenKaiUserInfoHtmlStr");
-async function renderUserInfo(ctx, userInfo, contextInfo, imageStyle, enableDarkMode, imageType, screenshotQuality) {
+async function renderUserInfo(ctx, userInfo, contextInfo, imageStyle, enableDarkMode, imageType, screenshotQuality, hidePhoneNumber = true) {
   const browserPage = await ctx.puppeteer.page();
   let avatarBase64;
   let groupAvatarBase64;
@@ -699,9 +1152,11 @@ async function renderUserInfo(ctx, userInfo, contextInfo, imageStyle, enableDark
     }
     let htmlContent;
     if (imageStyle === IMAGE_STYLES.SOURCE_HAN_SERIF_SC) {
-      htmlContent = await getSourceHanSerifSCStyleUserInfoHtmlStr(userInfo, contextInfo, avatarBase64 || "", groupAvatarBase64 || "", fontBase64 || "", enableDarkMode);
+      htmlContent = await getSourceHanSerifSCStyleUserInfoHtmlStr(userInfo, contextInfo, avatarBase64 || "", groupAvatarBase64 || "", fontBase64 || "", enableDarkMode, hidePhoneNumber);
     } else if (imageStyle === IMAGE_STYLES.LXGW_WENKAI) {
-      htmlContent = await getLXGWWenKaiUserInfoHtmlStr(userInfo, contextInfo, avatarBase64 || "", groupAvatarBase64 || "", fontBase64 || "", enableDarkMode);
+      htmlContent = await getLXGWWenKaiUserInfoHtmlStr(userInfo, contextInfo, avatarBase64 || "", groupAvatarBase64 || "", fontBase64 || "", enableDarkMode, hidePhoneNumber);
+    } else if (imageStyle === IMAGE_STYLES.FLAT_MINIMAL) {
+      htmlContent = await getFlatMinimalUserInfoHtmlStr(userInfo, contextInfo, avatarBase64 || "", groupAvatarBase64 || "", fontBase64 || "", enableDarkMode, hidePhoneNumber);
     }
     await browserPage.setViewport({
       width: 999,
@@ -714,8 +1169,8 @@ async function renderUserInfo(ctx, userInfo, contextInfo, imageStyle, enableDark
       const images = Array.from(document.querySelectorAll("img"));
       await Promise.all(images.map((img) => {
         if (img.complete) return;
-        return new Promise((resolve2, reject) => {
-          img.addEventListener("load", resolve2);
+        return new Promise((resolve3, reject) => {
+          img.addEventListener("load", resolve3);
           img.addEventListener("error", reject);
         });
       }));
@@ -1041,6 +1496,325 @@ var getLXGWWenKaiAdminListHtmlStr = /* @__PURE__ */ __name(async (admins, contex
 </body>
 </html>`;
 }, "getLXGWWenKaiAdminListHtmlStr");
+var getFlatMinimalAdminListHtmlStr = /* @__PURE__ */ __name(async (admins, contextInfo, groupAvatarBase64, fontBase64, enableDarkMode) => {
+  const isDarkMode = enableDarkMode;
+  const timestamp = generateTimestamp();
+  const colors = isDarkMode ? {
+    // 深色模式：亮蓝、灰色系
+    background: "#000000",
+    cardBackground: "#1a1a1a",
+    textPrimary: "#ffffff",
+    textSecondary: "#b0b0b0",
+    primary: "#00d4ff",
+    // 亮蓝色
+    secondary: "#6c757d",
+    // 灰色
+    accent: "#00ff88",
+    // 亮绿色
+    border: "#333333",
+    hover: "#2a2a2a",
+    ownerBg: "rgba(255,140,0,0.2)",
+    ownerText: "#ffa07a",
+    adminBg: "rgba(0,212,255,0.2)",
+    adminText: "#4da6ff"
+  } : {
+    // 浅色模式：蓝色、黑白灰
+    background: "#f5f7fa",
+    cardBackground: "#ffffff",
+    textPrimary: "#2c3e50",
+    textSecondary: "#6c757d",
+    primary: "#007bff",
+    // 蓝色
+    secondary: "#34495e",
+    // 深灰蓝
+    accent: "#28a745",
+    // 绿色
+    border: "#dee2e6",
+    hover: "#f8f9fa",
+    ownerBg: "rgba(255,140,0,0.1)",
+    ownerText: "#ff8c00",
+    adminBg: "rgba(0,123,255,0.1)",
+    adminText: "#007bff"
+  };
+  const flatAdminListItems = admins.map((admin, index) => `
+        <div class="admin-item">
+            <div class="admin-number">${(index + 1).toString().padStart(2, "0")}</div>
+            <div class="admin-avatar-wrapper">
+                <img src="${admin.avatar || `https://q1.qlogo.cn/g?b=qq&nk=${admin.user_id}&s=640`}" alt="头像" class="admin-avatar" />
+            </div>
+            <div class="admin-info">
+                <div class="admin-name">${admin.nickname || "未知"}</div>
+                <div class="admin-id">
+                    <span class="admin-id-label">QQ:</span>
+                    <span class="admin-id-value">${admin.user_id}</span>
+                </div>
+                ${admin.card ? `<div class="admin-card"><span class="admin-card-label">群昵称:</span>${admin.card}</div>` : '<div class="admin-card-empty">无群昵称</div>'}
+            </div>
+            <div class="admin-role ${admin.role}">${admin.role === "owner" ? "群  主" : "管理员"}</div>
+        </div>
+    `).join("");
+  return `<!DOCTYPE html>
+<html>
+<head>
+    <style>
+        ${fontBase64 ? `@font-face { font-family: 'CustomFont'; src: url('data:font/opentype;charset=utf-8;base64,${fontBase64}') format('opentype'); font-weight: normal; font-style: normal; font-display: swap; }` : ""}
+
+        * { box-sizing: border-box; margin: 0; padding: 0; }
+        
+        html, body { margin: 0; padding: 0; width: 100%; height: auto; }
+        
+        body {
+            font-family: ${fontBase64 ? "'CustomFont'," : ""} -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
+            width: 800px;
+            min-height: 100vh;
+            background: ${colors.background};
+            color: ${colors.textPrimary};
+            padding: 40px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .container {
+            width: 100%;
+            max-width: 720px;
+        }
+
+        .header {
+            background: ${colors.cardBackground};
+            border: 2px solid ${colors.border};
+            border-radius: 20px;
+            padding: 32px;
+            margin-bottom: 24px;
+            box-shadow: 0 4px 16px rgba(0,0,0,${isDarkMode ? "0.3" : "0.08"});
+        }
+
+        .group-info-wrapper {
+            display: flex;
+            align-items: center;
+            gap: 24px;
+            margin-bottom: 24px;
+        }
+
+        .group-avatar {
+            width: 90px;
+            height: 90px;
+            border-radius: 16px;
+            object-fit: cover;
+            border: 3px solid ${colors.primary};
+            box-shadow: 0 4px 12px rgba(0,0,0,${isDarkMode ? "0.3" : "0.1"});
+        }
+
+        .group-details {
+            flex: 1;
+        }
+
+        .group-name {
+            font-size: 26px;
+            font-weight: 700;
+            color: ${colors.textPrimary};
+            margin-bottom: 8px;
+        }
+
+        .group-meta {
+            font-size: 16px;
+            color: ${colors.textSecondary};
+            line-height: 1.6;
+        }
+
+        .group-meta-item {
+            display: inline-block;
+            margin-right: 16px;
+        }
+
+        .group-meta-label {
+            color: ${colors.textSecondary};
+        }
+
+        .group-meta-value {
+            color: ${colors.primary};
+            font-weight: 600;
+        }
+
+        .title {
+            font-size: 32px;
+            font-weight: 700;
+            color: ${colors.primary};
+            text-align: center;
+            padding-bottom: 16px;
+            border-bottom: 2px solid ${colors.border};
+        }
+
+        .title-count {
+            color: ${colors.accent};
+            font-size: 24px;
+        }
+
+        .admin-list {
+            display: flex;
+            flex-direction: column;
+            gap: 16px;
+        }
+
+        .admin-item {
+            background: ${colors.cardBackground};
+            border: 2px solid ${colors.border};
+            border-radius: 16px;
+            padding: 20px;
+            display: flex;
+            align-items: center;
+            gap: 20px;
+            transition: all 0.3s ease;
+            box-shadow: 0 2px 8px rgba(0,0,0,${isDarkMode ? "0.2" : "0.05"});
+        }
+
+        .admin-item:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(0,0,0,${isDarkMode ? "0.4" : "0.12"});
+            border-color: ${colors.primary};
+        }
+
+        .admin-number {
+            font-size: 32px;
+            font-weight: 700;
+            color: ${colors.textSecondary};
+            font-family: 'Courier New', monospace;
+            min-width: 50px;
+            text-align: center;
+        }
+
+        .admin-avatar-wrapper {
+            position: relative;
+        }
+
+        .admin-avatar {
+            width: 80px;
+            height: 80px;
+            border-radius: 50%;
+            object-fit: cover;
+            border: 3px solid ${colors.border};
+            transition: border-color 0.3s ease;
+        }
+
+        .admin-item:hover .admin-avatar {
+            border-color: ${colors.primary};
+        }
+
+        .admin-info {
+            flex: 1;
+            display: flex;
+            flex-direction: column;
+            gap: 8px;
+        }
+
+        .admin-name {
+            font-size: 20px;
+            font-weight: 600;
+            color: ${colors.textPrimary};
+        }
+
+        .admin-id {
+            font-size: 14px;
+            color: ${colors.textSecondary};
+            font-family: 'Courier New', monospace;
+        }
+
+        .admin-id-label {
+            color: ${colors.textSecondary};
+            font-weight: 500;
+        }
+
+        .admin-id-value {
+            color: ${colors.primary};
+            font-weight: 600;
+        }
+
+        .admin-card {
+            font-size: 15px;
+            color: ${colors.textPrimary};
+            padding: 6px 12px;
+            background: ${colors.hover};
+            border-radius: 8px;
+            display: inline-block;
+        }
+
+        .admin-card-label {
+            color: ${colors.textSecondary};
+            font-weight: 500;
+            margin-right: 8px;
+        }
+
+        .admin-card-empty {
+            font-size: 14px;
+            color: ${colors.textSecondary};
+            font-style: italic;
+        }
+
+        .admin-role {
+            font-size: 16px;
+            font-weight: 700;
+            padding: 10px 20px;
+            border-radius: 12px;
+            text-align: center;
+            min-width: 90px;
+        }
+
+        .admin-role.owner {
+            background: ${colors.ownerBg};
+            color: ${colors.ownerText};
+            border: 2px solid ${colors.ownerText};
+        }
+
+        .admin-role.admin {
+            background: ${colors.adminBg};
+            color: ${colors.adminText};
+            border: 2px solid ${colors.adminText};
+        }
+
+        .timestamp {
+            position: fixed;
+            top: 8px;
+            left: 8px;
+            font-size: 12px;
+            color: ${colors.textSecondary};
+            opacity: 0.6;
+            font-family: 'Courier New', monospace;
+            z-index: 1000;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="header">
+            <div class="group-info-wrapper">
+                <img src="data:image/jpeg;base64,${groupAvatarBase64}" alt="群头像" class="group-avatar" />
+                <div class="group-details">
+                    <div class="group-name">${contextInfo.groupName || "未知群聊"}</div>
+                    <div class="group-meta">
+                        <span class="group-meta-item">
+                            <span class="group-meta-label">群号:</span>
+                            <span class="group-meta-value">${contextInfo.groupId}</span>
+                        </span>
+                        <span class="group-meta-item">
+                            <span class="group-meta-label">成员:</span>
+                            <span class="group-meta-value">${contextInfo.memberCount}/${contextInfo.maxMemberCount}</span>
+                        </span>
+                    </div>
+                </div>
+            </div>
+            <div class="title">
+                群管理员列表 <span class="title-count">(${admins.length}人)</span>
+            </div>
+        </div>
+        
+        <div class="admin-list">
+            ${flatAdminListItems}
+        </div>
+    </div>
+    <div class="timestamp">${timestamp}</div>
+</body>
+</html>`;
+}, "getFlatMinimalAdminListHtmlStr");
 async function renderAdminList(ctx, admins, contextInfo, imageStyle, enableDarkMode, imageType, screenshotQuality) {
   const browserPage = await ctx.puppeteer.page();
   admins.sort((a, b) => {
@@ -1070,6 +1844,14 @@ async function renderAdminList(ctx, admins, contextInfo, imageStyle, enableDarkM
         fontBase64,
         enableDarkMode
       );
+    } else if (imageStyle === IMAGE_STYLES.FLAT_MINIMAL) {
+      htmlContent = await getFlatMinimalAdminListHtmlStr(
+        admins,
+        contextInfo,
+        groupAvatarBase64,
+        fontBase64,
+        enableDarkMode
+      );
     } else {
       throw new Error(`不支持的图片样式: ${imageStyle}`);
     }
@@ -1077,8 +1859,8 @@ async function renderAdminList(ctx, admins, contextInfo, imageStyle, enableDarkM
     await browserPage.waitForSelector("body", { timeout: 15e3 });
     await browserPage.evaluate(() => {
       const images = Array.from(document.querySelectorAll("img"));
-      return Promise.all(images.filter((img) => !img.complete).map((img) => new Promise((resolve2) => {
-        img.onload = img.onerror = resolve2;
+      return Promise.all(images.filter((img) => !img.complete).map((img) => new Promise((resolve3) => {
+        img.onload = img.onerror = resolve3;
       })));
     });
     const bodyElement = await browserPage.$("body");
@@ -1103,6 +1885,144 @@ async function renderAdminList(ctx, admins, contextInfo, imageStyle, enableDarkM
 }
 __name(renderAdminList, "renderAdminList");
 
+// src/data_server.ts
+var import_plugin_console = require("@koishijs/plugin-console");
+var path = __toESM(require("path"));
+var OnebotInfoImageDataServer = class extends import_plugin_console.DataService {
+  static {
+    __name(this, "OnebotInfoImageDataServer");
+  }
+  fontsBase64 = {
+    sourceHanSerif: "",
+    lxgwWenKai: ""
+  };
+  fontLoaded = false;
+  currentTemplate = "sourceHanSerif";
+  currentFont = "sourceHanSerif";
+  currentDarkMode = true;
+  static inject = ["console"];
+  constructor(ctx) {
+    super(ctx, "onebot-info-image", { immediate: true });
+    this.loadFonts();
+    ctx.console.addEntry({
+      dev: path.resolve(__dirname, "../client/index.ts"),
+      prod: path.resolve(__dirname, "../dist")
+    });
+    ctx.console.addListener("onebot-info-image/refresh", async () => {
+      await this.refresh();
+    }, { authority: 0 });
+    ctx.console.addListener("onebot-info-image/setTemplate", async (template) => {
+      this.currentTemplate = template;
+      await this.refresh();
+    }, { authority: 0 });
+    ctx.console.addListener("onebot-info-image/setFont", async (font) => {
+      this.currentFont = font;
+      await this.refresh();
+    }, { authority: 0 });
+    ctx.console.addListener("onebot-info-image/setDarkMode", async (darkMode) => {
+      this.currentDarkMode = darkMode;
+      await this.refresh();
+    }, { authority: 0 });
+    ctx.on("bot-status-updated", async () => {
+      await this.refresh();
+    });
+  }
+  async loadFonts() {
+    try {
+      await validateFonts(this.ctx);
+      this.fontsBase64.sourceHanSerif = await getFontBase64(this.ctx, IMAGE_STYLES.SOURCE_HAN_SERIF_SC);
+      this.fontsBase64.lxgwWenKai = await getFontBase64(this.ctx, IMAGE_STYLES.LXGW_WENKAI);
+      this.fontLoaded = true;
+      this.ctx.logger("onebot-info-image").info("字体加载完成");
+      await this.refresh();
+    } catch (e) {
+      this.ctx.logger("onebot-info-image").warn("加载字体失败:", e);
+      this.fontLoaded = true;
+      await this.refresh();
+    }
+  }
+  getHtmlGenerator(template) {
+    switch (template) {
+      case "sourceHanSerif":
+        return getSourceHanSerifSCStyleUserInfoHtmlStr;
+      case "flatMinimal":
+        return getFlatMinimalUserInfoHtmlStr;
+      case "lxgwWenKai":
+        return getLXGWWenKaiUserInfoHtmlStr;
+      default:
+        return getSourceHanSerifSCStyleUserInfoHtmlStr;
+    }
+  }
+  async get() {
+    try {
+      if (!this.fontLoaded) {
+        return {
+          status: "loading",
+          msg: "正在加载字体..."
+        };
+      }
+      const onebotBot = this.ctx.bots.find((b) => b.platform === "onebot");
+      if (!onebotBot) {
+        return {
+          status: "no_bot",
+          msg: "未找到 OneBot 平台的机器人"
+        };
+      }
+      const selfId = onebotBot.selfId;
+      const loginInfo = await onebotBot.internal.getLoginInfo();
+      const strangerInfo = await onebotBot.internal.getStrangerInfo(Number(selfId));
+      const avatarUrl = `https://q.qlogo.cn/headimg_dl?dst_uin=${selfId}&spec=640&img_type=jpg`;
+      let avatarBase64 = "";
+      try {
+        const response = await this.ctx.http.get(avatarUrl, { responseType: "arraybuffer" });
+        avatarBase64 = Buffer.from(response).toString("base64");
+      } catch (e) {
+        this.ctx.logger("onebot-info-image").warn("获取头像失败:", e);
+      }
+      const userInfo = {
+        user_id: selfId,
+        nickname: loginInfo.nickname || strangerInfo.nickname,
+        sex: strangerInfo.sex || "",
+        age: strangerInfo.age || 0,
+        sign: strangerInfo.sign,
+        level: strangerInfo.level,
+        login_days: strangerInfo.login_days,
+        qid: strangerInfo.qid
+      };
+      const contextInfo = {
+        isGroup: false
+      };
+      const fontBase64 = this.fontsBase64[this.currentFont] || "";
+      const htmlGenerator = this.getHtmlGenerator(this.currentTemplate);
+      const htmlContent = await htmlGenerator(
+        userInfo,
+        contextInfo,
+        avatarBase64,
+        "",
+        fontBase64,
+        this.currentDarkMode,
+        // 使用当前选择的主题模式
+        true
+        // hidePhoneNumber: 预览中默认隐藏手机号
+      );
+      return {
+        status: "loaded",
+        msg: "加载成功",
+        htmlContent,
+        currentTemplate: this.currentTemplate,
+        currentFont: this.currentFont,
+        currentDarkMode: this.currentDarkMode
+      };
+    } catch (e) {
+      this.ctx.logger("onebot-info-image").error("获取 Bot 信息失败:", e);
+      return {
+        status: "error",
+        msg: `获取失败: ${e.message || e}`
+      };
+    }
+  }
+};
+
 // src/index.ts
 var name = "onebot-info-image";
 var inject = {
@@ -1113,12 +2033,11 @@ var pkg = JSON.parse(
 );
 var usage = `
 <h1>Koishi 插件：onebot-info-image 获取群员信息 渲染成图像</h1>
-<h2>🎯 插件版本：v${pkg.version}</h2>
-<p>插件使用问题 / Bug反馈 / 插件开发交流，欢迎加入QQ群：<b>259248174</b></p>
+<h2>🎯 插件版本：<span style="color: #ff6b6b; font-weight: bold;">v${pkg.version}</span></h2>
+<p>插件使用问题 / Bug反馈 / 插件开发交流，欢迎加入QQ群：<b style="color: #50c878;">259248174</b></p>
 
-目前仅仅适配了Lagrange 和 Napcat 协议
-<br>
-Napcat能拿到的东西更多， 为了更好的使用体验，推荐使用Napcat
+<p>目前仅仅适配了 <b>Lagrange</b> 和 <b>Napcat</b> 协议</p>
+<p style="color: #f39c12;">Napcat能拿到的东西更多， 为了更好的使用体验，推荐使用 Napcat</p>
 
 <hr>
 
@@ -1130,20 +2049,20 @@ Napcat能拿到的东西更多， 为了更好的使用体验，推荐使用Napc
 
 <hr>
 
-<h3>字体使用声明</h3>
+<h3 style="color: #27ae60;">字体使用声明</h3>
 <p>本插件使用以下开源字体进行图像渲染：</p>
 <ul>
-  <li><b>思源宋体（Source Han Serif SC）</b> - 由 Adobe 与 Google 联合开发，遵循 <a href="https://openfontlicense.org">SIL Open Font License 1.1</a> 协议。</li>
-  <li><b>霞鹜文楷（LXGW WenKai）</b> - 由 LXGW 开发并维护，遵循 <a href="https://openfontlicense.org">SIL Open Font License 1.1</a> 协议。</li>
+  <li><b style="color: #3498db;">思源宋体（Source Han Serif SC）</b> - 由 Adobe 与 Google 联合开发，遵循 <a href="https://openfontlicense.org">SIL Open Font License 1.1</a> 协议。</li>
+  <li><b style="color: #3498db;">霞鹜文楷（LXGW WenKai）</b> - 由 LXGW 开发并维护，遵循 <a href="https://openfontlicense.org">SIL Open Font License 1.1</a> 协议。</li>
 </ul>
 <p>两者均为自由字体，可在本项目中自由使用、修改与发布。若你也在开发相关插件或项目，欢迎一同使用这些优秀的字体。</p>
 
 <hr>
 
-<h3>插件许可声明</h3>
+<h3 style="color: #e67e22;">插件许可声明</h3>
 <p>本插件为开源免费项目，基于 MIT 协议开放。欢迎修改、分发、二创。</p>
-<p>如果你觉得插件好用，欢迎在 GitHub 上 Star 或通过其他方式给予支持（例如提供服务器、API Key 或直接赞助）！</p>
-<p>感谢所有开源字体与项目的贡献者 ❤️</p>
+<p>如果你觉得插件好用，欢迎在 GitHub 上 ⭐ Star 或通过其他方式给予支持（例如提供服务器、API Key 或直接赞助）！</p>
+<p style="color: #e91e63;">感谢所有开源字体与项目的贡献者 ❤️</p>
 `;
 var Config = import_koishi.Schema.intersect([
   import_koishi.Schema.object({
@@ -1156,8 +2075,10 @@ var Config = import_koishi.Schema.intersect([
   import_koishi.Schema.object({
     enableUserInfoCommand: import_koishi.Schema.boolean().default(true).description("ℹ️ 是否启用用户信息命令。"),
     userinfoCommandName: import_koishi.Schema.string().default("用户信息").description("🔍 用户信息命令名称。"),
+    hidePhoneNumber: import_koishi.Schema.boolean().default(true).experimental().description("📱 是否隐藏手机号。开启后手机号将显示为【已隐藏】。</br> <i> 保护隐私捏 </i>"),
     enableGroupAdminListCommand: import_koishi.Schema.boolean().default(false).description("👥 是否启用群管理员列表命令。"),
-    groupAdminListCommandName: import_koishi.Schema.string().default("群管理列表").description("👥 群管理员列表命令名称。")
+    groupAdminListCommandName: import_koishi.Schema.string().default("群管理列表").description("👥 群管理员列表命令名称。"),
+    inspectStyleCommandName: import_koishi.Schema.string().default("查看图片样式").description("🎨 查看图片样式列表命令名称。")
   }).description("基础配置 ⚙️"),
   import_koishi.Schema.object({
     sendText: import_koishi.Schema.boolean().default(false).description("💬 是否启用文本回复。"),
@@ -1166,11 +2087,37 @@ var Config = import_koishi.Schema.intersect([
   import_koishi.Schema.object({
     sendImage: import_koishi.Schema.boolean().default(true).description("🖼️ 是否启用 Puppeteer 渲染图片。"),
     enableQuoteWithImage: import_koishi.Schema.boolean().default(false).description("📸 回复图片的时候，是否带引用触发指令的消息。"),
-    imageStyle: import_koishi.Schema.union([
-      import_koishi.Schema.const(IMAGE_STYLES.SOURCE_HAN_SERIF_SC).description("✨ 现代风格，使用SourceHanSerifSC 思源宋体"),
-      import_koishi.Schema.const(IMAGE_STYLES.LXGW_WENKAI).description("📜 简洁古风，使用LXGWWenKai 字体")
-    ]).role("radio").default(IMAGE_STYLES.SOURCE_HAN_SERIF_SC).description("🎨 渲染图片的风格与字体。"),
-    enableDarkMode: import_koishi.Schema.boolean().default(false).description("🌙 是否启用暗黑模式。"),
+    imageStyleDetails: import_koishi.Schema.array(
+      import_koishi.Schema.object({
+        styleKey: import_koishi.Schema.union(IMAGE_STYLE_KEY_ARR.map((key) => import_koishi.Schema.const(key).description(IMAGE_STYLES[key]))).role("radio").description("🎨 图片样式"),
+        darkMode: import_koishi.Schema.boolean().description("🌙 启用深色模式")
+      })
+    ).role("table").default([
+      {
+        styleKey: IMAGE_STYLE_KEY_ARR[0],
+        darkMode: false
+      },
+      {
+        styleKey: IMAGE_STYLE_KEY_ARR[0],
+        darkMode: true
+      },
+      {
+        styleKey: IMAGE_STYLE_KEY_ARR[1],
+        darkMode: false
+      },
+      {
+        styleKey: IMAGE_STYLE_KEY_ARR[1],
+        darkMode: true
+      },
+      {
+        styleKey: IMAGE_STYLE_KEY_ARR[2],
+        darkMode: false
+      },
+      {
+        styleKey: IMAGE_STYLE_KEY_ARR[2],
+        darkMode: true
+      }
+    ]).description("� 图片样式配置。第一行是默认使用的样式，指定样式请使用 -i 参数"),
     imageType: import_koishi.Schema.union([
       import_koishi.Schema.const(IMAGE_TYPES.PNG).description(`🖼️ ${IMAGE_TYPES.PNG}, ❌ 不支持调整quality`),
       import_koishi.Schema.const(IMAGE_TYPES.JPEG).description(`🌄 ${IMAGE_TYPES.JPEG}, ✅ 支持调整quality`),
@@ -1183,27 +2130,70 @@ var Config = import_koishi.Schema.intersect([
   }).description("发送 onebot转发消息 配置 ✉️"),
   import_koishi.Schema.object({
     verboseSessionOutput: import_koishi.Schema.boolean().default(false).description("🗣️ 是否在会话中输出详细信息。(生产环境别开，东西很多)"),
-    verboseConsoleOutput: import_koishi.Schema.boolean().default(false).description("💻 是否在控制台输出详细信息。")
+    verboseConsoleOutput: import_koishi.Schema.boolean().default(false).description("💻 是否在控制台输出详细信息。"),
+    verboseFileOutput: import_koishi.Schema.boolean().default(false).description("📄 是否在文件中输出详细信息。(生产环境不要开)")
   }).description("调试 (Debug) 配置 🐞")
 ]);
 function apply(ctx, config) {
   validateFonts(ctx).catch((error) => {
     ctx.logger.error(`字体文件验证失败: ${error.message}`);
   });
+  ctx.plugin(OnebotInfoImageDataServer);
   const responseHint = [
     config.sendText && "文本消息",
     config.sendImage && "图片消息",
     config.sendForward && "合并转发消息"
   ].filter(Boolean).join("、");
+  ctx.command(config.inspectStyleCommandName, "查看图片样式列表").alias("ais").alias("awa_inspect_style").action(async ({ session }) => {
+    let msg = "用户信息图片样式列表：\n";
+    for (let i = 0; i < config.imageStyleDetails.length; i++) {
+      const o = config.imageStyleDetails[i];
+      msg += `	【${i}】: ${IMAGE_STYLES[o.styleKey]} ${o.darkMode ? "深色模式" : "浅色模式"} (${o.styleKey})
+`;
+    }
+    await session.send(msg);
+  });
   if (config.enableUserInfoCommand)
-    ctx.command(config.userinfoCommandName, `获取用户信息, 发送${responseHint}`).alias("aui").alias("awa_user_info").action(async ({ session }) => {
+    ctx.command(`${config.userinfoCommandName} [qqId:string]`, `获取用户信息, 发送${responseHint}`).alias("aui").alias("awa_user_info").option("imageStyleIdx", "-i, --idx, --index <idx:number> 图片样式索引").action(async ({ session, options }, qqId) => {
       if (!session.onebot)
         return session.send("[error]当前会话不支持onebot协议。");
+      const IMAGE_STYLE_VALUES = Object.values(IMAGE_STYLES);
+      const defaultStyleDetailObj = config.imageStyleDetails.length > 0 ? config.imageStyleDetails[0] : { styleKey: IMAGE_STYLE_KEY_ARR[0], darkMode: false };
+      let selectedStyleDetailObj = defaultStyleDetailObj;
+      if (options.imageStyleIdx !== void 0) {
+        const isIdxValid = options.imageStyleIdx >= 0 && options.imageStyleIdx < config.imageStyleDetails.length;
+        if (!isIdxValid) {
+          let idxInvalidMsgArr = [
+            `图片样式索引不合法。`,
+            `	 合法范围：[0, ${config.imageStyleDetails.length - 1}]双闭区间。`,
+            `	 当前输入：${options.imageStyleIdx}`,
+            `
+`,
+            `输入指令 ${config.inspectStyleCommandName} 查看图片样式列表。`
+          ];
+          return await session.send(idxInvalidMsgArr.join("\n"));
+        }
+        selectedStyleDetailObj = config.imageStyleDetails[options.imageStyleIdx];
+      }
       let targetUserId = session.userId;
-      for (const e of session.event.message.elements) {
-        if (e.type === "at") {
-          targetUserId = e.attrs.id;
-          break;
+      let isDirectQuery = false;
+      if (qqId) {
+        const userIdRegex = /<at id="([^"]+)"(?: name="[^"]*")?\/>/;
+        const match = qqId.match(userIdRegex);
+        if (match) {
+          targetUserId = match[1];
+          isDirectQuery = true;
+        } else {
+          targetUserId = qqId;
+          isDirectQuery = true;
+        }
+      }
+      if (!isDirectQuery) {
+        for (const e of session.event.message.elements) {
+          if (e.type === "at") {
+            targetUserId = e.attrs.id;
+            break;
+          }
         }
       }
       const userObj = await session.bot.getUser(targetUserId);
@@ -1227,7 +2217,7 @@ function apply(ctx, config) {
 	 ${JSON.stringify(strangerInfoObj)}`;
         if (config.verboseSessionOutput) await session.send(strangerInfoObjMsg);
         if (config.verboseConsoleOutput) ctx.logger.info(strangerInfoObjMsg);
-        if (session.guildId) {
+        if (session.guildId && !isDirectQuery) {
           const groupMemberInfoObj = await session.onebot.getGroupMemberInfo(session.guildId, targetUserId);
           let groupMemberInfoObjMsg = `groupMemberInfoObj = 
 	 ${JSON.stringify(groupMemberInfoObj)}`;
@@ -1282,9 +2272,10 @@ function apply(ctx, config) {
         if (config.onebotImplName === ONEBOT_IMPL_NAME.LAGRNAGE) {
         } else if (config.onebotImplName === ONEBOT_IMPL_NAME.NAPCAT) {
           const ncUserStatusObj = await session.onebot._request("nc_get_user_status", { user_id: targetUserId });
+          const napcatStatusData = ncUserStatusObj?.data ?? null;
           userInfoArg.status = {
             napcat_origin: ncUserStatusObj,
-            message: getNapcatQQStatusText(ncUserStatusObj?.data.status, ncUserStatusObj?.data.ext_status)
+            message: getNapcatQQStatusText(napcatStatusData?.status, napcatStatusData?.ext_status)
           };
         }
         let userInfoArgMsg = `userInfoArg = 
@@ -1320,7 +2311,20 @@ function apply(ctx, config) {
         }
         if (config.sendImage) {
           const waitTipMsgId = await session.send(`${import_koishi.h.quote(session.messageId)}🔄正在渲染用户信息图片，请稍候⏳...`);
-          const userInfoimageBase64 = await renderUserInfo(ctx, unifiedUserInfo, unifiedContextInfo, config.imageStyle, config.enableDarkMode, config.imageType, config.screenshotQuality);
+          const selectedImageStyle = IMAGE_STYLES[selectedStyleDetailObj.styleKey];
+          const selectedDarkMode = selectedStyleDetailObj.darkMode;
+          const userInfoimageBase64 = await renderUserInfo(ctx, unifiedUserInfo, unifiedContextInfo, selectedImageStyle, selectedDarkMode, config.imageType, config.screenshotQuality, config.hidePhoneNumber);
+          if (config.verboseFileOutput) {
+            try {
+              const tmpDir = (0, import_path2.resolve)(__dirname, "../tmp");
+              (0, import_fs2.mkdirSync)(tmpDir, { recursive: true });
+              const outputPath = (0, import_path2.resolve)(tmpDir, "image_base64.txt");
+              (0, import_fs2.writeFileSync)(outputPath, userInfoimageBase64, "utf-8");
+              ctx.logger.info(`图片 base64 已输出到: ${outputPath}`);
+            } catch (error) {
+              ctx.logger.error(`写入 base64 文件失败: ${error.message}`);
+            }
+          }
           await session.send(`${config.enableQuoteWithImage ? import_koishi.h.quote(session.messageId) : ""}${import_koishi.h.image(`data:image/png;base64,${userInfoimageBase64}`)}`);
           await session.bot.deleteMessage(session.guildId, String(waitTipMsgId));
         }
@@ -1337,11 +2341,29 @@ function apply(ctx, config) {
       }
     });
   if (config.enableGroupAdminListCommand)
-    ctx.command(config.groupAdminListCommandName, `获取群管理员列表, 发送${responseHint}`).alias("al").alias("awa_group_admin_list").action(async ({ session, options }) => {
+    ctx.command(config.groupAdminListCommandName, `获取群管理员列表, 发送${responseHint}`).alias("al").alias("awa_group_admin_list").option("imageStyleIdx", "-i, --idx, --index <idx:number> 图片样式索引").action(async ({ session, options }) => {
       if (!session.onebot)
         return session.send("[error]当前会话不支持onebot协议。");
       if (!session.guildId)
         return session.send("[error]当前会话不在群聊中。");
+      const IMAGE_STYLE_VALUES = Object.values(IMAGE_STYLES);
+      const defaultStyleDetailObj = config.imageStyleDetails.length > 0 ? config.imageStyleDetails[0] : { styleKey: IMAGE_STYLE_KEY_ARR[0], darkMode: false };
+      let selectedStyleDetailObj = defaultStyleDetailObj;
+      if (options.imageStyleIdx !== void 0) {
+        const isIdxValid = options.imageStyleIdx >= 0 && options.imageStyleIdx < config.imageStyleDetails.length;
+        if (!isIdxValid) {
+          let idxInvalidMsgArr = [
+            `图片样式索引不合法。`,
+            `	 合法范围：[0, ${config.imageStyleDetails.length - 1}]双闭区间。`,
+            `	 当前输入：${options.imageStyleIdx}`,
+            `
+`,
+            `输入指令 ${config.inspectStyleCommandName} 查看图片样式列表。`
+          ];
+          return await session.send(idxInvalidMsgArr.join("\n"));
+        }
+        selectedStyleDetailObj = config.imageStyleDetails[options.imageStyleIdx];
+      }
       try {
         const groupMemberListObj = await session.onebot.getGroupMemberList(session.guildId);
         const groupInfoObj = await session.onebot.getGroupInfo(session.guildId);
@@ -1397,7 +2419,9 @@ function apply(ctx, config) {
           ctx.logger.info(`context info = ${JSON.stringify(contextInfo)}`);
           const waitTipMsgId = await session.send(`${import_koishi.h.quote(session.messageId)}🔄正在渲染群管理员列表图片，请稍候⏳...`);
           const unifiedContextInfo = convertToUnifiedContextInfo(contextInfo, config.onebotImplName);
-          const adminListImageBase64 = await renderAdminList(ctx, adminListArg, unifiedContextInfo, config.imageStyle, config.enableDarkMode, config.imageType, config.screenshotQuality);
+          const selectedImageStyle = IMAGE_STYLES[selectedStyleDetailObj.styleKey];
+          const selectedDarkMode = selectedStyleDetailObj.darkMode;
+          const adminListImageBase64 = await renderAdminList(ctx, adminListArg, unifiedContextInfo, selectedImageStyle, selectedDarkMode, config.imageType, config.screenshotQuality);
           await session.send(`${config.enableQuoteWithImage ? import_koishi.h.quote(session.messageId) : ""}${import_koishi.h.image(`data:image/png;base64,${adminListImageBase64}`)}`);
           await session.bot.deleteMessage(session.guildId, String(waitTipMsgId));
         }