img:is([sizes=auto i], [sizes^="auto," i]) {
            contain-intrinsic-size: 3000px 1500px
        }

        /*# sourceURL=wp-img-auto-sizes-contain-inline-css */

.wp-block-site-logo {
            box-sizing: border-box;
            line-height: 0
        }

        .wp-block-site-logo a {
            display: inline-block;
            line-height: 0
        }

        .wp-block-site-logo.is-default-size img {
            height: auto;
            width: 120px
        }

        .wp-block-site-logo img {
            height: auto;
            max-width: 100%
        }

        .wp-block-site-logo a,
        .wp-block-site-logo img {
            border-radius: inherit
        }

        .wp-block-site-logo.aligncenter {
            margin-left: auto;
            margin-right: auto;
            text-align: center
        }

        :root :where(.wp-block-site-logo.is-style-rounded) {
            border-radius: 9999px
        }

        /*# sourceURL=https://clvcha.com.cn/wp-includes/blocks/site-logo/style.min.css */

.wp-block-site-title {
            box-sizing: border-box
        }

        .wp-block-site-title :where(a) {
            color: inherit;
            font-family: inherit;
            font-size: inherit;
            font-style: inherit;
            font-weight: inherit;
            letter-spacing: inherit;
            line-height: inherit;
            text-decoration: inherit
        }

        /*# sourceURL=https://clvcha.com.cn/wp-includes/blocks/site-title/style.min.css */

.wp-block-group {
            box-sizing: border-box
        }

        :where(.wp-block-group.wp-block-group-is-layout-constrained) {
            position: relative
        }

        /*# sourceURL=https://clvcha.com.cn/wp-includes/blocks/group/style.min.css */

.wp-block-navigation .wp-block-navigation-item__label {
            overflow-wrap: break-word
        }

        .wp-block-navigation .wp-block-navigation-item__description {
            display: none
        }

        .link-ui-tools {
            outline: 1px solid #f0f0f0;
            padding: 8px
        }

        .link-ui-block-inserter {
            padding-top: 8px
        }

        .link-ui-block-inserter__back {
            margin-left: 8px;
            text-transform: uppercase
        }

        .is-style-arrow-link .wp-block-navigation-item__label:after {
            content: "\2197";
            padding-inline-start: 0.25rem;
            vertical-align: middle;
            text-decoration: none;
            display: inline-block;
        }

        /*# sourceURL=wp-block-navigation-link-inline-css */

.wp-block-navigation {
            position: relative
        }

        .wp-block-navigation ul {
            margin-bottom: 0;
            margin-left: 0;
            margin-top: 0;
            padding-left: 0
        }

        .wp-block-navigation ul,
        .wp-block-navigation ul li {
            list-style: none;
            padding: 0
        }

        .wp-block-navigation .wp-block-navigation-item {
            align-items: center;
            background-color: inherit;
            display: flex;
            position: relative
        }

        .wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty {
            display: none
        }

        .wp-block-navigation .wp-block-navigation-item__content {
            display: block;
            z-index: 1
        }

        .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
            color: inherit
        }

        .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,
        .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,
        .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus {
            text-decoration: underline
        }

        .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,
        .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,
        .wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus {
            text-decoration: line-through
        }

        .wp-block-navigation :where(a),
        .wp-block-navigation :where(a:active),
        .wp-block-navigation :where(a:focus) {
            text-decoration: none
        }

        .wp-block-navigation .wp-block-navigation__submenu-icon {
            align-self: center;
            background-color: inherit;
            border: none;
            color: currentColor;
            display: inline-block;
            font-size: inherit;
            height: .6em;
            line-height: 0;
            margin-left: .25em;
            padding: 0;
            width: .6em
        }

        .wp-block-navigation .wp-block-navigation__submenu-icon svg {
            stroke: currentColor;
            display: inline-block;
            height: inherit;
            margin-top: .075em;
            width: inherit
        }

        .wp-block-navigation {
            --navigation-layout-justification-setting: flex-start;
            --navigation-layout-direction: row;
            --navigation-layout-wrap: wrap;
            --navigation-layout-justify: flex-start;
            --navigation-layout-align: center
        }

        .wp-block-navigation.is-vertical {
            --navigation-layout-direction: column;
            --navigation-layout-justify: initial;
            --navigation-layout-align: flex-start
        }

        .wp-block-navigation.no-wrap {
            --navigation-layout-wrap: nowrap
        }

        .wp-block-navigation.items-justified-center {
            --navigation-layout-justification-setting: center;
            --navigation-layout-justify: center
        }

        .wp-block-navigation.items-justified-center.is-vertical {
            --navigation-layout-align: center
        }

        .wp-block-navigation.items-justified-right {
            --navigation-layout-justification-setting: flex-end;
            --navigation-layout-justify: flex-end
        }

        .wp-block-navigation.items-justified-right.is-vertical {
            --navigation-layout-align: flex-end
        }

        .wp-block-navigation.items-justified-space-between {
            --navigation-layout-justification-setting: space-between;
            --navigation-layout-justify: space-between
        }

        .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
            align-items: normal;
            background-color: inherit;
            color: inherit;
            display: flex;
            flex-direction: column;
            opacity: 0;
            position: absolute;
            z-index: 2
        }

        @media not (prefers-reduced-motion) {
            .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
                transition: opacity .1s linear
            }
        }

        .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
            height: 0;
            overflow: hidden;
            visibility: hidden;
            width: 0
        }

        .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
            display: flex;
            flex-grow: 1;
            padding: .5em 1em
        }

        .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon {
            margin-left: auto;
            margin-right: 0
        }

        .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
            margin: 0
        }

        .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
            left: -1px;
            top: 100%
        }

        @media (min-width:782px) {
            .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
                left: 100%;
                top: -1px
            }

            .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before {
                background: #0000;
                content: "";
                display: block;
                height: 100%;
                position: absolute;
                right: 100%;
                width: .5em
            }

            .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
                margin-right: .25em
            }

            .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg {
                transform: rotate(-90deg)
            }
        }

        @media (hover:hover) {
            .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container {
                height: auto;
                min-width: 200px;
                opacity: 1;
                overflow: visible;
                visibility: visible;
                width: auto
            }
        }

        .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,
        .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
            height: auto;
            min-width: 200px;
            opacity: 1;
            overflow: visible;
            visibility: visible;
            width: auto
        }

        .wp-block-navigation .has-child.open-always {
            align-items: var(--navigation-layout-align, initial);
            flex-direction: var(--navigation-layout-direction, initial);
            flex-wrap: var(--navigation-layout-wrap, wrap);
            gap: var(--wp--style--block-gap, 2em)
        }

        .wp-block-navigation .has-child.open-always,
        .wp-block-navigation .has-child.open-always .wp-block-navigation-item {
            justify-content: var(--navigation-layout-justify, initial)
        }

        .wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container,
        .wp-block-navigation .has-child.open-always.wp-block-navigation-submenu {
            gap: var(--wp--style--block-gap, 2em)
        }

        .wp-block-navigation .has-child.open-always .wp-block-navigation-item,
        .wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container,
        .wp-block-navigation .has-child.open-always.wp-block-navigation-submenu {
            padding-bottom: 0;
            padding-top: 0
        }

        .wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container {
            padding-left: var(--wp--style--block-gap, 2em);
            padding-right: var(--wp--style--block-gap, 2em)
        }

        .wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
            padding: 0
        }

        .wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content,
        .wp-block-navigation .has-child.open-always>.wp-block-navigation-item__content {
            flex-grow: 0
        }

        .wp-block-navigation .has-child.open-always>.wp-block-navigation__submenu-container {
            background-color: initial;
            border: none;
            color: inherit;
            flex-basis: 100%;
            height: auto;
            opacity: 1;
            overflow: visible;
            position: static;
            visibility: visible;
            width: auto
        }

        .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container {
            left: 0;
            top: 100%
        }

        @media (min-width:782px) {
            .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
                left: 100%;
                top: 0
            }
        }

        .wp-block-navigation-submenu {
            display: flex;
            position: relative
        }

        .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
            stroke: currentColor
        }

        button.wp-block-navigation-item__content {
            background-color: initial;
            border: none;
            color: currentColor;
            font-family: inherit;
            font-size: inherit;
            font-style: inherit;
            font-weight: inherit;
            letter-spacing: inherit;
            line-height: inherit;
            text-align: left;
            text-transform: inherit
        }

        .wp-block-navigation-submenu__toggle {
            cursor: pointer
        }

        .wp-block-navigation-submenu__toggle[aria-expanded=true]+.wp-block-navigation__submenu-icon>svg,
        .wp-block-navigation-submenu__toggle[aria-expanded=true]>svg {
            transform: rotate(180deg)
        }

        .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle {
            padding-left: 0;
            padding-right: .85em
        }

        .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon {
            margin-left: -.6em;
            pointer-events: none
        }

        .wp-block-navigation-item.open-on-click button.wp-block-navigation-item__content:not(.wp-block-navigation-submenu__toggle) {
            padding: 0
        }

        .wp-block-navigation .wp-block-page-list,
        .wp-block-navigation__container,
        .wp-block-navigation__responsive-close,
        .wp-block-navigation__responsive-container,
        .wp-block-navigation__responsive-container-content,
        .wp-block-navigation__responsive-dialog {
            gap: inherit
        }

        :where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),
        :where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) {
            padding: .5em 1em
        }

        :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),
        :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),
        :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),
        :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content) {
            padding: .5em 1em
        }

        .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,
        .wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,
        .wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,
        .wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container {
            left: auto;
            right: 0
        }

        .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
        .wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
        .wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
        .wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
            left: -1px;
            right: -1px
        }

        @media (min-width:782px) {

            .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
            .wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
            .wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
            .wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
                left: auto;
                right: 100%
            }
        }

        .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
            background-color: #fff;
            border: 1px solid #00000026
        }

        .wp-block-navigation.has-background .wp-block-navigation__submenu-container {
            background-color: inherit
        }

        .wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container {
            color: #000
        }

        .wp-block-navigation__container {
            align-items: var(--navigation-layout-align, initial);
            display: flex;
            flex-direction: var(--navigation-layout-direction, initial);
            flex-wrap: var(--navigation-layout-wrap, wrap);
            justify-content: var(--navigation-layout-justify, initial);
            list-style: none;
            margin: 0;
            padding-left: 0
        }

        .wp-block-navigation__container .is-responsive {
            display: none
        }

        .wp-block-navigation__container:only-child,
        .wp-block-page-list:only-child {
            flex-grow: 1
        }

        @keyframes overlay-menu__fade-in-animation {
            0% {
                opacity: 0;
                transform: translateY(.5em)
            }

            to {
                opacity: 1;
                transform: translateY(0)
            }
        }

        .wp-block-navigation__responsive-container {
            bottom: 0;
            display: none;
            left: 0;
            position: fixed;
            right: 0;
            top: 0
        }

        .wp-block-navigation__responsive-container :where(.wp-block-navigation-item a) {
            color: inherit
        }

        .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
            align-items: var(--navigation-layout-align, initial);
            display: flex;
            flex-direction: var(--navigation-layout-direction, initial);
            flex-wrap: var(--navigation-layout-wrap, wrap);
            justify-content: var(--navigation-layout-justify, initial)
        }

        .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
            background-color: inherit !important;
            color: inherit !important
        }

        .wp-block-navigation__responsive-container.is-menu-open {
            background-color: inherit;
            display: flex;
            flex-direction: column
        }

        @media not (prefers-reduced-motion) {
            .wp-block-navigation__responsive-container.is-menu-open {
                animation: overlay-menu__fade-in-animation .1s ease-out;
                animation-fill-mode: forwards
            }
        }

        .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) {
            padding: clamp(1rem, var(--wp--style--root--padding-top), 20rem) clamp(1rem, var(--wp--style--root--padding-right), 20rem) clamp(1rem, var(--wp--style--root--padding-bottom), 20rem) clamp(1rem, var(--wp--style--root--padding-left), 20rem)
        }

        .wp-block-navigation__responsive-container.is-menu-open {
            overflow: auto;
            z-index: 100000
        }

        .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content {
            padding-top: calc(2rem + 24px)
        }

        .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content {
            align-items: var(--navigation-layout-justification-setting, inherit);
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            overflow: visible
        }

        .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content,
        .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
        .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list {
            justify-content: flex-start
        }

        .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
            display: none
        }

        .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
            border: none;
            height: auto;
            min-width: 200px;
            opacity: 1;
            overflow: initial;
            padding-left: 2rem;
            padding-right: 2rem;
            position: static;
            visibility: visible;
            width: auto
        }

        .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
        .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
            gap: inherit
        }

        .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
            padding-top: var(--wp--style--block-gap, 2em)
        }

        .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
            padding: 0
        }

        .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
        .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
        .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .wp-block-page-list {
            align-items: var(--navigation-layout-justification-setting, initial);
            display: flex;
            flex-direction: column
        }

        .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation-item,
        .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation-item .wp-block-navigation__submenu-container,
        .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__container,
        .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-page-list {
            background: #0000 !important;
            color: inherit !important
        }

        .wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
            left: auto;
            right: auto
        }

        .wp-block-navigation__responsive-container.disable-default-overlay .wp-block-navigation__overlay-container {
            display: none;
            width: 100%
        }

        .wp-block-navigation__responsive-container.disable-default-overlay .wp-block-navigation__responsive-close {
            max-width: none
        }

        .wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content>:not(.wp-block-navigation__overlay-container) {
            display: none
        }

        .wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container {
            display: block
        }

        .wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container .wp-block-navigation__submenu-container {
            left: 0;
            right: auto
        }

        @media (min-width:600px) {
            .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
                background-color: inherit;
                display: block;
                position: relative;
                width: 100%;
                z-index: auto
            }

            .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
                display: none
            }

            .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
                left: 0
            }
        }

        .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) {
            background-color: #fff
        }

        .wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) {
            color: #000
        }

        .wp-block-navigation__toggle_button_label {
            font-size: 1rem;
            font-weight: 700
        }

        .wp-block-navigation__responsive-container-close,
        .wp-block-navigation__responsive-container-open {
            background: #0000;
            border: none;
            color: currentColor;
            cursor: pointer;
            margin: 0;
            padding: 0;
            text-transform: inherit;
            vertical-align: middle
        }

        .wp-block-navigation__responsive-container-close svg,
        .wp-block-navigation__responsive-container-open svg {
            fill: currentColor;
            display: block;
            height: 24px;
            pointer-events: none;
            width: 24px
        }

        .wp-block-navigation__responsive-container-open {
            display: flex
        }

        .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
            font-family: inherit;
            font-size: inherit;
            font-weight: inherit
        }

        @media (min-width:600px) {
            .wp-block-navigation__responsive-container-open:not(.always-shown) {
                display: none
            }
        }

        .wp-block-navigation__responsive-container-close {
            position: absolute;
            right: 0;
            top: 0;
            z-index: 2
        }

        .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
            font-family: inherit;
            font-size: inherit;
            font-weight: inherit
        }

        .disable-default-overlay .wp-block-navigation__responsive-container-close {
            right: clamp(1rem, var(--wp--style--root--padding-left), 20rem);
            top: clamp(1rem, var(--wp--style--root--padding-left), 20rem)
        }

        .wp-block-navigation__responsive-close {
            width: 100%
        }

        .has-modal-open .wp-block-navigation__responsive-close {
            margin-left: auto;
            margin-right: auto;
            max-width: var(--wp--style--global--wide-size, 100%)
        }

        .wp-block-navigation__responsive-close:focus {
            outline: none
        }

        .is-menu-open .wp-block-navigation__responsive-close,
        .is-menu-open .wp-block-navigation__responsive-container-content,
        .is-menu-open .wp-block-navigation__responsive-dialog {
            box-sizing: border-box
        }

        .wp-block-navigation__responsive-dialog {
            position: relative
        }

        .has-modal-open .admin-bar .is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-dialog {
            margin-top: 46px
        }

        @media (min-width:782px) {
            .has-modal-open .admin-bar .is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-dialog {
                margin-top: 32px
            }
        }

        html.has-modal-open {
            overflow: hidden
        }

        /*# sourceURL=https://clvcha.com.cn/wp-includes/blocks/navigation/style.min.css */

h1:where(.wp-block-heading).has-background,
        h2:where(.wp-block-heading).has-background,
        h3:where(.wp-block-heading).has-background,
        h4:where(.wp-block-heading).has-background,
        h5:where(.wp-block-heading).has-background,
        h6:where(.wp-block-heading).has-background {
            padding: 1.25em 2.375em
        }

        h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
        h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),
        h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
        h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),
        h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
        h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),
        h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
        h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),
        h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
        h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),
        h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
        h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]) {
            rotate: 180deg
        }

        .is-style-asterisk:before {
            content: '';
            width: 1.5rem;
            height: 3rem;
            background: var(--wp--preset--color--contrast-2, currentColor);
            clip-path: path('M11.93.684v8.039l5.633-5.633 1.216 1.23-5.66 5.66h8.04v1.737H13.2l5.701 5.701-1.23 1.23-5.742-5.742V21h-1.737v-8.094l-5.77 5.77-1.23-1.217 5.743-5.742H.842V9.98h8.162l-5.701-5.7 1.23-1.231 5.66 5.66V.684h1.737Z');
            display: block;
        }

        /* Hide the asterisk if the heading has no content, to avoid using empty headings to display the asterisk only, which is an A11Y issue */
        .is-style-asterisk:empty:before {
            content: none;
        }

        .is-style-asterisk:-moz-only-whitespace:before {
            content: none;
        }

        .is-style-asterisk.has-text-align-center:before {
            margin: 0 auto;
        }

        .is-style-asterisk.has-text-align-right:before {
            margin-left: auto;
        }

        .rtl .is-style-asterisk.has-text-align-left:before {
            margin-right: auto;
        }

        /*# sourceURL=wp-block-heading-inline-css */

@charset "UTF-8";

        .wp-block-separator {
            border: none;
            border-top: 2px solid
        }

        :root :where(.wp-block-separator.is-style-dots) {
            height: auto;
            line-height: 1;
            text-align: center
        }

        :root :where(.wp-block-separator.is-style-dots):before {
            color: currentColor;
            content: "···";
            font-family: serif;
            font-size: 1.5em;
            letter-spacing: 2em;
            padding-left: 2em
        }

        .wp-block-separator.is-style-dots {
            background: none !important;
            border: none !important
        }

        /*# sourceURL=https://clvcha.com.cn/wp-includes/blocks/separator/style.min.css */

.wp-block-post-title {
            box-sizing: border-box;
            word-break: break-word
        }

        .wp-block-post-title :where(a) {
            display: inline-block;
            font-family: inherit;
            font-size: inherit;
            font-style: inherit;
            font-weight: inherit;
            letter-spacing: inherit;
            line-height: inherit;
            text-decoration: inherit
        }

        /*# sourceURL=https://clvcha.com.cn/wp-includes/blocks/post-title/style.min.css */

.wp-block-post-date {
            box-sizing: border-box
        }

        /*# sourceURL=https://clvcha.com.cn/wp-includes/blocks/post-date/style.min.css */

.is-small-text {
            font-size: .875em
        }

        .is-regular-text {
            font-size: 1em
        }

        .is-large-text {
            font-size: 2.25em
        }

        .is-larger-text {
            font-size: 3em
        }

        .has-drop-cap:not(:focus):first-letter {
            float: left;
            font-size: 8.4em;
            font-style: normal;
            font-weight: 100;
            line-height: .68;
            margin: .05em .1em 0 0;
            text-transform: uppercase
        }

        body.rtl .has-drop-cap:not(:focus):first-letter {
            float: none;
            margin-left: .1em
        }

        p.has-drop-cap.has-background {
            overflow: hidden
        }

        :root :where(p.has-background) {
            padding: 1.25em 2.375em
        }

        :where(p.has-text-color:not(.has-link-color)) a {
            color: inherit
        }

        p.has-text-align-left[style*="writing-mode:vertical-lr"],
        p.has-text-align-right[style*="writing-mode:vertical-rl"] {
            rotate: 180deg
        }

        /*# sourceURL=https://clvcha.com.cn/wp-includes/blocks/paragraph/style.min.css */

.wp-block-post-author-name {
            box-sizing: border-box
        }

        /*# sourceURL=https://clvcha.com.cn/wp-includes/blocks/post-author-name/style.min.css */

.wp-block-post-terms {
            box-sizing: border-box
        }

        .wp-block-post-terms .wp-block-post-terms__separator {
            white-space: pre-wrap
        }

        .is-style-pill a,
        .is-style-pill span:not([class], [data-rich-text-placeholder]) {
            display: inline-block;
            background-color: var(--wp--preset--color--base-2);
            padding: 0.375rem 0.875rem;
            border-radius: var(--wp--preset--spacing--20);
        }

        .is-style-pill a:hover {
            background-color: var(--wp--preset--color--contrast-3);
        }

        /*# sourceURL=wp-block-post-terms-inline-css */

