a,
button,
img,
.wp-block-group,
.wp-block-columns,
.wp-block-column {
    transition: all ease 0.23s;
}

.wp-block-image.is-style-orakus-boxshadow img,
.wp-block-column.is-style-orakus-boxshadow,
.wp-block-columns.is-style-orakus-boxshadow,
.wp-block-group.is-style-orakus-boxshadow {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.12);
}

.wp-block-image.is-style-orakus-boxshadow-medium img,
.wp-block-column.is-style-orakus-boxshadow-medium,
.wp-block-columns.is-style-orakus-boxshadow-medium,
.wp-block-group.is-style-orakus-boxshadow-medium {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
}

.wp-block-image.is-style-orakus-boxshadow-large img,
.wp-block-column.is-style-orakus-boxshadow-large,
.wp-block-columns.is-style-orakus-boxshadow-large,
.wp-block-group.is-style-orakus-boxshadow-large {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
}

.wp-block-image.is-style-orakus-boxshadow-hover img:hover,
.wp-block-column.is-style-orakus-boxshadow-hover:hover,
.wp-block-columns.is-style-orakus-boxshadow-hover:hover,
.wp-block-group.is-style-orakus-boxshadow-hover:hover {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.06);
}

.taxonomy-category.is-style-categories-background-with-round a {
    padding: 2px 6px;
    border-radius: 0;
    position: relative;
    overflow: hidden;
    background-color: var(--wp--preset--color--background-alt);
    color: var(--wp--preset--color--heading-color);
}

.taxonomy-category.is-style-categories-background-with-round a:hover {
    background-color: var(--wp--preset--color--primary);
    color: #fff;
}

.taxonomy-category.is-style-categories-background-with-round a {
    margin: 0 5px 5px 0;
    display: inline-block;
}

.taxonomy-category.is-style-categories-background-with-round .wp-block-post-terms__separator {
    display: none;
}

/*styling post title for hover*/
.is-style-title-hover-primary-color.wp-block-post-title a:hover {
    color: var(--wp--preset--color--primary);
}

.is-style-title-hover-secondary-color.wp-block-post-title a:hover {
    color: var(--wp--preset--color--secondary);
}

/*button hover style*/
.wp-block-button.is-style-button-hover-primary-color a:hover {
    color: var(--wp--preset--color--primary) !important;
    border-color: var(--wp--preset--color--primary) !important;
}

.wp-block-button.is-style-button-hover-secondary-color a:hover {
    color: var(--wp--preset--color--secondary) !important;
    border-color: var(--wp--preset--color--secondary) !important;
}

.wp-block-button.is-style-button-hover-primary-bgcolor a.wp-block-button__link.wp-element-button:hover {
    background-color: var(--wp--preset--color--primary) !important;
    opacity: 1;
    color: var(--wp--preset--color--light-color) !important;
    border-color: var(--wp--preset--color--primary) !important;
}

.wp-block-button.is-style-button-hover-secondary-bgcolor a.wp-block-button__link.wp-element-button:hover {
    background-color: var(--wp--preset--color--secondary) !important;
    opacity: 1;
    color: var(--wp--preset--color--light-color) !important;
    border-color: var(--wp--preset--color--secondary) !important;
}

/*Styling read more block for hover*/
.is-style-readmore-hover-primary-color.wp-block-read-more:hover,
.is-style-hide-bullet-list-link-hover-style-primary a:hover {
    color: var(--wp--preset--color--primary) !important;
}

.is-style-readmore-hover-secondary-color.wp-block-read-more:hover,
.is-style-hide-bullet-list-link-hover-style-secondary a:hover {
    color: var(--wp--preset--color--secondary) !important;
}

.is-style-readmore-hover-primary-fill.wp-block-read-more,
.is-style-readmore-hover-secondary-fill.wp-block-read-more {
    border-radius: 20px;
}

.is-style-readmore-hover-primary-fill.wp-block-read-more:hover {
    background-color: var(--wp--preset--color--primary) !important;
    color: #fff !important;
}

.is-style-readmore-hover-secondary-fill.wp-block-read-more:hover {
    background-color: var(--wp--preset--color--secondary) !important;
    color: #fff !important;
}

/*style list for ul*/
.is-style-list-style-no-bullet,
.is-style-hide-bullet-list-link-hover-style-primary,
.is-style-hide-bullet-list-link-hover-style-secondary {
    list-style-type: none;
}

/*image hover effect*/
figure.wp-block-image.is-style-orakus-image-hover-rotate img:hover {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}

.wp-block-image.is-style-orakus-image-hover-pulse img:hover {
    animation: orakusPulse 2s infinite;
    -moz-animation: orakusPulse 2s infinite;
    -o-animation: orakusPulse 2s infinite;
    -webkit-animation: orakusPulse 2s infinite;
    animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -o-animation-timing-function: linear;
}

.wp-block-image.is-style-orakus-image-pulse img {
    animation: orakusPulse 2s infinite;
    -moz-animation: orakusPulse 2s infinite;
    -o-animation: orakusPulse 2s infinite;
    -webkit-animation: orakusPulse 2s infinite;
    animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -o-animation-timing-function: linear;
}

@keyframes orakusPulse {
    0% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(0.8);
    }
}

.wp-block-gallery.orakus-brands-logos .wp-block-image {
    align-items: center;
}

.wp-block-gallery.is-style-enable-grayscale-mode-on-image .wp-block-image img {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    transition: all ease-in 0.23s;
    -webkit-transition: all ease-in 0.23s;
    -moz-transition: all ease-in 0.23s;
    -o-transition: all ease-in 0.23s;
}

.wp-block-gallery.is-style-enable-grayscale-mode-on-image .wp-block-image img:hover {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}

.wp-site-blocks > * + * {
    margin-block-start: 0 !important;
}

.orakus-duotone-primary {
    filter: var(--wp--preset--duotone--primary);
}

.wp-block-social-links.is-style-social-icon-border li a {
    border: 1px solid;
    border-radius: 50%;
}

