:root{
    --fas-29y-bg: rgba(255,255,255,0.8);
    --fas-29y-border: #dfcfbb;
    --ec-suptext: #3d3d3d;
    --fas-29y-active: #d46324;
    body{
        background-image: url(../index/2025-29y-bg.jpg);
    }
}

html[data-theme=dark] {
    --fas-29y-bg: rgba(39,39,40,0.9);
    --fas-29y-border: #444444;
    --ec-suptext: #cfcfcf;
    body{
        background-image: url(../index/2025-29y-bg-dark.jpg);
    }
}

body{
    background-image: url(../index/2025-29y-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
}

.kv-section__logo{
    display: none;
}

.kv-section__bg{
    cursor: pointer;
}

.kv-section__img{
    height: auto;
}

.main-container .main-container__content{
    margin-top: 10px;
}

.main-container{
    background: none;
}

.main-container{
    position: relative;
}

.main-container:after{
    content: "";
    position: fixed;
    top: 44px;
    left: 0;
    background-image: url(../index/2025-29y-top-left-ribbons.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
    width: 343px;
    height: 141px;
    filter: drop-shadow(0 0 3px rgba(14, 22, 113, 0.7));
    z-index: -1;
    transition: all 0.5s;
}

.main-container:before{
    content: "";
    position: fixed;
    top: 44px;
    right: 0;
    background-image: url(../index/2025-29y-top-right-ribbons.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 100%;
    width: 343px;
    height: 141px;
    filter: drop-shadow(0 0 3px rgba(14, 22, 113, 0.7));
    z-index: -1;
    transition: all 0.5s;
}


.section-index__title .fa-angle-right{
    color: var(--secondary-text);
}

.section-index__title a{
    color: var(--primary-text);
}

.section-ec .update-time{
    color: var(--ec-suptext);
}

.sidenav-section__link.is-active{
    background-color: rgb(193 108 17 / 10%);
}

.main-sidebar__left{
    background: var(--fas-29y-bg) !important;
}

.index-fuli__wrapper{
    background: var(--fas-29y-bg);
}

.index-card__body,.section-anime .index-card__item,.section-rank__body,.index-card__item.create__item,.index-list__container,.section-index__tab,.main-container__footer{
    background: var(--fas-29y-bg);
}

.index-list__item,.index-fuli__item{
        border-bottom: 1px solid var(--fas-29y-border);
}

.section-index__inner{
        box-shadow: inset 0 -1px 0 var(--fas-29y-border);
}

.section-index__tab.is-active,.section-index__tab:hover{
    background: var(--fas-29y-active) !important;
}

.section-index__item.tab__item.is-active .index-list__tab,.index-list__tab:hover,.sidenav-section__link.is-active,.sidenav-section__link:hover{
    color: var(--fas-29y-active) !important;
}

.headline-news__label,.index-fuli__head{
    background: var(--fas-29y-active) !important;
}

.section-index__label .label__main, .section-index__label:has(.label__sub) .label__sub{
    background: var(--fas-29y-active) !important;
}

.headline-news__textbox{
    border-color: var(--fas-29y-active) !important;
}

.index-card__body.card__body{
    background: none;
}

.sidenav-section__top{
    background: none;
}

body:after{
    content: "";
    position: fixed;
    bottom: 30px;
    left: 10%;
    background-image: url(../index/2025-29y-people-left.png);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: left bottom;
    width: 355px;
    height: 312px;
    filter: drop-shadow(0 0 3px rgba(14, 22, 113, 0.7));
    z-index: -1;
    transition: all 0.5s;
    animation: floating 4s ease-in-out infinite;
}

body:before{
    content: "";
    position: fixed;
    bottom: 30px;
    right: 20px;
    background-image: url(../index/2025-29y-people-right.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100%;
    width: 288px;
    height: 224px;
    filter: drop-shadow(0 0 3px rgba(14, 22, 113, 0.7));
    z-index: -1;
    transition: all 0.5s;
    animation: floating 6s ease-in-out infinite;
}


.main-container__row{
    position: relative;
}

.main-container__row:before{}


.section-index__title{
    margin-left: 36px;
    position: relative;
}

.section-index__title:before{
    content: "";
    position: absolute;
    bottom: -7px;
    left: -31px;
    background-image: url(../index/2025-29y-title-item.png);
    background-repeat: no-repeat;
    width: 38px;
    height: 38px;
    filter: drop-shadow(0 0 3px rgba(206, 151, 94, 0.9));
    z-index: -1;
}


@media (max-width: 1750px) {
    body:after{
        left: 20px;
    }
}


@media (max-width: 650px) {

    .main-container:after{
        top: 44px;
        left: 0;
        background-size: 60%;
    }

    .main-container:before{
        top: 44px;
        right: 0;
        background-size: 60%;
    }

    body:after{
        bottom: 30px;
        left: 60px;
        background-size: 36%;
    }

    body:before{
        bottom: 30px;
        right: 20px;
        background-size: 50%;

    }
}


@keyframes floating {
    0% {
        transform: translateY(0%);
    }

    50% {
        transform: translateY(6%);
    }

    100% {
        transform: translateY(0%);
    }
}