.wp-block-columns {
            box-sizing: border-box;
            display: flex;
            flex-wrap: wrap !important
        }

        @media (min-width:782px) {
            .wp-block-columns {
                flex-wrap: nowrap !important
            }
        }

        .wp-block-columns {
            align-items: normal !important
        }

        .wp-block-columns.are-vertically-aligned-top {
            align-items: flex-start
        }

        .wp-block-columns.are-vertically-aligned-center {
            align-items: center
        }

        .wp-block-columns.are-vertically-aligned-bottom {
            align-items: flex-end
        }

        @media (max-width:781px) {
            .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
                flex-basis: 100% !important
            }
        }

        @media (min-width:782px) {
            .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
                flex-basis: 0;
                flex-grow: 1
            }

            .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] {
                flex-grow: 0
            }
        }

        .wp-block-columns.is-not-stacked-on-mobile {
            flex-wrap: nowrap !important
        }

        .wp-block-columns.is-not-stacked-on-mobile>.wp-block-column {
            flex-basis: 0;
            flex-grow: 1
        }

        .wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis] {
            flex-grow: 0
        }

        :where(.wp-block-columns) {
            margin-bottom: 1.75em
        }

        :where(.wp-block-columns.has-background) {
            padding: 1.25em 2.375em
        }

        .wp-block-column {
            flex-grow: 1;
            min-width: 0;
            overflow-wrap: break-word;
            word-break: break-word
        }

        .wp-block-column.is-vertically-aligned-top {
            align-self: flex-start
        }

        .wp-block-column.is-vertically-aligned-center {
            align-self: center
        }

        .wp-block-column.is-vertically-aligned-bottom {
            align-self: flex-end
        }

        .wp-block-column.is-vertically-aligned-stretch {
            align-self: stretch
        }

        .wp-block-column.is-vertically-aligned-bottom,
        .wp-block-column.is-vertically-aligned-center,
        .wp-block-column.is-vertically-aligned-top {
            width: 100%
        }

        /*# sourceURL=https://clvcha.com.cn/wp-includes/blocks/columns/style.min.css */

.wp-block-post-template {
            box-sizing: border-box;
            list-style: none;
            margin-bottom: 0;
            margin-top: 0;
            max-width: 100%;
            padding: 0
        }

        .wp-block-post-template.is-flex-container {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 1.25em
        }

        .wp-block-post-template.is-flex-container>li {
            margin: 0;
            width: 100%
        }

        @media (min-width:600px) {
            .wp-block-post-template.is-flex-container.is-flex-container.columns-2>li {
                width: calc(50% - .625em)
            }

            .wp-block-post-template.is-flex-container.is-flex-container.columns-3>li {
                width: calc(33.33333% - .83333em)
            }

            .wp-block-post-template.is-flex-container.is-flex-container.columns-4>li {
                width: calc(25% - .9375em)
            }

            .wp-block-post-template.is-flex-container.is-flex-container.columns-5>li {
                width: calc(20% - 1em)
            }

            .wp-block-post-template.is-flex-container.is-flex-container.columns-6>li {
                width: calc(16.66667% - 1.04167em)
            }
        }

        @media (max-width:600px) {
            .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
                grid-template-columns: 1fr
            }
        }

        .wp-block-post-template-is-layout-constrained>li>.alignright,
        .wp-block-post-template-is-layout-flow>li>.alignright {
            float: right;
            margin-inline-end: 0;
            margin-inline-start: 2em
        }

        .wp-block-post-template-is-layout-constrained>li>.alignleft,
        .wp-block-post-template-is-layout-flow>li>.alignleft {
            float: left;
            margin-inline-end: 2em;
            margin-inline-start: 0
        }

        .wp-block-post-template-is-layout-constrained>li>.aligncenter,
        .wp-block-post-template-is-layout-flow>li>.aligncenter {
            margin-inline-end: auto;
            margin-inline-start: auto
        }

        /*# sourceURL=https://clvcha.com.cn/wp-includes/blocks/post-template/style.min.css */

.wp-block-spacer {
            clear: both
        }

        /*# sourceURL=https://clvcha.com.cn/wp-includes/blocks/spacer/style.min.css */

.wp-block-site-tagline {
            box-sizing: border-box
        }

        /*# sourceURL=https://clvcha.com.cn/wp-includes/blocks/site-tagline/style.min.css */

img.wp-smiley,
        img.emoji {
            display: inline !important;
            border: none !important;
            box-shadow: none !important;
            height: 1em !important;
            width: 1em !important;
            margin: 0 0.07em !important;
            vertical-align: -0.1em !important;
            background: none !important;
            padding: 0 !important;
        }

        /*# sourceURL=wp-emoji-styles-inline-css */

:root {
            --wp-block-synced-color: #7a00df;
            --wp-block-synced-color--rgb: 122, 0, 223;
            --wp-bound-block-color: var(--wp-block-synced-color);
            --wp-editor-canvas-background: #ddd;
            --wp-admin-theme-color: #007cba;
            --wp-admin-theme-color--rgb: 0, 124, 186;
            --wp-admin-theme-color-darker-10: #006ba1;
            --wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
            --wp-admin-theme-color-darker-20: #005a87;
            --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
            --wp-admin-border-width-focus: 2px
        }

        @media (min-resolution:192dpi) {
            :root {
                --wp-admin-border-width-focus: 1.5px
            }
        }

        .wp-element-button {
            cursor: pointer
        }

        :root .has-very-light-gray-background-color {
            background-color: #eee
        }

        :root .has-very-dark-gray-background-color {
            background-color: #313131
        }

        :root .has-very-light-gray-color {
            color: #eee
        }

        :root .has-very-dark-gray-color {
            color: #313131
        }

        :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
            background: linear-gradient(135deg, #00d084, #0693e3)
        }

        :root .has-purple-crush-gradient-background {
            background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe)
        }

        :root .has-hazy-dawn-gradient-background {
            background: linear-gradient(135deg, #faaca8, #dad0ec)
        }

        :root .has-subdued-olive-gradient-background {
            background: linear-gradient(135deg, #fafae1, #67a671)
        }

        :root .has-atomic-cream-gradient-background {
            background: linear-gradient(135deg, #fdd79a, #004a59)
        }

        :root .has-nightshade-gradient-background {
            background: linear-gradient(135deg, #330968, #31cdcf)
        }

        :root .has-midnight-gradient-background {
            background: linear-gradient(135deg, #020381, #2874fc)
        }

        :root {
            --wp--preset--font-size--normal: 16px;
            --wp--preset--font-size--huge: 42px
        }

        .has-regular-font-size {
            font-size: 1em
        }

        .has-larger-font-size {
            font-size: 2.625em
        }

        .has-normal-font-size {
            font-size: var(--wp--preset--font-size--normal)
        }

        .has-huge-font-size {
            font-size: var(--wp--preset--font-size--huge)
        }

        :root .has-text-align-center {
            text-align: center
        }

        :root .has-text-align-left {
            text-align: left
        }

        :root .has-text-align-right {
            text-align: right
        }

        .has-fit-text {
            white-space: nowrap !important
        }

        #end-resizable-editor-section {
            display: none
        }

        .aligncenter {
            clear: both
        }

        .items-justified-left {
            justify-content: flex-start
        }

        .items-justified-center {
            justify-content: center
        }

        .items-justified-right {
            justify-content: flex-end
        }

        .items-justified-space-between {
            justify-content: space-between
        }

        .screen-reader-text {
            word-wrap: normal !important;
            border: 0;
            clip-path: inset(50%);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px
        }

        .screen-reader-text:focus {
            background-color: #ddd;
            clip-path: none;
            color: #444;
            display: block;
            font-size: 1em;
            height: auto;
            left: 5px;
            line-height: normal;
            padding: 15px 23px 14px;
            text-decoration: none;
            top: 5px;
            width: auto;
            z-index: 100000
        }

        html :where(.has-border-color) {
            border-style: solid
        }

        html :where([style*=border-color]) {
            border-style: solid
        }

        html :where([style*=border-top-color]) {
            border-top-style: solid
        }

        html :where([style*=border-right-color]) {
            border-right-style: solid
        }

        html :where([style*=border-bottom-color]) {
            border-bottom-style: solid
        }

        html :where([style*=border-left-color]) {
            border-left-style: solid
        }

        html :where([style*=border-width]) {
            border-style: solid
        }

        html :where([style*=border-top-width]) {
            border-top-style: solid
        }

        html :where([style*=border-right-width]) {
            border-right-style: solid
        }

        html :where([style*=border-bottom-width]) {
            border-bottom-style: solid
        }

        html :where([style*=border-left-width]) {
            border-left-style: solid
        }

        html :where(img[class*=wp-image-]) {
            height: auto;
            max-width: 100%
        }

        :where(figure) {
            margin: 0 0 1em
        }

        html :where(.is-position-sticky) {
            --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px)
        }

        @media screen and (max-width:600px) {
            html :where(.is-position-sticky) {
                --wp-admin--admin-bar--position-offset: 0px
            }
        }

        /*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */

:root {
            --wp--preset--aspect-ratio--square: 1;
            --wp--preset--aspect-ratio--4-3: 4/3;
            --wp--preset--aspect-ratio--3-4: 3/4;
            --wp--preset--aspect-ratio--3-2: 3/2;
            --wp--preset--aspect-ratio--2-3: 2/3;
            --wp--preset--aspect-ratio--16-9: 16/9;
            --wp--preset--aspect-ratio--9-16: 9/16;
            --wp--preset--color--black: #000000;
            --wp--preset--color--cyan-bluish-gray: #abb8c3;
            --wp--preset--color--white: #ffffff;
            --wp--preset--color--pale-pink: #f78da7;
            --wp--preset--color--vivid-red: #cf2e2e;
            --wp--preset--color--luminous-vivid-orange: #ff6900;
            --wp--preset--color--luminous-vivid-amber: #fcb900;
            --wp--preset--color--light-green-cyan: #7bdcb5;
            --wp--preset--color--vivid-green-cyan: #00d084;
            --wp--preset--color--pale-cyan-blue: #8ed1fc;
            --wp--preset--color--vivid-cyan-blue: #0693e3;
            --wp--preset--color--vivid-purple: #9b51e0;
            --wp--preset--color--base: #f9f9f9;
            --wp--preset--color--base-2: #ffffff;
            --wp--preset--color--contrast: #111111;
            --wp--preset--color--contrast-2: #636363;
            --wp--preset--color--contrast-3: #A4A4A4;
            --wp--preset--color--accent: #cfcabe;
            --wp--preset--color--accent-2: #c2a990;
            --wp--preset--color--accent-3: #d8613c;
            --wp--preset--color--accent-4: #b1c5a4;
            --wp--preset--color--accent-5: #b5bdbc;
            --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgb(6, 147, 227) 0%, rgb(155, 81, 224) 100%);
            --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
            --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgb(252, 185, 0) 0%, rgb(255, 105, 0) 100%);
            --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgb(255, 105, 0) 0%, rgb(207, 46, 46) 100%);
            --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
            --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
            --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
            --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
            --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
            --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
            --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
            --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
            --wp--preset--gradient--gradient-1: linear-gradient(to bottom, #cfcabe 0%, #F9F9F9 100%);
            --wp--preset--gradient--gradient-2: linear-gradient(to bottom, #C2A990 0%, #F9F9F9 100%);
            --wp--preset--gradient--gradient-3: linear-gradient(to bottom, #D8613C 0%, #F9F9F9 100%);
            --wp--preset--gradient--gradient-4: linear-gradient(to bottom, #B1C5A4 0%, #F9F9F9 100%);
            --wp--preset--gradient--gradient-5: linear-gradient(to bottom, #B5BDBC 0%, #F9F9F9 100%);
            --wp--preset--gradient--gradient-6: linear-gradient(to bottom, #A4A4A4 0%, #F9F9F9 100%);
            --wp--preset--gradient--gradient-7: linear-gradient(to bottom, #cfcabe 50%, #F9F9F9 50%);
            --wp--preset--gradient--gradient-8: linear-gradient(to bottom, #C2A990 50%, #F9F9F9 50%);
            --wp--preset--gradient--gradient-9: linear-gradient(to bottom, #D8613C 50%, #F9F9F9 50%);
            --wp--preset--gradient--gradient-10: linear-gradient(to bottom, #B1C5A4 50%, #F9F9F9 50%);
            --wp--preset--gradient--gradient-11: linear-gradient(to bottom, #B5BDBC 50%, #F9F9F9 50%);
            --wp--preset--gradient--gradient-12: linear-gradient(to bottom, #A4A4A4 50%, #F9F9F9 50%);
            --wp--preset--font-size--small: 0.9rem;
            --wp--preset--font-size--medium: 1.05rem;
            --wp--preset--font-size--large: clamp(1.39rem, 1.39rem + ((1vw - 0.2rem) * 0.767), 1.85rem);
            --wp--preset--font-size--x-large: clamp(1.85rem, 1.85rem + ((1vw - 0.2rem) * 1.083), 2.5rem);
            --wp--preset--font-size--xx-large: clamp(2.5rem, 2.5rem + ((1vw - 0.2rem) * 1.283), 3.27rem);
            --wp--preset--font-family--body: "Inter", sans-serif;
            --wp--preset--font-family--heading: Cardo;
            --wp--preset--font-family--system-sans-serif: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
            --wp--preset--font-family--system-serif: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
            --wp--preset--spacing--20: min(1.5rem, 2vw);
            --wp--preset--spacing--30: min(2.5rem, 3vw);
            --wp--preset--spacing--40: min(4rem, 5vw);
            --wp--preset--spacing--50: min(6.5rem, 8vw);
            --wp--preset--spacing--60: min(10.5rem, 13vw);
            --wp--preset--spacing--70: 3.38rem;
            --wp--preset--spacing--80: 5.06rem;
            --wp--preset--spacing--10: 1rem;
            --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
            --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
            --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
            --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);
            --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);
        }

        :root {
            --wp--style--global--content-size: 620px;
            --wp--style--global--wide-size: 1280px;
        }

        :where(body) {
            margin: 0;
        }

        .wp-site-blocks {
            padding-top: var(--wp--style--root--padding-top);
            padding-bottom: var(--wp--style--root--padding-bottom);
        }

        .has-global-padding {
            padding-right: var(--wp--style--root--padding-right);
            padding-left: var(--wp--style--root--padding-left);
        }

        .has-global-padding>.alignfull {
            margin-right: calc(var(--wp--style--root--padding-right) * -1);
            margin-left: calc(var(--wp--style--root--padding-left) * -1);
        }

        .has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) {
            padding-right: 0;
            padding-left: 0;
        }

        .has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull))>.alignfull {
            margin-left: 0;
            margin-right: 0;
        }

        .wp-site-blocks>.alignleft {
            float: left;
            margin-right: 2em;
        }

        .wp-site-blocks>.alignright {
            float: right;
            margin-left: 2em;
        }

        .wp-site-blocks>.aligncenter {
            justify-content: center;
            margin-left: auto;
            margin-right: auto;
        }

        :where(.wp-site-blocks)>* {
            margin-block-start: 1.2rem;
            margin-block-end: 0;
        }

        :where(.wp-site-blocks)> :first-child {
            margin-block-start: 0;
        }

        :where(.wp-site-blocks)> :last-child {
            margin-block-end: 0;
        }

        :root {
            --wp--style--block-gap: 1.2rem;
        }

        :root :where(.is-layout-flow)> :first-child {
            margin-block-start: 0;
        }

        :root :where(.is-layout-flow)> :last-child {
            margin-block-end: 0;
        }

        :root :where(.is-layout-flow)>* {
            margin-block-start: 1.2rem;
            margin-block-end: 0;
        }

        :root :where(.is-layout-constrained)> :first-child {
            margin-block-start: 0;
        }

        :root :where(.is-layout-constrained)> :last-child {
            margin-block-end: 0;
        }

        :root :where(.is-layout-constrained)>* {
            margin-block-start: 1.2rem;
            margin-block-end: 0;
        }

        :root :where(.is-layout-flex) {
            gap: 1.2rem;
        }

        :root :where(.is-layout-grid) {
            gap: 1.2rem;
        }

        .is-layout-flow>.alignleft {
            float: left;
            margin-inline-start: 0;
            margin-inline-end: 2em;
        }

        .is-layout-flow>.alignright {
            float: right;
            margin-inline-start: 2em;
            margin-inline-end: 0;
        }

        .is-layout-flow>.aligncenter {
            margin-left: auto !important;
            margin-right: auto !important;
        }

        .is-layout-constrained>.alignleft {
            float: left;
            margin-inline-start: 0;
            margin-inline-end: 2em;
        }

        .is-layout-constrained>.alignright {
            float: right;
            margin-inline-start: 2em;
            margin-inline-end: 0;
        }

        .is-layout-constrained>.aligncenter {
            margin-left: auto !important;
            margin-right: auto !important;
        }

        .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
            max-width: var(--wp--style--global--content-size);
            margin-left: auto !important;
            margin-right: auto !important;
        }

        .is-layout-constrained>.alignwide {
            max-width: var(--wp--style--global--wide-size);
        }

        body .is-layout-flex {
            display: flex;
        }

        .is-layout-flex {
            flex-wrap: wrap;
            align-items: center;
        }

        .is-layout-flex> :is(*, div) {
            margin: 0;
        }

        body .is-layout-grid {
            display: grid;
        }

        .is-layout-grid> :is(*, div) {
            margin: 0;
        }

        body {
            background-color: var(--wp--preset--color--base);
            color: var(--wp--preset--color--contrast);
            font-family: var(--wp--preset--font-family--body);
            font-size: var(--wp--preset--font-size--medium);
            font-style: normal;
            font-weight: 400;
            line-height: 1.55;
            --wp--style--root--padding-top: 0px;
            --wp--style--root--padding-right: var(--wp--preset--spacing--50);
            --wp--style--root--padding-bottom: 0px;
            --wp--style--root--padding-left: var(--wp--preset--spacing--50);
        }

        a:where(:not(.wp-element-button)) {
            color: var(--wp--preset--color--contrast);
        }

        :root :where(a:where(:not(.wp-element-button)):hover) {
            text-decoration: none;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            color: var(--wp--preset--color--contrast);
            font-family: var(--wp--preset--font-family--heading);
            font-weight: 400;
            line-height: 1.2;
        }

        h1 {
            font-size: var(--wp--preset--font-size--xx-large);
            line-height: 1.15;
        }

        h2 {
            font-size: var(--wp--preset--font-size--x-large);
        }

        h3 {
            font-size: var(--wp--preset--font-size--large);
        }

        h4 {
            font-size: clamp(1.1rem, 1.1rem + ((1vw - 0.2rem) * 0.767), 1.5rem);
        }

        h5 {
            font-size: var(--wp--preset--font-size--medium);
        }

        h6 {
            font-size: var(--wp--preset--font-size--small);
        }

        :root :where(.wp-element-button, .wp-block-button__link) {
            background-color: var(--wp--preset--color--contrast);
            border-radius: .33rem;
            border-color: var(--wp--preset--color--contrast);
            border-width: 0;
            color: var(--wp--preset--color--base);
            font-family: inherit;
            font-size: var(--wp--preset--font-size--small);
            font-style: normal;
            font-weight: 500;
            letter-spacing: inherit;
            line-height: inherit;
            padding-top: 0.6rem;
            padding-right: 1rem;
            padding-bottom: 0.6rem;
            padding-left: 1rem;
            text-decoration: none;
            text-transform: inherit;
        }

        :root :where(.wp-element-button:hover, .wp-block-button__link:hover) {
            background-color: var(--wp--preset--color--contrast-2);
            border-color: var(--wp--preset--color--contrast-2);
            color: var(--wp--preset--color--base);
        }

        :root :where(.wp-element-button:focus, .wp-block-button__link:focus) {
            background-color: var(--wp--preset--color--contrast-2);
            border-color: var(--wp--preset--color--contrast-2);
            color: var(--wp--preset--color--base);
            outline-color: var(--wp--preset--color--contrast);
            outline-offset: 2px;
        }

        :root :where(.wp-element-button:active, .wp-block-button__link:active) {
            background-color: var(--wp--preset--color--contrast);
            color: var(--wp--preset--color--base);
        }

        :root :where(.wp-element-caption, .wp-block-audio figcaption, .wp-block-embed figcaption, .wp-block-gallery figcaption, .wp-block-image figcaption, .wp-block-table figcaption, .wp-block-video figcaption) {
            color: var(--wp--preset--color--contrast-2);
            font-family: var(--wp--preset--font-family--body);
            font-size: 0.8rem;
        }

        .has-black-color {
            color: var(--wp--preset--color--black) !important;
        }

        .has-cyan-bluish-gray-color {
            color: var(--wp--preset--color--cyan-bluish-gray) !important;
        }

        .has-white-color {
            color: var(--wp--preset--color--white) !important;
        }

        .has-pale-pink-color {
            color: var(--wp--preset--color--pale-pink) !important;
        }

        .has-vivid-red-color {
            color: var(--wp--preset--color--vivid-red) !important;
        }

        .has-luminous-vivid-orange-color {
            color: var(--wp--preset--color--luminous-vivid-orange) !important;
        }

        .has-luminous-vivid-amber-color {
            color: var(--wp--preset--color--luminous-vivid-amber) !important;
        }

        .has-light-green-cyan-color {
            color: var(--wp--preset--color--light-green-cyan) !important;
        }

        .has-vivid-green-cyan-color {
            color: var(--wp--preset--color--vivid-green-cyan) !important;
        }

        .has-pale-cyan-blue-color {
            color: var(--wp--preset--color--pale-cyan-blue) !important;
        }

        .has-vivid-cyan-blue-color {
            color: var(--wp--preset--color--vivid-cyan-blue) !important;
        }

        .has-vivid-purple-color {
            color: var(--wp--preset--color--vivid-purple) !important;
        }

        .has-base-color {
            color: var(--wp--preset--color--base) !important;
        }

        .has-base-2-color {
            color: var(--wp--preset--color--base-2) !important;
        }

        .has-contrast-color {
            color: var(--wp--preset--color--contrast) !important;
        }

        .has-contrast-2-color {
            color: var(--wp--preset--color--contrast-2) !important;
        }

        .has-contrast-3-color {
            color: var(--wp--preset--color--contrast-3) !important;
        }

        .has-accent-color {
            color: var(--wp--preset--color--accent) !important;
        }

        .has-accent-2-color {
            color: var(--wp--preset--color--accent-2) !important;
        }

        .has-accent-3-color {
            color: var(--wp--preset--color--accent-3) !important;
        }

        .has-accent-4-color {
            color: var(--wp--preset--color--accent-4) !important;
        }

        .has-accent-5-color {
            color: var(--wp--preset--color--accent-5) !important;
        }

        .has-black-background-color {
            background-color: var(--wp--preset--color--black) !important;
        }

        .has-cyan-bluish-gray-background-color {
            background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
        }

        .has-white-background-color {
            background-color: var(--wp--preset--color--white) !important;
        }

        .has-pale-pink-background-color {
            background-color: var(--wp--preset--color--pale-pink) !important;
        }

        .has-vivid-red-background-color {
            background-color: var(--wp--preset--color--vivid-red) !important;
        }

        .has-luminous-vivid-orange-background-color {
            background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
        }

        .has-luminous-vivid-amber-background-color {
            background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
        }

        .has-light-green-cyan-background-color {
            background-color: var(--wp--preset--color--light-green-cyan) !important;
        }

        .has-vivid-green-cyan-background-color {
            background-color: var(--wp--preset--color--vivid-green-cyan) !important;
        }

        .has-pale-cyan-blue-background-color {
            background-color: var(--wp--preset--color--pale-cyan-blue) !important;
        }

        .has-vivid-cyan-blue-background-color {
            background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
        }

        .has-vivid-purple-background-color {
            background-color: var(--wp--preset--color--vivid-purple) !important;
        }

        .has-base-background-color {
            background-color: var(--wp--preset--color--base) !important;
        }

        .has-base-2-background-color {
            background-color: var(--wp--preset--color--base-2) !important;
        }

        .has-contrast-background-color {
            background-color: var(--wp--preset--color--contrast) !important;
        }

        .has-contrast-2-background-color {
            background-color: var(--wp--preset--color--contrast-2) !important;
        }

        .has-contrast-3-background-color {
            background-color: var(--wp--preset--color--contrast-3) !important;
        }

        .has-accent-background-color {
            background-color: var(--wp--preset--color--accent) !important;
        }

        .has-accent-2-background-color {
            background-color: var(--wp--preset--color--accent-2) !important;
        }

        .has-accent-3-background-color {
            background-color: var(--wp--preset--color--accent-3) !important;
        }

        .has-accent-4-background-color {
            background-color: var(--wp--preset--color--accent-4) !important;
        }

        .has-accent-5-background-color {
            background-color: var(--wp--preset--color--accent-5) !important;
        }

        .has-black-border-color {
            border-color: var(--wp--preset--color--black) !important;
        }

        .has-cyan-bluish-gray-border-color {
            border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
        }

        .has-white-border-color {
            border-color: var(--wp--preset--color--white) !important;
        }

        .has-pale-pink-border-color {
            border-color: var(--wp--preset--color--pale-pink) !important;
        }

        .has-vivid-red-border-color {
            border-color: var(--wp--preset--color--vivid-red) !important;
        }

        .has-luminous-vivid-orange-border-color {
            border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
        }

        .has-luminous-vivid-amber-border-color {
            border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
        }

        .has-light-green-cyan-border-color {
            border-color: var(--wp--preset--color--light-green-cyan) !important;
        }

        .has-vivid-green-cyan-border-color {
            border-color: var(--wp--preset--color--vivid-green-cyan) !important;
        }

        .has-pale-cyan-blue-border-color {
            border-color: var(--wp--preset--color--pale-cyan-blue) !important;
        }

        .has-vivid-cyan-blue-border-color {
            border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
        }

        .has-vivid-purple-border-color {
            border-color: var(--wp--preset--color--vivid-purple) !important;
        }

        .has-base-border-color {
            border-color: var(--wp--preset--color--base) !important;
        }

        .has-base-2-border-color {
            border-color: var(--wp--preset--color--base-2) !important;
        }

        .has-contrast-border-color {
            border-color: var(--wp--preset--color--contrast) !important;
        }

        .has-contrast-2-border-color {
            border-color: var(--wp--preset--color--contrast-2) !important;
        }

        .has-contrast-3-border-color {
            border-color: var(--wp--preset--color--contrast-3) !important;
        }

        .has-accent-border-color {
            border-color: var(--wp--preset--color--accent) !important;
        }

        .has-accent-2-border-color {
            border-color: var(--wp--preset--color--accent-2) !important;
        }

        .has-accent-3-border-color {
            border-color: var(--wp--preset--color--accent-3) !important;
        }

        .has-accent-4-border-color {
            border-color: var(--wp--preset--color--accent-4) !important;
        }

        .has-accent-5-border-color {
            border-color: var(--wp--preset--color--accent-5) !important;
        }

        .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
            background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
        }

        .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
            background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
        }

        .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
            background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
        }

        .has-luminous-vivid-orange-to-vivid-red-gradient-background {
            background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
        }

        .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
            background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
        }

        .has-cool-to-warm-spectrum-gradient-background {
            background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
        }

        .has-blush-light-purple-gradient-background {
            background: var(--wp--preset--gradient--blush-light-purple) !important;
        }

        .has-blush-bordeaux-gradient-background {
            background: var(--wp--preset--gradient--blush-bordeaux) !important;
        }

        .has-luminous-dusk-gradient-background {
            background: var(--wp--preset--gradient--luminous-dusk) !important;
        }

        .has-pale-ocean-gradient-background {
            background: var(--wp--preset--gradient--pale-ocean) !important;
        }

        .has-electric-grass-gradient-background {
            background: var(--wp--preset--gradient--electric-grass) !important;
        }

        .has-midnight-gradient-background {
            background: var(--wp--preset--gradient--midnight) !important;
        }

        .has-gradient-1-gradient-background {
            background: var(--wp--preset--gradient--gradient-1) !important;
        }

        .has-gradient-2-gradient-background {
            background: var(--wp--preset--gradient--gradient-2) !important;
        }

        .has-gradient-3-gradient-background {
            background: var(--wp--preset--gradient--gradient-3) !important;
        }

        .has-gradient-4-gradient-background {
            background: var(--wp--preset--gradient--gradient-4) !important;
        }

        .has-gradient-5-gradient-background {
            background: var(--wp--preset--gradient--gradient-5) !important;
        }

        .has-gradient-6-gradient-background {
            background: var(--wp--preset--gradient--gradient-6) !important;
        }

        .has-gradient-7-gradient-background {
            background: var(--wp--preset--gradient--gradient-7) !important;
        }

        .has-gradient-8-gradient-background {
            background: var(--wp--preset--gradient--gradient-8) !important;
        }

        .has-gradient-9-gradient-background {
            background: var(--wp--preset--gradient--gradient-9) !important;
        }

        .has-gradient-10-gradient-background {
            background: var(--wp--preset--gradient--gradient-10) !important;
        }

        .has-gradient-11-gradient-background {
            background: var(--wp--preset--gradient--gradient-11) !important;
        }

        .has-gradient-12-gradient-background {
            background: var(--wp--preset--gradient--gradient-12) !important;
        }

        .has-small-font-size {
            font-size: var(--wp--preset--font-size--small) !important;
        }

        .has-medium-font-size {
            font-size: var(--wp--preset--font-size--medium) !important;
        }

        .has-large-font-size {
            font-size: var(--wp--preset--font-size--large) !important;
        }

        .has-x-large-font-size {
            font-size: var(--wp--preset--font-size--x-large) !important;
        }

        .has-xx-large-font-size {
            font-size: var(--wp--preset--font-size--xx-large) !important;
        }

        .has-body-font-family {
            font-family: var(--wp--preset--font-family--body) !important;
        }

        .has-heading-font-family {
            font-family: var(--wp--preset--font-family--heading) !important;
        }

        .has-system-sans-serif-font-family {
            font-family: var(--wp--preset--font-family--system-sans-serif) !important;
        }

        .has-system-serif-font-family {
            font-family: var(--wp--preset--font-family--system-serif) !important;
        }

        :where(.wp-site-blocks *:focus) {
            outline-width: 2px;
            outline-style: solid
        }

        :root :where(.wp-block-navigation) {
            font-weight: 500;
        }

        :root :where(.wp-block-navigation a:where(:not(.wp-element-button))) {
            text-decoration: none;
        }

        :root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover) {
            text-decoration: underline;
        }

        :root :where(.wp-block-post-author-name) {
            font-size: var(--wp--preset--font-size--small);
        }

        :root :where(.wp-block-post-author-name a:where(:not(.wp-element-button))) {
            text-decoration: none;
        }

        :root :where(.wp-block-post-author-name a:where(:not(.wp-element-button)):hover) {
            text-decoration: underline;
        }

        :root :where(.wp-block-post-date) {
            color: var(--wp--preset--color--contrast-2);
            font-size: var(--wp--preset--font-size--small);
        }

        :root :where(.wp-block-post-date a:where(:not(.wp-element-button))) {
            color: var(--wp--preset--color--contrast-2);
            text-decoration: none;
        }

        :root :where(.wp-block-post-date a:where(:not(.wp-element-button)):hover) {
            text-decoration: underline;
        }

        :root :where(.wp-block-post-terms) {
            font-size: var(--wp--preset--font-size--small);
        }

        :root :where(.wp-block-post-terms .wp-block-post-terms__prefix) {
            color: var(--wp--preset--color--contrast-2);
        }

        :root :where(.wp-block-post-terms a:where(:not(.wp-element-button))) {
            text-decoration: none;
        }

        :root :where(.wp-block-post-terms a:where(:not(.wp-element-button)):hover) {
            text-decoration: underline;
        }

        :root :where(.wp-block-post-title a:where(:not(.wp-element-button))) {
            text-decoration: none;
        }

        :root :where(.wp-block-post-title a:where(:not(.wp-element-button)):hover) {
            text-decoration: underline;
        }

        :root :where(.wp-block-separator) {
            border-color: currentColor;
            border-width: 0 0 1px 0;
            border-style: solid;
            color: var(--wp--preset--color--contrast);
        }

        :root :where(.wp-block-separator) {}

        :root :where(.wp-block-separator:not(.is-style-wide):not(.is-style-dots):not(.alignwide):not(.alignfull)) {
            width: var(--wp--preset--spacing--60)
        }

        :root :where(.wp-block-site-tagline) {
            color: var(--wp--preset--color--contrast-2);
            font-size: var(--wp--preset--font-size--small);
        }

        :root :where(.wp-block-site-title) {
            font-family: var(--wp--preset--font-family--body);
            font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.542), 1.2rem);
            font-style: normal;
            font-weight: 600;
        }

        :root :where(.wp-block-site-title a:where(:not(.wp-element-button))) {
            text-decoration: none;
        }

        :root :where(.wp-block-site-title a:where(:not(.wp-element-button)):hover) {
            text-decoration: none;
        }

        /*# sourceURL=global-styles-inline-css */

