@charset "UTF-8";
/**
 * WordPress 主题开发
 * 主题名称：GLOpen
 * 开发者：万维创想
 * 开发者官网：https://vanwee.cn/
 * 主题版本：0.1.0
  * clamp 范围 960 ~ 2560px
 */


/**
 * 自定义字体
 */
@import url('./fonts.css');

/**
* 定义色调变量
*/
:root {
    --glopen-base-color: #ffffff;
    --glopen-contrast-color: #111111;
    --glopen-primary-color: rgb(40, 69, 108);
    --glopen-secondary-color: rgb(173, 146, 100);
    --glopen-tertiary-color: rgb(108, 117, 125);
    --glopen-quaternary-color: rgb(212, 234, 245);
    --glopen-quinary-color: rgb(219, 210, 195);
    --glopen-muted-color: rgb(248, 248, 248);
    --glopen-primary-color-alpha: rgba(40, 69, 108, 0.8);
    --header-navbar-height: clamp(60px, 50px + 2vw, 100px);

    --glopen-heading-font-size: clamp(1rem, calc(0.338rem + 1.103vw), 1.75rem);
    --glopen-heading-font-size-large: clamp(2rem, calc(1.338rem + 1.103vw), 2.75rem);
    --glopen-heading-font-size-xlarge: clamp(2.25rem, calc(1.368rem + 1.471vw), 3.25rem);

    --glopen-paragraph-font-size: clamp(1rem, calc(0.309rem + 0.735vw), 1.25rem);
    --glopen-paragraph-font-size-large: clamp(1.25rem, calc(0.559rem + 0.735vw), 1.5rem);
    --glopen-paragraph-font-size-xlarge: clamp(1.5em, calc(1.05em + 0.75vw), 2.25em);
    --glopen-paragraph-line-height: clamp(1.25rem, calc(0.699rem + 0.919vw), 1.875rem);


    --gl-media-padding-xxsmall: .5rem;
    --gl-media-padding-xsmall: clamp(0.75rem, calc(0.3rem + 0.75vw), 1.5rem);
    --gl-media-padding-small: clamp(1rem, calc(0.1rem + 1.5vw), 2.5rem);
    --gl-media-padding-medium: clamp(1.5rem, calc(0.6rem + 1.5vw), 3rem);
    --gl-media-padding-large: clamp(2rem, calc(1.1rem + 1.5vw), 3.5rem);
    --gl-media-padding-xlarge: clamp(2.5rem, calc(1.6rem + 1.5vw), 4rem);
    --gl-media-padding-xxlarge: clamp(3rem, calc(2.1rem + 1.5vw), 4.5rem);
}

footer {
    position: relative;
    z-index: 9;
}

/**
 * 锚点
 */
[id] {
  scroll-margin-top: calc(clamp(3.75rem, calc(2.25rem + 2.5vw), 6.25rem) + 1rem);
}

/**
 * 常规类
 */
.gl-section-subtitle {
    font-weight: 600;
    font-size: var(--glopen-paragraph-font-size-xlarge);
}
.gl-section-title {
    font-weight: 700;
    font-size: var(--glopen-heading-font-size-large);
    margin-bottom: clamp(2rem, 1.5rem + 1.5vw, 3.5rem);
    line-height: 1;
}
.gl-section-title:has( + .gl-section-desc) {
    margin-bottom: clamp(1rem, .5rem + 1.5vw, 2.25rem);
}
.gl-section-desc {
    font-weight: 500;
    font-size: var(--glopen-paragraph-font-size);
    margin-bottom: clamp(2rem, 1.5rem + 1.5vw, 3.5rem);
}
.gl-section-title-s {
    font-weight: 700;
    font-size: var(--glopen-heading-font-size-large);
    line-height: 1;
}
.gl-section-desc-s {
    font-weight: 400;
    font-size: var(--glopen-paragraph-font-size);
}
.gl-svg-box-padding-5 > svg {
    padding: 5px;
}

/**
 * 页脚信息
 */