.is-style-orakus-page-list-bullet-hide-style.wp-block-page-list,
.wp-block-categories-list.is-style-orakus-categories-bullet-hide-style {
    list-style: none;
    margin: 0;
    padding: 0;
}

.wp-block-cover.is-style-orakus-cover-round-style {
    border-radius: 7px;
    overflow: hidden;
}

figure.wp-block-image.orakus-service-icon {
    background: var(--wp--preset--color--primary);
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
}

.wp-block-cover.is-style-orakus-cover-unset-overflow {
    overflow: unset;
}

.wp-block-buttons.is-style-button-transofom-on-hover .wp-block-button a.wp-block-button__link,
.wp-block-buttons.is-style-button-zoom-on-hover .wp-block-button a.wp-block-button__link {
    transition: all ease 0.23s;
}

.wp-block-buttons.is-style-button-transofom-on-hover .wp-block-button a.wp-block-button__link:hover {
    transform: translateY(-3px);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
}

.wp-block-buttons.is-style-button-zoom-on-hover .wp-block-button a.wp-block-button__link:hover {
    transform: translateY(-3px) scale(1.03);
}

.wp-block-group.is-style-orakus-gradient-border,
.wp-block-button.is-style-button-with-gradient-border a.wp-block-button__link {
    border-color: transparent !important;
    background: linear-gradient(white, white) padding-box, linear-gradient(to right, var(--wp--preset--color--primary), var(--wp--preset--color--secondary)) border-box;
}

.wp-block-group.is-style-orakus-gradient-border.has-background-alt-background-color,
.wp-block-button.is-style-button-with-gradient-border a.wp-block-button__link.has-background-alt-background-color {
    border-color: transparent !important;
    background: linear-gradient(var(--wp--preset--color--background-alt), var(--wp--preset--color--background-alt)) padding-box, linear-gradient(to right, var(--wp--preset--color--primary), var(--wp--preset--color--secondary)) border-box;
}

.wp-block-group.is-style-orakus-gradient-border.has-primary-background-color,
.wp-block-button.is-style-button-with-gradient-border a.wp-block-button__link.has-primary-background-color {
    border-color: transparent !important;
    background: linear-gradient(var(--wp--preset--color--primary), var(--wp--preset--color--primary)) padding-box, linear-gradient(to right, var(--wp--preset--color--primary), var(--wp--preset--color--secondary)) border-box;
}

.wp-block-group.is-style-orakus-gradient-border.has-secondary-background-color,
.wp-block-button.is-style-button-with-gradient-border a.wp-block-button__link.has-secondary-background-color {
    border-color: transparent !important;
    background: linear-gradient(var(--wp--preset--color--secondary), var(--wp--preset--color--secondary)) padding-box, linear-gradient(to right, var(--wp--preset--color--primary), var(--wp--preset--color--secondary)) border-box;
}

.wp-block-group.is-style-orakus-gradient-border.has-dark-shade-background-color,
.wp-block-button.is-style-button-with-gradient-border a.wp-block-button__link.has-dark-shade-background-color {
    border-color: transparent !important;
    background: linear-gradient(var(--wp--preset--color--dark-shade), var(--wp--preset--color--dark-shade)) padding-box, linear-gradient(to right, var(--wp--preset--color--primary), var(--wp--preset--color--secondary)) border-box;
}

.wp-block-group.is-style-orakus-gradient-border.has-primary-shade-one-background-color,
.wp-block-button.is-style-button-with-gradient-border a.wp-block-button__link.has-primary-shade-one-background-color {
    border-color: transparent !important;
    background: linear-gradient(var(--wp--preset--color--primary-shade-one), var(--wp--preset--color--primary-shade-one)) padding-box, linear-gradient(to right, var(--wp--preset--color--primary), var(--wp--preset--color--secondary)) border-box;
}

.wp-block-group.is-style-orakus-gradient-border.has-primary-shade-2-background-color,
.wp-block-button.is-style-button-with-gradient-border a.wp-block-button__link.has-primary-shade-2-background-color {
    border-color: transparent !important;
    background: linear-gradient(var(--wp--preset--color--primary-shade-2), var(--wp--preset--color--primary-shade-2)) padding-box, linear-gradient(to right, var(--wp--preset--color--primary), var(--wp--preset--color--secondary)) border-box;
}

.wp-block-group.is-style-orakus-gradient-border.has-black-color-background-color,
.wp-block-button.is-style-button-with-gradient-border a.wp-block-button__link.has-black-color-background-color {
    border-color: transparent !important;
    background: linear-gradient(var(--wp--preset--color--black-color), var(--wp--preset--color--black-color)) padding-box, linear-gradient(to right, var(--wp--preset--color--primary), var(--wp--preset--color--secondary)) border-box;
}

.wp-block-button.is-style-button-with-gradient-border a.wp-block-button__link:hover {
    background: var(--wp--preset--color--secondary) !important;
    color: #fff !important;
}

.wp-block-button.is-style-button-with-arrow-icon a.wp-element-button,
.wp-block-button.is-style-button-with-uparrow-icon a.wp-element-button {
    position: relative;
}

.wp-block-button.is-style-button-with-arrow-icon a.wp-element-button:after,
.wp-block-button.is-style-button-with-uparrow-icon a.wp-element-button:after {
    content: "";
    width: 24px;
    height: 8px;
    background-color: var(--wp--preset--color--light-color);
    -webkit-mask-image: url(../images/arrow_icon.svg);
    mask-image: url(../images/arrow_icon.svg);
    mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    display: inline-block;
    left: 0;
    top: 0px;
    border-radius: 50px;
    transition: all ease 0.23s;
    margin-left: 8px;
}

.wp-block-button.is-style-button-with-uparrow-icon a.wp-element-button:after {
    -webkit-mask-image: url(../images/upward-arrow.svg);
    mask-image: url(../images/upward-arrow.svg);
    height: 12px;
}

