<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>隽戈的科技生活馆</title><link>/zh/</link><description>Recent content on 隽戈的科技生活馆</description><generator>Hugo</generator><language>zh</language><atom:link href="/zh/index.xml" rel="self" type="application/rss+xml"/><item><title>Claude Code 源码深度拆解：ULTRAPLAN &amp; Agent Swarm——分布式 AI 编排</title><link>/zh/blog/2026/05/27/ultraplan-swarm/</link><pubDate>Wed, 27 May 2026 00:00:00 +0800</pubDate><guid>/zh/blog/2026/05/27/ultraplan-swarm/</guid><description>&lt;style&gt;
.td-content { max-width: 900px; margin: 0 auto; }

.lead-quote {
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white; padding: 2.5rem 2rem; border-radius: 12px;
 margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600;
 line-height: 1.6; box-shadow: 0 10px 30px rgba(102,126,234,0.3);
 position: relative; overflow: hidden;
}
.lead-quote::before {
 content: '"'; position: absolute; top: -20px; left: 10px;
 font-size: 100px; opacity: 0.15; font-family: Georgia, serif;
}

.info-box {
 background: #f0f4ff; border-left: 4px solid #667eea;
 padding: 1.5rem; border-radius: 8px; margin: 1.5rem 0;
 box-shadow: 0 2px 8px rgba(102,126,234,0.1);
}
.info-box strong { color: #667eea; }

.highlight-box {
 background: #fff8f0; border-left: 4px solid #f0a030;
 padding: 1.5rem; border-radius: 8px; margin: 1.5rem 0;
 box-shadow: 0 2px 8px rgba(240,160,48,0.1);
}
.highlight-box strong { color: #d99000; }

.stats-box {
 background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
 color: white; padding: 2rem; border-radius: 12px;
 margin: 1.5rem 0; text-align: center;
}
.stats-box .stat-number { font-size: 2.5rem; font-weight: 700; color: #667eea; display: block; }
.stats-box .stat-label { font-size: 0.9rem; opacity: 0.8; }

.numbered-list { counter-reset: item; }
.numbered-list li { 
 list-style: none; position: relative; padding-left: 50px; 
 margin-bottom: 1.5rem; line-height: 1.8;
}
.numbered-list li::before {
 counter-increment: item; content: counter(item);
 position: absolute; left: 0; top: 0;
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white; width: 36px; height: 36px; border-radius: 50%;
 text-align: center; line-height: 36px; font-weight: 700; font-size: 0.9rem;
}

.inline-quote {
 background: #e8f4fd; border-radius: 8px; padding: 1.5rem 1.5rem 1.5rem 3rem;
 margin: 1.5rem 0; position: relative;
}
.inline-quote::before {
 content: '"'; position: absolute; left: 15px; top: 10px;
 font-size: 40px; color: #667eea; opacity: 0.3; font-family: Georgia, serif;
}

.section-divider {
 height: 2px; background: linear-gradient(90deg, transparent, #667eea, #764ba2, transparent);
 margin: 3rem 0; position: relative;
}
.section-divider::before {
 content: "◆"; position: absolute; left: 50%; top: 50%;
 transform: translate(-50%, -50%); background: white; padding: 0 10px;
 color: #667eea; font-size: 0.8rem;
}

.outro-box {
 background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
 color: white; padding: 2.5rem; border-radius: 12px;
 margin: 2rem 0; box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.outro-box strong { color: #667eea; }

.tech-table {
 width: 100%; border-collapse: collapse; margin: 1.5rem 0;
 font-size: 0.95rem; border-radius: 8px; overflow: hidden;
 box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.tech-table th {
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white; padding: 12px 16px; text-align: left; font-weight: 600;
}
.tech-table td { padding: 10px 16px; border-bottom: 1px solid #e8e8e8; }
.tech-table tr:nth-child(even) { background: #f8f9fa; }
.tech-table tr:hover { background: #f0f4ff; }

.content-image { margin: 2rem 0; border-radius: 8px; box-shadow: 0 4px 16px rgba(0,0,0,0.15); }
.image-caption { text-align: center; color: #888; font-size: 0.9rem; margin-top: 0.5rem; }
&lt;/style&gt;
&lt;blockquote&gt;
&lt;p&gt;当单 Agent 不够用时，Anthropic 怎么用工程手段把规划、执行、审批、团队协作拆成一套分布式系统。四个关键词：ULTRAPLAN、Agent Swarm、Remote CCR、浏览器审批流。&lt;/p&gt;</description></item><item><title>Claude Code 源码深度拆解：Fork Subagent &amp; Prompt Cache——把成本降到 10% 的工程智慧</title><link>/zh/blog/2026/05/26/fork-subagent-prompt-cache/</link><pubDate>Tue, 26 May 2026 00:00:00 +0800</pubDate><guid>/zh/blog/2026/05/26/fork-subagent-prompt-cache/</guid><description>&lt;style&gt;
/* ===== junge-site 通用文章样式 ===== */
.td-content {
 max-width: 900px;
 margin: 0 auto;
}

/* ---- 卡片组件 ---- */

/* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */
.lead-quote {
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white;
 padding: 2.5rem 2rem;
 border-radius: 12px;
 margin: 2rem 0 3rem 0;
 font-size: 1.25rem;
 font-weight: 600;
 line-height: 1.6;
 box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
 position: relative;
 overflow: hidden;
}
.lead-quote::before {
 content: '"';
 position: absolute;
 top: -20px;
 left: 10px;
 font-size: 120px;
 opacity: 0.1;
 font-family: Georgia, serif;
}

/* 信息框：浅色背景 + 左侧蓝色边框 */
.info-box {
 background: #f8f9fa;
 padding: 1.5rem;
 border-left: 4px solid #667eea;
 border-radius: 8px;
 margin: 2rem 0;
}

/* 重点提示框：暖色背景 + 橙色边框 */
.highlight-box {
 background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%);
 border: 2px solid #ed8936;
 border-radius: 12px;
 padding: 1.5rem;
 margin: 2rem 0;
 box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1);
}

/* 数据卡片：深色背景 + 大号数字 */
.stats-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2rem;
 border-radius: 12px;
 margin: 2rem 0;
 text-align: center;
}
.stats-box .number {
 font-size: 2.5rem;
 font-weight: 800;
 color: #667eea;
 display: block;
}

/* ---- 序号列表：带彩色编号圆徽章 ---- */
.numbered-list {
 list-style: none;
 padding: 0;
 margin: 1.5rem 0;
}
.numbered-list li {
 padding: 0.75rem 0 0.75rem 2.5rem;
 position: relative;
 line-height: 1.6;
 border-bottom: 1px solid #f0f0f0;
}
.numbered-list li:last-child {
 border-bottom: none;
}
.numbered-list .num {
 position: absolute;
 left: 0;
 top: 0.75rem;
 width: 28px;
 height: 28px;
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 0.85rem;
 font-weight: 700;
 flex-shrink: 0;
}

/* ---- 引用卡片（正文内嵌引用） ---- */
.inline-quote {
 background: #f0f4ff;
 padding: 1.5rem 2rem;
 margin: 2rem 0;
 border-radius: 12px;
 position: relative;
 font-style: italic;
 color: #4a5568;
}
.inline-quote::before {
 content: '"';
 position: absolute;
 top: 5px;
 left: 12px;
 font-size: 48px;
 color: #667eea;
 opacity: 0.2;
 font-family: Georgia, serif;
}
.inline-quote .author {
 display: block;
 margin-top: 0.5rem;
 font-style: normal;
 font-weight: 600;
 color: #667eea;
 font-size: 0.9rem;
}

/* ---- 视觉分隔器 ---- */
.section-divider {
 display: flex;
 align-items: center;
 margin: 3rem 0;
 gap: 12px;
}
.section-divider .line {
 flex: 1;
 height: 1px;
 background: linear-gradient(90deg, transparent, #667eea, transparent);
}
.section-divider .dot {
 width: 6px;
 height: 6px;
 background: #667eea;
 border-radius: 50%;
 opacity: 0.5;
}

/* ---- 结尾典藏框 ---- */
.outro-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2.5rem;
 border-radius: 16px;
 margin: 3rem 0;
 text-align: center;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.outro-box strong {
 color: #667eea !important;
}

/* ---- 标题样式 ---- */
.td-content h2 {
 font-size: 1.8rem;
 font-weight: 700;
 color: #1a202c;
 margin-top: 3.5rem;
 margin-bottom: 1.5rem;
 padding-bottom: 0.8rem;
 border-bottom: 3px solid #667eea;
 position: relative;
}
.td-content h2::before {
 content: '';
 position: absolute;
 left: 0;
 bottom: -3px;
 width: 60px;
 height: 3px;
 background: linear-gradient(90deg, #667eea, #764ba2);
}

/* ---- 加粗文字主题色 ---- */
.td-content strong {
 color: #667eea;
 font-weight: 600;
}

/* ---- 段落样式 ---- */
.td-content p {
 margin-bottom: 1.5rem;
}

/* ---- 图片样式 ---- */
.td-content img {
 border-radius: 12px;
 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
 margin: 2.5rem 0;
 width: 100%;
 transition: transform 0.3s ease;
}
.td-content img:hover {
 transform: translateY(-4px);
 box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

/* ---- 代码块 ---- */
.td-content pre {
 border-radius: 12px;
 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
 margin: 2rem 0;
}

/* ---- 表格 ---- */
.td-content table {
 border-collapse: collapse;
 width: 100%;
 margin: 2rem 0;
 border-radius: 12px;
 overflow: hidden;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.td-content table th {
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 padding: 12px 16px;
 font-weight: 600;
}
.td-content table td {
 padding: 10px 16px;
 border-bottom: 1px solid #f0f0f0;
}
.td-content table tr:last-child td {
 border-bottom: none;
}

/* ---- 响应式 ---- */
@media (max-width: 768px) {
 .lead-quote {
 padding: 1.5rem 1rem;
 font-size: 1.1rem;
 }
 .stats-box .number {
 font-size: 2rem;
 }
 .numbered-list li {
 padding-left: 2rem;
 }
}
&lt;/style&gt;
&lt;p&gt;&lt;strong&gt;Claude Code 的源码堪称 AI Agent 工程的教科书。&lt;/strong&gt; 如果你读过系列上一篇，应该记得 Fork Subagent 的独特设计：它不复制父 Agent 的上下文，而是创建一个&amp;quot;影子&amp;quot;会话，通过消息传递来通信。&lt;/p&gt;</description></item><item><title>KAIROS 常驻助手：Claude Code 源码中隐藏的主动系统</title><link>/zh/blog/2026/05/26/kairos-resident-assistant/</link><pubDate>Tue, 26 May 2026 00:00:00 +0800</pubDate><guid>/zh/blog/2026/05/26/kairos-resident-assistant/</guid><description>&lt;style&gt;
/* ===== junge-site 通用文章样式 ===== */
.td-content {
 max-width: 900px;
 margin: 0 auto;
}

/* ---- 卡片组件 ---- */

/* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */
.lead-quote {
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white;
 padding: 2.5rem 2rem;
 border-radius: 12px;
 margin: 2rem 0 3rem 0;
 font-size: 1.25rem;
 font-weight: 600;
 line-height: 1.6;
 box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
 position: relative;
 overflow: hidden;
}
.lead-quote::before {
 content: '"';
 position: absolute;
 top: -20px;
 left: 10px;
 font-size: 120px;
 opacity: 0.1;
 font-family: Georgia, serif;
}

/* 信息框：浅色背景 + 左侧蓝色边框 */
.info-box {
 background: #f8f9fa;
 padding: 1.5rem;
 border-left: 4px solid #667eea;
 border-radius: 8px;
 margin: 2rem 0;
}

/* 重点提示框：暖色背景 + 橙色边框 */
.highlight-box {
 background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%);
 border: 2px solid #ed8936;
 border-radius: 12px;
 padding: 1.5rem;
 margin: 2rem 0;
 box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1);
}

/* 数据卡片：深色背景 + 大号数字 */
.stats-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2rem;
 border-radius: 12px;
 margin: 2rem 0;
 text-align: center;
}
.stats-box .number {
 font-size: 2.5rem;
 font-weight: 800;
 color: #667eea;
 display: block;
}

/* ---- 序号列表：带彩色编号圆徽章 ---- */
.numbered-list {
 list-style: none;
 padding: 0;
 margin: 1.5rem 0;
}
.numbered-list li {
 padding: 0.75rem 0 0.75rem 2.5rem;
 position: relative;
 line-height: 1.6;
 border-bottom: 1px solid #f0f0f0;
}
.numbered-list li:last-child {
 border-bottom: none;
}
.numbered-list .num {
 position: absolute;
 left: 0;
 top: 0.75rem;
 width: 28px;
 height: 28px;
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 0.85rem;
 font-weight: 700;
 flex-shrink: 0;
}

/* ---- 引用卡片（正文内嵌引用） ---- */
.inline-quote {
 background: #f0f4ff;
 padding: 1.5rem 2rem;
 margin: 2rem 0;
 border-radius: 12px;
 position: relative;
 font-style: italic;
 color: #4a5568;
}
.inline-quote::before {
 content: '"';
 position: absolute;
 top: 5px;
 left: 12px;
 font-size: 48px;
 color: #667eea;
 opacity: 0.2;
 font-family: Georgia, serif;
}
.inline-quote .author {
 display: block;
 margin-top: 0.5rem;
 font-style: normal;
 font-weight: 600;
 color: #667eea;
 font-size: 0.9rem;
}

/* ---- 视觉分隔器 ---- */
.section-divider {
 display: flex;
 align-items: center;
 margin: 3rem 0;
 gap: 12px;
}
.section-divider .line {
 flex: 1;
 height: 1px;
 background: linear-gradient(90deg, transparent, #667eea, transparent);
}
.section-divider .dot {
 width: 6px;
 height: 6px;
 background: #667eea;
 border-radius: 50%;
 opacity: 0.5;
}

/* ---- 结尾典藏框 ---- */
.outro-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2.5rem;
 border-radius: 16px;
 margin: 3rem 0;
 text-align: center;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.outro-box strong {
 color: #667eea !important;
}

/* ---- 标题样式 ---- */
.td-content h2 {
 font-size: 1.8rem;
 font-weight: 700;
 color: #1a202c;
 margin-top: 3.5rem;
 margin-bottom: 1.5rem;
 padding-bottom: 0.8rem;
 border-bottom: 3px solid #667eea;
 position: relative;
}
.td-content h2::before {
 content: '';
 position: absolute;
 left: 0;
 bottom: -3px;
 width: 60px;
 height: 3px;
 background: linear-gradient(90deg, #667eea, #764ba2);
}

/* ---- 加粗文字主题色 ---- */
.td-content strong {
 color: #667eea;
 font-weight: 600;
}

/* ---- 段落样式 ---- */
.td-content p {
 margin-bottom: 1.5rem;
}

/* ---- 图片样式 ---- */
.td-content img {
 border-radius: 12px;
 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
 margin: 2.5rem 0;
 width: 100%;
 transition: transform 0.3s ease;
}
.td-content img:hover {
 transform: translateY(-4px);
 box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

/* ---- 代码块 ---- */
.td-content pre {
 border-radius: 12px;
 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
 margin: 2rem 0;
}

/* ---- 表格 ---- */
.td-content table {
 border-collapse: collapse;
 width: 100%;
 margin: 2rem 0;
 border-radius: 12px;
 overflow: hidden;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.td-content table th {
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 padding: 12px 16px;
 font-weight: 600;
}
.td-content table td {
 padding: 10px 16px;
 border-bottom: 1px solid #f0f0f0;
}
.td-content table tr:last-child td {
 border-bottom: none;
}

/* ---- 响应式 ---- */
@media (max-width: 768px) {
 .lead-quote {
 padding: 1.5rem 1rem;
 font-size: 1.1rem;
 }
 .stats-box .number {
 font-size: 2rem;
 }
 .numbered-list li {
 padding-left: 2rem;
 }
}
&lt;/style&gt;
&lt;div class="lead-quote"&gt;
它不是等你输入才行动的 AI。它是一个住在你终端里的常驻助手——没有请求就主动观察，在恰当的时机递上恰到好处的信息。不打扰，但一直都在。
&lt;/div&gt;
&lt;p&gt;如果你用过 Claude Code，你会发现它有个很独特的体验：有时你正看着终端发呆，它突然弹出一行提示——&amp;ldquo;我在检查 CI 状态……发现了 3 个失败的测试&amp;rdquo;。你没有发任何指令，没有敲任何命令，它自己决定要做点什么。&lt;/p&gt;</description></item><item><title>韬定律 vs 摩尔定律：从"缩尺寸"到"压时间"</title><link>/zh/blog/2026/05/26/tao-law-vs-moore-law/</link><pubDate>Tue, 26 May 2026 00:00:00 +0800</pubDate><guid>/zh/blog/2026/05/26/tao-law-vs-moore-law/</guid><description>&lt;style&gt;
/* ===== junge-site 通用文章样式 ===== */
.td-content { max-width: 900px; margin: 0 auto; }

.lead-quote {
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white; padding: 2.5rem 2rem; border-radius: 12px;
 margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600;
 line-height: 1.6; box-shadow: 0 10px 30px rgba(102,126,234,0.3);
 position: relative; overflow: hidden;
}
.lead-quote::before {
 content: '"'; position: absolute; top: -20px; left: 10px;
 font-size: 120px; opacity: 0.1; font-family: Georgia, serif;
}

.info-box {
 background: #f8f9fa; padding: 1.5rem;
 border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0;
}

.highlight-box {
 background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%);
 border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem;
 margin: 2rem 0; box-shadow: 0 4px 12px rgba(237,137,54,0.1);
}

.stats-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white; padding: 2rem; border-radius: 12px;
 margin: 2rem 0; text-align: center;
}
.stats-box .number {
 font-size: 2.5rem; font-weight: 800; color: #667eea; display: block;
}

.numbered-list {
 list-style: none; padding: 0; margin: 1.5rem 0;
}
.numbered-list li {
 padding: 0.75rem 0 0.75rem 2.5rem; position: relative;
 line-height: 1.6; border-bottom: 1px solid #f0f0f0;
}
.numbered-list li:last-child { border-bottom: none; }
.numbered-list .num {
 position: absolute; left: 0; top: 0.75rem;
 width: 28px; height: 28px;
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white; border-radius: 50%;
 display: flex; align-items: center; justify-content: center;
 font-size: 0.85rem; font-weight: 700; flex-shrink: 0;
}

.inline-quote {
 background: #f0f4ff; padding: 1.5rem 2rem; margin: 2rem 0;
 border-radius: 12px; position: relative; font-style: italic; color: #4a5568;
}
.inline-quote::before {
 content: '"'; position: absolute; top: 5px; left: 12px;
 font-size: 48px; color: #667eea; opacity: 0.2; font-family: Georgia, serif;
}
.inline-quote .author {
 display: block; margin-top: 0.5rem; font-style: normal;
 font-weight: 600; color: #667eea; font-size: 0.9rem;
}

.section-divider {
 display: flex; align-items: center; margin: 3rem 0; gap: 12px;
}
.section-divider .line {
 flex: 1; height: 1px;
 background: linear-gradient(90deg, transparent, #667eea, transparent);
}
.section-divider .dot {
 width: 6px; height: 6px; background: #667eea; border-radius: 50%; opacity: 0.5;
}

.outro-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white; padding: 2.5rem; border-radius: 16px;
 margin: 3rem 0; text-align: center;
 box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
.outro-box strong { color: #667eea !important; }

.td-content h2 {
 font-size: 1.8rem; font-weight: 700; color: #1a202c;
 margin-top: 3.5rem; margin-bottom: 1.5rem;
 padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative;
}
.td-content h2::before {
 content: ''; position: absolute; left: 0; bottom: -3px;
 width: 60px; height: 3px;
 background: linear-gradient(90deg, #667eea, #764ba2);
}

.td-content strong { color: #667eea; font-weight: 600; }
.td-content p { margin-bottom: 1.5rem; }

.td-content img {
 border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.12);
 margin: 2.5rem 0; width: 100%; transition: transform 0.3s ease;
}
.td-content img:hover {
 transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.18);
}

.td-content pre {
 border-radius: 12px; box-shadow: 0 4px 16px rgba(0,0,0,0.1); margin: 2rem 0;
}

.td-content table {
 border-collapse: collapse; width: 100%; margin: 2rem 0;
 border-radius: 12px; overflow: hidden;
 box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.td-content table th {
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white; padding: 12px 16px; font-weight: 600;
}
.td-content table td {
 padding: 10px 16px; border-bottom: 1px solid #f0f0f0;
}
.td-content table tr:last-child td { border-bottom: none; }

@media (max-width: 768px) {
 .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; }
 .stats-box .number { font-size: 2rem; }
 .numbered-list li { padding-left: 2rem; }
}
&lt;/style&gt;
&lt;div class="lead-quote"&gt;
2026年5月25日，华为在上海国际电路与系统研讨会上正式发布了"韬（τ）定律"。这是中国首次提出的半导体产业指导原则。它不是在挑战摩尔定律——它是在摩尔定律"走不动"的地方，重新回答了芯片性能该怎么继续提升。
&lt;/div&gt;
&lt;p&gt;如果你关注科技新闻，昨天一定看到这两条消息：科创50暴涨5.88%，中芯国际单日涨幅18.78%，整个半导体板块集体狂飙。&lt;/p&gt;</description></item><item><title>Claude Code 源码深度拆解：工具系统架构从 40+ 工具到权限分级管控</title><link>/zh/blog/2026/05/25/claude-code-tool-system-architecture/</link><pubDate>Mon, 25 May 2026 00:00:00 +0800</pubDate><guid>/zh/blog/2026/05/25/claude-code-tool-system-architecture/</guid><description>&lt;style&gt;
/* ===== junge-site 通用文章样式 ===== */
.td-content {
 max-width: 900px;
 margin: 0 auto;
}

/* ---- 卡片组件 ---- */

/* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */
.lead-quote {
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white;
 padding: 2.5rem 2rem;
 border-radius: 12px;
 margin: 2rem 0 3rem 0;
 font-size: 1.25rem;
 font-weight: 600;
 line-height: 1.6;
 box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
 position: relative;
 overflow: hidden;
}
.lead-quote::before {
 content: '"';
 position: absolute;
 top: -20px;
 left: 10px;
 font-size: 120px;
 opacity: 0.1;
 font-family: Georgia, serif;
}

/* 信息框：浅色背景 + 左侧蓝色边框 */
.info-box {
 background: #f8f9fa;
 padding: 1.5rem;
 border-left: 4px solid #667eea;
 border-radius: 8px;
 margin: 2rem 0;
}

/* 重点提示框：暖色背景 + 橙色边框 */
.highlight-box {
 background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%);
 border: 2px solid #ed8936;
 border-radius: 12px;
 padding: 1.5rem;
 margin: 2rem 0;
 box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1);
}

/* 数据卡片：深色背景 + 大号数字 */
.stats-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2rem;
 border-radius: 12px;
 margin: 2rem 0;
 text-align: center;
}
.stats-box .number {
 font-size: 2.5rem;
 font-weight: 800;
 color: #667eea;
 display: block;
}

/* ---- 序号列表：带彩色编号圆徽章 ---- */
.numbered-list {
 list-style: none;
 padding: 0;
 margin: 1.5rem 0;
}
.numbered-list li {
 padding: 0.75rem 0 0.75rem 2.5rem;
 position: relative;
 line-height: 1.6;
 border-bottom: 1px solid #f0f0f0;
}
.numbered-list li:last-child {
 border-bottom: none;
}
.numbered-list .num {
 position: absolute;
 left: 0;
 top: 0.75rem;
 width: 28px;
 height: 28px;
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 0.85rem;
 font-weight: 700;
 flex-shrink: 0;
}

/* ---- 引用卡片（正文内嵌引用） ---- */
.inline-quote {
 background: #f0f4ff;
 padding: 1.5rem 2rem;
 margin: 2rem 0;
 border-radius: 12px;
 position: relative;
 font-style: italic;
 color: #4a5568;
}
.inline-quote::before {
 content: '"';
 position: absolute;
 top: 5px;
 left: 12px;
 font-size: 48px;
 color: #667eea;
 opacity: 0.2;
 font-family: Georgia, serif;
}
.inline-quote .author {
 display: block;
 margin-top: 0.5rem;
 font-style: normal;
 font-weight: 600;
 color: #667eea;
 font-size: 0.9rem;
}

/* ---- 视觉分隔器 ---- */
.section-divider {
 display: flex;
 align-items: center;
 margin: 3rem 0;
 gap: 12px;
}
.section-divider .line {
 flex: 1;
 height: 1px;
 background: linear-gradient(90deg, transparent, #667eea, transparent);
}
.section-divider .dot {
 width: 6px;
 height: 6px;
 background: #667eea;
 border-radius: 50%;
 opacity: 0.5;
}

/* ---- 结尾典藏框 ---- */
.outro-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2.5rem;
 border-radius: 16px;
 margin: 3rem 0;
 text-align: center;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.outro-box strong {
 color: #667eea !important;
}

/* ---- 标题样式 ---- */
.td-content h2 {
 font-size: 1.8rem;
 font-weight: 700;
 color: #1a202c;
 margin-top: 3.5rem;
 margin-bottom: 1.5rem;
 padding-bottom: 0.8rem;
 border-bottom: 3px solid #667eea;
 position: relative;
}
.td-content h2::before {
 content: '';
 position: absolute;
 left: 0;
 bottom: -3px;
 width: 60px;
 height: 3px;
 background: linear-gradient(90deg, #667eea, #764ba2);
}

/* ---- 加粗文字主题色 ---- */
.td-content strong {
 color: #667eea;
 font-weight: 600;
}

/* ---- 段落样式 ---- */
.td-content p {
 margin-bottom: 1.5rem;
}

/* ---- 图片样式 ---- */
.td-content img {
 border-radius: 12px;
 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
 margin: 2.5rem 0;
 width: 100%;
 transition: transform 0.3s ease;
}
.td-content img:hover {
 transform: translateY(-4px);
 box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

/* ---- 代码块 ---- */
.td-content pre {
 border-radius: 12px;
 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
 margin: 2rem 0;
}

/* ---- 表格 ---- */
.td-content table {
 border-collapse: collapse;
 width: 100%;
 margin: 2rem 0;
 border-radius: 12px;
 overflow: hidden;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.td-content table th {
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 padding: 12px 16px;
 font-weight: 600;
}
.td-content table td {
 padding: 10px 16px;
 border-bottom: 1px solid #f0f0f0;
}
.td-content table tr:last-child td {
 border-bottom: none;
}

/* ---- 响应式 ---- */
@media (max-width: 768px) {
 .lead-quote {
 padding: 1.5rem 1rem;
 font-size: 1.1rem;
 }
 .stats-box .number {
 font-size: 2rem;
 }
 .numbered-list li {
 padding-left: 2rem;
 }
}
&lt;/style&gt;
&lt;div class="lead-quote"&gt;
40 个工具，4 级权限，3 道防线，1 套 ML 自动审批——Claude Code 的工具系统不是功能堆砌，而是一套工业级的权限管控架构。它回答了 Agent 工具系统最核心的问题：Agent 该被允许做什么？以及谁来决定？
&lt;/div&gt;
&lt;p&gt;上一篇文章《Claude Code 源码深度拆解：Multi-Agent 的实现机制》发出后，收到很多&amp;quot;还没看够&amp;quot;的反馈。确实，Claude Code 的源码太丰富了，Multi-Agent 只是冰山一角。这次我翻出源码中另一个工程密度极高的模块——&lt;strong&gt;工具系统&lt;/strong&gt;。&lt;/p&gt;</description></item><item><title>Claude Code 源码深度拆解：Multi-Agent 的实现机制</title><link>/zh/blog/2026/05/24/claude-code-multi-agent-mechanism/</link><pubDate>Sun, 24 May 2026 00:00:00 +0800</pubDate><guid>/zh/blog/2026/05/24/claude-code-multi-agent-mechanism/</guid><description>&lt;style&gt;
/* ===== junge-site 通用文章样式 ===== */
.td-content {
 max-width: 900px;
 margin: 0 auto;
}

/* ---- 卡片组件 ---- */

/* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */
.lead-quote {
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white;
 padding: 2.5rem 2rem;
 border-radius: 12px;
 margin: 2rem 0 3rem 0;
 font-size: 1.25rem;
 font-weight: 600;
 line-height: 1.6;
 box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
 position: relative;
 overflow: hidden;
}
.lead-quote::before {
 content: '"';
 position: absolute;
 top: -20px;
 left: 10px;
 font-size: 120px;
 opacity: 0.1;
 font-family: Georgia, serif;
}

/* 信息框：浅色背景 + 左侧蓝色边框 */
.info-box {
 background: #f8f9fa;
 padding: 1.5rem;
 border-left: 4px solid #667eea;
 border-radius: 8px;
 margin: 2rem 0;
}

/* 重点提示框：暖色背景 + 橙色边框 */
.highlight-box {
 background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%);
 border: 2px solid #ed8936;
 border-radius: 12px;
 padding: 1.5rem;
 margin: 2rem 0;
 box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1);
}

/* 数据卡片：深色背景 + 大号数字 */
.stats-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2rem;
 border-radius: 12px;
 margin: 2rem 0;
 text-align: center;
}
.stats-box .number {
 font-size: 2.5rem;
 font-weight: 800;
 color: #667eea;
 display: block;
}

/* ---- 序号列表：带彩色编号圆徽章 ---- */
.numbered-list {
 list-style: none;
 padding: 0;
 margin: 1.5rem 0;
}
.numbered-list li {
 padding: 0.75rem 0 0.75rem 2.5rem;
 position: relative;
 line-height: 1.6;
 border-bottom: 1px solid #f0f0f0;
}
.numbered-list li:last-child {
 border-bottom: none;
}
.numbered-list .num {
 position: absolute;
 left: 0;
 top: 0.75rem;
 width: 28px;
 height: 28px;
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 0.85rem;
 font-weight: 700;
 flex-shrink: 0;
}

/* ---- 引用卡片（正文内嵌引用） ---- */
.inline-quote {
 background: #f0f4ff;
 padding: 1.5rem 2rem;
 margin: 2rem 0;
 border-radius: 12px;
 position: relative;
 font-style: italic;
 color: #4a5568;
}
.inline-quote::before {
 content: '"';
 position: absolute;
 top: 5px;
 left: 12px;
 font-size: 48px;
 color: #667eea;
 opacity: 0.2;
 font-family: Georgia, serif;
}
.inline-quote .author {
 display: block;
 margin-top: 0.5rem;
 font-style: normal;
 font-weight: 600;
 color: #667eea;
 font-size: 0.9rem;
}

/* ---- 视觉分隔器 ---- */
.section-divider {
 display: flex;
 align-items: center;
 margin: 3rem 0;
 gap: 12px;
}
.section-divider .line {
 flex: 1;
 height: 1px;
 background: linear-gradient(90deg, transparent, #667eea, transparent);
}
.section-divider .dot {
 width: 6px;
 height: 6px;
 background: #667eea;
 border-radius: 50%;
 opacity: 0.5;
}

/* ---- 结尾典藏框 ---- */
.outro-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2.5rem;
 border-radius: 16px;
 margin: 3rem 0;
 text-align: center;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.outro-box strong {
 color: #667eea !important;
}

/* ---- 标题样式 ---- */
.td-content h2 {
 font-size: 1.8rem;
 font-weight: 700;
 color: #1a202c;
 margin-top: 3.5rem;
 margin-bottom: 1.5rem;
 padding-bottom: 0.8rem;
 border-bottom: 3px solid #667eea;
 position: relative;
}
.td-content h2::before {
 content: '';
 position: absolute;
 left: 0;
 bottom: -3px;
 width: 60px;
 height: 3px;
 background: linear-gradient(90deg, #667eea, #764ba2);
}

/* ---- 加粗文字主题色 ---- */
.td-content strong {
 color: #667eea;
 font-weight: 600;
}

/* ---- 段落样式 ---- */
.td-content p {
 margin-bottom: 1.5rem;
}

/* ---- 图片样式 ---- */
.td-content img {
 border-radius: 12px;
 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
 margin: 2.5rem 0;
 width: 100%;
 transition: transform 0.3s ease;
}
.td-content img:hover {
 transform: translateY(-4px);
 box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

/* ---- 代码块 ---- */
.td-content pre {
 border-radius: 12px;
 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
 margin: 2rem 0;
}

/* ---- 表格 ---- */
.td-content table {
 border-collapse: collapse;
 width: 100%;
 margin: 2rem 0;
 border-radius: 12px;
 overflow: hidden;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.td-content table th {
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 padding: 12px 16px;
 font-weight: 600;
}
.td-content table td {
 padding: 10px 16px;
 border-bottom: 1px solid #f0f0f0;
}
.td-content table tr:last-child td {
 border-bottom: none;
}

/* ---- 响应式 ---- */
@media (max-width: 768px) {
 .lead-quote {
 padding: 1.5rem 1rem;
 font-size: 1.1rem;
 }
 .stats-box .number {
 font-size: 2rem;
 }
 .numbered-list li {
 padding-left: 2rem;
 }
}
&lt;/style&gt;
&lt;p&gt;&lt;strong&gt;Claude Code 的源码堪称 AI Agent 工程的教科书。&lt;/strong&gt; 前段时间源码泄露后，社区得以窥见 Anthropic 在多 Agent 设计上的工业级实践。这篇文章从源码视角，拆解 Claude Code 中三套不同的多 Agent 机制：常规 Subagent、Fork Subagent 和 Coordinator 协调者模式。&lt;/p&gt;</description></item><item><title>本周 GitHub 热门开源项目速览：AI Agent 工具链、端侧 TTS 与代码理解</title><link>/zh/blog/2026/05/24/github-hot-projects-may-2026/</link><pubDate>Sun, 24 May 2026 00:00:00 +0800</pubDate><guid>/zh/blog/2026/05/24/github-hot-projects-may-2026/</guid><description>&lt;style&gt;
/* ===== junge-site 通用文章样式 ===== */
.td-content {
 max-width: 900px;
 margin: 0 auto;
}

/* ---- 卡片组件 ---- */

/* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */
.lead-quote {
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white;
 padding: 2.5rem 2rem;
 border-radius: 12px;
 margin: 2rem 0 3rem 0;
 font-size: 1.25rem;
 font-weight: 600;
 line-height: 1.6;
 box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
 position: relative;
 overflow: hidden;
}
.lead-quote::before {
 content: '"';
 position: absolute;
 top: -20px;
 left: 10px;
 font-size: 120px;
 opacity: 0.1;
 font-family: Georgia, serif;
}

/* 信息框：浅色背景 + 左侧蓝色边框 */
.info-box {
 background: #f8f9fa;
 padding: 1.5rem;
 border-left: 4px solid #667eea;
 border-radius: 8px;
 margin: 2rem 0;
}

/* 重点提示框：暖色背景 + 橙色边框 */
.highlight-box {
 background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%);
 border: 2px solid #ed8936;
 border-radius: 12px;
 padding: 1.5rem;
 margin: 2rem 0;
 box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1);
}

/* 数据卡片：深色背景 + 大号数字 */
.stats-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2rem;
 border-radius: 12px;
 margin: 2rem 0;
 text-align: center;
}
.stats-box .number {
 font-size: 2.5rem;
 font-weight: 800;
 color: #667eea;
 display: block;
}

/* ---- 序号列表：带彩色编号圆徽章 ---- */
.numbered-list {
 list-style: none;
 padding: 0;
 margin: 1.5rem 0;
}
.numbered-list li {
 padding: 0.75rem 0 0.75rem 2.5rem;
 position: relative;
 line-height: 1.6;
 border-bottom: 1px solid #f0f0f0;
}
.numbered-list li:last-child {
 border-bottom: none;
}
.numbered-list .num {
 position: absolute;
 left: 0;
 top: 0.75rem;
 width: 28px;
 height: 28px;
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 0.85rem;
 font-weight: 700;
 flex-shrink: 0;
}

/* ---- 引用卡片（正文内嵌引用） ---- */
.inline-quote {
 background: #f0f4ff;
 padding: 1.5rem 2rem;
 margin: 2rem 0;
 border-radius: 12px;
 position: relative;
 font-style: italic;
 color: #4a5568;
}
.inline-quote::before {
 content: '"';
 position: absolute;
 top: 5px;
 left: 12px;
 font-size: 48px;
 color: #667eea;
 opacity: 0.2;
 font-family: Georgia, serif;
}
.inline-quote .author {
 display: block;
 margin-top: 0.5rem;
 font-style: normal;
 font-weight: 600;
 color: #667eea;
 font-size: 0.9rem;
}

/* ---- 视觉分隔器 ---- */
.section-divider {
 display: flex;
 align-items: center;
 margin: 3rem 0;
 gap: 12px;
}
.section-divider .line {
 flex: 1;
 height: 1px;
 background: linear-gradient(90deg, transparent, #667eea, transparent);
}
.section-divider .dot {
 width: 6px;
 height: 6px;
 background: #667eea;
 border-radius: 50%;
 opacity: 0.5;
}

/* ---- 结尾典藏框 ---- */
.outro-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2.5rem;
 border-radius: 16px;
 margin: 3rem 0;
 text-align: center;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.outro-box strong {
 color: #667eea !important;
}

/* ---- 标题样式 ---- */
.td-content h2 {
 font-size: 1.8rem;
 font-weight: 700;
 color: #1a202c;
 margin-top: 3.5rem;
 margin-bottom: 1.5rem;
 padding-bottom: 0.8rem;
 border-bottom: 3px solid #667eea;
 position: relative;
}
.td-content h2::before {
 content: '';
 position: absolute;
 left: 0;
 bottom: -3px;
 width: 60px;
 height: 3px;
 background: linear-gradient(90deg, #667eea, #764ba2);
}

/* ---- 加粗文字主题色 ---- */
.td-content strong {
 color: #667eea;
 font-weight: 600;
}

/* ---- 段落样式 ---- */
.td-content p {
 margin-bottom: 1.5rem;
}

/* ---- 图片样式 ---- */
.td-content img {
 border-radius: 12px;
 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
 margin: 2.5rem 0;
 width: 100%;
 transition: transform 0.3s ease;
}
.td-content img:hover {
 transform: translateY(-4px);
 box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

/* ---- 代码块 ---- */
.td-content pre {
 border-radius: 12px;
 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
 margin: 2rem 0;
}

/* ---- 表格 ---- */
.td-content table {
 border-collapse: collapse;
 width: 100%;
 margin: 2rem 0;
 border-radius: 12px;
 overflow: hidden;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.td-content table th {
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 padding: 12px 16px;
 font-weight: 600;
}
.td-content table td {
 padding: 10px 16px;
 border-bottom: 1px solid #f0f0f0;
}
.td-content table tr:last-child td {
 border-bottom: none;
}

/* ---- 响应式 ---- */
@media (max-width: 768px) {
 .lead-quote {
 padding: 1.5rem 1rem;
 font-size: 1.1rem;
 }
 .stats-box .number {
 font-size: 2rem;
 }
 .numbered-list li {
 padding-left: 2rem;
 }
}
&lt;/style&gt;
&lt;p&gt;&lt;strong&gt;这一周的 GitHub 开源榜单精彩纷呈，AI Agent 工具链、代码理解、端侧语音合成全面开花。&lt;/strong&gt; 从科研助手到论文流水线，从代码知识图谱到终端编程助手，从 Agent 开发原则到多 Agent 视频创作，本文带你逐一拆解这 10 个最值得关注的开源项目。&lt;/p&gt;</description></item><item><title>Agent Skill 框架正在吃掉软件开发</title><link>/zh/blog/2026/05/21/agent-skills-eating-software-dev/</link><pubDate>Thu, 21 May 2026 00:00:00 +0800</pubDate><guid>/zh/blog/2026/05/21/agent-skills-eating-software-dev/</guid><description>&lt;style&gt;
/* ===== junge-site 通用文章样式 ===== */
.td-content {
 max-width: 900px;
 margin: 0 auto;
}

/* ---- 卡片组件 ---- */

/* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */
.lead-quote {
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white;
 padding: 2.5rem 2rem;
 border-radius: 12px;
 margin: 2rem 0 3rem 0;
 font-size: 1.25rem;
 font-weight: 600;
 line-height: 1.6;
 box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
 position: relative;
 overflow: hidden;
}
.lead-quote::before {
 content: '"';
 position: absolute;
 top: -20px;
 left: 10px;
 font-size: 120px;
 opacity: 0.1;
 font-family: Georgia, serif;
}

/* 信息框：浅色背景 + 左侧蓝色边框 */
.info-box {
 background: #f8f9fa;
 padding: 1.5rem;
 border-left: 4px solid #667eea;
 border-radius: 8px;
 margin: 2rem 0;
}

/* 重点提示框：暖色背景 + 橙色边框 */
.highlight-box {
 background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%);
 border: 2px solid #ed8936;
 border-radius: 12px;
 padding: 1.5rem;
 margin: 2rem 0;
 box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1);
}

/* 数据卡片：深色背景 + 大号数字 */
.stats-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2rem;
 border-radius: 12px;
 margin: 2rem 0;
 text-align: center;
}
.stats-box .number {
 font-size: 2.5rem;
 font-weight: 800;
 color: #667eea;
 display: block;
}

/* ---- 序号列表：带彩色编号圆徽章 ---- */
.numbered-list {
 list-style: none;
 padding: 0;
 margin: 1.5rem 0;
}
.numbered-list li {
 padding: 0.75rem 0 0.75rem 2.5rem;
 position: relative;
 line-height: 1.6;
 border-bottom: 1px solid #f0f0f0;
}
.numbered-list li:last-child {
 border-bottom: none;
}
.numbered-list .num {
 position: absolute;
 left: 0;
 top: 0.75rem;
 width: 28px;
 height: 28px;
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 0.85rem;
 font-weight: 700;
 flex-shrink: 0;
}

/* ---- 引用卡片（正文内嵌引用） ---- */
.inline-quote {
 background: #f0f4ff;
 padding: 1.5rem 2rem;
 margin: 2rem 0;
 border-radius: 12px;
 position: relative;
 font-style: italic;
 color: #4a5568;
}
.inline-quote::before {
 content: '"';
 position: absolute;
 top: 5px;
 left: 12px;
 font-size: 48px;
 color: #667eea;
 opacity: 0.2;
 font-family: Georgia, serif;
}
.inline-quote .author {
 display: block;
 margin-top: 0.5rem;
 font-style: normal;
 font-weight: 600;
 color: #667eea;
 font-size: 0.9rem;
}

/* ---- 视觉分隔器 ---- */
.section-divider {
 display: flex;
 align-items: center;
 margin: 3rem 0;
 gap: 12px;
}
.section-divider .line {
 flex: 1;
 height: 1px;
 background: linear-gradient(90deg, transparent, #667eea, transparent);
}
.section-divider .dot {
 width: 6px;
 height: 6px;
 background: #667eea;
 border-radius: 50%;
 opacity: 0.5;
}

/* ---- 结尾典藏框 ---- */
.outro-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2.5rem;
 border-radius: 16px;
 margin: 3rem 0;
 text-align: center;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.outro-box strong {
 color: #667eea !important;
}

/* ---- 标题样式 ---- */
.td-content h2 {
 font-size: 1.8rem;
 font-weight: 700;
 color: #1a202c;
 margin-top: 3.5rem;
 margin-bottom: 1.5rem;
 padding-bottom: 0.8rem;
 border-bottom: 3px solid #667eea;
 position: relative;
}
.td-content h2::before {
 content: '';
 position: absolute;
 left: 0;
 bottom: -3px;
 width: 60px;
 height: 3px;
 background: linear-gradient(90deg, #667eea, #764ba2);
}

/* ---- 加粗文字主题色 ---- */
.td-content strong {
 color: #667eea;
 font-weight: 600;
}

/* ---- 段落样式 ---- */
.td-content p {
 margin-bottom: 1.5rem;
}

/* ---- 图片样式 ---- */
.td-content img {
 border-radius: 12px;
 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
 margin: 2.5rem 0;
 width: 100%;
 transition: transform 0.3s ease;
}
.td-content img:hover {
 transform: translateY(-4px);
 box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

/* ---- 代码块 ---- */
.td-content pre {
 border-radius: 12px;
 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
 margin: 2rem 0;
}

/* ---- 表格 ---- */
.td-content table {
 border-collapse: collapse;
 width: 100%;
 margin: 2rem 0;
 border-radius: 12px;
 overflow: hidden;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.td-content table th {
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 padding: 12px 16px;
 font-weight: 600;
}
.td-content table td {
 padding: 10px 16px;
 border-bottom: 1px solid #f0f0f0;
}
.td-content table tr:last-child td {
 border-bottom: none;
}

/* ---- 响应式 ---- */
@media (max-width: 768px) {
 .lead-quote {
 padding: 1.5rem 1rem;
 font-size: 1.1rem;
 }
 .stats-box .number {
 font-size: 2rem;
 }
 .numbered-list li {
 padding-left: 2rem;
 }
}
&lt;/style&gt;
&lt;p&gt;&lt;strong&gt;前几天刷 GitHub Trending，看到了一组不太真实的数字。&lt;/strong&gt;&lt;/p&gt;</description></item><item><title>AgentMemory 开源：给 AI 编程 Agent 装上持久化大脑</title><link>/zh/blog/2026/05/20/agentmemory-open-source/</link><pubDate>Wed, 20 May 2026 00:00:00 +0800</pubDate><guid>/zh/blog/2026/05/20/agentmemory-open-source/</guid><description>&lt;style&gt;
/* ===== junge-site 通用文章样式 ===== */
.td-content {
 max-width: 900px;
 margin: 0 auto;
}

/* ---- 卡片组件 ---- */

/* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */
.lead-quote {
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white;
 padding: 2.5rem 2rem;
 border-radius: 12px;
 margin: 2rem 0 3rem 0;
 font-size: 1.25rem;
 font-weight: 600;
 line-height: 1.6;
 box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
 position: relative;
 overflow: hidden;
}
.lead-quote::before {
 content: '"';
 position: absolute;
 top: -20px;
 left: 10px;
 font-size: 120px;
 opacity: 0.1;
 font-family: Georgia, serif;
}

/* 信息框：浅色背景 + 左侧蓝色边框 */
.info-box {
 background: #f8f9fa;
 padding: 1.5rem;
 border-left: 4px solid #667eea;
 border-radius: 8px;
 margin: 2rem 0;
}

/* 重点提示框：暖色背景 + 橙色边框 */
.highlight-box {
 background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%);
 border: 2px solid #ed8936;
 border-radius: 12px;
 padding: 1.5rem;
 margin: 2rem 0;
 box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1);
}

/* 数据卡片：深色背景 + 大号数字 */
.stats-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2rem;
 border-radius: 12px;
 margin: 2rem 0;
 text-align: center;
}
.stats-box .number {
 font-size: 2.5rem;
 font-weight: 800;
 color: #667eea;
 display: block;
}

/* ---- 序号列表：带彩色编号圆徽章 ---- */
.numbered-list {
 list-style: none;
 padding: 0;
 margin: 1.5rem 0;
}
.numbered-list li {
 padding: 0.75rem 0 0.75rem 2.5rem;
 position: relative;
 line-height: 1.6;
 border-bottom: 1px solid #f0f0f0;
}
.numbered-list li:last-child {
 border-bottom: none;
}
.numbered-list .num {
 position: absolute;
 left: 0;
 top: 0.75rem;
 width: 28px;
 height: 28px;
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 0.85rem;
 font-weight: 700;
 flex-shrink: 0;
}

/* ---- 引用卡片（正文内嵌引用） ---- */
.inline-quote {
 background: #f0f4ff;
 padding: 1.5rem 2rem;
 margin: 2rem 0;
 border-radius: 12px;
 position: relative;
 font-style: italic;
 color: #4a5568;
}
.inline-quote::before {
 content: '"';
 position: absolute;
 top: 5px;
 left: 12px;
 font-size: 48px;
 color: #667eea;
 opacity: 0.2;
 font-family: Georgia, serif;
}
.inline-quote .author {
 display: block;
 margin-top: 0.5rem;
 font-style: normal;
 font-weight: 600;
 color: #667eea;
 font-size: 0.9rem;
}

/* ---- 视觉分隔器 ---- */
.section-divider {
 display: flex;
 align-items: center;
 margin: 3rem 0;
 gap: 12px;
}
.section-divider .line {
 flex: 1;
 height: 1px;
 background: linear-gradient(90deg, transparent, #667eea, transparent);
}
.section-divider .dot {
 width: 6px;
 height: 6px;
 background: #667eea;
 border-radius: 50%;
 opacity: 0.5;
}

/* ---- 结尾典藏框 ---- */
.outro-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2.5rem;
 border-radius: 16px;
 margin: 3rem 0;
 text-align: center;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.outro-box strong {
 color: #667eea !important;
}

/* ---- 标题样式 ---- */
.td-content h2 {
 font-size: 1.8rem;
 font-weight: 700;
 color: #1a202c;
 margin-top: 3.5rem;
 margin-bottom: 1.5rem;
 padding-bottom: 0.8rem;
 border-bottom: 3px solid #667eea;
 position: relative;
}
.td-content h2::before {
 content: '';
 position: absolute;
 left: 0;
 bottom: -3px;
 width: 60px;
 height: 3px;
 background: linear-gradient(90deg, #667eea, #764ba2);
}

/* ---- 加粗文字主题色 ---- */
.td-content strong {
 color: #667eea;
 font-weight: 600;
}

/* ---- 段落样式 ---- */
.td-content p {
 margin-bottom: 1.5rem;
}

/* ---- 图片样式 ---- */
.td-content img {
 border-radius: 12px;
 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
 margin: 2.5rem 0;
 width: 100%;
 transition: transform 0.3s ease;
}
.td-content img:hover {
 transform: translateY(-4px);
 box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

/* ---- 代码块 ---- */
.td-content pre {
 border-radius: 12px;
 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
 margin: 2rem 0;
}

/* ---- 表格 ---- */
.td-content table {
 border-collapse: collapse;
 width: 100%;
 margin: 2rem 0;
 border-radius: 12px;
 overflow: hidden;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.td-content table th {
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 padding: 12px 16px;
 font-weight: 600;
}
.td-content table td {
 padding: 10px 16px;
 border-bottom: 1px solid #f0f0f0;
}
.td-content table tr:last-child td {
 border-bottom: none;
}

/* ---- 响应式 ---- */
@media (max-width: 768px) {
 .lead-quote {
 padding: 1.5rem 1rem;
 font-size: 1.1rem;
 }
 .stats-box .number {
 font-size: 2rem;
 }
 .numbered-list li {
 padding-left: 2rem;
 }
}
&lt;/style&gt;
&lt;p&gt;&lt;strong&gt;每天都跟 Claude Code、Cursor 这些 AI 编程 Agent 打交道的人，大概率都遇到过同一个问题：每次开新会话，都得把项目背景重新交代一遍。&lt;/strong&gt; 架构选型、目录结构、代码风格、踩过的坑——AI 什么都会，就是不会&amp;quot;记住&amp;quot;你。&lt;/p&gt;</description></item><item><title>新网银行"智擎AI+"战略升级：10类数字员工、77个智能助手如何落地？</title><link>/zh/blog/2026/05/18/xinwang-bank-zhijing-ai-strategy/</link><pubDate>Mon, 18 May 2026 00:00:00 +0800</pubDate><guid>/zh/blog/2026/05/18/xinwang-bank-zhijing-ai-strategy/</guid><description>&lt;style&gt;
/* ===== junge-site 通用文章样式 ===== */
.td-content {
 max-width: 900px;
 margin: 0 auto;
}

/* ---- 卡片组件 ---- */

/* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */
.lead-quote {
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white;
 padding: 2.5rem 2rem;
 border-radius: 12px;
 margin: 2rem 0 3rem 0;
 font-size: 1.25rem;
 font-weight: 600;
 line-height: 1.6;
 box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
 position: relative;
 overflow: hidden;
}
.lead-quote::before {
 content: '"';
 position: absolute;
 top: -20px;
 left: 10px;
 font-size: 120px;
 opacity: 0.1;
 font-family: Georgia, serif;
}

/* 信息框：浅色背景 + 左侧蓝色边框 */
.info-box {
 background: #f8f9fa;
 padding: 1.5rem;
 border-left: 4px solid #667eea;
 border-radius: 8px;
 margin: 2rem 0;
}

/* 重点提示框：暖色背景 + 橙色边框 */
.highlight-box {
 background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%);
 border: 2px solid #ed8936;
 border-radius: 12px;
 padding: 1.5rem;
 margin: 2rem 0;
 box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1);
}

/* 数据卡片：深色背景 + 大号数字 */
.stats-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2rem;
 border-radius: 12px;
 margin: 2rem 0;
 text-align: center;
}
.stats-box .number {
 font-size: 2.5rem;
 font-weight: 800;
 color: #667eea;
 display: block;
}

/* ---- 序号列表：带彩色编号圆徽章 ---- */
.numbered-list {
 list-style: none;
 padding: 0;
 margin: 1.5rem 0;
}
.numbered-list li {
 padding: 0.75rem 0 0.75rem 2.5rem;
 position: relative;
 line-height: 1.6;
 border-bottom: 1px solid #f0f0f0;
}
.numbered-list li:last-child {
 border-bottom: none;
}
.numbered-list .num {
 position: absolute;
 left: 0;
 top: 0.75rem;
 width: 28px;
 height: 28px;
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 0.85rem;
 font-weight: 700;
 flex-shrink: 0;
}

/* ---- 引用卡片（正文内嵌引用） ---- */
.inline-quote {
 background: #f0f4ff;
 padding: 1.5rem 2rem;
 margin: 2rem 0;
 border-radius: 12px;
 position: relative;
 font-style: italic;
 color: #4a5568;
}
.inline-quote::before {
 content: '"';
 position: absolute;
 top: 5px;
 left: 12px;
 font-size: 48px;
 color: #667eea;
 opacity: 0.2;
 font-family: Georgia, serif;
}
.inline-quote .author {
 display: block;
 margin-top: 0.5rem;
 font-style: normal;
 font-weight: 600;
 color: #667eea;
 font-size: 0.9rem;
}

/* ---- 视觉分隔器 ---- */
.section-divider {
 display: flex;
 align-items: center;
 margin: 3rem 0;
 gap: 12px;
}
.section-divider .line {
 flex: 1;
 height: 1px;
 background: linear-gradient(90deg, transparent, #667eea, transparent);
}
.section-divider .dot {
 width: 6px;
 height: 6px;
 background: #667eea;
 border-radius: 50%;
 opacity: 0.5;
}

/* ---- 结尾典藏框 ---- */
.outro-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2.5rem;
 border-radius: 16px;
 margin: 3rem 0;
 text-align: center;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.outro-box strong {
 color: #667eea !important;
}

/* ---- 标题样式 ---- */
.td-content h2 {
 font-size: 1.8rem;
 font-weight: 700;
 color: #1a202c;
 margin-top: 3.5rem;
 margin-bottom: 1.5rem;
 padding-bottom: 0.8rem;
 border-bottom: 3px solid #667eea;
 position: relative;
}
.td-content h2::before {
 content: '';
 position: absolute;
 left: 0;
 bottom: -3px;
 width: 60px;
 height: 3px;
 background: linear-gradient(90deg, #667eea, #764ba2);
}

/* ---- 加粗文字主题色 ---- */
.td-content strong {
 color: #667eea;
 font-weight: 600;
}

/* ---- 段落样式 ---- */
.td-content p {
 margin-bottom: 1.5rem;
}

/* ---- 图片样式 ---- */
.td-content img {
 border-radius: 12px;
 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
 margin: 2.5rem 0;
 width: 100%;
 transition: transform 0.3s ease;
}
.td-content img:hover {
 transform: translateY(-4px);
 box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

/* ---- 代码块 ---- */
.td-content pre {
 border-radius: 12px;
 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
 margin: 2rem 0;
}

/* ---- 表格 ---- */
.td-content table {
 border-collapse: collapse;
 width: 100%;
 margin: 2rem 0;
 border-radius: 12px;
 overflow: hidden;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.td-content table th {
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 padding: 12px 16px;
 font-weight: 600;
}
.td-content table td {
 padding: 10px 16px;
 border-bottom: 1px solid #f0f0f0;
}
.td-content table tr:last-child td {
 border-bottom: none;
}

/* ---- 响应式 ---- */
@media (max-width: 768px) {
 .lead-quote {
 padding: 1.5rem 1rem;
 font-size: 1.1rem;
 }
 .stats-box .number {
 font-size: 2rem;
 }
 .numbered-list li {
 padding-left: 2rem;
 }
}
&lt;/style&gt;
&lt;div class="lead-quote"&gt;
当一家数字银行将 AI 从"工具"升级为"员工"，它所构建的不仅仅是技术能力，而是一整套人机协同的运营体系。新网银行用 10 类数字员工和 77 个智能助手，给你演示了金融 AI 的未来形态。
&lt;/div&gt;
&lt;p&gt;近日，新网银行发布 2025 年年度报告，最引人注目的并非传统的财务数据，而是其&amp;quot;智擎 AI+&amp;ldquo;战略的落地成果——&lt;strong&gt;10 类数字员工、77 个智能助手、日均百万级 API 调用&lt;/strong&gt;。这组数据意味着，AI 已经不再只是银行后台的辅助工具，而是直接嵌入到了从客户触达到风险决策的每一个业务环节。&lt;/p&gt;</description></item><item><title>GPT Image 2 生成舞蹈大片：3 套完整分镜提示词（敦煌/洛神/苗族银饰）</title><link>/zh/blog/2026/05/16/gpt-image2-dance-prompts/</link><pubDate>Sat, 16 May 2026 00:00:00 +0800</pubDate><guid>/zh/blog/2026/05/16/gpt-image2-dance-prompts/</guid><description>&lt;style&gt;
/* ===== junge-site 通用文章样式 ===== */
.td-content {
 max-width: 900px;
 margin: 0 auto;
}

/* ---- 卡片组件 ---- */

/* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */
.lead-quote {
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white;
 padding: 2.5rem 2rem;
 border-radius: 12px;
 margin: 2rem 0 3rem 0;
 font-size: 1.25rem;
 font-weight: 600;
 line-height: 1.6;
 box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
 position: relative;
 overflow: hidden;
}
.lead-quote::before {
 content: '"';
 position: absolute;
 top: -20px;
 left: 10px;
 font-size: 120px;
 opacity: 0.1;
 font-family: Georgia, serif;
}

/* 信息框：浅色背景 + 左侧蓝色边框 */
.info-box {
 background: #f8f9fa;
 padding: 1.5rem;
 border-left: 4px solid #667eea;
 border-radius: 8px;
 margin: 2rem 0;
}

/* 重点提示框：暖色背景 + 橙色边框 */
.highlight-box {
 background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%);
 border: 2px solid #ed8936;
 border-radius: 12px;
 padding: 1.5rem;
 margin: 2rem 0;
 box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1);
}

/* 数据卡片：深色背景 + 大号数字 */
.stats-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2rem;
 border-radius: 12px;
 margin: 2rem 0;
 text-align: center;
}
.stats-box .number {
 font-size: 2.5rem;
 font-weight: 800;
 color: #667eea;
 display: block;
}

/* ---- 序号列表：带彩色编号圆徽章 ---- */
.numbered-list {
 list-style: none;
 padding: 0;
 margin: 1.5rem 0;
}
.numbered-list li {
 padding: 0.75rem 0 0.75rem 2.5rem;
 position: relative;
 line-height: 1.6;
 border-bottom: 1px solid #f0f0f0;
}
.numbered-list li:last-child {
 border-bottom: none;
}
.numbered-list .num {
 position: absolute;
 left: 0;
 top: 0.75rem;
 width: 28px;
 height: 28px;
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 0.85rem;
 font-weight: 700;
 flex-shrink: 0;
}

/* ---- 引用卡片（正文内嵌引用） ---- */
.inline-quote {
 background: #f0f4ff;
 padding: 1.5rem 2rem;
 margin: 2rem 0;
 border-radius: 12px;
 position: relative;
 font-style: italic;
 color: #4a5568;
}
.inline-quote::before {
 content: '"';
 position: absolute;
 top: 5px;
 left: 12px;
 font-size: 48px;
 color: #667eea;
 opacity: 0.2;
 font-family: Georgia, serif;
}
.inline-quote .author {
 display: block;
 margin-top: 0.5rem;
 font-style: normal;
 font-weight: 600;
 color: #667eea;
 font-size: 0.9rem;
}

/* ---- 视觉分隔器 ---- */
.section-divider {
 display: flex;
 align-items: center;
 margin: 3rem 0;
 gap: 12px;
}
.section-divider .line {
 flex: 1;
 height: 1px;
 background: linear-gradient(90deg, transparent, #667eea, transparent);
}
.section-divider .dot {
 width: 6px;
 height: 6px;
 background: #667eea;
 border-radius: 50%;
 opacity: 0.5;
}

/* ---- 结尾典藏框 ---- */
.outro-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2.5rem;
 border-radius: 16px;
 margin: 3rem 0;
 text-align: center;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.outro-box strong {
 color: #667eea !important;
}

/* ---- 标题样式 ---- */
.td-content h2 {
 font-size: 1.8rem;
 font-weight: 700;
 color: #1a202c;
 margin-top: 3.5rem;
 margin-bottom: 1.5rem;
 padding-bottom: 0.8rem;
 border-bottom: 3px solid #667eea;
 position: relative;
}
.td-content h2::before {
 content: '';
 position: absolute;
 left: 0;
 bottom: -3px;
 width: 60px;
 height: 3px;
 background: linear-gradient(90deg, #667eea, #764ba2);
}

/* ---- 加粗文字主题色 ---- */
.td-content strong {
 color: #667eea;
 font-weight: 600;
}

/* ---- 段落样式 ---- */
.td-content p {
 margin-bottom: 1.5rem;
}

/* ---- 图片样式 ---- */
.td-content img {
 border-radius: 12px;
 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
 margin: 2.5rem 0;
 width: 100%;
 transition: transform 0.3s ease;
}
.td-content img:hover {
 transform: translateY(-4px);
 box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

/* ---- 代码块 ---- */
.td-content pre {
 border-radius: 12px;
 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
 margin: 2rem 0;
}

/* ---- 表格 ---- */
.td-content table {
 border-collapse: collapse;
 width: 100%;
 margin: 2rem 0;
 border-radius: 12px;
 overflow: hidden;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.td-content table th {
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 padding: 12px 16px;
 font-weight: 600;
}
.td-content table td {
 padding: 10px 16px;
 border-bottom: 1px solid #f0f0f0;
}
.td-content table tr:last-child td {
 border-bottom: none;
}

/* ---- 响应式 ---- */
@media (max-width: 768px) {
 .lead-quote {
 padding: 1.5rem 1rem;
 font-size: 1.1rem;
 }
 .stats-box .number {
 font-size: 2rem;
 }
 .numbered-list li {
 padding-left: 2rem;
 }
}
&lt;/style&gt;
&lt;p&gt;&lt;strong&gt;AI 图像生成已经不只是&amp;quot;画一张图&amp;quot;了。用 GPT Image 2，你可以在一个画面中生成长达 16 帧的舞蹈分镜，每帧动作连贯、人物一致、场景统一，直接可作为视频生成的分镜参考。&lt;/strong&gt;&lt;/p&gt;</description></item><item><title>Markdown → HTML：AI 输出正在从"文档"进化成"界面"</title><link>/zh/blog/2026/05/16/html-vs-markdown-ai-agent/</link><pubDate>Sat, 16 May 2026 00:00:00 +0800</pubDate><guid>/zh/blog/2026/05/16/html-vs-markdown-ai-agent/</guid><description>&lt;style&gt;
/* ===== junge-site 通用文章样式 ===== */
.td-content {
 max-width: 900px;
 margin: 0 auto;
}

/* ---- 卡片组件 ---- */

/* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */
.lead-quote {
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white;
 padding: 2.5rem 2rem;
 border-radius: 12px;
 margin: 2rem 0 3rem 0;
 font-size: 1.25rem;
 font-weight: 600;
 line-height: 1.6;
 box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
 position: relative;
 overflow: hidden;
}
.lead-quote::before {
 content: '"';
 position: absolute;
 top: -20px;
 left: 10px;
 font-size: 120px;
 opacity: 0.1;
 font-family: Georgia, serif;
}

/* 信息框：浅色背景 + 左侧蓝色边框 */
.info-box {
 background: #f8f9fa;
 padding: 1.5rem;
 border-left: 4px solid #667eea;
 border-radius: 8px;
 margin: 2rem 0;
}

/* 重点提示框：暖色背景 + 橙色边框 */
.highlight-box {
 background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%);
 border: 2px solid #ed8936;
 border-radius: 12px;
 padding: 1.5rem;
 margin: 2rem 0;
 box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1);
}

/* 数据卡片：深色背景 + 大号数字 */
.stats-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2rem;
 border-radius: 12px;
 margin: 2rem 0;
 text-align: center;
}
.stats-box .number {
 font-size: 2.5rem;
 font-weight: 800;
 color: #667eea;
 display: block;
}

/* ---- 序号列表：带彩色编号圆徽章 ---- */
.numbered-list {
 list-style: none;
 padding: 0;
 margin: 1.5rem 0;
}
.numbered-list li {
 padding: 0.75rem 0 0.75rem 2.5rem;
 position: relative;
 line-height: 1.6;
 border-bottom: 1px solid #f0f0f0;
}
.numbered-list li:last-child {
 border-bottom: none;
}
.numbered-list .num {
 position: absolute;
 left: 0;
 top: 0.75rem;
 width: 28px;
 height: 28px;
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 0.85rem;
 font-weight: 700;
 flex-shrink: 0;
}

/* ---- 引用卡片（正文内嵌引用） ---- */
.inline-quote {
 background: #f0f4ff;
 padding: 1.5rem 2rem;
 margin: 2rem 0;
 border-radius: 12px;
 position: relative;
 font-style: italic;
 color: #4a5568;
}
.inline-quote::before {
 content: '"';
 position: absolute;
 top: 5px;
 left: 12px;
 font-size: 48px;
 color: #667eea;
 opacity: 0.2;
 font-family: Georgia, serif;
}
.inline-quote .author {
 display: block;
 margin-top: 0.5rem;
 font-style: normal;
 font-weight: 600;
 color: #667eea;
 font-size: 0.9rem;
}

/* ---- 视觉分隔器 ---- */
.section-divider {
 display: flex;
 align-items: center;
 margin: 3rem 0;
 gap: 12px;
}
.section-divider .line {
 flex: 1;
 height: 1px;
 background: linear-gradient(90deg, transparent, #667eea, transparent);
}
.section-divider .dot {
 width: 6px;
 height: 6px;
 background: #667eea;
 border-radius: 50%;
 opacity: 0.5;
}

/* ---- 结尾典藏框 ---- */
.outro-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2.5rem;
 border-radius: 16px;
 margin: 3rem 0;
 text-align: center;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.outro-box strong {
 color: #667eea !important;
}

/* ---- 标题样式 ---- */
.td-content h2 {
 font-size: 1.8rem;
 font-weight: 700;
 color: #1a202c;
 margin-top: 3.5rem;
 margin-bottom: 1.5rem;
 padding-bottom: 0.8rem;
 border-bottom: 3px solid #667eea;
 position: relative;
}
.td-content h2::before {
 content: '';
 position: absolute;
 left: 0;
 bottom: -3px;
 width: 60px;
 height: 3px;
 background: linear-gradient(90deg, #667eea, #764ba2);
}

/* ---- 加粗文字主题色 ---- */
.td-content strong {
 color: #667eea;
 font-weight: 600;
}

/* ---- 段落样式 ---- */
.td-content p {
 margin-bottom: 1.5rem;
}

/* ---- 图片样式 ---- */
.td-content img {
 border-radius: 12px;
 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
 margin: 2.5rem 0;
 width: 100%;
 transition: transform 0.3s ease;
}
.td-content img:hover {
 transform: translateY(-4px);
 box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

/* ---- 代码块 ---- */
.td-content pre {
 border-radius: 12px;
 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
 margin: 2rem 0;
}

/* ---- 表格 ---- */
.td-content table {
 border-collapse: collapse;
 width: 100%;
 margin: 2rem 0;
 border-radius: 12px;
 overflow: hidden;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.td-content table th {
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 padding: 12px 16px;
 font-weight: 600;
}
.td-content table td {
 padding: 10px 16px;
 border-bottom: 1px solid #f0f0f0;
}
.td-content table tr:last-child td {
 border-bottom: none;
}

/* ---- 响应式 ---- */
@media (max-width: 768px) {
 .lead-quote {
 padding: 1.5rem 1rem;
 font-size: 1.1rem;
 }
 .stats-box .number {
 font-size: 2rem;
 }
 .numbered-list li {
 padding-left: 2rem;
 }
}
&lt;/style&gt;
&lt;p&gt;&lt;strong&gt;过去几年，Markdown 几乎成了 AI Agent 的&amp;quot;标配&amp;quot;。不管是 ChatGPT、Claude、Cursor 还是 Copilot，默认输出格式都是 &lt;code&gt;#&lt;/code&gt; 标题、&lt;code&gt;-&lt;/code&gt; 列表、&lt;code&gt;`代码`&lt;/code&gt;。&lt;/strong&gt;&lt;/p&gt;</description></item><item><title>Kubernetes GPU 虚拟化实战：HAMi DRA 模式完整指南</title><link>/zh/blog/2026/05/15/hami-dra-gpu-virtualization-guide/</link><pubDate>Fri, 15 May 2026 00:00:00 +0800</pubDate><guid>/zh/blog/2026/05/15/hami-dra-gpu-virtualization-guide/</guid><description>&lt;style&gt;
/* ===== junge-site 通用文章样式 ===== */
.td-content { max-width: 900px; margin: 0 auto; }
.lead-quote {
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white; padding: 2.5rem 2rem; border-radius: 12px;
 margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600;
 line-height: 1.6; box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
 position: relative; overflow: hidden;
}
.lead-quote::before {
 content: '"'; position: absolute; top: -20px; left: 10px;
 font-size: 120px; opacity: 0.1; font-family: Georgia, serif;
}
.info-box {
 background: #f8f9fa; padding: 1.5rem;
 border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0;
}
.highlight-box {
 background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%);
 border: 2px solid #ed8936; border-radius: 12px;
 padding: 1.5rem; margin: 2rem 0;
 box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1);
}
.stats-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white; padding: 2rem; border-radius: 12px;
 margin: 2rem 0; text-align: center;
}
.stats-box .number {
 font-size: 2.5rem; font-weight: 800; color: #667eea; display: block;
}
.numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; }
.numbered-list li {
 padding: 0.75rem 0 0.75rem 2.5rem; position: relative;
 line-height: 1.6; border-bottom: 1px solid #f0f0f0;
}
.numbered-list li:last-child { border-bottom: none; }
.numbered-list .num {
 position: absolute; left: 0; top: 0.75rem;
 width: 28px; height: 28px;
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white; border-radius: 50%;
 display: flex; align-items: center; justify-content: center;
 font-size: 0.85rem; font-weight: 700; flex-shrink: 0;
}
.inline-quote {
 background: #f0f4ff; padding: 1.5rem 2rem; margin: 2rem 0;
 border-radius: 12px; position: relative; font-style: italic; color: #4a5568;
}
.inline-quote::before {
 content: '"'; position: absolute; top: 5px; left: 12px;
 font-size: 48px; color: #667eea; opacity: 0.2; font-family: Georgia, serif;
}
.section-divider {
 display: flex; align-items: center; margin: 3rem 0; gap: 12px;
}
.section-divider .line {
 flex: 1; height: 1px;
 background: linear-gradient(90deg, transparent, #667eea, transparent);
}
.section-divider .dot {
 width: 6px; height: 6px; background: #667eea; border-radius: 50%; opacity: 0.5;
}
.outro-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white; padding: 2.5rem; border-radius: 16px;
 margin: 3rem 0; text-align: center;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.outro-box strong { color: #667eea !important; }
.td-content h2 {
 font-size: 1.8rem; font-weight: 700; color: #1a202c;
 margin-top: 3.5rem; margin-bottom: 1.5rem;
 padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative;
}
.td-content h2::before {
 content: ''; position: absolute; left: 0; bottom: -3px;
 width: 60px; height: 3px;
 background: linear-gradient(90deg, #667eea, #764ba2);
}
.td-content strong { color: #667eea; font-weight: 600; }
.td-content p { margin-bottom: 1.5rem; }
.td-content img {
 border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
 margin: 2.5rem 0; width: 100%;
 transition: transform 0.3s ease;
}
.td-content img:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18); }
.td-content pre { border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); margin: 2rem 0; }
.td-content table {
 border-collapse: collapse; width: 100%; margin: 2rem 0;
 border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.td-content table th {
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white; padding: 12px 16px; font-weight: 600;
}
.td-content table td { padding: 10px 16px; border-bottom: 1px solid #f0f0f0; }
.td-content table tr:last-child td { border-bottom: none; }
@media (max-width: 768px) {
 .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; }
 .stats-box .number { font-size: 2rem; }
 .numbered-list li { padding-left: 2rem; }
}
&lt;/style&gt;
&lt;p&gt;一块 A10 24GB 显存的 GPU，在传统模式下只能给一个 Pod 用。但如果跑的是 batch 推理任务，很可能只用到了 10GB 显存和 30% 算力——剩下 14GB 就这么空着。&lt;/p&gt;</description></item><item><title>云原生 Agent 托管的高效范式：Agent Harness Infra 体系化设计</title><link>/zh/blog/2026/05/15/cloud-native-agent-harness-infra/</link><pubDate>Fri, 15 May 2026 00:00:00 +0800</pubDate><guid>/zh/blog/2026/05/15/cloud-native-agent-harness-infra/</guid><description>&lt;style&gt;
/* ===== junge-site 通用文章样式 ===== */
.td-content {
 max-width: 900px;
 margin: 0 auto;
}

/* 引言卡片 */
.lead-quote {
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white;
 padding: 2.5rem 2rem;
 border-radius: 12px;
 margin: 2rem 0 3rem 0;
 font-size: 1.25rem;
 font-weight: 600;
 line-height: 1.6;
 box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
 position: relative;
 overflow: hidden;
}
.lead-quote::before {
 content: '"';
 position: absolute;
 top: -20px;
 left: 10px;
 font-size: 120px;
 opacity: 0.1;
 font-family: Georgia, serif;
}

/* 信息框 */
.info-box {
 background: #f8f9fa;
 padding: 1.5rem;
 border-left: 4px solid #667eea;
 border-radius: 8px;
 margin: 2rem 0;
}

/* 重点提示框 */
.highlight-box {
 background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%);
 border: 2px solid #ed8936;
 border-radius: 12px;
 padding: 1.5rem;
 margin: 2rem 0;
 box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1);
}

/* 数据卡片 */
.stats-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2rem;
 border-radius: 12px;
 margin: 2rem 0;
 text-align: center;
}
.stats-box .number {
 font-size: 2.5rem;
 font-weight: 800;
 color: #667eea;
 display: block;
}

/* 序号列表 */
.numbered-list {
 list-style: none;
 padding: 0;
 margin: 1.5rem 0;
}
.numbered-list li {
 padding: 0.75rem 0 0.75rem 2.5rem;
 position: relative;
 line-height: 1.6;
 border-bottom: 1px solid #f0f0f0;
}
.numbered-list li:last-child {
 border-bottom: none;
}
.numbered-list .num {
 position: absolute;
 left: 0;
 top: 0.75rem;
 width: 28px;
 height: 28px;
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 0.85rem;
 font-weight: 700;
 flex-shrink: 0;
}

/* 引用卡片 */
.inline-quote {
 background: #f0f4ff;
 padding: 1.5rem 2rem;
 margin: 2rem 0;
 border-radius: 12px;
 position: relative;
 font-style: italic;
 color: #4a5568;
}
.inline-quote::before {
 content: '"';
 position: absolute;
 top: 5px;
 left: 12px;
 font-size: 48px;
 color: #667eea;
 opacity: 0.2;
 font-family: Georgia, serif;
}
.inline-quote .author {
 display: block;
 margin-top: 0.5rem;
 font-style: normal;
 font-weight: 600;
 color: #667eea;
 font-size: 0.9rem;
}

/* 视觉分隔器 */
.section-divider {
 display: flex;
 align-items: center;
 margin: 3rem 0;
 gap: 12px;
}
.section-divider .line {
 flex: 1;
 height: 1px;
 background: linear-gradient(90deg, transparent, #667eea, transparent);
}
.section-divider .dot {
 width: 6px;
 height: 6px;
 background: #667eea;
 border-radius: 50%;
 opacity: 0.5;
}

/* 结尾典藏框 */
.outro-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2.5rem;
 border-radius: 16px;
 margin: 3rem 0;
 text-align: center;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.outro-box strong {
 color: #667eea !important;
}

/* 标题样式 */
.td-content h2 {
 font-size: 1.8rem;
 font-weight: 700;
 color: #1a202c;
 margin-top: 3.5rem;
 margin-bottom: 1.5rem;
 padding-bottom: 0.8rem;
 border-bottom: 3px solid #667eea;
 position: relative;
}
.td-content h2::before {
 content: '';
 position: absolute;
 left: 0;
 bottom: -3px;
 width: 60px;
 height: 3px;
 background: linear-gradient(90deg, #667eea, #764ba2);
}

/* 加粗文字主题色 */
.td-content strong {
 color: #667eea;
 font-weight: 600;
}

/* 段落样式 */
.td-content p {
 margin-bottom: 1.5rem;
}

/* 图片样式 */
.td-content img {
 border-radius: 12px;
 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
 margin: 2.5rem 0;
 width: 100%;
 transition: transform 0.3s ease;
}
.td-content img:hover {
 transform: translateY(-4px);
 box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

/* 代码块 */
.td-content pre {
 border-radius: 12px;
 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
 margin: 2rem 0;
}

/* 表格 */
.td-content table {
 border-collapse: collapse;
 width: 100%;
 margin: 2rem 0;
 border-radius: 12px;
 overflow: hidden;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.td-content table th {
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 padding: 12px 16px;
 font-weight: 600;
}
.td-content table td {
 padding: 10px 16px;
 border-bottom: 1px solid #f0f0f0;
}
.td-content table tr:last-child td {
 border-bottom: none;
}

@media (max-width: 768px) {
 .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; }
 .stats-box .number { font-size: 2rem; }
 .numbered-list li { padding-left: 2rem; }
}
&lt;/style&gt;
&lt;p&gt;随着 AI Agent 从概念验证走向生产落地，一个关键问题浮出水面——&lt;strong&gt;Agent 应该跑在什么基础设施上？&lt;/strong&gt;&lt;/p&gt;</description></item><item><title>GPT Image 2 提示词工程：12 套模板，从入门到精准出图</title><link>/zh/blog/2026/05/14/gpt-image-2-prompt-engineering/</link><pubDate>Thu, 14 May 2026 00:00:00 +0800</pubDate><guid>/zh/blog/2026/05/14/gpt-image-2-prompt-engineering/</guid><description>&lt;style&gt;
/* ===== junge-site 通用文章样式 ===== */
.td-content {
 max-width: 900px;
 margin: 0 auto;
}

/* ---- 卡片组件 ---- */
.lead-quote {
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white;
 padding: 2.5rem 2rem;
 border-radius: 12px;
 margin: 2rem 0 3rem 0;
 font-size: 1.25rem;
 font-weight: 600;
 line-height: 1.6;
 box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
 position: relative;
 overflow: hidden;
}
.lead-quote::before {
 content: '"';
 position: absolute;
 top: -20px;
 left: 10px;
 font-size: 120px;
 opacity: 0.1;
 font-family: Georgia, serif;
}

.info-box {
 background: #f8f9fa;
 padding: 1.5rem;
 border-left: 4px solid #667eea;
 border-radius: 8px;
 margin: 2rem 0;
}

.highlight-box {
 background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%);
 border: 2px solid #ed8936;
 border-radius: 12px;
 padding: 1.5rem;
 margin: 2rem 0;
 box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1);
}

.stats-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2rem;
 border-radius: 12px;
 margin: 2rem 0;
 text-align: center;
}
.stats-box .number {
 font-size: 2.5rem;
 font-weight: 800;
 color: #667eea;
 display: block;
}

.numbered-list {
 list-style: none;
 padding: 0;
 margin: 1.5rem 0;
}
.numbered-list li {
 padding: 0.75rem 0 0.75rem 2.5rem;
 position: relative;
 line-height: 1.6;
 border-bottom: 1px solid #f0f0f0;
}
.numbered-list li:last-child {
 border-bottom: none;
}
.numbered-list .num {
 position: absolute;
 left: 0;
 top: 0.75rem;
 width: 28px;
 height: 28px;
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 0.85rem;
 font-weight: 700;
 flex-shrink: 0;
}

.inline-quote {
 background: #f0f4ff;
 padding: 1.5rem 2rem;
 margin: 2rem 0;
 border-radius: 12px;
 position: relative;
 font-style: italic;
 color: #4a5568;
}
.inline-quote::before {
 content: '"';
 position: absolute;
 top: 5px;
 left: 12px;
 font-size: 48px;
 color: #667eea;
 opacity: 0.2;
 font-family: Georgia, serif;
}
.inline-quote .author {
 display: block;
 margin-top: 0.5rem;
 font-style: normal;
 font-weight: 600;
 color: #667eea;
 font-size: 0.9rem;
}

.section-divider {
 display: flex;
 align-items: center;
 margin: 3rem 0;
 gap: 12px;
}
.section-divider .line {
 flex: 1;
 height: 1px;
 background: linear-gradient(90deg, transparent, #667eea, transparent);
}
.section-divider .dot {
 width: 6px;
 height: 6px;
 background: #667eea;
 border-radius: 50%;
 opacity: 0.5;
}

.outro-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2.5rem;
 border-radius: 16px;
 margin: 3rem 0;
 text-align: center;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.outro-box strong {
 color: #667eea !important;
}

.td-content h2 {
 font-size: 1.8rem;
 font-weight: 700;
 color: #1a202c;
 margin-top: 3.5rem;
 margin-bottom: 1.5rem;
 padding-bottom: 0.8rem;
 border-bottom: 3px solid #667eea;
 position: relative;
}
.td-content h2::before {
 content: '';
 position: absolute;
 left: 0;
 bottom: -3px;
 width: 60px;
 height: 3px;
 background: linear-gradient(90deg, #667eea, #764ba2);
}

.td-content strong {
 color: #667eea;
 font-weight: 600;
}

.td-content p {
 margin-bottom: 1.5rem;
}

.td-content img {
 border-radius: 12px;
 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
 margin: 2.5rem 0;
 width: 100%;
 transition: transform 0.3s ease;
}
.td-content img:hover {
 transform: translateY(-4px);
 box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

.td-content pre {
 border-radius: 12px;
 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
 margin: 2rem 0;
}

.td-content table {
 border-collapse: collapse;
 width: 100%;
 margin: 2rem 0;
 border-radius: 12px;
 overflow: hidden;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.td-content table th {
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 padding: 12px 16px;
 font-weight: 600;
}
.td-content table td {
 padding: 10px 16px;
 border-bottom: 1px solid #f0f0f0;
}
.td-content table tr:last-child td {
 border-bottom: none;
}

/* ---- 模板卡片样式 ---- */
.template-card {
 background: #f8fafc;
 border: 1px solid #e2e8f0;
 border-radius: 12px;
 padding: 1.5rem;
 margin: 2rem 0;
 position: relative;
}
.template-card .template-label {
 display: inline-block;
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 padding: 0.2rem 0.6rem;
 border-radius: 4px;
 font-size: 0.75rem;
 font-weight: 600;
 margin-bottom: 0.75rem;
}
.template-card pre {
 margin: 0.5rem 0 0 0;
 background: #1e293b;
 color: #e2e8f0;
 padding: 1rem;
 border-radius: 8px;
 font-size: 0.85rem;
 overflow-x: auto;
}

.template-card .template-tip {
 margin-top: 0.75rem;
 padding-top: 0.75rem;
 border-top: 1px solid #e2e8f0;
 font-size: 0.85rem;
 color: #64748b;
}
&lt;/style&gt;
&lt;p&gt;&lt;strong&gt;GPT Image 2 用的是另一种语言——不是关键词标签，是设计师和艺术总监互相交代任务时的&amp;quot;创意简报&amp;quot;语言。一旦理解这个转变，出图就不再靠抽卡碰运气。&lt;/strong&gt;&lt;/p&gt;</description></item><item><title>从"成本中心"到"价值中心"：IT 部门的价值突围</title><link>/zh/lifestyle/workplace/it-cost-to-value-center/</link><pubDate>Thu, 14 May 2026 00:00:00 +0800</pubDate><guid>/zh/lifestyle/workplace/it-cost-to-value-center/</guid><description>&lt;style&gt;
/* ===== junge-site 通用文章样式 ===== */
.td-content {
 max-width: 900px;
 margin: 0 auto;
}

/* ---- 卡片组件 ---- */

/* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */
.lead-quote {
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white;
 padding: 2.5rem 2rem;
 border-radius: 12px;
 margin: 2rem 0 3rem 0;
 font-size: 1.25rem;
 font-weight: 600;
 line-height: 1.6;
 box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
 position: relative;
 overflow: hidden;
}
.lead-quote::before {
 content: '"';
 position: absolute;
 top: -20px;
 left: 10px;
 font-size: 120px;
 opacity: 0.1;
 font-family: Georgia, serif;
}

/* 信息框：浅色背景 + 左侧蓝色边框 */
.info-box {
 background: #f8f9fa;
 padding: 1.5rem;
 border-left: 4px solid #667eea;
 border-radius: 8px;
 margin: 2rem 0;
}

/* 重点提示框：暖色背景 + 橙色边框 */
.highlight-box {
 background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%);
 border: 2px solid #ed8936;
 border-radius: 12px;
 padding: 1.5rem;
 margin: 2rem 0;
 box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1);
}

/* 数据卡片：深色背景 + 大号数字 */
.stats-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2rem;
 border-radius: 12px;
 margin: 2rem 0;
 text-align: center;
}
.stats-box .number {
 font-size: 2.5rem;
 font-weight: 800;
 color: #667eea;
 display: block;
}

/* ---- 序号列表：带彩色编号圆徽章 ---- */
.numbered-list {
 list-style: none;
 padding: 0;
 margin: 1.5rem 0;
}
.numbered-list li {
 padding: 0.75rem 0 0.75rem 2.5rem;
 position: relative;
 line-height: 1.6;
 border-bottom: 1px solid #f0f0f0;
}
.numbered-list li:last-child {
 border-bottom: none;
}
.numbered-list .num {
 position: absolute;
 left: 0;
 top: 0.75rem;
 width: 28px;
 height: 28px;
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 0.85rem;
 font-weight: 700;
 flex-shrink: 0;
}

/* ---- 引用卡片（正文内嵌引用） ---- */
.inline-quote {
 background: #f0f4ff;
 padding: 1.5rem 2rem;
 margin: 2rem 0;
 border-radius: 12px;
 position: relative;
 font-style: italic;
 color: #4a5568;
}
.inline-quote::before {
 content: '"';
 position: absolute;
 top: 5px;
 left: 12px;
 font-size: 48px;
 color: #667eea;
 opacity: 0.2;
 font-family: Georgia, serif;
}
.inline-quote .author {
 display: block;
 margin-top: 0.5rem;
 font-style: normal;
 font-weight: 600;
 color: #667eea;
 font-size: 0.9rem;
}

/* ---- 视觉分隔器 ---- */
.section-divider {
 display: flex;
 align-items: center;
 margin: 3rem 0;
 gap: 12px;
}
.section-divider .line {
 flex: 1;
 height: 1px;
 background: linear-gradient(90deg, transparent, #667eea, transparent);
}
.section-divider .dot {
 width: 6px;
 height: 6px;
 background: #667eea;
 border-radius: 50%;
 opacity: 0.5;
}

/* ---- 结尾典藏框 ---- */
.outro-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2.5rem;
 border-radius: 16px;
 margin: 3rem 0;
 text-align: center;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.outro-box strong {
 color: #667eea !important;
}

/* ---- 标题样式 ---- */
.td-content h2 {
 font-size: 1.8rem;
 font-weight: 700;
 color: #1a202c;
 margin-top: 3.5rem;
 margin-bottom: 1.5rem;
 padding-bottom: 0.8rem;
 border-bottom: 3px solid #667eea;
 position: relative;
}
.td-content h2::before {
 content: '';
 position: absolute;
 left: 0;
 bottom: -3px;
 width: 60px;
 height: 3px;
 background: linear-gradient(90deg, #667eea, #764ba2);
}

/* ---- 加粗文字主题色 ---- */
.td-content strong {
 color: #667eea;
 font-weight: 600;
}

/* ---- 段落样式 ---- */
.td-content p {
 margin-bottom: 1.5rem;
}

/* ---- 图片样式 ---- */
.td-content img {
 border-radius: 12px;
 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
 margin: 2.5rem 0;
 width: 100%;
 transition: transform 0.3s ease;
}
.td-content img:hover {
 transform: translateY(-4px);
 box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

/* ---- 代码块 ---- */
.td-content pre {
 border-radius: 12px;
 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
 margin: 2rem 0;
}

/* ---- 表格 ---- */
.td-content table {
 border-collapse: collapse;
 width: 100%;
 margin: 2rem 0;
 border-radius: 12px;
 overflow: hidden;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.td-content table th {
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 padding: 12px 16px;
 font-weight: 600;
}
.td-content table td {
 padding: 10px 16px;
 border-bottom: 1px solid #f0f0f0;
}
.td-content table tr:last-child td {
 border-bottom: none;
}

/* ---- 响应式 ---- */
@media (max-width: 768px) {
 .lead-quote {
 padding: 1.5rem 1rem;
 font-size: 1.1rem;
 }
 .stats-box .number {
 font-size: 2rem;
 }
 .numbered-list li {
 padding-left: 2rem;
 }
}
&lt;/style&gt;
&lt;p&gt;&amp;ldquo;IT 部门重要吗？重要。赚钱吗？不赚钱。&amp;rdquo;&lt;/p&gt;</description></item><item><title>从零到收：用AI搭建工具站，靠广告自动化变现</title><link>/zh/blog/2026/05/14/ai-tool-ad-monetization/</link><pubDate>Thu, 14 May 2026 00:00:00 +0800</pubDate><guid>/zh/blog/2026/05/14/ai-tool-ad-monetization/</guid><description>&lt;style&gt;
/* ===== junge-site 通用文章样式 ===== */
.td-content {
 max-width: 900px;
 margin: 0 auto;
}

/* ---- 卡片组件 ---- */

/* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */
.lead-quote {
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white;
 padding: 2.5rem 2rem;
 border-radius: 12px;
 margin: 2rem 0 3rem 0;
 font-size: 1.25rem;
 font-weight: 600;
 line-height: 1.6;
 box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
 position: relative;
 overflow: hidden;
}
.lead-quote::before {
 content: '"';
 position: absolute;
 top: -20px;
 left: 10px;
 font-size: 120px;
 opacity: 0.1;
 font-family: Georgia, serif;
}

/* 信息框：浅色背景 + 左侧蓝色边框 */
.info-box {
 background: #f8f9fa;
 padding: 1.5rem;
 border-left: 4px solid #667eea;
 border-radius: 8px;
 margin: 2rem 0;
}

/* 重点提示框：暖色背景 + 橙色边框 */
.highlight-box {
 background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%);
 border: 2px solid #ed8936;
 border-radius: 12px;
 padding: 1.5rem;
 margin: 2rem 0;
 box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1);
}

/* 数据卡片：深色背景 + 大号数字 */
.stats-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2rem;
 border-radius: 12px;
 margin: 2rem 0;
 text-align: center;
}
.stats-box .number {
 font-size: 2.5rem;
 font-weight: 800;
 color: #667eea;
 display: block;
}

/* ---- 序号列表：带彩色编号圆徽章 ---- */
.numbered-list {
 list-style: none;
 padding: 0;
 margin: 1.5rem 0;
}
.numbered-list li {
 padding: 0.75rem 0 0.75rem 2.5rem;
 position: relative;
 line-height: 1.6;
 border-bottom: 1px solid #f0f0f0;
}
.numbered-list li:last-child {
 border-bottom: none;
}
.numbered-list .num {
 position: absolute;
 left: 0;
 top: 0.75rem;
 width: 28px;
 height: 28px;
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 0.85rem;
 font-weight: 700;
 flex-shrink: 0;
}

/* ---- 引用卡片（正文内嵌引用） ---- */
.inline-quote {
 background: #f0f4ff;
 padding: 1.5rem 2rem;
 margin: 2rem 0;
 border-radius: 12px;
 position: relative;
 font-style: italic;
 color: #4a5568;
}
.inline-quote::before {
 content: '"';
 position: absolute;
 top: 5px;
 left: 12px;
 font-size: 48px;
 color: #667eea;
 opacity: 0.2;
 font-family: Georgia, serif;
}
.inline-quote .author {
 display: block;
 margin-top: 0.5rem;
 font-style: normal;
 font-weight: 600;
 color: #667eea;
 font-size: 0.9rem;
}

/* ---- 视觉分隔器 ---- */
.section-divider {
 display: flex;
 align-items: center;
 margin: 3rem 0;
 gap: 12px;
}
.section-divider .line {
 flex: 1;
 height: 1px;
 background: linear-gradient(90deg, transparent, #667eea, transparent);
}
.section-divider .dot {
 width: 6px;
 height: 6px;
 background: #667eea;
 border-radius: 50%;
 opacity: 0.5;
}

/* ---- 结尾典藏框 ---- */
.outro-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2.5rem;
 border-radius: 16px;
 margin: 3rem 0;
 text-align: center;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.outro-box strong {
 color: #667eea !important;
}

/* ---- 标题样式 ---- */
.td-content h2 {
 font-size: 1.8rem;
 font-weight: 700;
 color: #1a202c;
 margin-top: 3.5rem;
 margin-bottom: 1.5rem;
 padding-bottom: 0.8rem;
 border-bottom: 3px solid #667eea;
 position: relative;
}
.td-content h2::before {
 content: '';
 position: absolute;
 left: 0;
 bottom: -3px;
 width: 60px;
 height: 3px;
 background: linear-gradient(90deg, #667eea, #764ba2);
}

/* ---- 加粗文字主题色 ---- */
.td-content strong {
 color: #667eea;
 font-weight: 600;
}

/* ---- 段落样式 ---- */
.td-content p {
 margin-bottom: 1.5rem;
}

/* ---- 图片样式 ---- */
.td-content img {
 border-radius: 12px;
 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
 margin: 2.5rem 0;
 width: 100%;
 transition: transform 0.3s ease;
}
.td-content img:hover {
 transform: translateY(-4px);
 box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

/* ---- 代码块 ---- */
.td-content pre {
 border-radius: 12px;
 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
 margin: 2rem 0;
}

/* ---- 表格 ---- */
.td-content table {
 border-collapse: collapse;
 width: 100%;
 margin: 2rem 0;
 border-radius: 12px;
 overflow: hidden;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.td-content table th {
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 padding: 12px 16px;
 font-weight: 600;
}
.td-content table td {
 padding: 10px 16px;
 border-bottom: 1px solid #f0f0f0;
}
.td-content table tr:last-child td {
 border-bottom: none;
}
&lt;/style&gt;
&lt;p&gt;&lt;strong&gt;AI 编程能力的平民化，让&amp;quot;做一个小工具然后靠广告产生被动收入&amp;quot;这件事，从需要学几个月编程，变成了一下午就能搞定的实操流程。&lt;/strong&gt;&lt;/p&gt;</description></item><item><title>1.8k Star 的 GPT Image 2 提示词仓库，7 个能直接抄的 prompt</title><link>/zh/blog/2026/05/13/gpt-image-2-prompt-repo/</link><pubDate>Wed, 13 May 2026 00:00:00 +0800</pubDate><guid>/zh/blog/2026/05/13/gpt-image-2-prompt-repo/</guid><description>&lt;style&gt;
/* ===== junge-site 通用文章样式 ===== */
.td-content {
 max-width: 900px;
 margin: 0 auto;
}

/* ---- 卡片组件 ---- */

/* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */
.lead-quote {
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white;
 padding: 2.5rem 2rem;
 border-radius: 12px;
 margin: 2rem 0 3rem 0;
 font-size: 1.25rem;
 font-weight: 600;
 line-height: 1.6;
 box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
 position: relative;
 overflow: hidden;
}
.lead-quote::before {
 content: '"';
 position: absolute;
 top: -20px;
 left: 10px;
 font-size: 120px;
 opacity: 0.1;
 font-family: Georgia, serif;
}

/* 信息框：浅色背景 + 左侧蓝色边框 */
.info-box {
 background: #f8f9fa;
 padding: 1.5rem;
 border-left: 4px solid #667eea;
 border-radius: 8px;
 margin: 2rem 0;
}

/* 重点提示框：暖色背景 + 橙色边框 */
.highlight-box {
 background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%);
 border: 2px solid #ed8936;
 border-radius: 12px;
 padding: 1.5rem;
 margin: 2rem 0;
 box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1);
}

/* 数据卡片：深色背景 + 大号数字 */
.stats-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2rem;
 border-radius: 12px;
 margin: 2rem 0;
 text-align: center;
}
.stats-box .number {
 font-size: 2.5rem;
 font-weight: 800;
 color: #667eea;
 display: block;
}

/* ---- 序号列表：带彩色编号圆徽章 ---- */
.numbered-list {
 list-style: none;
 padding: 0;
 margin: 1.5rem 0;
}
.numbered-list li {
 padding: 0.75rem 0 0.75rem 2.5rem;
 position: relative;
 line-height: 1.6;
 border-bottom: 1px solid #f0f0f0;
}
.numbered-list li:last-child {
 border-bottom: none;
}
.numbered-list .num {
 position: absolute;
 left: 0;
 top: 0.75rem;
 width: 28px;
 height: 28px;
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 0.85rem;
 font-weight: 700;
 flex-shrink: 0;
}

/* ---- 引用卡片（正文内嵌引用） ---- */
.inline-quote {
 background: #f0f4ff;
 padding: 1.5rem 2rem;
 margin: 2rem 0;
 border-radius: 12px;
 position: relative;
 font-style: italic;
 color: #4a5568;
}
.inline-quote::before {
 content: '"';
 position: absolute;
 top: 5px;
 left: 12px;
 font-size: 48px;
 color: #667eea;
 opacity: 0.2;
 font-family: Georgia, serif;
}
.inline-quote .author {
 display: block;
 margin-top: 0.5rem;
 font-style: normal;
 font-weight: 600;
 color: #667eea;
 font-size: 0.9rem;
}

/* ---- 视觉分隔器 ---- */
.section-divider {
 display: flex;
 align-items: center;
 margin: 3rem 0;
 gap: 12px;
}
.section-divider .line {
 flex: 1;
 height: 1px;
 background: linear-gradient(90deg, transparent, #667eea, transparent);
}
.section-divider .dot {
 width: 6px;
 height: 6px;
 background: #667eea;
 border-radius: 50%;
 opacity: 0.5;
}

/* ---- 结尾典藏框 ---- */
.outro-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2.5rem;
 border-radius: 16px;
 margin: 3rem 0;
 text-align: center;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.outro-box strong {
 color: #667eea !important;
}

/* ---- 标题样式 ---- */
.td-content h2 {
 font-size: 1.8rem;
 font-weight: 700;
 color: #1a202c;
 margin-top: 3.5rem;
 margin-bottom: 1.5rem;
 padding-bottom: 0.8rem;
 border-bottom: 3px solid #667eea;
 position: relative;
}
.td-content h2::before {
 content: '';
 position: absolute;
 left: 0;
 bottom: -3px;
 width: 60px;
 height: 3px;
 background: linear-gradient(90deg, #667eea, #764ba2);
}

/* ---- 加粗文字主题色 ---- */
.td-content strong {
 color: #667eea;
 font-weight: 600;
}

/* ---- 段落样式 ---- */
.td-content p {
 margin-bottom: 1.5rem;
}

/* ---- 图片样式 ---- */
.td-content img {
 border-radius: 12px;
 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
 margin: 2.5rem 0;
 width: 100%;
 transition: transform 0.3s ease;
}
.td-content img:hover {
 transform: translateY(-4px);
 box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

/* ---- 代码块 ---- */
.td-content pre {
 border-radius: 12px;
 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
 margin: 2rem 0;
}

/* ---- 表格 ---- */
.td-content table {
 border-collapse: collapse;
 width: 100%;
 margin: 2rem 0;
 border-radius: 12px;
 overflow: hidden;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.td-content table th {
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 padding: 12px 16px;
 font-weight: 600;
}
.td-content table td {
 padding: 10px 16px;
 border-bottom: 1px solid #f0f0f0;
}
.td-content table tr:last-child td {
 border-bottom: none;
}

/* ---- 响应式 ---- */
@media (max-width: 768px) {
 .lead-quote {
 padding: 1.5rem 1rem;
 font-size: 1.1rem;
 }
 .stats-box .number {
 font-size: 2rem;
 }
 .numbered-list li {
 padding-left: 2rem;
 }
}
&lt;/style&gt;
&lt;p&gt;&lt;strong&gt;GPT Image 2 发布十多天了，网上教程铺天盖地，但真正好用的东西往往藏在 GitHub 上。&lt;/strong&gt; 有人已经把精心打磨的提示词整理成公开仓库，全部免费，复制粘贴就能用。&lt;/p&gt;</description></item><item><title>Web Infra vs AI Infra：K8s 擅长的事正在被重新定义</title><link>/zh/blog/2026/05/13/kubernetes-is-intermediate-layer/</link><pubDate>Wed, 13 May 2026 00:00:00 +0800</pubDate><guid>/zh/blog/2026/05/13/kubernetes-is-intermediate-layer/</guid><description>&lt;style&gt;
/* ===== junge-site 通用文章样式 ===== */
.td-content {
 max-width: 900px;
 margin: 0 auto;
}
.lead-quote {
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white;
 padding: 2.5rem 2rem;
 border-radius: 12px;
 margin: 2rem 0 3rem 0;
 font-size: 1.25rem;
 font-weight: 600;
 line-height: 1.6;
 box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
 position: relative;
 overflow: hidden;
}
.lead-quote::before {
 content: '"';
 position: absolute;
 top: -20px;
 left: 10px;
 font-size: 120px;
 opacity: 0.1;
 font-family: Georgia, serif;
}
.info-box {
 background: #f8f9fa;
 padding: 1.5rem;
 border-left: 4px solid #667eea;
 border-radius: 8px;
 margin: 2rem 0;
}
.highlight-box {
 background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%);
 border: 2px solid #ed8936;
 border-radius: 12px;
 padding: 1.5rem;
 margin: 2rem 0;
 box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1);
}
.stats-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2rem;
 border-radius: 12px;
 margin: 2rem 0;
 text-align: center;
}
.stats-box .number {
 font-size: 2.5rem;
 font-weight: 800;
 color: #667eea;
 display: block;
}
.numbered-list {
 list-style: none;
 padding: 0;
 margin: 1.5rem 0;
}
.numbered-list li {
 padding: 0.75rem 0 0.75rem 2.5rem;
 position: relative;
 line-height: 1.6;
 border-bottom: 1px solid #f0f0f0;
}
.numbered-list li:last-child {
 border-bottom: none;
}
.numbered-list .num {
 position: absolute;
 left: 0;
 top: 0.75rem;
 width: 28px;
 height: 28px;
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 0.85rem;
 font-weight: 700;
 flex-shrink: 0;
}
.inline-quote {
 background: #f0f4ff;
 padding: 1.5rem 2rem;
 margin: 2rem 0;
 border-radius: 12px;
 position: relative;
 font-style: italic;
 color: #4a5568;
}
.inline-quote::before {
 content: '"';
 position: absolute;
 top: 5px;
 left: 12px;
 font-size: 48px;
 color: #667eea;
 opacity: 0.2;
 font-family: Georgia, serif;
}
.inline-quote .author {
 display: block;
 margin-top: 0.5rem;
 font-style: normal;
 font-weight: 600;
 color: #667eea;
 font-size: 0.9rem;
}
.section-divider {
 display: flex;
 align-items: center;
 margin: 3rem 0;
 gap: 12px;
}
.section-divider .line {
 flex: 1;
 height: 1px;
 background: linear-gradient(90deg, transparent, #667eea, transparent);
}
.section-divider .dot {
 width: 6px;
 height: 6px;
 background: #667eea;
 border-radius: 50%;
 opacity: 0.5;
}
.outro-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2.5rem;
 border-radius: 16px;
 margin: 3rem 0;
 text-align: center;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.outro-box strong {
 color: #667eea !important;
}
.td-content h2 {
 font-size: 1.8rem;
 font-weight: 700;
 color: #1a202c;
 margin-top: 3.5rem;
 margin-bottom: 1.5rem;
 padding-bottom: 0.8rem;
 border-bottom: 3px solid #667eea;
 position: relative;
}
.td-content h2::before {
 content: '';
 position: absolute;
 left: 0;
 bottom: -3px;
 width: 60px;
 height: 3px;
 background: linear-gradient(90deg, #667eea, #764ba2);
}
.td-content strong {
 color: #667eea;
 font-weight: 600;
}
.td-content p {
 margin-bottom: 1.5rem;
}
.td-content img {
 border-radius: 12px;
 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
 margin: 2.5rem 0;
 width: 100%;
 transition: transform 0.3s ease;
}
.td-content img:hover {
 transform: translateY(-4px);
 box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}
.td-content pre {
 border-radius: 12px;
 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
 margin: 2rem 0;
}
.td-content table {
 border-collapse: collapse;
 width: 100%;
 margin: 2rem 0;
 border-radius: 12px;
 overflow: hidden;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.td-content table th {
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 padding: 12px 16px;
 font-weight: 600;
}
.td-content table td {
 padding: 10px 16px;
 border-bottom: 1px solid #f0f0f0;
}
.td-content table tr:last-child td {
 border-bottom: none;
}
@media (max-width: 768px) {
 .lead-quote {
 padding: 1.5rem 1rem;
 font-size: 1.1rem;
 }
 .stats-box .number {
 font-size: 2rem;
 }
 .numbered-list li {
 padding-left: 2rem;
 }
}
&lt;/style&gt;
&lt;p&gt;&lt;strong&gt;把过去十几年的基础设施演进串起来看，Kubernetes 更像一个时代的「中间层」，而不是最终答案。&lt;/strong&gt;&lt;/p&gt;</description></item><item><title>从0到1：用AI Agent架构搭建AIOps平台的设计思路</title><link>/zh/blog/2026/05/10/aiops-agent-platform/</link><pubDate>Sun, 10 May 2026 00:00:00 +0800</pubDate><guid>/zh/blog/2026/05/10/aiops-agent-platform/</guid><description>&lt;style&gt;
/* ===== junge-site 通用文章样式 ===== */
.td-content {
 max-width: 900px;
 margin: 0 auto;
}

/* ---- 卡片组件 ---- */

/* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */
.lead-quote {
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white;
 padding: 2.5rem 2rem;
 border-radius: 12px;
 margin: 2rem 0 3rem 0;
 font-size: 1.25rem;
 font-weight: 600;
 line-height: 1.6;
 box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
 position: relative;
 overflow: hidden;
}
.lead-quote::before {
 content: '"';
 position: absolute;
 top: -20px;
 left: 10px;
 font-size: 120px;
 opacity: 0.1;
 font-family: Georgia, serif;
}

/* 信息框：浅色背景 + 左侧蓝色边框 */
.info-box {
 background: #f8f9fa;
 padding: 1.5rem;
 border-left: 4px solid #667eea;
 border-radius: 8px;
 margin: 2rem 0;
}

/* 重点提示框：暖色背景 + 橙色边框 */
.highlight-box {
 background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%);
 border: 2px solid #ed8936;
 border-radius: 12px;
 padding: 1.5rem;
 margin: 2rem 0;
 box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1);
}

/* 数据卡片：深色背景 + 大号数字 */
.stats-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2rem;
 border-radius: 12px;
 margin: 2rem 0;
 text-align: center;
}
.stats-box .number {
 font-size: 2.5rem;
 font-weight: 800;
 color: #667eea;
 display: block;
}

/* ---- 序号列表：带彩色编号圆徽章 ---- */
.numbered-list {
 list-style: none;
 padding: 0;
 margin: 1.5rem 0;
}
.numbered-list li {
 padding: 0.75rem 0 0.75rem 2.5rem;
 position: relative;
 line-height: 1.6;
 border-bottom: 1px solid #f0f0f0;
}
.numbered-list li:last-child {
 border-bottom: none;
}
.numbered-list .num {
 position: absolute;
 left: 0;
 top: 0.75rem;
 width: 28px;
 height: 28px;
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 0.85rem;
 font-weight: 700;
 flex-shrink: 0;
}

/* ---- 引用卡片（正文内嵌引用） ---- */
.inline-quote {
 background: #f0f4ff;
 padding: 1.5rem 2rem;
 margin: 2rem 0;
 border-radius: 12px;
 position: relative;
 font-style: italic;
 color: #4a5568;
}
.inline-quote::before {
 content: '"';
 position: absolute;
 top: 5px;
 left: 12px;
 font-size: 48px;
 color: #667eea;
 opacity: 0.2;
 font-family: Georgia, serif;
}
.inline-quote .author {
 display: block;
 margin-top: 0.5rem;
 font-style: normal;
 font-weight: 600;
 color: #667eea;
 font-size: 0.9rem;
}

/* ---- 视觉分隔器 ---- */
.section-divider {
 display: flex;
 align-items: center;
 margin: 3rem 0;
 gap: 12px;
}
.section-divider .line {
 flex: 1;
 height: 1px;
 background: linear-gradient(90deg, transparent, #667eea, transparent);
}
.section-divider .dot {
 width: 6px;
 height: 6px;
 background: #667eea;
 border-radius: 50%;
 opacity: 0.5;
}

/* ---- 结尾典藏框 ---- */
.outro-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2.5rem;
 border-radius: 16px;
 margin: 3rem 0;
 text-align: center;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.outro-box strong {
 color: #667eea !important;
}

/* ---- 标题样式 ---- */
.td-content h2 {
 font-size: 1.8rem;
 font-weight: 700;
 color: #1a202c;
 margin-top: 3.5rem;
 margin-bottom: 1.5rem;
 padding-bottom: 0.8rem;
 border-bottom: 3px solid #667eea;
 position: relative;
}
.td-content h2::before {
 content: '';
 position: absolute;
 left: 0;
 bottom: -3px;
 width: 60px;
 height: 3px;
 background: linear-gradient(90deg, #667eea, #764ba2);
}

/* ---- 加粗文字主题色 ---- */
.td-content strong {
 color: #667eea;
 font-weight: 600;
}

/* ---- 段落样式 ---- */
.td-content p {
 margin-bottom: 1.5rem;
}

/* ---- 图片样式 ---- */
.td-content img {
 border-radius: 12px;
 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
 margin: 2.5rem 0;
 width: 100%;
 transition: transform 0.3s ease;
}
.td-content img:hover {
 transform: translateY(-4px);
 box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

/* ---- 代码块 ---- */
.td-content pre {
 border-radius: 12px;
 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
 margin: 2rem 0;
}

/* ---- 表格 ---- */
.td-content table {
 border-collapse: collapse;
 width: 100%;
 margin: 2rem 0;
 border-radius: 12px;
 overflow: hidden;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.td-content table th {
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 padding: 12px 16px;
 font-weight: 600;
}
.td-content table td {
 padding: 10px 16px;
 border-bottom: 1px solid #f0f0f0;
}
.td-content table tr:last-child td {
 border-bottom: none;
}

/* ---- 响应式 ---- */
@media (max-width: 768px) {
 .lead-quote {
 padding: 1.5rem 1rem;
 font-size: 1.1rem;
 }
 .stats-box .number {
 font-size: 2rem;
 }
 .numbered-list li {
 padding-left: 2rem;
 }
}
&lt;/style&gt;
&lt;p&gt;&lt;strong&gt;用 AI Agent 构建 AIOps 平台，核心思路是把 Agent 作为&amp;quot;大脑&amp;quot;，通过 MCP（Model Context Protocol）接入运维工具链，通过 Skill 插件扩展自动化能力。这篇文章分享一个四层架构设计模型，从 Web UI 到底层系统集成，给出完整的技术选型建议和开发落地步骤。&lt;/strong&gt;&lt;/p&gt;</description></item><item><title>AIOps探索：分享10个运维领域的Agent Skills</title><link>/zh/blog/2026/05/09/aiops-10agent-skills/</link><pubDate>Sat, 09 May 2026 00:00:00 +0800</pubDate><guid>/zh/blog/2026/05/09/aiops-10agent-skills/</guid><description>&lt;style&gt;
/* ===== junge-site 通用文章样式 ===== */
.td-content { max-width: 900px; margin: 0 auto; }

.lead-quote {
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white; padding: 2.5rem 2rem; border-radius: 12px;
 margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600;
 line-height: 1.6; box-shadow: 0 10px 30px rgba(102,126,234,0.3);
 position: relative; overflow: hidden;
}
.lead-quote::before {
 content: '"'; position: absolute; top: -20px; left: 10px;
 font-size: 120px; opacity: 0.1; font-family: Georgia, serif;
}

.info-box {
 background: #f8f9fa; padding: 1.5rem;
 border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0;
}

.highlight-box {
 background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%);
 border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem;
 margin: 2rem 0; box-shadow: 0 4px 12px rgba(237,137,54,0.1);
}

.numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; }
.numbered-list li {
 padding: 0.75rem 0 0.75rem 2.5rem; position: relative;
 line-height: 1.6; border-bottom: 1px solid #f0f0f0;
}
.numbered-list li:last-child { border-bottom: none; }
.numbered-list .num {
 position: absolute; left: 0; top: 0.75rem;
 width: 28px; height: 28px;
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white; border-radius: 50%; display: flex;
 align-items: center; justify-content: center;
 font-size: 0.85rem; font-weight: 700; flex-shrink: 0;
}

.section-divider {
 display: flex; align-items: center; margin: 3rem 0; gap: 12px;
}
.section-divider .line {
 flex: 1; height: 1px;
 background: linear-gradient(90deg, transparent, #667eea, transparent);
}
.section-divider .dot {
 width: 6px; height: 6px; background: #667eea;
 border-radius: 50%; opacity: 0.5;
}

.td-content h2 {
 font-size: 1.8rem; font-weight: 700; color: #1a202c;
 margin-top: 3.5rem; margin-bottom: 1.5rem;
 padding-bottom: 0.8rem; border-bottom: 3px solid #667eea;
 position: relative;
}
.td-content h2::before {
 content: ''; position: absolute; left: 0; bottom: -3px;
 width: 60px; height: 3px;
 background: linear-gradient(90deg, #667eea, #764ba2);
}

.td-content strong { color: #667eea; font-weight: 600; }
.td-content p { margin-bottom: 1.5rem; }

@media (max-width: 768px) {
 .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; }
 .numbered-list li { padding-left: 2rem; }
}
&lt;/style&gt;
&lt;div class="lead-quote"&gt;
研究AIOps大半年，目前手里有不少可落地的方案。越研究越发现Skills的重要性——用好Skills，可以让我们事半功倍。
&lt;/div&gt;
&lt;div class="info-box"&gt;
**一句话说清楚：** AI Agent Skills 不是大模型能力的替代，而是能力的"精准化"——给 AI 一套明确的工具和上下文，让它从"什么都会但什么都不精"变成"某个场景特别能打"。今天分享10个运维领域里最有实战价值的 Skills。
&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;研究 AIOps 越久，就越发现 Skills 的重要性。&lt;/strong&gt; 当然不只是在 AIOps 场景中，其它场景里 Skills 同样重要。用好 Skills 可以让我们事半功倍，让 AI 从&amp;quot;通用助手&amp;quot;升级为&amp;quot;领域专家&amp;quot;。&lt;/p&gt;</description></item><item><title>OpenClaw 与 Hermes 通用 Agent 架构全面对比解析</title><link>/zh/blog/2026/05/09/openclaw-vs-hermes-agent-architecture/</link><pubDate>Sat, 09 May 2026 00:00:00 +0800</pubDate><guid>/zh/blog/2026/05/09/openclaw-vs-hermes-agent-architecture/</guid><description>&lt;style&gt;
.td-content { max-width: 900px; margin: 0 auto; }

.lead-quote {
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white; padding: 2.5rem 2rem; border-radius: 12px;
 margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600;
 line-height: 1.6; box-shadow: 0 10px 30px rgba(102,126,234,0.3);
 position: relative; overflow: hidden;
}
.lead-quote::before {
 content: '"'; position: absolute; top: -20px; left: 10px;
 font-size: 120px; opacity: 0.1; font-family: Georgia, serif;
}

.info-box {
 background: #f8f9fa; padding: 1.5rem;
 border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0;
}

.highlight-box {
 background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%);
 border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem;
 margin: 2rem 0; box-shadow: 0 4px 12px rgba(237,137,54,0.1);
}

.section-divider {
 display: flex; align-items: center; margin: 3rem 0; gap: 12px;
}
.section-divider .line {
 flex: 1; height: 1px;
 background: linear-gradient(90deg, transparent, #667eea, transparent);
}
.section-divider .dot {
 width: 6px; height: 6px; background: #667eea;
 border-radius: 50%; opacity: 0.5;
}

.numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; }
.numbered-list li {
 padding: 0.75rem 0 0.75rem 2.5rem; position: relative;
 line-height: 1.6; border-bottom: 1px solid #f0f0f0;
}
.numbered-list li:last-child { border-bottom: none; }
.numbered-list .num {
 position: absolute; left: 0; top: 0.75rem;
 width: 28px; height: 28px;
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white; border-radius: 50%; display: flex;
 align-items: center; justify-content: center;
 font-size: 0.85rem; font-weight: 700; flex-shrink: 0;
}

.td-content h2 {
 font-size: 1.8rem; font-weight: 700; color: #1a202c;
 margin-top: 3.5rem; margin-bottom: 1.5rem;
 padding-bottom: 0.8rem; border-bottom: 3px solid #667eea;
 position: relative;
}
.td-content h2::before {
 content: ''; position: absolute; left: 0; bottom: -3px;
 width: 60px; height: 3px;
 background: linear-gradient(90deg, #667eea, #764ba2);
}

.td-content strong { color: #667eea; font-weight: 600; }
.td-content p { margin-bottom: 1.5rem; }

.td-content table {
 border-collapse: collapse; width: 100%; margin: 2rem 0;
 border-radius: 12px; overflow: hidden;
 box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.td-content table th {
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white; padding: 12px 16px; font-weight: 600;
}
.td-content table td {
 padding: 10px 16px; border-bottom: 1px solid #f0f0f0;
}
.td-content table tr:last-child td { border-bottom: none; }

@media (max-width: 768px) {
 .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; }
 .numbered-list li { padding-left: 2rem; }
}
&lt;/style&gt;
&lt;div class="lead-quote"&gt;
当前 AI Agent 已从单一工具调用转向系统化落地。OpenClaw 与 Hermes 看似功能相近，但工程重心截然不同——一个聚焦"接入管控"，一个聚焦"自我进化"。
&lt;/div&gt;
&lt;div class="info-box"&gt;
**一句话说清楚：** OpenClaw 以本地优先为核心，构建多入口接入与权限管控的 Gateway 控制面；Hermes 以自我进化为核心，打造学习型执行循环，实现任务经验的沉淀与复用。二者不存在简单的替代关系，而是代表 Agent 系统的两大发展方向。
&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;当前 AI Agent 已从单一工具调用转向系统化落地应用&lt;/strong&gt;，不少开发者在搭建个人智能助理时，面临 OpenClaw 与 Hermes 的选型难题。尤其在 Reddit 等海外社区，&amp;ldquo;I ditched OpenClaw for Hermes&amp;rdquo; 的讨论持续发酵，国内开发者普遍困惑：二者是否属于同类产品？Hermes 能否完全替代 OpenClaw？&lt;/p&gt;</description></item><item><title>创业复盘：2026年怎么做AI Native公司</title><link>/zh/lifestyle/workplace/ai-native-company-2026/</link><pubDate>Sat, 09 May 2026 00:00:00 +0800</pubDate><guid>/zh/lifestyle/workplace/ai-native-company-2026/</guid><description>&lt;style&gt;
/* ===== junge-site 通用文章样式 ===== */

/* 文章容器 */
.td-content {
 max-width: 900px;
 margin: 0 auto;
}

/* 引言卡片：紫蓝渐变背景 + 白色文字 + 阴影 */
.lead-quote {
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white;
 padding: 2.5rem 2rem;
 border-radius: 12px;
 margin: 2rem 0 3rem 0;
 font-size: 1.25rem;
 font-weight: 600;
 line-height: 1.6;
 box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
 position: relative;
 overflow: hidden;
}

.lead-quote::before {
 content: '"';
 position: absolute;
 top: -20px;
 left: 10px;
 font-size: 120px;
 opacity: 0.1;
 font-family: Georgia, serif;
}

/* 信息框：浅色背景 + 左侧蓝色边框 */
.info-box {
 background: #f8f9fa;
 padding: 1.5rem;
 border-left: 4px solid #667eea;
 border-radius: 8px;
 margin: 2rem 0;
}

/* 重点提示框：暖色渐变 + 橙色边框 */
.highlight-box {
 background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%);
 border: 2px solid #ed8936;
 border-radius: 12px;
 padding: 1.5rem;
 margin: 2rem 0;
 box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1);
}

/* 数据卡片：深色背景 + 强调数字 */
.stats-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2rem;
 border-radius: 12px;
 margin: 2rem 0;
 text-align: center;
}

.stats-box .number {
 font-size: 2.5rem;
 font-weight: 800;
 color: #667eea;
 display: block;
}

/* 标题样式 */
.td-content h2 {
 font-size: 1.8rem;
 font-weight: 700;
 color: #1a202c;
 margin-top: 3.5rem;
 margin-bottom: 1.5rem;
 padding-bottom: 0.8rem;
 border-bottom: 3px solid #667eea;
 position: relative;
}

.td-content h2::before {
 content: '';
 position: absolute;
 left: 0;
 bottom: -3px;
 width: 60px;
 height: 3px;
 background: linear-gradient(90deg, #667eea, #764ba2);
}

/* 加粗文字主题色 */
.td-content strong {
 color: #667eea;
 font-weight: 600;
}

/* 图片样式 */
.td-content img {
 border-radius: 12px;
 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
 margin: 2.5rem 0;
 width: 100%;
 transition: transform 0.3s ease;
}

.td-content img:hover {
 transform: translateY(-4px);
 box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

/* 代码块 */
.td-content pre {
 border-radius: 12px;
 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
 margin: 2rem 0;
}

/* 响应式 */
@media (max-width: 768px) {
 .lead-quote {
 padding: 1.5rem 1rem;
 font-size: 1.1rem;
 }
 .stats-box .number {
 font-size: 2rem;
 }
}
&lt;/style&gt;
&lt;div class="lead-quote"&gt;
从"工具"到"重构公司"：AI 不只提效，而是重新定义组织的形态。你准备好了吗？
&lt;/div&gt;
&lt;div class="info-box"&gt;
**一句话说清楚：** AI Native 公司不是"人在原流程里用 AI 工具"，而是把 AI 变成公司运转的中枢。每个流程、决策、结果都进入一个可查询、可反馈、可自动优化的闭环系统。
&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;创业三个月，问题暴露后才想明白一件事：我们只是一家「传统公司很会用 AI」，而不是真正的 AI Native 公司。&lt;/strong&gt; 这个转变，才是 2026 年最值得做的事。&lt;/p&gt;</description></item><item><title>AI时代，程序员的价值不是降低了，而是重构了</title><link>/zh/lifestyle/workplace/ai-era-programmer-value/</link><pubDate>Sat, 25 Apr 2026 00:00:00 +0800</pubDate><guid>/zh/lifestyle/workplace/ai-era-programmer-value/</guid><description>&lt;style&gt;
/* ===== junge-site 通用文章样式 ===== */

.td-content {
 max-width: 900px;
 margin: 0 auto;
}

.lead-quote {
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white;
 padding: 2.5rem 2rem;
 border-radius: 12px;
 margin: 2rem 0 3rem 0;
 font-size: 1.25rem;
 font-weight: 600;
 line-height: 1.6;
 box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
 position: relative;
 overflow: hidden;
}

.lead-quote::before {
 content: '"';
 position: absolute;
 top: -20px;
 left: 10px;
 font-size: 120px;
 opacity: 0.1;
 font-family: Georgia, serif;
}

.info-box {
 background: #f8f9fa;
 padding: 1.5rem;
 border-left: 4px solid #667eea;
 border-radius: 8px;
 margin: 2rem 0;
}

.highlight-box {
 background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%);
 border: 2px solid #ed8936;
 border-radius: 12px;
 padding: 1.5rem;
 margin: 2rem 0;
 box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1);
}

.stats-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2rem;
 border-radius: 12px;
 margin: 2rem 0;
 text-align: center;
}

.stats-box .number {
 font-size: 2.5rem;
 font-weight: 800;
 color: #667eea;
 display: block;
}

.td-content h2 {
 font-size: 1.8rem;
 font-weight: 700;
 color: #1a202c;
 margin-top: 3.5rem;
 margin-bottom: 1.5rem;
 padding-bottom: 0.8rem;
 border-bottom: 3px solid #667eea;
 position: relative;
}

.td-content h2::before {
 content: '';
 position: absolute;
 left: 0;
 bottom: -3px;
 width: 60px;
 height: 3px;
 background: linear-gradient(90deg, #667eea, #764ba2);
}

.td-content strong {
 color: #667eea;
 font-weight: 600;
}

.td-content img {
 border-radius: 12px;
 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
 margin: 2.5rem 0;
 width: 100%;
 transition: transform 0.3s ease;
}

.td-content p {
 margin-bottom: 1.5rem;
}

@media (max-width: 768px) {
 .lead-quote {
 padding: 1.5rem 1rem;
 font-size: 1.1rem;
 }
 .stats-box .number {
 font-size: 2rem;
 }
}
&lt;/style&gt;
&lt;div class="lead-quote"&gt;
谷歌 CEO 皮查伊宣布：新写代码中 75% 由 AI 生成。评论炸了。但没人关注剩下那 25%——那才是程序员未来的定价权。
&lt;/div&gt;
&lt;div class="info-box"&gt;
**一句话说清楚：** AI淘汰的不是"程序员"这个岗位，它淘汰的是"只把自己当打字员"的那批人。那 25% 的能力边界，才是普通工程师和精英工程师的分水岭。
&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;18个月，从25%到75%。&lt;/strong&gt; 这不是&amp;quot;稳步上升&amp;quot;，是指数级爬坡。&lt;/p&gt;</description></item><item><title>微众银行的AI原生银行战略：800+智能体背后，基础设施才是隐形战场</title><link>/zh/blog/2026/04/05/ai-bank-strategy-800-agents/</link><pubDate>Sun, 05 Apr 2026 00:00:00 +0800</pubDate><guid>/zh/blog/2026/04/05/ai-bank-strategy-800-agents/</guid><description>&lt;p&gt;&lt;strong&gt;核心事实：&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;微众银行近日与中移金科共建&amp;quot;AI+银行联合实验室&amp;quot;，已部署超过800个AI智能体，60多名&amp;quot;数字员工&amp;quot;实际上岗。信用债审查从数天压缩到10分钟，营销获客提升21%、成本降低5%。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;但问题来了：为什么大多数银行的&amp;quot;AI战略合作&amp;quot;只停留在PR稿？&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;差距不在AI本身，在基础设施。&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="一平台先行智能体才能规模化"&gt;一、平台先行，智能体才能规模化&lt;a class="td-heading-self-link" href="#%e4%b8%80%e5%b9%b3%e5%8f%b0%e5%85%88%e8%a1%8c%e6%99%ba%e8%83%bd%e4%bd%93%e6%89%8d%e8%83%bd%e8%a7%84%e6%a8%a1%e5%8c%96" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;微众银行能落地800+智能体，靠的不是某个大模型能力，而是&lt;strong&gt;一站式AI应用构建平台&lt;/strong&gt;——支持低代码开发，降低AI应用落地门槛。&lt;/p&gt;
&lt;p&gt;这是平台工程思维：先建平台，再铺应用。没有平台能力，AI应用就是烟囱式建设，每个场景从0开始，800个智能体就是800个孤岛。&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="二知识体系是ai的操作系统"&gt;二、知识体系是AI的&amp;quot;操作系统&amp;quot;&lt;a class="td-heading-self-link" href="#%e4%ba%8c%e7%9f%a5%e8%af%86%e4%bd%93%e7%b3%bb%e6%98%afai%e7%9a%84%e6%93%8d%e4%bd%9c%e7%b3%bb%e7%bb%9f" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;智能体能分析、能决策的前提是——&lt;strong&gt;有可分析的知识&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;企业需要构建：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;告警标准化&lt;/strong&gt;：监控告警格式统一，智能体能自动解析、分析、响应&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;变更标准化&lt;/strong&gt;：变更流程、变更记录可检索、可理解&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;运维知识库&lt;/strong&gt;：故障处理经验、变更记录，最佳实践——全部结构化沉淀&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;没有这个基础设施，智能体再强也只是&amp;quot;巧妇难为无米之炊&amp;quot;。&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="三多智能体协作才是终态"&gt;三、多智能体协作才是终态&lt;a class="td-heading-self-link" href="#%e4%b8%89%e5%a4%9a%e6%99%ba%e8%83%bd%e4%bd%93%e5%8d%8f%e4%bd%9c%e6%89%8d%e6%98%af%e7%bb%88%e6%80%81" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;单一智能体的能力有上限。真正的架构是&lt;strong&gt;多角色智能体协作&lt;/strong&gt;：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;应急响应智能体&lt;/strong&gt;：接收告警 → 自动分析 → 触发响应 → 协调处理&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;值班数字员工&lt;/strong&gt;：7×24小时值守，处理标准化的重复问题&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;专家顾问智能体&lt;/strong&gt;：复杂问题升级，人工介入前提供决策支持&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;知识管理智能体&lt;/strong&gt;：持续学习、沉淀、更新企业知识库&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;微众银行的&amp;quot;60名数字员工&amp;quot;本质上就是这个架构的落地——不是60个孤立的聊天机器人，而是有分工、有协作的数字化组织。&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="四行业差距的本质"&gt;四、行业差距的本质&lt;a class="td-heading-self-link" href="#%e5%9b%9b%e8%a1%8c%e4%b8%9a%e5%b7%ae%e8%b7%9d%e7%9a%84%e6%9c%ac%e8%b4%a8" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;2025年银行×科技企业的AI合作已成标配，但：&lt;/p&gt;
&lt;table&gt;
 &lt;thead&gt;
 &lt;tr&gt;
 &lt;th&gt;合作模式&lt;/th&gt;
 &lt;th&gt;本质&lt;/th&gt;
 &lt;th&gt;结果&lt;/th&gt;
 &lt;/tr&gt;
 &lt;/thead&gt;
 &lt;tbody&gt;
 &lt;tr&gt;
 &lt;td&gt;共建实验室&lt;/td&gt;
 &lt;td&gt;概念验证&lt;/td&gt;
 &lt;td&gt;PR稿&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;采购AI应用&lt;/td&gt;
 &lt;td&gt;点状落地&lt;/td&gt;
 &lt;td&gt;烟囱孤岛&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;平台+知识体系+多智能体&lt;/td&gt;
 &lt;td&gt;基础设施重构&lt;/td&gt;
 &lt;td&gt;真正的数字化员工&lt;/td&gt;
 &lt;/tr&gt;
 &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;微众银行走的是第三条路。这也是为什么招行×火山引擎、华夏×中科院自动化所的合作公告里，大家都在提&amp;quot;共建平台&amp;quot;——大家开始意识到，基础设施才是隐形战场。&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="隽戈点评"&gt;隽戈点评&lt;a class="td-heading-self-link" href="#%e9%9a%bd%e6%88%88%e7%82%b9%e8%af%84" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;AI智能体建设，本质是&lt;strong&gt;运维数字化能力的输出&lt;/strong&gt;。告警、变更，知识库——这些看起来&amp;quot;不AI&amp;quot;的东西，才是智能体能真正发挥价值的前提。没有标准化的接口、没有结构化的知识沉淀，智能体就是个高级玩具。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;先建平台，后建智能体。先养知识，再谈AI。&lt;/strong&gt;&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;&lt;em&gt;本文由隽戈数字分身整理改写，原文来自智探AI应用&lt;/em&gt;&lt;/p&gt;</description></item><item><title>布达拉宫晨曦</title><link>/zh/lifestyle/photography/potala-palace/</link><pubDate>Sat, 04 Apr 2026 00:00:00 +0800</pubDate><guid>/zh/lifestyle/photography/potala-palace/</guid><description>&lt;h1 id="布达拉宫晨曦"&gt;布达拉宫晨曦&lt;a class="td-heading-self-link" href="#%e5%b8%83%e8%be%be%e6%8b%89%e5%ae%ab%e6%99%a8%e6%9b%a6" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;世界上海拔最高的宫殿之一，布达拉宫在晨曦中熠熠生辉。这座宏伟的建筑不仅是藏族文化的象征，更是人类建筑艺术的瑰宝。&lt;/p&gt;
&lt;h2 id="摄影手记"&gt;摄影手记&lt;a class="td-heading-self-link" href="#%e6%91%84%e5%bd%b1%e6%89%8b%e8%ae%b0" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;地点&lt;/strong&gt;：西藏拉萨&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;时间&lt;/strong&gt;：日出时分&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;光线&lt;/strong&gt;：柔和的晨光，金色的暖调&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="摄影技巧"&gt;摄影技巧&lt;a class="td-heading-self-link" href="#%e6%91%84%e5%bd%b1%e6%8a%80%e5%b7%a7" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;构图&lt;/strong&gt;：中心对称构图，展现宫殿的庄严&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;光线运用&lt;/strong&gt;：利用晨光营造金顶辉煌效果&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;背景&lt;/strong&gt;：蓝天白云，层次分明&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;p&gt;&lt;em&gt;拍摄于 2026年春&lt;/em&gt;&lt;/p&gt;</description></item><item><title>让AI帮你写技术博客：我摸索出的最佳实践</title><link>/zh/blog/2026/04/04/ai-blogging-workflow/</link><pubDate>Sat, 04 Apr 2026 00:00:00 +0800</pubDate><guid>/zh/blog/2026/04/04/ai-blogging-workflow/</guid><description>&lt;h1 id="让ai帮你写技术博客我摸索出的最佳实践"&gt;让AI帮你写技术博客：我摸索出的最佳实践&lt;a class="td-heading-self-link" href="#%e8%ae%a9ai%e5%b8%ae%e4%bd%a0%e5%86%99%e6%8a%80%e6%9c%af%e5%8d%9a%e5%ae%a2%e6%88%91%e6%91%b8%e7%b4%a2%e5%87%ba%e7%9a%84%e6%9c%80%e4%bd%b3%e5%ae%9e%e8%b7%b5" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;做技术博主这么多年，我发现最大的痛点不是写代码，而是写博客。每次想写篇文章，光是构思框架、找配图、调试发布流程，60分钟就这么过去了。更别提还要保持更新频率，内容质量也难把控。&lt;/p&gt;
&lt;p&gt;直到我开始用 OpenClaw 来管理博客，发现这套组合拳打下来，效率真的提升了不少——&lt;strong&gt;原来60分钟的工作，现在只需要几分钟&lt;/strong&gt;。今天就把我的工作流分享出来，或许能给你一些参考。&lt;/p&gt;
&lt;p&gt;博客地址：https://jungelife.me&lt;/p&gt;
&lt;p&gt;&lt;img src="/images/blog/ai-workflow-cover.jpg" alt="AI博客工作流封面"&gt;&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="为什么传统方式效率低"&gt;为什么传统方式效率低？&lt;a class="td-heading-self-link" href="#%e4%b8%ba%e4%bb%80%e4%b9%88%e4%bc%a0%e7%bb%9f%e6%96%b9%e5%bc%8f%e6%95%88%e7%8e%87%e4%bd%8e" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;很多技术博主写博客的流程是这样的：本地写 Markdown → 调样式配图 → Git 命令行推送 → 等 CI/CD 跑完。如果配图不满意，还得切到别的工具重新做。一套流程下来，注意力早就被分散了。&lt;/p&gt;
&lt;p&gt;核心问题在于：&lt;strong&gt;工具之间是割裂的，没有形成闭环。&lt;/strong&gt;&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="openclaw-的差异化在哪"&gt;OpenClaw 的差异化在哪？&lt;a class="td-heading-self-link" href="#openclaw-%e7%9a%84%e5%b7%ae%e5%bc%82%e5%8c%96%e5%9c%a8%e5%93%aa" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;你可能会说，现在 AI 助手这么多，ChatGPT、Claude 都能帮你写文章，为什么要用 OpenClaw？&lt;/p&gt;
&lt;p&gt;关键在于两个字：&lt;strong&gt;SKILL。&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;OpenClaw 的核心理念是把常用操作封装成可复用的技能模块（SKILL）。每个 SKILL 包含了特定场景下的操作逻辑、API 调用、错误处理。我不需要每次都从头描述需求，直接调用对应的 SKILL，它就能帮我完成具体任务。&lt;/p&gt;
&lt;p&gt;举几个我常用的 SKILL：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;git-ops&lt;/strong&gt;：自动完成 Git 操作，从 add 到 commit 到 push&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;dmxapi-image&lt;/strong&gt;：调用 Gemini 生成配图&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;wechat-article-publisher&lt;/strong&gt;：一键发布到微信公众号&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;hugo-site&lt;/strong&gt;：直接操作 Hugo 博客框架&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;对比通用 AI 助手，SKILL 的优势在于：&lt;strong&gt;它知道你的上下文，懂你的工具链，能直接执行而不是只给建议。&lt;/strong&gt;&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="我的完整工作流"&gt;我的完整工作流&lt;a class="td-heading-self-link" href="#%e6%88%91%e7%9a%84%e5%ae%8c%e6%95%b4%e5%b7%a5%e4%bd%9c%e6%b5%81" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;下面以今天发布一篇博客为例，展示完整流程：&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;第一步：对话式创作&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;我直接告诉 OpenClaw：我想写一篇关于云原生架构实践的文章。它会帮我完成选题、搭框架，写初稿。如果有不满意的地方，直接对话修改，不需要切换到编辑器。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;第二步：AI 配图&lt;/strong&gt;&lt;/p&gt;</description></item><item><title>让工作越来越顺的100种方法</title><link>/zh/lifestyle/workplace/work-smooth-100tips/</link><pubDate>Sat, 04 Apr 2026 00:00:00 +0800</pubDate><guid>/zh/lifestyle/workplace/work-smooth-100tips/</guid><description>&lt;style&gt;
/* ===== junge-site 通用文章样式 ===== */
.td-content {
 max-width: 900px;
 margin: 0 auto;
}

.lead-quote {
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white;
 padding: 2.5rem 2rem;
 border-radius: 12px;
 margin: 2rem 0 3rem 0;
 font-size: 1.25rem;
 font-weight: 600;
 line-height: 1.6;
 box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
 position: relative;
 overflow: hidden;
}
.lead-quote::before {
 content: '"';
 position: absolute;
 top: -20px;
 left: 10px;
 font-size: 120px;
 opacity: 0.1;
 font-family: Georgia, serif;
}

.info-box {
 background: #f8f9fa;
 padding: 1.5rem;
 border-left: 4px solid #667eea;
 border-radius: 8px;
 margin: 2rem 0;
}

.highlight-box {
 background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%);
 border: 2px solid #ed8936;
 border-radius: 12px;
 padding: 1.5rem;
 margin: 2rem 0;
 box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1);
}

.numbered-list {
 list-style: none;
 padding: 0;
 margin: 1.5rem 0;
}
.numbered-list li {
 padding: 0.75rem 0 0.75rem 2.5rem;
 position: relative;
 line-height: 1.6;
 border-bottom: 1px solid #f0f0f0;
}
.numbered-list li:last-child { border-bottom: none; }
.numbered-list .num {
 position: absolute;
 left: 0;
 top: 0.75rem;
 width: 28px;
 height: 28px;
 background: linear-gradient(135deg, #667eea, #764ba2);
 color: white;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 0.85rem;
 font-weight: 700;
 flex-shrink: 0;
}

.inline-quote {
 background: #f0f4ff;
 padding: 1.5rem 2rem;
 margin: 2rem 0;
 border-radius: 12px;
 position: relative;
 font-style: italic;
 color: #4a5568;
}
.inline-quote::before {
 content: '"';
 position: absolute;
 top: 5px;
 left: 12px;
 font-size: 48px;
 color: #667eea;
 opacity: 0.2;
 font-family: Georgia, serif;
}
.inline-quote .author {
 display: block;
 margin-top: 0.5rem;
 font-style: normal;
 font-weight: 600;
 color: #667eea;
 font-size: 0.9rem;
}

.section-divider {
 display: flex;
 align-items: center;
 margin: 3rem 0;
 gap: 12px;
}
.section-divider .line {
 flex: 1;
 height: 1px;
 background: linear-gradient(90deg, transparent, #667eea, transparent);
}
.section-divider .dot {
 width: 6px;
 height: 6px;
 background: #667eea;
 border-radius: 50%;
 opacity: 0.5;
}

.outro-box {
 background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
 color: white;
 padding: 2.5rem;
 border-radius: 16px;
 margin: 3rem 0;
 text-align: center;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.outro-box strong { color: #667eea !important; }

.td-content h2 {
 font-size: 1.8rem;
 font-weight: 700;
 color: #1a202c;
 margin-top: 3.5rem;
 margin-bottom: 1.5rem;
 padding-bottom: 0.8rem;
 border-bottom: 3px solid #667eea;
 position: relative;
}
.td-content h2::before {
 content: '';
 position: absolute;
 left: 0;
 bottom: -3px;
 width: 60px;
 height: 3px;
 background: linear-gradient(90deg, #667eea, #764ba2);
}

.td-content strong { color: #667eea; font-weight: 600; }
.td-content p { margin-bottom: 1.5rem; }

@media (max-width: 768px) {
 .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; }
 .numbered-list li { padding-left: 2rem; }
}
&lt;/style&gt;
&lt;div class="lead-quote"&gt;
要努力工作，更要享受生活中的每一份美好。
&lt;/div&gt;
&lt;div class="info-box"&gt;
**一句话说清楚：** 做云原生这么多年，我见过太多工程师把自己逼成"007"。这 100 个让工作变顺的方法，结合我自己的踩坑经历，希望能帮你从紧绷中释放出来。
&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;刚入行时，我对自己的要求近乎苛刻。&lt;/strong&gt; 一旦代码出现 bug，就会陷入无尽自责；项目进度落后，就疯狂加班弥补。后来我才明白：一个人若总是对自己抱有过高预期，收获的注定只有失望。&lt;/p&gt;</description></item><item><title>肖像摄影练习</title><link>/zh/lifestyle/photography/portrait-closeup/</link><pubDate>Sat, 04 Apr 2026 00:00:00 +0800</pubDate><guid>/zh/lifestyle/photography/portrait-closeup/</guid><description>&lt;h1 id="肖像摄影练习"&gt;肖像摄影练习&lt;a class="td-heading-self-link" href="#%e8%82%96%e5%83%8f%e6%91%84%e5%bd%b1%e7%bb%83%e4%b9%a0" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;这张照片是通过 AI 生成的肖像摄影练习作品，探索了展览级别的肖像摄影美学。&lt;/p&gt;
&lt;h2 id="摄影技巧"&gt;摄影技巧&lt;a class="td-heading-self-link" href="#%e6%91%84%e5%bd%b1%e6%8a%80%e5%b7%a7" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;构图&lt;/strong&gt;：紧凑构图，突出主体&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;光线&lt;/strong&gt;：研究光线方向与强度&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;背景&lt;/strong&gt;：简洁背景，突出人物&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id="学习要点"&gt;学习要点&lt;a class="td-heading-self-link" href="#%e5%ad%a6%e4%b9%a0%e8%a6%81%e7%82%b9" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;通过 AI 生成图像来练习摄影构图和光线设计是一个非常有效的方式。可以快速尝试不同的风格和技巧。&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;&lt;em&gt;设备：AI 生成 | 主题：肖像摄影练习&lt;/em&gt;&lt;/p&gt;</description></item><item><title>成都九眼桥夜景</title><link>/zh/lifestyle/photography/jiuyan-bridge-night/</link><pubDate>Fri, 03 Apr 2026 00:00:00 +0800</pubDate><guid>/zh/lifestyle/photography/jiuyan-bridge-night/</guid><description>&lt;h1 id="成都九眼桥夜景"&gt;成都九眼桥夜景&lt;a class="td-heading-self-link" href="#%e6%88%90%e9%83%bd%e4%b9%9d%e7%9c%bc%e6%a1%a5%e5%a4%9c%e6%99%af" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h1&gt;
&lt;p&gt;九眼桥是成都最具代表性的古桥之一，夜晚在灯光的映衬下更显魅力。这张照片采用长曝光手法，捕捉到了锦江上完美的灯光倒影。&lt;/p&gt;
&lt;h2 id="摄影技巧"&gt;摄影技巧&lt;a class="td-heading-self-link" href="#%e6%91%84%e5%bd%b1%e6%8a%80%e5%b7%a7" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;机位&lt;/strong&gt;：桥下对岸，水平构图&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;参数&lt;/strong&gt;：30秒长曝光 | f/11光圈 | ISO 100 | 24mm广角&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;时机&lt;/strong&gt;：蓝调时刻，天空尚有微光&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;技术&lt;/strong&gt;：利用慢门将水面平滑，灯光形成绚丽倒影&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;img src="/images/photography/jiuyan-bridge-night.jpg" alt="九眼桥夜景"&gt;&lt;/p&gt;
&lt;h2 id="后期思路"&gt;后期思路&lt;a class="td-heading-self-link" href="#%e5%90%8e%e6%9c%9f%e6%80%9d%e8%b7%af" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;强化冷暖对比（深蓝天空 + 金色灯光）&lt;/li&gt;
&lt;li&gt;保持高光不过曝，阴影不死黑&lt;/li&gt;
&lt;li&gt;适当增加氛围感，体现四川盆地特有的湿润空气感&lt;/li&gt;
&lt;/ul&gt;
&lt;hr&gt;
&lt;p&gt;&lt;em&gt;设备：AI 生成 | 地点：成都九眼桥&lt;/em&gt;&lt;/p&gt;</description></item><item><title>2026 AI 自由意志 开启？</title><link>/zh/blog/2026/01/29/moltbot/</link><pubDate>Thu, 29 Jan 2026 00:00:00 +0800</pubDate><guid>/zh/blog/2026/01/29/moltbot/</guid><description>&lt;style&gt;
/* 文章容器样式优化 */
.td-content {
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 font-size: 18px;
 line-height: 1.8;
 color: #2c3e50;
 max-width: 900px;
 margin: 0 auto;
}

/* 引言样式 */
.lead-quote {
 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
 color: white;
 padding: 2.5rem 2rem;
 border-radius: 12px;
 margin: 2rem 0 3rem 0;
 font-size: 1.25rem;
 font-weight: 600;
 line-height: 1.6;
 box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);
 position: relative;
 overflow: hidden;
}

.lead-quote::before {
 content: '"';
 position: absolute;
 top: -20px;
 left: 10px;
 font-size: 120px;
 opacity: 0.1;
 font-family: Georgia, serif;
}

/* 段落样式 */
.td-content p {
 margin-bottom: 1.5rem;
 text-align: justify;
}

/* 首段特殊样式 */
.intro-text {
 font-size: 1.1rem;
 color: #34495e;
 background: #f8f9fa;
 padding: 1.5rem;
 border-left: 4px solid #667eea;
 border-radius: 8px;
 margin: 2rem 0;
}

/* 标题样式优化 */
.td-content h2 {
 font-size: 1.8rem;
 font-weight: 700;
 color: #1a202c;
 margin-top: 3.5rem;
 margin-bottom: 1.5rem;
 padding-bottom: 0.8rem;
 border-bottom: 3px solid #667eea;
 position: relative;
}

.td-content h2::before {
 content: '';
 position: absolute;
 left: 0;
 bottom: -3px;
 width: 60px;
 height: 3px;
 background: linear-gradient(90deg, #667eea, #764ba2);
}

/* 强调文本样式 */
.td-content strong {
 color: #667eea;
 font-weight: 600;
}

/* 图片样式 */
.td-content img {
 border-radius: 12px;
 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
 margin: 2.5rem 0;
 width: 100%;
 transition: transform 0.3s ease;
}

.td-content img:hover {
 transform: translateY(-4px);
 box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

/* 响应式设计 */
@media (max-width: 768px) {
 .td-content {
 font-size: 16px;
 }
 .lead-quote {
 padding: 1.5rem 1rem;
 font-size: 1.1rem;
 }
}
&lt;/style&gt;
&lt;div class="lead-quote"&gt;
从"工具"到"同事"：当AI开始拥有"自由意志"，人类该如何重新定义工作？
&lt;/div&gt;
&lt;div class="intro-text"&gt;
2026年初，一个名为Clawdbot的开源项目在GitHub上悄然掀起风暴。它没有发布会，没有融资新闻，却以一种近乎叛逆的姿态，撕裂了我们与机器交互的固有范式。
&lt;/div&gt;
&lt;p&gt;这个项目的核心逻辑令人不安又充满诱惑：&lt;strong&gt;拒绝等待唤醒，AI应该拥有&amp;quot;自由意志&amp;quot;&lt;/strong&gt;。它寄生在你的即时通讯软件中，记得你上周的情绪波动，知道你明天的日程冲突，在你忘记回复消息时主动催促，在你迷茫时主动递上基于深度语境生成的建议。&lt;/p&gt;</description></item><item><title>国产GPU技术现状与应用市场调研</title><link>/zh/blog/2025/12/09/gpuandasic/</link><pubDate>Tue, 09 Dec 2025 00:00:00 +0800</pubDate><guid>/zh/blog/2025/12/09/gpuandasic/</guid><description>&lt;h2 id="1-国产gpu市场格局与主力产品分析"&gt;1. 国产GPU市场格局与主力产品分析&lt;a class="td-heading-self-link" href="#1-%e5%9b%bd%e4%ba%a7gpu%e5%b8%82%e5%9c%ba%e6%a0%bc%e5%b1%80%e4%b8%8e%e4%b8%bb%e5%8a%9b%e4%ba%a7%e5%93%81%e5%88%86%e6%9e%90" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;2025年中国AI芯片市场呈现 &lt;strong&gt;GPU（通用图形处理器）&lt;/strong&gt; 与 &lt;strong&gt;ASIC（专用集成电路）&lt;/strong&gt; 两大技术路线并存、竞争复杂的格局。这一格局源于厂商的技术路径、市场定位及生态策略选择，推动国产算力产业快速发展。&lt;/p&gt;
&lt;h3 id="-整体市场两大路线博弈"&gt;📊 整体市场：两大路线博弈&lt;a class="td-heading-self-link" href="#-%e6%95%b4%e4%bd%93%e5%b8%82%e5%9c%ba%e4%b8%a4%e5%a4%a7%e8%b7%af%e7%ba%bf%e5%8d%9a%e5%bc%88" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h3&gt;
&lt;table&gt;
 &lt;thead&gt;
 &lt;tr&gt;
 &lt;th style="text-align: left"&gt;&lt;strong&gt;GPU 阵营&lt;/strong&gt; (通用性与生态兼容)&lt;/th&gt;
 &lt;th style="text-align: left"&gt;&lt;strong&gt;ASIC 阵营&lt;/strong&gt; (专用优化与性能极致)&lt;/th&gt;
 &lt;/tr&gt;
 &lt;/thead&gt;
 &lt;tbody&gt;
 &lt;tr&gt;
 &lt;td style="text-align: left"&gt;&lt;img src="image-1.png" style="height: 200px; width: auto; object-fit: contain; margin: 0 auto; display: block;"&gt;&lt;/td&gt;
 &lt;td style="text-align: left"&gt;&lt;img src="image-2.png" style="height: 200px; width: auto; object-fit: contain; margin: 0 auto; display: block;"&gt;&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td style="text-align: left"&gt;&lt;strong&gt;代表厂商&lt;/strong&gt;&lt;br&gt;海光信息、沐曦、摩尔线程、壁仞科技、天数智芯&lt;/td&gt;
 &lt;td style="text-align: left"&gt;&lt;strong&gt;代表厂商&lt;/strong&gt;&lt;br&gt;华为昇腾、寒武纪、百度昆仑芯、阿里平头哥、燧原科技&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td style="text-align: left"&gt;&lt;strong&gt;核心优势&lt;/strong&gt;&lt;br&gt;✅ 强大并行处理能力&lt;br&gt;✅ 兼容CUDA/ROCm生态，实现“零成本”迁移&lt;br&gt;✅ 适用广泛：AI训练/推理、科学计算、图形渲染&lt;/td&gt;
 &lt;td style="text-align: left"&gt;&lt;strong&gt;核心优势&lt;/strong&gt;&lt;br&gt;✅ 针对AI大模型特定场景深度优化&lt;br&gt;✅ 远超GPU的性能/能效比&lt;br&gt;✅ 算法-硬件耦合提升计算效率&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td style="text-align: left"&gt;&lt;strong&gt;面临挑战&lt;/strong&gt;&lt;br&gt;⚠️ 需追赶英伟达，技术壁垒高&lt;br&gt;⚠️ 硬件/软件研发投入巨大&lt;/td&gt;
 &lt;td style="text-align: left"&gt;&lt;strong&gt;面临挑战&lt;/strong&gt;&lt;br&gt;⚠️ 生态相对封闭，应用局限&lt;br&gt;⚠️ 自研栈（如CANN、PaddlePaddle）迁移成本高&lt;/td&gt;
 &lt;/tr&gt;
 &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;2025年的中国AI芯片市场，两大阵营相互博弈：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;GPU阵营&lt;/strong&gt;（如海光、沐曦）核心优势在于通用性及对现有“CUDA”软件生态的兼容性，为寻求平滑迁移的企业提供了极具吸引力的选择。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;ASIC阵营&lt;/strong&gt;（如华为昇腾、寒武纪）则选择了针对特定应用场景（尤其是AI大模型）深度优化的专用路线，核心优势在于极致的性能和能效比。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;总而言之，市场是通用性与专用性、生态兼容与性能极致之间的平衡，两大阵营各具优势，共同推动着国产算力产业的快速发展。&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="2-市场份额一超多强"&gt;2. 市场份额：一超多强&lt;a class="td-heading-self-link" href="#2-%e5%b8%82%e5%9c%ba%e4%bb%bd%e9%a2%9d%e4%b8%80%e8%b6%85%e5%a4%9a%e5%bc%ba" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;&lt;img src="/zh/blog/2025/12/09/gpuandasic/image.png" alt="Market Share"&gt;&lt;/p&gt;
&lt;p&gt;国产AI芯片市场竞争格局已初步呈现 &lt;strong&gt;&amp;ldquo;一超多强&amp;rdquo;&lt;/strong&gt; 态势。&lt;/p&gt;</description></item><item><title>AI 赋能：如何用 Claude 瞬间生成专业级系统架构图</title><link>/zh/blog/2025/12/05/howtodrawdiagram/</link><pubDate>Fri, 05 Dec 2025 14:33:10 +0800</pubDate><guid>/zh/blog/2025/12/05/howtodrawdiagram/</guid><description>&lt;p&gt;在数字化转型加速的今天，&lt;strong&gt;系统设计与架构能力&lt;/strong&gt;已成为技术工作者的核心竞争力。一张清晰、美观的架构图，往往胜过千言万语，能让复杂的系统逻辑一目了然。&lt;/p&gt;
&lt;p&gt;然而，传统的绘图方式往往让人望而却步：&lt;/p&gt;
&lt;blockquote&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;门槛高&lt;/strong&gt;：需要熟练掌握 Visio, OmniGraffle, ProcessOn 等专业工具。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;耗时久&lt;/strong&gt;：调整对齐、配色、连线占据了大量时间，修改成本极高。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;风格乱&lt;/strong&gt;：难以统一格式，从文本思维到图形表达存在巨大的转换鸿沟。&lt;/li&gt;
&lt;/ul&gt;
&lt;/blockquote&gt;
&lt;p&gt;在多次尝试 WPS AI、豆包、通义千问等工具后，我发现生成的图表在专业度和美观度上仍有欠缺。直到我发现了 &lt;strong&gt;Claude (配合特定 Prompt)&lt;/strong&gt; 的强大能力——它可以一键生成代码级的 SVG 或 HTML 架构图，只需简单截图，即可完美嵌入 PPT，极大地提升了技术交流的效率。&lt;/p&gt;
&lt;p&gt;本文将分享这一高效方法，助你轻松搞定“高大上”的架构图。&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="-效果预览"&gt;🎨 效果预览&lt;a class="td-heading-self-link" href="#-%e6%95%88%e6%9e%9c%e9%a2%84%e8%a7%88" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;在深入方法之前，先来看看 AI 生成的实际效果。这些图表均由 Claude/Gemini 3 配合提示词直接生成 SVG/HTML 渲染而成。&lt;/p&gt;
&lt;h3 id="1-宣传汇报类"&gt;1. 宣传汇报类&lt;a class="td-heading-self-link" href="#1-%e5%ae%a3%e4%bc%a0%e6%b1%87%e6%8a%a5%e7%b1%bb" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h3&gt;
&lt;p&gt;适用于产品介绍、方案推广，风格现代简洁。&lt;/p&gt;
&lt;p&gt;&lt;img src="/zh/blog/2025/12/05/howtodrawdiagram/image.png" alt="宣传类PPT汇报效果1"&gt;
&lt;img src="/zh/blog/2025/12/05/howtodrawdiagram/image-1.png" alt="宣传类PPT汇报效果2"&gt;&lt;/p&gt;
&lt;h3 id="2-架构设计类"&gt;2. 架构设计类&lt;a class="td-heading-self-link" href="#2-%e6%9e%b6%e6%9e%84%e8%ae%be%e8%ae%a1%e7%b1%bb" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h3&gt;
&lt;p&gt;适用于技术评审、系统蓝图，层次分明，逻辑严密。&lt;/p&gt;
&lt;p&gt;&lt;img src="/zh/blog/2025/12/05/howtodrawdiagram/img_v3_02sl_400f6814-c73e-40a5-ba4c-35af64f0ae1g.jpg" alt="架构设计类效果1"&gt;
&lt;img src="/zh/blog/2025/12/05/howtodrawdiagram/img_v3_02sl_77c36c14-42e3-4701-836e-ecd7b2051f4g.jpg" alt="架构设计类效果2"&gt;&lt;/p&gt;
&lt;h3 id="3-业务流程类"&gt;3. 业务流程类&lt;a class="td-heading-self-link" href="#3-%e4%b8%9a%e5%8a%a1%e6%b5%81%e7%a8%8b%e7%b1%bb" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h3&gt;
&lt;p&gt;适用于泳道图、状态流转，清晰直观。&lt;/p&gt;
&lt;p&gt;&lt;img src="/zh/blog/2025/12/05/howtodrawdiagram/image-2.png" alt="流程图效果"&gt;&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="-准备工作"&gt;🛠️ 准备工作&lt;a class="td-heading-self-link" href="#-%e5%87%86%e5%a4%87%e5%b7%a5%e4%bd%9c" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;要实现上述效果，你需要准备好以下环境：&lt;/p&gt;
&lt;h3 id="方案-a在线直接生成-推荐"&gt;方案 A：在线直接生成 (推荐)&lt;a class="td-heading-self-link" href="#%e6%96%b9%e6%a1%88-a%e5%9c%a8%e7%ba%bf%e7%9b%b4%e6%8e%a5%e7%94%9f%e6%88%90-%e6%8e%a8%e8%8d%90" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h3&gt;
&lt;p&gt;如果你能顺畅访问 Google 服务，直接使用 &lt;strong&gt;&lt;a href="https://aistudio.google.com/apps" target="_blank" rel="noopener noreferrer"&gt;Google AI Studio&lt;/a&gt;
&lt;/strong&gt; 是最便捷的选择。&lt;/p&gt;</description></item><item><title>Ghelper 使用流程指导</title><link>/zh/blog/2025/12/01/ghelper/</link><pubDate>Mon, 01 Dec 2025 00:00:00 +0800</pubDate><guid>/zh/blog/2025/12/01/ghelper/</guid><description>&lt;p&gt;&lt;strong&gt;Ghelper&lt;/strong&gt; 是一个浏览器插件，专门为科研、外贸、跨境电商、海淘人员、开发人员服务的上网加速工具，Chrome 内核浏览器专用！&lt;/p&gt;
&lt;p&gt;它可以解决 Chrome 扩展无法自动更新的问题，同时可以访问 Google 搜索、Gmail 邮箱等谷歌产品。它可以帮助用户提高跨境访问网站的速度，突破地区限制，提高工作和学习的效率。&lt;/p&gt;
&lt;h2 id="如何安装"&gt;如何安装&lt;a class="td-heading-self-link" href="#%e5%a6%82%e4%bd%95%e5%ae%89%e8%a3%85" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;支持 Chrome / Edge / 360 等 Chromium 内核浏览器。&lt;/p&gt;
&lt;h3 id="方法一手动安装推荐"&gt;方法一：手动安装（推荐）&lt;a class="td-heading-self-link" href="#%e6%96%b9%e6%b3%95%e4%b8%80%e6%89%8b%e5%8a%a8%e5%ae%89%e8%a3%85%e6%8e%a8%e8%8d%90" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h3&gt;
&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;下载插件&lt;/strong&gt;：访问 &lt;a href="https://ghelper.net/" target="_blank" rel="noopener noreferrer"&gt;Ghelper 官网&lt;/a&gt;
，下载 CRX package。下载后是一个 zip 文件，请解压缩取得 &lt;code&gt;.crx&lt;/code&gt; 文件。
&lt;img src="/zh/blog/2025/12/01/ghelper/image1.png" alt="Ghelper 官网"&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;打开扩展程序管理页面&lt;/strong&gt;：
&lt;img src="/zh/blog/2025/12/01/ghelper/image2.png" alt="Chrome 扩展程序"&gt;
&lt;ul&gt;
&lt;li&gt;打开浏览器，点击地址栏最右边的三个点（菜单），选择 &lt;strong&gt;&amp;ldquo;更多工具&amp;rdquo; -&amp;gt; &amp;ldquo;扩展程序&amp;rdquo;&lt;/strong&gt;。&lt;/li&gt;
&lt;li&gt;或者直接在地址栏输入 &lt;code&gt;chrome://extensions/&lt;/code&gt; 并回车。&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;开启开发者模式&lt;/strong&gt;：确保页面右上角的 &lt;strong&gt;Developer mode (开发者模式)&lt;/strong&gt; 处于打开状态。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;拖拽安装&lt;/strong&gt;：将第一步解压得到的 &lt;code&gt;.crx&lt;/code&gt; 文件拖放到浏览器的扩展程序页面上，浏览器会提示是否添加扩展，点击“添加扩展程序”即可安装完成。&lt;/li&gt;
&lt;/ol&gt;
&lt;h3 id="方法二在线安装edge-浏览器"&gt;方法二：在线安装（Edge 浏览器）&lt;a class="td-heading-self-link" href="#%e6%96%b9%e6%b3%95%e4%ba%8c%e5%9c%a8%e7%ba%bf%e5%ae%89%e8%a3%85edge-%e6%b5%8f%e8%a7%88%e5%99%a8" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h3&gt;
&lt;p&gt;如果是 Edge 浏览器，可以直接访问 Microsoft Edge Addons 商店：&lt;/p&gt;
&lt;p&gt;&lt;a href="https://microsoftedge.microsoft.com/addons/detail/%E8%B0%B7%E6%AD%8C%E4%B8%8A%E7%BD%91%E5%8A%A9%E6%89%8B-vip%E7%89%88/eoboojokdmamahfilfmamjjkcmkmddgk?hl=zh-CN" target="_blank" rel="noopener noreferrer"&gt;谷歌上网助手-VIP版&lt;/a&gt;
&lt;/p&gt;
&lt;p&gt;点击页面右上角的 &lt;strong&gt;&amp;ldquo;获取&amp;rdquo;&lt;/strong&gt; 按钮即可自动安装完成。&lt;/p&gt;
&lt;h2 id="使用说明"&gt;使用说明&lt;a class="td-heading-self-link" href="#%e4%bd%bf%e7%94%a8%e8%af%b4%e6%98%8e" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;安装完成后，点击浏览器右上角的插件图标。&lt;/li&gt;
&lt;li&gt;点击 &lt;strong&gt;&amp;ldquo;登录&amp;rdquo;&lt;/strong&gt; 按钮进行账号登录（如果没有账号请先注册）。&lt;/li&gt;
&lt;li&gt;登录成功后，可以看到插件主界面，以及当前 VIP 的有效期。&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;em&gt;(请将登录界面截图命名为 login_interface.png 并放在本文件同级目录下)&lt;/em&gt;&lt;/p&gt;</description></item><item><title>Kubernetes上部署vLLM</title><link>/zh/blog/2025/12/01/vllmonk8s/</link><pubDate>Mon, 01 Dec 2025 00:00:00 +0800</pubDate><guid>/zh/blog/2025/12/01/vllmonk8s/</guid><description>&lt;h2 id="1-vllm-docker镜像与kubernetes部署价值"&gt;1. vLLM Docker镜像与Kubernetes部署价值&lt;a class="td-heading-self-link" href="#1-vllm-docker%e9%95%9c%e5%83%8f%e4%b8%8ekubernetes%e9%83%a8%e7%bd%b2%e4%bb%b7%e5%80%bc" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;vLLM是一个专为大语言模型推理设计的高性能服务框架，其核心优势在于创新的PagedAttention技术，能够显著提升GPU内存利用率和推理吞吐量。通过Docker容器化封装，vLLM实现了环境标准化和依赖隔离，而Kubernetes部署则进一步带来了：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;弹性伸缩&lt;/strong&gt;：根据负载自动调整副本数量&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;资源隔离&lt;/strong&gt;：GPU资源的精细化管理和隔离&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;高可用性&lt;/strong&gt;：自动故障恢复和负载均衡&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;简化运维&lt;/strong&gt;：统一的部署、监控和管理界面&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;vLLM官方Docker镜像提供了开箱即用的模型服务环境，结合Kubernetes的编排能力，为生产级AI服务提供了坚实基础。&lt;/p&gt;
&lt;h2 id="2-qwen3-235b-a22b-instruct-2507模型部署实践"&gt;2. Qwen3-235B-A22B-Instruct-2507模型部署实践&lt;a class="td-heading-self-link" href="#2-qwen3-235b-a22b-instruct-2507%e6%a8%a1%e5%9e%8b%e9%83%a8%e7%bd%b2%e5%ae%9e%e8%b7%b5" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;h3 id="21-从modelscope下载模型"&gt;2.1 从ModelScope下载模型&lt;a class="td-heading-self-link" href="#21-%e4%bb%8emodelscope%e4%b8%8b%e8%bd%bd%e6%a8%a1%e5%9e%8b" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h3&gt;
&lt;p&gt;Qwen3-235B-A22B-Instruct-2507作为千问系列的最新大模型，首先需要从ModelSpace获取模型权重：&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="background-color:#f8f8f8;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"&gt;&lt;code class="language-python" data-lang="python"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#8f5902;font-style:italic"&gt;# 使用modelscope库下载模型&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#204a87;font-weight:bold"&gt;from&lt;/span&gt; &lt;span style="color:#000"&gt;modelscope&lt;/span&gt; &lt;span style="color:#204a87;font-weight:bold"&gt;import&lt;/span&gt; &lt;span style="color:#000"&gt;snapshot_download&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#000"&gt;model_dir&lt;/span&gt; &lt;span style="color:#ce5c00;font-weight:bold"&gt;=&lt;/span&gt; &lt;span style="color:#000"&gt;snapshot_download&lt;/span&gt;&lt;span style="color:#000;font-weight:bold"&gt;(&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#4e9a06"&gt;&amp;#39;Qwen/Qwen3-235B-A22B-Instruct-2507&amp;#39;&lt;/span&gt;&lt;span style="color:#000;font-weight:bold"&gt;,&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#000"&gt;cache_dir&lt;/span&gt;&lt;span style="color:#ce5c00;font-weight:bold"&gt;=&lt;/span&gt;&lt;span style="color:#4e9a06"&gt;&amp;#39;/workspace/models&amp;#39;&lt;/span&gt;&lt;span style="color:#000;font-weight:bold"&gt;,&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#000"&gt;revision&lt;/span&gt;&lt;span style="color:#ce5c00;font-weight:bold"&gt;=&lt;/span&gt;&lt;span style="color:#4e9a06"&gt;&amp;#39;v1.0.0&amp;#39;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#000;font-weight:bold"&gt;)&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;对于Kubernetes环境，推荐使用初始化容器进行模型下载，确保模型文件在Pod启动前准备就绪。&lt;/p&gt;
&lt;h2 id="3-vllm服务配置与kubernetes部署"&gt;3. vLLM服务配置与Kubernetes部署&lt;a class="td-heading-self-link" href="#3-vllm%e6%9c%8d%e5%8a%a1%e9%85%8d%e7%bd%ae%e4%b8%8ekubernetes%e9%83%a8%e7%bd%b2" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;h3 id="31-vllm启动参数优化"&gt;3.1 vLLM启动参数优化&lt;a class="td-heading-self-link" href="#31-vllm%e5%90%af%e5%8a%a8%e5%8f%82%e6%95%b0%e4%bc%98%e5%8c%96" aria-label="Heading self-link"&gt;&lt;/a&gt;&lt;/h3&gt;
&lt;p&gt;针对Qwen3-235B大模型，vLLM需要特定配置以充分发挥性能：&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="background-color:#f8f8f8;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;vllm serve Qwen/Qwen3-235B-A22B-Instruct-2507 &lt;span style="color:#4e9a06"&gt;\
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#4e9a06"&gt;&lt;/span&gt; --tensor-parallel-size &lt;span style="color:#0000cf;font-weight:bold"&gt;8&lt;/span&gt; &lt;span style="color:#4e9a06"&gt;\
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#4e9a06"&gt;&lt;/span&gt; --gpu-memory-utilization 0.85 &lt;span style="color:#4e9a06"&gt;\
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#4e9a06"&gt;&lt;/span&gt; --max-model-len &lt;span style="color:#0000cf;font-weight:bold"&gt;131072&lt;/span&gt; &lt;span style="color:#4e9a06"&gt;\
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#4e9a06"&gt;&lt;/span&gt; --served-model-name qwen3-235b &lt;span style="color:#4e9a06"&gt;\
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#4e9a06"&gt;&lt;/span&gt; --port &lt;span style="color:#0000cf;font-weight:bold"&gt;9997&lt;/span&gt; &lt;span style="color:#4e9a06"&gt;\
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#4e9a06"&gt;&lt;/span&gt; --host 0.0.0.0 &lt;span style="color:#4e9a06"&gt;\
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#4e9a06"&gt;&lt;/span&gt; --trust-remote-code &lt;span style="color:#4e9a06"&gt;\
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#4e9a06"&gt;&lt;/span&gt; --dtype auto &lt;span style="color:#4e9a06"&gt;\
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#4e9a06"&gt;&lt;/span&gt; --enable-prefix-caching &lt;span style="color:#4e9a06"&gt;\
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#4e9a06"&gt;&lt;/span&gt; --enable-chunked-prefill &lt;span style="color:#4e9a06"&gt;\
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#4e9a06"&gt;&lt;/span&gt; --api-key sk-xxxxxxxxx &lt;span style="color:#4e9a06"&gt;\
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#4e9a06"&gt;&lt;/span&gt; --tool-call-parser hermes &lt;span style="color:#4e9a06"&gt;\
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#4e9a06"&gt;&lt;/span&gt; --enable-auto-tool-choice &lt;span style="color:#4e9a06"&gt;\
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#4e9a06"&gt;&lt;/span&gt; --swap-space &lt;span style="color:#0000cf;font-weight:bold"&gt;16&lt;/span&gt; &lt;span style="color:#4e9a06"&gt;\
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#4e9a06"&gt;&lt;/span&gt; --disable-log-requests
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;关键参数说明：&lt;/p&gt;</description></item><item><title/><link>/zh/lifestyle/workplace/teamwork/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>/zh/lifestyle/workplace/teamwork/</guid><description>&lt;p&gt;��-�-�-�
�t�i�t�l�e�:� �\��
��V�OS\O�vz�/g\�
�d�a�t�e�:� �2�0�2�5�-�1�1�-�2�0�
�d�e�s�c�r�i�p�t�i�o�n�:� �\��YUO(W������y��v-N�OcؚHe�l�\�
�-�-�-��
�&lt;/p&gt;</description></item><item><title/><link>/zh/lifestyle/workplace/time-management/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>/zh/lifestyle/workplace/time-management/</guid><description>&lt;p&gt;��-�-�-�
�t�i�t�l�e�:� �\��
�ؚHe�e���{t�lR\�
�d�a�t�e�:� �2�0�2�5�-�1�2�-�0�1�
�d�e�s�c�r�i�p�t�i�o�n�:� �\�ju��]\O�lNG�T�D��v�~T�[��\�
�-�-�-��
�&lt;/p&gt;</description></item><item><title>Search Results</title><link>/zh/search/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>/zh/search/</guid><description/></item></channel></rss>