.flipcard {
    transform-style: preserve-3d;
    transform: rotateY(-180deg);
    transition: transform 1s ease-out, opacity 1s ease-out;
}

.flipcard.visible {
    transform: rotateY(0deg);
    opacity: 1;
}



/* 导航栏 */
.transparent-navbar {
    background-color: rgba(255, 255, 255, 0); /* 透明背景 */
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.main-menu__list li a:hover {
    color: #ffcc00; /* 悬停时的颜色变化 */
}

.main-menu-wrapper-inner.clearfix {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-menu-wrapper__left {
    flex: 1;
}

.main-menu-wrapper__main-menu {
    flex: 1;
    text-align: right;
}