.wp-block-button.is-style-button-with-arrow-icon a.wp-element-button.has-black-color-color:after,
.wp-block-button.is-style-button-with-uparrow-icon a.wp-element-button.has-black-color-color:after {
    background-color: var(--wp--preset--color--black-color);
}

.wp-block-button.is-style-button-with-arrow-icon a.wp-element-button.has-dark-shade-color:after,
.wp-block-button.is-style-button-with-uparrow-icon a.wp-element-button.has-dark-shade-color:after {
    background-color: var(--wp--preset--color--dark-shade);
}

.wp-block-button.is-style-button-with-arrow-icon a.wp-element-button.has-primary-color:after,
.wp-block-button.is-style-button-with-uparrow-icon a.wp-element-button.has-primary-color:after {
    background-color: var(--wp--preset--color--primary);
}

.wp-block-button.is-style-button-with-arrow-icon a.wp-element-button.has-secondary-color:after,
.wp-block-button.is-style-button-with-uparrow-icon a.wp-element-button.has-secondary-color:after {
    background-color: var(--wp--preset--color--secondary);
}

.wp-block-button.is-style-button-with-arrow-icon a.wp-element-button.has-heading-color-color:after,
.wp-block-button.is-style-button-with-uparrow-icon a.wp-element-button.has-heading-color-color:after {
    background-color: var(--wp--preset--color--heading-color);
}

.wp-block-button.is-style-button-with-arrow-icon a.wp-element-button.has-background-alt-color:after,
.wp-block-button.is-style-button-with-uparrow-icon a.wp-element-button.has-background-alt-color:after {
    background-color: var(--wp--preset--color--background-alt);
}

.wp-block-button.is-style-button-with-arrow-icon a.wp-element-button:hover:after {
    margin-left: 12px;
}

ul.wp-block-list.is-style-list-style-check-circle,
ul.wp-block-list.is-style-list-style-check-circle-white,
ul.wp-block-list.is-style-list-style-check-circle-black,
ul.wp-block-list.is-style-list-style-check-circle-fade,
ul.wp-block-list.is-style-list-style-check-circle-fade-primary {
    list-style: none;
}

ul.wp-block-list.is-style-list-style-check-circle li,
ul.wp-block-list.is-style-list-style-check-circle-white li,
ul.wp-block-list.is-style-list-style-check-circle-black li,
ul.wp-block-list.is-style-list-style-check-circle-fade li,
ul.wp-block-list.is-style-list-style-check-circle-fade-primary li {
    position: relative;
    padding-left: 24px;
}

ul.wp-block-list.is-style-list-style-check-circle li:before,
ul.wp-block-list.is-style-list-style-check-circle-white li:before,
ul.wp-block-list.is-style-list-style-check-circle-black li:before,
ul.wp-block-list.is-style-list-style-check-circle-fade li:before,
ul.wp-block-list.is-style-list-style-check-circle-fade-primary li:before {
    content: "";
    position: absolute;
    width: 16px;
    background-color: var(--wp--preset--color--primary);
    height: 16px;
    border-radius: 50%;
    left: 0;
    top: 50%;
    margin-top: -8px;
}

ul.wp-block-list.is-style-list-style-check-circle-fade li:before {
    background-color: #000000;
    opacity: 0.075;
}

ul.wp-block-list.is-style-list-style-check-circle-white li:before {
    background-color: var(--wp--preset--color--light-color);
}

ul.wp-block-list.is-style-list-style-check-circle-black li:before {
    background-color: #000;
}

ul.wp-block-list.is-style-list-style-check-circle-fade-primary li:before {
    opacity: 0.1;
}

ul.wp-block-list.is-style-list-style-check-circle li:after,
ul.wp-block-list.is-style-list-style-check-circle-white li:after,
ul.wp-block-list.is-style-list-style-check-circle-black li:after,
ul.wp-block-list.is-style-list-style-check-circle-fade li:after,
ul.wp-block-list.is-style-list-style-check-circle-fade-primary li:after {
    content: "";
    width: 10px;
    height: 10px;
    background-color: var(--wp--preset--color--light-color);
    -webkit-mask-image: url(../images/check_icon.svg);
    mask-image: url(../images/check_icon.svg);
    mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    display: inline-block;
    left: 0;
    top: 50% !important;
    border-radius: 50px;
    transition: all ease 0.23s;
    position: absolute;
    margin-top: -5px;
    mask-size: contain;
    margin-left: 3px;
}

ul.wp-block-list.is-style-list-style-check-circle-white li:after,
ul.wp-block-list.is-style-list-style-check-circle-fade-primary li:after {
    background-color: var(--wp--preset--color--primary);
}

ul.wp-block-list.is-style-list-style-check-circle-fade li:after {
    background-color: #000000;
}

figure.wp-block-image.is-style-orakus-image-hover-zoom img,
.wp-block-cover.is-style-orakus-cover-overlay-style span.wp-block-cover__background,
.wp-block-cover.is-style-orakus-cover-overlay-style img.wp-block-cover__image-background,
.wp-block-cover.is-style-orakus-cover-hover-style img.wp-block-cover__image-background,
.wp-block-group.is-style-orakus-product-holder .wp-block-group.is-style-orakus-product-group img.attachment-woocommerce_single,
.wp-block-group.is-style-orakus-product-group .wp-block-button.wc-block-components-product-button {
    transition: all ease 0.23s;
}

figure.wp-block-image.is-style-orakus-image-hover-zoom img:hover {
    transform: translateY(-3px) scale(1.03);
}

.wp-block-cover.is-style-orakus-cover-overlay-style:hover span.wp-block-cover__background {
    opacity: 0.6 !important;
}

.wp-block-cover.is-style-orakus-cover-overlay-style .wp-block-cover__inner-container {
    opacity: 0;
    transition: all ease 0.23s;
    margin-bottom: -100px;
}

.wp-block-cover.is-style-orakus-cover-overlay-style:hover .wp-block-cover__inner-container {
    opacity: 1;
    margin-bottom: 0;
}