.gl-foot-info {
    color: var(--glopen-base-color);
    font-size: var(--glopen-paragraph-font-size);
    line-height: var(--glopen-paragraph-line-height);
    font-weight: 400;
    padding-bottom: calc(var(--gl-media-padding-xsmall) * 1.5);
    & .wp-block-heading {
        font-size: var(--glopen-paragraph-font-size);
        font-weight: 600;
        color: var(--glopen-base-color);
        margin: calc(var(--gl-media-padding-xsmall) * .6) 0;
        &:has( + .wp-block-list) {
            display: flex;
            flex-direction: column;
            &::before {
                order: 1;
                content: '';
                display: block;
                width: 40%;
                height: 2px;
                margin-top: .5rem;
                background-color: var(--glopen-base-color);
            }
        }
    }
    & .wp-block-separator {
        border-top: 1px dotted var(--glopen-base-color);
        opacity: .8;
        margin: calc(var(--gl-media-padding-xsmall) * 1.5) 0;
    }
    & a {
        color: var(--glopen-base-color);
        text-decoration: none;
        &:hover {
            color: var(--glopen-secondary-color);
            text-decoration: none;
        }
    }
    & .wp-block-list {
        list-style: none;
        padding: 0;
        margin: 0;
        line-height: 1.6em;
        & a {
            opacity: .8;
            &:hover {
                opacity: 1;
            }
        }
    }
    & p {
        margin: 0;
    }
    & div:has( > .gl-footer-logo) {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    @media (max-width: 959px) {
        & .gl-footer-logo {
            width: 50%;
            margin: 0 auto var(--gl-media-padding-small);
        }
        & .wp-block-glopen-sociallink {
            flex-wrap: nowrap;
            justify-content: center;
            gap: .75rem;
            width: 80%;
            margin: 0 auto;
            & svg {
                width: 100%;
            }
        }
    }
    
}

/**
 * 文章类型一级分类列表
 */
.main-category-list {
    list-style: none;
    padding: 0;
    margin: 0;
    & .main-category-item {
        &:not(:first-child) {
            margin-top: var(--gl-media-padding-small);
            padding-top: var(--gl-media-padding-small);
            border-top: 1px solid var(--glopen-primary-color);
        }
        & h2 {
            font-size: var(--glopen-heading-font-size);
            line-height: 1;
            font-weight: 700;
            margin-bottom: 0;
        }
        & .main-category-no-posts {
            text-align: center;
            font-size: var(--glopen-paragraph-font-size);
            line-height: var(--glopen-paragraph-line-height);
            color: var(--glopen-tertiary-color);
        }
        & .main-category-posts-list {
            text-align: center;
            display: grid;
            gap: var(--gl-media-padding-medium);
            justify-content: start;
            margin-top: var(--gl-media-padding-large);

            @media (max-width: 959px) {
                grid-template-columns: 1fr;
            }
            @media (min-width: 960px) {
                grid-template-columns: repeat(3, 1fr);
            }
            & article {
                display: flex;
                flex-direction: column;
                & > figure {
                    margin-bottom: 0;
                    border-top-left-radius: .5rem;
                    border-top-right-radius: .5rem;
                    overflow: hidden;
                    & a {
                        display: inline-block;
                    }
                    & img {
                        transition: all .15s ease-in-out;
                    }
                }
                & > div {
                    padding: var(--gl-media-padding-xsmall);
                    border: 1px solid #E0E0E0;
                    border-top: none;
                    border-bottom-left-radius: .5rem;
                    border-bottom-right-radius: .5rem;
                    overflow: hidden;
                    flex-grow: 1;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    & h3 {
                        font-size: var(--glopen-paragraph-font-size-large);
                        font-weight: 600;
                        margin-bottom: var(--gl-media-padding-xxsmall);
                        flex-grow: 1;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        line-clamp: 2;
                        -webkit-line-clamp: 2;
                        & a {
                            text-decoration: none;
                            color: var(--glopen-primary-color);
                        }
                    }
                    & p {
                        font-size: var(--glopen-paragraph-font-size);
                        font-weight: 400;
                        line-height: var(--glopen-paragraph-line-height);
                        color: var(--glopen-tertiary-color);
                        margin: 0;
                    }
                }
                @media (min-width: 960px) {
                    &:hover {
                        & img {
                            transform: scale(1.02);
                        }
                    }
                }
            }
        }
        & .main-category-view-more {
            text-align: center;
            margin-top: var(--gl-media-padding-small);
            & a {
                text-decoration: none;
                display: inline-block;
                padding-top: calc(0.667em + 2px);
                padding-right: calc(1.333em + 2px);
                padding-bottom: calc(0.667em + 2px);
                padding-left: calc(1.333em + 2px);
                background-color: var(--glopen-secondary-color);
                color: var(--glopen-base-color);
                font-size: 1.125rem;
                border-radius: .5rem;
                font-weight: 500;
                transition: all .15s ease-in-out;
                &:hover {
                    background-color: var(--glopen-primary-color);
                }
            }
        }
    }
}

/**
 * 回退 分类列表
 */
.back-category-list {
    & .wp-block-term-name,
    & .wp-block-query-title {
        font-size: var(--glopen-heading-font-size);
        line-height: 1;
        font-weight: 700;
        margin-bottom: var(--gl-media-padding-small);
    }
    & .wp-block-query {
        & .wp-block-post {
            & ~ & {
                margin-top: var(--gl-media-padding-large);
            }
            & .wp-post-image {
                border-radius: .5rem;
            }
            & .wp-block-post-title {
                margin-top: var(--gl-media-padding-xsmall);
                margin-bottom: 0;
                & a {
                    color: #666;
                    text-decoration: none;
                    font-weight: 600;
                    &:hover {
                        color: var(--glopen-primary-color);
                    }
                }
            }
            & .wp-block-post-excerpt {
                margin-top: var(--gl-media-padding-xxsmall);
                font-size: calc(var(--glopen-paragraph-font-size) * 0.8);
                font-weight: 400;
                font-style: italic;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                overflow: clip;
                text-overflow: ellipsis;
                line-clamp: 2;
                -webkit-line-clamp: 2;
                & a {
                    color: var(--wp--preset--color--contrast);
                }
            }
        }
        & .wp-block-query-pagination {
            margin-top: var(--gl-media-padding-medium);
            user-select: none;
            & .wp-block-query-pagination-numbers {
                display: flex;
            }
            & .page-numbers.current {
                cursor: not-allowed;
            }
            & a, & .page-numbers {
                font-size: var(--glopen-paragraph-font-size);
                color: #666;
                display: inline-block;
                padding: .25rem .5rem;
                &:hover {
                    color: var(--glopen-primary-color);
                }
            }
        }
    }
    & .wp-block-search {
        & .wp-block-search__inside-wrapper {
            border-radius: .5rem;
            border-color: #d5d5d5;
        }
        & .wp-block-search__input {
            padding-left: 1rem;
            padding-right: 1rem;
            line-height: 1;
        }
        & .wp-block-search__button {
            padding: .5rem 1rem;
            border-radius: .35rem;
            &:hover {
                color: var(--glopen-base-color);
                background-color: var(--glopen-primary-color);
            }
        }
    }
    & .wp-block-latest-posts a {
        display: inline-block;
        font-size: var(--glopen-paragraph-font-size);
        padding: .5rem 0;
        color: #666;
        text-decoration: none;
        &:hover {
            color: var(--glopen-primary-color);
        }
    }
    
}

/**
 * 文章内容
 */
.gl-post-main {
    & article {
        font-size: var(--glopen-paragraph-font-size);
        font-weight: 400;
        color: #555;
        line-height: 1.5;
        & a {
            text-decoration: none;
        }
    }
}
.gl-post-banner {
    text-align: center;
    & .taxonomy-category {
        &, & a, & span {
            font-size: var(--glopen-paragraph-font-size);
            font-weight: 500;
            color: var(--glopen-base-color);
            text-decoration: none;
        }
    }
    & .wp-block-post-title {
        font-size: var(--glopen-heading-font-size-large);
        color: var(--glopen-base-color);
        font-weight: 700;
        margin: var(--gl-media-padding-xsmall) 0;
    }
    & .wp-block-post-date {
        font-size: var(--glopen-paragraph-font-size);
        color: var(--glopen-base-color);
        font-weight: 400;
    }
}

/**
 * YouTube 页面
 */
.gl-videos-section {
    & .wp-block-heading {
        font-size: var(--glopen-heading-font-size);
        line-height: 1;
        font-weight: 700;
        margin-bottom: 0;
    }
    & .gl-videos-list {
        margin-top: var(--gl-media-padding-large);
        margin-bottom: var(--gl-media-padding-large);
        & .yb-caption {
            margin-bottom: 0;
            color: var(--glopen-primary-color);
            font-size: var(--glopen-paragraph-font-size);
            font-weight: 400;
        }
    }
}
.gl-videos-more {
    & .wp-element-button {
        text-decoration: none;
        display: inline-block;
        padding-top: calc(0.667em + 2px);
        padding-right: calc(1.333em + 2px);
        padding-bottom: calc(0.667em + 2px);
        padding-left: calc(1.333em + 2px);
        background-color: var(--glopen-secondary-color);
        color: var(--glopen-base-color);
        font-size: 1.125rem;
        border-radius: .5rem;
        font-weight: 600;
        transition: all .15s ease-in-out;
        &:hover {
            background-color: var(--glopen-primary-color);
            color: var(--glopen-base-color);
        }
    }
}

/**
 * 单独标题
 */
.wp-site-blocks .gl-tour-subtitle {
    font-size: calc(var(--glopen-heading-font-size-large) * 0.9);
    font-weight: 700;
    color: var(--glopen-secondary-color);
    line-height: 1.2;
    & ~ .wp-block-paragraph {
        font-weight: 400;
        margin-bottom: clamp(1rem, calc(0.4rem + 1vw), 2rem);
        margin-top: 0;
    }
    &:has( + .wp-block-paragraph) {
        margin-bottom: clamp(0.5rem, calc(0.2rem + 0.5vw), 1rem);
    }
    &:not(:has( + .wp-block-paragraph)) {
        margin-bottom: clamp(1rem, calc(0.4rem + 1vw), 2rem);
    }
}
/**
 * 介绍页面 Notice
 */
.gl-tour-notice {
    color: var(--glopen-primary-color);
    background-color: var(--glopen-muted-color);
    margin-left: auto;
    margin-right: auto;
    font-size: var(--glopen-paragraph-font-size-large);
    font-weight: 500;
    padding: 1.25rem 1.5rem;
    border-radius: .75rem;
    border: 3px solid var(--glopen-primary-color);
    @media (min-width: 960px) {
        width: 80%;
    }
    & > em {
        font-style: normal;
        text-decoration: underline;
        text-decoration-thickness: 3px;
        text-underline-offset: 4px;
        text-decoration-color: var(--glopen-secondary-color);
    }
}
/**
 * 介绍页面 Notice Muted
 */
.gl-tour-notice-muted {
    color: #666;
    background-color: var(--glopen-muted-color);
    margin-left: auto;
    margin-right: auto;
    font-size: var(--glopen-paragraph-font-size-large);
    font-weight: 500;
    padding: 1.25rem 1.5rem;
    & > em {
        font-style: normal;
        text-decoration: underline;
        text-decoration-thickness: 3px;
        text-underline-offset: 4px;
        text-decoration-color: var(--glopen-secondary-color);
    }
}
/**
 * 介绍页面 锚点导航
 */
.gl-tour-anchor-nav {
    border-bottom: 1px solid var(--glopen-primary-color);
    & .wp-block-list {
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
        justify-content: space-around;
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        & a {
            text-decoration: none;
            color: var(--glopen-primary-color);
            font-size: var(--glopen-paragraph-font-size);
            font-weight: 400;
            display: flex;
            align-items: center;
            padding: var(--gl-media-padding-xxsmall);
            white-space: nowrap;
        }
    }
}
/**
 * 介绍页面 固定价格展示
 */
.gl-tour-fixed-price {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    border-top: 2px solid var(--glopen-muted-color);
    font-weight: 500;
    font-size: var(--glopen-paragraph-font-size);
    & .wp-block-glopen-grid {
        flex-wrap: nowrap;
        align-items: center;
    }
    & .wp-element-button {
        padding: var(--gl-media-padding-xxsmall) var(--gl-media-padding-xsmall);
    }
    @media (max-width: 959px) {
        display: none;
    }
}
/**
 * 介绍页面 Slider
 */
.wp-block-glopen-slider.gl-tour-slider-image {
    --sliderArrowOffset: clamp(-3.75rem, calc(-2.15rem - 1vw), -2.75rem);
    & > .uk-slider-container > .uk-slider-items > .wp-block-glopen-slider-item {
        display: flex;
        align-items: center;
        & img {
            border-radius: .5rem;
        }
    }
    & > .uk-slider-nav.uk-dotnav {
        margin-top: 1rem;
    }
}

/**
 * 团队人像卡片
 * teamcard
 */
.wp-block-glopen-teamcard {
    position: relative;
    overflow: hidden;
    text-align: center;
    container-type: inline-size;
    display: flex;
    flex-direction: column;

    & > .gl-team-photo {
        margin-bottom: 0;
        & img {
            width: 100%;
            object-position: top;
        }
    }

    & .wp-block-glopen-teamicon {
        position: absolute;
        width: 40%;
        margin-top: 4%;
        margin-left: 4%;
        top: 0;
        left: 0;
    }

    & .gl-team-info {
        background-color: var(--glopen-quaternary-color);
        padding-top: 3cqw;
        padding-bottom: 3cqw;

        & .gl-team-social {
            padding: 1cqw 0;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 2cqw;
            & > .gl-team-email, & > .gl-team-linked {
                padding: 1cqw;
                background-color: var(--glopen-primary-color);
                display: flex;
                align-items: center;
                border-radius: .5rem;
                & > svg {
                    width: 6cqw;
                    aspect-ratio: 1 / 1;
                }
            }
        }

        & .gl-team-name {
            font-size: clamp(1rem, 9cqw, 9cqw);
            font-weight: 700;
            color: var(--glopen-primary-color);
            margin: 1.5cqw 0;
            line-height: 1;
        }

        & .gl-team-title {
            font-size: clamp(.875rem, 7cqw, 7cqw);
            font-weight: 600;
            color: var(--glopen-secondary-color);
            margin: 0;
            line-height: 1;
        }
    }
    
    & .gl-team-description {
        font-size: clamp(.75rem, 4cqw, 4cqw);
        background-color: var(--glopen-primary-color);
        color: var(--glopen-base-color);
        margin: 0;
        padding: 4cqw;
        flex-grow: 1;
    }
}

/**
 * 团队人像图标
 */
.wp-block-glopen-teamicon {
    aspect-ratio: 500 / 195;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    user-select: none;
    container-type: inline-size;
    & > span {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 2.8cqw;
        text-indent: 8cqw;
        transform: scaleX(0.95) scaleY(1.5);
        font-size: 3.125cqw;
        font-weight: 700;
        color: #022049;
        white-space: nowrap;
    }
}

/**
 * 故事
 * storytree
 */
.wp-block-glopen-storytree {
    padding-top: 2rem;
    padding-bottom: 2rem;

    &:first-of-type {
        margin-top: -2rem;
    }
    &:nth-last-child(1 of &) {
        margin-bottom: -2rem;
    }

    & > .gl-media-container {
        & img {
            border-radius: .5rem;
        }
    }

    & .wp-block-heading {
        font-size: calc(var(--glopen-paragraph-font-size-xlarge) * 0.85);
        font-weight: 700;
        & ~ p {
            font-size: var(--glopen-paragraph-font-size);
            font-weight: 400;
        }
    }

    @media (max-width: 959px) {
        & .wp-block-heading {
            margin-top: 1rem;
            margin-bottom: .5rem;
            & ~ p {
                margin-top: .5rem;
            }
        }
        & ~ & {
            border-top: 1px dashed var(--glopen-contrast-color);
        }
    }

    @media (min-width: 960px) {
        & {
            position: relative;
            display: flex;
            align-items: center;
            gap: clamp(4rem, calc(1.6rem + 4vw), 8rem);
        }
        & > * {
            width: 50%;
        }
        & > .gl-media-container {
            &::before {
                content: '';
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                width: 1rem;
                height: 1rem;
                border-radius: 50%;
                background-color: var(--glopen-secondary-color);
                z-index: 1;
            }
        }
        &::before {
            content: '';
            display: block;
            width: 2px;
            background-color: var(--glopen-contrast-color);
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            z-index: 1;
        }
        /* 选中中间 */
        &:not( :nth-child(1 of &) ):not( :nth-last-child(1 of &) )::before {
            height: 100%;
            top: 0;
        }
        /* 第一个 */
        &:nth-child(1 of &)::before {
            bottom: 0;
            height: 50%;
        }
        /* 最后一个 */
        &:nth-last-child(1 of &)::before {
            top: 0;
            height: 50%;
        }

        &:nth-of-type(even) {
            & > .gl-media-container {
                order: 2;
            }
        }
    }
}

/**
 * 视频播放按钮
 * video-play
 */
.gl-video-play {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border-radius: .5rem;
    &::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 512a512 512 0 1 1 1024 0 512 512 0 1 1-1024 0z m376.6-217.8c-15.2 8.4-24.6 24.6-24.6 41.8v352c0 17.4 9.4 33.4 24.6 41.8s33.6 8.2 48.6-1l288-176c14.2-8.8 23-24.2 23-41s-8.8-32.2-23-41l-288-176c-14.8-9-33.4-9.4-48.6-1z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 10%;
        z-index: 1;
        pointer-events: none;
        opacity: 0.85;
        transition: all 0.15s ease-in-out;
    }
    &:hover::after {
        opacity: 1;
        transform: scale(1.1);
    }
    video::-webkit-media-controls {
        display: none;
    }
}

