查看“冷冻电镜”的源代码

<div style="padding: 0 4%; line-height: 1.8; color: #1e293b; font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', Arial, sans-serif; background-color: #ffffff; max-width: 1200px; margin: auto;">

    <div style="margin-bottom: 30px; border-bottom: 1.2px solid #e2e8f0; padding-bottom: 25px;">
        <p style="font-size: 1.1em; margin: 10px 0; color: #334155; text-align: justify;">
            <strong>冷冻电镜</strong>（Cryo-electron Microscopy，简称 <strong>Cryo-EM</strong>）是一种在低温下使用透射电子显微镜观察样品的结构生物学技术。它通过将生物大分子（如蛋白质、病毒、复合物）在液乙烷中急速冷冻，使其被包裹在<strong>玻璃态冰 (Vitreous Ice)</strong> 中，从而保持其天然的水合状态和活性构象。
            <br>与传统的 <strong>[[X射线晶体学]]</strong> 相比，Cryo-EM <strong>不需要</strong>将样品结晶，彻底解决了长期困扰结构生物学的“结晶难”瓶颈。随着直接电子探测器（DED）和图像处理算法的突破，Cryo-EM 引发了著名的“<strong>分辨率革命</strong> (Resolution Revolution)”，目前已能解析原子分辨率（<1.2 Å）的精细结构，是现代药物研发（SBDD）不可或缺的利器。2017 年诺贝尔化学奖授予了该领域的三位奠基人。
        </p>
    </div>

    <div class="medical-infobox mw-collapsible mw-collapsed" style="width: 100%; max-width: 320px; margin: 0 auto 35px auto; border: 1.2px solid #bae6fd; border-radius: 12px; background-color: #ffffff; box-shadow: 0 8px 20px rgba(0,0,0,0.05); overflow: hidden;">
        
        <div style="padding: 15px; color: #1e40af; background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%); text-align: center; cursor: pointer;">
            <div style="font-size: 1.2em; font-weight: bold; letter-spacing: 1.2px;">Cryo-EM</div>
            <div style="font-size: 0.7em; opacity: 0.85; margin-top: 4px; white-space: nowrap;">冷冻电子显微术 (点击展开)</div>
        </div>
        
        <div class="mw-collapsible-content">
            <div style="padding: 25px; text-align: center; background-color: #f8fafc;">
                <div style="width: 100px; height: 100px; background-color: #e2e8f0; border-radius: 50%; margin: 0 auto; display: flex; align-items: center; justify-content: center; color: #94a3b8; font-size: 0.8em;">
                     
                </div>
                <div style="font-size: 0.8em; color: #64748b; margin-top: 12px; font-weight: 600;">结构生物学的“上帝之眼”</div>
            </div>

            <table style="width: 100%; border-spacing: 0; border-collapse: collapse; font-size: 0.85em;">
                <tr>
                    <th colspan="2" style="padding: 8px 12px; background-color: #e0f2fe; color: #1e40af; text-align: left; font-size: 0.9em; border-top: 1px solid #bae6fd;">技术参数</th>
                </tr>
                <tr>
                    <th style="text-align: left; padding: 6px 12px; background-color: #f8fafc; color: #475569; border-bottom: 1px solid #e2e8f0; width: 40%;">核心状态</th>
                    <td style="padding: 6px 12px; border-bottom: 1px solid #e2e8f0; color: #0f172a;">玻璃态冰 (非晶态)</td>
                </tr>
                <tr>
                    <th style="text-align: left; padding: 6px 12px; background-color: #f8fafc; color: #475569; border-bottom: 1px solid #e2e8f0;">分辨率极限</th>
                    <td style="padding: 6px 12px; border-bottom: 1px solid #e2e8f0; color: #1e40af;">原子级 (~1.2 Å)</td>
                </tr>
                <tr>
                    <th style="text-align: left; padding: 6px 12px; background-color: #f8fafc; color: #475569; border-bottom: 1px solid #e2e8f0;">样品需求</th>
                    <td style="padding: 6px 12px; border-bottom: 1px solid #e2e8f0; color: #16a34a;">极少 (ul级), <strong>无需结晶</strong></td>
                </tr>
                <tr>
                    <th style="text-align: left; padding: 6px 12px; background-color: #f8fafc; color: #475569; border-bottom: 1px solid #e2e8f0;">关键硬件</th>
                    <td style="padding: 6px 12px; border-bottom: 1px solid #e2e8f0; color: #0f172a;">直接电子探测器 (DED)</td>
                </tr>
                
                <tr>
                    <th colspan="2" style="padding: 8px 12px; background-color: #e0f2fe; color: #1e40af; text-align: left; font-size: 0.9em; border-top: 1px solid #bae6fd;">主要分支</th>
                </tr>
                <tr>
                    <th style="text-align: left; padding: 6px 12px; background-color: #f8fafc; color: #475569; border-bottom: 1px solid #e2e8f0;">单颗粒分析</th>
                    <td style="padding: 6px 12px; border-bottom: 1px solid #e2e8f0; color: #1e40af;">Single Particle (主流)</td>
                </tr>
                <tr>
                    <th style="text-align: left; padding: 6px 12px; background-color: #f8fafc; color: #475569; border-bottom: 1px solid #e2e8f0;">断层扫描</th>
                    <td style="padding: 6px 12px; border-bottom: 1px solid #e2e8f0; color: #0f172a;">Cryo-ET (原位)</td>
                </tr>
                 <tr>
                    <th style="text-align: left; padding: 6px 12px; background-color: #f8fafc; color: #475569;">诺贝尔奖</th>
                    <td style="padding: 6px 12px; color: #e11d48;">2017 Chemistry</td>
                </tr>
            </table>
        </div>
    </div>

    <h2 style="background: #f1f5f9; color: #0f172a; padding: 10px 18px; border-radius: 0 6px 6px 0; font-size: 1.25em; margin-top: 40px; border-left: 6px solid #0f172a; font-weight: bold;">核心流程：从水溶液到 3D 模型</h2>
    
    
    <p style="margin: 15px 0; text-align: justify;">
        Cryo-EM 的成功依赖于三个关键步骤的完美配合：冷冻、成像与重构。
    </p>

    <div style="background-color: #f0f9ff; border-left: 5px solid #1e40af; padding: 15px 20px; margin: 20px 0; border-radius: 4px;">
        <ul style="margin: 0; padding-left: 20px; color: #334155;">
            <li style="margin-bottom: 12px;"><strong>1. 玻璃化冷冻 (Vitrification)：</strong> 将样品滴在金属网格（Grid）上，用滤纸吸走多余液体形成超薄液膜，然后迅速投入液乙烷中。这种极速冷却防止了水分子结晶形成冰晶（冰晶会破坏蛋白结构），而是形成类似玻璃的非晶态冰，将蛋白“冻龄”在天然状态。</li>
            <li style="margin-bottom: 12px;"><strong>2. 低剂量成像 (Low-dose Imaging)：</strong> 电子束对生物样品有强烈的辐射损伤。为了保护样品，Cryo-EM 使用极低的电子剂量进行拍摄。这导致原始图像信噪比极低，肉眼几乎看不清颗粒，类似于在暴风雪中看人。</li>
            <li style="margin-bottom: 0;"><strong>3. 图像重构 (Image Processing)：</strong> 依靠强大的算法（如 RELION, CryoSPARC），从成千上万张模糊的 2D 投影图中识别出蛋白质颗粒，通过对齐、分类和平均，去除噪声，最终反算出高分辨率的 3D 密度图。</li>
        </ul>
    </div>

    <h2 style="background: #f1f5f9; color: #0f172a; padding: 10px 18px; border-radius: 0 6px 6px 0; font-size: 1.25em; margin-top: 40px; border-left: 6px solid #0f172a; font-weight: bold;">三大技术的巅峰对决</h2>
    
    <p style="margin: 15px 0; text-align: justify;">
        在结构生物学领域，Cryo-EM 以后来居上的姿态，弥补了 X-ray 和 NMR 的短板。
    </p>

    <div style="overflow-x: auto; margin: 20px auto;">
        <table style="width: 100%; border-collapse: collapse; border: 1.2px solid #cbd5e1; font-size: 0.9em; text-align: left;">
            <tr style="background-color: #f1f5f9; border-bottom: 2px solid #0f172a;">
                <th style="padding: 12px; border: 1px solid #cbd5e1; color: #0f172a; width: 20%;">特性</th>
                <th style="padding: 12px; border: 1px solid #cbd5e1; color: #475569; width: 25%;">X射线晶体学 (X-ray)</th>
                <th style="padding: 12px; border: 1px solid #cbd5e1; color: #475569; width: 25%;">核磁共振 (NMR)</th>
                <th style="padding: 12px; border: 1px solid #cbd5e1; color: #1e40af; width: 30%;">冷冻电镜 (Cryo-EM)</th>
            </tr>
            <tr>
                <td style="padding: 10px; border: 1px solid #cbd5e1; font-weight: 600;">样品状态</td>
                <td style="padding: 10px; border: 1px solid #cbd5e1;"><strong>必须结晶</strong> (最大瓶颈)</td>
                <td style="padding: 10px; border: 1px solid #cbd5e1;">溶液</td>
                <td style="padding: 10px; border: 1px solid #cbd5e1;"><strong>溶液 (冷冻)</strong></td>
            </tr>
            <tr>
                <td style="padding: 10px; border: 1px solid #cbd5e1; font-weight: 600;">分子量限制</td>
                <td style="padding: 10px; border: 1px solid #cbd5e1;">无限制</td>
                <td style="padding: 10px; border: 1px solid #cbd5e1;">小分子 (<30-50 kDa)</td>
                <td style="padding: 10px; border: 1px solid #cbd5e1;"><strong>大分子</strong> (>50 kDa, 上不封顶)</td>
            </tr>
            <tr>
                <td style="padding: 10px; border: 1px solid #cbd5e1; font-weight: 600;">样品用量</td>
                <td style="padding: 10px; border: 1px solid #cbd5e1;">多 (mg级)</td>
                <td style="padding: 10px; border: 1px solid #cbd5e1;">多 (mg级)</td>
                <td style="padding: 10px; border: 1px solid #cbd5e1;"><strong>极少</strong> (ug级)</td>
            </tr>
            <tr>
                <td style="padding: 10px; border: 1px solid #cbd5e1; font-weight: 600;">动态信息</td>
                <td style="padding: 10px; border: 1px solid #cbd5e1;">静态快照</td>
                <td style="padding: 10px; border: 1px solid #cbd5e1;">动态极好</td>
                <td style="padding: 10px; border: 1px solid #cbd5e1;"><strong>多构象</strong> (可分类处理)</td>
            </tr>
        </table>
    </div>

    <h2 style="background: #f1f5f9; color: #0f172a; padding: 10px 18px; border-radius: 0 6px 6px 0; font-size: 1.25em; margin-top: 40px; border-left: 6px solid #0f172a; font-weight: bold;">杀手级应用：膜蛋白与病毒</h2>
    
    <ul style="padding-left: 25px; color: #334155; margin-top: 15px;">
        <li style="margin-bottom: 12px;"><strong>膜蛋白 (Membrane Proteins)：</strong> 离子通道、GPCR 等膜蛋白极难结晶，是 X-ray 的噩梦。Cryo-EM 结合 Nanodisc 技术，可以在模拟天然膜环境的状态下解析其结构，极大加速了新药开发。</li>
        <li style="margin-bottom: 12px;"><strong>巨型复合物：</strong> 如核糖体、剪接体、病毒衣壳等超大分子机器，是 Cryo-EM 的天然主场。</li>
        <li style="margin-bottom: 12px;"><strong>临床快速响应：</strong> 在 COVID-19 疫情中，科学家利用 Cryo-EM 在数周内解析了 SARS-CoV-2 刺突蛋白 (Spike) 的结构，为疫苗设计提供了关键蓝图。</li>
    </ul>

    <div style="font-size: 0.92em; line-height: 1.6; color: #1e293b; margin-top: 50px; border-top: 2px solid #0f172a; padding: 15px 25px; background-color: #f8fafc; border-radius: 0 0 10px 10px;">
        <span style="color: #0f172a; font-weight: bold; font-size: 1.05em; display: inline-block; margin-bottom: 15px;">学术参考文献 [Academic Review]</span>
        
        <p style="margin: 12px 0; border-bottom: 1px solid #e2e8f0; padding-bottom: 10px;">
            [1] <strong>Dubochet J, et al. (1988).</strong> <em>Cryo-electron microscopy of vitrified specimens.</em> <strong>[[Quarterly Review of Biophysics]]</strong>. <br>
            <span style="color: #475569;">[点评]：奠基之作。Jacques Dubochet 建立了水溶液玻璃化冷冻的方法，这是 Cryo-EM 诞生的物理基础。</span>
        </p>

        <p style="margin: 12px 0; border-bottom: 1px solid #e2e8f0; padding-bottom: 10px;">
            [2] <strong>Kühlbrandt W. (2014).</strong> <em>The resolution revolution.</em> <strong>[[Science]]</strong>. <br>
            <span style="color: #475569;">[点评]：著名综述。宣告了由于直接电子探测器（DED）的发明，电镜技术进入了原子分辨率时代。</span>
        </p>

        <p style="margin: 12px 0;">
            [3] <strong>Liao M, Agard DA, Cheng Y. (2013).</strong> <em>Structure of the TRPV1 ion channel determined by electron cryo-microscopy.</em> <strong>[[Nature]]</strong>. <br>
            <span style="color: #475569;">[点评]：里程碑论文。程亦凡团队首次利用 Cryo-EM 解析了膜蛋白 TRPV1 的原子结构（3.4 Å），打破了“电镜只能看轮廓”的固有印象。</span>
        </p>
    </div>

    <div style="margin: 40px 0; border: 1px solid #e2e8f0; border-radius: 8px; overflow: hidden; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 0.9em;">
        <div style="background-color: #eff6ff; color: #1e40af; padding: 8px 15px; font-weight: bold; text-align: center; border-bottom: 1px solid #dbeafe;">
            结构生物学技术 · 知识图谱
        </div>
        <table style="width: 100%; border-collapse: collapse; background-color: #ffffff;">
            <tr style="border-bottom: 1px solid #f1f5f9;">
                <td style="width: 85px; background-color: #f8fafc; color: #334155; font-weight: 600; padding: 10px 12px; text-align: right; vertical-align: middle;">上级分类</td>
                <td style="padding: 10px 15px; color: #334155;">[[结构生物学]] • 显微成像技术</td>
            </tr>
            <tr style="border-bottom: 1px solid #f1f5f9;">
                <td style="width: 85px; background-color: #f8fafc; color: #334155; font-weight: 600; padding: 10px 12px; text-align: right; vertical-align: middle;">核心软件</td>
                <td style="padding: 10px 15px; color: #334155;">[[RELION]] • [[CryoSPARC]] • [[CisTEM]]</td>
            </tr>
            <tr>
                <td style="width: 85px; background-color: #f8fafc; color: #334155; font-weight: 600; padding: 10px 12px; text-align: right; vertical-align: middle;">平行技术</td>
                <td style="padding: 10px 15px; color: #334155;">[[X-ray]] (X射线衍射) • [[NMR]] (核磁共振)</td>
            </tr>
        </table>
    </div>

</div>