.wp-block-cover.is-style-orakus-cover-overlay-style:hover img.wp-block-cover__image-background,
.wp-block-cover.is-style-orakus-cover-hover-style:hover img.wp-block-cover__image-background {
    transform: scale(1.1);
}

.wp-block-group.is-style-orakus-product-group {
    position: relative;
    overflow: hidden;
}

.wp-block-group.is-style-orakus-product-group .wp-block-button.wc-block-components-product-button {
    position: absolute;
    bottom: -100px;
    width: 90%;
    left: 5%;
    opacity: 0;
}

.wp-block-group.is-style-orakus-product-holder:hover .wp-block-group.is-style-orakus-product-group img.attachment-woocommerce_single {
    opacity: 0.6;
}

.wp-block-group.is-style-orakus-product-holder:hover .wp-block-button.wc-block-components-product-button {
    bottom: 13px;
    opacity: 1;
}

.wp-block-group.is-style-orakus-product-group:hover .wp-block-button.wc-block-components-product-button .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--primary) !important;
    color: #fff !important;
}

.wp-block-group.orakus-slider {
    overflow: hidden;
    position: relative;
}

.orakus-slider .swiper-slide {
    display: flex;
}

.wp-block-group.orakus-slider-controls {
    position: unset;
}

.wp-block-group.orakus-slider .wp-block-cover.swiper-slide {
    margin-block-start: 0 !important;
}

.orakus-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    position: absolute;
    bottom: 20px;
    z-index: 1;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}

.orakus-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

.orakus-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--wp--preset--color--primary);
}

.wp-block-group.orakus-slider .orakus-button-prev,
.wp-block-group.orakus-slider .orakus-button-next {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: #fff;
    color: var(--wp--preset--color--primary);
    transition: all ease 0.23s;
    opacity: 0;
    top: 50%;
    margin: -20px 0 0 0;
}

.wp-block-group.orakus-slider:hover .orakus-button-prev,
.wp-block-group.orakus-slider:hover .orakus-button-next {
    opacity: 1;
}

.wp-block-group.orakus-slider:hover .orakus-button-prev {
    left: 30px;
}

.wp-block-group.orakus-slider:hover .orakus-button-next {
    right: 30px;
}

.wp-block-group.orakus-slider .orakus-button-prev:hover,
.wp-block-group.orakus-slider .orakus-button-next:hover {
    background: var(--wp--preset--color--primary);
    color: #fff;
}

.wp-block-group.orakus-slider .orakus-button-prev:after,
.wp-block-group.orakus-slider .orakus-button-next:after {
    font-size: 16px;
}

.orakus-slider-controls.wp-block-group.block-editor-block-list__layout .wp-block.wp-block-html {
    display: none;
}

.orakus-slider-controls.wp-block-group.block-editor-block-list__layout .wp-block.is-selected.wp-block-html {
    display: block !important;
}

.wp-block-button.is-style-button-with-uparrow-icon a.wp-block-button__link.has-heading-color-color:hover {
    background: var(--wp--preset--color--heading-color) !important;
    color: #fff !important;
}

.wp-block-button.is-style-button-with-uparrow-icon a.wp-block-button__link.has-heading-color-color:hover:after {
    background: #fff !important;
}

.wp-block-button.is-style-button-with-uparrow-icon a.wp-block-button__link.has-primary-color:hover {
    background: var(--wp--preset--color--primary) !important;
    color: #fff !important;
}

.wp-block-button.is-style-button-with-uparrow-icon a.wp-block-button__link.has-primary-color:hover:after {
    background: #fff !important;
}

.wp-block-group.is-style-orakus-overlay-navigaion {
    width: 100%;
    /*z-index: 5;*/
}

.wp-block-woocommerce-product-collection.orakus-stack-products ul li {
    margin-bottom: 0 !important;
}

.orakus-search-icon.wp-block-search button.wp-block-search__button {
    padding: 0;
}

.orakus-search-icon.wp-block-search button.wp-block-search__button svg.search-icon {
    font-size: 26px;
}

nav.is-style-orakus-navigation-enable-menu-description.wp-block-navigation .wp-block-navigation-item__description {
    display: block;
    position: absolute;
    top: -17px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--wp--preset--color--primary);
    font-size: 12px;
    color: #fff;
    height: 18px;
    padding: 0 5px;
    line-height: 18px;
    border-radius: 2px;
}

nav.is-style-orakus-navigation-enable-menu-description.wp-block-navigation .wp-block-navigation-item__description:after {
    content: "";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 6px 5px 0 0;
    border-color: var(--wp--preset--color--primary) transparent transparent transparent;
    transform: rotate(0deg);
    left: 0;
    top: 17px;
    position: absolute;
}

.wp-block-contact-form-7-contact-form-selector.orakus-newsletter-3 .wpcf7-form-control.wpcf7-submit {
    width: 100%;
    margin-top: 10px;
    background: var(--wp--preset--color--light-color);
    color: var(--wp--preset--color--black-color);
}

.wp-block-contact-form-7-contact-form-selector.orakus-newsletter-3 .wpcf7-form-control.wpcf7-submit:hover {
    background: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--light-color);
}

/* 默认透明样式（页面顶部时） */
.site-header {
    position: fixed;
    top: 0;
    left: 0;
    /*width: 100%;*/
    z-index: 9999;
    background: transparent; /* 透明背景 */
    transition: background 0.3s ease, box-shadow 0.3s ease; /* 平滑过渡 */
}

/* 滚动后的固定样式 */
.site-header.scrolled {
    background: #fff; /* 白色背景 */
    z-index: 9999;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* 阴影 */
}

.site-header.scrolled .site-title a {
    color: black;
}

.site-header.scrolled .site-title a:hover {
    color: #B58E67;
}

.site-header .logo-white {
    display: block;
}

.site-header .logo-red {
    display: none;
}

.site-header.scrolled .logo-white {
    display: none;
}

.site-header.scrolled .logo-red {
    display: block;
}


.custom-article-list {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
}

.article-item {
    display: flex;
    align-items: flex-start; /* 上下对齐顶部 */
}

