/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.15.1762854060
Updated: 2025-11-11 17:41:00

*/

.ast-separate-container .ast-article-single:not(.ast-related-post), .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container .site-main .ast-author-meta, .ast-separate-container .related-posts-title-wrapper, .ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content, .ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .ast-archive-description, .ast-separate-container .comments-area {
    font-family: '微软雅黑', arial, sans-serif;
}

.footer-widget-area.widget-area.site-footer-focus-item {
    font-family: '微软雅黑', arial, sans-serif;
}

.ast-breadcrumbs-yoast {
    padding: 0 22px;
}

.has-text-align-center {
    color:#666;
}
.has-text-align-center a {
    color:#666;
    margin-left:30px;
}

.ast-separate-container #primary {
    padding: 0;
    margin: 0;
    border: 0;
}

.ast-custom-button {
    border-radius: 18px;
    padding: 0 10px;
    font-size: 16px;
    height: 35px;
}

.wp-post-image {
    width: clamp(100px, 25vw, 300px) !important;
    height: clamp(60px, 25vw * 0.56, 167px) !important;
    border-radius: 5px !important;
}

.rt-img-responsive {
    width: clamp(100px, 25vw, 300px) !important;
    height: clamp(60px, 25vw * 0.56, 167px) !important;
    border-radius: 5px !important;
}

.ast-primary-header-bar .site-primary-header-wrap {
    min-height: 80px;
    max-width: 1200px;
}

.main-header-bar {
    border-bottom-width: 0;
}

.navigation.post-navigation {
    font-family: '微软雅黑', arial, sans-serif;
    background: #fff;
    padding: 0 40px 20px;
}

.single .post-navigation .nav-next a {
    text-align: center;
    padding-left: 20px;
}

.single .post-navigation .nav-previous a {
    text-align: center;
    padding-right: 20px;
}

.single .post-navigation a {
    max-width: 80%;
    width: auto;
}

.single .post-navigation a p {
    display: none;
}

/* 隐藏原来的文字 */
.single .post-navigation a .ast-post-nav {
    font-size: 0 !important;
    display: none;
}

.single .post-navigation a {
    max-width: 80%;
    width: auto;
}

.single .post-navigation .nav-previous {
    width: 50%;
    text-align: end;
}

.single .post-navigation .nav-links .nav-previous + .nav-next {
    width: 50%;
    text-align: start;
}

.comment-navigation .nav-next, .post-navigation .nav-next, .posts-navigation .nav-next {
    grid-column-start: 2;
    text-align: unset;
}

.elementor img {
    width: 100% !important;
    height: auto;
    max-width: 100%;
    display: block;
}

#menu-bottommenu.menu > li:not(:last-child)::after {
    content: "|";
    color: #666;
    margin: 0 25px;
    font-size: 18px;
    line-height: 1;
    font-weight: normal;
}

#menu-bottommenu.menu {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.ast-icon.icon-arrow {
    display: none;
}

.post-navigation .nav-previous:after {
    width: 0px;
}

/* 添加新的文字 */
.nav-previous a::before {
    content: "上一篇";
    font-size: 0.85em;
    line-height: 40px;
    border-radius: 20px;
    border: 1px solid #1C4970;
    padding: 0 25px;
    background: #1C4970;
    color: #fff;
    display: block;
}

.nav-next a::before {
    content: "下一篇";
    font-size: 0.85em;
    line-height: 40px;
    border-radius: 20px;
    border: 1px solid #1C4970;
    padding: 0 25px;
    color: #1c4970;
    display: block;
}

.next.page-numbers {
    display: none !important;
}

.prev.page-numbers {
    display: none !important;
}

