<template>
  <div class="app-container home">
    <el-row :gutter="20">
      <el-col :sm="24" :lg="12" style="padding-left: 20px">
        <h2><strong>医梦AI管理系统</strong></h2>
        <p>
          基于先进的人工智能技术，为医疗行业提供智能化解决方案的管理平台。
        </p>
        <p>
          <el-tag type="success">AI驱动</el-tag>
          <el-tag type="info">医疗专业</el-tag>
          <el-tag type="warning">高效便捷</el-tag>
          <el-tag type="danger">创新科技</el-tag>
        </p>
      </el-col>

      <el-col :sm="24" :lg="12" style="padding-left: 20px">
        <h2><strong>团队介绍</strong></h2>
        <p>
          努力的人，认真做事。
        </p>
        <p>
          我司（EnterLO｜回车网络）算法核心团队由北京大学、阿姆斯特丹大学智能科学专业的博士组成。团队成员包括国际人工智能/自然语言学术会议ACL、EMNLP、ICLR的权威审稿人；WMT国际机器翻译竞赛冠军；微软、阿里等国内外科技公司的履历工程师们。
        </p>
        <p>
          · PhDs in Intelligent Science from globally top-ranked universities<br />
          · Senior reviewers for top-tier international conferences (ACL/EMNLP/ICLR)<br />
          · WMT Machine Translation Competition champion<br />
          · Engineers from global tech giants
        </p>
      </el-col>
    </el-row>
    
    <!-- 分割线 -->
    <el-divider style="margin: 50px 0 40px 0; border-color: #e0e0e0;" />
    
    <!-- AI生态标题 -->
    <div style="margin-bottom: 30px; text-align: center">
      <h2><strong>AI生态</strong></h2>
    </div>
    
    <!-- AI生态卡片 -->
    <el-row :gutter="20">
      <el-col :xs="24" :sm="12" :md="8" style="margin-bottom: 20px">
        <el-card class="ai-ecosystem-card" shadow="hover">
          <div class="card-icon">
            <svg-icon icon-class="server" style="font-size: 32px; color: #409EFF" />
          </div>
          <h3><strong>GPUs</strong></h3>
          <p>为模型训练及推理提供基础硬件算力。</p>
        </el-card>
      </el-col>
      
      <el-col :xs="24" :sm="12" :md="8" style="margin-bottom: 20px">
        <el-card class="ai-ecosystem-card" shadow="hover">
          <div class="card-icon">
            <svg-icon icon-class="redis" style="font-size: 32px; color: #67C23A" />
          </div>
          <h3><strong>数据蒸馏中心</strong></h3>
          <p>将业务数据治理为可供模型训练用的数据集。</p>
        </el-card>
      </el-col>
      
      <el-col :xs="24" :sm="12" :md="8" style="margin-bottom: 20px">
        <el-card class="ai-ecosystem-card" shadow="hover">
          <div class="card-icon">
            <svg-icon icon-class="build" style="font-size: 32px; color: #E6A23C" />
          </div>
          <h3><strong>模型训练中心</strong></h3>
          <p>训练本地专精模型。</p>
        </el-card>
      </el-col>
      
      <el-col :xs="24" :sm="12" :md="8" style="margin-bottom: 20px">
        <el-card class="ai-ecosystem-card" shadow="hover">
          <div class="card-icon">
            <svg-icon icon-class="component" style="font-size: 32px; color: #F56C6C" />
          </div>
          <h3><strong>模型开放平台</strong></h3>
          <p>多模型与多业务对接的AI集成平台。</p>
        </el-card>
      </el-col>
      
      <el-col :xs="24" :sm="12" :md="8" style="margin-bottom: 20px">
        <el-card class="ai-ecosystem-card" shadow="hover">
          <div class="card-icon">
            <svg-icon icon-class="workflow" style="font-size: 32px; color: #909399" />
          </div>
          <h3><strong>智能体开放平台</strong></h3>
          <p>为模型提供调用扩展APIs（查询、执行等）的能力。</p>
        </el-card>
      </el-col>
      
      <el-col :xs="24" :sm="12" :md="8" style="margin-bottom: 20px">
        <el-card class="ai-ecosystem-card" shadow="hover">
          <div class="card-icon">
            <svg-icon icon-class="user" style="font-size: 32px; color: #9C27B0" />
          </div>
          <h3><strong>客户端</strong></h3>
          <p>支持多模型、多模态、智能体的统一业务入口。</p>
        </el-card>
      </el-col>
    </el-row>
    
    <el-divider />
  </div>
</template>

<script setup name="Index" lang="ts">
const goTarget = (url: string) => {
  window.open(url, '__blank');
};
</script>

<style lang="scss" scoped>
.home {
  blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
  }
  hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
  }
  .col-item {
    margin-bottom: 20px;
  }

  ul {
    padding: 0;
    margin: 0;
  }

  font-family: 'open sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #676a6c;
  overflow-x: hidden;

  ul {
    list-style-type: none;
  }

  h4 {
    margin-top: 0px;
  }

  h2 {
    margin-top: 10px;
    font-size: 26px;
    font-weight: 100;
  }

  p {
    margin-top: 10px;

    b {
      font-weight: 700;
    }
  }

  .update-log {
    ol {
      display: block;
      list-style-type: decimal;
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 0;
      margin-inline-end: 0;
      padding-inline-start: 40px;
    }
  }

  .ai-ecosystem-card {
    height: 200px;
    text-align: center;
    transition: all 0.3s ease;
    border: 1px solid #e4e7ed;
    
    &:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
    }
    
    .card-icon {
      margin-bottom: 16px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    
    h3 {
      margin: 0 0 12px 0;
      font-size: 18px;
      font-weight: 600;
      color: #303133;
    }
    
    p {
      margin: 0;
      font-size: 14px;
      color: #606266;
      line-height: 1.5;
    }
  }
}
</style>