.article-content {
    flex: 1; /* 占据剩余空间 */
    margin-right: 10px; /* 可选：添加一点间距 */
}

.article-title {
    margin: 0 0 5px 0;
    font-size: 18px;
    font-weight: 600;
}

.custom-title-link {
    display: inline-flex;
    align-items: center; /* 垂直居中 */
    gap: 8px; /* 替代 margin-right，间距更可控 */
    text-decoration: none;
}

.custom-title-link::before {
    content: "●"; /* 或者使用背景图 */
    margin-right: 8px;
    font-size: 10px; /* 调整为你想要的大小 */
    color: #5e5c5c; /* 设置颜色 */
}

.article-excerpt {
    color: #888888;
    font-size: 15px;
    line-height: 1.5;

    margin-bottom: 5px;
}

.article-meta {
    /*width: 50px; !* 固定宽度 *!*/
    flex-shrink: 0; /* 防止被压缩 */
    text-align: right; /* 时间靠右显示 */
    margin-top: 30px;
    padding-bottom: 30px;
    position: relative;
}

.article-meta time {
    color: #888;
    font-size: 18px;
}

/* 竖线：放在箭头的左边 */
.article-meta time::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 17px;
    background-color: #dedcdc;
    bottom: 7px;
    left: calc(100% - 45px); /* 紧贴在箭头左边 */
}

.article-meta time::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='16' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h28m-8-6 8 6-8 6' stroke='%23999' stroke-width='2' fill='none'/%3E%3C/svg%3E");
    position: absolute;
    bottom: 2px;
    left: calc(100% - 48px); /* 紧贴在箭头左边 */
}

.article-divider {
    height: 1px;
    background-color: #eee;
    margin: 5px 0;
}


.custom-article-list_2 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    max-width: 800px;
    padding: 20px;
}

@media (max-width: 768px) {
    .custom-article-list_2 {
        margin-left: 10px !important;
        margin-right: 10px !important;
        padding: 0 !important;
    }

    .article-meta_2 {
        display: none !important;
    }
}

.article-item_2 {
    display: flex;
    align-items: center;
    gap: 24px;
}

.article-link_2 {
    display: flex;
    align-items: stretch;
    width: 100%;
    height: 100%;
    padding: 12px;
    text-decoration: none;
    cursor: pointer;
    color: inherit;
    transition: background-color 0.3s ease;
}

.article-link_2:hover .article-title_2 {
    color: #B58E67;
}

.article-meta_2 {
    width: 80px;
    height: 100%;
    text-align: center;
    color: #666;
    margin-right: 16px;
    background-color: #ebebeb;
    padding-top: 16px;
    padding-bottom: 16px;
}

.article-meta_2 .date-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
}

.article-meta_2 .date-top {
    font-size: 16px; /* 小字体显示年月 */
    color: #888;
}

.article-meta_2 .date-bottom {
    font-size: 36px; /* 大字体显示日 */
    font-weight: bold;
    border-bottom: 1px solid #a7a7a7;
}