/**
 * 介绍段落2
 * intro-section2
 */
.wp-block-glopen-intro-section2 {
    & .gl-inner-price {
        font-weight: 700;
        font-size: var(--glopen-paragraph-font-size-large);
        color: var(--glopen-secondary-color);
    }
    & p {
        font-weight: 400;
    }
    & .gl-intro-section2-list-box {
        font-weight: 400;
        font-size: var(--glopen-paragraph-font-size);
        line-height: var(--glopen-paragraph-line-height);
        padding-left: 1.25rem;
        & > li ~ li {
            margin-top: .5rem;
        }
    }
}

/**
 * SVG 图标
 * SVGIcon
 */
.wp-block-glopen-svgicon {
    display: block;
}
/**
 * 介绍段落3
 * intro-section3
 * --container-space 是内容容器的宽度占比，不用小于0.5
 */
.wp-block-glopen-intro-section3 {
    --container-default: 1200px;
    --container-xsmall: 750px;
    --container-small: 900px;
    --container-large: 1400px;
    --container-xlarge: 1600px;

    display: flex;

    & > div {
        width: 50%;

        &.gl-left {
            mask: linear-gradient(to left, transparent, #000 80%);
        }
        &.gl-right {
            mask: linear-gradient(to right, transparent, #000 80%);
        }
        &:not(.gl-left):not(.gl-right) {
            flex-grow: 1;
        }
    }

    & .gl-section-description {
        font-size: calc( var(--glopen-paragraph-font-size) * 1.5 );
        line-height: calc( var(--glopen-paragraph-line-height) * 1.5 );
    }
    & .gl-section-description strong {
        font-weight: 600;
    }

    @media (min-width: 960px) {
        /* 左侧遮罩 + 容器 左偏移 */
        .gl-left + .uk-container {
            --container-space: 0.5;
            padding-left: 0;

            &:not([class*="uk-container-"]) {
                margin-left: calc((var(--container-space) - 0.5) * -1 * var(--container-default));
                max-width: calc(var(--container-space) * var(--container-default));
            }
            &.uk-container-xsmall {
                margin-left: calc((var(--container-space) - 0.5) * -1 * var(--container-xsmall));
                max-width: calc(var(--container-space) * var(--container-xsmall));
            }
            &.uk-container-small {
                margin-left: calc((var(--container-space) - 0.5) * -1 * var(--container-small));
                max-width: calc(var(--container-space) * var(--container-small));
            }
            &.uk-container-large {
                margin-left: calc((var(--container-space) - 0.5) * -1 * var(--container-large));
                max-width: calc(var(--container-space) * var(--container-large));
            }
            &.uk-container-xlarge {
                margin-left: calc((var(--container-space) - 0.5) * -1 * var(--container-xlarge));
                max-width: calc(var(--container-space) * var(--container-xlarge));
            }
        }

        /* 右侧遮罩 + 容器 右偏移 */
        .uk-container:has( + .gl-right) {
            --container-space: 0.5;
            padding-right: 0;

            &:not([class*="uk-container-"]) {
                margin-right: calc((var(--container-space) - 0.5) * -1 * var(--container-default));
                max-width: calc(var(--container-space) * var(--container-default));
            }
            &.uk-container-xsmall {
                margin-right: calc((var(--container-space) - 0.5) * -1 * var(--container-xsmall));
                max-width: calc(var(--container-space) * var(--container-xsmall));
            }
            &.uk-container-small {
                margin-right: calc((var(--container-space) - 0.5) * -1 * var(--container-small));
                max-width: calc(var(--container-space) * var(--container-small));
            }
            &.uk-container-large {
                margin-right: calc((var(--container-space) - 0.5) * -1 * var(--container-large));
                max-width: calc(var(--container-space) * var(--container-large));
            }
            &.uk-container-xlarge {
                margin-right: calc((var(--container-space) - 0.5) * -1 * var(--container-xlarge));
                max-width: calc(var(--container-space) * var(--container-xlarge));
            }
        }
    }

    /* 移动端隐藏遮罩 */
    @media (max-width: 959px) {
        flex-wrap: wrap;
        text-align: center;

        & > div {
            width: 100%;
        }
        .gl-left, .gl-right {
            display: none;
        }
    }
}


/**
 * 图文标网格
 */
.wp-block-glopen-grid-texticon {
    --divider-color: #e6e6e6;
    & .wp-block-glopen-texticon {
        flex-grow: 1;
        padding-top: 2rem;
        padding-bottom: 2rem;

        & .wp-block-heading {
            font-weight: 300;
            font-size: var(--glopen-heading-font-size);
        }
        & .wp-block-paragraph {
            font-weight: 300;
            font-size: var(--glopen-paragraph-font-size);
        }
    }

    & .wp-block-glopen-grid-item {
        display: flex;
        &.uk-grid-margin {
            border-top: 1px solid var(--divider-color);
        }
    }

    &.gl-grid-divider .uk-grid > :not(.uk-first-column):not(:first-child)::before {
        content: '';
        display: block;
        width: 1px;
        height: 100%;
        background-color: var(--divider-color);
        margin-left: -1px;
        flex-shrink: 0;
    }

    &.gl-position-top-normal .uk-grid {
        margin-top: -30px;
        position: relative;
        z-index: 1;
    }
    @media (min-width: 960px) {
        &.gl-grid-divider .wp-block-glopen-texticon {
            margin-right: 1px;
        }
        &.gl-position-top-normal .uk-grid {
            margin-top: -60px;
        }
        &.gl-transition-top .wp-block-glopen-texticon {
            transition: transform 0.15s ease-in-out;
            &:hover {
                transform: translateY(-10%);
            }
        }
    }
    
}

/**
 * 全局表单
 */
.wp-block-glopen-message-form {
    position: relative;
    overflow: clip;

    & > div:first-of-type {
        padding-bottom: 0;
    }
    & > div:last-of-type {
        padding-top: 200px;
    }
    & .gl-message-fieldset {
        padding: clamp(2rem, 1rem + 2vw, 3.5rem);
        background-color: var(--glopen-quaternary-color);
        background-image: url('/static/images/message_backgroun.png');
        background-position: 101% -5px;
        background-repeat: no-repeat;
        background-size: 35%;
        border-radius: 1rem;
        /*width: clamp(90%, 110% - 10vw, 100%);*/
        box-shadow: 0 20px 18px -6px rgba(0, 0, 0, 0.3);
        box-sizing: border-box;
        margin: 0 auto;
        transform: translateY(200px);
    }
    & .gl-message-fields {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 1.5rem;

        & > * {
            width: calc(50% - 1rem);
            background-color: rgba(242, 242, 242, 0.82);
            padding: 1em;
            font-size: .875rem;
            box-sizing: border-box;
            border: 1px solid var(--glopen-primary-color);
            border-radius: 0.25rem;

            &:focus {
                outline: none;
                border-color: var(--glopen-secondary-color);
            }

            &::placeholder {
                color: var(--glopen-tertiary-color);
                opacity: 1;
            }
        }
        & > select {
            width: 100%;
            &:not(:valid) {
                color: var(--glopen-tertiary-color);
            }
        }
        & > textarea {
            width: 100%;
            min-height: 100px;
            resize: vertical;
        }
        & .gl-submit-btn {
            width: auto;
            margin-left: auto;
            background-color: var(--glopen-primary-color);
            color: var(--glopen-base-color);
            border: none;
            cursor: pointer;
            font-size: 1.125rem;
            font-weight: 500;
            padding: .75em 3em;
            transition: background-color 0.15s ease-in-out;
            &:hover {
                background-color: var(--glopen-secondary-color);
            }
        }

        @media (max-width: 959px) {
            & > *,
            & .gl-submit-btn {
                width: 100%;
            }
        }
    }
}



/**
* 全局样式
*/
.wp-site-blocks {
    &,
    .uk-h1,
    .uk-h2,
    .uk-h3,
    .uk-h4,
    .uk-h5,
    .uk-h6,
    .uk-heading-2xlarge,
    .uk-heading-3xlarge,
    .uk-heading-large,
    .uk-heading-medium,
    .uk-heading-small,
    .uk-heading-xlarge,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family:
        'Poppins',
        'Segoe UI Variable',
        'Segoe UI',
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        'San Francisco',
        'SF Pro Text',
        'Ubuntu',
        'Helvetica Neue',
        'Noto Sans',
        'Liberation Sans',
        Arial,
        sans-serif,
        'Apple Color Emoji',
        'Segoe UI Emoji',
        'Segoe UI Symbol',
        'Noto Color Emoji';
    }

    em {
        color: unset;
    }

    p:last-child,
    h1:last-child,
    h2:last-child,
    h3:last-child,
    h4:last-child,
    h5:last-child,
    h6:last-child,
    address:last-child,
    dl:last-child,
    fieldset:last-child,
    figure:last-child,
    ol:last-child,
    ul:last-child,
    p:last-child,
    pre:last-child {
        margin-bottom: 0;
    }

}

:where(.wp-block-heading) {
    font-size: var(--glopen-heading-font-size);
}
:where(.wp-block-paragraph) {
    font-size: var(--glopen-paragraph-font-size);
    line-height: var(--glopen-paragraph-line-height);
}

.flex-shrink-0 {
    flex-shrink: 0;
}
.uk-offcanvas-bar {
    width: 80%;
    left: -80%;
    background-color: var(--glopen-primary-color);
    border-right: 4px solid var(--glopen-secondary-color);
}
.uk-offcanvas-close {
    top: .875rem;
    right: 1rem;
}
.uk-offcanvas-close svg {
    width: 1.5rem;
}
.uk-offcanvas-close svg * {
    stroke-width: 2;
    stroke: var(--glopen-secondary-color) !important;
}
.uk-offcanvas-overlay::before {
    background: var(--glopen-secondary-color);
}
.uk-offcanvas-overlay.uk-open::before {
    opacity: 0.65;
}
.uk-background-width-1-2 {
    background-size: 50%;
}
.uk-height-max-xlarge {
    max-height: 600px;
}

/**
 * padding 大小类
 * gl-media-padding-*
 */
.gl-media-padding-xxsmall {
    padding: var(--gl-media-padding-xxsmall);
}
.gl-media-padding-xsmall {
    padding: var(--gl-media-padding-xsmall);
}
.gl-media-padding-small {
    padding: var(--gl-media-padding-small);
}
.gl-media-padding-medium {
    padding: var(--gl-media-padding-medium);
}
.gl-media-padding-large {
    padding: var(--gl-media-padding-large);
}
.gl-media-padding-xlarge {
    padding: var(--gl-media-padding-xlarge);
}
.gl-media-padding-xxlarge {
    padding: var(--gl-media-padding-xxlarge);
}

/**
 * gap 大小类
 * gl-flex-gap-*
 */
.gl-flex-gap-xxsmall {
    gap: clamp(0.2rem, calc(0.02rem + 0.3vw), 0.5rem);
}
.gl-flex-gap-xsmall {
    gap: clamp(0.5rem, calc(-0.1rem + 1vw), 1.5rem);
}
.gl-flex-gap-small {
    gap: clamp(1.5rem, calc(0.9rem + 1vw), 2.5rem);
}
.gl-flex-gap-medium {
    gap: clamp(2.5rem, calc(1.9rem + 1vw), 3.5rem);
}
.gl-flex-gap-large {
    gap: clamp(3.5rem, calc(2.9rem + 1vw), 4.5rem);
}
.gl-flex-gap-xlarge {
    gap: clamp(4.5rem, calc(3.9rem + 1vw), 5.5rem);
}
.gl-flex-gap-xxlarge {
    gap: clamp(5.5rem, calc(5.2rem + 0.5vw), 6rem);
}

/**
 * 边框圆角
 * gl-border-radius-*
 */

.gl-border-radius-normal {
    border-radius: .5rem;
}
.gl-border-radius-large {
    border-radius: 1rem;
}



/**
 * 按钮
 * gl-button
 */
.gl-button {
    padding: clamp(0.5rem, calc(0.275rem + 0.375vw), 0.875rem) clamp(1rem, calc(0.4rem + 1vw), 2rem);
    border-radius: 500px;
    text-decoration: none;
    font-weight: 700;
    font-size: clamp(1rem, calc(0.7rem + 0.5vw), 1.5rem);
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}
.gl-button:hover {
    text-decoration: none;
}
.gl-button-default {
    background-color: var(--glopen-base-color);
    color: var(--glopen-primary-color);
}
.gl-button-default:hover {
    background-color: var(--glopen-secondary-color);
    color: var(--glopen-base-color);
}
.wp-element-button {
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}
.wp-element-button:hover {
    color: var(--glopen-primary-color);
    background-color: var(--glopen-base-color);
    text-decoration: none;
}

.gl-rounded-btn-box {
    &.gl-button-medium .wp-element-button {
        font-size: clamp(1.25rem, calc(1.1rem + 0.25vw), 1.5rem);
        padding: clamp(0.75rem, calc(0.45rem + 0.5vw), 1.25rem) clamp(1.5rem, calc(0.9rem + 1vw), 2.5rem);
    }

    & .wp-element-button {
        font-size: 1.125rem;
        border-radius: .5rem;
        font-weight: 500;
    }

    & :not(.is-style-outline) {

        & .wp-element-button {
            background-color: var(--glopen-secondary-color);
            color: var(--glopen-base-color);
            &:hover {
                background-color: var(--glopen-primary-color);
            }
        }

    }
}
.gl-background-color-primary .gl-rounded-btn-box :not(.is-style-outline):hover .wp-element-button {
    background-color: var(--glopen-base-color);
    color: var(--glopen-primary-color);
}


/**
 * 遮罩层
 * gl-overlay
 */
.gl-overlay {
    position: relative;
    overflow: hidden;
}
.gl-overlay::before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.gl-overlay > * {
    position: relative;
    z-index: 1;
}
.gl-overlay-gradient::before {
    background-image: linear-gradient(0deg, transparent -50%, var(--glopen-primary-color) 115%);
}
.gl-overlay-primary::before {
    background-color: var(--glopen-primary-color-alpha);
}
.gl-overlay-dark::before {
    background-color: rgba(34,34,34,.8);
}
.gl-overlay-light::before {
    background-color: rgba(255,255,255,.8);
}


/**
 * 颜色
 */
.gl-color-base,
.gl-color-box-base .gl-text:not(.gl-remove-box-color),
.gl-color-box-base-st .gl-section-subtitle:not(.gl-remove-box-color),
.gl-color-box-base-t .wp-block-heading:not(.gl-remove-box-color),
.gl-color-box-base-t .gl-section-title:not(.gl-remove-box-color),
.gl-color-box-base-d .wp-block-paragraph:not(.gl-remove-box-color),
.gl-color-box-base-d .gl-section-desc:not(.gl-remove-box-color) {
    color: var(--glopen-base-color);
}
.gl-color-contrast,
.gl-color-box-contrast .gl-text:not(.gl-remove-box-color),
.gl-color-box-contrast-st .gl-section-subtitle:not(.gl-remove-box-color),
.gl-color-box-contrast-t .wp-block-heading:not(.gl-remove-box-color),
.gl-color-box-contrast-t .gl-section-title:not(.gl-remove-box-color),
.gl-color-box-contrast-d .wp-block-paragraph:not(.gl-remove-box-color),
.gl-color-box-contrast-d .gl-section-desc:not(.gl-remove-box-color) {
    color: var(--glopen-contrast-color);
}
.gl-color-primary,
.gl-color-box-primary .gl-text:not(.gl-remove-box-color),
.gl-color-box-primary-st .gl-section-subtitle:not(.gl-remove-box-color),
.gl-color-box-primary-t .wp-block-heading:not(.gl-remove-box-color),
.gl-color-box-primary-t .gl-section-title:not(.gl-remove-box-color),
.gl-color-box-primary-d .wp-block-paragraph:not(.gl-remove-box-color),
.gl-color-box-primary-d .gl-section-desc:not(.gl-remove-box-color) {
    color: var(--glopen-primary-color);
}
.gl-color-secondary,
.gl-color-box-secondary .gl-text:not(.gl-remove-box-color),
.gl-color-box-secondary-st .gl-section-subtitle:not(.gl-remove-box-color),
.gl-color-box-secondary-t .wp-block-heading:not(.gl-remove-box-color),
.gl-color-box-secondary-t .gl-section-title:not(.gl-remove-box-color),
.gl-color-box-secondary-d .wp-block-paragraph:not(.gl-remove-box-color),
.gl-color-box-secondary-d .gl-section-desc:not(.gl-remove-box-color) {
        color: var(--glopen-secondary-color);
}
.gl-color-tertiary,
.gl-color-box-tertiary .gl-text:not(.gl-remove-box-color),
.gl-color-box-tertiary-st .gl-section-subtitle:not(.gl-remove-box-color),
.gl-color-box-tertiary-t .wp-block-heading:not(.gl-remove-box-color),
.gl-color-box-tertiary-t .gl-section-title:not(.gl-remove-box-color),
.gl-color-box-tertiary-d .wp-block-paragraph:not(.gl-remove-box-color),
.gl-color-box-tertiary-d .gl-section-desc:not(.gl-remove-box-color) {
    color: var(--glopen-tertiary-color);
}
.gl-color-quaternary,
.gl-color-box-quaternary .gl-text:not(.gl-remove-box-color),
.gl-color-box-quaternary-st .gl-section-subtitle:not(.gl-remove-box-color),
.gl-color-box-quaternary-t .wp-block-heading:not(.gl-remove-box-color),
.gl-color-box-quaternary-t .gl-section-title:not(.gl-remove-box-color),
.gl-color-box-quaternary-d .wp-block-paragraph:not(.gl-remove-box-color),
.gl-color-box-quaternary-d .gl-section-desc:not(.gl-remove-box-color) {
    color: var(--glopen-quaternary-color);
}
.gl-color-quinary,
.gl-color-box-quinary .gl-text:not(.gl-remove-box-color),
.gl-color-box-quinary-st .gl-section-subtitle:not(.gl-remove-box-color),
.gl-color-box-quinary-t .wp-block-heading:not(.gl-remove-box-color),
.gl-color-box-quinary-t .gl-section-title:not(.gl-remove-box-color),
.gl-color-box-quinary-d .wp-block-paragraph:not(.gl-remove-box-color),
.gl-color-box-quinary-d .gl-section-desc:not(.gl-remove-box-color) {
    color: var(--glopen-quinary-color);
}
.gl-color-muted,
.gl-color-box-muted .gl-text:not(.gl-remove-box-color),
.gl-color-box-muted-st .gl-section-subtitle:not(.gl-remove-box-color),
.gl-color-box-muted-t .wp-block-heading:not(.gl-remove-box-color),
.gl-color-box-muted-t .gl-section-title:not(.gl-remove-box-color),
.gl-color-box-muted-d .wp-block-paragraph:not(.gl-remove-box-color),
.gl-color-box-muted-d .gl-section-desc:not(.gl-remove-box-color) {
    color: var(--glopen-muted-color);
}
.gl-color-primary-alpha,
.gl-color-box-primary-alpha .gl-text:not(.gl-remove-box-color),
.gl-color-box-primary-alpha-st .gl-section-subtitle:not(.gl-remove-box-color),
.gl-color-box-primary-alpha-t .wp-block-heading:not(.gl-remove-box-color),
.gl-color-box-primary-alpha-t .gl-section-title:not(.gl-remove-box-color),
.gl-color-box-primary-alpha-d .wp-block-paragraph:not(.gl-remove-box-color),
.gl-color-box-primary-alpha-d .gl-section-desc:not(.gl-remove-box-color) {
    color: var(--glopen-primary-color-alpha);
}
 
/**
 * 背景色
 */
.gl-background-color-base {
    background-color: var(--glopen-base-color);
}
.gl-background-color-contrast {
    background-color: var(--glopen-contrast-color);
}
.gl-background-color-primary {
    background-color: var(--glopen-primary-color);
}
.gl-background-color-secondary {
    background-color: var(--glopen-secondary-color);
}
.gl-background-color-tertiary {
    background-color: var(--glopen-tertiary-color);
}
.gl-background-color-quaternary {
    background-color: var(--glopen-quaternary-color);
}
.gl-background-color-quinary {
    background-color: var(--glopen-quinary-color);
}
.gl-background-color-muted {
    background-color: var(--glopen-muted-color);
}
.gl-background-color-primary-alpha {
    background-color: var(--glopen-primary-color-alpha);
}


/**
 * 背景标题
 * bgtitle
 */
.wp-block-glopen-bgtitle {
    display: flex;
    flex-direction: column;
    justify-content: center;

    & > *:not( .gl-mask-link ) {
        position: relative;
        overflow: hidden;
        z-index: 2;
        margin-top: 0;
        margin-bottom: 0;
    }
    & > .gl-mask-link {
        position: absolute;
        inset: 0;
        z-index: 3;
    }
    & .wp-block-heading {
        font-size: clamp(1.5rem, calc(1.2rem + 0.5vw), 2rem);
        font-weight: 700;
    }
    & .wp-block-paragraph {
        font-size: var(--glopen-paragraph-font-size);
    }

    /**
     * 导航卡片
     */
    &.gl-link-card {
        gap: .75rem;
        padding-left: 1rem;
        padding-right: 1rem;
        & > .gl-mask-link {
            position: absolute;
            inset: .75rem;
            z-index: 3;
            border: 2px solid rgba(255, 255, 255, 0.5);
            border-radius: .5rem;
        }
    }

    /**
     * 标题卡片
     */
    &.gl-title-card {
        & > .wp-block-paragraph::before {
            content: '';
            display: block;
            margin: .75rem auto;
            height: 2px;
            background-color: rgba(255, 255, 255, 0.5);
        }
        
    }
}

/**
 * 遮罩色
 */
[class*="gl-mask-color-"] {
    position: relative;
    overflow: hidden;
    &::before {
        content: '';
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: var(--gl-mask-color);
        opacity: calc(var(--gl-mask-opacity) / 100);
    }
}
.gl-mask-color-base {
    --gl-mask-color: var(--glopen-base-color);
}
.gl-mask-color-contrast {
    --gl-mask-color: var(--glopen-contrast-color);
}
.gl-mask-color-primary {
    --gl-mask-color: var(--glopen-primary-color);
}
.gl-mask-color-secondary {
    --gl-mask-color: var(--glopen-secondary-color);
}
.gl-mask-color-tertiary {
    --gl-mask-color: var(--glopen-tertiary-color);
}
.gl-mask-color-quaternary {
    --gl-mask-color: var(--glopen-quaternary-color);
}
.gl-mask-color-quinary {
    --gl-mask-color: var(--glopen-quinary-color);
}
.gl-mask-color-muted {
    --gl-mask-color: var(--glopen-muted-color);
}
.gl-mask-color-primary-alpha {
    --gl-mask-color: var(--glopen-primary-color-alpha);
}
.gl-mask-0 {
    --gl-mask-opacity: 0;
}
.gl-mask-10 {
    --gl-mask-opacity: 10;
}
.gl-mask-20 {
    --gl-mask-opacity: 20;
}
.gl-mask-30 {
    --gl-mask-opacity: 30;
}
.gl-mask-40 {
    --gl-mask-opacity: 40;
}
.gl-mask-50 {
    --gl-mask-opacity: 50;
}
.gl-mask-60 {
    --gl-mask-opacity: 60;
}
.gl-mask-70 {
    --gl-mask-opacity: 70;
}
.gl-mask-80 {
    --gl-mask-opacity: 80;
}
.gl-mask-90 {
    --gl-mask-opacity: 90;
}
.gl-mask-100 {
    --gl-mask-opacity: 100;
}


/**
 * 版权日期
 * copyright-date
 */
.wp-block-glopen-copyright {
    background-color: var(--glopen-contrast-color);
    color: var(--glopen-muted-color);
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    & > div {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--gl-media-padding-xsmall);
        opacity: 0.75;
        &.uk-flex-left {
            justify-content: space-between;
        }
        @media (max-width: 959px) {
            && {
                justify-content: center;
                gap: 0.25rem;
            }
        }
    }
    & small {
        display: block;
        font-size: calc(var(--glopen-paragraph-font-size) * 0.8);
    }
    & .gl-copyright-links {
        display: flex;
        flex-wrap: wrap;
        gap: var(--gl-media-padding-xsmall);
        & > a,
        & > span {
            color: var(--glopen-muted-color);
            text-decoration: none;
            font-size: calc(var(--glopen-paragraph-font-size) * 0.8);
            cursor: pointer;
            &:hover {
                color: var(--glopen-secondary-color);
            }
        }
    }
}

