html,
body {
    margin: 0;
    background: #000;
    color: #fff;
    overflow-x: hidden;
    /* background-image: url('images/v3/首页05.webp'); */
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.hero-video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 0;

    @media screen and (max-width: 768px) {
        display: inline;
    }

    video {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
}

.hero-video-ex {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 0;

    @media screen and (max-width: 768px) {
        display: inline;
    }

    video {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
}

.hero-body {
    position: relative;
    z-index: 1;
    overflow-y: hidden;
}

.hero .is-background {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 类似 background-size: cover */
    z-index: 0;
}

.navbar {
    background-color: transparent !important;
    box-shadow: none;

    .scrolled {
        background-color: rgba(0, 0, 0, 0.8) !important;
        transition: background-color 0.3s ease;
        /* backdrop-filter: blur(6px); */
    }
}

.navbar-menu {
    background-color: transparent !important;

    .scrolled {
        background-color: rgba(0, 0, 0, 0.8) !important;
        transition: background-color 0.3s ease;
        /* backdrop-filter: blur(6px); */
    }
}

.navbar-brand.scrolled {
    background-color: rgba(0, 0, 0, 0.8) !important;
    transition: background-color 0.3s ease;
    /* backdrop-filter: blur(6px); */
}

.navbar-item:hover,
.navbar-link:hover {
    background-color: rgba(60, 60, 60, 0.5) !important;
}

.navbar-item:focus,
.navbar-item:active,
.navbar-link:focus,
.navbar-link:active {
    background-color: transparent !important;
    outline: none;
    box-shadow: none;
}

.is-blue-link-button {
    background-color: #1E73BE;
    color: #fff;
    padding: 0.6rem 3rem;
    border-radius: 1.5rem;
    border-width: 0px;
    letter-spacing: 0.1em;
    font-weight: bold;
}

.content {

    .title,
    .subtitle,
    p {
        color: #fff;
    }
}

@media (min-width: 1024px) {
    .navbar-end {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .navbar-item {
        padding: 0.8rem 1rem;
        margin: 0 0.5rem;
    }

    .navbar-selected-item {
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url('../images/v3/顶部标题切换按钮.png');
    }

    .navbar-selected-item:hover {
        background-color: rgba(60, 60, 60, 0) !important;
    }
}

.faq {
    .t {
        font-size: 2rem;
        margin-bottom: 1.5rem;
    }

    .q {
        font-size: 1rem;
        margin-top: 1.5rem;
    }

    .a {
        font-size: 0.9rem;
        color: #aaa;
    }
}

.has-navbar-fixed-top {
    padding-top: 0 !important;
}

.swiper {
    /* height: calc(100vh - 3.25rem); */
    height: 100vh;
}

.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-link {
    width: 50vw;
}

@media screen and (min-width: 768px) {
    .image-link {
        width: 25vw;
    }
}