/* full_top */
.full_top {position: relative; overflow: hidden; background: #000;}
.full_top::after {
    display: block; content: "";
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .7; animation: secTopBg 2s linear both;
}
@keyframes secTopBg {
    0% {
        transform: scale(1.4);
    }
    100% {
        transform: scale(1);
    }
}
.full_top .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .7;}
.full_top .bg iframe {aspect-ratio: 16/9; width: auto; height: 120%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%)}
.full_top .inner {height: 100vh; min-height: 500px; padding: 150px 0;  position: relative; z-index: 1;}




/* main */
.main_tit {margin-bottom: 80px; text-align: center}
.main_tit .tit {width: 100%;}
.main_tit .tit .big {font-size: 3.5rem; font-weight: 700; line-height: 1;}
.main_tit .tit .small {font-size: 1.25rem; padding-top: 15px;}
.main_top::after {background: url('/base/img/mf/bg_main_top.webp') no-repeat center center / cover;}
.main_top .inner {display: flex; align-items: flex-end;}
.main_top .cont {color: #fff; position: relative; z-index: 1;}
.main_top .title .big {font-size: 6rem; font-weight: 700; line-height: 1.2;}
.main_top .title .small {font-size: 1.5rem; margin-top: 20px;}
.main_top .btn {margin-top: 50px; font-size: 1.25rem; height: 55px; gap: 10px;}
.main_top .btn::after {
    content: ""; width: 16px; aspect-ratio: 1/1; transition: all .3s;
    background: url('/base/img/mf/icon_arr_right_b.png') no-repeat center center / contain;}
.main_top .btn:hover::after {filter: brightness(0) invert(1);}
.main_top .scroll {font-size: 1rem; letter-spacing: 5px; margin-top: 60px; display: flex; align-items: center; gap: 10px;}
.main_top .scroll::after {
    display: block; content: ""; width: 24px; height: 24px; background: url('/base/img/mf/icon_scroll_arr.png') no-repeat center center / contain;
}



.main_val {background: var(--bgDark)}
.main_val .item {
    width: 35%;  aspect-ratio: 1/1; text-align: center; padding:20px 60px; border-radius: 1000px; position: relative; 
    display: inline-block; vertical-align: middle; margin-right: -2.7%; color: #fff; background: rgba(255,255,255,.05); 
}
.main_val .item .box {
    width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 20px;
    position: relative; z-index: 1;
}
.main_val .item .small {font-size: 1.125rem;}
.main_val .item .big {font-size: 2rem; font-weight: 700;}
.main_val .item .descript {font-size: 1.125rem;}
.main_val .item.logo {background: linear-gradient(308deg, var(--mainColor2) 0%, var(--mainColor1) 100%);}
.main_val .item.logo .box {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 60%; height: auto; aspect-ratio: 1/1;}
.main_val .item.logo img {height: 100%; width: 100%; object-fit: contain;}
.main_val .item.cont {z-index: 1;}




.main_biz {background: var(--bgDark)}
.main_biz .main_tit {color: #fff;}
.main_biz.biz_info .list {color: #fff;}
.main_biz.biz_info .item {background: rgba(255,255,255,.05);}
.main_biz.biz_info .item .icon img {filter: none;}
.main_biz.biz_info .item .icon::after {background:  linear-gradient(308deg, #4D18B7 0%, #001970 100%); opacity: .7; }
/* .main_biz .item .key p {border: 1px solid #fff !important;} */






/* faq */
.faq_list li {border-bottom: 1px solid var(--mainColor1); }
.faq_list .ask {height: 100px; display: flex; align-items: center; gap: 10px; font-size: 1.25rem; padding: 0 40px; cursor: pointer; background: #fff;  transition: all .1s;}
.faq_list .ask::before {display: block; content: ""; background: url('/base/img/mf/icon_faq_ask.png') no-repeat center center / contain; width: 24px; height: 24px; flex-shrink: 0;}
.faq_list .ask.on {background: var(--mainColor1); color: #fff; border-top: 1px solid #fff;}
.faq_list .ask.on::before {background-image: url('/base/img/mf/icon_faq_ask_on.png');}
.faq_list .answer {
    display: none; padding: 0px 74px 30px; font-size: 1.125rem; background: var(--mainColor1); color: #fff; line-height: 2; margin-top: -1px; 
}





/* about */
.about_tit { margin-bottom: 40px;}
.about_tit .big {font-size: 2rem; font-weight: 700;}
.about_top::after {background: url('../img/bg_about_top.webp') no-repeat center center / cover; opacity: .7; mix-blend-mode: exclusion;}
.about_top .bg {opacity: 1;}
.about_top .inner {display: flex; align-items: center; text-align: center; justify-content: center;}
.about_top .title {color: #fff;}
.about_top .title .big {font-size: 6rem; font-weight: 700}
.about_top .title .small {font-size: 1.25rem; margin-top: 30px; }
.about_top .title .small p {margin-top: 10px; }
.about_ser .list {display: flex; flex-direction: column; gap: 100px;}
.about_ser .item {display: flex; gap: 60px; align-items: center;}
.about_ser .img {width: 100%; aspect-ratio: 4/3; overflow: hidden;}
.about_ser .img img {width: 100%; height: 100%; object-fit: cover;}
.about_ser .cont {width: 100%;}
.about_ser .cont .title {display: flex; flex-direction: column; gap: 10px; font-weight: 700}
.about_ser .cont .title .top {font-size: 1.25rem; color: var(--mainColor1)}
.about_ser .cont .title .big {font-size: 3rem; line-height: 1.2;}
.about_ser .cont .text {margin-top: 40px; font-size: 1.25rem}


.about_exh .item {aspect-ratio: 7/5; overflow: hidden}
.about_exh .item .img {width: 100%; height: 100%;}
.about_exh .item .img img {width: 100%; height: 100%; object-fit: cover;}





/* buziness */
.biz_top {position: relative; z-index: 1;}
.biz_top::after {background: url('/base/img/mf/bg_biz_top.webp') no-repeat center center / cover; opacity: .7; mix-blend-mode:exclusion}
.biz_top .bg {opacity: .7;}
.biz_top .inner {display: flex; align-items: center; text-align: center; justify-content: center;}
.biz_top .title {color: #fff;}
.biz_top .title .big {font-size: 5rem; font-weight: 700; line-height: 1.4}
.biz_top .title .small {font-size: 3rem; margin-top: 30px; }




.biz_int .inner { position: relative;}
.biz_int .inner::after {
    display: block; content: ""; height: 80%; aspect-ratio: 1/1; background: url('/base/img/mf/img_biz_int.png') no-repeat center center / contain;
    position: absolute; top: 0; right: 0; filter: blur(50px); opacity: .5;
}
.biz_int .title > div {position: relative; z-index: 1;}
.biz_int .title .big {font-size: 3rem; font-weight: 700}
.biz_int .title .small {font-size: 1.5rem; margin-top: 40px; }
/* .biz_info .list {display: flex; flex-wrap: wrap; gap:60px;}
.biz_info .item {width: calc(50% - 30px);}
.biz_info .item .thumb {aspect-ratio: 4/3; overflow: hidden; font-size: 0;}
.biz_info .item .thumb img {width: 100%; height: 100%; object-fit: cover; transition: all .5s;}
.biz_info .item .thumb:hover img {filter: grayscale(0); scale: 1.1;}
.biz_info .item .text {margin-top: 15px;}
.biz_info .item .name {font-size: 2rem; font-weight: 700}
.biz_info .item .key {margin-top: 15px; display: flex; flex-wrap: wrap; gap: 10px;}
.biz_info .item .key p { border: 1px solid #000; height: 36px; padding: 0 10px; display: flex; align-items: center; gap: 2px;}
.biz_info .item .key p::before {content: "#"} */



.biz_info {position: relative; z-index: 1;}
.biz_info .list {display: flex; flex-wrap: wrap; gap: 40px;}
.biz_info .item {width: calc(50% - 20px); background: #F7F7F8; padding: 60px 40px; display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; gap: 20px;}
.biz_info .item .icon {width: 80px; position: relative; font-size: 0; }
.biz_info .item .icon::after {
    display: block; content: ""; width: 70%; aspect-ratio: 1/1; border-radius: 100px;
    background: linear-gradient(122deg, #CDD8FE 2.65%, #B49FFF 100.35%); opacity: .7; filter: blur(10px); 
    position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
    
}
.biz_info .item .icon img {position: relative; z-index: 1; filter: invert(8%) sepia(86%) saturate(3957%) hue-rotate(226deg) brightness(91%) contrast(108%); }
.biz_info .item .text {width: 100%;}
.biz_info .item .name {font-size: 2rem; font-weight: 700}
.biz_info .item .key {margin-top: 10px; display: flex; flex-direction: column; gap: 5px;}
.biz_info .item .key p { display: flex; gap: 2px; line-height: 1.3;}
.biz_info .item .key p::before {content: "#"} 





/* creator */
.crt_list .title {font-size: 2.5rem; font-weight: 700; margin-bottom: 40px;}
.crt_list .list {display: flex; flex-wrap: wrap; gap: 40px;}
.crt_list .item {width: calc(20% - 32px);}
.crt_list .item .thumb {aspect-ratio: 1/1; position: relative; width: 100%; overflow: hidden;}
.crt_list .item .thumb img {width: 100%; height: 100%; object-fit: cover;}
.crt_list .item .thumb::before {
    display: block; content: ""; width: 100%; height: 100%; background: var(--bgDark); opacity: .05;
    position: absolute; top:0; left: 0;
}
.crt_list .item .info {margin-top: 15px;}
.crt_list .item .name {font-weight: 700; font-size: 1.125rem}
.crt_list .item .key {display: flex; flex-wrap: wrap; gap: 5px; margin-top: 10px;}
.crt_list .item .key p {border: 1px solid #000; font-size: 0.875rem; height: 32px; padding: 0 5px; display: flex; align-items: center; justify-content: center;}
.crt_list .item .key p::before {content: "#"; margin-right: 2px;}

.crt_list .item .link {margin-top: 15px; display: flex;  flex-wrap: wrap; gap: 5px 10px;}
.crt_list .item .goCh {
    font-size: 0.875rem; display: flex; gap: 5px; line-height: 1; position: relative; padding-bottom: 5px; width: max-content;
}
.crt_list .item .goCh::after {
    content: ""; width: 12px; aspect-ratio: 1/1;
    background: url('/base/img/mf/icon_arr_upright_b.png') no-repeat center center / contain;
}
.crt_list .item .goCh::before {
    display: block; content: ""; width: 0%; height: 2px; background: #000;
    position: absolute; left: 0; bottom: 0; transition: all .3s;
}
.crt_list .item .goCh:hover::before {width: 100%;}