.wp-container-core-group-is-layout-f4752a5b>* {
            margin-block-start: 0;
            margin-block-end: 0;
        }

        .wp-container-core-group-is-layout-f4752a5b>*+* {
            margin-block-start: 0px;
            margin-block-end: 0;
        }

        .wp-container-core-group-is-layout-c7f04a3e {
            gap: var(--wp--preset--spacing--20);
        }

        .wp-container-core-navigation-is-layout-5e1415c7 {
            gap: var(--wp--preset--spacing--20);
            justify-content: flex-end;
        }

        .wp-container-core-group-is-layout-3bd2330e {
            justify-content: flex-start;
        }

        .wp-container-core-group-is-layout-1d0a7695 {
            justify-content: space-between;
        }

        .wp-container-core-group-is-layout-6a058180 {
            gap: 0.3em;
            justify-content: flex-start;
        }

        .wp-container-core-columns-is-layout-50bb89e7 {
            flex-wrap: nowrap;
        }

        .wp-container-core-group-is-layout-36f65c2d>.alignfull {
            margin-right: calc(var(--wp--preset--spacing--50) * -1);
            margin-left: calc(var(--wp--preset--spacing--50) * -1);
        }

        .wp-container-core-group-is-layout-cb10d8c2>* {
            margin-block-start: 0;
            margin-block-end: 0;
        }

        .wp-container-core-group-is-layout-cb10d8c2>*+* {
            margin-block-start: 0;
            margin-block-end: 0;
        }

        .wp-container-core-group-is-layout-831b2db5 {
            flex-direction: column;
            align-items: flex-start;
        }

        .wp-container-core-navigation-is-layout-bce0c455 {
            gap: var(--wp--preset--spacing--10);
            flex-direction: column;
            align-items: flex-start;
        }

        .wp-container-core-group-is-layout-bce0c455 {
            gap: var(--wp--preset--spacing--10);
            flex-direction: column;
            align-items: flex-start;
        }

        .wp-container-core-group-is-layout-d8dce8eb {
            flex-direction: column;
            align-items: stretch;
        }

        .wp-container-core-group-is-layout-cf54d0a6 {
            justify-content: space-between;
            align-items: flex-start;
        }

        .wp-container-core-columns-is-layout-3a88641f {
            flex-wrap: nowrap;
        }

        .wp-elements-01d0cdc26970305bfd55d2c4529b3483 a:where(:not(.wp-element-button)) {
            color: var(--wp--preset--color--contrast);
        }

        /*# sourceURL=core-block-supports-inline-css */

/*! This file is auto-generated */
        .skip-link.screen-reader-text {
            border: 0;
            clip-path: inset(50%);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute !important;
            width: 1px;
            word-wrap: normal !important;
            word-break: normal !important
        }

        .skip-link.screen-reader-text:focus {
            background-color: #eee;
            clip-path: none;
            color: #444;
            display: block;
            font-size: 1em;
            height: auto;
            left: 5px;
            line-height: normal;
            padding: 15px 23px 14px;
            text-decoration: none;
            top: 5px;
            width: auto;
            z-index: 100000
        }

        /*# sourceURL=/wp-includes/css/wp-block-template-skip-link.min.css */

@font-face {
            font-family: Inter;
            font-style: normal;
            font-weight: 300 900;
            font-display: fallback;
            src: url('https://clvcha.com.cn/wp-content/themes/twentytwentyfour/assets/fonts/inter/Inter-VariableFont_slnt,wght.woff2') format('woff2');
            font-stretch: normal;
        }

        @font-face {
            font-family: Cardo;
            font-style: normal;
            font-weight: 400;
            font-display: fallback;
            src: url('https://clvcha.com.cn/wp-content/themes/twentytwentyfour/assets/fonts/cardo/cardo_normal_400.woff2') format('woff2');
        }

        @font-face {
            font-family: Cardo;
            font-style: italic;
            font-weight: 400;
            font-display: fallback;
            src: url('https://clvcha.com.cn/wp-content/themes/twentytwentyfour/assets/fonts/cardo/cardo_italic_400.woff2') format('woff2');
        }

        @font-face {
            font-family: Cardo;
            font-style: normal;
            font-weight: 700;
            font-display: fallback;
            src: url('https://clvcha.com.cn/wp-content/themes/twentytwentyfour/assets/fonts/cardo/cardo_normal_700.woff2') format('woff2');
        }