.article-content_2 {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.article-title_2 {
    font-size: 18px;
    margin: 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #ddd;
    font-weight: 560;
}

.article-excerpt_2 {
    font-size: 16px;
    color: #777;
}

.article-divider_2 {
    height: 1px;
    background-color: #eee;
    margin: 5px 0;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
    list-style: none;
    padding: 0;
}

.pagination a,
.pagination span,
.pagination strong {
    padding: 6px 12px;
    text-decoration: none;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.pagination a:hover {
    background-color: #B58E67;
    color: white;
    border-color: #B58E67;
}

.pagination strong {
    background-color: #B58E67;
    color: white;
    border-color: #B58E67;
}

.pagination span {
    color: #aaa;
    pointer-events: none;
}


/* 公共动画属性 */
[class*="yuego-animate-"] {
    opacity: 0;
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* 从右侧进入 */
.yuego-animate-right {
    transform: translateX(100px);
}

.yuego-animate-right.active {
    opacity: 1;
    transform: translateX(0);
}

/* 从左侧进入 */
.yuego-animate-left {
    transform: translateX(-100px);
}

.yuego-animate-left.active {
    opacity: 1;
    transform: translateX(0);
}

/* 从上方进入 */
.yuego-animate-top {
    transform: translateY(-100px);
}

.yuego-animate-top.active {
    opacity: 1;
    transform: translateY(0);
}

/* 从下方进入 */
.yuego-animate-bottom {
    transform: translateY(100px);
}

.yuego-animate-bottom.active {
    opacity: 1;
    transform: translateY(0);
}

/* 缩放淡入效果 */
.yuego-animate-zoom {
    transform: scale(0.9);
}

.yuego-animate-zoom.active {
    opacity: 1;
    transform: scale(1);
}

/* 移动端适配 - 针对小屏幕设备 */
@media (max-width: 768px) {
    [class*="yuego-animate-"] {
        transition-duration: 0.4s; /* 缩短动画时间 */
    }

    /* 减少移动距离 */
    .yuego-animate-right {
        transform: translateX(50px);
    }

    .yuego-animate-left {
        transform: translateX(-50px);
    }

    .yuego-animate-top {
        transform: translateY(-50px);
    }

    .yuego-animate-bottom {
        transform: translateY(50px);
    }

    .yuego-animate-zoom {
        transform: scale(0.95); /* 减少缩放幅度 */
    }
}

/* 针对极小型设备(如手机竖屏)的进一步优化 */
@media (max-width: 480px) {
    [class*="yuego-animate-"] {
        transition-duration: 0.3s;
    }
}

/* 为偏好减少动画的用户提供无障碍支持 */
@media (prefers-reduced-motion: reduce) {
    [class*="yuego-animate-"] {
        transition: none !important;
        transform: none !important;
        opacity: 1 !important;
    }
}

/* 横屏设备适配 */
@media (orientation: landscape) and (max-width: 768px) {
    [class*="yuego-animate-"] {
        transition-duration: 0.5s;
    }
}


/* 特定分类最新文章样式 */
.latest-category-posts {
    display: grid;
    gap: 30px;
    margin: 40px 0;
}

.category-post-item {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.category-post-item:hover {
    transform: translateY(-5px);
}

.post-thumbnail {
    height: 300px;
    overflow: hidden;
}

.post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.category-post-item:hover .post-thumbnail img {
    transform: scale(1.05);
}

.article-item-1 {
    display: flex;
    align-items: flex-start; /* 上对齐 */
    padding: 15px 0;
    /*border-bottom: 1px solid #eee;*/
}

.article-meta-1 {
    width: 50px;
    text-align: right;
    margin-right: 15px;
    font-size: 14px;
    color: #999;
}

.article-content-1 {
    flex: 1;
}

.article-title-1 {
    margin: 0 0 8px 0;
    font-size: 18px;
    font-weight: bold;
}

.article-excerpt-1 {
    color: #666;
    font-size: 14px;
    line-height: 1.5;
}

.no-posts-found {
    text-align: center;
    color: #999;
    padding: 20px;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .post-thumbnail {
        height: 150px;
    }
}


/* 自定义面包屑样式 */
.custom-breadcrumb .breadcrumb-separator {
    color: #737374;
    font-size: large;
    padding-left: 3px;
    padding-right: 3px;
}

.custom-breadcrumb a:hover {
    color: #B58E67;
}

/* 自定义同分类文章导航样式 */
.same-category-posts-nav {
    display: flex;
    flex-direction: column; /* 改为垂直方向 */
    margin: 30px 0;
    padding: 15px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    gap: 16px;
}

.same-category-posts-nav a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%; /* 自适应父元素宽度 */
}


/* 短代码样式 */
.category-single-post {
    padding: 25px;
    margin-left: 80px !important;
    margin-right: 80px !important;
}

@media (max-width: 768px) {
    .category-single-post {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
}

.category-single-post .post-title {
    color: #333;
    margin-bottom: 15px;
    font-size: 1.5em;
}

.category-single-post .post-content {
    line-height: 1.7;
    color: #555;
}

.category-post-error {
    color: #dc3545;
    padding: 10px;
    background: #f8d7da;
}

.category-post-empty {
    color: #6c757d;
    font-style: italic;
}


.search-result-content {
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 5px;
    justify-content: center;
}

.search-result-count {
    font-size: 16px;
    margin-bottom: 10px;
    color: #333;
    font-weight: bold;
    padding: 8px;
    border-bottom: 1px solid #ddd;
}

.search-result-list {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    padding: 20px;
}

.search-result-meta {
    width: 50px; /* 固定宽度 */
    flex-shrink: 0; /* 防止被压缩 */
    text-align: right; /* 时间靠右显示 */
    margin-top: 5px;
    padding-bottom: 30px;
    position: relative;
}

.search-result-meta time {
    color: #888;
    font-size: 18px;
}

/* 竖线：放在箭头的左边 */
.search-result-meta time::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 17px;
    background-color: #dedcdc;
    bottom: 7px;
    left: calc(100% - 45px); /* 紧贴在箭头左边 */
}

.search-result-meta time::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='16' viewBox='0 0 24 24'%3E%3Cpath d='M4 12h28m-8-6 8 6-8 6' stroke='%23999' stroke-width='2' fill='none'/%3E%3C/svg%3E");
    position: absolute;
    bottom: 2px;
    left: calc(100% - 48px); /* 紧贴在箭头左边 */
}


/* 搜索框样式 */
.custom-search-container {
    max-width: 600px;
    margin: 0 auto;
    position: relative;
}

@media (max-width: 768px) {
    .custom-search-container {
        display: none !important;
    }
}

.custom-search-form {
    display: flex;
    overflow: hidden;
    transition: all 0.3s;
}

.custom-search-input {
    flex: 1;
    padding: 8px 8px;
    margin-right: 8px;
    outline: none;
    /*font-size: 16px;*/
    border: 1px solid #ddd;
    border-radius: 8px;
    background: transparent;
}

.custom-search-input::placeholder {
    color: white; /* 替换为你想要的颜色值，例如 #999 或 rgba(0,0,0,0.5) */
}

.custom-search-button {
    background: transparent;
    color: white;
    border: none;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.3s;
    font-size: 24px;
    display: inline-flex;
    align-items: center; /* 垂直居中 */
}

.custom-search-button span {
    font-size: 24px;
}

.custom-search-button:hover {
    color: #B58E67;
    transform: scale(1.05); /* 稍微放大一点 */
}

.site-header.scrolled .custom-search-button {
    color: black;
}

.site-header.scrolled .custom-search-button:hover {
    color: #B58E67;
    transform: scale(1.05); /* 稍微放大一点 */
}

.search-suggestions {
    position: absolute;
    width: 100%;
    background: white;
    border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    z-index: 100;
    display: none;
}

.search-suggestion-item {
    padding: 10px 15px;
    cursor: pointer;
    border-bottom: 1px solid #f5f5f5;
}

.search-suggestion-item:hover {
    background: #f9f9f9;
}

@media (max-width: 480px) {
    .custom-search-input {
        padding: 10px 15px;
    }

    .custom-search-button {
        padding: 0 15px;
    }
}


.cover-page-parent {
    height: 100vh; /* 默认PC端全屏 */
}

/* 默认样式（Web 端：全屏高度） */
.cover-page {
    height: 100%; /* 继承父容器高度 */
    background: #333;
    display: flex;
    align-items: center; /* 标题垂直居中 */
    justify-content: center; /* 标题水平居中 */
    object-fit: cover; /* 保持比例并裁剪多余部分 */
}

/* 关键：让图片充满父容器 */
.cover-page img {
    width: 100% !important; /* 宽度充满 */
    height: 100% !important; /* 高度继承 */
    object-fit: cover !important; /* 保持比例并裁剪多余部分 */
}

/* 移动端适配（屏幕宽度 ≤ 768px 时触发） */
@media (max-width: 768px) {
    .group {
        height: 33.33vh; /* 移动端高度变为1/3 */
    }
}

.related-lawyer-link {
    background: #f1f2f4;
    line-height: 34px;
    margin-top: 40px;
    text-indent: 0 !important;
}

.related-lawyer-link span {
    border-left: 3px #951f23 solid;
    color: #951f23;
    padding-left: 10px;
    display: inline-table;
}

.related-lawyer-link a {
    float: right;
    color: #951f23;
    margin-right: 8px;
}

.loading-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
    font-size: 16px;
    color: #666;
}

.loading-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #ccc;
    border-top-color: #333;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-left: 10px;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}


/* 无文章提示样式 */
.empty-category {
    text-align: center;
    padding: 40px 20px;
    margin: 30px 0;
}

.empty-category-inner {
    max-width: 600px;
    margin: 0 auto;
}

.empty-category-title {
    font-size: 24px;
    color: #333;
    margin-top: 15px;
    font-weight: bold;
}

.empty-category-description {
    font-size: 16px;
    color: #666;
    margin: 15px 0;
}

.empty-category-link {
    display: inline-block;
    padding: 10px 20px;
    background-color: #B58E67;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.empty-category-link:hover {
    background-color: #a17b56;
    color: #fff;
}


/* 设置外层容器限制高度并裁剪溢出 */
.custom-header-page {
    height: 40vh !important;
    overflow: hidden;
}

/* 强化选择器，避免被覆盖 */
.custom-header-page img {
    height: 40vh !important;
    overflow: hidden;
}


/*获取当前分类下的子分类或者文章列表样式*/
.category-content-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.category-content-item {
    border: 1px solid #ddd;
    margin-bottom: 8px;
    padding: 12px;
    transition: all 0.3s ease;
    text-align: center;
}

.category-content-item a {
    color: #000;
    text-decoration: none;
    display: block;
}

.category-content-item:hover,
.category-content-item.active {
    border-color: #cc0000;
}

.category-content-item.active a,
.category-content-item:hover a {
    color: #cc0000;
}

.article-content-container {
    padding: 20px;
}

@media (max-width: 768px) {
    .category-content-list {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        padding: 0;
        margin: 0;
    }

    .category-content-item {
        flex: none; /* 禁止伸缩，宽度由内容决定 */
        min-width: auto; /* 自适应宽度 */
        width: auto; /* 宽度由内容撑开 */
        display: inline-block; /* 支持 inline 布局 */
        margin-right: 10px; /* 添加间距 */
        vertical-align: top;
    }
}


.wzdt-content {
    margin-left: 80px !important;
    margin-right: 80px !important;
    margin-top: 20px !important;
}

.zyly-content {
    margin-left: 80px !important;
    margin-right: 80px !important;
    margin-top: 20px !important;
    margin-bottom: 80px !important;
}

.wzdj-content {
    margin-left: 80px !important;
    margin-right: 80px !important;
    margin-top: 20px !important;
}

.flqy-content {
    margin-left: 80px !important;
    margin-right: 80px !important;
    margin-top: 20px !important;
}

.wsxz-content {
    margin-left: 80px !important;
    margin-right: 80px !important;
    margin-top: 20px !important;
}

@media (max-width: 768px) {
    .wzdt-content {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }

    .zyly-content {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }

    .wzdj-content {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }

    .flqy-content {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }

    .wsxz-content {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }

    .cover-page-parent {
        height: 40vh; /* 默认PC端全屏 */
    }

    .cover-page {
        height: 40vh; /* 默认PC端全屏 */
    }

    .cover-page img {
        height: 40vh !important; /* 默认PC端全屏 */
    }
}

.indent-paragraph {
    text-indent: 2em;
}

.no-indent-paragraph {
    text-indent: 0 !important;
}

.article-content ul {
    text-indent: 0 !important;
}

#position, #specialty {
    height: 100px;
    width: 100%;
}

