<template>
  <PageContainer>
    <div class="about-page">
      <PageHeader title="合作保司" description="RMO生态合作保险公司" />
      <div class="page-body">
        <section class="section">
          <div class="container">
            <h2 class="section-title">合作保司</h2>
            <p class="section-desc">RMO与多家知名保险公司建立战略合作，为生命科学行业提供专业、可靠的保险保障服务。</p>
            <div class="content-grid">
              <div class="content-card">
                <h3>合作优势</h3>
                <p>精选行业领先的保险机构，确保保障方案的专业性与可靠性。</p>
              </div>
              <div class="content-card">
                <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/AboutOverview.css';
</style>