.main-container {
    max-width: 100%;
    background: #FFF;
    line-height: 60px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.custom-nav-after-header ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-nav-after-header li {
    list-style: none;
    margin: 0;
}

.custom-nav-after-header li::marker {
    display: none !important;
    content: none !important;
}

.custom-nav-after-header a {
    text-decoration: none;
    color: #333;
    padding: 10px 16px;
    display: block;
}

/* 当前选中项样式 */
.custom-nav-after-header .current-menu-item a {
    color: #1C4970;
    font-weight: 500;
}

/* 悬停效果 */
.custom-nav-after-header a:hover {
    color: #1C4970;
    font-weight: 500;
}

.sec-container {
    top: 5vh;
    left: 10vw;
    width: 1200px;
    margin: 0 auto;
    height: 10vh;
    margin-bottom: 2vh;
    line-height: 2.5;
    background: #FFF;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    z-index: 1000;
    box-sizing: border-box;
}

.menu-bottom-container {
    background-color: #fff;
    height: 10vh;
    margin-bottom: 20px;
    border-top: 1px solid #eee;
}

.menu-bottom-container.hide-on-mobile {
    margin-bottom: 0px;
}

.ast-container {
    padding: 0px;
    max-width: 1140px;
}

.single .entry-header {
    margin-bottom: 0px;
}

.entry-content p {
    font-size: 15px;
    margin: 15px 0;
    line-height: 1.6;
}

.entry-content h1 {
    font-size: 24px;
    color: #272A40;
    font-weight: bold;
    line-height: 1.8;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 2px;
}

.entry-content h2 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1.1;
}

.entry-content h3 {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    line-height: 1.8;
    margin-top: 20px;
    margin-bottom: 10px;
}

.entry-content p img {
    display: block;
    max-width: 600px;
    margin: 10px auto;
    box-shadow: unset;
}

.single-post-excerpt {
    color: #555;
    background: rgba(28, 73, 112, 0.05);
    border-radius: 2px;
    border-left: 2px solid #1C4970;
    display: flex;
    padding: 10px 0;
    margin-bottom: 20px !important;
    margin-top: 15px;
    line-height: 1.8;
    font-family: '微软雅黑', arial, sans-serif;
}

.ast-blog-layout-5-grid .post-thumb-img-content {
    height: 100%;
    width: 300px;
}

.ast-blog-layout-5-grid .ast-blog-featured-section {
    width: 300px;
    margin-bottom: 0;
}

.ast-blog-layout-5-grid .post-content {
    padding-left: 30px;
}

.site-above-footer-wrap[data-section="section-above-footer-builder"] {
    margin-top: 0;
}

.ast-pagination {
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    /* padding-top: 2em; */
    text-align: center;
}

.ast-pagination .page-numbers.current {
    color: #1c4670;
    font-weight: bold;
    background-color: unset;
}

.ast-pagination .page-numbers {
    font-weight: normal;
}

.views-tag {
    display: inline-block;
    min-width: 20px;
    text-align: center;
    color: #969696;
    font-size: clamp(12px, 2vw, 14px);
    font-family: '微软雅黑', arial, sans-serif;
}

@media (max-width: 768px) {
    .sec-container {
        width: 100%;
    }

    .entry-content p img {
        display: block;
        max-width: 100% !important;
        margin: 10px auto;
        box-shadow: unset;
    }

    .ast-blog-layout-5-grid .ast-blog-featured-section, .ast-blog-layout-5-grid .post-content {
        width: 100px;
        height: 60px;
        margin-bottom: 0px;
    }

    .ast-blog-layout-5-grid .ast-article-post {
        padding: 0 15px !important;
    }

    .ast-separate-container .ast-blog-layout-5-grid .ast-article-inner, .ast-plain-container .ast-blog-layout-5-grid .ast-article-inner {
        height: 100%;
        padding: 15px 0px 15px 0px !important;
        border-bottom: 1px solid #E8E9ED;
    }

    .ast-blog-layout-5-grid .post-content {
        padding-left: 10px;
    }

    .astra-related-posts {
        padding: 0 15px !important;
        margin-top: 10px;
    }

    .related-posts-title {
        margin-bottom: 0px !important;
    }
}

@media (max-width: 768px) {
    .main-header-bar.ast-header-breadcrumb {
        display: none !important;
    }

    .post-time-single {
        font-size: 12px !important;
    }

    .post-author-single {
        font-size: 12px !important;
    }

    .views-count {
        font-size: 12px !important;
    }

    .source-label {
        font-size: 12px !important;
    }

    .source-link {
        font-size: 12px !important;
    }

    .custom-nav-before-content a {
        text-decoration: none;
        color: #333;
        line-height: unset !important;
        padding: 10px 20px !important;
        display: block;
    }
}

