<script setup>
import { ArrowLeftBold } from '@element-plus/icons-vue'

// const catalog = $ref(null)

const router = useRouter()
function handleBack() {
  router.back()
}
</script>

<template>
  <div>
    <div class="h-77px flex items-center bg-white px-20px">
      <el-icon class="mr-30px cursor-pointer" size="29" @click="handleBack">
        <ArrowLeftBold />
      </el-icon>
      <h3 class="text-24px">
        定制个人3D形象
      </h3>
    </div>
    <div class="w-full flex flex-col p-20px px-82px">
      <div class="mb-20px flex items-center justify-center">
        <el-button size="large" type="primary">
          联系我们
        </el-button>
      </div>
      <div class="min-h-337px w-full flex flex-col justify-between rounded-10px bg-white px px-47px py-38px">
        <div>
          <h3 class="my-5px text-16px">
            全域数字人资产服务
          </h3>
          <p class="text-14px leading-20px text-hex-808080">
            数字人资产服务是一项包含数字人预置开象管理 豪定制、 声音定制、
            数字人内容运营支等服务的整合技术方案。通过构建具有年轻化、互动化、人格化特的数字人资产，帮助品牌机构获得更多
            用户的青睐。同时提供便捷易用的操作界面，实现数字人形象的快速选择或自定义调整，使数字人资产得以应用在广泛场景中。
          </p>
        </div>
        <div>
          <h3 class="my-5px text-16px">
            数字造星
          </h3>
          <p class="text-14px leading-20px text-hex-808080">
            数字造星一项数字人以形象定制及模型构建为核心的服数字造星是务方案。除平台提供的搭机使用3D数字人形是外支持虚拟偶像级超写实3D数字人卡通风格3D数字人2D真人数字化等不同风格的
            数字人形象制作，提供人设策略设计、形象动作制作、服装道具制作的全链路服务.
          </p>
        </div>
        <div>
          <h3 class="my-5px text-16px">
            Basic Daisy
          </h3>
          <p class="text-14px leading-20px text-hex-808080">
            Basic
            Daisy是一项数字人形象轻量化定制的合作方案客户可使用以Daisy为模型其础的数字人形象，通过道具、饰品、服装等调整，赋予数字人具有个性特征或品牌辨识度的人物设定。Daisy为
            平台原生的数字人模型，经过充分场景验证，具备更强适配力与更高性价比。方案运用于政务、金融、交通、通信等场景中的数字员工打造。
          </p>
        </div>
      </div>
    </div>
  </div>
</template>

<route lang="json">
{
    "meta": {
        "hidden": true,
        "hideLayout": true
    }
}
</route>

<style lang="scss" scoped>
@use "~/styles/page.scss";

:deep {

    .el-input {
        width: 460px;
    }

    .el-input__wrapper {
        background: #f7f7f7;
        box-shadow: none;
        width: 460px;
    }

    .el-form-item__content {
        width: 460px;
    }

    .el-textarea {
        width: 460px;
        box-shadow: none;
        outline: none;
        border: none;
        padding: 0;
    }

    .el-textarea__inner {
        background: #f7f7f7;
        margin: 0;
        border: none;
        outline: none;
        height: 100%;
        padding: 5px 10px;
        box-shadow: none;
    }

    .demo-ruleForm {
        width: 500px;
        margin: 0 auto;
    }
}

.rounded {
    border-radius: 0 0 24px 24px;
}
</style>
