<template>
  <PageContainer>
    <div class="rmo-mode rmo-guarantee">
      <PageHeader title="保证方案" description="专项基金、风险减量、外溢风险管理" />
      <div class="page-body">
        <!-- 风险分层：SUSAR/重大事件 vs AE/SAE治疗费用 -->
        <section class="section section-risk-split">
          <div class="container">
            <h2 class="section-title">临床试验责任的风险分层</h2>
            <p class="section-subtitle">将风险分为两部分，对应不同的保障方式</p>
            <div class="risk-split-cards">
              <div class="risk-split-card risk-primary">
                <h3>SUSAR 及其他重大事件</h3>
                <p>身故、伤残赔偿金；责任明确、金额较大、证据链清晰。通过<strong>保险</strong>进行风险转移。</p>
              </div>
              <div class="risk-split-card risk-secondary">
                <h3>AE / SAE 治疗费用</h3>
                <p>高频发生的小额医疗费用。通过<strong>保证资金</strong>存入华泰经纪管理的专用基金，用于及时支付。</p>
              </div>
            </div>
          </div>
        </section>

        <!-- 临床试验责任的保证实现 -->
        <section class="section section-guarantee-implementation">
          <div class="container">
            <h2 class="section-title">临床试验责任的保证实现</h2>
            <div class="guarantee-flow">
              <div class="guarantee-flow-item">
                <h4>1. 保证资金 · 专用基金</h4>
                <p>申办者支付风险管理费（如 3–5 万/项目），资金存入由<strong>华泰经纪管理</strong>的专用基金，用于支付 AE/SAE 等高频、小额治疗费用。实行多退少补原则。</p>
              </div>
              <div class="guarantee-flow-item">
                <h4>2. 保险承保 · 首要风险</h4>
                <p>通过保险进行 SUSAR 及其他重大事件、风险的承保，保障身故、伤残等大额责任。</p>
              </div>
            </div>
            <div class="guarantee-logic-figure">
              <h3>保证基金的基本逻辑</h3>
              <img :src="imgGuaranteeLogic" alt="保证基金的基本逻辑：申办者、金融托管账号、医院与患者的关系流程" class="guarantee-logic-img" />
            </div>
          </div>
        </section>

        <!-- 保险与保证方案的比较 -->
        <section class="section section-insurance-guarantee-compare">
          <div class="container">
            <h2 class="section-title">保险与保证方案的比较</h2>
            <div class="guarantee-compare-table-wrap">
              <table class="guarantee-compare-table">
                <thead>
                  <tr>
                    <th>比较维度</th>
                    <th>保险</th>
                    <th>保证</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td class="compare-row-label">适用风险</td>
                    <td>SUSAR、SAE 等首要风险；身故、伤残赔偿金；大额责任转移</td>
                    <td>AE/SAE 治疗费用；高频、小额医疗支出；次要风险</td>
                  </tr>
                  <tr>
                    <td class="compare-row-label">合规性</td>
                    <td>受保险监管约束，需符合《保险法》及银保监要求；临床试验责任险需满足 GCP 及伦理审查对保障的要求</td>
                    <td>需符合 GCP 及机构内控要求，资金用途与试验场景结合；若由金融机构托管，须满足金融监管与托管资质要求</td>
                  </tr>
                  <tr>
                    <td class="compare-row-label">灵活性</td>
                    <td>保障范围、保额、免赔等可在投保时约定；产品形态相对标准化</td>
                    <td>基金规模、使用规则、触发条件可按试验与申办者需求设计；可随试验进展调整拨付节奏与范围</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </section>

        <!-- 华泰经纪基金管理 vs 申办者直接缴纳保证金的区别 -->
        <section class="section section-fund-management-compare">
          <div class="container">
            <h2 class="section-title">由华泰经纪进行基金管理与申办者直接缴纳保证金的区别</h2>
            <div class="guarantee-compare-table-wrap">
              <table class="guarantee-compare-table">
                <thead>
                  <tr>
                    <th>比较维度</th>
                    <th>华泰经纪管理的专用基金</th>
                    <th>申办者直接向机构缴纳保证金</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td class="compare-row-label">资金管理</td>
                    <td>华泰经纪统一管理，多项目可设立总账户或分账户；专业托管与对账服务；资金安全、用途透明</td>
                    <td>申办者需向各家研究中心分别缴纳，每家中心独立账户；操作分散，对接成本高</td>
                  </tr>
                  <tr>
                    <td class="compare-row-label">支付时效</td>
                    <td>24 小时内响应，华泰与医院、受试者沟通，及时安排救治与结算；逐步实现医疗直付</td>
                    <td>依托院内流程，申办者需对接多家中心，审批与划款环节多，时效受机构流程制约</td>
                  </tr>
                  <tr>
                    <td class="compare-row-label">增值服务</td>
                    <td>风险减量服务、外溢风险管理；临研安协助联系、安抚、安排就医、沟通诉求；专业理赔与定损支持</td>
                    <td>以试验执行为主，较少提供资金托管、对账、风险减量等增值服务</td>
                  </tr>
                  <tr>
                    <td class="compare-row-label">适用场景</td>
                    <td>多中心试验、需统一风险管理；希望提升支付时效与患者体验；希望获得专业外溢风险管理</td>
                    <td>单中心或中心数少；机构要求申办者直接向本院专用账户存入资金</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </section>

        <!-- 相关服务：风险减量、外溢风险管理 -->
        <section class="section section-related-services">
          <div class="container">
            <div class="service-item card main-card">
              <div class="service-header">
                <span class="service-icon">🔗</span>
                <h2>相关服务</h2>
              </div>
              <div class="service-content">
                <div class="related-service-columns">
                  <div class="related-service-column">
                    <h3>风险减量服务</h3>
                    <ul class="service-list">
                      <li>针对临床试验链条的各个环节进行风险点检查</li>
                      <li>人员培训，提升风险管理能力</li>
                      <li>方案完善建议，优化试验设计</li>
                      <li>主动识别和预防潜在风险</li>
                    </ul>
                  </div>
                  <div class="related-service-column">
                    <h3>外溢风险管理服务</h3>
                    <ul class="service-list">
                      <li>受试者出险后及时联系、安抚</li>
                      <li>安排就医和医疗救治</li>
                      <li>沟通诉求和合理预期</li>
                      <li>正常情况下 24 小时内与医院、受试者沟通并通知申办者</li>
                      <li>协调各方关系，签署解决协议</li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
      </div>
    </div>
  </PageContainer>
</template>

<script setup lang="ts">
import { computed } from 'vue'
import PageContainer from '@/components/PageContainer.vue'
import PageHeader from '@/components/PageHeader.vue'

const imgGuaranteeLogic = computed(() => `/pic/${encodeURIComponent('保证基金的基本逻辑.png')}`)
</script>

<style scoped>
@import '@/pages/RmoMode.css';
@import '@/pages/RmoModeGuarantee.css';
</style>
