<script setup>

</script>

<template>
  <div class="box-border relative w-[1920px] h-screen bg-no-repeat bg-cover bg-[url('@/assets/image/zu3237.png')] flex items-center flex-col">
    <div class="mb-[90px]">
      <img class="w-[525px] h-[87px] mt-[303px]" src="@/assets/image/zu3314@2x.png" alt="">
    </div>
    <div class="absolute top-0 left-[70px]">
      <img class="w-[610px] h-[668px]" src="@/assets/image/gdz47@2x.png" alt="">
    </div>
    <div class="bg-[url('@/assets/image/z3327@2x1.png')] w-[1173px] h-[1489px] bg-no-repeat bg-cover pt-[98px] pr-[54px] pl-[54px]">
      <div class="flex">
        <div class="text-primary text-[35px] w-[200px] font-bold">姓名</div>
        <div class="text-primary text-[35px]">王小五</div>
      </div>
      <div class="flex mt-[26.74px]">
        <div class="text-primary text-[35px] w-[200px] font-bold">*年龄</div>
        <div class="text-primary text-[35px]">10 岁</div>
      </div>
      <div class="flex  mt-[26.74px]">
        <div class="text-primary text-[35px] w-[200px] font-bold">*性别</div>
        <div class="text-primary text-[35px]">女</div>
      </div>
      <div class="w-[1065px] h-[980px] bg-#F5F5F5 mt-[8.26px] flex pt-[21.74px]">
        <div class="flex">
          <div class="text-primary font-bold shrink-0 w-[200px]">*作品1</div>
          <div>
            <img class="w-[738px] h-[353px]" src="@/assets/image/dfbackground@2.png" alt="">
            <div class="flex text-primary text-[30px] font-bold">
              <div>作品名称</div>
              <div>盛夏光年</div>
            </div>
          </div>
        </div>

      </div>
    </div>
</div>
</template>

<style scoped lang="scss">

</style>