.custom-group {
    position: relative;
    min-height: 100px;
}

.custom-group .custom-title {
    position: absolute;
    top: 50%; /* 初始位置在中间 */
    left: 50%;
    transform: translate(-50%, 0); /* 只水平居中，不垂直移动 */
    margin: 0;
    z-index: 10;
}

/* 加载阿里巴巴普惠体 */
@font-face {
    font-family: 'AlibabaPuHuiTi';
    src: url('https://fonts.alibabagroup.com/1.0.0/fonts/AlibabaPuHuiTi-3-75-Heavy.woff2') format('woff2');
    font-weight: 700; /* 使用 Heavy 字重 */
}

.custom-group .custom-main-title {
    font-family: 'AlibabaPuHuiTi', sans-serif;
    letter-spacing: 0.1em; /* 字间距微调 */
    color: #f8f8f8; /* 改为暖白色 */
    position: absolute;
    left: 50%;
    /*bottom: calc(50% - 30px); !* 底部位于中间线靠下 10px *!*/
    top: 50%; /* 垂直居中 */
    /*transform: translateX(-50%);*/
    transform: translateX(-50%) translateY(-50%); /* 水平 + 垂直偏移 */
    margin: 0;
    z-index: 10;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); /* 加深阴影以提高白色文字可读性 */
    font-size: 4.5rem !important; /* 根据实际尺寸调整 */
    line-height: 1.2 !important;
    white-space: nowrap;
    transition: all 0.3s ease;
}

/* 悬停时放大+轻微发光 */
.custom-group .custom-main-title:hover {
    transform: translate(-50%, -50%) scale(1.02);
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3),
    0 0 15px rgba(255, 255, 255, 0.5);
}

.custom-main-title {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.95);
    animation: fadeIn 0.8s ease-out forwards;
}