.custom-nav-before-content ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-nav-before-content li {
    list-style: none;
    margin: 0;
}

.custom-nav-before-content li::marker {
    display: none !important;
    content: none !important;
}

.custom-nav-before-content .current-menu-item a {
    color: #1C4970;
    font-weight: 500;
    border-bottom: 2px solid #1C4970;
}

.wp-block-group.is-layout-constrained.wp-block-group-is-layout-constrained {
    display: flex;
    justify-content: center;
    gap: 8px;
}

#menu-menu-1.menu {
    display: flex;
    justify-content: center;
}

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

.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

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

.entry-title a {
    color: #323232;
    font-size: clamp(14px, 2vw, 18px);
    font-weight: normal;
}

.ast-excerpt-container p {
    color: #666666;
    font-size: clamp(10px, 2vw, 14px);
}

.ast-related-post-content .entry-header .ast-related-post-title a {
    color: #323232 !important;
    font-weight: normal;
}

.ast-related-post-excerpt .entry-content .clear {
    color: #666666 !important;
}

.ast-terms-link a {
    color: #858B9C;
    font-size: 13px;
}

.blog-list-taxonomy-container-up {
    display: flex;
    gap: 20px;
}

.post-date-meta {
    display: flex;
    align-items: center;
}

.post-author-meta {
    display: flex;
    align-items: center;
}

.meta-icon {
    height: 16px;
    padding-right: 4px;
}

.data-icon {
    height: 16px;
    padding-right: 4px;
}

.author-icon {
    height: 16px;
    padding-right: 4px;
}

.views-icon {
    height: 16px;
    padding-right: 4px;
}

.blog-list-taxonomy-container-top {
    text-align: center;
    padding: 10px 0;
}

.blog-list-taxonomy-container-down {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    white-space: nowrap;
}

.ast-separate-container .ast-blog-layout-5-grid .ast-article-inner, .ast-plain-container .ast-blog-layout-5-grid .ast-article-inner {
    height: 100%;
    padding: 40px 0;
    border-bottom: 1px solid #E8E9ED;
}

.ast-blog-layout-5-grid .ast-article-post {
    margin-bottom: unset;
    padding: 0 40px;
    border-bottom: unset;
}

.archive .ast-article-post, .blog .ast-article-post, .archive .ast-article-post:hover, .blog .ast-article-post:hover {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    overflow: hidden;
}

.ast-blog-layout-5-grid .ast-article-inner {
    box-shadow: unset;
}

.ast-separate-container .ast-blog-layout-5-grid .post-content {
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    width: 750px;
}

.ast-excerpt-container > p:last-child {
    margin-bottom: 10px;
    height: 56px;
}

.post-time-meta {
    color: #969696;
    font-size: 14px;
}

.post-author {
    color: #969696;
    font-size: 14px;
}

.post-tags {
    display: flex;
    gap: 8px;
}

.tag-link {
    font-size: clamp(8px, 2vw, 12px);
    display: flex;
    align-items: center;
    border-radius: 1px;
    border: 1px solid #DEDFE2;
    line-height: 16px;
    padding: 0 5px;
    color: #858B9C;
}

.category-link {
    color: #858B9C;
    font-size: 14px;
}

.ast-blog-layout-5-grid .blog-layout-5 {
    flex-wrap: nowrap;
}

.post-content.ast-width-md-6 {
    font-family: 微软雅黑, arial, sans-serif;
}

.ast-main-header-bar-alignment {
    font-family: 微软雅黑, arial, sans-serif;
    font-size: 16px;
}

.main-container {
    font-family: 微软雅黑, arial, sans-serif;
    font-size: 16px;
    width: 1200px;
    margin: auto;
    color: rgb(68, 68, 68);
}

.sec-container {
    font-family: 微软雅黑, arial, sans-serif;
    font-size: clamp(14px, 1.5vw + 8px, 18px);
    white-space: nowrap;
    color: rgb(68, 68, 68);
}

