<template>
  <PageContainer>
    <div class="solutions-page">
      <PageHeader title="临床保险" description="为临床试验提供全面的保险保障服务" />
      <div class="page-body">
        <section class="section">
          <div class="container">
            <div class="solutions-nav">
              <RouterLink to="/rmo-mode/insurance" class="solution-nav-link">保险方案</RouterLink>
              <RouterLink to="/rmo-mode/guarantee" class="solution-nav-link">保证设计</RouterLink>
            </div>
            <div class="solutions-content">
              <div class="solution-item">
                <h3>基础保障</h3>
                <p>满足基础合规要求的保险保障方案</p>
              </div>
              <div class="solution-item">
                <h3>全面保障</h3>
                <p>扩大保障范围、优化理赔流程与医疗直付等服务</p>
              </div>
              <div class="solution-item">
                <h3>风险减量</h3>
                <p>提供风险减量相关服务，降低风险发生概率</p>
              </div>
            </div>
          </div>
        </section>
      </div>
    </div>
  </PageContainer>
</template>

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

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