dsh-fishpai 1.0.2

package/plugin/vendor/themes.js

@@ -0,0 +1,414 @@
+// ============================================
+// 样式主题配置 — 11 种精美主题
+// ============================================
+
+const themes = {
+  // ─── 经典公众号系列 ─────────────────────
+  default: {
+    name: '默认公众号',
+    emoji: '📱',
+    desc: '经典微信公众号排版',
+    category: 'classic',
+    styles: {
+      wrapper: 'font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif; color: #333; line-height: 1.75; padding: 16px 20px; font-size: 15px;',
+      h1: 'font-size: 22px; font-weight: bold; text-align: center; margin: 24px 0 16px; color: #1a1a1a; border-bottom: 2px solid {{PRIMARY}}; padding-bottom: 12px;',
+      h2: 'font-size: 18px; font-weight: bold; margin: 20px 0 12px; color: #1a1a1a; border-left: 4px solid {{PRIMARY}}; padding-left: 12px;',
+      h3: 'font-size: 16px; font-weight: bold; margin: 16px 0 8px; color: #333;',
+      p: 'margin: 8px 0; line-height: 1.8; letter-spacing: 0.5px;',
+      blockquote: 'border-left: 4px solid {{PRIMARY}}; background: {{PRIMARY_BG}}; padding: 12px 16px; margin: 12px auto; color: #555; border-radius: 0 4px 4px 0;',
+      code_inline: 'background: #fff5f5; color: #c7254e; padding: 2px 6px; border-radius: 3px; font-size: 90%;',
+      code_block: 'background: #282c34; color: #abb2bf; padding: 16px; border-radius: 8px; font-size: 13px; line-height: 1.6; overflow-x: auto;',
+      ul: 'margin: 8px 0; padding-left: 24px;',
+      ol: 'margin: 8px 0; padding-left: 24px;',
+      li: 'margin: 4px 0; line-height: 1.8;',
+      img: 'max-width: 100%; border-radius: 8px; margin: 12px auto; display: block;',
+      a: 'color: {{PRIMARY}}; text-decoration: none; border-bottom: 1px solid {{PRIMARY}};',
+      table: 'width: 100%; border-collapse: collapse; margin: 12px auto; font-size: 14px;',
+      th: 'background: {{PRIMARY_BG}}; padding: 10px 12px; border: 1px solid #e8e8e8; font-weight: bold; text-align: left;',
+      td: 'padding: 10px 12px; border: 1px solid #e8e8e8;',
+      hr: 'border: none; height: 1px; background: linear-gradient(to right, transparent, {{PRIMARY}}, transparent); margin: 24px 0;',
+      strong: 'color: {{PRIMARY}}; font-weight: bold;',
+      em: 'font-style: italic; color: #666;',
+    }
+  },
+
+  tech: {
+    name: '技术风格',
+    emoji: '💻',
+    desc: '适合技术文章',
+    category: 'classic',
+    styles: {
+      wrapper: 'font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", sans-serif; color: #2d3748; line-height: 1.8; padding: 16px 20px; font-size: 15px;',
+      h1: 'font-size: 24px; font-weight: 700; margin: 28px 0 16px; color: #1a202c; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom: 8px;',
+      h2: 'font-size: 19px; font-weight: 600; margin: 22px 0 12px; color: #2d3748; border-left: 4px solid #667eea; padding-left: 12px; background: linear-gradient(to right, #f0f0ff, transparent); padding: 8px 12px; border-radius: 0 4px 4px 0;',
+      h3: 'font-size: 16px; font-weight: 600; margin: 16px 0 8px; color: #4a5568;',
+      p: 'margin: 8px 0; line-height: 1.8; color: #4a5568;',
+      blockquote: 'border-left: 4px solid #667eea; background: linear-gradient(135deg, #f5f3ff, #ede9fe); padding: 14px 18px; margin: 14px auto; color: #5b21b6; border-radius: 0 8px 8px 0; font-style: italic;',
+      code_inline: 'background: #edf2f7; color: #553c9a; padding: 2px 8px; border-radius: 4px; font-size: 90%;',
+      code_block: 'background: #1a1b26; color: #a9b1d6; padding: 18px; border-radius: 10px; font-size: 13px; line-height: 1.7; overflow-x: auto; border: 1px solid #2d3748;',
+      ul: 'margin: 8px 0; padding-left: 24px;',
+      ol: 'margin: 8px 0; padding-left: 24px;',
+      li: 'margin: 4px 0; line-height: 1.8; color: #4a5568;',
+      img: 'max-width: 100%; border-radius: 10px; margin: 14px auto; display: block; box-shadow: 0 4px 12px rgba(0,0,0,0.1);',
+      a: 'color: #667eea; text-decoration: none; border-bottom: 1px dashed #667eea;',
+      table: 'width: 100%; border-collapse: collapse; margin: 14px auto; font-size: 14px;',
+      th: 'background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 10px 14px; border: 1px solid #e2e8f0; text-align: left;',
+      td: 'padding: 10px 14px; border: 1px solid #e2e8f0;',
+      hr: 'border: none; height: 2px; background: linear-gradient(to right, #667eea, #764ba2); margin: 24px 0; border-radius: 1px;',
+      strong: 'color: #553c9a; font-weight: 700;',
+      em: 'font-style: italic; color: #718096;',
+    }
+  },
+
+  elegant: {
+    name: '优雅简约',
+    emoji: '✨',
+    desc: '精致杂志风排版',
+    category: 'classic',
+    styles: {
+      wrapper: 'font-family: "Georgia", "Noto Serif SC", "Source Han Serif SC", serif; color: #3c3c3c; line-height: 1.9; padding: 20px 24px; font-size: 16px;',
+      h1: 'font-size: 26px; font-weight: 700; text-align: center; margin: 32px 0 20px; color: #1a1a1a; letter-spacing: 2px;',
+      h2: 'font-size: 20px; font-weight: 600; margin: 24px 0 14px; color: #2c2c2c; text-align: center;',
+      h3: 'font-size: 17px; font-weight: 600; margin: 18px 0 10px; color: #444;',
+      p: 'margin: 10px 0; line-height: 2; text-indent: 2em; letter-spacing: 0.5px;',
+      blockquote: 'border-left: 3px solid #c9a96e; background: #fdf8f0; padding: 16px 20px; margin: 16px auto; color: #6b5b3e; font-style: italic; border-radius: 0 6px 6px 0;',
+      code_inline: 'background: #f8f5f0; color: #8b6914; padding: 2px 6px; border-radius: 3px; font-size: 90%;',
+      code_block: 'background: #2b2b2b; color: #d4d4d4; padding: 18px; border-radius: 8px; font-size: 13px; line-height: 1.6; overflow-x: auto;',
+      ul: 'margin: 10px 0; padding-left: 20px;',
+      ol: 'margin: 10px 0; padding-left: 24px;',
+      li: 'margin: 6px 0; line-height: 1.9;',
+      img: 'max-width: 100%; border-radius: 6px; margin: 16px auto; display: block; box-shadow: 0 2px 12px rgba(0,0,0,0.08);',
+      a: 'color: #c9a96e; text-decoration: none; border-bottom: 1px solid #c9a96e;',
+      table: 'width: 100%; border-collapse: collapse; margin: 16px auto; font-size: 14px;',
+      th: 'background: #fdf8f0; padding: 12px 14px; border: 1px solid #e8dcc8; font-weight: bold;',
+      td: 'padding: 12px 14px; border: 1px solid #e8dcc8;',
+      hr: 'border: none; height: 1px; background: linear-gradient(to right, transparent, #c9a96e, transparent); margin: 28px 0;',
+      strong: 'color: #8b6914; font-weight: 700;',
+      em: 'font-style: italic; color: #777;',
+    }
+  },
+
+  deep_read: {
+    name: '深度阅读',
+    emoji: '📖',
+    desc: '适合长文阅读',
+    category: 'classic',
+    styles: {
+      wrapper: 'font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif; color: #374151; line-height: 2; padding: 20px 24px; font-size: 16px;',
+      h1: 'font-size: 28px; font-weight: 800; margin: 36px 0 20px; color: #111827; letter-spacing: -0.5px;',
+      h2: 'font-size: 22px; font-weight: 700; margin: 28px 0 14px; color: #1f2937; padding-bottom: 8px; border-bottom: 1px solid #e5e7eb;',
+      h3: 'font-size: 18px; font-weight: 600; margin: 20px 0 10px; color: #374151;',
+      p: 'margin: 12px 0; line-height: 2; color: #4b5563; letter-spacing: 0.3px;',
+      blockquote: 'border-left: 3px solid #6366f1; background: #eef2ff; padding: 16px 20px; margin: 16px auto; color: #4338ca; border-radius: 0 8px 8px 0;',
+      code_inline: 'background: #f3f4f6; color: #dc2626; padding: 2px 6px; border-radius: 4px; font-size: 90%;',
+      code_block: 'background: #111827; color: #e5e7eb; padding: 20px; border-radius: 12px; font-size: 14px; line-height: 1.7; overflow-x: auto;',
+      ul: 'margin: 10px 0; padding-left: 24px;',
+      ol: 'margin: 10px 0; padding-left: 24px;',
+      li: 'margin: 6px 0; line-height: 2; color: #4b5563;',
+      img: 'max-width: 100%; border-radius: 12px; margin: 20px auto; display: block;',
+      a: 'color: #6366f1; text-decoration: none; font-weight: 500;',
+      table: 'width: 100%; border-collapse: collapse; margin: 16px auto;',
+      th: 'background: #f9fafb; padding: 12px 16px; border: 1px solid #e5e7eb; font-weight: 600;',
+      td: 'padding: 12px 16px; border: 1px solid #e5e7eb;',
+      hr: 'border: none; text-align: center; margin: 32px 0; height: auto;',
+      strong: 'color: #111827; font-weight: 700;',
+      em: 'font-style: italic; color: #6b7280;',
+    }
+  },
+
+  // ─── 媒体风格系列 ─────────────────────
+  nyt: {
+    name: '纽约时报',
+    emoji: '📰',
+    desc: '经典报刊风格',
+    category: 'media',
+    styles: {
+      wrapper: 'font-family: "Georgia", "Noto Serif SC", serif; color: #333; line-height: 1.8; padding: 20px 24px; font-size: 17px;',
+      h1: 'font-family: "Georgia", serif; font-size: 32px; font-weight: 900; margin: 32px 0 8px; color: #121212; letter-spacing: -0.5px; line-height: 1.2;',
+      h2: 'font-family: "Georgia", serif; font-size: 22px; font-weight: 700; margin: 28px 0 10px; color: #121212;',
+      h3: 'font-size: 18px; font-weight: 700; margin: 20px 0 8px; color: #333; font-style: italic;',
+      p: 'margin: 8px 0; line-height: 1.85; color: #333;',
+      blockquote: 'border-left: 3px solid #121212; padding: 0 0 0 20px; margin: 16px auto; color: #555; font-style: italic; font-size: 18px;',
+      code_inline: 'background: #f7f7f7; color: #333; padding: 2px 6px; border-radius: 2px; font-size: 88%;',
+      code_block: 'background: #f7f7f7; color: #333; padding: 20px; border-radius: 4px; font-size: 14px; line-height: 1.6; overflow-x: auto; border: 1px solid #e0e0e0;',
+      ul: 'margin: 8px 0; padding-left: 20px;',
+      ol: 'margin: 8px 0; padding-left: 20px;',
+      li: 'margin: 4px 0; line-height: 1.85;',
+      img: 'max-width: 100%; margin: 16px auto; display: block;',
+      a: 'color: #326891; text-decoration: underline;',
+      table: 'width: 100%; border-collapse: collapse; margin: 16px auto;',
+      th: 'background: #f7f7f7; padding: 10px 14px; border-bottom: 2px solid #121212; font-weight: bold; text-align: left;',
+      td: 'padding: 10px 14px; border-bottom: 1px solid #e0e0e0;',
+      hr: 'border: none; border-top: 1px solid #ccc; margin: 28px 0;',
+      strong: 'font-weight: 900; color: #121212;',
+      em: 'font-style: italic;',
+    }
+  },
+
+  // 上游的「金融时报（ft）」与「Medium」两套主题已移除（实测后决定，非上游行为）：
+  //   · ft 的特点就是整页粉橙异色底（background: #fff1e5），而公众号文章不适合整页底色；
+  //     去掉底之后它与相邻的衬线主题几乎一样，没有单独存在的价值。
+  //   · medium 与 nyt 的差别只剩字号与字体栈，实际观感重合。
+  // 上游原版 themes.js 仍完整保留在 legacy-site/ 里，需要逐字节比对时看那边。
+
+  // ─── 现代数字系列 ─────────────────────
+  apple: {
+    name: 'Apple 极简',
+    emoji: '🍎',
+    desc: '苹果风格极简设计',
+    category: 'modern',
+    styles: {
+      wrapper: 'font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "PingFang SC", sans-serif; color: #1d1d1f; line-height: 1.75; padding: 20px 28px; font-size: 17px;',
+      h1: 'font-size: 32px; font-weight: 700; margin: 40px 0 16px; color: #1d1d1f; letter-spacing: -0.5px; line-height: 1.15;',
+      h2: 'font-size: 24px; font-weight: 600; margin: 32px 0 12px; color: #1d1d1f;',
+      h3: 'font-size: 19px; font-weight: 600; margin: 24px 0 8px; color: #1d1d1f;',
+      p: 'margin: 10px 0; line-height: 1.75; color: #1d1d1f;',
+      blockquote: 'border-left: 3px solid #0071e3; padding: 12px 20px; margin: 16px auto; color: #6e6e73; background: #f5f5f7; border-radius: 0 12px 12px 0;',
+      code_inline: 'background: #f5f5f7; color: #1d1d1f; padding: 3px 8px; border-radius: 6px; font-size: 88%;',
+      code_block: 'background: #1d1d1f; color: #f5f5f7; padding: 20px; border-radius: 14px; font-size: 14px; line-height: 1.7; overflow-x: auto;',
+      ul: 'margin: 10px 0; padding-left: 24px;',
+      ol: 'margin: 10px 0; padding-left: 24px;',
+      li: 'margin: 6px 0; line-height: 1.75;',
+      img: 'max-width: 100%; border-radius: 16px; margin: 20px auto; display: block;',
+      a: 'color: #0071e3; text-decoration: none;',
+      table: 'width: 100%; border-collapse: collapse; margin: 16px auto;',
+      th: 'background: #f5f5f7; padding: 12px 16px; border-bottom: 1px solid #d2d2d7; font-weight: 600; text-align: left;',
+      td: 'padding: 12px 16px; border-bottom: 1px solid #d2d2d7;',
+      hr: 'border: none; height: 1px; background: #d2d2d7; margin: 32px 0;',
+      strong: 'font-weight: 600;',
+      em: 'font-style: italic; color: #6e6e73;',
+    }
+  },
+
+  claude: {
+    name: 'Claude',
+    emoji: '🤖',
+    desc: 'Anthropic Claude 风格',
+    category: 'modern',
+    styles: {
+      wrapper: 'font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif; color: #2d2b2a; line-height: 1.8; padding: 20px 24px; font-size: 16px;',
+      h1: 'font-size: 26px; font-weight: 700; margin: 32px 0 16px; color: #c96442; letter-spacing: -0.3px;',
+      h2: 'font-size: 21px; font-weight: 600; margin: 24px 0 12px; color: #c96442; border-bottom: 2px solid #f0dcc8; padding-bottom: 8px;',
+      h3: 'font-size: 17px; font-weight: 600; margin: 18px 0 8px; color: #8b5c3e;',
+      p: 'margin: 10px 0; line-height: 1.85; color: #2d2b2a;',
+      blockquote: 'border-left: 3px solid #c96442; background: #faf3ea; padding: 14px 20px; margin: 14px auto; color: #5c4a3a; border-radius: 0 8px 8px 0;',
+      code_inline: 'background: #f5ede4; color: #c96442; padding: 2px 8px; border-radius: 5px; font-size: 90%;',
+      code_block: 'background: #2d2b2a; color: #f5ede4; padding: 18px; border-radius: 12px; font-size: 13.5px; line-height: 1.7; overflow-x: auto; border: 1px solid #e8dcc8;',
+      ul: 'margin: 10px 0; padding-left: 24px;',
+      ol: 'margin: 10px 0; padding-left: 24px;',
+      li: 'margin: 5px 0; line-height: 1.85;',
+      img: 'max-width: 100%; border-radius: 12px; margin: 18px auto; display: block; box-shadow: 0 2px 8px rgba(150,100,60,0.1);',
+      a: 'color: #c96442; text-decoration: none; border-bottom: 1px solid #c96442;',
+      table: 'width: 100%; border-collapse: collapse; margin: 16px auto;',
+      th: 'background: #faf3ea; padding: 10px 14px; border: 1px solid #e8dcc8; font-weight: 600; text-align: left;',
+      td: 'padding: 10px 14px; border: 1px solid #e8dcc8;',
+      hr: 'border: none; height: 2px; background: linear-gradient(to right, transparent, #c96442, transparent); margin: 28px 0;',
+      strong: 'color: #c96442; font-weight: 600;',
+      em: 'font-style: italic; color: #8b7b6b;',
+    }
+  },
+
+  // ─── V3 新增主题 ─────────────────────
+  sspai: {
+    name: '少数派',
+    emoji: '🔮',
+    desc: 'sspai 清新科技风',
+    category: 'modern',
+    styles: {
+      wrapper: 'font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", sans-serif; color: #2b2b2b; line-height: 1.8; padding: 20px 24px; font-size: 16px;',
+      h1: 'font-size: 26px; font-weight: 700; margin: 32px 0 16px; color: #d71a18; letter-spacing: -0.3px;',
+      h2: 'font-size: 20px; font-weight: 600; margin: 24px 0 12px; color: #2b2b2b; border-left: 4px solid #d71a18; padding-left: 12px;',
+      h3: 'font-size: 16px; font-weight: 600; margin: 18px 0 8px; color: #444;',
+      p: 'margin: 10px 0; line-height: 1.85; color: #2b2b2b;',
+      blockquote: 'border-left: 4px solid #d71a18; background: #fef5f5; padding: 14px 18px; margin: 14px auto; color: #666; border-radius: 0 6px 6px 0;',
+      code_inline: 'background: #f4f4f4; color: #d71a18; padding: 2px 8px; border-radius: 4px; font-size: 90%;',
+      code_block: 'background: #1e1e1e; color: #d4d4d4; padding: 18px; border-radius: 10px; font-size: 13px; line-height: 1.7; overflow-x: auto;',
+      ul: 'margin: 10px 0; padding-left: 24px;',
+      ol: 'margin: 10px 0; padding-left: 24px;',
+      li: 'margin: 5px 0; line-height: 1.8;',
+      img: 'max-width: 100%; border-radius: 8px; margin: 16px auto; display: block;',
+      a: 'color: #d71a18; text-decoration: none;',
+      table: 'width: 100%; border-collapse: collapse; margin: 16px auto;',
+      th: 'background: #fef5f5; padding: 10px 14px; border: 1px solid #eee; font-weight: 600; text-align: left;',
+      td: 'padding: 10px 14px; border: 1px solid #eee;',
+      hr: 'border: none; height: 2px; background: linear-gradient(to right, #d71a18, transparent); margin: 28px 0;',
+      strong: 'color: #d71a18; font-weight: 700;',
+      em: 'font-style: italic; color: #888;',
+    }
+  },
+
+  bamboo: {
+    name: '竹林',
+    emoji: '🎋',
+    desc: '中国风绿色雅致',
+    category: 'creative',
+    styles: {
+      wrapper: 'font-family: "STKaiti", "KaiTi", "Noto Serif SC", "Georgia", serif; color: #2c3e2d; line-height: 1.9; padding: 20px 24px; font-size: 16px;',
+      h1: 'font-size: 28px; font-weight: 700; text-align: center; margin: 36px 0 20px; color: #1a472a; letter-spacing: 4px;',
+      h2: 'font-size: 20px; font-weight: 600; margin: 24px 0 14px; color: #2c5f3a; padding-bottom: 8px; border-bottom: 2px solid #8fbc8f;',
+      h3: 'font-size: 17px; font-weight: 600; margin: 18px 0 10px; color: #3a7d44;',
+      p: 'margin: 10px 0; line-height: 2; text-indent: 2em; color: #2c3e2d;',
+      blockquote: 'border-left: 4px solid #8fbc8f; background: #f0f8f0; padding: 16px 20px; margin: 16px auto; color: #3a7d44; border-radius: 0 8px 8px 0; font-style: italic;',
+      code_inline: 'background: #e8f5e9; color: #2e7d32; padding: 2px 6px; border-radius: 4px; font-size: 90%;',
+      code_block: 'background: #1b2a1b; color: #a5d6a7; padding: 18px; border-radius: 8px; font-size: 13px; line-height: 1.7; overflow-x: auto;',
+      ul: 'margin: 10px 0; padding-left: 24px;',
+      ol: 'margin: 10px 0; padding-left: 24px;',
+      li: 'margin: 6px 0; line-height: 1.9;',
+      img: 'max-width: 100%; border-radius: 8px; margin: 16px auto; display: block; box-shadow: 0 2px 12px rgba(60,120,60,0.1);',
+      a: 'color: #2e7d32; text-decoration: none; border-bottom: 1px dashed #8fbc8f;',
+      table: 'width: 100%; border-collapse: collapse; margin: 16px auto;',
+      th: 'background: #f0f8f0; padding: 10px 14px; border: 1px solid #c8e6c9; font-weight: 600; text-align: left;',
+      td: 'padding: 10px 14px; border: 1px solid #c8e6c9;',
+      hr: 'border: none; height: 1px; background: linear-gradient(to right, transparent, #8fbc8f, transparent); margin: 28px 0;',
+      strong: 'color: #1b5e20; font-weight: 700;',
+      em: 'font-style: italic; color: #689f63;',
+    }
+  },
+
+  dark_night: {
+    name: '暗夜模式',
+    emoji: '🌃',
+    desc: '暗色背景高对比',
+    category: 'creative',
+    styles: {
+      wrapper: 'font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif; color: #e0e0e0; line-height: 1.8; padding: 20px 24px; font-size: 16px; background: #1a1a2e;',
+      h1: 'font-size: 26px; font-weight: 700; margin: 32px 0 16px; color: #e94560; letter-spacing: -0.3px;',
+      h2: 'font-size: 20px; font-weight: 600; margin: 24px 0 12px; color: #e94560; border-left: 4px solid #e94560; padding-left: 12px;',
+      h3: 'font-size: 17px; font-weight: 600; margin: 18px 0 8px; color: #ff8a80;',
+      p: 'margin: 10px 0; line-height: 1.85; color: #c0c0c0;',
+      blockquote: 'border-left: 4px solid #e94560; background: rgba(233,69,96,0.08); padding: 14px 18px; margin: 14px auto; color: #ff8a80; border-radius: 0 8px 8px 0;',
+      code_inline: 'background: rgba(255,255,255,0.08); color: #64ffda; padding: 2px 8px; border-radius: 4px; font-size: 90%;',
+      code_block: 'background: #0f0f1a; color: #a9b1d6; padding: 18px; border-radius: 10px; font-size: 13px; line-height: 1.7; overflow-x: auto; border: 1px solid #16213e;',
+      ul: 'margin: 10px 0; padding-left: 24px;',
+      ol: 'margin: 10px 0; padding-left: 24px;',
+      li: 'margin: 5px 0; line-height: 1.85; color: #c0c0c0;',
+      img: 'max-width: 100%; border-radius: 10px; margin: 16px auto; display: block;',
+      a: 'color: #64ffda; text-decoration: none;',
+      table: 'width: 100%; border-collapse: collapse; margin: 16px auto;',
+      th: 'background: rgba(233,69,96,0.15); padding: 10px 14px; border: 1px solid #16213e; font-weight: 600; text-align: left; color: #e94560;',
+      td: 'padding: 10px 14px; border: 1px solid #16213e; color: #c0c0c0;',
+      hr: 'border: none; height: 2px; background: linear-gradient(to right, #e94560, #0f3460, #e94560); margin: 28px 0;',
+      strong: 'color: #e94560; font-weight: 700;',
+      em: 'font-style: italic; color: #888;',
+    }
+  },
+
+  gradient: {
+    name: '渐变彩虹',
+    emoji: '🌈',
+    desc: '标题彩色渐变效果',
+    category: 'creative',
+    styles: {
+      wrapper: 'font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif; color: #333; line-height: 1.8; padding: 20px 24px; font-size: 16px;',
+      h1: 'font-size: 28px; font-weight: 800; margin: 32px 0 16px; background: linear-gradient(135deg, #f093fb 0%, #f5576c 50%, #4facfe 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center;',
+      h2: 'font-size: 21px; font-weight: 700; margin: 24px 0 12px; background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;',
+      h3: 'font-size: 17px; font-weight: 600; margin: 18px 0 8px; background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;',
+      p: 'margin: 10px 0; line-height: 1.85; color: #444;',
+      blockquote: 'border-left: 4px solid; border-image: linear-gradient(to bottom, #f093fb, #f5576c) 1; background: linear-gradient(135deg, #fdf2f8, #fce7f3); padding: 14px 18px; margin: 14px auto; color: #9b2c6c; border-radius: 0;',
+      code_inline: 'background: linear-gradient(135deg, #e0c3fc, #8ec5fc); color: #5b21b6; padding: 2px 8px; border-radius: 4px; font-size: 90%;',
+      code_block: 'background: #1a1a2e; color: #e0e0e0; padding: 18px; border-radius: 12px; font-size: 13px; line-height: 1.7; overflow-x: auto; border: 2px solid; border-image: linear-gradient(135deg, #f093fb, #f5576c, #4facfe) 1;',
+      ul: 'margin: 10px 0; padding-left: 24px;',
+      ol: 'margin: 10px 0; padding-left: 24px;',
+      li: 'margin: 5px 0; line-height: 1.85;',
+      img: 'max-width: 100%; border-radius: 12px; margin: 16px auto; display: block;',
+      a: 'background: linear-gradient(135deg, #f093fb, #f5576c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; font-weight: 600;',
+      table: 'width: 100%; border-collapse: collapse; margin: 16px auto;',
+      th: 'background: linear-gradient(135deg, #e0c3fc, #8ec5fc); padding: 10px 14px; border: 1px solid #e2e8f0; font-weight: 600; text-align: left;',
+      td: 'padding: 10px 14px; border: 1px solid #e2e8f0;',
+      hr: 'border: none; height: 3px; background: linear-gradient(to right, #f093fb, #f5576c, #ffecd2, #43e97b, #4facfe); margin: 28px 0; border-radius: 2px;',
+      strong: 'background: linear-gradient(135deg, #f5576c, #ff6b6b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 800;',
+      em: 'font-style: italic; color: #888;',
+    }
+  },
+};
+
+// ─── 预设颜色板 ─────────────────────
+const colorPresets = [
+  { name: '翡翠绿', color: '#10b981' },
+  { name: '天空蓝', color: '#3b82f6' },
+  { name: '靛蓝', color: '#4f6ef7' },
+  { name: '薰衣紫', color: '#8b5cf6' },
+  { name: '玫瑰粉', color: '#ec4899' },
+  { name: '珊瑚红', color: '#ef4444' },
+  { name: '琥珀橙', color: '#f59e0b' },
+  { name: '青碧', color: '#0d9488' },
+  { name: '海军蓝', color: '#1e40af' },
+  { name: '深玫瑰', color: '#be185d' },
+  { name: '石墨灰', color: '#4b5563' },
+  { name: '经典蓝', color: '#1890ff' },
+];
+
+// ─── 示例 Markdown 内容 ─────────────────
+const sampleMarkdown = `# MoPai 墨排 V3
+
+欢迎使用 **MoPai 墨排** V3！✒️ 优雅高效的多平台 Markdown 排版工具。
+
+## 🎯 核心功能
+
+### 1. 实时预览
+左侧输入 Markdown，右侧即时查看排版效果。
+
+### 2. 13 种精美主题
+> 💡 支持 13 种专业设计主题，涵盖经典公众号、媒体风格、现代数字、创意系列。
+
+### 3. 暗色模式
+点击右上角 🌙 图标切换暗色界面，减轻眼睛疲劳。
+
+### 4. 自定义样式
+- 🎨 12 种预设颜色 + 自定义取色器
+- 🔤 3 种字体风格 + 5 档字号
+- 💻 Mac 风格代码块
+
+## 📝 排版示例
+
+### 文字样式
+
+**加粗文字** 和 *斜体文字*，以及 \`行内代码\`。
+
+### 信息卡片
+
+:::tip 💡 使用提示
+你可以使用 \`:::info\`、\`:::warning\`、\`:::tip\` 来创建漂亮的信息卡片。
+:::
+
+:::warning ⚠️ 注意事项
+复制到公众号时，请确保使用「复制到公众号」按钮。
+:::
+
+### 代码块
+
+\`\`\`python
+def hello():
+    """Mac 风格代码块，带三色圆点"""
+    print("Hello, Markdown! 🎉")
+    return True
+\`\`\`
+
+\`\`\`javascript
+const themes = ['默认', '技术', '优雅', 'Claude', '暗夜'];
+themes.forEach(theme => console.log(\`🎨 \${theme}\`));
+\`\`\`
+
+### 表格
+
+| 功能 | 说明 | 状态 |
+|------|------|------|
+| 13 种主题 | 经典 + 媒体 + 现代 + 创意 | ✅ |
+| 暗色模式 | 一键切换 | ✅ |
+| 自定义颜色 | 12 预设 + 自选 | ✅ |
+| Mac 代码块 | 三色圆点标题栏 | ✅ |
+| 格式工具栏 | 快捷插入语法 | ✅ |
+| 导出 HTML | 下载排版文件 | ✅ |
+
+### 有序列表
+
+1. 编写 Markdown 内容
+2. 选择心仪的样式主题
+3. 调整字体和颜色
+4. 点击复制到公众号
+5. 粘贴到微信编辑器 🎉
+
+---
+
+*由 MoPai 墨排 V3 生成 · 优雅高效的排版工具*
+`;

