.bg[data-v-51e5a3cf] {
    position: absolute;
    top: -1rem
}

.bg img[data-v-51e5a3cf] {
    width: 100%
}

.header[data-v-5de6878d] {
    position: relative;
    width: 100%;
    height: 1.44rem;
    overflow: hidden;
    background: linear-gradient(to bottom, #7a5b38, #000000);
    color: #ffffff;
}


.header-con[data-v-5de6878d] {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    padding: .32rem .28rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header-con .left[data-v-5de6878d] {
    min-width: auto;              /* 0 olmamalı, SVG’yi sıkıştırır */
    flex: 0 0 auto;               /* SVG boyutuna göre doğal genişlik */
    display: flex;
    align-items: center;
    justify-content: flex-start;  /* sola hizalı ama sıkışmaz */
    color: #fff;                  /* header ile uyumlu */
    font-size: .32rem;            /* istersen artırabilirsin */
    font-weight: 600;
    line-height: 1;               /* SVG ile daha uyumlu */
    gap: .12rem;                  /* SVG ile yazı arasında boşluk */
}


.header-con .left .n[data-v-5de6878d] {
    font-size: .32rem;
    margin-top: .1rem
}

.header-con .img[data-v-5de6878d] {
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    top: 0;
    left: 0;
    overflow: hidden;
    margin-right: 2rem
}

.header-con .notive img[data-v-5de6878d] {
    height: 1rem
}

.container[data-v-1301a57e] {
    width: 100%
}

.page[data-v-1301a57e] {
    width: 100%;
    display: flex;
    flex-direction: column
}

.banner[data-v-1301a57e] {
    width: 100%
}

.banner[data-v-1301a57e] .van-skeleton-image {
    width: 100%;
    height: 4rem
}

.navs[data-v-1301a57e] {
    width: 100%;
    margin: .4rem 0;
    border-radius: .2rem;
    padding: .16rem 0;
    display: flex;
    flex-wrap: wrap
}

.navs .item[data-v-1301a57e] {
    padding: .16rem 0;
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.navs .item[data-v-1301a57e] .van-skeleton-avatar {
    margin-right: 0;
    border-radius: .24rem
}

.box[data-v-1301a57e] {
    margin-bottom: .4rem
}

.box[data-v-1301a57e] .van-skeleton-title {
    margin-bottom: .2rem
}

.box[data-v-1301a57e] .van-skeleton-image {
    width: 100%;
    height: 100%
}

.box .box-con[data-v-1301a57e] {
    width: 100%;
    background-color: transparent;
    border-radius: .2rem
}

.box .box-con[data-v-1301a57e] .van-skeleton-paragraph {
    height: 100%
}

.video[data-v-1301a57e] .van-skeleton-image {
    width: 100%;
    height: 2.8rem
}

.router[data-v-1301a57e] {
    width: 100%
}

.router .box-con[data-v-1301a57e] {
    display: flex;
    justify-content: space-between
}

.router .item[data-v-1301a57e] {
    width: 3.32rem;
    height: 2.32rem
}

.partner[data-v-1301a57e] {
    width: 100%
}

.partner .box-con[data-v-1301a57e] {
    display: flex;
    flex-wrap: wrap;
    padding: .1rem;
    height: 3.4rem;
    width: calc(100% + .4rem);
    margin-left: -.2rem
}

.partner .item[data-v-1301a57e] {
    width: 50%;
    padding: 0 .1rem
}

.partner .item[data-v-1301a57e] .van-skeleton-image {
    width: 100%;
    height: 1.4rem
}

[data-v-1301a57e] .van-skeleton-image,
[data-v-1301a57e] .van-skeleton-avatar,
[data-v-1301a57e] .van-skeleton-paragraph,
[data-v-1301a57e] .van-skeleton-title {
    background-color: #fff
}

.navs[data-v-e293eb54] {
    border-radius: .32rem;
    background: linear-gradient(to bottom, #7a5b38, #000000); /* ← GRADIENT UYGULANDI */
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    padding: .16rem 0;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
    margin-top: .32rem;
}


/* NAV ITEM KUTULARI */
.navs .item[data-v-e293eb54] {
    width: 25%;
    text-align: center;
    padding: .16rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;

    /* ŞEFFAF – BORDER YOK */
    background: transparent;
    border: none;
    box-shadow: none;

    border-radius: 10px;
}

/* ICON ALANI — TÜM ICONLAR BÜYÜSÜN */
.navs .item[data-v-e293eb54] .icon {
    width: 1.6rem;     /* İKON BOYUTU */
    height: 1.6rem;
    margin-bottom: .12rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ICON İÇTEKİ RESİMLER */
.navs .item[data-v-e293eb54] .icon img,
.navs .item[data-v-e293eb54] .icon .van-image,
.navs .item[data-v-e293eb54] .icon .van-image__img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

/* YAZILAR BEYAZ OLSUN */
.navs .item[data-v-e293eb54] .name {
    color: #ffffff !important;
    font-size: .32rem;
    font-weight: 600;
    margin-top: .1rem;
}




.navs .item .icon[data-v-e293eb54] {
    width: .90rem;
    height: .90rem
}

.navs .item .img[data-v-e293eb54] {
    width: 100%;
    height: 100%
}

.navs .item .name[data-v-e293eb54] {
    margin-top: .08rem;
    color: #000;
    font-size: .24rem;
    font-weight: 400;
    line-height: .24rem
}

.home-adv[data-v-0b9f51a1] {
    margin-bottom: .32rem
}

.home-adv h2[data-v-0b9f51a1] {
    margin-bottom: .24rem;
    color: #ffffff;
    font-size: .3rem;
    font-weight: 600;
    line-height: .52rem
}

.home-adv .adv-box[data-v-0b9f51a1] {
    box-sizing: border-box
}

.home-adv .adv-box .item[data-v-0b9f51a1] {
    display: flex;
    justify-content: space-between;
    align-items: center;

    margin-bottom: .32rem;
    padding: .32rem .28rem;
    border-radius: .24rem;

    /* Kahverengi → siyah degrade */
    background: linear-gradient(to bottom, #7a5b38, #000000);

    /* 3D derinlik */
    box-shadow:
        0 4px 8px rgba(0,0,0,0.35),   /* dış gölge */
        inset 0 2px 4px rgba(255,255,255,0.15), /* iç parlaklık */
        inset 0 -3px 6px rgba(0,0,0,0.45);      /* iç gölge */

    /* Cam efekti */
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);

    /* Yazı rengi beyaz */
    color: #ffffff;
}


.home-adv .adv-box .item[data-v-0b9f51a1]:last-child {
    border-bottom: none
}

.home-adv .adv-box .item .title[data-v-0b9f51a1] {
    color: #ffffff;
    font-size: .28rem;
    font-style: normal;
    font-weight: 400;
    line-height: .3rem
}

.home-market[data-v-9c7a3fc3] {
    margin-bottom: .32rem
}

.home-market h2[data-v-9c7a3fc3] {
    font-size: .32rem;
    font-weight: 700
}

.home-market .tr[data-v-9c7a3fc3] {
    padding: .24rem .32rem;
    display: flex;
    margin-top: .32rem;
    border-radius: .24rem;
    background: #fff;
    justify-content: space-between
}

.home-market .tr .td[data-v-9c7a3fc3] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    color: #000;
    font-size: .28rem;
    font-style: normal;
    font-weight: 500
}

.home-market .tr .td[data-v-9c7a3fc3]:first-child {
    justify-content: flex-start
}

.home-market .tr .td[data-v-9c7a3fc3]:last-child {
    justify-content: flex-end
}

.home-market .tr .td .img[data-v-9c7a3fc3] {
    width: .8rem;
    height: .8rem
}

.home-market .tr .td .coin[data-v-9c7a3fc3] {
    margin-left: .16rem;
    display: flex;
    flex-direction: column
}

.home-market .tr .td .coin .buyCoinName[data-v-9c7a3fc3] {
    font-size: .28rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1em
}

.home-market .tr .td .coin .sellCoinName[data-v-9c7a3fc3] {
    margin-top: .06rem;
    font-size: .22rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1em
}

.home-market .tr .td .price[data-v-9c7a3fc3] {
    text-align: right
}

.home-market .tr .td .btn[data-v-9c7a3fc3] {
    border-radius: .12rem;
    min-width: 1.4rem;
    height: .56rem;
    color: #000;
    text-align: center;
    font-size: .26rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: right
}

.home-market .tr .td .btn img[data-v-9c7a3fc3] {
    width: .2rem;
    height: .2rem;
    margin-right: .1rem
}

.home-market .tr .td .btn.drop[data-v-9c7a3fc3] {
    color: #000
}

.list[data-v-9c7a3fc3] {
    white-space: nowrap;
    overflow: scroll;
    margin-bottom: .32rem;
    margin-top: .32rem
}

.list li[data-v-9c7a3fc3] {
    border-radius: .24rem;
    width: 2.44rem;
    margin-right: .32rem;
    display: inline-block;

    /* KAHVERENGİDEN SİYAHA GEÇİŞ */
    background: linear-gradient(to bottom, #7a5b38, #000000);

    padding: .24rem .34rem .24rem .24rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: .16rem;

    /* Yazı rengi */
    color: #ffffff;
}


.list li[data-v-9c7a3fc3]:last-child {
    margin-right: 0
}

.list li .pic img[data-v-9c7a3fc3] {
    width: 100%
}

.list li .img[data-v-9c7a3fc3] {
    width: .56rem;
    height: .56rem;
    margin-right: .14rem
}

.list li .td[data-v-9c7a3fc3] {
    display: flex;
    flex-wrap: wrap
}

.list li .con[data-v-9c7a3fc3] {
    padding: .24rem 0;
    font-size: .24rem
}

.list li .btn[data-v-9c7a3fc3] {
    color: #fff
}

.list li .btn img[data-v-9c7a3fc3] {
    width: .2rem;
    height: .2rem
}

.list li .btn.drop[data-v-9c7a3fc3] {
    color: #fff
}

.list li .price[data-v-9c7a3fc3] {
    margin-right: .1rem
}

.list li .coin span[data-v-9c7a3fc3] {
    display: block
}

.list li .coin .sellCoinName[data-v-9c7a3fc3] {
    color: #fff;
    font-size: .2rem;
    font-weight: 400;
    letter-spacing: .004rem
}

.swiper-con[data-v-62a38ea7] {
    width: 100%;
    border-radius: .24rem;
    background: #fff;
    padding: .24rem;
    box-sizing: border-box;
    overflow: hidden
}

.swiper-con .item[data-v-62a38ea7] {
    display: flex
}

.swiper-con .img[data-v-62a38ea7] {
    width: 100%
}

.video[data-v-b2b3b7bd] {
    margin-bottom: .32rem;
    position: relative
}

.video .play[data-v-b2b3b7bd] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.16rem;
    height: 1.16rem;
    object-fit: contain
}

.video video[data-v-b2b3b7bd] {
    width: 100%;
    height: 4rem;
    object-fit: cover;
    border-radius: .24rem;
    overflow: hidden
}

.challenge[data-v-f306c1c6] {
    margin: .32rem 0;
    padding: .48rem .4rem;
    border-radius: .24rem;
    display: flex;
    justify-content: space-between;
    align-items: center;

    /* GRADIENT UYGULANDI */
    background: linear-gradient(to bottom, #7a5b38, #000000);

    position: relative;
}


.challenge .text[data-v-f306c1c6] {
   
    padding-left: .32rem;
    width: 100%;
    padding-right: 2rem
}

.challenge .text h3[data-v-f306c1c6] {
    font-size: .4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1em;

    /* GRADIENT YAZI */
    background: linear-gradient(to bottom, #ffffff, #b3885a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



.challenge .text p[data-v-f306c1c6] {
    margin-top: .14rem;
    font-size: .28rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1em;

    /* GRADIENT YAZI (kahverengi → beyaz) */
    background: linear-gradient(to top, #7a5b38, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.challenge .img[data-v-f306c1c6] {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%
}

.challenge .p[data-v-f306c1c6] {
    color: #ffffff;
    font-size: .2rem;
    font-weight: 350;
    line-height: .24rem;
    margin-top: .24rem
}

.home[data-v-28107bfb] {
    padding-bottom: .2rem;
    position: relative;
    z-index: 2
}

.home .icon-noticebar[data-v-28107bfb] {
    margin-right: .16rem;
    width: .32rem;
    height: .32rem
}

.home-lucky[data-v-28107bfb] {
    margin-top: .32rem;
    background: url(/img/homebg-vpNR5wTK.png) center no-repeat;
    background-size: 100% 100%;
    padding: .36rem .32rem;
    font-size: .28rem;
    color: #000;
    line-height: .48rem
}

.home-lucky div[data-v-28107bfb] {
    font-size: .4rem;
    color: #000;
    line-height: .48rem;
    font-weight: 600
}

.box[data-v-28107bfb] {
    margin-bottom: .4rem;
    border-radius: .24rem;
    background: #fff
}

.box .title[data-v-28107bfb] {
    width: 100%;
    height: .94rem;
    padding: 0 .36rem;
    font-size: .32rem;
    font-weight: 700;
    color: #000;
    border-radius: .24rem;
    background: #fff;
    box-sizing: border-box;
    display: flex;
    align-items: center
}

.header[data-v-28107bfb] {
    position: relative;
    width: 100%;
    height: 1.44rem;
    overflow: hidden
}

.header-con[data-v-28107bfb] {
    position: relative;
    z-index: 2;
    align-items: center;
    padding: .32rem .28rem
}

.header-con .flex1[data-v-28107bfb] {
    display: flex;
    align-items: center;
    color: #000;
    font-size: .24rem;
    font-weight: 500;
    line-height: .32rem
}

.header-con .flex1 .n[data-v-28107bfb] {
    font-size: .32rem;
    margin-top: .1rem
}

.header-con .img[data-v-28107bfb] {
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    top: 0;
    left: 0;
    overflow: hidden;
    margin-right: .16rem
}

.header-con .notive img[data-v-28107bfb] {
    height: .4rem
}

[data-v-28107bfb] .van-notice-bar {
    padding: 0 .24rem;
    border-radius: .24rem
}

.website[data-v-28107bfb] {
    border-radius: .24rem;
    background: linear-gradient(to bottom, #7a5b38cc, #000000e0);
    padding: .28rem;
    margin-top: .24rem;
    position: relative;
    z-index: 100;
    color: #ffffff;
}


.website .title[data-v-28107bfb] {
    margin-bottom: .16rem;
    color: #ffffff;
    font-size: .28rem;
    font-weight: 400;
    line-height: .28rem
}

.website .url[data-v-28107bfb] {
    border-radius: .16rem;
    background: #f1c78e;
    padding: .2rem;
    display: flex;
    align-items: center;
    font-size: .24rem;
    color: #000000
}

.website .url .s[data-v-28107bfb] {
    flex: 1;
    margin-left: .2rem
}