查看“FluoroSpot”的源代码

<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>FluoroSpot</strong>（Fluorescence-Linked ImmunoSpot，荧光免疫斑点技术）是基于 ELISPOT 发展而来的新一代单细胞水平免疫检测技术。与传统 ELISPOT 使用酶底物显色不同，FluoroSpot 利用不同波长的<strong>荧光标记</strong>抗体，能够在同一个微孔内同时检测单个细胞分泌的两种或多种不同的细胞因子（如 IFN-γ 和 IL-2）。这一技术突破使得研究人员能够精准识别具有<strong>多功能性 (Polyfunctionality)</strong> 的免疫细胞，从而更全面地评估疫苗效力、感染免疫状态及肿瘤免疫微环境。
        </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;">FluoroSpot</div>
            <div style="font-size: 0.7em; opacity: 0.85; margin-top: 4px; white-space: nowrap;">Multiplex Single-Cell Assay (点击展开)</div>
        </div>
        
        <div class="mw-collapsible-content">
            <div style="padding: 25px; text-align: center; background-color: #f8fafc;">
                
                <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;">荧光团 (Fluorophores)</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;">通常 2-4 色 (Multiplex)</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;"><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;">低荧光背景 PVDF 膜</td>
                </tr>
                <tr>
                    <th style="text-align: left; padding: 6px 12px; background-color: #f8fafc; color: #475569;">数据分析</th>
                    <td style="padding: 6px 12px; color: #0f172a;">需配备荧光读板机</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;">原理：单细胞的“交通信号灯”</h2>
    
    <p style="margin: 15px 0; text-align: justify;">
        FluoroSpot 的基本流程（包被、培养、捕获）与 ELISPOT 类似，但其检测环节引入了“光谱分离”的概念：
    </p>

    <ul style="padding-left: 25px; color: #334155;">
        <li style="margin-bottom: 12px;"><strong>双重捕获：</strong> 膜上同时包被了针对两种不同细胞因子（如 IFN-γ 和 IL-2）的抗体。</li>
        <li style="margin-bottom: 12px;"><strong>荧光标记：</strong> 洗去细胞后，加入两种标记了不同荧光基团的二抗。例如：抗 IFN-γ 标记绿色荧光（FITC），抗 IL-2 标记红色荧光（Cy3）。</li>
        <li style="margin-bottom: 12px;"><strong>共表达识别：</strong> 
            <br>● 只分泌 IFN-γ 的细胞 = <span style="color:#16a34a; font-weight:bold;">绿色斑点</span>
            <br>● 只分泌 IL-2 的细胞 = <span style="color:#b91c1c; font-weight:bold;">红色斑点</span>
            <br>● <strong>同时分泌两种因子的细胞</strong> = 空间位置重合的<span style="color:#ca8a04; font-weight:bold;">黄色/橙色斑点</span>（Double Positive）。</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;">技术代差：FluoroSpot vs ELISPOT</h2>
    
    <div style="background-color: #f0f9ff; border-left: 5px solid #1e40af; padding: 15px 20px; margin: 20px 0; border-radius: 4px;">
        <h3 style="margin-top: 0; color: #1e40af; font-size: 1.1em;">为什么酶联显色做不到“共表达”？</h3>
        <p style="margin-bottom: 0; text-align: justify; font-size: 0.95em; color: #334155;">
            传统 ELISPOT 使用酶催化底物产生有色沉淀。如果在一个孔里同时测两种因子，沉淀颜色会混合（如蓝+红=紫），边缘模糊，机器极难分辨。而荧光信号是光，可以通过滤光片完美分离，互不干扰。
        </p>
    </div>

    <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: 35%;">传统 ELISPOT</th>
                <th style="padding: 12px; border: 1px solid #cbd5e1; color: #1e40af;">FluoroSpot</th>
            </tr>
            <tr>
                <td style="padding: 10px; border: 1px solid #cbd5e1; font-weight: 600;">检测指标数</td>
                <td style="padding: 10px; border: 1px solid #cbd5e1;">通常 1 个 (单色)</td>
                <td style="padding: 10px; border: 1px solid #cbd5e1;"><strong>2 - 4 个</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;"><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;">一孔测多指标 (<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;">斑点过多会连成片 (Over-saturation)</td>
                <td style="padding: 10px; border: 1px solid #cbd5e1;">荧光信号线性范围更广</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="background-color: #fff7ed; border-left: 5px solid #ea580c; padding: 15px 20px; margin: 20px 0; border-radius: 4px;">
        <h3 style="margin-top: 0; color: #ea580c; font-size: 1.1em;">多功能 T 细胞 (Polyfunctional T cells)</h3>
        <p style="margin-bottom: 0; text-align: justify; font-size: 0.95em; color: #334155;">
            在疫苗评估中，<strong>“质量”重于“数量”</strong>。研究发现，能同时分泌 IFN-γ（杀伤）、IL-2（增殖）和 TNF-α（炎症）的“多功能 T 细胞”，比只能分泌一种因子的细胞具有更强的保护力。FluoroSpot 是目前检测这类“超级士兵”最灵敏的方法，远超流式细胞术（因为流式需要破膜，会损失部分信号，且对极低频细胞检测能力弱）。
        </p>
    </div>

    <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>Gazagne A, et al. (2003).</strong> <em>A Fluorospot assay to detect single T lymphocytes simultaneously producing multiple cytokines.</em> <strong>[[Journal of Immunological Methods]]</strong>. <br>
            <span style="color: #475569;">[点评]：FluoroSpot 技术的奠基性文献，首次描述了利用荧光检测双细胞因子的方法。</span>
        </p>

        <p style="margin: 12px 0; border-bottom: 1px solid #e2e8f0; padding-bottom: 10px;">
            [2] <strong>Janetzki S, et al. (2014).</strong> <em>Guidelines for the automated evaluation of Elispot assays (MIATA).</em> <strong>[[Nature Protocols]]</strong>. <br>
            <span style="color: #475569;">[点评]：制定了 ELISPOT 和 FluoroSpot 实验操作及数据分析的国际标准化指南。</span>
        </p>

        <p style="margin: 12px 0;">
            [3] <strong>Mao X, et al. (2021).</strong> <em>FluoroSpot assay: A versatile tool for characterizing immune responses.</em> <strong>[[Frontiers in Immunology]]</strong>. <br>
            <span style="color: #475569;">[点评]：综述文章，详细介绍了该技术在 COVID-19 疫苗和癌症免疫治疗监测中的最新应用。</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;">[[ELISA]] (群体水平) • [[ELISPOT]] (单色单细胞)</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;">[[多功能性]] (Polyfunctionality) • [[共表达]] (Co-expression) • [[Th1/Th2平衡]]</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;">[[流式细胞术]] (ICS) • [[单细胞测序]] (scRNA-seq) • [[IsoPlexis]]</td>
            </tr>
        </table>
    </div>

</div>