package/skills/fishpai/SKILL.md

@@ -0,0 +1,146 @@
+---
+name: fishpai
+description: 把 Markdown 排成可直接粘进微信公众号编辑器的内联样式 HTML，并在 DSH 右侧栏的「鱼排编辑器」面板里与人协同改稿（11 套主题 + 微信脚注 + 代码块高亮）。当用户要求「公众号排版」「微信排版」「把这篇 Markdown 排好看点」「套个主题」「复制到公众号」「改这篇公众号文章」，或提到鱼排 / FishPai / 墨排 / MoPai / mopai-markdown 时使用；也用于人在鱼排面板里改过稿、加了批注或行内占位之后，需要读懂 diff 再改稿的场合。
+---
+
+# 鱼排 FishPai（公众号排版与协同改稿）
+
+鱼排把 Markdown 排成**内联样式 HTML**：整段粘进微信公众号编辑器就得到成品排版。
+它的渲染内核与 [MoPai 墨排](https://github.com/ye4wzp/mopai-markdown) 的「复制到公众号」输出逐字节一致
+（真实剪贴板内容规范化后零差异）。主题清单有意不同：上游的「金融时报」「Medium」已移除，「Claude」去掉了整页异色底。
+
+## 什么时候用
+
+- 用户要把一篇 Markdown（活动通告、文章、说明）排成公众号样式
+- 用户想换主题、调字号、调主题色，或要「复制到公众号」
+- 用户在**鱼排面板里改过稿、加过批注/占位**，要你把他的改动读进来再改
+- 用户提到鱼排 / FishPai / 墨排 / MoPai / mopai-markdown
+
+**不适用**：需要真的发布到公众号后台（要走微信官方 API 或人工粘贴）。鱼排只产出可粘贴的 HTML，
+发布永远由人复制粘贴完成。
+
+## 五个工具与正确顺序
+
+| 工具 | 用途 |
+|---|---|
+| `fishpai_open` | 打开/新建文档并在右侧栏弹出面板。传 `markdown` 新建；传 `path` 打开已有的 `.md`（**不覆盖**已有内容；`path` 可省略扩展名，会自动补 `.md`） |
+| `fishpai_read` | **改稿前必做**。返回：与"你上次写入的版本"的**块级 diff**、人的**批注**、**行内占位**、图片提醒、全文与块 id |
+| `fishpai_write` | 改稿。必须带 `base_revision`；优先 `mode:"patch"` 只改指定块，`mode:"replace"` 才整篇换 |
+| `fishpai_render` | 导出可粘贴/归档用的自包含 HTML 文件（本地图片内嵌 base64；`out_path` 可省略扩展名） |
+| `fishpai_theme` | 存/看/删**工作目录级**的那一套「自定义主题」（`set` / `show` / `clear`）。用户要"某种观感"时用，见下面「自定义主题」一节 |
+
+标准流程：
+
+1. 用户要写/改一篇公众号文章 → `fishpai_open({ markdown })`（或 `{ path: 'in/x.md' }` 打开现成的）
+2. 告诉用户「右侧栏的「鱼排编辑器」已打开，你可以直接改字、选中块加批注」，然后**停下等他**
+3. 用户说"我改了，你看看" → `fishpai_read`
+4. 按 diff + 批注改稿 → `fishpai_write({ base_revision, mode:'patch', patches:[…] })`
+5. 用户满意 → 他自己点面板上的「复制到公众号」；需要成品文件时用 `fishpai_render`
+
+## 铁律
+
+1. **先读后写**。`fishpai_write` 不带 `base_revision` 或版本不匹配会被**拒绝**——这是为了不覆盖人的手改。
+   被拒绝时不要硬来：重新 `fishpai_read`，看清人又改了什么，再用新 revision 提交。
+2. **只改要改的块**。`mode:"patch"` 配 `block_id`（来自 `fishpai_read` 的 diff 或 `outline`）局部改；
+   整篇 `replace` 会覆盖人其它位置的改动，只在确实需要重写时用。
+3. **块 id 是内容寻址的**：人改了某块内容，它的 id 就变了。所以要用**最近一次 `read` 的结果**里的 id，
+   不要复用上一轮的 id。
+4. **批注是对你的指令**。`fishpai_read` 里 `[块 xxx]：正文` 形式的批注就是人让他改哪块、怎么改。
+   标了「锚点已失效」的批注说明那块被大改过，按 `quote` 片段自行判断位置。
+5. **行内占位要清掉**。`<!-- 鱼排: … -->` 是人留的待补记号；处理完对应正文后把那行注释一并删除。
+
+## 排版口径
+
+- **默认用「默认公众号」**：它才是给微信做的（浅底、内联样式最稳）。只有当用户明确要某种观感、
+  或明确说"只是要一份 HTML"时才换主题。
+- **主题色只对「默认公众号」生效**：只有它用了主题色占位符，换到别的主题点了也不会变
+  （面板在这种情况下已经把取色控件藏起来）。别向用户承诺"换个主题色"。
+- **微信风险主题**：`tech`、`gradient` 用渐变文字（`background-clip: text` + 透明字色），
+  微信编辑器可能重写掉渐变导致标题异常（平台结构校验也会直接标出 `darkmode-no-gradient`）；
+  `dark_night` 是深色底，粘进公众号会是一整块深色。要发公众号就先提醒用户；
+  需要这些风格时走「导出 HTML」拿文件。
+- **复制/导出会加一层结构兼容层**：把文字包进 `<span>`（微信自己插入内容后的形态），
+  这样公众号编辑器的结构校验不会把"含行内元素的段落"误报成行高过小；同时把 `background:`
+  简写拆成 `background-color:` / `background-image:`（微信按属性名过滤，简写会被整条丢掉，
+  于是引用块的框、表头底色在公众号里消失）；选定的字号也会从最外层 wrapper 推进到
+  p / 列表项 / 引用块上（微信会剥掉最外层 wrapper 的样式，字号只挂在它上面等于没设）。
+  默认渲染路径不受影响，面板的预览不经过这三层——
+  所以别拿"预览的 HTML"去判断粘进微信后的样子。
+- **字号**：正文 16px 起步，长文 17px 更好读
+- **字体**：面板上的「字体」预设（黑体 / 衬线 / 等宽）**总会覆盖主题自带的字体栈**——所以
+  "这套主题是衬线的"能不能成立，取决于这个预设，而不是主题里写了什么。让用户切到「衬线」而不是向他保证主题自带衬线。
+  **公众号编辑器只认黑体**（iOS 设备上才是苹方）：衬线 / 等宽只在「导出 HTML」里有效，粘进编辑器会退回黑体，
+  而面板预览里看不出这个差别。用户要的是"公众号里也衬线"时，说明实际得用导出，别让他以为坏了。
+- **段落**：段落之间空一行；`breaks` 已开启，单换行即换行
+- **图片**：`![alt](相对路径)`。复制到公众号时本地图会自动内嵌成 base64，**粘进编辑器不需要手动重传**
+  （编辑器接收后由微信自行转存）。会被微信拦掉的是 `http(s)://` 的**外链图**，以及内嵌不了的本地图
+  （文件不存在、在工作目录之外、超过 5 MB）——这几类要在编辑器里手动上传，`fishpai_read` 会把它们单独列出来
+- **外链**：正文里的 `[文字](url)` 会自动转成文末「参考资料」脚注（微信正文不支持外链）
+
+## 自定义主题
+
+用户说"想要 XX 那种观感"（衬线、灰底引用、行距更大、标题不要主题色…）时，在**某套内置主题上改几个槽位**就行。
+
+两条路，按"要不要留下"选：
+
+| 想要 | 用什么 | 落不落盘 |
+|---|---|---|
+| 先试一下、看效果 | `fishpai_render({ theme_spec })` | **不落盘**，只写进那份 HTML |
+| 用户认可、以后一直用 | `fishpai_theme({ action:'set', theme_spec })` | 落盘到 `<工作目录>/.fishpai/theme.json` |
+
+`fishpai_theme` 存的是**工作目录级的一套**（不是主题库）：面板主题列表里只有**一个**「自定义主题」占位，
+再 `set` 一次就是覆盖。`set` 之后会把当前文档切到它（若本会话已打开文档），用户在面板里立刻能看到；`action:'show'` 读回当前规格
+（要改就在那份规格上改），`action:'clear'` 删掉（文档自动退回「默认公众号」；面板主题列表「我的」
+那一组右边也有个 ×，效果一样）。
+**别跟用户说"存了好几套"**——只有一套。
+
+```json
+{ "name": "我的·灰底衬线",
+  "base": "elegant",
+  "styles": {
+    "p": "line-height: 2; color: #2b2b2b;",
+    "h2": "font-size: 19px; border-left: 4px solid {{PRIMARY}}; padding-left: 12px;",
+    "blockquote": "background: #f4f4f5; border-left: 3px solid #a1a1aa; color: #3f3f46;"
+  } }
+```
+
+规矩（写错会被拒绝，并在返回里说明原因，改对再来一次）：
+
+- **只写想改的槽位**，其余自动从 `base` 继承。19 个槽位：
+  `wrapper` `h1` `h2` `h3` `p` `blockquote` `code_inline` `code_block` `ul` `ol` `li` `img` `a`
+  `table` `th` `td` `hr` `strong` `em`
+- **属性白名单**（就是内置主题实际用过的那批）：`color` `background` `font-family` `font-size`
+  `font-weight` `font-style` `line-height` `letter-spacing` `text-align` `text-decoration` `text-indent`
+  `margin` `padding` `padding-left` `padding-bottom` `border` `border-top` `border-bottom` `border-left`
+  `border-radius` `border-collapse` `border-image` `width` `height` `max-width` `display` `overflow-x`
+  `box-shadow` `-webkit-background-clip` `-webkit-text-fill-color`
+- **`wrapper` 里必须同时有 `font-family` 与 `font-size`**，否则面板的「字体」「字号」调节失效（漏了会自动补上）
+- 想跟「主题色」联动就用 `{{PRIMARY}}` / `{{PRIMARY_BG}}` 占位符
+- 不许出现 `{}` `<` `>` `"`（双引号；单引号可以，`font-family: 'Georgia', serif` 这类字体栈没问题）`url(...)` `expression(...)` `@import` `javascript:`；`!important` 写了会被自动去掉（微信不保留它）。不要写图标或 emoji
+  （图标由鱼排统一给）
+- 白色/深色底、渐变文字这类**微信会掉样式**的组合：`fishpai_render` 会照做，但你要当场提醒用户
+  "这套更适合导出 HTML，发公众号可能变形"
+
+## 支持的 Markdown（比标准多几种）
+
+| 语法 | 效果 |
+|---|---|
+| `#`…`######` | 六级标题（h4–h6 套 h3 样式，与墨排一致） |
+| `>` 引用 | 主题色左边框块 |
+| `-` / `1.` | 列表，支持嵌套 |
+| `\| 表格 \|` | 主题化表格 |
+| ` ```python ` | 代码块 + highlight.js 高亮（mac 标题栏形态） |
+| `[文字](url)` | 自动转文末「参考资料」 |
+| `<strong>文字</strong>` | 原样透传的粗体：**不加主题色**（写 `**文字**` 会套主题的 strong 样式，多数主题会染成主题色）。要"黑粗"就用它 |
+| `![alt](相对路径)` | 图片 |
+| `:::tip 标题` … `:::` | 信息卡片，四型：`info` `warning` `tip` `danger` |
+| `---` | 主题色分隔线 |
+| ` ```mermaid ` | 图表占位（预览里不渲染，保留代码原文） |
+
+## 与人协作的说法
+
+- 面板里能看到实时预览、主题/字号/手机宽度切换、批注抽屉（可一键定位到引用它的那段）、历史回滚
+- 面板的编辑器支持 Markdown 快捷键（`Ctrl/⌘+B` 加粗等，右上角「快捷键」里有速查表），
+  截图可以直接 `Ctrl/⌘+V` 粘进去（存到文档同级的 `assets/` 并在正文插入 `![](assets/…)`）
+- 你改完之后，明确告诉用户"改了什么、在哪一块"，而不是只说"已更新"
+- 如果人的批注互相冲突或指向不存在的块，直接说出来，不要猜着改