@keyframes fadeIn {
    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

.custom-group .custom-main-button {
    position: absolute;
    left: 50%;
    top: calc(50% + 35px); /* 顶部对齐中间线向下偏移 15px */
    transform: translateX(-50%);
}

.custom-main-button {
    display: inline-block;
    padding: 12px 35px;
    background: linear-gradient(90deg, #B58E67, #D4B999); /* 暖棕渐变 */
    color: #FFF9F2; /* 暖调白 */
    border: none;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(181, 142, 103, 0.2); /* 暖色投影 */
    position: relative;
    letter-spacing: 1px; /* 增加字间距提升高级感 */
    cursor: pointer;
}

.custom-main-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 7px 15px rgba(181, 142, 103, 0.35);
    background: linear-gradient(90deg, #D4B999, #B58E67); /* 反转渐变方向 */
    color: #FFFFFF;
}

.custom-main-button::after {
    content: "→";
    margin-left: 12px;
    transition: all 0.3s ease;
    color: rgba(255, 249, 242, 0.8); /* 箭头颜色微调 */
}

.custom-main-button:hover::after {
    transform: translateX(4px);
    color: #FFFFFF;
}

/* 可选：添加金属质感边框（更显高级） */
.custom-main-button {
    border: 1px solid rgba(181, 142, 103, 0.3);
}

/* 普通手机横屏（481px ~ 767px） */
@media (max-width: 767px) {
    .custom-group .custom-main-title {
        font-size: 36px !important;;
    }
}

/* 小屏手机竖屏（≤ 480px） */
@media (max-width: 480px) {
    .custom-group .custom-main-title {
        font-size: 28px !important;;
    }
}

@media (max-width: 768px) {
    .custom-main-button {
        font-size: 12px;
        border-radius: 24px;
        box-shadow: none;
        background: linear-gradient(90deg, #B58E67, #D4B999);
        color: #FFF9F2;
        border: none;
        padding: 6px 15px;
        transform: none !important;
        transition: none !important; /* 强制关闭过渡 */
        position: absolute;
        top: calc(50% + 35px); /* 根据需要调整垂直位置 */
        width: auto; /* 或者设置固定宽度 */
        margin: 0 auto;
    }

    .custom-main-button::after {
        content: "→";
        margin-left: 8px;
        color: rgba(255, 249, 242, 0.8);
        transition: none !important;
    }

    /* 移除所有交互状态的动画 */
    .custom-main-button:hover,
    .custom-main-button:active,
    .custom-main-button:focus {
        outline: none;
        transform: none !important;
        box-shadow: none !important;
        background: linear-gradient(90deg, #B58E67, #D4B999) !important;
        color: #FFF9F2 !important;
    }

    .custom-main-button:hover::after,
    .custom-main-button:active::after,
    .custom-main-button:focus::after {
        transform: none !important;
        color: rgba(255, 249, 242, 0.8) !important;
    }
}

.custom-title h1 {
    color: white;
}

/* 默认情况下，移动端区块隐藏 */
.show-on-mobile {
    display: none !important;
}

/* 在移动端（屏幕宽度 ≤ 768px）时隐藏 PC 区块，显示移动端区块 */
@media (max-width: 768px) {
    .show-on-desktop {
        display: none;
    }

    .show-on-mobile {
        display: block !important;
    }
}

.custom-hide {
    display: none !important;
}


.horizontal-menu-container {
    width: 100%;
    background-color: transparent;
    padding: 10px 0;
}

/* 移动端（屏幕宽度 ≤ 768px）隐藏菜单 */
@media (max-width: 768px) {
    .horizontal-menu-container {
        display: none !important;
    }
}

.horizontal-menu-list {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.horizontal-menu-item {
    margin: 0 15px;
}

.horizontal-menu-item a {
    font-family: 'Noto Sans SC', sans-serif;
    text-decoration: none;
    color: white;
    font-weight: 500;
    font-size: 1.2rem; /* 调整为常规菜单字体大小 */
    transition: color 0.3s ease, transform 0.3s ease;
    letter-spacing: 1px;
}

.horizontal-menu-item a:hover {
    color: #B58E67;
    transform: scale(1.05); /* 稍微放大一点 */
}

.loaded-article {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    /*max-width: 800px;*/
    margin: 0 auto;
}

.article-thumbnail {
    width: 75%;
    height: auto;
    border-radius: 8px;
    margin: 0 auto 20px;
    display: block;
}

.article-title {
    /*font-size: 24px;*/
    /*color: #333;*/
    /*margin-bottom: 15px;*/
}

.article-body {
    font-size: 16px;
    line-height: 1.7;
    color: #555;
}

.loaded-article ul {
    text-indent: 0 !important;
}

.custom-page-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.custom-page-main-title {
    font-family: 'AlibabaPuHuiTi', sans-serif;
    letter-spacing: 0.1em; /* 字间距微调 */
    font-size: 2.1rem !important; /* 适配页面标题的合理大小 */
    color: #f8f8f8; /* 改为暖白色 */
    position: relative;
    margin: 0 0 20px;
    font-weight: 700;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); /* 加深阴影以提高白色文字可读性 */
    line-height: 1.2 !important;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.custom-page-title-sub {
    font-family: 'AlibabaPuHuiTi', sans-serif;
    display: block;
    font-size: 1.2rem !important; /* 适配页面标题的合理大小 */
    color: #fbfcfb;
    margin-top: 8px;
    font-weight: normal;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: center;
}

.custom-page-title-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto 40px;
    width: 150px;
}

.custom-page-divider-line {
    height: 1px;
    background: #ddd;
    flex-grow: 1;
}

.custom-page-divider-dot {
    width: 6px;
    height: 6px;
    background: #B58E67;
    border-radius: 50%;
    margin: 0 10px;
}

.hide-in-small {
    display: block;
}

/* 适配 iPhone 8/SE/7/6 等 375px 宽度设备 */
@media (max-width: 380px) {
    .hide-in-small {
        display: none !important;
    }
}

.parent-container {
    /*height: 100vh; !* 父容器的高度，可以根据需要调整 *!*/
    position: relative; /* 用于定位图片 */
    overflow: hidden; /* 防止图片超出父容器 */
    min-height: 386px;
    height: 100%;
}

.parent-container img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-height: 386px;
}

.no-decoration,
.no-decoration a {
    text-decoration: none;
}