:root {
                    --green-light: #A8E6CF;
                    --green-mid: #7DD4A4;
                    --green-main: #56C596;
                    --green-dark: #3B8C6E;
                    --orange: #FF6B6B;
                    --orange-hover: #FF5252;
                    --orange-dark: #E85555;
                    --text-dark: #2D3436;
                    --text-mid: #555;
                    --text-light: #777;
                    --bg-white: #FFFFFF;
                    --bg-light: #F8FBF9;
                    --bg-cream: #FDFDFC;
                    --border-light: #E8EFEB;
                    --border-card: #DDE8E1;
                    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
                    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.10);
                    --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.14);
                    --shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.18);
                    --radius-sm: 8px;
                    --radius-md: 14px;
                    --radius-lg: 20px;
                    --radius-xl: 28px;
                    --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                    --font-cn: 'Noto Sans SC', 'Source Han Sans SC', 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', sans-serif;
                    --font-en: 'Inter', 'Helvetica Neue', 'Segoe UI', sans-serif;
                    --max-width: 1200px;
                    --nav-height: 70px;
                    --scroll-behavior: smooth
                }

                *,
                *::before,
                *::after {
                    box-sizing: border-box;
                    margin: 0;
                    padding: 0
                }

                html {
                    scroll-behavior: smooth;
                    font-size: 16px;
                    -webkit-text-size-adjust: 100%
                }

                body {
                    font-family: var(--font-cn);
                    color: var(--text-dark);
                    background: var(--bg-white);
                    line-height: 1.7;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    overflow-x: hidden
                }

                .lang-switch-checkbox {
                    position: absolute;
                    opacity: 0;
                    pointer-events: none;
                    width: 0;
                    height: 0
                }

                .en {
                    display: none
                }

                .en-block {
                    display: none
                }

                .en-inline {
                    display: none
                }

                .zh {
                    display: inline
                }

                .zh-block {
                    display: block
                }

                .zh-inline {
                    display: inline
                }

                .lang-switch-checkbox:checked~.page-wrapper .en {
                    display: inline
                }

                .lang-switch-checkbox:checked~.page-wrapper .en-block {
                    display: block
                }

                .lang-switch-checkbox:checked~.page-wrapper .en-inline {
                    display: inline
                }

                .lang-switch-checkbox:checked~.page-wrapper .zh {
                    display: none
                }

                .lang-switch-checkbox:checked~.page-wrapper .zh-block {
                    display: none
                }

                .lang-switch-checkbox:checked~.page-wrapper .zh-inline {
                    display: none
                }

                .nav-bar {
                    position: fixed;
                    top: 0;
                    left: 0;
                    right: 0;
                    z-index: 1000;
                    height: var(--nav-height);
                    background: rgba(255, 255, 255, 0.85);
                    backdrop-filter: blur(18px);
                    -webkit-backdrop-filter: blur(18px);
                    border-bottom: 1px solid rgba(200, 215, 205, 0.5);
                    transition: var(--transition);
                    display: flex;
                    align-items: center
                }

                .nav-inner {
                    max-width: var(--max-width);
                    width: 100%;
                    margin: 0 auto;
                    padding: 0 28px;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    gap: 18px
                }

                .nav-logo {
                    display: flex;
                    align-items: center;
                    gap: 10px;
                    text-decoration: none;
                    font-weight: 800;
                    font-size: 1.4rem;
                    color: var(--green-dark);
                    letter-spacing: -0.3px;
                    flex-shrink: 0;
                    font-family: var(--font-en)
                }

                .nav-logo-icon {
                    width: 38px;
                    height: 38px;
                    border-radius: 50%;
                    background: linear-gradient(135deg, var(--green-light), var(--green-main));
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 1.3rem;
                    color: #fff;
                    flex-shrink: 0
                }

                .nav-links {
                    display: flex;
                    align-items: center;
                    gap: 6px;
                    list-style: none;
                    flex-wrap: wrap
                }

                .nav-links a {
                    text-decoration: none;
                    color: var(--text-dark);
                    font-weight: 500;
                    font-size: 0.95rem;
                    padding: 8px 14px;
                    border-radius: 20px;
                    transition: var(--transition);
                    white-space: nowrap;
                    letter-spacing: 0.1px
                }

                .nav-links a:hover,
                .nav-links a:focus {
                    background: rgba(86, 197, 150, 0.10);
                    color: var(--green-dark);
                    outline: none
                }

                .nav-actions {
                    display: flex;
                    align-items: center;
                    gap: 10px;
                    flex-shrink: 0
                }

                .nav-btn-login {
                    text-decoration: none;
                    font-weight: 600;
                    font-size: 0.9rem;
                    color: var(--text-dark);
                    padding: 9px 18px;
                    border-radius: 22px;
                    transition: var(--transition);
                    letter-spacing: 0.1px;
                    white-space: nowrap
                }

                .nav-btn-login:hover {
                    background: rgba(0, 0, 0, 0.04);
                    color: var(--green-dark)
                }

                .nav-btn-cta {
                    text-decoration: none;
                    font-weight: 600;
                    font-size: 0.9rem;
                    color: #fff;
                    background: var(--orange);
                    padding: 9px 20px;
                    border-radius: 22px;
                    transition: var(--transition);
                    letter-spacing: 0.1px;
                    white-space: nowrap;
                    box-shadow: 0 3px 12px rgba(255, 107, 107, 0.3)
                }

                .nav-btn-cta:hover {
                    background: var(--orange-hover);
                    box-shadow: 0 6px 20px rgba(255, 107, 107, 0.4);
                    transform: translateY(-1px)
                }

                .lang-toggle-label {
                    display: flex;
                    align-items: center;
                    gap: 8px;
                    cursor: pointer;
                    font-size: 0.85rem;
                    font-weight: 600;
                    color: var(--text-mid);
                    user-select: none;
                    padding: 6px 12px;
                    border-radius: 20px;
                    border: 2px solid var(--border-light);
                    transition: var(--transition);
                    white-space: nowrap;
                    background: var(--bg-light)
                }

                .lang-toggle-label:hover {
                    border-color: var(--green-mid);
                    color: var(--green-dark)
                }

                .lang-toggle-dot {
                    width: 20px;
                    height: 20px;
                    border-radius: 50%;
                    background: var(--green-main);
                    position: relative;
                    transition: var(--transition);
                    flex-shrink: 0
                }

                .lang-toggle-dot::after {
                    content: '';
                    position: absolute;
                    top: 3px;
                    left: 3px;
                    width: 14px;
                    height: 14px;
                    border-radius: 50%;
                    background: #fff;
                    transition: var(--transition)
                }

                .lang-switch-checkbox:checked~.page-wrapper .lang-toggle-label .lang-toggle-dot::after {
                    left: auto;
                    right: 3px;
                    background: #fff
                }

                .lang-switch-checkbox:checked~.page-wrapper .lang-toggle-label {
                    border-color: var(--green-main);
                    background: rgba(86, 197, 150, 0.08)
                }

                .hero {
                    padding: 140px 28px 80px;
                    background: linear-gradient(180deg, #F6FBf8 0%, #FDFEFD 40%, #fff 100%);
                    position: relative;
                    overflow: hidden;
                    text-align: center
                }

                .hero::before {
                    content: '';
                    position: absolute;
                    top: -120px;
                    right: -80px;
                    width: 500px;
                    height: 500px;
                    border-radius: 50%;
                    background: radial-gradient(circle, rgba(168, 230, 207, 0.35) 0%, transparent 70%);
                    pointer-events: none
                }

                .hero::after {
                    content: '';
                    position: absolute;
                    bottom: -100px;
                    left: -60px;
                    width: 400px;
                    height: 400px;
                    border-radius: 50%;
                    background: radial-gradient(circle, rgba(86, 197, 150, 0.2) 0%, transparent 70%);
                    pointer-events: none
                }

                .hero-inner {
                    max-width: 800px;
                    margin: 0 auto;
                    position: relative;
                    z-index: 2
                }

                .hero h1 {
                    font-size: clamp(2rem, 5vw, 3.2rem);
                    font-weight: 900;
                    letter-spacing: -0.5px;
                    line-height: 1.25;
                    margin-bottom: 16px;
                    background: linear-gradient(135deg, #2D3436 0%, #3B8C6E 100%);
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                    background-clip: text
                }

                .hero-subtitle {
                    font-size: clamp(1rem, 2vw, 1.2rem);
                    color: var(--text-mid);
                    margin-bottom: 32px;
                    line-height: 1.6;
                    max-width: 600px;
                    margin-left: auto;
                    margin-right: auto
                }

                .hero-cta-group {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 14px;
                    flex-wrap: wrap;
                    margin-bottom: 18px
                }

                .hero-cta-primary {
                    display: inline-block;
                    text-decoration: none;
                    font-weight: 700;
                    font-size: 1.05rem;
                    color: #fff;
                    background: var(--orange);
                    padding: 14px 34px;
                    border-radius: 30px;
                    transition: var(--transition);
                    letter-spacing: 0.2px;
                    box-shadow: 0 6px 24px rgba(255, 107, 107, 0.35);
                    white-space: nowrap
                }

                .hero-cta-primary:hover {
                    background: var(--orange-hover);
                    box-shadow: 0 10px 32px rgba(255, 107, 107, 0.5);
                    transform: translateY(-2px)
                }

                .hero-cta-secondary {
                    display: inline-block;
                    text-decoration: none;
                    font-weight: 600;
                    font-size: 1rem;
                    color: var(--green-dark);
                    background: #fff;
                    padding: 14px 30px;
                    border-radius: 30px;
                    border: 2px solid var(--border-card);
                    transition: var(--transition);
                    letter-spacing: 0.2px;
                    white-space: nowrap
                }

                .hero-cta-secondary:hover {
                    border-color: var(--green-main);
                    background: rgba(86, 197, 150, 0.04);
                    transform: translateY(-1px)
                }

                .hero-trust-text {
                    font-size: 0.85rem;
                    color: var(--text-light);
                    letter-spacing: 0.2px
                }

                .hero-visual {
                    margin-top: 40px;
                    max-width: 500px;
                    margin-left: auto;
                    margin-right: auto;
                    position: relative
                }

                .hero-globe {
                    width: 180px;
                    height: 180px;
                    border-radius: 50%;
                    background: radial-gradient(circle at 40% 35%, rgba(168, 230, 207, 0.7) 0%, rgba(86, 197, 150, 0.5) 40%, rgba(59, 140, 110, 0.3) 100%);
                    margin: 0 auto;
                    position: relative;
                    animation: heroPulse 4s ease-in-out infinite;
                    box-shadow: 0 0 60px rgba(168, 230, 207, 0.5), 0 0 120px rgba(86, 197, 150, 0.25)
                }

                @keyframes heroPulse {

                    0%,
                    100% {
                        transform: scale(1);
                        box-shadow: 0 0 60px rgba(168, 230, 207, 0.5), 0 0 120px rgba(86, 197, 150, 0.25)
                    }

                    50% {
                        transform: scale(1.06);
                        box-shadow: 0 0 80px rgba(168, 230, 207, 0.7), 0 0 160px rgba(86, 197, 150, 0.35)
                    }
                }

                .hero-globe-dots {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    border-radius: 50%;
                    top: 0;
                    left: 0
                }

                .hero-globe-dot {
                    position: absolute;
                    width: 8px;
                    height: 8px;
                    background: #fff;
                    border-radius: 50%;
                    box-shadow: 0 0 8px rgba(255, 255, 255, 0.8);
                    animation: dotBlink 2.5s ease-in-out infinite
                }

                .hero-globe-dot:nth-child(1) {
                    top: 22%;
                    left: 58%;
                    animation-delay: 0s
                }

                .hero-globe-dot:nth-child(2) {
                    top: 40%;
                    left: 28%;
                    animation-delay: 0.6s
                }

                .hero-globe-dot:nth-child(3) {
                    top: 55%;
                    left: 65%;
                    animation-delay: 1.2s
                }

                .hero-globe-dot:nth-child(4) {
                    top: 32%;
                    left: 78%;
                    animation-delay: 1.8s
                }

                .hero-globe-dot:nth-child(5) {
                    top: 68%;
                    left: 35%;
                    animation-delay: 0.3s
                }

                .hero-globe-dot:nth-child(6) {
                    top: 18%;
                    left: 42%;
                    animation-delay: 0.9s
                }

                .hero-globe-dot:nth-child(7) {
                    top: 50%;
                    left: 50%;
                    animation-delay: 1.5s
                }

                @keyframes dotBlink {

                    0%,
                    100% {
                        opacity: 0.5;
                        transform: scale(1)
                    }

                    50% {
                        opacity: 1;
                        transform: scale(1.8)
                    }
                }

                .trust-bar {
                    background: #fff;
                    padding: 28px 20px;
                    border-top: 1px solid var(--border-light);
                    border-bottom: 1px solid var(--border-light);
                    text-align: center
                }

                .trust-bar-inner {
                    max-width: var(--max-width);
                    margin: 0 auto;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 40px;
                    flex-wrap: wrap
                }

                .trust-stat {
                    text-align: center;
                    min-width: 100px
                }

                .trust-stat-number {
                    font-size: 2rem;
                    font-weight: 900;
                    color: var(--green-dark);
                    letter-spacing: -0.5px;
                    font-family: var(--font-en);
                    animation: statHighlight 3s ease-in-out infinite
                }

                @keyframes statHighlight {

                    0%,
                    100% {
                        color: var(--green-dark)
                    }

                    50% {
                        color: var(--green-main)
                    }
                }

                .trust-stat-label {
                    font-size: 0.85rem;
                    color: var(--text-light);
                    margin-top: 2px;
                    letter-spacing: 0.3px
                }

                .trust-divider {
                    width: 1px;
                    height: 40px;
                    background: var(--border-light);
                    flex-shrink: 0
                }

                .trust-media-logos {
                    display: flex;
                    gap: 24px;
                    align-items: center;
                    flex-wrap: wrap;
                    justify-content: center
                }

                .trust-media-badge {
                    font-weight: 700;
                    font-size: 0.85rem;
                    color: var(--text-light);
                    letter-spacing: 0.5px;
                    padding: 6px 14px;
                    background: var(--bg-light);
                    border-radius: 20px;
                    border: 1px solid var(--border-light);
                    font-family: var(--font-en)
                }

                .section {
                    padding: 80px 28px
                }

                .section-inner {
                    max-width: var(--max-width);
                    margin: 0 auto
                }

                .section-label {
                    font-size: 0.85rem;
                    font-weight: 700;
                    letter-spacing: 2px;
                    text-transform: uppercase;
                    color: var(--green-main);
                    margin-bottom: 8px
                }

                .section-title {
                    font-size: clamp(1.6rem, 3vw, 2.4rem);
                    font-weight: 800;
                    letter-spacing: -0.3px;
                    margin-bottom: 12px;
                    color: var(--text-dark)
                }

                .section-desc {
                    font-size: 1.05rem;
                    color: var(--text-mid);
                    max-width: 600px;
                    margin-bottom: 40px;
                    line-height: 1.7
                }

                .section-bg-light {
                    background: var(--bg-light)
                }

                .features-grid {
                    display: grid;
                    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
                    gap: 24px
                }

                .feature-card {
                    background: #fff;
                    border: 1px solid var(--border-card);
                    border-radius: var(--radius-lg);
                    padding: 30px 26px;
                    transition: var(--transition);
                    text-align: left;
                    position: relative;
                    overflow: hidden
                }

                .feature-card:hover {
                    transform: translateY(-6px);
                    box-shadow: var(--shadow-lg);
                    border-color: transparent
                }

                .feature-card-icon {
                    width: 50px;
                    height: 50px;
                    border-radius: var(--radius-md);
                    background: linear-gradient(135deg, var(--green-light), var(--green-main));
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 1.5rem;
                    margin-bottom: 16px;
                    color: #fff
                }

                .feature-card h3 {
                    font-size: 1.15rem;
                    font-weight: 700;
                    margin-bottom: 8px;
                    letter-spacing: -0.2px
                }

                .feature-card p {
                    font-size: 0.95rem;
                    color: var(--text-mid);
                    line-height: 1.6
                }

                .nodes-grid {
                    display: grid;
                    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
                    gap: 16px
                }

                .node-card {
                    background: #fff;
                    border: 1px solid var(--border-card);
                    border-radius: var(--radius-md);
                    padding: 20px 16px;
                    text-align: center;
                    transition: var(--transition);
                    position: relative
                }

                .node-card:hover {
                    box-shadow: var(--shadow-md);
                    border-color: var(--green-mid);
                    transform: translateY(-3px)
                }

                .node-indicator {
                    width: 10px;
                    height: 10px;
                    border-radius: 50%;
                    background: #56C596;
                    display: inline-block;
                    margin-bottom: 8px;
                    animation: indicatorPulse 2s ease-in-out infinite
                }

                @keyframes indicatorPulse {

                    0%,
                    100% {
                        box-shadow: 0 0 0 0 rgba(86, 197, 150, 0.6)
                    }

                    50% {
                        box-shadow: 0 0 0 10px rgba(86, 197, 150, 0)
                    }
                }

                .node-city {
                    font-weight: 700;
                    font-size: 0.95rem;
                    letter-spacing: -0.2px;
                    font-family: var(--font-en)
                }

                .node-region {
                    font-size: 0.75rem;
                    color: var(--text-light);
                    margin-top: 2px
                }

                .node-latency {
                    font-size: 0.8rem;
                    color: var(--green-main);
                    font-weight: 600;
                    margin-top: 4px;
                    font-family: var(--font-en)
                }

                .platforms-list {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 20px;
                    flex-wrap: wrap
                }

                .platform-item {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    gap: 10px;
                    text-decoration: none;
                    color: var(--text-dark);
                    font-weight: 600;
                    font-size: 0.9rem;
                    padding: 20px 18px;
                    border-radius: var(--radius-lg);
                    transition: var(--transition);
                    border: 1px solid transparent;
                    min-width: 90px
                }

                .platform-item:hover {
                    background: #fff;
                    border-color: var(--border-card);
                    box-shadow: var(--shadow-md);
                    transform: translateY(-4px)
                }

                .platform-icon {
                    width: 50px;
                    height: 50px;
                    border-radius: var(--radius-md);
                    background: var(--bg-light);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 1.6rem
                }

                .platform-item:hover .platform-icon {
                    background: linear-gradient(135deg, var(--green-light), var(--green-main));
                    color: #fff
                }

                .testimonials-grid {
                    display: grid;
                    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
                    gap: 20px
                }

                .testimonial-card {
                    background: #fff;
                    border: 1px solid var(--border-card);
                    border-radius: var(--radius-lg);
                    padding: 24px 22px;
                    transition: var(--transition)
                }

                .testimonial-card:hover {
                    box-shadow: var(--shadow-md);
                    transform: translateY(-3px)
                }

                .testimonial-stars {
                    color: #F9A825;
                    font-size: 1rem;
                    letter-spacing: 2px;
                    margin-bottom: 8px
                }

                .testimonial-text {
                    font-size: 0.95rem;
                    color: var(--text-mid);
                    line-height: 1.6;
                    margin-bottom: 14px;
                    font-style: italic
                }

                .testimonial-author {
                    display: flex;
                    align-items: center;
                    gap: 10px
                }

                .testimonial-avatar {
                    width: 40px;
                    height: 40px;
                    border-radius: 50%;
                    background: linear-gradient(135deg, var(--green-light), var(--green-main));
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    color: #fff;
                    font-weight: 700;
                    font-size: 0.9rem;
                    font-family: var(--font-en)
                }

                .testimonial-name {
                    font-weight: 700;
                    font-size: 0.9rem
                }

                .testimonial-role {
                    font-size: 0.78rem;
                    color: var(--text-light)
                }

                .pricing-grid {
                    display: grid;
                    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
                    gap: 20px;
                    align-items: stretch
                }

                .pricing-card {
                    background: #fff;
                    border: 2px solid var(--border-card);
                    border-radius: var(--radius-xl);
                    padding: 32px 24px;
                    text-align: center;
                    transition: var(--transition);
                    display: flex;
                    flex-direction: column;
                    position: relative
                }

                .pricing-card:hover {
                    box-shadow: var(--shadow-lg);
                    transform: translateY(-4px)
                }

                .pricing-card.featured {
                    border-color: var(--green-main);
                    background: #fff;
                    box-shadow: var(--shadow-lg);
                    transform: scale(1.03);
                    z-index: 2;
                    border-width: 3px
                }

                .pricing-card.featured:hover {
                    transform: scale(1.03) translateY(-4px);
                    box-shadow: var(--shadow-xl)
                }

                .pricing-badge {
                    position: absolute;
                    top: -14px;
                    left: 50%;
                    transform: translateX(-50%);
                    background: var(--green-main);
                    color: #fff;
                    padding: 6px 16px;
                    border-radius: 20px;
                    font-size: 0.8rem;
                    font-weight: 700;
                    letter-spacing: 0.3px;
                    white-space: nowrap
                }

                .pricing-plan-name {
                    font-weight: 700;
                    font-size: 1.2rem;
                    letter-spacing: -0.2px;
                    margin-bottom: 8px
                }

                .pricing-price {
                    font-size: 2.6rem;
                    font-weight: 900;
                    letter-spacing: -1px;
                    color: var(--green-dark);
                    font-family: var(--font-en)
                }

                .pricing-price-original {
                    font-size: 1rem;
                    color: #bbb;
                    text-decoration: line-through;
                    font-weight: 400;
                    font-family: var(--font-en)
                }

                .pricing-period {
                    font-size: 0.85rem;
                    color: var(--text-light);
                    margin-bottom: 20px
                }

                .pricing-features {
                    list-style: none;
                    text-align: left;
                    margin-bottom: 24px;
                    flex-grow: 1
                }

                .pricing-features li {
                    padding: 6px 0;
                    font-size: 0.9rem;
                    color: var(--text-mid);
                    display: flex;
                    align-items: center;
                    gap: 8px
                }

                .pricing-features li::before {
                    content: '✓';
                    color: var(--green-main);
                    font-weight: 700;
                    flex-shrink: 0
                }

                .pricing-features li.unavailable {
                    color: #ccc;
                    text-decoration: line-through
                }

                .pricing-features li.unavailable::before {
                    content: '−';
                    color: #ccc
                }

                .pricing-btn {
                    display: block;
                    text-decoration: none;
                    font-weight: 700;
                    font-size: 1rem;
                    padding: 13px 20px;
                    border-radius: 28px;
                    transition: var(--transition);
                    letter-spacing: 0.2px;
                    text-align: center;
                    border: 2px solid var(--border-card);
                    color: var(--text-dark);
                    background: #fff
                }

                .pricing-btn:hover {
                    border-color: var(--green-main);
                    background: rgba(86, 197, 150, 0.04)
                }

                .pricing-card.featured .pricing-btn {
                    background: var(--orange);
                    color: #fff;
                    border-color: var(--orange);
                    box-shadow: 0 4px 16px rgba(255, 107, 107, 0.3)
                }

                .pricing-card.featured .pricing-btn:hover {
                    background: var(--orange-hover);
                    box-shadow: 0 8px 24px rgba(255, 107, 107, 0.45)
                }

                .pricing-trust {
                    text-align: center;
                    margin-top: 20px;
                    font-size: 0.85rem;
                    color: var(--text-light);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 12px;
                    flex-wrap: wrap
                }

                .pricing-trust-icon {
                    display: inline-flex;
                    align-items: center;
                    gap: 4px;
                    font-weight: 600;
                    color: var(--green-dark)
                }

                .faq-list {
                    max-width: 750px;
                    margin: 0 auto;
                    display: flex;
                    flex-direction: column;
                    gap: 12px
                }

                .faq-item {
                    border: 1px solid var(--border-card);
                    border-radius: var(--radius-md);
                    background: #fff;
                    overflow: hidden;
                    transition: var(--transition)
                }

                .faq-item:hover {
                    border-color: var(--green-mid)
                }

                .faq-item summary {
                    padding: 18px 22px;
                    cursor: pointer;
                    font-weight: 700;
                    font-size: 1rem;
                    letter-spacing: -0.1px;
                    list-style: none;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    gap: 12px;
                    user-select: none;
                    color: var(--text-dark);
                    transition: var(--transition)
                }

                .faq-item summary::-webkit-details-marker {
                    display: none
                }

                .faq-item summary::after {
                    content: '+';
                    font-size: 1.4rem;
                    font-weight: 400;
                    color: var(--green-main);
                    transition: var(--transition);
                    flex-shrink: 0;
                    width: 28px;
                    height: 28px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: 50%;
                    background: rgba(86, 197, 150, 0.08)
                }

                .faq-item[open] summary::after {
                    content: '−';
                    background: rgba(86, 197, 150, 0.15)
                }

                .faq-item[open] summary {
                    color: var(--green-dark)
                }

                .faq-answer {
                    padding: 0 22px 20px;
                    font-size: 0.95rem;
                    color: var(--text-mid);
                    line-height: 1.7
                }

                .faq-answer ol {
                    padding-left: 20px;
                    margin-top: 8px
                }

                .faq-answer ol li {
                    margin-bottom: 8px;
                    padding-left: 4px
                }

                .faq-answer ol li strong {
                    color: var(--text-dark)
                }

                .faq-more-link {
                    text-align: center;
                    margin-top: 24px
                }

                .faq-more-link a {
                    color: var(--green-main);
                    font-weight: 600;
                    text-decoration: none;
                    font-size: 0.95rem;
                    transition: var(--transition)
                }

                .faq-more-link a:hover {
                    color: var(--green-dark);
                    text-decoration: underline
                }

                .bottom-cta {
                    background: linear-gradient(135deg, #F6FBf8 0%, #E8F8F0 100%);
                    text-align: center;
                    padding: 70px 28px;
                    border-radius: 0
                }

                .bottom-cta h2 {
                    font-size: clamp(1.5rem, 3vw, 2.2rem);
                    font-weight: 800;
                    letter-spacing: -0.3px;
                    margin-bottom: 10px
                }

                .bottom-cta p {
                    font-size: 1rem;
                    color: var(--text-mid);
                    margin-bottom: 24px
                }

                .bottom-cta-btn {
                    display: inline-block;
                    text-decoration: none;
                    font-weight: 700;
                    font-size: 1.1rem;
                    color: #fff;
                    background: var(--orange);
                    padding: 15px 40px;
                    border-radius: 32px;
                    transition: var(--transition);
                    letter-spacing: 0.3px;
                    box-shadow: 0 8px 28px rgba(255, 107, 107, 0.35)
                }

                .bottom-cta-btn:hover {
                    background: var(--orange-hover);
                    box-shadow: 0 12px 36px rgba(255, 107, 107, 0.5);
                    transform: translateY(-3px)
                }

                .footer {
                    background: #1a1f1c;
                    color: #ccc;
                    padding: 50px 28px 30px
                }

                .footer-inner {
                    max-width: var(--max-width);
                    margin: 0 auto;
                    display: grid;
                    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
                    gap: 30px
                }

                .footer-col h4 {
                    color: #fff;
                    font-weight: 700;
                    font-size: 0.95rem;
                    letter-spacing: 0.3px;
                    margin-bottom: 14px
                }

                .footer-col a {
                    display: block;
                    color: #aaa;
                    text-decoration: none;
                    font-size: 0.85rem;
                    padding: 4px 0;
                    transition: var(--transition)
                }

                .footer-col a:hover {
                    color: var(--green-light)
                }

                .footer-bottom {
                    max-width: var(--max-width);
                    margin: 30px auto 0;
                    padding-top: 20px;
                    border-top: 1px solid rgba(255, 255, 255, 0.1);
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    flex-wrap: wrap;
                    gap: 14px;
                    font-size: 0.8rem;
                    color: #888
                }

                .footer-social {
                    display: flex;
                    gap: 12px
                }

                .footer-social a {
                    color: #aaa;
                    text-decoration: none;
                    font-weight: 600;
                    font-size: 0.85rem;
                    transition: var(--transition);
                    padding: 6px 10px;
                    border-radius: 6px
                }

                .footer-social a:hover {
                    color: #fff;
                    background: rgba(255, 255, 255, 0.08)
                }

                .mobile-bottom-nav {
                    display: none
                }

                @media (max-width:768px) {
                    .nav-links {
                        display: none
                    }

                    .nav-inner {
                        padding: 0 14px;
                        gap: 8px
                    }

                    .nav-logo {
                        font-size: 1.1rem
                    }

                    .nav-logo-icon {
                        width: 30px;
                        height: 30px;
                        font-size: 1rem
                    }

                    .nav-btn-login {
                        font-size: 0.8rem;
                        padding: 7px 12px
                    }

                    .nav-btn-cta {
                        font-size: 0.8rem;
                        padding: 7px 14px
                    }

                    .lang-toggle-label {
                        font-size: 0.75rem;
                        padding: 4px 10px;
                        gap: 4px
                    }

                    .hero {
                        padding: 110px 16px 50px
                    }

                    .section {
                        padding: 50px 16px
                    }

                    .features-grid {
                        grid-template-columns: 1fr;
                        gap: 14px
                    }

                    .nodes-grid {
                        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
                        gap: 10px
                    }

                    .pricing-grid {
                        grid-template-columns: 1fr;
                        gap: 16px
                    }

                    .pricing-card.featured {
                        transform: scale(1)
                    }

                    .pricing-card.featured:hover {
                        transform: scale(1) translateY(-4px)
                    }

                    .trust-bar-inner {
                        gap: 16px
                    }

                    .trust-stat-number {
                        font-size: 1.4rem
                    }

                    .trust-divider {
                        display: none
                    }

                    .testimonials-grid {
                        grid-template-columns: 1fr
                    }

                    .platforms-list {
                        gap: 8px
                    }

                    .platform-item {
                        padding: 12px 10px;
                        min-width: 65px;
                        font-size: 0.75rem
                    }

                    .platform-icon {
                        width: 38px;
                        height: 38px;
                        font-size: 1.2rem
                    }

                    .hero-cta-group {
                        flex-direction: column;
                        gap: 10px
                    }

                    .hero-cta-primary,
                    .hero-cta-secondary {
                        width: 100%;
                        text-align: center;
                        padding: 13px 20px;
                        font-size: 0.95rem
                    }

                    .footer-inner {
                        grid-template-columns: repeat(2, 1fr);
                        gap: 20px
                    }

                    .mobile-bottom-nav {
                        display: flex;
                        position: fixed;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        z-index: 999;
                        background: rgba(255, 255, 255, 0.92);
                        backdrop-filter: blur(18px);
                        -webkit-backdrop-filter: blur(18px);
                        border-top: 1px solid var(--border-light);
                        padding: 6px 10px;
                        padding-bottom: env(safe-area-inset-bottom, 6px);
                        justify-content: space-around;
                        align-items: center;
                        gap: 2px
                    }

                    .mobile-bottom-nav a {
                        text-decoration: none;
                        color: var(--text-mid);
                        font-size: 0.7rem;
                        font-weight: 600;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        gap: 2px;
                        padding: 4px 6px;
                        border-radius: 8px;
                        transition: var(--transition);
                        letter-spacing: 0.2px
                    }

                    .mobile-bottom-nav a:hover,
                    .mobile-bottom-nav a:focus {
                        color: var(--green-dark);
                        background: rgba(86, 197, 150, 0.08)
                    }

                    .mobile-bottom-nav-icon {
                        font-size: 1.1rem
                    }

                    body {
                        padding-bottom: 70px
                    }
                }

                @media (max-width:480px) {
                    .nav-btn-login {
                        padding: 6px 10px;
                        font-size: 0.75rem
                    }

                    .nav-btn-cta {
                        padding: 6px 12px;
                        font-size: 0.75rem
                    }

                    .lang-toggle-label {
                        padding: 3px 8px;
                        font-size: 0.7rem
                    }

                    .lang-toggle-dot {
                        width: 16px;
                        height: 16px
                    }

                    .lang-toggle-dot::after {
                        width: 10px;
                        height: 10px;
                        top: 2px;
                        left: 2px
                    }

                    .hero h1 {
                        font-size: 1.6rem
                    }

                    .hero-subtitle {
                        font-size: 0.9rem
                    }

                    .section-title {
                        font-size: 1.4rem
                    }

                    .pricing-price {
                        font-size: 2rem
                    }

                    .nodes-grid {
                        grid-template-columns: repeat(3, 1fr);
                        gap: 8px
                    }

                    .node-card {
                        padding: 12px 8px
                    }

                    .node-city {
                        font-size: 0.8rem
                    }
                }

                a:focus-visible {
                    outline: 3px solid var(--green-main);
                    outline-offset: 3px;
                    border-radius: 4px
                }

                summary:focus-visible {
                    outline: 3px solid var(--green-main);
                    outline-offset: 2px;
                    border-radius: 6px
                }

:root {
                    --red: #C62F2F;
                    --red-hover: #a02424;
                    --red-light: #e03a3a;
                    --dark-bg: #1a1a1f;
                    --darker-bg: #121216;
                    --card-bg: #1e1e24;
                    --card-hover: #252530;
                    --text-primary: #e8e8ea;
                    --text-secondary: #b0b0b8;
                    --text-muted: #7a7a85;
                    --border-subtle: rgba(255, 255, 255, 0.06);
                    --border-hover: rgba(255, 255, 255, 0.12);
                    --glass-bg: rgba(22, 22, 28, 0.82);
                    --glass-border: rgba(255, 255, 255, 0.08);
                    --shadow-card: 0 2px 16px rgba(0, 0, 0, 0.35);
                    --shadow-hover: 0 8px 32px rgba(0, 0, 0, 0.5);
                    --radius-sm: 8px;
                    --radius-md: 14px;
                    --radius-lg: 20px;
                    --radius-xl: 24px;

                    --transition-fast:200ms cubic-bezier(0.4, 0, 0.2, 1:root {
                            --green:#38B48B; --green-deep:#1F6D54; --bg-mint:#E0F7F1; --blue-trust:#1D4ED8; --text-dark:#1a1a1a; --text-secondary:#555; --text-light:#777; --white:#ffffff; --card-shadow:0 4px 12px rgba(0, 0, 0, 0.04); --card-shadow-hover:0 8px 24px rgba(0, 0, 0, 0.08); --radius-card:16px; --radius-btn:8px; --font-cn:'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans SC', sans-serif; --font-en:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --transition:cubic-bezier(0.2, 0.8, 0.2, 1)
                        }

                        * {
                            margin:0; padding:0; box-sizing:border-box
                        }

                        html {
                            scroll-behavior:smooth; font-size:16px
                        }

                        body {
                            font-family:var(--font-cn); color:var(--text-dark); background:#fafdfb; line-height:1.7; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; overflow-x:hidden
                        }

                        #lang-zh-target, #lang-en-target {
                            position:fixed; top:-100px; left:-100px; width:1px; height:1px; opacity:0; pointer-events:none
                        }

                        .lang-zh {
                            display:block
                        }

                        .lang-en {
                            display:none
                        }

                        #lang-en-target:target~.page-wrapper .lang-zh, #lang-en-target:target~.page-wrapper .lang-en-block, body:has(#lang-en-target:target) .lang-zh {
                            display:none
                        }

                        #lang-en-target:target~.page-wrapper .lang-en, body:has(#lang-en-target:target) .lang-en {
                            display:block
                        }

                        body {
                            --zh-display:block; --en-display:none
                        }

                        #lang-en-target:target~.page-wrapper {
                            --zh-display:none; --en-display:block
                        }

                        #lang-en-target:target~.page-wrapper .lang-zh {
                            display:var(--zh-display)
                        }

                        #lang-en-target:target~.page-wrapper .lang-en {
                            display:var(--en-display)
                        }

                        .lang-zh, .lang-en-block {
                            display:block
                        }

                        .lang-en {
                            display:none
                        }

                        html:has(#lang-en-target:target) .lang-zh {
                            display:none !important
                        }

                        html:has(#lang-en-target:target) .lang-en {
                            display:block !important
                        }

                        html:has(#lang-en-target:target) .lang-en-inline {
                            display:inline !important
                        }

                        html:has(#lang-en-target:target) .lang-zh-inline {
                            display:none !important
                        }

                        html:has(#lang-zh-target:target) .lang-zh {
                            display:block !important
                        }

                        html:has(#lang-zh-target:target) .lang-en {
                            display:none !important
                        }

                        .lang-en {
                            display:none
                        }

                        .lang-en-inline {
                            display:none
                        }

                        .navbar {
                            position:fixed; top:0; left:0; width:100%; z-index:1000; height:60px; background:rgba(255, 255, 255, 0.85); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border-bottom:1px solid rgba(56, 180, 139, 0.12); display:flex; align-items:center; justify-content:space-between; padding:0 32px; transition:background 0.3s var(--transition), box-shadow 0.3s var(--transition)
                        }

                        .navbar:hover {
                            background:rgba(255, 255, 255, 0.96); box-shadow:0 2px 16px rgba(0, 0, 0, 0.06)
                        }

                        .nav-brand {
                            display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--green-deep); font-weight:700; font-size:1.25rem; letter-spacing:-0.3px; flex-shrink:0
                        }

                        .nav-brand .logo-icon {
                            width:34px; height:34px; background:linear-gradient(135deg, #38B48B, #1F6D54); border-radius:8px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:1.1rem; font-weight:700; flex-shrink:0
                        }

                        .nav-links {
                            display:flex; align-items:center; gap:24px; list-style:none; flex-wrap:wrap
                        }

                        .nav-links a {
                            text-decoration:none; color:#333; font-size:0.875rem; font-weight:500; transition:color 0.2s; white-space:nowrap
                        }

                        .nav-links a:hover {
                            color:var(--green)
                        }

                        .nav-actions {
                            display:flex; align-items:center; gap:12px; flex-shrink:0
                        }

                        .nav-actions .lang-switch {
                            display:flex; gap:4px; font-size:0.8rem; border:1px solid #ddd; border-radius:20px; overflow:hidden
                        }

                        .nav-actions .lang-switch a {
                            padding:4px 10px; text-decoration:none; color:#666; font-weight:500; transition:all 0.2s; border-radius:20px; font-size:0.78rem
                        }

                        .nav-actions .lang-switch a.active-lang {
                            background:var(--green); color:#fff; border-radius:20px
                        }

                        .btn-nav-login {
                            text-decoration:none; color:#333; font-weight:500; font-size:0.875rem; padding:6px 12px; transition:color 0.2s
                        }

                        .btn-nav-login:hover {
                            color:var(--green)
                        }

                        .btn-nav-cta {
                            text-decoration:none; background:var(--green); color:#fff; font-weight:600; font-size:0.875rem; padding:8px 18px; border-radius:var(--radius-btn); transition:all 0.25s var(--transition); white-space:nowrap
                        }

                        .btn-nav-cta:hover {
                            background:var(--green-deep); transform:translateY(-1px); box-shadow:0 4px 14px rgba(56, 180, 139, 0.35)
                        }

                        .hamburger-toggle {
                            display:none
                        }

                        .hamburger-icon {
                            display:none; cursor:pointer; flex-direction:column; gap:5px; width:28px; height:22px; justify-content:center
                        }

                        .hamburger-icon span {
                            display:block; height:2.5px; background:#333; border-radius:2px; transition:all 0.3s
                        }

                        @media (max-width:768px) {
                            .nav-links {
                                display:none; position:absolute; top:60px; left:0; width:100%; background:#fff; flex-direction:column; padding:16px 24px; gap:14px; box-shadow:0 8px 24px rgba(0, 0, 0, 0.08); border-radius:0 0 16px 16px; z-index:999
                            }

                            .hamburger-icon {
                                display:flex
                            }

                            .hamburger-toggle:checked~.nav-links {
                                display:flex
                            }

                            .hamburger-toggle:checked+.hamburger-icon span:nth-child(1) {
                                transform:rotate(45deg) translate(5px, 5px)
                            }

                            .hamburger-toggle:checked+.hamburger-icon span:nth-child(2) {
                                opacity:0
                            }

                            .hamburger-toggle:checked+.hamburger-icon span:nth-child(3) {
                                transform:rotate(-45deg) translate(5px, -5px)
                            }

                            .navbar {
                                padding:0 16px
                            }

                            .nav-actions .lang-switch a {
                                font-size:0.7rem; padding:3px 8px
                            }

                            .btn-nav-cta {
                                font-size:0.78rem; padding:6px 12px
                            }
                        }

                        .hero {
                            min-height:100vh; display:flex; align-items:center; justify-content:center; padding:100px 32px 60px; background:linear-gradient(180deg, #E0F7F1 0%, #f5fcfa 40%, #fafdfb 100%); position:relative; overflow:hidden; text-align:center
                        }

                        .hero::before {
                            content:''; position:absolute; top:-80px; right:-120px; width:500px; height:500px; background:radial-gradient(circle, rgba(56, 180, 139, 0.08) 0%, transparent 70%); border-radius:50%; pointer-events:none; animation:floatBubble 8s ease-in-out infinite
                        }

                        .hero::after {
                            content:''; position:absolute; bottom:-60px; left:-100px; width:400px; height:400px; background:radial-gradient(circle, rgba(56, 180, 139, 0.06) 0%, transparent 70%); border-radius:50%; pointer-events:none; animation:floatBubble 10s ease-in-out infinite reverse
                        }

                        @keyframes floatBubble {
                            0%, 100% {
                                transform:translateY(0) scale(1)
                            }

                            30% {
                                transform:translateY(-30px) scale(1.04)
                            }

                            60% {
                                transform:translateY(-15px) scale(0.97)
                            }

                            85% {
                                transform:translateY(-25px) scale(1.02)
                            }
                        }

                        @keyframes pulseSignal {
                            0%, 100% {
                                opacity:0.5; transform:scale(1)
                            }

                            50% {
                                opacity:1; transform:scale(1.35)
                            }
                        }

                        @keyframes floatTeaLeaf {
                            0%, 100% {
                                transform:translateY(0) rotate(0deg)
                            }

                            25% {
                                transform:translateY(-18px) rotate(3deg)
                            }

                            50% {
                                transform:translateY(-6px) rotate(-2deg)
                            }

                            75% {
                                transform:translateY(-22px) rotate(1deg)
                            }
                        }

                        .hero-content {
                            max-width:720px; position:relative; z-index:2
                        }

                        .hero-badge {
                            display:inline-block; background:rgba(56, 180, 139, 0.1); color:var(--green-deep); font-weight:600; font-size:0.85rem; padding:6px 16px; border-radius:20px; margin-bottom:20px; letter-spacing:0.4px
                        }

                        .hero h1 {
                            font-size:clamp(2rem, 5vw, 3rem); font-weight:800; background:linear-gradient(135deg, #1F6D54 0%, #38B48B 50%, #2a9d6e 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; color:transparent; margin-bottom:16px; letter-spacing:-0.5px; line-height:1.25
                        }

                        .hero-subtitle {
                            font-size:1.2rem; color:#555; margin-bottom:32px; max-width:540px; margin-left:auto; margin-right:auto; line-height:1.6
                        }

                        .hero-cta-group {
                            display:flex; align-items:center; justify-content:center; gap:16px; flex-wrap:wrap
                        }

                        .hero-cta-primary {
                            display:inline-block; text-decoration:none; background:var(--green); color:#fff; font-weight:700; font-size:1.05rem; padding:14px 36px; border-radius:var(--radius-btn); transition:all 0.3s var(--transition); box-shadow:0 6px 20px rgba(56, 180, 139, 0.3); animation:pulseSignal 3s ease-in-out infinite
                        }

                        .hero-cta-primary:hover {
                            background:var(--green-deep); transform:translateY(-3px); box-shadow:0 10px 28px rgba(56, 180, 139, 0.4); animation:none
                        }

                        .hero-cta-note {
                            font-size:0.85rem; color:#777; display:block; margin-top:10px
                        }

                        .hero-visual {
                            margin-top:40px; position:relative; display:inline-block
                        }

                        .hero-visual .mock-screen {
                            width:280px; height:180px; background:#fff; border-radius:16px; box-shadow:0 12px 40px rgba(0, 0, 0, 0.1); display:flex; align-items:center; justify-content:center; flex-direction:column; gap:8px; position:relative; z-index:2; margin:0 auto; border:2px solid #e8f5f0
                        }

                        .mock-screen .status-dot {
                            width:10px; height:10px; background:#38B48B; border-radius:50%; animation:pulseSignal 1.8s ease-in-out infinite
                        }

                        .mock-screen .status-text {
                            font-weight:600; color:var(--green-deep); font-size:0.9rem
                        }

                        .mock-screen .speed-info {
                            font-size:0.75rem; color:#888
                        }

                        .tea-leaf-float {
                            position:absolute; font-size:2rem; pointer-events:none; opacity:0.5; z-index:1
                        }

                        .tea-leaf-float:nth-child(1) {
                            top:-30px; left:10%; animation:floatTeaLeaf 5s ease-in-out infinite
                        }

                        .tea-leaf-float:nth-child(2) {
                            top:20px; right:5%; animation:floatTeaLeaf 6s ease-in-out infinite 1s; font-size:1.6rem
                        }

                        .tea-leaf-float:nth-child(3) {
                            bottom:-20px; left:25%; animation:floatTeaLeaf 7s ease-in-out infinite 0.5s; font-size:2.4rem
                        }

                        @media (max-width:768px) {
                            .hero {
                                padding:80px 16px 40px; min-height:auto
                            }

                            .hero h1 {
                                font-size:1.6rem
                            }

                            .hero-subtitle {
                                font-size:1rem
                            }

                            .hero-cta-primary {
                                font-size:0.95rem; padding:12px 28px
                            }

                            .hero-visual .mock-screen {
                                width:220px; height:140px
                            }
                        }

                        .section {
                            padding:80px 32px; max-width:1200px; margin:0 auto
                        }

                        .section-title {
                            text-align:center; font-size:2rem; font-weight:700; color:var(--text-dark); margin-bottom:12px; letter-spacing:-0.3px
                        }

                        .section-subtitle {
                            text-align:center; color:#777; margin-bottom:48px; font-size:1rem; max-width:600px; margin-left:auto; margin-right:auto
                        }

                        @media (max-width:768px) {
                            .section {
                                padding:48px 16px
                            }

                            .section-title {
                                font-size:1.5rem
                            }
                        }

                        .features-grid {
                            display:grid; grid-template-columns:repeat(4, 1fr); gap:20px
                        }

                        .feature-card {
                            background:#fff; border-radius:var(--radius-card); padding:28px 20px; text-align:center; box-shadow:var(--card-shadow); transition:all 0.3s var(--transition); text-decoration:none; color:inherit; display:block
                        }

                        .feature-card:hover {
                            transform:translateY(-3px); box-shadow:var(--card-shadow-hover)
                        }

                        .feature-icon {
                            width:56px; height:56px; border-radius:14px; background:var(--bg-mint); display:flex; align-items:center; justify-content:center; margin:0 auto 16px; font-size:1.6rem; color:var(--green); transition:all 0.3s
                        }

                        .feature-card:hover .feature-icon {
                            background:var(--green); color:#fff; transform:scale(1.06)
                        }

                        .feature-card h3 {
                            font-size:1.05rem; font-weight:700; margin-bottom:6px; color:#222
                        }

                        .feature-card p {
                            font-size:0.88rem; color:#666; line-height:1.5
                        }

                        @media (max-width:1024px) {
                            .features-grid {
                                grid-template-columns:repeat(2, 1fr)
                            }
                        }

                        @media (max-width:600px) {
                            .features-grid {
                                grid-template-columns:1fr
                            }
                        }

                        .map-section {
                            background:linear-gradient(180deg, #f9fdfb 0%, #e8f5ee 100%); border-radius:28px; padding:40px 24px; text-align:center; position:relative; box-shadow:0 4px 20px rgba(0,0,0,0.03)
                        }

                        .map-container {
                            max-width:780px; margin:0 auto
                        }

                        .world-map {
                            width:100%; max-width:700px; height:340px; margin:0 auto; background:linear-gradient(135deg, #1F6D54 0%, #1a4d3d 50%, #0f2e25 100%); border-radius:24px; position:relative; overflow:hidden; box-shadow:0 12px 40px rgba(15,46,37,0.35), inset 0 1px 0 rgba(255,255,255,0.05)
                        }

                        .world-map::before {
                            content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 30% 30%, rgba(56,180,139,0.15) 0%, transparent 50%), radial-gradient(ellipse at 70% 70%, rgba(56,180,139,0.1) 0%, transparent 50%); pointer-events:none
                        }

                        .world-map::after {
                            content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(15,46,37,0.4) 0%, transparent 20%, transparent 80%, rgba(15,46,37,0.5) 100%); pointer-events:none
                        }

                        .map-grid-bg {
                            position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px); background-size:40px 40px; pointer-events:none; mask-image:radial-gradient(ellipse at center, black 30%, transparent 80%); -webkit-mask-image:radial-gradient(ellipse at center, black 30%, transparent 80%)
                        }

                        .map-node {
                            position:absolute; width:22px; height:22px; cursor:pointer; z-index:2; display:flex; align-items:center; justify-content:center
                        }

                        .node-dot {
                            width:12px; height:12px; background:radial-gradient(circle, #ffffff 0%, #7FD5AD 40%, #38B48B 100%); border-radius:50%; box-shadow:0 0 16px rgba(127,213,173,1), 0 0 32px rgba(56,180,139,0.8), 0 0 48px rgba(56,180,139,0.4); position:relative; z-index:2
                        }

                        .node-ring {
                            position:absolute; top:50%; left:50%; width:12px; height:12px; border:2px solid rgba(255,255,255,0.5); border-radius:50%; transform:translate(-50%, -50%); animation:mapPulse 2.5s ease-out infinite; opacity:0; box-shadow:0 0 12px rgba(127,213,173,0.6)
                        }

                        .node-ring-2 {
                            animation-delay:1.25s
                        }

                        @keyframes mapPulse {
                            0% { width:12px; height:12px; opacity:0.8; border-width:2px; border-color:rgba(255,255,255,0.6) }
                            100% { width:60px; height:60px; opacity:0; border-width:1px; border-color:rgba(127,213,173,0.3) }
                        }

                        .map-node-tokyo { top:28%; left:78% }
                        .map-node-singapore { top:55%; left:62% }
                        .map-node-london { top:32%; left:42% }
                        .map-node-newyork { top:38%; left:22% }
                        .map-node-sydney { top:70%; left:80% }
                        .map-node-frankfurt { top:34%; left:48% }

                        .map-tooltip {
                            position:absolute; background:rgba(255,255,255,0.98); color:#1F6D54; padding:10px 18px; border-radius:12px; font-size:0.85rem; font-weight:700; white-space:nowrap; pointer-events:none; opacity:0; transform:translate(-50%, calc(-100% - 14px)); transition:opacity 0.25s ease; box-shadow:0 6px 24px rgba(0,0,0,0.25); z-index:5
                        }

                        .map-tooltip::after {
                            content:''; position:absolute; top:100%; left:50%; transform:translateX(-50%); border:7px solid transparent; border-top-color:rgba(255,255,255,0.98)
                        }

                        .map-tooltip.show { opacity:1 }

                        .map-footer-note {
                            position:absolute; bottom:18px; left:50%; transform:translateX(-50%); background:rgba(0,0,0,0.35); border:1px solid rgba(255,255,255,0.2); border-radius:20px; padding:8px 20px; font-size:0.85rem; color:#ffffff; font-weight:600; white-space:nowrap; z-index:3; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); box-shadow:0 2px 12px rgba(0,0,0,0.2)
                        }

                        .map-speed-bar {
                            display:inline-flex; align-items:center; gap:10px; margin-top:28px; background:linear-gradient(135deg, rgba(56,180,139,0.1) 0%, rgba(56,180,139,0.05) 100%); border:1px solid rgba(56,180,139,0.2); border-radius:50px; padding:14px 28px; font-weight:500; color:#1F6D54; font-size:0.92rem
                        }

                        .speed-icon {
                            font-size:1.2rem; display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; background:linear-gradient(135deg, #56C596, #38B48B); color:#fff; border-radius:50%; box-shadow:0 2px 8px rgba(56,180,139,0.3)
                        }

                        .speed-label { color:#555; font-weight:500 }
                        .speed-city { color:#1F6D54; font-weight:700 }
                        .speed-divider { color:#bbb }
                        .speed-value { color:#555 }
                        .speed-value strong { color:#1F6D54; font-weight:800 }

                        .map-trust-note {
                            font-size:0.78rem; color:#888; margin-top:12px; letter-spacing:0.3px
                        }

                        @media (max-width:768px) {
                            .world-map {
                                height:240px; border-radius:20px
                            }

                            .map-node { width:18px; height:18px }
                            .node-dot { width:10px; height:10px }

                            @keyframes mapPulse-mobile {
                                0% { width:10px; height:10px; opacity:0.8; border-width:2px; border-color:rgba(255,255,255,0.6) }
                                100% { width:44px; height:44px; opacity:0; border-width:1px; border-color:rgba(127,213,173,0.3) }
                            }

                            .node-ring { animation:mapPulse-mobile 2.5s ease-out infinite; width:10px; height:10px }

                            .map-footer-note {
                                font-size:0.72rem; padding:6px 14px
                            }

                            .map-speed-bar {
                                padding:12px 18px; font-size:0.82rem; flex-wrap:wrap; justify-content:center; gap:6px
                            }

                            .speed-icon {
                                width:24px; height:24px; font-size:0.9rem
                            }
                        }

                        .security-row {
                            display:flex; gap:24px; flex-wrap:wrap; justify-content:center; text-align:center
                        }

                        .security-item {
                            flex:1 1 220px; max-width:300px; background:#fff; border-radius:var(--radius-card); padding:24px 16px; box-shadow:var(--card-shadow); transition:all 0.3s var(--transition)
                        }

                        .security-item:hover {
                            transform:translateY(-2px); box-shadow:var(--card-shadow-hover)
                        }

                        .security-item .sec-icon {
                            font-size:2.2rem; margin-bottom:10px
                        }

                        .security-item h4 {
                            font-weight:700; margin-bottom:6px; color:#222
                        }

                        .security-item p {
                            font-size:0.85rem; color:#666
                        }

                        .protocol-tags {
                            display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top:24px
                        }

                        .protocol-tags span {
                            background:#e8f5f0; color:var(--green-deep); padding:6px 14px; border-radius:20px; font-size:0.82rem; font-weight:600; letter-spacing:0.3px
                        }

                        .scene-tabs {
                            display:flex; gap:8px; justify-content:center; flex-wrap:wrap; margin-bottom:32px
                        }

                        .scene-tab-link {
                            text-decoration:none; padding:10px 20px; border-radius:24px; font-weight:600; font-size:0.9rem; color:#555; background:#f0f0f0; transition:all 0.25s; border:2px solid transparent
                        }

                        .scene-tab-link:hover, .scene-tab-link.active-scene {
                            background:var(--bg-mint); color:var(--green-deep); border-color:var(--green)
                        }

                        .scene-panel {
                            display:flex; gap:32px; align-items:center; flex-wrap:wrap; justify-content:center; background:#fff; border-radius:var(--radius-card); padding:32px; box-shadow:var(--card-shadow)
                        }

                        .scene-illustration {
                            width:180px; height:180px; background:var(--bg-mint); border-radius:20px; display:flex; align-items:center; justify-content:center; font-size:4rem; flex-shrink:0
                        }

                        .scene-text h4 {
                            font-weight:700; font-size:1.2rem; margin-bottom:8px; color:#222
                        }

                        .scene-text p {
                            color:#666; font-size:0.9rem; max-width:400px
                        }

                        .platform-icons {
                            display:flex; gap:8px; margin-top:10px; font-size:0.8rem; color:#888; flex-wrap:wrap
                        }

                        @media (max-width:768px) {
                            .scene-panel {
                                flex-direction:column; text-align:center
                            }

                            .scene-illustration {
                                width:120px; height:120px; font-size:3rem
                            }
                        }

                        .pricing-section {
                            padding-top:80px; padding-bottom:80px; text-align:center
                        }

                        .pricing-toggle {
                            display:inline-flex; justify-content:center; gap:0; margin:32px auto 40px; background:linear-gradient(135deg, #f5f7f6 0%, #eef3f1 100%); border-radius:30px; padding:6px; box-shadow:inset 0 1px 2px rgba(0,0,0,0.04), 0 1px 3px rgba(0,0,0,0.02); text-align:left
                        }

                        .pricing-toggle a {
                            text-decoration:none; padding:12px 28px; border-radius:24px; font-weight:600; font-size:0.9rem; color:#7a8580; transition:all 0.3s cubic-bezier(0.4,0,0.2,1); position:relative; z-index:1
                        }

                        .pricing-toggle a:hover {
                            color:#38B48B
                        }

                        .pricing-toggle a.active-plan-toggle {
                            background:#fff; color:#1F6D54; box-shadow:0 2px 12px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04)
                        }

                        .pricing-grid {
                            display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; align-items:stretch; max-width:1100px; margin:0 auto
                        }

                        .pricing-card {
                            background:#fff; border-radius:28px; text-align:center; transition:all 0.4s cubic-bezier(0.4,0,0.2,1); position:relative; border:1px solid #e8ecea; display:flex; flex-direction:column; overflow:hidden; box-shadow:0 4px 24px rgba(0,0,0,0.04)
                        }

                        .pricing-card::before {
                            content:''; position:absolute; top:0; left:0; right:0; height:6px; background:linear-gradient(90deg, #C8F0DE 0%, #7FD5AD 50%, #38B48B 100%); opacity:0.4; transition:all 0.4s ease
                        }

                        .pricing-card:hover {
                            transform:translateY(-10px); box-shadow:0 24px 60px rgba(0,0,0,0.1), 0 8px 20px rgba(0,0,0,0.06); border-color:#c8e0d5
                        }

                        .pricing-card:hover::before {
                            opacity:1; height:8px
                        }

                        .pricing-card.featured {
                            border:2px solid transparent; background:linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #56C596 0%, #38B48B 50%, #1F6D54 100%) border-box; box-shadow:0 16px 50px rgba(56,180,139,0.18), 0 4px 16px rgba(56,180,139,0.08); transform:scale(1.04); position:relative; z-index:2
                        }

                        .pricing-card.featured::before {
                            height:8px; background:linear-gradient(90deg, #7FD5AD 0%, #38B48B 40%, #1F6D54 100%); opacity:1
                        }

                        .pricing-card.featured:hover {
                            transform:scale(1.04) translateY(-10px); box-shadow:0 32px 70px rgba(56,180,139,0.25), 0 12px 28px rgba(56,180,139,0.12)
                        }

                        .featured-badge {
                            position:absolute; top:20px; right:-38px; background:linear-gradient(135deg, #56C596, #1F6D54); color:#fff; font-size:0.72rem; font-weight:700; padding:6px 48px; white-space:nowrap; letter-spacing:0.8px; transform:rotate(45deg); box-shadow:0 4px 14px rgba(56,180,139,0.3); z-index:3; text-transform:uppercase
                        }

                        .pricing-card-header {
                            padding:40px 32px 8px
                        }

                        .pricing-card-header h4 {
                            font-size:1.25rem; font-weight:700; margin:0; color:#2D3436; letter-spacing:-0.3px
                        }

                        .pricing-card-desc {
                            font-size:0.88rem; color:#7a8580; margin:8px auto 0; line-height:1.5
                        }

                        .pricing-card-price {
                            padding:16px 32px 28px; background:linear-gradient(180deg, transparent 0%, rgba(56,180,139,0.04) 100%); border-bottom:1px solid #eef3f1; position:relative
                        }

                        .pricing-card-price .currency {
                            font-size:1.3rem; font-weight:700; color:#38B48B; vertical-align:top; display:inline-block; margin-top:10px
                        }

                        .pricing-card-price .amount {
                            font-size:3.5rem; font-weight:900; color:#1F6D54; letter-spacing:-2px; line-height:1; display:inline-block; margin:0 2px; font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif
                        }

                        .pricing-card-price .period {
                            font-size:0.88rem; font-weight:500; color:#7a8580; display:inline-block; vertical-align:bottom; margin-bottom:12px
                        }

                        .pricing-card.featured .pricing-card-price {
                            background:linear-gradient(180deg, transparent 0%, rgba(56,180,139,0.1) 100%)
                        }

                        .pricing-card.featured .pricing-card-price .currency {
                            color:#1F6D54
                        }

                        .pricing-card.featured .pricing-card-price .amount {
                            color:#1F6D54
                        }

                        .pricing-features {
                            list-style:none; text-align:left; margin:28px 36px; flex-grow:1; padding:0
                        }

                        .pricing-features li {
                            padding:11px 0 11px 36px; font-size:0.9rem; color:#4a5568; line-height:1.5; position:relative; display:flex; align-items:center; border-bottom:1px dashed #eef3f1
                        }

                        .pricing-features li:last-child {
                            border-bottom:none
                        }

                        .pricing-features li::before {
                            content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:24px; height:24px; background:linear-gradient(135deg, rgba(56,180,139,0.12), rgba(56,180,139,0.06)); border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:all 0.3s ease
                        }

                        .pricing-features li::after {
                            content:'✓'; position:absolute; left:0; top:50%; transform:translateY(-50%); width:24px; height:24px; color:#38B48B; font-weight:800; font-size:0.78rem; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:all 0.3s ease
                        }

                        .pricing-card:hover .pricing-features li::before {
                            background:linear-gradient(135deg, rgba(56,180,139,0.2), rgba(56,180,139,0.1))
                        }

                        .pricing-card:hover .pricing-features li::after {
                            color:#1F6D54; transform:translateY(-50%) scale(1.15)
                        }

                        .pricing-card-footer {
                            padding:8px 36px 36px; display:flex; flex-direction:column; gap:4px
                        }

                        .btn-subscribe {
                            display:block; text-decoration:none; font-weight:700; padding:14px 32px; border-radius:14px; transition:all 0.35s cubic-bezier(0.4,0,0.2,1); font-size:0.95rem; border:2px solid #38B48B; color:#38B48B; background:#fff; letter-spacing:0.3px; position:relative; overflow:hidden; width:100%; box-sizing:border-box
                        }

                        .btn-subscribe::before {
                            content:''; position:absolute; top:50%; left:50%; width:0; height:0; border-radius:50%; background:rgba(56,180,139,0.08); transform:translate(-50%, -50%); transition:width 0.5s ease, height 0.5s ease
                        }

                        .btn-subscribe:hover {
                            background:#38B48B; color:#fff; border-color:#38B48B; transform:translateY(-3px); box-shadow:0 10px 28px rgba(56,180,139,0.28)
                        }

                        .btn-subscribe:hover::before {
                            width:200%; height:200%
                        }

                        .btn-subscribe.featured-btn {
                            background:linear-gradient(135deg, #56C596 0%, #38B48B 50%, #1F6D54 100%); color:#fff; border-color:transparent; box-shadow:0 10px 28px rgba(56,180,139,0.35), 0 2px 6px rgba(56,180,139,0.2); position:relative; overflow:hidden
                        }

                        .btn-subscribe.featured-btn::before {
                            content:''; position:absolute; top:0; left:-100%; width:100%; height:100%; background:linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent); transition:left 0.6s ease; border-radius:14px
                        }

                        .btn-subscribe.featured-btn:hover {
                            background:linear-gradient(135deg, #38B48B 0%, #1F6D54 50%, #174C3D 100%); box-shadow:0 14px 36px rgba(56,180,139,0.45), 0 4px 12px rgba(56,180,139,0.25); transform:translateY(-3px)
                        }

                        .btn-subscribe.featured-btn:hover::before {
                            left:100%
                        }

                        .refund-note {
                            text-align:center; margin-top:40px; font-size:0.88rem; color:#7a8580; display:flex; align-items:center; justify-content:center; gap:8px
                        }

                        .refund-note .emoji {
                            width:18px; height:18px; vertical-align:middle
                        }

                        @media (max-width:900px) {
                            .pricing-grid {
                                grid-template-columns:repeat(2, 1fr); gap:20px
                            }

                            .pricing-card.featured {
                                grid-column:span 2; transform:scale(1); max-width:500px; margin:0 auto
                            }

                            .pricing-card.featured:hover {
                                transform:translateY(-10px)
                            }
                        }

                        @media (max-width:640px) {
                            .pricing-grid {
                                grid-template-columns:1fr; gap:20px
                            }

                            .pricing-card.featured {
                                grid-column:1; transform:scale(1)
                            }

                            .pricing-card-price .amount {
                                font-size:2.8rem
                            }

                            .pricing-features {
                                margin:24px 28px
                            }

                            .pricing-card-footer {
                                padding:8px 28px 28px
                            }

                            .pricing-toggle a {
                                padding:10px 18px; font-size:0.85rem
                            }
                        }

                        .testimonial-carousel {
                            display:flex; gap:20px; overflow:hidden; flex-wrap:wrap; justify-content:center; position:relative
                        }

                        .testimonial-card {
                            flex:0 0 300px; background:#fff; border-radius:var(--radius-card); padding:24px; box-shadow:var(--card-shadow); text-align:center; transition:all 0.3s var(--transition); animation:testimonialFade 12s ease-in-out infinite
                        }

                        .testimonial-card:nth-child(2) {
                            animation-delay:4s
                        }

                        .testimonial-card:nth-child(3) {
                            animation-delay:8s
                        }

                        @keyframes testimonialFade {
                            0%, 28% {
                                opacity:1; transform:translateY(0)
                            }

                            33%, 95% {
                                opacity:0.35; transform:translateY(6px)
                            }

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

                        .testimonial-avatar {
                            width:56px; height:56px; border-radius:50%; background:var(--bg-mint); margin:0 auto 12px; display:flex; align-items:center; justify-content:center; font-size:1.8rem
                        }

                        .testimonial-card h5 {
                            font-weight:700; color:#222
                        }

                        .testimonial-card .review-text {
                            font-size:0.88rem; color:#555; margin-top:6px; font-style:italic
                        }

                        .media-logos {
                            display:flex; gap:24px; justify-content:center; flex-wrap:wrap; margin-top:32px; filter:grayscale(100%); opacity:0.6; transition:all 0.3s
                        }

                        .media-logos:hover {
                            filter:grayscale(0%); opacity:1
                        }

                        .media-logos span {
                            font-weight:700; font-size:1rem; color:#999; letter-spacing:1px; transition:color 0.3s
                        }

                        .media-logos span:hover {
                            color:#333
                        }

                        .faq-list {
                            max-width:760px; margin:0 auto
                        }

                        .faq-item {
                            border-bottom:1px solid #e8e8e8; margin-bottom:4px
                        }

                        .faq-item summary {
                            padding:16px 8px; font-weight:700; cursor:pointer; font-size:1rem; color:#222; list-style:none; display:flex; justify-content:space-between; align-items:center; transition:color 0.2s
                        }

                        .faq-item summary:hover {
                            color:var(--green)
                        }

                        .faq-item summary::after {
                            content:'▸'; font-size:1rem; color:var(--green); transition:transform 0.3s; flex-shrink:0; margin-left:12px
                        }

                        .faq-item[open] summary::after {
                            transform:rotate(90deg)
                        }

                        .faq-item[open] summary {
                            color:var(--green-deep)
                        }

                        .faq-answer {
                            padding:0 8px 16px; color:#555; font-size:0.9rem; line-height:1.7
                        }

                        .faq-answer ol {
                            padding-left:20px
                        }

                        .faq-answer ol li {
                            margin-bottom:10px
                        }

                        .faq-answer ol li strong {
                            color:#333
                        }

                        .footer {
                            background:#1a1f1c; color:#ccc; padding:48px 32px 24px
                        }

                        .footer-grid {
                            display:grid; grid-template-columns:repeat(4, 1fr); gap:24px; max-width:1200px; margin:0 auto 32px
                        }

                        .footer-col h5 {
                            color:#fff; font-weight:700; margin-bottom:12px; font-size:0.95rem; letter-spacing:0.3px
                        }

                        .footer-col a {
                            display:block; text-decoration:none; color:#aaa; font-size:0.85rem; padding:3px 0; transition:color 0.2s
                        }

                        .footer-col a:hover {
                            color:var(--green)
                        }

                        .footer-bottom {
                            display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; max-width:1200px; margin:0 auto; border-top:1px solid #333; padding-top:20px; font-size:0.8rem
                        }

                        .footer-social a {
                            text-decoration:none; color:#aaa; margin:0 6px; font-weight:600; transition:color 0.2s
                        }

                        .footer-social a:hover {
                            color:var(--green)
                        }

                        .app-badges a {
                            display:inline-block; text-decoration:none; background:#333; color:#fff; padding:8px 14px; border-radius:6px; font-size:0.8rem; margin:4px; transition:background 0.25s; font-weight:600
                        }

                        .app-badges a:hover {
                            background:#444
                        }

                        @media (max-width:768px) {
                            .footer-grid {
                                grid-template-columns:repeat(2, 1fr)
                            }

                            .footer-bottom {
                                flex-direction:column; text-align:center
                            }
                        }

                        @media (max-width:480px) {
                            .footer-grid {
                                grid-template-columns:1fr
                            }
                        }

                        .sr-only {
                            position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border:0
                        }

                        .text-center {
                            text-align:center
                        }

                        .mt-16 {
                            margin-top:16px
                        }

                        .mt-24 {
                            margin-top:24px
                        }

                        @media print {
                            .navbar {
                                position:static
                            }

                            .hero {
                                min-height:auto; padding:20px
                            }
                        });
                    --transition-smooth:280ms cubic-bezier(0.4, 0, 0.2, 1);
                    --font-sans:'PingFang SC',
                    'Hiragino Sans GB',
                    'Microsoft YaHei',
                    'Noto Sans SC',
                    -apple-system,
                    BlinkMacSystemFont,
                    'Segoe UI',
                    sans-serif
                }

                * {
                    margin: 0;
                    padding: 0;
                    box-sizing: border-box
                }

                html {
                    scroll-behavior: smooth;
                    font-size: 16px;
                    background: var(--darker-bg);
                    color: var(--text-primary);
                    font-family: var(--font-sans);
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale
                }

                body {
                    min-height: 100vh;
                    background: linear-gradient(180deg, #1a1a20 0%, #121216 8%, #0d0d12 30%, #121216 100%);
                    background-attachment: fixed;
                    overflow-x: hidden;
                    padding-bottom: 140px;
                    position: relative
                }

                body::before {
                    content: '';
                    position: fixed;
                    inset: 0;
                    pointer-events: none;
                    z-index: 0;
                    background: radial-gradient(ellipse at 20% 15%, rgba(198, 47, 47, 0.06) 0%, transparent 60%), radial-gradient(ellipse at 75% 25%, rgba(180, 100, 60, 0.04) 0%, transparent 55%), radial-gradient(ellipse at 50% 60%, rgba(160, 80, 120, 0.03) 0%, transparent 50%);
                    opacity: 0.8
                }

                #lang-en-anchor {
                    position: absolute;
                    top: -1px;
                    left: 0;
                    width: 0;
                    height: 0;
                    opacity: 0;
                    pointer-events: none
                }

                [lang="en"] {
                    display: none
                }

                [lang="zh"] {
                    display: inline
                }

                span[lang="zh"] {
                    display: inline
                }

                span[lang="en"] {
                    display: none
                }

                div[lang="zh"] {
                    display: block
                }

                div[lang="en"] {
                    display: none
                }

                #lang-en-anchor:target~* [lang="zh"],
                #lang-en-anchor:target~* span[lang="zh"] {
                    display: none
                }

                #lang-en-anchor:target~* [lang="en"],
                #lang-en-anchor:target~* span[lang="en"] {
                    display: inline
                }

                #lang-en-anchor:target~* div[lang="zh"] {
                    display: none
                }

                #lang-en-anchor:target~* div[lang="en"] {
                    display: block
                }

                #lang-en-anchor:target~* header [lang="zh"],
                #lang-en-anchor:target~* header span[lang="zh"] {
                    display: none
                }

                #lang-en-anchor:target~* header [lang="en"],
                #lang-en-anchor:target~* header span[lang="en"] {
                    display: inline
                }

                #lang-en-anchor:target~* main [lang="zh"],
                #lang-en-anchor:target~* main span[lang="zh"] {
                    display: none
                }

                #lang-en-anchor:target~* main [lang="en"],
                #lang-en-anchor:target~* main span[lang="en"] {
                    display: inline
                }

                #lang-en-anchor:target~* main div[lang="zh"] {
                    display: none
                }

                #lang-en-anchor:target~* main div[lang="en"] {
                    display: block
                }

                #lang-en-anchor:target~* footer [lang="zh"],
                #lang-en-anchor:target~* footer span[lang="zh"] {
                    display: none
                }

                #lang-en-anchor:target~* footer [lang="en"],
                #lang-en-anchor:target~* footer span[lang="en"] {
                    display: inline
                }

                #lang-en-anchor:target~* footer div[lang="zh"] {
                    display: none
                }

                #lang-en-anchor:target~* footer div[lang="en"] {
                    display: block
                }

                .global-header {
                    position: fixed;
                    top: 0;
                    left: 0;
                    right: 0;
                    z-index: 1000;
                    height: 60px;
                    background: var(--glass-bg);
                    backdrop-filter: blur(22px) saturate(160%);
                    -webkit-backdrop-filter: blur(22px) saturate(160%);
                    border-bottom: 1px solid var(--glass-border);
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding: 0 28px;
                    transition: background var(--transition-smooth);
                    will-change: transform;
                    transform: translateZ(0)
                }

                .global-header .logo-area {
                    display: flex;
                    align-items: center;
                    gap: 10px;
                    flex-shrink: 0
                }

                .global-header .logo-icon {
                    width: 38px;
                    height: 38px;
                    border-radius: 50%;
                    background: var(--red);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-weight: 900;
                    font-size: 16px;
                    color: #fff;
                    letter-spacing: -1px;
                    flex-shrink: 0;
                    text-decoration: none;
                    transition: transform var(--transition-fast), box-shadow var(--transition-fast)
                }

                .global-header .logo-icon:hover {
                    transform: scale(1.08);
                    box-shadow: 0 0 20px rgba(198, 47, 47, 0.5)
                }

                .global-header .logo-text {
                    font-weight: 700;
                    font-size: 15px;
                    color: #fff;
                    letter-spacing: 0.5px;
                    white-space: nowrap;
                    text-decoration: none
                }

                .global-header nav {
                    display: flex;
                    align-items: center;
                    gap: 6px;
                    flex-shrink: 0
                }

                .global-header nav a {
                    display: inline-flex;
                    align-items: center;
                    padding: 8px 16px;
                    border-radius: 20px;
                    color: var(--text-secondary);
                    text-decoration: none;
                    font-size: 14px;
                    font-weight: 500;
                    transition: all var(--transition-fast);
                    white-space: nowrap;
                    position: relative
                }

                .global-header nav a:hover {
                    color: #fff;
                    background: rgba(255, 255, 255, 0.06)
                }

                .global-header nav a.active {
                    color: #fff;
                    background: rgba(198, 47, 47, 0.2);
                    font-weight: 600
                }

                .global-header nav a.external::after {
                    content: ' ↗';
                    font-size: 10px;
                    opacity: 0.6;
                    margin-left: 2px
                }

                .header-right {
                    display: flex;
                    align-items: center;
                    gap: 12px;
                    flex-shrink: 0
                }

                .search-box {
                    display: flex;
                    align-items: center;
                    background: rgba(255, 255, 255, 0.06);
                    border: 1px solid rgba(255, 255, 255, 0.1);
                    border-radius: 24px;
                    padding: 7px 16px;
                    gap: 8px;
                    transition: all var(--transition-fast);
                    cursor: pointer;
                    min-width: 180px
                }

                .search-box:hover {
                    background: rgba(255, 255, 255, 0.1);
                    border-color: rgba(255, 255, 255, 0.2)
                }

                .search-box .search-icon {
                    width: 16px;
                    height: 16px;
                    opacity: 0.5;
                    flex-shrink: 0;
                    color: var(--text-muted);
                    font-size: 13px
                }

                .search-box .search-placeholder {
                    color: var(--text-muted);
                    font-size: 13px;
                    flex: 1
                }

                .btn-login {
                    display: inline-flex;
                    align-items: center;
                    padding: 9px 22px;
                    border-radius: 22px;
                    background: var(--red);
                    color: #fff;
                    font-weight: 600;
                    font-size: 13px;
                    text-decoration: none;
                    transition: all var(--transition-fast);
                    white-space: nowrap;
                    letter-spacing: 0.3px
                }

                .btn-login:hover {
                    background: var(--red-hover);
                    box-shadow: 0 4px 16px rgba(198, 47, 47, 0.4);
                    transform: translateY(-1px)
                }

                .lang-switch {
                    display: inline-flex;
                    align-items: center;
                    padding: 7px 12px;
                    border-radius: 18px;
                    border: 1px solid rgba(255, 255, 255, 0.2);
                    color: var(--text-secondary);
                    font-size: 12px;
                    text-decoration: none;
                    transition: all var(--transition-fast);
                    white-space: nowrap;
                    font-weight: 500
                }

                .lang-switch:hover {
                    border-color: rgba(255, 255, 255, 0.4);
                    color: #fff;
                    background: rgba(255, 255, 255, 0.05)
                }

                .main-content {
                    position: relative;
                    z-index: 1;
                    max-width: 1280px;
                    margin: 0 auto;
                    padding: 80px 24px 40px;
                    display: flex;
                    gap: 24px
                }

                .content-column {
                    flex: 1;
                    min-width: 0
                }

                .right-sidebar {
                    width: 300px;
                    flex-shrink: 0;
                    position: sticky;
                    top: 84px;
                    align-self: flex-start;
                    max-height: calc(100vh - 160px);
                    overflow-y: auto;
                    padding-right: 4px
                }

                .right-sidebar::-webkit-scrollbar {
                    width: 3px
                }

                .right-sidebar::-webkit-scrollbar-thumb {
                    background: rgba(255, 255, 255, 0.1);
                    border-radius: 3px
                }

                .hero-carousel {
                    position: relative;
                    border-radius: var(--radius-xl);
                    overflow: hidden;
                    height: 340px;
                    margin-bottom: 28px;
                    background: var(--card-bg);
                    box-shadow: var(--shadow-card)
                }

                .carousel-slide {
                    position: absolute;
                    inset: 0;
                    opacity: 0;
                    z-index: 1;
                    transition: opacity 800ms cubic-bezier(0.4, 0, 0.2, 1);
                    display: flex;
                    align-items: flex-end;
                    padding: 28px 32px;
                    border-radius: var(--radius-xl);
                    overflow: hidden
                }

                .carousel-slide.s1 {
                    opacity: 1;
                    z-index: 3;
                    animation: carouselFade1 12s infinite;
                    background: linear-gradient(135deg, #2a1a1a 0%, #1a1020 40%, #0d1a2a 100%)
                }

                .carousel-slide.s2 {
                    animation: carouselFade2 12s infinite;
                    background: linear-gradient(135deg, #1a2a1a 0%, #102030 40%, #1a0d20 100%)
                }

                .carousel-slide.s3 {
                    animation: carouselFade3 12s infinite;
                    background: linear-gradient(135deg, #201a10 0%, #1a1028 40%, #0d2028 100%)
                }

                .carousel-slide::after {
                    content: '';
                    position: absolute;
                    inset: 0;
                    background: radial-gradient(ellipse at 30% 50%, rgba(198, 47, 47, 0.25) 0%, transparent 70%);
                    pointer-events: none;
                    z-index: 0
                }

                @keyframes carouselFade1 {

                    0%,
                    28% {
                        opacity: 1;
                        z-index: 3
                    }

                    33%,
                    94% {
                        opacity: 0;
                        z-index: 1
                    }

                    100% {
                        opacity: 1;
                        z-index: 3
                    }
                }

                @keyframes carouselFade2 {

                    0%,
                    28% {
                        opacity: 0;
                        z-index: 1
                    }

                    33%,
                    61% {
                        opacity: 1;
                        z-index: 3
                    }

                    66%,
                    100% {
                        opacity: 0;
                        z-index: 1
                    }
                }

                @keyframes carouselFade3 {

                    0%,
                    61% {
                        opacity: 0;
                        z-index: 1
                    }

                    66%,
                    94% {
                        opacity: 1;
                        z-index: 3
                    }

                    100% {
                        opacity: 0;
                        z-index: 1
                    }
                }

                .carousel-info {
                    position: relative;
                    z-index: 2;
                    max-width: 55%
                }

                .carousel-tag {
                    display: inline-block;
                    padding: 5px 14px;
                    border-radius: 14px;
                    background: rgba(255, 255, 255, 0.15);
                    backdrop-filter: blur(8px);
                    font-size: 12px;
                    font-weight: 600;
                    color: #fff;
                    letter-spacing: 1px;
                    margin-bottom: 12px
                }

                .carousel-title {
                    font-size: 28px;
                    font-weight: 700;
                    color: #fff;
                    line-height: 1.2;
                    margin-bottom: 8px;
                    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4)
                }

                .carousel-sub {
                    font-size: 14px;
                    color: rgba(255, 255, 255, 0.8);
                    margin-bottom: 16px
                }

                .carousel-cta {
                    display: inline-flex;
                    align-items: center;
                    padding: 10px 24px;
                    border-radius: 24px;
                    background: var(--red);
                    color: #fff;
                    font-weight: 600;
                    font-size: 14px;
                    text-decoration: none;
                    transition: all var(--transition-fast)
                }

                .carousel-cta:hover {
                    background: var(--red-hover);
                    box-shadow: 0 6px 20px rgba(198, 47, 47, 0.5);
                    transform: translateY(-2px)
                }

                .carousel-dots {
                    position: absolute;
                    bottom: 18px;
                    right: 28px;
                    z-index: 5;
                    display: flex;
                    gap: 8px
                }

                .carousel-dots a {
                    width: 28px;
                    height: 4px;
                    border-radius: 2px;
                    background: rgba(255, 255, 255, 0.3);
                    transition: all var(--transition-fast);
                    text-decoration: none;
                    display: block
                }

                .carousel-dots a:hover {
                    background: rgba(255, 255, 255, 0.7)
                }

                .carousel-dots a.dot-active {
                    background: #fff;
                    width: 38px
                }

                .section-header {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    margin-bottom: 18px
                }

                .section-title {
                    font-size: 20px;
                    font-weight: 700;
                    color: #fff;
                    letter-spacing: 0.3px
                }

                .section-more {
                    font-size: 13px;
                    color: var(--text-muted);
                    text-decoration: none;
                    transition: color var(--transition-fast);
                    display: inline-flex;
                    align-items: center;
                    gap: 4px
                }

                .section-more:hover {
                    color: #fff
                }

                .playlist-grid {
                    display: grid;
                    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
                    gap: 18px;
                    margin-bottom: 32px
                }

                .playlist-card {
                    background: var(--card-bg);
                    border-radius: var(--radius-md);
                    overflow: hidden;
                    transition: all var(--transition-smooth);
                    text-decoration: none;
                    color: inherit;
                    display: block;
                    position: relative;
                    box-shadow: var(--shadow-card);
                    will-change: transform;
                    transform: translateZ(0)
                }

                .playlist-card:hover {
                    transform: scale(1.04);
                    box-shadow: var(--shadow-hover);
                    background: var(--card-hover)
                }

                .playlist-card .card-cover {
                    width: 100%;
                    aspect-ratio: 1/1;
                    background: linear-gradient(135deg, #2a2a35 0%, #1a1a28 100%);
                    position: relative;
                    overflow: hidden;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 40px;
                    color: rgba(255, 255, 255, 0.15)
                }

                .playlist-card .card-cover .cover-art {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    display: block
                }

                .playlist-card .card-cover .play-btn-overlay {
                    position: absolute;
                    right: 10px;
                    bottom: 10px;
                    width: 38px;
                    height: 38px;
                    border-radius: 50%;
                    background: var(--red);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    opacity: 0;
                    transform: translateY(8px);
                    transition: all var(--transition-fast);
                    color: #fff;
                    font-size: 16px;
                    text-decoration: none;
                    box-shadow: 0 4px 14px rgba(198, 47, 47, 0.5)
                }

                .playlist-card:hover .card-cover .play-btn-overlay {
                    opacity: 1;
                    transform: translateY(0)
                }

                .playlist-card .card-info {
                    padding: 12px 14px
                }

                .playlist-card .card-title {
                    font-size: 13px;
                    font-weight: 600;
                    color: #e8e8ea;
                    line-height: 1.4;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden
                }

                .playlist-card .card-meta {
                    font-size: 11px;
                    color: var(--text-muted);
                    margin-top: 4px;
                    display: flex;
                    align-items: center;
                    gap: 6px
                }

                .badge-official {
                    display: inline-block;
                    padding: 2px 7px;
                    border-radius: 4px;
                    background: rgba(198, 47, 47, 0.2);
                    color: var(--red-light);
                    font-size: 10px;
                    font-weight: 700;
                    letter-spacing: 0.5px
                }

                .badge-vip {
                    display: inline-block;
                    padding: 2px 7px;
                    border-radius: 4px;
                    background: rgba(255, 180, 40, 0.2);
                    color: #ffb428;
                    font-size: 10px;
                    font-weight: 700;
                    letter-spacing: 0.5px
                }

                .daily-recommend {
                    background: var(--card-bg);
                    border-radius: var(--radius-lg);
                    padding: 24px 28px;
                    margin-bottom: 28px;
                    position: relative;
                    overflow: hidden;
                    box-shadow: var(--shadow-card)
                }

                .daily-recommend::before {
                    content: '';
                    position: absolute;
                    top: -40px;
                    right: -40px;
                    width: 200px;
                    height: 200px;
                    border-radius: 50%;
                    background: radial-gradient(circle, rgba(198, 47, 47, 0.12) 0%, transparent 70%);
                    pointer-events: none
                }

                .daily-recommend .daily-header {
                    display: flex;
                    align-items: center;
                    gap: 14px;
                    margin-bottom: 18px;
                    position: relative;
                    z-index: 1
                }

                .daily-recommend .daily-icon {
                    width: 48px;
                    height: 48px;
                    border-radius: 50%;
                    background: linear-gradient(135deg, #C62F2F 0%, #8b1a1a 100%);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 20px;
                    flex-shrink: 0
                }

                .daily-recommend .daily-cards {
                    display: flex;
                    gap: 14px;
                    overflow-x: auto;
                    padding-bottom: 6px;
                    position: relative;
                    z-index: 1;
                    scroll-behavior: smooth
                }

                .daily-recommend .daily-cards::-webkit-scrollbar {
                    height: 3px
                }

                .daily-recommend .daily-cards::-webkit-scrollbar-thumb {
                    background: rgba(255, 255, 255, 0.15);
                    border-radius: 3px
                }

                .daily-mini-card {
                    flex: 0 0 140px;
                    background: rgba(255, 255, 255, 0.03);
                    border-radius: var(--radius-sm);
                    padding: 14px;
                    text-align: center;
                    text-decoration: none;
                    color: inherit;
                    transition: all var(--transition-fast);
                    position: relative
                }

                .daily-mini-card:hover {
                    background: rgba(255, 255, 255, 0.08);
                    transform: translateY(-3px)
                }

                .daily-mini-card .mini-cover {
                    width: 80px;
                    height: 80px;
                    border-radius: 50%;
                    margin: 0 auto 10px;
                    background: linear-gradient(135deg, #333 0%, #1a1a1a 100%);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 28px;
                    color: rgba(255, 255, 255, 0.2);
                    transition: all var(--transition-fast)
                }

                .daily-mini-card:hover .mini-cover {
                    box-shadow: 0 0 24px rgba(198, 47, 47, 0.3)
                }

                .daily-mini-card .mini-title {
                    font-size: 12px;
                    font-weight: 500;
                    color: #ccc;
                    line-height: 1.3
                }

                .daily-mini-card .mini-tag {
                    font-size: 10px;
                    color: var(--text-muted);
                    margin-top: 3px
                }

                .comment-wall {
                    background: #1e1c1a;
                    border-radius: var(--radius-lg);
                    padding: 24px 28px;
                    margin-bottom: 28px;
                    position: relative;
                    box-shadow: var(--shadow-card);
                    border: 1px solid rgba(180, 150, 120, 0.1)
                }

                .comment-wall::before {
                    content: '';
                    position: absolute;
                    inset: 0;
                    border-radius: var(--radius-lg);
                    background: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(180, 150, 120, 0.015) 3px, rgba(180, 150, 120, 0.015) 4px), repeating-linear-gradient(90deg, transparent, transparent 3px, rgba(180, 150, 120, 0.01) 3px, rgba(180, 150, 120, 0.01) 4px);
                    pointer-events: none;
                    z-index: 0
                }

                .comment-wall .wall-grid {
                    display: grid;
                    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
                    gap: 16px;
                    position: relative;
                    z-index: 1
                }

                .comment-note {
                    background: #fdf5e6;
                    color: #3a3028;
                    border-radius: 8px;
                    padding: 16px 18px;
                    position: relative;
                    box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.2);
                    transition: all var(--transition-fast);
                    text-decoration: none;
                    display: block;
                    transform: rotate(var(--note-rotate, 0deg))
                }

                .comment-note:nth-child(odd) {
                    --note-rotate: -1.5deg
                }

                .comment-note:nth-child(even) {
                    --note-rotate: 1.8deg
                }

                .comment-note:nth-child(3n) {
                    --note-rotate: -0.7deg
                }

                .comment-note:hover {
                    transform: rotate(0deg) scale(1.04);
                    box-shadow: 4px 6px 16px rgba(0, 0, 0, 0.35);
                    z-index: 2
                }

                .comment-note .note-text {
                    font-size: 13px;
                    line-height: 1.6;
                    font-style: italic;
                    margin-bottom: 8px;
                    display: -webkit-box;
                    -webkit-line-clamp: 4;
                    -webkit-box-orient: vertical;
                    overflow: hidden
                }

                .comment-note .note-song {
                    font-size: 11px;
                    font-weight: 600;
                    color: #8b5e3c;
                    margin-bottom: 4px
                }

                .comment-note .note-likes {
                    font-size: 10px;
                    color: #a08060
                }

                .sidebar-card {
                    background: var(--card-bg);
                    border-radius: var(--radius-md);
                    padding: 18px;
                    margin-bottom: 16px;
                    box-shadow: var(--shadow-card)
                }

                .sidebar-card .sb-title {
                    font-size: 14px;
                    font-weight: 600;
                    color: #fff;
                    margin-bottom: 12px
                }

                .friend-list-item {
                    display: flex;
                    align-items: center;
                    gap: 10px;
                    padding: 8px 0;
                    text-decoration: none;
                    color: inherit;
                    transition: all var(--transition-fast);
                    border-radius: 8px;
                    padding: 8px
                }

                .friend-list-item:hover {
                    background: rgba(255, 255, 255, 0.04)
                }

                .friend-avatar {
                    width: 36px;
                    height: 36px;
                    border-radius: 50%;
                    background: linear-gradient(135deg, #555 0%, #333 100%);
                    flex-shrink: 0;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 14px;
                    color: rgba(255, 255, 255, 0.5)
                }

                .friend-info .fname {
                    font-size: 13px;
                    color: #ddd;
                    font-weight: 500
                }

                .friend-info .fsong {
                    font-size: 11px;
                    color: var(--text-muted)
                }

                .topic-tag {
                    display: inline-block;
                    padding: 6px 12px;
                    border-radius: 16px;
                    background: rgba(255, 255, 255, 0.04);
                    color: #ccc;
                    font-size: 12px;
                    text-decoration: none;
                    margin: 3px 4px;
                    transition: all var(--transition-fast)
                }

                .topic-tag:hover {
                    background: rgba(198, 47, 47, 0.2);
                    color: #fff
                }

                .dock-player {
                    position: fixed;
                    bottom: 20px;
                    left: 50%;
                    transform: translateX(-50%);
                    z-index: 999;
                    background: rgba(28, 28, 34, 0.9);
                    backdrop-filter: blur(24px) saturate(180%);
                    -webkit-backdrop-filter: blur(24px) saturate(180%);
                    border: 1px solid rgba(255, 255, 255, 0.1);
                    border-radius: 28px;
                    padding: 8px 20px;
                    display: flex;
                    align-items: center;
                    gap: 16px;
                    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.05) inset;
                    max-width: 700px;
                    width: fit-content;
                    transition: all var(--transition-smooth)
                }

                .dock-player:hover {
                    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(255, 255, 255, 0.08) inset
                }

                .dock-cover {
                    width: 44px;
                    height: 44px;
                    border-radius: 50%;
                    background: linear-gradient(135deg, #333 0%, #1a1a1a 100%);
                    flex-shrink: 0;
                    animation: spinDisc 6s linear infinite;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 18px;
                    color: rgba(255, 255, 255, 0.3);
                    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3)
                }

                @keyframes spinDisc {
                    from {
                        transform: rotate(0deg)
                    }

                    to {
                        transform: rotate(360deg)
                    }
                }

                .dock-cover.paused {
                    animation-play-state: paused
                }

                .dock-info {
                    flex: 0 1 auto;
                    min-width: 90px;
                    max-width: 160px
                }

                .dock-song {
                    font-size: 13px;
                    font-weight: 600;
                    color: #fff;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis
                }

                .dock-artist {
                    font-size: 11px;
                    color: var(--text-muted);
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis
                }

                .dock-controls {
                    display: flex;
                    align-items: center;
                    gap: 8px;
                    flex-shrink: 0
                }

                .dock-controls a {
                    width: 32px;
                    height: 32px;
                    border-radius: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    color: #ccc;
                    text-decoration: none;
                    transition: all var(--transition-fast);
                    font-size: 14px;
                    font-weight: 700
                }

                .dock-controls a:hover {
                    color: #fff;
                    background: rgba(255, 255, 255, 0.08)
                }

                .dock-controls .btn-play {
                    width: 40px;
                    height: 40px;
                    background: #fff;
                    color: #000;
                    font-size: 16px
                }

                .dock-controls .btn-play:hover {
                    background: #eee;
                    transform: scale(1.06)
                }

                .dock-extra {
                    display: flex;
                    align-items: center;
                    gap: 6px;
                    flex-shrink: 0
                }

                .dock-extra a {
                    color: var(--text-muted);
                    font-size: 12px;
                    text-decoration: none;
                    padding: 4px 8px;
                    border-radius: 12px;
                    transition: all var(--transition-fast);
                    white-space: nowrap
                }

                .dock-extra a:hover {
                    color: #fff;
                    background: rgba(255, 255, 255, 0.06)
                }

                .quality-badge {
                    font-size: 10px;
                    padding: 3px 7px;
                    border-radius: 4px;
                    background: rgba(255, 180, 40, 0.2);
                    color: #ffb428;
                    font-weight: 700;
                    letter-spacing: 0.5px
                }

                .back-to-top {
                    position: fixed;
                    right: 24px;
                    bottom: 120px;
                    z-index: 900;
                    width: 42px;
                    height: 42px;
                    border-radius: 50%;
                    background: rgba(255, 255, 255, 0.08);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    color: #ccc;
                    text-decoration: none;
                    font-size: 18px;
                    transition: all var(--transition-fast);
                    backdrop-filter: blur(10px);
                    border: 1px solid rgba(255, 255, 255, 0.1)
                }

                .back-to-top:hover {
                    background: rgba(255, 255, 255, 0.16);
                    color: #fff;
                    transform: translateY(-3px)
                }

                .faq-section {
                    max-width: 1280px;
                    margin: 40px auto 60px;
                    padding: 0 24px;
                    position: relative;
                    z-index: 1
                }

                .faq-section .faq-inner {
                    background: var(--card-bg);
                    border-radius: var(--radius-lg);
                    padding: 32px 36px;
                    box-shadow: var(--shadow-card)
                }

                .faq-item {
                    border-bottom: 1px solid var(--border-subtle);
                    padding: 20px 0
                }

                .faq-item:last-child {
                    border-bottom: none
                }

                .faq-question {
                    font-size: 16px;
                    font-weight: 700;
                    color: #fff;
                    margin-bottom: 10px;
                    cursor: default
                }

                .faq-steps {
                    padding-left: 20px
                }

                .faq-steps li {
                    font-size: 13px;
                    color: var(--text-secondary);
                    line-height: 1.8;
                    margin-bottom: 6px;
                    list-style-type: decimal
                }

                .faq-steps li strong {
                    color: #ddd
                }

                .site-footer {
                    max-width: 1280px;
                    margin: 0 auto;
                    padding: 20px 24px 30px;
                    text-align: center;
                    color: var(--text-muted);
                    font-size: 12px;
                    position: relative;
                    z-index: 1
                }

                .site-footer a {
                    color: var(--text-muted);
                    text-decoration: none;
                    margin: 0 6px
                }

                .site-footer a:hover {
                    color: #ccc
                }

                /* Footer light text for WordPress blocks */
                footer.wp-block-template-part {
                    background: #0f0f14;
                    color: #e8e8ec;
                    border-top: 1px solid #1f1f28
                }

                footer.wp-block-template-part .wp-block-site-title a,
                footer.wp-block-template-part .wp-block-site-title {
                    color: #ffffff !important;
                    text-decoration: none;
                    font-weight: 700
                }

                footer.wp-block-template-part .wp-block-site-title a:hover {
                    color: #7FD5AD !important
                }

                footer.wp-block-template-part .wp-block-site-tagline,
                footer.wp-block-template-part p,
                footer.wp-block-template-part .wp-block-paragraph,
                footer.wp-block-template-part .has-small-font-size,
                footer.wp-block-template-part [class*="has-"]color {
                    color: #c8ccd4 !important;
                    font-weight: 400
                }

                footer.wp-block-template-part .wp-block-heading,
                footer.wp-block-template-part h2,
                footer.wp-block-template-part h3,
                footer.wp-block-template-part h4 {
                    color: #ffffff !important;
                    font-weight: 600
                }

                footer.wp-block-template-part .wp-block-navigation-item a,
                footer.wp-block-template-part .wp-block-navigation-item__content,
                footer.wp-block-template-part nav a,
                footer.wp-block-template-part ul li a,
                footer.wp-block-template-part a {
                    color: #b8bcc4 !important;
                    text-decoration: none;
                    font-weight: 400;
                    transition: color 0.2s ease
                }

                footer.wp-block-template-part .wp-block-navigation-item a:hover,
                footer.wp-block-template-part nav a:hover,
                footer.wp-block-template-part ul li a:hover {
                    color: #7FD5AD !important
                }

                footer.wp-block-template-part .wp-block-group {
                    color: #c8ccd4
                }

                @media (max-width:1440px) {
                    .right-sidebar {
                        display: none
                    }

                    .dock-player {
                        max-width: 600px
                    }
                }

                @media (max-width:1024px) {
                    .global-header nav a {
                        padding: 6px 10px;
                        font-size: 12px
                    }

                    .search-box {
                        min-width: 120px;
                        padding: 6px 12px
                    }

                    .hero-carousel {
                        height: 240px
                    }

                    .carousel-title {
                        font-size: 20px
                    }

                    .playlist-grid {
                        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
                        gap: 12px
                    }

                    .main-content {
                        padding: 70px 14px 30px;
                        gap: 14px
                    }

                    .dock-player {
                        padding: 6px 14px;
                        gap: 10px;
                        border-radius: 22px;
                        max-width: 90vw
                    }

                    .dock-extra {
                        display: none
                    }

                    .back-to-top {
                        right: 10px;
                        bottom: 100px;
                        width: 34px;
                        height: 34px
                    }

                    .comment-wall .wall-grid {
                        grid-template-columns: 1fr 1fr
                    }
                }

                @media (max-width:640px) {
                    .global-header {
                        padding: 0 10px;
                        height: 50px
                    }

                    .global-header nav {
                        gap: 2px
                    }

                    .global-header nav a {
                        padding: 5px 8px;
                        font-size: 11px;
                        border-radius: 14px
                    }

                    .search-box {
                        min-width: 80px;
                        padding: 5px 8px
                    }

                    .btn-login {
                        padding: 6px 12px;
                        font-size: 11px
                    }

                    .hero-carousel {
                        height: 180px;
                        border-radius: var(--radius-md)
                    }

                    .carousel-title {
                        font-size: 16px
                    }

                    .carousel-sub {
                        font-size: 11px
                    }

                    .carousel-info {
                        max-width: 80%
                    }

                    .playlist-grid {
                        grid-template-columns: repeat(2, 1fr);
                        gap: 8px
                    }

                    .daily-recommend .daily-cards {
                        gap: 8px
                    }

                    .daily-mini-card {
                        flex: 0 0 100px;
                        padding: 10px
                    }

                    .daily-mini-card .mini-cover {
                        width: 56px;
                        height: 56px
                    }

                    .dock-player {
                        bottom: 10px;
                        border-radius: 18px;
                        padding: 5px 10px;
                        gap: 6px;
                        max-width: 95vw
                    }

                    .dock-cover {
                        width: 34px;
                        height: 34px
                    }

                    .dock-info {
                        max-width: 100px
                    }

                    .dock-song {
                        font-size: 11px
                    }

                    .dock-artist {
                        font-size: 10px
                    }

                    .dock-controls a {
                        width: 26px;
                        height: 26px;
                        font-size: 11px
                    }

                    .dock-controls .btn-play {
                        width: 32px;
                        height: 32px
                    }

                    .comment-wall .wall-grid {
                        grid-template-columns: 1fr
                    }

                    .faq-section .faq-inner {
                        padding: 18px 16px
                    }
                }

                .hero-simple {
                    padding: 50px 24px 40px;
                    text-align: center;
                    background: linear-gradient(180deg, rgba(45,186,77,0.04) 0%, rgba(255,255,255,1) 100%);
                    border-bottom: 1px solid var(--border-light)
                }

                .hero-simple .hero-content {
                    max-width: 800px;
                    margin: 0 auto
                }

                .hero-badge {
                    display: inline-block;
                    background: rgba(45,186,77,0.1);
                    color: var(--green-main);
                    padding: 8px 18px;
                    border-radius: 30px;
                    font-size: 0.9rem;
                    font-weight: 600;
                    margin-bottom: 16px
                }

                .hero-simple h1 {
                    font-size: 2.5rem;
                    font-weight: 800;
                    letter-spacing: -0.8px;
                    color: var(--text-dark);
                    margin-bottom: 14px;
                    line-height: 1.25
                }

                .hero-simple .hero-subtitle {
                    font-size: 1.1rem;
                    color: var(--text-light);
                    line-height: 1.7;
                    max-width: 720px;
                    margin: 0 auto
                }

                .download-grid {
                    display: grid;
                    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
                    gap: 24px;
                    align-items: stretch
                }

                .download-card {
                    background: #fff;
                    border: 2px solid var(--border-card);
                    border-radius: var(--radius-xl);
                    padding: 36px 28px;
                    text-align: center;
                    transition: var(--transition);
                    display: flex;
                    flex-direction: column;
                    position: relative
                }

                .download-card:hover {
                    box-shadow: var(--shadow-lg);
                    transform: translateY(-4px);
                    border-color: var(--green-main)
                }

                .download-icon {
                    width: 72px;
                    height: 72px;
                    border-radius: 18px;
                    background: linear-gradient(135deg, rgba(45,186,77,0.12) 0%, rgba(45,186,77,0.04) 100%);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin: 0 auto 20px;
                    font-size: 2.2rem
                }

                .download-card h3 {
                    font-size: 1.35rem;
                    font-weight: 700;
                    letter-spacing: -0.3px;
                    margin-bottom: 6px;
                    color: var(--text-dark)
                }

                .download-version {
                    font-size: 0.85rem;
                    color: var(--text-light);
                    margin-bottom: 20px;
                    line-height: 1.5
                }

                .download-features {
                    list-style: none;
                    padding: 0;
                    text-align: left;
                    margin-bottom: 24px;
                    flex-grow: 1
                }

                .download-features li {
                    padding: 6px 0;
                    color: var(--text-base);
                    font-size: 0.9rem;
                    border-bottom: 1px dashed var(--border-light)
                }

                .download-features li:last-child {
                    border-bottom: none
                }

                .download-actions {
                    display: flex;
                    gap: 10px;
                    justify-content: center;
                    flex-wrap: wrap
                }

                .btn-primary,
                .btn-secondary {
                    display: inline-block;
                    padding: 12px 24px;
                    border-radius: 30px;
                    font-weight: 700;
                    font-size: 0.95rem;
                    text-decoration: none;
                    transition: var(--transition);
                    cursor: pointer;
                    border: 2px solid transparent
                }

                .btn-primary {
                    background: var(--green-main);
                    color: #fff
                }

                .btn-primary:hover {
                    background: var(--green-dark);
                    transform: translateY(-2px);
                    box-shadow: 0 10px 24px rgba(45,186,77,0.25)
                }

                .btn-secondary {
                    background: #fff;
                    color: var(--text-dark);
                    border-color: var(--border-card)
                }

                .btn-secondary:hover {
                    background: #f6fbf7;
                    border-color: var(--green-main);
                    color: var(--green-main);
                    transform: translateY(-2px)
                }

                .btn-small {
                    padding: 8px 16px;
                    font-size: 0.85rem
                }

                .feature-grid {
                    display: grid;
                    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
                    gap: 22px
                }

                .feature-item {
                    background: #fff;
                    border: 2px solid var(--border-card);
                    border-radius: var(--radius-xl);
                    padding: 28px 22px;
                    transition: var(--transition)
                }

                .feature-item:hover {
                    box-shadow: var(--shadow-md);
                    transform: translateY(-3px);
                    border-color: var(--green-main)
                }

                .feature-icon {
                    font-size: 2rem;
                    margin-bottom: 12px
                }

                .feature-item h4 {
                    font-size: 1.15rem;
                    font-weight: 700;
                    color: var(--text-dark);
                    margin-bottom: 8px;
                    letter-spacing: -0.2px
                }

                .feature-item p {
                    color: var(--text-light);
                    font-size: 0.92rem;
                    line-height: 1.65;
                    margin-bottom: 14px
                }

                .faq-grid {
                    display: grid;
                    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
                    gap: 18px
                }

                .faq-item {
                    background: #fff;
                    border: 1px solid var(--border-light);
                    border-radius: var(--radius-lg);
                    padding: 22px 22px;
                    transition: var(--transition)
                }

                .faq-item:hover {
                    box-shadow: var(--shadow-sm);
                    border-color: var(--green-main)
                }

                .faq-item h4 {
                    font-size: 1.05rem;
                    font-weight: 700;
                    color: var(--text-dark);
                    margin-bottom: 10px;
                    letter-spacing: -0.2px;
                    line-height: 1.45
                }

                .faq-item p {
                    color: var(--text-light);
                    font-size: 0.92rem;
                    line-height: 1.7
                }

                .faq-item a {
                    color: var(--green-main);
                    text-decoration: none;
                    font-weight: 500
                }

                .faq-item a:hover {
                    text-decoration: underline
                }

                .cta-section {
                    text-align: center;
                    background: linear-gradient(135deg, rgba(45,186,77,0.06) 0%, rgba(45,186,77,0.02) 100%);
                    padding: 56px 28px;
                    border-radius: var(--radius-xxl);
                    border: 2px dashed var(--green-main)
                }

                .cta-section h2 {
                    font-size: 1.8rem;
                    font-weight: 800;
                    letter-spacing: -0.5px;
                    color: var(--text-dark);
                    margin-bottom: 10px
                }

                .cta-section p {
                    color: var(--text-light);
                    font-size: 1rem;
                    margin-bottom: 22px
                }

                .hero-cta {
                    display: flex;
                    gap: 12px;
                    justify-content: center;
                    flex-wrap: wrap
                }

                .section {
                    max-width: 1140px;
                    margin: 0 auto;
                    padding: 50px 24px
                }

                .section-title {
                    font-size: 2rem;
                    font-weight: 800;
                    letter-spacing: -0.6px;
                    color: var(--text-dark);
                    text-align: center;
                    margin-bottom: 12px
                }

                .section-subtitle {
                    font-size: 1rem;
                    color: var(--text-light);
                    text-align: center;
                    margin-bottom: 40px
                }

                .page-wrapper .lang-zh,
                .page-wrapper .lang-en {
                    display: inline
                }

                @media (max-width:768px) {
                    .hero-simple {
                        padding: 40px 16px 28px
                    }

                    .hero-simple h1 {
                        font-size: 1.8rem
                    }

                    .hero-simple .hero-subtitle {
                        font-size: 0.95rem
                    }

                    .section {
                        padding: 36px 16px
                    }

                    .section-title {
                        font-size: 1.5rem
                    }

                    .download-card,
                    .feature-item,
                    .faq-item {
                        padding: 20px 18px
                    }

                    .cta-section {
                        padding: 40px 18px
                    }

                    .cta-section h2 {
                        font-size: 1.35rem
                    }

                    .btn-primary,
                    .btn-secondary {
                        padding: 10px 18px;
                        font-size: 0.88rem
                    }
                }