/**
* 导航栏
* 社交图标列表
* social-link
*/
.wp-block-glopen-sociallink {

    list-style: none;
    margin: 0;
    padding: 0;
    gap: clamp(.2rem, .5vw, .5rem);
    flex-wrap: wrap;
    align-items: center;

    & a {
        display: flex;
        align-items: center;
        padding: clamp(0.2rem, calc(0.095rem + 0.175vw), 0.375rem);
        background-color: var(--glopen-base-color);
        border-radius: .25rem;

        & svg {
            width: clamp(0.875rem, calc(0.5rem + 0.625vw), 1.5rem);
            color: var(--glopen-primary-color);

            & path {
                fill: currentColor;
            }
        }
    }
}

/**
 * 导航栏
 * 全局导航栏
 * masthead
 */
.wp-block-glopen-masthead {
    background-color: var(--glopen-primary-color);
    min-height: var(--header-navbar-height);
    box-sizing: border-box;
    display: flex;

    & > .uk-navbar {
        padding-top: clamp(0.4rem, calc(0.19rem + 0.35vw), 0.75rem);
        padding-bottom: clamp(0.4rem, calc(0.19rem + 0.35vw), 0.75rem);
        width: 100%;
    }

    /**
     * 电脑端
     */
    & .uk-navbar-nav {

        & a {
            font-size: clamp(1rem, calc(0.7rem + 0.5vw), 1.5rem);
            font-weight: 500;
        }

        & > li {

            & > a {
                color: var(--glopen-base-color);
                min-height: var(--header-navbar-height);
                text-transform: unset;
                transition: opacity 0.15s ease-in-out;

                &:hover {
                    color: var(--glopen-base-color);
                    opacity: 0.8;
                }

            }

        }
    }

    & .uk-navbar-parent-icon {
        position: relative;
        top: 2px;
        margin-left: 1px;

        & polyline {
            stroke-width: 2px;
        }
    }

    & .nav-center-logo {
        max-height: 60%;
        width: auto;
    }

    & .uk-navbar-dropdown {
        width: unset;
        border-bottom-left-radius: .5rem;
        border-bottom-right-radius: .5rem;
        padding: 18px 25px;
        border-top: 4px solid var(--glopen-secondary-color);

        & a {
            color: #333;
        }
    }

    /**
     * 手机端
     */
    & .uk-navbar-left {
        align-items: center;
        & .nav-left-logo {
            max-height: clamp(2.25rem, calc(1rem + 2.5vw), 5rem);
            width: auto;
        }
    }

    & .more-menu {
        padding-left: 1.5rem;

        & svg rect {
            rx: 1px;
            color: var(--glopen-secondary-color);
        }
    }

    & .offcanvas-menu {
        user-select: none;

        & .uk-parent > div {
            display: flex;
            justify-content: space-between;
        }

        & .uk-nav-parent-icon {
            display: flex;
            align-items: center;
            padding-left: 1rem;
            padding-right: 1rem;
            margin-right: -1rem;
            flex-shrink: 0;
            cursor: pointer;
        }

        & .main-item {
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            flex-grow: 1;
            text-decoration: none;
            color: var(--glopen-base-color);
            font-weight: 500;
            padding: .5rem 0;
        }

        & .uk-nav-sub a {
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-weight: 400;
            color: var(--glopen-base-color);
            padding: .25rem 0;
        }
    }
        
}

