查看“外显子 (Exon)”的源代码

<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>[[外显子]] (Exon)</strong> 是真核生物基因组中一段能够编码蛋白质或成熟 RNA 的序列。在一个完整的基因结构中，外显子被不编码蛋白质的 <strong>[[内含子]] (Intron)</strong> 所分隔。通过 <strong>[[转录]]</strong> 形成前体 mRNA 后，通过 <strong>[[RNA 剪接]]</strong> 过程去除内含子，并将外显子连接在一起，形成最终的成熟 mRNA 以指导蛋白质合成。在临床上，针对外显子区域的 <strong>[[全外显子测序 (WES)]]</strong> 是目前寻找致病突变最高效的手段。
        </p>
    </div>

    <div class="medical-infobox mw-collapsible mw-collapsed" style="width: 380px; float: right; margin: 0 0 25px 25px; 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.25em; font-weight: bold; letter-spacing: 1.2px;">外显子 (Exon)</div>
            <div style="font-size: 0.7em; opacity: 0.85; margin-top: 4px; white-space: nowrap;">Protein-Coding Regions · 核心档案</div>
        </div>
        
        <div class="mw-collapsible-content">
            <div style="padding: 20px; text-align: center; background-color: #f8fafc;">
                
                <div style="font-size: 0.8em; color: #64748b; margin-top: 10px; font-weight: 600;">核心特性：生命指令的精华部分</div>
            </div>

            <table style="width: 100%; border-collapse: collapse; font-size: 0.82em;">
                <tr style="background-color: #f1f5f9; color: #1e40af; font-weight: bold; text-align: center;">
                    <td colspan="2" style="padding: 6px; border-bottom: 1px solid #e2e8f0;">生物学参数</td>
                </tr>
                <tr>
                    <th style="text-align: left; padding: 6px 10px; background-color: #f8fafc; border-bottom: 1px solid #f1f5f9; width: 40%;">基因组占比</th>
                    <td style="padding: 6px 10px; border-bottom: 1px solid #f1f5f9; color: #0f172a;">约 1% - 2% (人类)</td>
                </tr>
                <tr>
                    <th style="text-align: left; padding: 6px 10px; background-color: #f8fafc; border-bottom: 1px solid #f1f5f9;">主要功能</th>
                    <td style="padding: 6px 10px; border-bottom: 1px solid #f1f5f9; color: #1e40af;">编码氨基酸序列</td>
                </tr>
                <tr>
                    <th style="text-align: left; padding: 6px 10px; background-color: #f8fafc; border-bottom: 1px solid #f1f5f9;">平均长度</th>
                    <td style="padding: 6px 10px; border-bottom: 1px solid #f1f5f9; color: #0f172a;">约 150 - 200 bp (人类)</td>
                </tr>
                <tr style="background-color: #f1f5f9; color: #1e40af; font-weight: bold; text-align: center;">
                    <td colspan="2" style="padding: 6px; border-bottom: 1px solid #e2e8f0;">临床应用关联</td>
                </tr>
                <tr>
                    <th style="text-align: left; padding: 6px 10px; background-color: #f8fafc; border-bottom: 1px solid #f1f5f9;">检测技术</th>
                    <td style="padding: 6px 10px; border-bottom: 1px solid #f1f5f9; color: #1e40af;">[[全外显子测序 (WES)]]</td>
                </tr>
                <tr>
                    <th style="text-align: left; padding: 6px 10px; background-color: #f8fafc;">变异类型</th>
                    <td style="padding: 6px 10px; color: #e11d48;">[[错义突变]]、[[移码突变]]</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;">分子机制：从 DNA 到功能蛋白</h2>

    <p style="margin: 15px 0; text-align: justify;">
        外显子的表达过程体现了生命遗传信息流动的精密性：
    </p>
    
    <ul style="padding-left: 25px; color: #334155;">
        <li style="margin-bottom: 12px;"><strong>[[RNA 剪接]]：</strong> 剪接体识别外显子与内含子的边界（供体位点和受体位点），精准切除内含子。</li>
        <li style="margin-bottom: 12px;"><strong>[[可变剪接]] (Alternative Splicing)：</strong> 同一个基因通过组合不同的外显子，可以产生多种不同的 mRNA 和蛋白质异构体，极大地增加了蛋白质组的多样性。</li>
        <li style="margin-bottom: 12px;"><strong>翻译指导：</strong> 外显子序列中的每三个碱基组成一个 <strong>[[密码子]]</strong>，在核糖体中翻译成特定的氨基酸。</li>
    </ul>

    <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>

    <div style="overflow-x: auto; margin: 20px auto;">
        <table style="width: 100%; border-collapse: collapse; border: 1.2px solid #cbd5e1; font-size: 0.92em; text-align: left;">
            <tr style="background-color: #f8fafc; border-bottom: 2px solid #0f172a;">
                <th style="padding: 12px; border: 1px solid #cbd5e1; color: #0f172a; width: 25%;">突变位置/类型</th>
                <th style="padding: 12px; border: 1px solid #cbd5e1; color: #475569;">生物学后果</th>
                <th style="padding: 12px; border: 1px solid #cbd5e1; color: #1e40af;">典型疾病示例</th>
            </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;">肺癌中的 <strong>[[EGFR]]</strong> L858R 突变。</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; color: #1e40af;">肺癌中的 <strong>[[MET 14外显子跳跃]]</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; color: #e11d48;"><strong>[[MSI-H]]</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>

    <div style="font-size: 0.92em; line-height: 1.6; color: #1e293b; margin-top: 15px; border-top: 2.2px solid #0f172a; padding: 15px 25px; background-color: #f8fafc; border-radius: 0 0 10px 10px;">
        <p style="margin: 12px 0; border-bottom: 1px solid #e2e8f0; padding-bottom: 10px;">
            [1] <strong>Gilbert, W. (1978).</strong> <em>Why genes in pieces?</em> <strong>Nature</strong>, 271(5645), 501.<br>
            <span style="color: #475569;">[核心价值]：诺贝尔奖得主 Walter Gilbert 首次提出“Exon”和“Intron”这两个术语。</span>
        </p>
        
        <p style="margin: 12px 0; border-bottom: 1px solid #e2e8f0; padding-bottom: 10px;">
            [2] <strong>Black, D. L. (2003).</strong> <em>Mechanisms of alternative pre-messenger RNA splicing.</em> <strong>Annual Review of Biochemistry</strong>, 72(1), 291-336.<br>
            <span style="color: #475569;">[机制深度]：详述了外显子如何通过可变剪接产生蛋白质功能的多样性。</span>
        </p>

        <p style="margin: 12px 0; border-bottom: 1px solid #e2e8f0; padding-bottom: 10px;">
            [3] <strong>Bamshad, M. J., et al. (2011).</strong> <em>Exome sequencing as a tool for Mendelian disease gene discovery.</em> <strong>Nature Reviews Genetics</strong>, 12(11), 745-755.<br>
            <span style="color: #475569;">[临床价值]：论证了为什么聚焦外显子区域（WES）是发现人类致病基因的最有效手段。</span>
        </p>
    </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>
    <div style="background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 15px; margin: 20px 0;">
        <ul style="margin: 0; padding-left: 20px; color: #334155;">
            <li style="margin-bottom: 8px;"><strong>[[全外显子测序 (WES)]]：</strong> 专门针对所有外显子区域的临床检测技术。</li>
            <li style="margin-bottom: 8px;"><strong>[[内含子]]：</strong> 基因中不编码蛋白的区域，但在剪接调控中起作用。</li>
            <li style="margin-bottom: 8px;"><strong>[[可变剪接]]：</strong> 增加蛋白质组复杂性的核心生化过程。</li>
        </ul>
    </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;">
            外显子 (Exon) · 知识图谱
        </div>
        <table style="width: 100%; border-collapse: collapse; background-color: #ffffff;">
            <tr style="border-bottom: 1px solid #f1f5f9;">
                <td style="width: 110px; background-color: #f8fafc; color: #334155; font-weight: 600; padding: 10px 12px; text-align: right; vertical-align: middle; white-space: nowrap;">关键特征</td>
                <td style="padding: 10px 15px; color: #334155;">[[蛋白质编码]]•[[剪接连接]]•[[高度保守性]]</td>
            </tr>
            <tr style="border-bottom: 1px solid #f1f5f9;">
                <td style="width: 110px; background-color: #f8fafc; color: #334155; font-weight: 600; padding: 10px 12px; text-align: right; vertical-align: middle; white-space: nowrap;">调控机制</td>
                <td style="padding: 10px 15px; color: #334155;">[[增强子调控]]•[[剪接消减子]]•[[核质运输]]</td>
            </tr>
            <tr style="border-bottom: 1px solid #f1f5f9;">
                <td style="width: 110px; background-color: #f8fafc; color: #334155; font-weight: 600; padding: 10px 12px; text-align: right; vertical-align: middle; white-space: nowrap;">研究前沿</td>
                <td style="padding: 10px 15px; color: #334155;">[[非编码外显子功能]]•[[环状 RNA 形成]]•[[外显子跳跃疗法 (ASO)]]</td>
            </tr>
        </table>
    </div>

</div>