<template>
  <div>
    <index-Ch />
  </div>

</template>

<script setup>
import IndexCh from '/src/viewsPc/index'
import {useStorage} from "@vueuse/core/index";
import {ref} from "vue";
import {getCurrentInstance} from "@vue/runtime-core";
import {useRouter} from "vue-router";

const {proxy} = getCurrentInstance()
const router = useRouter()
const language = useStorage('language', 1)


</script>

<style lang="scss" scoped>
.poCode {
  position: fixed;
  right: 0;
  top: 40%;
  background: #fff;
  padding: 10px 0 0;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px #aaa;
  z-index: 99;
}

.operation {
  position: fixed;
  right: 0;
  top: 500px;
  color: #fff;
  cursor: pointer;
  background: #fff;
  border-radius: 10px 0 0 10px;
  box-shadow: 0 2px 8px #aaa;
  padding: 10px 8px;
  text-align: center;
  
  img {
    margin: 0 auto;
  }
  
  .text {
    font-family: FZJunHeiS-B-GB;
    font-weight: 600;
    font-size: 17px;
    background: linear-gradient(0deg, #8226FC 0%, #483BEB 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

@media screen and (max-width: 768px) {
  :deep(.zn-Box .zn-btn) {
    margin-top: 10px;
    font-size: 14px
  }
  :deep(.bgbg) {
    padding: 3% 5% 0 !important;
    
    h1 {
      font-size: 22px;
      margin: 20px 0 0;
    }
  }
  .fixed_gg {
    transform: scale(0.7);
    transform-origin: right;
  }
}


</style>