/**
 * 顶部大海报
 * hero-banner
 */
.gl-section-size-small {
    --gl-section-size-small-padding: clamp(6rem, 10vw, 16rem);
    padding-top: var(--gl-section-size-small-padding);
    padding-bottom: var(--gl-section-size-small-padding);
}

.gl-section-size-normal {
    --gl-section-size-normal-padding: clamp(10rem, calc(4rem + 10vw), 20rem);
    padding-top: var(--gl-section-size-normal-padding);
    padding-bottom: var(--gl-section-size-normal-padding);
}
.gl-section-size-large {
    --gl-section-size-large-padding: clamp(14rem, calc(8rem + 10vw), 24rem);
    padding-top: var(--gl-section-size-large-padding);
    padding-bottom: var(--gl-section-size-large-padding);
}
.wp-block-glopen-hero-banner {

    & :where(.wp-block-heading, .wp-block-paragraph) {
        color: var(--glopen-base-color);
    }

    & > div {
        display: flex;
        flex-wrap: wrap;
        gap: 1.5rem;

        & > :where(.wp-block-heading) {
            font-weight: 700;
            display: flex;
            align-items: center;
            font-size: var(--glopen-heading-font-size-xlarge);
            margin: 0;
        }

        & > :where(.wp-block-paragraph) {
            font-weight: 400;
            font-size: var(--glopen-paragraph-font-size);
            padding-right: clamp(0%, calc((100vw - 960px) * 0.2), 20%);
            width: 100%;
            box-sizing: border-box;
            margin: 0;
        }

        & > .wp-block-button {
            width: 100%;

            & .wp-block-button__link {
                padding: .875rem 1.5rem;
                font-weight: 500;
            }
        }

    }

    & .gl-hero-banner-center {
        justify-content: center;

        & :where(.wp-block-heading) {
            text-align: center;
        }
        & :where(.wp-block-paragraph) {
            padding: 0 clamp(0%, calc((100vw - 960px) * 0.2), 10%);
            text-align: center;
        }
        & .wp-block-button {
            display: flex;
            justify-content: center;
        }
    }

    & .gl-plan-box {
        display: flex;
        align-items: center;
        text-align: center;
        gap: clamp(1rem, .5rem + 1vw, 2rem);
        width: 100%;
        
        & .wp-block-glopen-texticon {
            padding-top: 1.25rem;
            padding-bottom: 1.25rem;

            & :where(.wp-block-heading) {
                margin-top: 0;
                font-size: clamp(.875rem, 1.5vw, 1rem);
                font-weight: 500;
                white-space: nowrap;
            }

            & :where(.wp-block-paragraph) {
                font-size: clamp(1rem, .5rem + 3vw, 1.5rem);
                font-weight: 700;
                white-space: nowrap;
            }
        }
    }
    &.gl-plan-center .gl-plan-box {
        justify-content: center;
    }
    &.gl-plan-right .gl-plan-box {
        justify-content: flex-end;
    }
}

