.sidebar {
    position: fixed;
    right: 5px;
    top: 50%;
    z-index: 6;
    
}
/* [关注我们，联系我们，预约体验] 侧边栏选项卡 */
.sidebar .funbar {
    border-radius: .4rem;
    box-shadow: 0 1px 3px #000000;
    background-color: #fef9ec;
}

/* 字体颜色和链接颜色 */
.sidebar p, 
.sidebar a {
    font-size: 0.8rem !important;
    color: #910000;
}

/* 侧边栏选项卡 */
.sidebar .funitem {
    position: relative;
    padding: 0.5rem;
    border-radius: .4rem;
    justify-content: center;
}

/* 选项卡链接样式 */
.sidebar .funitem a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.sidebar .funitem p {
    margin: 0;
}

.sidebar .funitem .iconfont {
    color: #910000;
}

.sidebar .funitem:hover .iconfont {
    color: #fef9ec; 
}

/* 背景色和阴影 */
.sidebar .funitem:hover {
    background-color: #910000;
    box-shadow: 0 1px 3px #e2e2e2;
}

.sidebar .funitem:hover p,
.sidebar .funitem.hover a {
    color: #fffefd;
}

/* 分割线 */
.gradient-separator {
    height: 1px;
    width: 60%;
    margin: 0px auto;
    
    background-image: linear-gradient(
        to right,
        transparent,       /* 0%：完全透明 */
        #910000 30%,       /* 30%：红色开始 */
        #910000 70%,       /* 70%：红色结束 */
        transparent        /* 100%：再次透明 */
    );
    
    border: none;
}


.sidebar .to-top {
    display: none;
    width: 100%;
    height: 60px;
    border-radius: .4rem;
    box-shadow: 0 1px 3px #000000;
    cursor: pointer;
    background-color: #fef9ec;
    margin-top: .5rem;
}
.sidebar .to-top div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.sidebar .to-top .iconfont {
    color: #910000;
    display: inline-block; 
}
.sidebar .to-top .top-text {
    margin: 0;
    color: #910000;
}

.sidebar .to-top:hover {
    background-color: #910000;
    box-shadow: 0 1px 3px #000000;
}

.sidebar .to-top:hover .iconfont {
    color: #fef9ec;
}
.sidebar .to-top:hover p {
    color: #fef9ec;
}


/* 二维码容器 */
.sidebar .code-container {
    left: -200px;
    top:-100px;
    background-color:#fef9ec;
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
    padding: 8px;
    z-index: 10;
    transition: all 0.3s ease;
    width: 200px;
}
.sidebar .code-container::after {
    content: '';
    position: absolute;
    left: -5px;
    top: 20px;
    width: 0;
    height: 0;
    /* border-top: 5px solid transparent;
    border-right: 5px solid #fff;
    border-bottom: 5px solid transparent; */
}
/* 

@media screen and (max-width: 768px) {
    .sidebar {
        display: none;
    }
} */