.custom-nav-before-content a {
    text-decoration: none;
    color: #333;
    line-height: 70px;
    padding: 0px 35px;
    display: block;
}

.menu-bottom-container {
    background-color: #fff;
    height: 10vh;
}

#menu-menu-1.menu > li:not(:last-child)::after {
    content: "|";
    color: #666;
    margin: 0 25px;
    font-size: 18px;
    line-height: 1;
    font-weight: normal;
}

.menu-link {
    color: #666;
}

.ast-single-related-posts-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    width: 100%;
}

header.entry-header .entry-title {
    font-size: clamp(20px, 2vw, 24px);
    color: #272A40;
    font-weight: bold;
    line-height: 1.8;
    text-align: center;
    margin-bottom: 2px;
}

.post-time-single {
    color: #969696;
    font-size: 14px;
    font-family: '微软雅黑', arial, sans-serif;
}

.post-author-single {
    color: #969696;
    font-size: 14px;
    text-decoration: unset !important;
    font-family: '微软雅黑', arial, sans-serif;
}

.views-count {
    color: #969696;
    font-size: 14px;
    font-family: '微软雅黑', arial, sans-serif;
}

.source-label {
    color: #969696;
    font-size: 14px;
    font-family: '微软雅黑', arial, sans-serif;
}

.source-link {
    font-size: 14px;
    font-family: '微软雅黑', arial, sans-serif;
}

.ast-terms-link a {
    color: #858B9C;
    font-size: 12px;
    border: 1px solid #DEDFE2;
    padding: 3px;
    text-decoration: unset !important;
    font-family: '微软雅黑', arial, sans-serif;
}

.entry-header.ast-header-without-markup {
    font-family: '微软雅黑', arial, sans-serif;
}

.main-header-bar.ast-header-breadcrumb {
    font-family: '微软雅黑', arial, sans-serif;
}

.site-header-primary-section-right.site-header-section.ast-flex.ast-grid-right-section {
    font-family: '微软雅黑', arial, sans-serif;
}

.header.entry-header .entry-title {
    font-family: '微软雅黑', arial, sans-serif;
}

.tags-label {
    font-family: '微软雅黑', arial, sans-serif;
}

.astra-related-posts {
    font-family: '微软雅黑', arial, sans-serif;
    margin-top: 20px;
    margin-bottom: 40px;
    padding-top: 40px;
    border-top: 1px solid #eee;
    background: #fff;
    padding: 0 40px;
}

.related-posts-title {
    font-size: clamp(16px, 2vw, 20px);
    padding-top: 20px;
    font-family: 微软雅黑, arial, sans-serif;
}

.related-posts-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.related-post-item {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 40px 0;
    border-bottom: 1px solid #E8E9ED;
}

.related-post-thumbnail-container a {
    display: block;
    overflow: hidden;
    border-radius: 8px;
}

.related-post-content {
    flex: 1;
    min-width: 0;
}

.related-post-title {
    margin: 0 0 12px 0;
    font-size: clamp(14px, 2vw, 18px);
    font-weight: 500;
    line-height: 1.3;
}

.related-post-excerpt {
    color: #555;
    height: 22px;
    font-size: clamp(10px, 2vw, 14px);
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.5;
    margin-bottom: 15px;
    height: 56px;
    margin: 0 0 15px 0;
}

.related-post-title a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ast-terms-link {
    padding: 20px 0;
    border-bottom: 1px solid #E8E9ED;
}

.entry-content > * {
    margin-bottom: 0px;
}

.source-link {
    text-decoration: unset !important;
}

.blog-list-taxonomy-container-up {

}