/**
 * 顶部大海报2
 * hero-banner2
 */
.wp-block-glopen-hero-banner2 {

    @media (max-width: 959px) {
        & {
            background-image: none !important;
        }
        & > div {
            position: relative;

            &::before {
                content: '';
                background-color: rgba(40, 69, 108, 0.7);
                position: absolute;
                z-index: 0;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

            & > div {
                margin-top: 4rem;
                margin-bottom: 2rem;
            }

            & .wp-block-button {
                margin-top: 8rem;
                text-align: center;
            }
            & figure:has(img) {
                display: none;
            }
            & :where(.wp-block-heading) {
                font-size: 3rem;
            }
        }
    }

    & > div {
        padding-top: 10vw;
        padding-bottom: 10vw;
        background-size: auto 100%;

        & > div {
            position: relative;
            right: clamp(0rem, calc(-9.375rem + 15.625vw), 12rem)
        }
    }

    & :where(img) {
        width: auto;
        max-height: clamp(3rem, calc(0.6rem + 4vw), 7rem);
    }

    & :where(.wp-block-heading) {
        color: var(--glopen-base-color);
        font-size: clamp(2rem, calc(-0.647rem + 4.412vw), 5rem);
        font-weight: 700;
        margin-top: 1rem;
    }
    & .wp-element-button {
        --gl-btn-padding: clamp(0.5rem, calc(0.35rem + 0.25vw), 0.75rem);
        font-weight: 600;
        background-color: var(--glopen-base-color);
        color: var(--glopen-primary-color);
        transition: background-color .15s ease-in-out;
        padding: var(--gl-btn-padding) calc(var(--gl-btn-padding) * 2);
        &:hover {
            background-color: var(--glopen-secondary-color);
            color: var(--glopen-base-color);
        }
    }
}

/**
* Tripadvisor Card卡片
*/
.wp-block-glopen-tripadvisor {
    width: 7.5rem;
    padding: .5rem 0.5rem 0.25rem;
    background: var(--glopen-base-color);
    border-radius: .4rem;
    font-size: 1.05rem;
    font-weight: 500;

    & > div:has(svg) {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

/**
 * 图标文本卡片 
 * texticon
 */
.wp-block-glopen-texticon {
    display: flex;

    &:not(.gl-media-location-left):not(.gl-media-location-right) {
        flex-wrap: wrap;
        flex-direction: column;
    }

    & .gl-media-container {
        min-width: 1rem;
    }

    & .gl-text-container {
        min-width: 4rem;
        width: 100%;
        word-wrap: break-word;
    }

    & :where(.gl-text-container .wp-block-heading) {
        margin-bottom: .5rem;
        font-weight: 600;
        font-size: clamp(1.25rem, calc(0.875rem + 0.625vw), 1.875rem);
    }

    & :where(.gl-text-container .wp-block-paragraph) {
        margin-top: 0;
        font-weight: 400;
        font-size: var(--glopen-paragraph-font-size);
    }

    /**
     * 变体-1
     */
    &.gl-vt-1 {
        & .gl-media-container img {
            max-height: calc(clamp(1.25rem, calc(0.875rem + 0.625vw), 1.875rem) * 5);
            width: auto;
            border-radius: .5rem;
            transform: rotate(-5deg);
        }
        & .gl-text-container {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
    }

    /**
     * 变体-2
     */
    &.gl-vt-2 {
        @media (max-width: 959px) {
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 2rem;
        }
        @media (min-width: 960px) {
            & > .gl-text-container {
                flex-grow: 1;
                padding-top: 5%;
                padding-bottom: 5%;
            }
            & > .gl-media-container {
                width: calc( 100% / 2 );
                position: relative;
                & img {
                    height: 100%;
                    position: absolute;
                    object-fit: contain;
                }
            }
        }
        & .wp-block-heading {
            font-size: calc(var(--glopen-paragraph-font-size-xlarge) * 0.85);
            font-weight: 700;
            & ~ p {
                font-size: var(--glopen-paragraph-font-size);
                font-weight: 400;
            }
        }
    }

    /**
     * 变体-3
     */
    &.gl-vt-3 {
        & .gl-media-container img {
            border-radius: .5rem;
        }

        @media (max-width: 959px) {
            flex-wrap: wrap;
        }
        @media (min-width: 960px) {
            container-type: inline-size;
            
            & > .gl-text-container {
                flex-grow: 1;
            }
            & > .gl-media-container {
                width: 30cqw;
                flex-shrink: 0;
                position: relative;
                & img {
                    width: 30cqw;
                    height: 100%;
                    position: absolute;
                    object-fit: contain;
                }
            }
        }
        
    }

    /**
     * 变体-4
     */
    &.gl-vt-4 {
        & .wp-block-heading {
            font-size: calc(var(--glopen-heading-font-size-large) * .55);
            line-height: 1.2;
            margin-bottom: 0;
            & ~ p {
                font-size: var(--glopen-paragraph-font-size);
                color: var(--glopen-primary-color);
            }
        }

        & .gl-media-container {
            flex-shrink: 0;
            @media (max-width: 959px) {
                margin-right: .5rem;
                & svg {
                    width: 2rem;
                }
            }
        }
    }

    /**
     * 变体-5
     * 必须嵌套在 .uk-grid.uk-grid-collapse 中
     */
    /* &.gl-vt-5 {} */

    /**
     * 变体-6
     */
    &.gl-vt-6 {
        overflow: hidden;
        border-radius: 1rem;
        border: 3px solid var(--glopen-secondary-color);

        @media (min-width: 960px) {
            text-align: center;
            & > .gl-text-container > .wp-block-heading {
                font-size: calc(var(--glopen-heading-font-size-large) * .55);
                line-height: 1.2;
                font-weight: 700;
                & ~ p {
                    font-weight: 400;
                    line-height: 1.3;
                }
            }
        }

        & > .gl-media-container > img {
            width: 100%;
        }
        /**
         * 适配不同内边距
         */
        &.gl-media-padding-xxsmall > .gl-media-container {
            margin: calc(var(--gl-media-padding-xxsmall) * -1) calc(var(--gl-media-padding-xxsmall) * -1) 0;
        }
        &.gl-media-padding-xsmall > .gl-media-container {
            margin: calc(var(--gl-media-padding-xsmall) * -1) calc(var(--gl-media-padding-xsmall) * -1) 0;
        }
        &.gl-media-padding-small > .gl-media-container {
            margin: calc(var(--gl-media-padding-small) * -1) calc(var(--gl-media-padding-small) * -1) 0;
        }
        &.gl-media-padding-medium > .gl-media-container {
            margin: calc(var(--gl-media-padding-medium) * -1) calc(var(--gl-media-padding-medium) * -1) 0;
        }
        &.gl-media-padding-large > .gl-media-container {
            margin: calc(var(--gl-media-padding-large) * -1) calc(var(--gl-media-padding-large) * -1) 0;
        }
        &.gl-media-padding-xlarge > .gl-media-container {
            margin: calc(var(--gl-media-padding-xlarge) * -1) calc(var(--gl-media-padding-xlarge) * -1) 0;
        }
        &.gl-media-padding-xxlarge > .gl-media-container {
            margin: calc(var(--gl-media-padding-xxlarge) * -1) calc(var(--gl-media-padding-xxlarge) * -1) 0;
        }
    }

    /**
     * 变体-7
     * 必须嵌套在 .uk-grid 中
     */
    &.gl-vt-7 {
        & .gl-media-container {
            flex-shrink: 0;
        }
        & > .gl-text-container > .wp-block-heading {
            font-size: calc(var(--glopen-heading-font-size-large) * .55);
            line-height: 1.2;
            font-weight: 600;
            margin-bottom: 0;
            & ~ p {
                font-weight: 400;
                line-height: 1.3;
                color: #555;
            }
        }
    }

    /**
     * 变体-8
     * 必须嵌套在 .uk-grid 中
     */
    &.gl-vt-8 {
        overflow: hidden;
        border: 3px solid var(--glopen-primary-color);
        border-radius: 1rem;

        &::before {
            counter-increment: how-to-book-counter;
            content: 'STEP ' counter(how-to-book-counter);
            display: flex;
            align-items: center;
            flex-shrink: 0;
            padding: var(--gl-media-padding-xsmall);
            font-size: var(--glopen-paragraph-font-size-large);
            font-weight: 700;
            color: white;
            background-color: var(--glopen-primary-color);
        }

        & ~ & {
            margin-top: 2rem;
        }

        & > .gl-text-container {
            display: flex;
            flex-direction: column;
            justify-content: center;
            & > .wp-block-heading {
                font-weight: 700;
                font-size: calc(var(--glopen-heading-font-size-large) * .75);
                & ~ p {
                    font-weight: 500;
                }
            }
        }


        @media (max-width: 959px) {
            flex-wrap: wrap;
            &::before {
                width: calc(100% - var(--gl-media-padding-xsmall) * 2);
                justify-content: center;
                border-radius: .5rem;
                margin-bottom: -1rem;
            }
            & > .gl-text-container {
                order: 2;
            }
            & > .gl-media-container > img {
                border-radius: .5rem;
            }
        }
        @media (min-width: 960px) {
            /**
            * 适配不同内边距
            */
            &.gl-media-padding-xxsmall {
                &::before {
                    margin: calc(var(--gl-media-padding-xxsmall) * -1) 0 calc(var(--gl-media-padding-xxsmall) * -1) calc(var(--gl-media-padding-xxsmall) * -1);
                }
                & > .gl-media-container {
                    margin: calc(var(--gl-media-padding-xxsmall) * -1) calc(var(--gl-media-padding-xxsmall) * -1) calc(var(--gl-media-padding-xxsmall) * -1) 0;
                }
            }
            &.gl-media-padding-xsmall {
                &::before {
                    margin: calc(var(--gl-media-padding-xsmall) * -1) 0 calc(var(--gl-media-padding-xsmall) * -1) calc(var(--gl-media-padding-xsmall) * -1);
                }
                & > .gl-media-container {
                    margin: calc(var(--gl-media-padding-xsmall) * -1) calc(var(--gl-media-padding-xsmall) * -1) calc(var(--gl-media-padding-xsmall) * -1) 0;
                }
            }
            &.gl-media-padding-small {
                &::before {
                    margin: calc(var(--gl-media-padding-small) * -1) 0 calc(var(--gl-media-padding-small) * -1) calc(var(--gl-media-padding-small) * -1);
                }
                & > .gl-media-container {
                    margin: calc(var(--gl-media-padding-small) * -1) calc(var(--gl-media-padding-small) * -1) 0;
                }
            }
            &.gl-media-padding-medium {
                &::before {
                    margin: calc(var(--gl-media-padding-medium) * -1) 0 calc(var(--gl-media-padding-medium) * -1) calc(var(--gl-media-padding-medium) * -1);
                }
                & > .gl-media-container {
                    margin: calc(var(--gl-media-padding-medium) * -1) calc(var(--gl-media-padding-medium) * -1) 0;
                }
            }
            &.gl-media-padding-large {
                &::before {
                    margin: calc(var(--gl-media-padding-large) * -1) 0 calc(var(--gl-media-padding-large) * -1) calc(var(--gl-media-padding-large) * -1);
                }
                & > .gl-media-container {
                    margin: calc(var(--gl-media-padding-large) * -1) calc(var(--gl-media-padding-large) * -1) 0;
                }
            }
            &.gl-media-padding-xlarge {
                &::before {
                    margin: calc(var(--gl-media-padding-xlarge) * -1) 0 calc(var(--gl-media-padding-xlarge) * -1) calc(var(--gl-media-padding-xlarge) * -1);
                }
                & > .gl-media-container {
                    margin: calc(var(--gl-media-padding-xlarge) * -1) calc(var(--gl-media-padding-xlarge) * -1) 0;
                }
            }
            &.gl-media-padding-xxlarge {
                &::before {
                    margin: calc(var(--gl-media-padding-xxlarge) * -1) 0 calc(var(--gl-media-padding-xxlarge) * -1) calc(var(--gl-media-padding-xxlarge) * -1);
                }
                & > .gl-media-container {
                    margin: calc(var(--gl-media-padding-xxlarge) * -1) calc(var(--gl-media-padding-xxlarge) * -1) 0;
                }
            }

        }
    }

    /**
     * 变体-9
     */
    &.gl-vt-9 {
        overflow: hidden;
        border-radius: 1rem;
        border: 3px solid var(--glopen-primary-color);

        & > .gl-text-container {
            display: flex;
            flex-direction: column;
            justify-content: center;
            flex-grow: 1;
            & > .wp-block-heading {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-weight: 700;
                margin-bottom: 0;
                & ~ p {
                    font-weight: 500;
                    &:has(+p.gl-tour-date) {
                        margin-bottom: .5em;
                    }
                }
            }
            & a {
                color: unset;
            }
        }

        & .gl-tour-date {
            margin-top: auto;
            margin-bottom: 0;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M928 512a416 416 0 1 1-832 0 416 416 0 1 1 832 0zM0 512a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0z m464-272v272c0 16 8 31 21.4 40l192 128c22 14.8 51.8 8.8 66.6-13.4s8.8-51.8-13.4-66.6L560 486.4V240c0-26.6-21.4-48-48-48s-48 21.4-48 48z' fill='%2328456C'%3E%3C/path%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-size: 1em;
            background-position: left center;
            text-indent: 1.25em;
        }

        & .gl-tour-price {
            margin-top: 0.5em;
            padding-top: 0.5em;
            border-top: 1px dashed var(--glopen-primary-color);
        }

        @media (min-width: 960px) {
            & > .gl-text-container > .wp-block-heading {
                font-size: calc(var(--glopen-heading-font-size-large) * .6);
            }
        }
        /**
         * 适配不同内边距
         */
        &.gl-media-padding-xxsmall > .gl-media-container {
            margin: calc(var(--gl-media-padding-xxsmall) * -1) calc(var(--gl-media-padding-xxsmall) * -1) 0;
        }
        &.gl-media-padding-xsmall > .gl-media-container {
            margin: calc(var(--gl-media-padding-xsmall) * -1) calc(var(--gl-media-padding-xsmall) * -1) 0;
        }
        &.gl-media-padding-small > .gl-media-container {
            margin: calc(var(--gl-media-padding-small) * -1) calc(var(--gl-media-padding-small) * -1) 0;
        }
        &.gl-media-padding-medium > .gl-media-container {
            margin: calc(var(--gl-media-padding-medium) * -1) calc(var(--gl-media-padding-medium) * -1) 0;
        }
        &.gl-media-padding-large > .gl-media-container {
            margin: calc(var(--gl-media-padding-large) * -1) calc(var(--gl-media-padding-large) * -1) 0;
        }
        &.gl-media-padding-xlarge > .gl-media-container {
            margin: calc(var(--gl-media-padding-xlarge) * -1) calc(var(--gl-media-padding-xlarge) * -1) 0;
        }
        &.gl-media-padding-xxlarge > .gl-media-container {
            margin: calc(var(--gl-media-padding-xxlarge) * -1) calc(var(--gl-media-padding-xxlarge) * -1) 0;
        }
    }
}
/**
 * .wp-block-glopen-texticon 变体-5 配套
 */
.uk-grid.uk-grid-collapse:has( > .wp-block-glopen-grid-item > .wp-block-glopen-texticon.gl-vt-5 ) {
    text-align: center;
    overflow: hidden;
    border: 4px solid var(--glopen-secondary-color);
    border-radius: 1rem;
    @media (max-width: 959px) {
        & .gl-vt-5 > .gl-text-container {
            padding-top: 1rem;
            padding-bottom: 1rem;
        }
    }

    & > .wp-block-glopen-grid-item:has( > .wp-block-glopen-texticon.gl-vt-5 ) {
        & ~ & {
            & .gl-vt-5 {
                @media (max-width: 959px) {
                    position: relative;
                    &::before {
                        content: '';
                        position: absolute;
                        top: 0;
                        left: 5%;
                        width: 90%;
                        height: 1px;
                        border-top: 1px dashed var(--glopen-secondary-color);
                    }
                }
                @media (min-width: 960px) {
                    position: relative;
                    &::before {
                        content: '';
                        position: absolute;
                        top: 10%;
                        left: -1px;
                        width: 2px;
                        height: 80%;
                        background-color: var(--glopen-secondary-color);
                    }
                }
            }
        }
    }
}

/**
 * .wp-block-glopen-texticon 变体-7 配套
 */
.wp-block-glopen-container:has( > .uk-grid > .wp-block-glopen-grid-item > .wp-block-glopen-texticon.gl-vt-7 ),
.wp-block-glopen-container:has( > .uk-grid > .wp-block-glopen-grid-item > .wp-block-glopen-container > .wp-block-glopen-texticon.gl-vt-7 ) {
    overflow: hidden;
    border: 3px solid var(--glopen-secondary-color);
    & .gl-vt-7 ~ .gl-vt-7 {
        margin-top: 1.25rem;
    }
}
/**
 * .wp-block-glopen-texticon 变体-8 配套
 */
.wp-block-glopen-container:has( > .wp-block-glopen-texticon.gl-vt-8 ) {
    counter-reset: how-to-book-counter;
}


/**
 * 图片 内容 
 * intro-section
 */
.wp-block-glopen-intro-section {

    @media (max-width: 959px) {
        & .wp-block-glopen-grid-item:has( > img),
        & .wp-block-glopen-grid-item:has(.gl-uk-img) {
            order: -1;
        }
    }

    &, & .wp-block-heading {
        color: var(--glopen-primary-color);
    }

    & .gl-intro-section-list-box {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
        gap: .75rem 2rem;
        font-size: 1.125rem;
        font-weight: 600;
        padding-left: 1rem;

        & ::marker {
            color: var(--glopen-secondary-color);
        }
    }

    & .wp-block-glopen-grid.uk-grid-match > .wp-block-glopen-grid-item > img {
        align-self: flex-start;
    }

    & :where(.uk-grid-match) > * > * {
        margin-bottom: 0;
    }

    & .gl-uk-img {
        width: 100%;
    }

}


/**
 * 分割卡片
 * split-feature
 */
.wp-block-glopen-split-feature {

    @media (max-width: 959px) {
        & > .gl-media-container {
            height: 320px;
        }
    }

    @media (min-width: 960px) {

        &{
            display: flex;
            --containerMarginLeft: 20px;
            --containerPadding: 40px;
            --containerleftSize: clamp(200px, 20vw, 400px);
        }

        & > .gl-media-container {
            width: calc(50% - var(--containerleftSize));
        }

        & .uk-container {
            margin-left: var(--containerMarginLeft);

            &:not(.uk-container-xsmall):not(.uk-container-small):not(.uk-container-large):not(.uk-container-xlarge):not(.uk-container-expand) {
                max-width: calc( 1200px / 2 - var(--containerPadding) + var(--containerleftSize) - var(--containerMarginLeft) );
            }

            &.uk-container-xsmall {
                max-width: calc( 750px / 2 - var(--containerPadding) + var(--containerleftSize) - var(--containerMarginLeft) );
            }

            &.uk-container-small {
                max-width: calc( 900px / 2 - var(--containerPadding) + var(--containerleftSize) - var(--containerMarginLeft) );
            }

            &.uk-container-large {
                max-width: calc( 1400px / 2 - var(--containerPadding) + var(--containerleftSize) - var(--containerMarginLeft) );
            }

            &.uk-container-xlarge {
                max-width: calc( 1600px / 2 - var(--containerPadding) + var(--containerleftSize) - var(--containerMarginLeft) );
            }


        }

    }

    & > .gl-media-container {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
    }

    & .wp-block-glopen-texticon {

        & :where(.gl-text-container .wp-block-heading) {
            font-weight: 400;
            font-size: clamp(1.25rem, 1.25vw, 1.75rem);
        }

        & :where(.gl-text-container .wp-block-paragraph) {
            opacity: 0.8;
            font-weight: 300;
            font-size: clamp(1rem, 1vw, 1.25rem);
        }

        & .gl-media-container {
            max-width: clamp(2.5rem, 2.5vw, 3.5rem);
        }

    }

    & .gl-text-container {

        & > .gl-section-desc-s {
            font-weight: 300;
            font-size: clamp(1.25rem, .5rem + 1vw, 1.75rem);
        }

        & > .wp-block-glopen-grid {
            row-gap: clamp(1rem, 1rem + 2vw, 3rem);

            & > .uk-grid-margin {
                margin-top: 0;
            }
        }
        
    }
}

/**
 * 客评引用卡片
 * testimonial
 */
.wp-block-glopen-testimonial {
    display: flex;
    flex-direction: column;
    gap: clamp(.875rem, .5rem + 0.5vw, 1.125rem);
    user-select: none;

    & > .gl-inner-header {
        text-align: center;
    }

    & > :where(blockquote.gl-inner-content) {
        font-style: normal;
        font-weight: 400;
        font-size: clamp(.875rem, .5rem + 0.5vw, 1.125rem);
        color: var(--glopen-contrast-color);
        overflow-y: auto;
        margin: 0;

        /* 滑块宽度 */
        &::-webkit-scrollbar {
            width: 5px;
            height: 5px;
        }
        /* 隐藏上下箭头 */
        &::-webkit-scrollbar-button {
            display: none; 
        }
        /* 滑块样式 */
        &::-webkit-scrollbar-thumb {
            background: rgba(0, 0, 0, 0.035);
            border-radius: 3px;
        }
        &:hover {
            &::-webkit-scrollbar-thumb {
                background: rgba(40, 69, 108, 0.15);
            }
        }
        /* 轨道样式 透明 */
        &::-webkit-scrollbar-track {
            background: transparent;
        }

    }

    & > .gl-inner-footer {
        text-align: center;
        margin-top: auto;

        @media (min-width: 960px) {
            text-align: right;
        }

        & > * {
            margin: 0;
        }

        & > .gl-inner-name {
            font-weight: 500;
            font-size: clamp(1.25rem, 1vw, 1.875rem);
        }
        & > .gl-inner-type {
            font-size: clamp(1rem, 1vw, 1.25rem);
        }
    }

}

/**
 * 基础滑块
 * slider
 */
.wp-block-glopen-slider {
    position: relative;
    --sliderArrowSize: clamp(1.75rem, calc(0.55rem + 2vw), 3.75rem);
    --sliderArrowOffset: clamp(-1.88rem, calc(-0.28rem - 1vw), -0.88rem);

    @media (max-width: 959px) {
        & > :where(.gl-slider-prev),
        & > :where(.gl-slider-next) {
            display: none;
        }
        &.uk-slider-container-offset {
            margin-left: 0;
            margin-right: 0;
        }
    }

    & > :where(.gl-slider-prev) {
        background: transparent;
        border: none;
        cursor: pointer;
        width: var(--sliderArrowSize);
        height: var(--sliderArrowSize);
        padding: 0;
        position: absolute;
        top: 50%;
        left: var(--sliderArrowOffset);
        transform: translateY(-50%);
        z-index: 100;
        opacity: 0.5;
        transition: opacity 0.3s ease-in-out;

        &:hover {
            opacity: 1;
        }
    }

    & > :where(.gl-slider-next) {
        background: transparent;
        border: none;
        cursor: pointer;
        width: var(--sliderArrowSize);
        height: var(--sliderArrowSize);
        padding: 0;
        position: absolute;
        top: 50%;
        right: var(--sliderArrowOffset);
        transform: translateY(-50%);
        z-index: 100;
        opacity: 0.5;
        transition: opacity 0.3s ease-in-out;

        &:hover {
            opacity: 1;
        }
    }

    & > :where(.uk-dotnav) {
        align-items: center;
        justify-content: center;
        padding: .5rem 0;
    }
}


/**
 * 客户引用滑块
 */
.wp-block-glopen-slider-testimonials {
    & .gl-slider-prev {
        left: .5rem;
    }
    & .gl-slider-next {
        right: .5rem;
    }
    @media (min-width: 960px) {
        & .gl-slider-prev {
            left: 0;
        }
        & .gl-slider-next {
            right: 0;
        }
        & .wp-block-glopen-slider-item > * {
            margin-left: 3rem;
            margin-right: 3rem;
        }
    }
}

/**
 * 图片轮播
 */
.wp-block-glopen-slider-image {
    & > div:hover {
        .uk-slider {
            & .gl-slider-prev {
                opacity: .5;
                left: -3.5rem;
            }
            & .gl-slider-next {
                opacity: 0.5;
                right: -3.5rem;
            }
        }
    }
    .uk-slider {
        @media (min-width: 960px) {
            margin-left: 2rem;
            margin-right: 2rem;
        }
        & .wp-block-glopen-slider-item {
            display: flex;
            align-items: center;
            & img {
                max-height: 150px;
                object-fit: contain;
                @media (max-width: 959px) {
                    max-height: 80px;
                }
            }
        }
        & .gl-slider-prev {
            opacity: 0;
            transition: all 0.3s ease-in-out;
        }
        & .gl-slider-next {
            opacity: 0;
            transition: all 0.3s ease-in-out;
        }
    }
}


/**
 * 手风琴
 * accordion
 */
.wp-block-glopen-accordion {

    /* theme 1 */
    &.gl-theme-1 {
        & > .wp-block-glopen-accordion-item {
            
            background-color: #f2f2f2;

            & ~ & {
                margin-top: 1rem;
            }
            & > .uk-accordion-title {
                font-size: 1rem;
                font-weight: 500;
                background-color: var(--glopen-primary-color);
                color: #FFF;
                display: flex;
                gap: .75rem;
                align-items: center;
                padding: .875rem 1rem;
                justify-content: space-between;

                &::after {
                    content: '';
                    display: block;
                    width: 1rem;
                    height: 1rem;
                    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M466.8 210.8c25-25 65.6-25 90.6 0l384 384c25 25 25 65.6 0 90.6s-65.6 25-90.6 0L512 346.6 173.2 685.2c-25 25-65.6 25-90.6 0s-25-65.6 0-90.6l384-384z' fill='%23ffffff'/%3E%3C/svg%3E");
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                    transform: rotateX(180deg);
                    transition: transform 0.3s ease-in-out;
                }

            }

            .uk-accordion-content {
                padding: 1rem;
                font-size: 1rem;
                font-weight: 500;
                color: var(--glopen-contrast-color);
            }

        }
        & > .wp-block-glopen-accordion-item.uk-open > .uk-accordion-title {
            &::after {
                transform: rotateX(0deg);
            }
        }
    }

    /* theme 2 */
    &.gl-theme-2 {
        & > .wp-block-glopen-accordion-item {
            background-color: var(--glopen-quaternary-color);
            color: var(--glopen-contrast-color);
            & ~ & {
                margin-top: 1rem;
            }
            & > .uk-accordion-title {
                display: flex;
                gap: .75rem;
                align-items: center;
                font-size: 1rem;
                font-weight: 700;
                padding: 1rem 1.25rem;
                justify-content: space-between;

                &::after {
                    content: '';
                    display: block;
                    width: 1rem;
                    height: 1rem;
                    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M466.8 210.8c25-25 65.6-25 90.6 0l384 384c25 25 25 65.6 0 90.6s-65.6 25-90.6 0L512 346.6 173.2 685.2c-25 25-65.6 25-90.6 0s-25-65.6 0-90.6l384-384z' fill='%23111111'/%3E%3C/svg%3E");
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                    transform: rotateX(180deg);
                    transition: transform 0.3s ease-in-out;
                }

            }

            .uk-accordion-content {
                padding: 0 1.25rem 1.25rem;
                font-size: 1rem;
                font-weight: 500;
                color: var(--glopen-contrast-color);
            }

        }
        & > .wp-block-glopen-accordion-item.uk-open > .uk-accordion-title {
            color: var(--glopen-secondary-color);
            &::after {
                transform: rotateX(0deg);
            }
        }
    }


    & .uk-accordion-title {
        margin-bottom: 0;
        user-select: none;
        cursor: pointer;
    }

}
















@media (max-width: 959px) {
    .uk-grid:not(.uk-grid-collapse).gl-grid-small-m {
        margin-left: -15px;
    }
    .uk-grid:not(.uk-grid-collapse).gl-grid-small-m > * {
        padding-left: 15px;
    }
    .uk-grid:not(.uk-grid-collapse).gl-grid-small-m > .uk-grid-margin {
        margin-top: 15px;
    }

    .uk-flex-first-m {
        order: -1;
    }
    
}





/**
 * Admin 所需
 */
.block-editor-iframe__body p:has( + .block-list-appender) {
    margin-bottom: 0;
}
.glopen-inspector-section-box {
    padding: 16px;
    border-top: 1px solid #e0e0e0;
}
.glopen-inspector-help {
    font-size: 12px;
    color: #757575;
    margin-top: .5rem;
    margin-bottom: 0;
}
.glopen-inspector-label {
    font-size: 11px;
    font-weight: 500;
    color: rgb(30, 30, 30);
    margin-top: .5rem;
    margin-bottom: 0;
    width: 100%;
    text-transform: uppercase;
    cursor: default;
}
.gl-color-button-group {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}
.gl-color-button-group button {
    border-radius: 500px;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid var(--glopen-tertiary-color);
}
.gl-color-button-group button.gl-color-active{
    border-color: transparent;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--glopen-primary-color) !important;
}
.gl-color-button-group button:focus:not(.gl-color-active) {
    box-shadow: unset!important;
}
/**
* 宽度选项卡
 */
.gl-width-tab-panel > .components-tab-panel__tabs {
    gap: .5rem;
    margin-bottom: .5rem;
    flex-wrap: wrap;
}
.gl-width-tab-panel .components-tab-panel__tabs-item {
    background: var(--glopen-muted-color);
    padding: 0 .75rem;
    height: 2.5rem !important;
}
.gl-width-tab-panel .components-tab-panel__tabs-item:hover {
    color: unset !important;
    background: var(--glopen-quinary-color);
}
.gl-width-tab-panel .components-tab-panel__tabs-item.active-tab {
    background: var(--glopen-quinary-color);
}

figure:has( + .block-list-appender),
figure:has( + [class="wp-block"]) {
    margin-bottom: 0;
}

/**
 * event 插件辅助样式
 */
:has( > .no-events ) {
    border-bottom: 3px solid var(--glopen-secondary-color);
    color: var(--glopen-primary-color);
}