@media (max-width: 768px) {
    #menu-bottommenu.menu > li:not(:last-child)::after {
        content: "|";
        color: #666;
        margin: 0 15px !important;
        font-size: 12px;
        line-height: 1;
        font-weight: normal;
    }

    #menu-bottommenu.menu {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        font-size: 12px;
    }

    .has-text-align-center {
        font-size: 12px;
    }

    .main-header-bar.ast-header-breadcrumb {
        display: none !important;
    }

    .custom-nav-before-content ul {
        flex: 1;
    }

    .custom-nav-before-content li {
        list-style: none;
        margin: 0;
        flex: 1;
    }

    .menu-link {
        text-align: center;
    }

    .custom-nav-after-header.hide-on-mobile {
        display: none !important;
    }

    .menu-bottom-container.hide-on-mobile {
        display: none !important;
    }

    .related-post-item {
        padding: 15px 0 10px 0;
        gap: 10px;
    }

    .related-post-excerpt {
        height: 22px;
        font-size: clamp(10px, 2vw, 14px);
        align-items: center;
        display: flex;
        margin-bottom: 0px;
    }

    .blog-list-taxonomy-container-up {
        display: none !important;
    }

    .post-categories {
        display: none !important;
    }

    .post-time-single {
        font-size: 12px !important;
    }

    .post-author-single {
        font-size: 12px !important;
    }

    .views-count {
        font-size: 12px !important;
    }

    .source-label {
        font-size: 12px !important;
    }

    .source-link {
        font-size: 12px !important;
    }

    .ast-blog-layout-5-grid .post-thumb-img-content {
        height: 100%;
        width: 100px;
    }

    .ast-separate-container #content .ast-container {
        padding-left: 0;
        padding-right: 0;
    }

    .site-logo-img img {
        height: 25px;
        width: auto;
    }

    .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar, .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-below-header-bar, .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-above-header-bar {
        padding-left: 20px;
        padding-right: 20px;
        min-height: auto;
    }

    .nav-previous a::before {
        line-height: 30px;
        padding: 0 20px;
        font-size: 12px;
    }

    .nav-next a::before {
        line-height: 30px;
        padding: 0 20px;
        font-size: 12px;
    }

    .blog-list-taxonomy-container-top {
        display: block;
        padding: 10px 0;
    }

    .entry-title a {
        white-space: nowrap;
        box-sizing: border-box;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .entry-title.ast-blog-single-element {
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 2px;
        box-sizing: inherit;
        display: block;
    }

    .ast-separate-container .ast-blog-layout-5-grid .post-content {
        width: 75%;
    }

    .ast-excerpt-container > p:last-child {
        margin-bottom: 0px;
        height: 22px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .blog-list-taxonomy-container-down {
        display: flex;
        justify-content: space-between;
        margin-top: 2px;
        white-space: nowrap;
    }

    .single .post-navigation .nav-previous a {
        max-width: 95%;
        width: 77%;
    }

    .single .post-navigation .nav-next a, .single .post-navigation .nav-previous a {
        max-width: 95%;
        width: 77%;
    }

    .related-post-title {
        margin: 0 0 2px 0;
        font-size: clamp(14px, 2vw, 18px);
        font-weight: 500;
        line-height: 1.3;
    }

    .text-content {
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .menu-bottom-container {
        background-color: #fff;
        height: 45.6px;
        margin-bottom: 10px;
        border-top: 1px solid #eee;
    }

    .sec-container {
        width: 100%;
        height: 45.6px;
        line-height: unset;
    }

    .post-time-meta {
        color: #969696;
        font-size: 12px !important;
    }

    .post-author {
        color: #969696;
        font-size: 12px !important;
    }

    .post-date-single {
        color: #969696;
        font-size: 14px;
        margin: 0 15px;
        padding-left: 20px;
        background-size: 14px !important;
        display: inline-flex;
        align-items: center;
    }

    .post-author-single {
        color: #969696;
        font-size: 14px;
        margin: 0 15px;
        padding-left: 20px;
        background-size: 14px !important;
        display: inline-flex;
        align-items: center;
    }

    .post-views-single {
        color: #969696;
        font-size: 14px;
        margin: 0 15px;
        padding-left: 20px;
        background-size: 14px !important;
        display: inline-flex;
        align-items: center;
    }

    .post-categories-single {
        color: #969696;
        font-size: 14px;
        margin: 0 15px;
        padding-left: 20px;
        background-size: 14px !important;
        display: inline-flex;
        align-items: center;
    }
}