/* 文章详情页样式 */
.single-post-main {
    padding: 20px 0;
}

.single-post-content {
    background-color: var(--ymx-bg-card);
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.single-breadcrumb-wrap {
    background-color: var(--ymx-bg-card);
    margin-bottom: 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 1;
}

.single-breadcrumb-wrap .container {
    height: 38px;
    display: flex;
    align-items: center;
}

.breadcrumb-nav {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: var(--ymx-text-muted);
    gap: 10px;
    padding: 0 15px;
}

.breadcrumb-label {
    color: var(--ymx-text-muted);
}

.breadcrumb-link {
    color: var(--ymx-text-muted);
    text-decoration: none;
    transition: color 0.3s ease;
}

.breadcrumb-link:hover {
    color: var(--ymx-accent);
}

.breadcrumb-separator {
    color: var(--ymx-text-muted);
}

.breadcrumb-current {
    color: var(--ymx-text-muted);
}

/* 夜间模式面包屑样式 */
body.ymx-dark-mode .single-breadcrumb-wrap {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

body.ymx-dark-mode .breadcrumb-nav,
body.ymx-dark-mode .breadcrumb-label,
body.ymx-dark-mode .breadcrumb-separator,
body.ymx-dark-mode .breadcrumb-current {
    color: #b3b3b3;
}

body.ymx-dark-mode .breadcrumb-link {
    color: #b3b3b3;
}

.single-article {
    margin: 0;
}

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

.single-article .entry-title {
    font-size: 28px;
    text-align: center;
    font-weight: 600;
    line-height: 1.4;
    color: var(--ymx-text-primary);
    margin: 0;
}

/* 文章数据栏样式 - 居中显示 */
.single-post-meta {
    margin-bottom: 15px;
    padding-bottom: 20px;
}

/* 表格横向滚动容器 */
.ymx-table-scroll-wrapper {
    position: relative;
    width: 100%;
    margin: 20px 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
}

.ymx-table-scroll-wrapper table {
    margin-bottom: 0;
}

.ymx-table-scroll-wrapper::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background: #f0f0f0;
}

.ymx-table-scroll-wrapper::-webkit-scrollbar {
    height: 6px;
}

.ymx-table-scroll-wrapper::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 999px;
}

body.ymx-dark-mode .ymx-table-scroll-wrapper::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
}

/* 文章更新提示样式 */
.post-update-notice {
    margin-bottom: 30px;
    padding: 0 15px;
    height: 46px;
    background: #fffbe5;
    border: 1px solid #f5e295;
    border-radius: 6px;
    display: flex;
    align-items: center;
}

.update-notice-text {
    color: #de9e0e;
    font-size: 14px;
    line-height: 1;
}

/* 夜间模式更新提示样式 */
body.ymx-dark-mode .post-update-notice {
    background: #3a3a3a;
    border-color: #5a5a5a;
}

body.ymx-dark-mode .update-notice-text {
    color: #de9e0e;
}

.single-meta-items {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    font-size: 12px;
    color: var(--ymx-text-muted);
}

.single-post-topics {
    margin-top: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.single-post-topic-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: var(--ymx-text-muted);
    font-size: 14px;
    text-decoration: none;
    transition: color 0.3s ease, border-color 0.3s ease;
}

.single-post-topic-link:hover {
    color: var(--ymx-accent);
    border-color: var(--ymx-accent);
}

.single-meta-item {
    display: flex;
    align-items: center;
    gap: 5px;
}

.single-meta-item .category-link {
    color: var(--ymx-text-muted);
    text-decoration: none;
    transition: color 0.3s ease;
}

.single-meta-item .category-link:hover {
    color: var(--ymx-accent);
}

.single-meta-item .comments-link {
    color: var(--ymx-text-muted);
    text-decoration: none;
    transition: color 0.3s ease;
}

.single-meta-item .comments-link:hover {
    color: var(--ymx-accent);
}

.single-meta-item .like-btn {
    background: none;
    border: none;
    color: var(--ymx-text-muted);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    font-size: 12px;
    line-height: 1;
    transition: color 0.3s ease;
}

.single-meta-item .like-btn:hover {
    color: var(--ymx-accent);
}

.single-meta-item .like-btn.liked {
    color: var(--ymx-accent);
}

.single-meta-item .like-btn .like-icon .icon {
    width: 1em;
    height: 1em;
    display: block;
    color: currentColor;
    fill: currentColor;
}

.single-meta-item .like-btn .like-icon .icon use {
    fill: currentColor;
}

.single-meta-item .like-btn .like-icon .icon path {
    fill: currentColor;
}

.single-meta-item .source-link {
    color: var(--ymx-text-muted);
    text-decoration: none;
    transition: color 0.3s ease;
}

.single-meta-item .source-link:hover {
    color: var(--ymx-accent);
}

/* 文章内容样式 */
.single-article .entry-content {
    margin-bottom: 40px;
    line-height: 1.8;
    color: var(--ymx-text-primary);
}

/* 长文自动隐藏样式 */
.ymx-collapsible-content {
    position: relative;
}

.ymx-content-wrapper {
    position: relative;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.ymx-collapsible-content.ymx-expanded .ymx-content-wrapper {
    max-height: none !important;
}

.ymx-read-more-overlay {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 120px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 1) 100%);
    pointer-events: none;
    z-index: 1;
}

.ymx-collapsible-content:not(.ymx-expanded) .ymx-read-more-overlay {
    display: block;
}

body.ymx-dark-mode .ymx-read-more-overlay {
    background: linear-gradient(to bottom, rgba(42, 42, 42, 0) 0%, rgba(42, 42, 42, 0.8) 50%, rgba(42, 42, 42, 1) 100%);
}

.ymx-read-more-btn {
    display: none;
    position: relative;
    margin: 20px auto 0;
    padding: 12px 30px;
    background: transparent; /* 透明背景 */
    color: var(--ymx-accent); /* 字体颜色 */
    border: 1px solid var(--ymx-accent);
    border-radius: 999px; /* 使用大值，自动限制为高度的一半，形成胶囊形状 */
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 2;
    box-sizing: border-box;
}

.ymx-collapsible-content:not(.ymx-expanded) .ymx-read-more-btn {
    display: block;
}

.ymx-read-more-btn:hover {
    background: rgba(0, 123, 255, 0.06); /* 悬停时轻微背景，便于可见 */
    color: var(--ymx-accent);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.08);
}

.ymx-read-more-btn:active {
    transform: translateY(0);
}

/* 夜间模式保持透明背景并使用同一主题色 */
body.ymx-dark-mode .ymx-read-more-btn {
    background: transparent;
    color: #007bff;
}

body.ymx-dark-mode .ymx-read-more-btn:hover {
    background: rgba(0, 123, 255, 0.06);
    color: #007bff;
}

/* 响应式：电脑端 */
@media (min-width: 769px) {
    /* 电脑端：只应用desktop的高度限制 */
    .ymx-collapsible-content.ymx-desktop-collapse:not(.ymx-expanded) .ymx-content-wrapper {
        max-height: var(--desktop-max-height, 900px) !important;
    }

    /* 电脑端：如果只有mobile-collapse，不应用限制 */
    .ymx-collapsible-content.ymx-mobile-collapse:not(.ymx-desktop-collapse):not(.ymx-expanded) .ymx-content-wrapper {
        max-height: none !important;
    }

    /* 电脑端：隐藏手机端的折叠按钮和遮罩 */
    .ymx-collapsible-content.ymx-mobile-collapse:not(.ymx-desktop-collapse):not(.ymx-expanded) .ymx-read-more-overlay,
    .ymx-collapsible-content.ymx-mobile-collapse:not(.ymx-desktop-collapse):not(.ymx-expanded) .ymx-read-more-btn {
        display: none !important;
    }
}

/* 响应式：手机端 */
@media (max-width: 768px) {
    /* 手机端：只应用mobile的高度限制 */
    .ymx-collapsible-content.ymx-mobile-collapse:not(.ymx-expanded) .ymx-content-wrapper {
        max-height: var(--mobile-max-height, 600px) !important;
    }

    /* 手机端：如果只有desktop-collapse，不应用限制 */
    .ymx-collapsible-content.ymx-desktop-collapse:not(.ymx-mobile-collapse):not(.ymx-expanded) .ymx-content-wrapper {
        max-height: none !important;
    }

    /* 手机端：隐藏电脑端的折叠按钮和遮罩 */
    .ymx-collapsible-content.ymx-desktop-collapse:not(.ymx-mobile-collapse):not(.ymx-expanded) .ymx-read-more-overlay,
    .ymx-collapsible-content.ymx-desktop-collapse:not(.ymx-mobile-collapse):not(.ymx-expanded) .ymx-read-more-btn {
        display: none !important;
    }
}

.single-article .entry-content p {
    margin: 1.5em 0;
}

/* 内容段落缩进 */
.single-article .entry-content.ymx-paragraph-indent p {
    text-indent: 2em;
}

.single-article .entry-content img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

.single-article .entry-content h2,
.single-article .entry-content h3,
.single-article .entry-content h4 {
    margin-top: 2em;
    margin-bottom: 1em;
    font-weight: 600;
}

/* 点赞打赏模块样式 */
.like-reward-module {
    margin: 30px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    position: relative;
    z-index: 3;
}

.like-reward-module .like-reward-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 15px 30px;
    border: 0;
    border-radius: 4px;
    background-color: var(--ymx-accent);
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color 0.3s ease, opacity 0.3s ease;
}

.like-reward-module .like-reward-btn:hover {
    background: #0069d9;
    color: #fff;
}

.like-reward-module .like-reward-btn .icon {
    width: 14px;
    height: 14px;
    display: block;
    color: currentColor;
    fill: currentColor;
    flex-shrink: 0;
}

.like-reward-module .like-reward-btn .icon use,
.like-reward-module .like-reward-btn .icon path,
.like-reward-module .like-reward-btn .like-reward-text,
.like-reward-module .like-reward-btn .like-reward-count {
    color: currentColor;
    fill: currentColor;
}

/* 文章页尾版权提示模块 */
.post-footer-copyright {
    display: flex;
    justify-content: center;
}

.post-footer-copyright-inner {
    width: 100%;
    max-width: 780px;
    background-color: var(--ymx-bg-page);
    border-radius: 6px;
    text-align: center;
    line-height: 1.8;
}

.post-footer-copyright.mode-simple .post-footer-copyright-inner {
    padding: 5px 30px;
}

.post-footer-simple-text {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--ymx-text-muted);
}


.post-footer-breadcrumb-text {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.post-footer-breadcrumb-link {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.post-footer-breadcrumb-link:hover {
    color: var(--ymx-accent);
}

.post-footer-breadcrumb-sep {
    color: inherit;
}

.post-footer-custom p {
    margin: 0 0 8px;
}

.post-footer-custom {
    font-size: 14px;
    color: var(--ymx-text-muted);
    line-height: 1.8;
}

.post-footer-custom a {
    color: inherit;
    text-decoration: none;
}

.post-footer-custom a:hover {
    color: var(--ymx-text-secondary);
}

body.ymx-dark-mode .post-footer-copyright-inner {
    background: #2f2f2f;
    color: #ddd;
}

body.ymx-dark-mode .post-footer-prefix {
    color: #fff;
}

.post-footer-copyright.mode-custom .post-footer-copyright-inner {
    text-align: left;
    padding: 20px 24px;
}

@media (max-width: 768px) {
    .post-footer-copyright-inner {
        padding: 16px 18px;
    }
}

/* 在有长文自动隐藏按钮时，确保点赞打赏模块正常显示 */
.ymx-collapsible-content .like-reward-module {
    margin-top: 30px;
    position: relative;
    z-index: 3;
}

.like-reward-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 15px 30px;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.like-reward-btn .icon {
    width: 1em;
    height: 1em;
    display: block;
    color: currentColor;
    fill: currentColor;
}

.like-reward-btn .icon use {
    fill: currentColor;
}

.like-reward-btn .icon path {
    fill: currentColor;
}

.like-reward-btn.like-btn {
    background-color: #3395ff;
}

.like-reward-btn.like-btn:hover {
    opacity: 0.8;
}

.like-reward-btn.reward-btn {
    background-color: #f9c13d;
}

.like-reward-btn.reward-btn:hover {
    opacity: 0.8;
}

.like-reward-btn.direct-link-btn {
    background-color: #ea6217;
}

.like-reward-btn.direct-link-btn:hover {
    opacity: 0.8;
}

.like-reward-text {
    font-weight: 500;
}

.like-reward-count {
    font-weight: 400;
}

/* 夜间模式点赞打赏模块样式 */
body.ymx-dark-mode .like-reward-btn.like-btn {
    background-color: #3395ff;
}

body.ymx-dark-mode .like-reward-btn.like-btn:hover {
    opacity: 0.8;
}

body.ymx-dark-mode .like-reward-btn.reward-btn {
    background-color: #f9c13d;
}

body.ymx-dark-mode .like-reward-btn.reward-btn:hover {
    opacity: 0.8;
}

body.ymx-dark-mode .like-reward-btn.direct-link-btn {
    background-color: #ea6217;
}

body.ymx-dark-mode .like-reward-btn.direct-link-btn:hover {
    opacity: 0.8;
}

/* 响应式点赞打赏模块样式 */
@media (max-width: 768px) {
    .like-reward-module {
        margin: 20px 0;
        gap: 10px;
    }

    .like-reward-btn {
        padding: 12px 24px;
        font-size: 13px;
    }
}

/* 打赏弹窗样式 */
.ymx-reward-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.ymx-reward-popup.active {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ymx-reward-popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px);
}

.ymx-reward-popup-content {
    position: relative;
    width: 550px;
    height: 426px;
    background-color: var(--ymx-bg-card);
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    z-index: 10000;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.ymx-reward-popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    border: none;
    background: transparent;
    font-size: 24px;
    line-height: 1;
    color: var(--ymx-text-muted);
    cursor: pointer;
    z-index: 10001;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.3s ease;
}

.ymx-reward-popup-close:hover {
    color: var(--ymx-text-primary);
}

.ymx-reward-popup-header {
    padding: 30px 30px 20px;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
}

.ymx-reward-popup-title {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 600;
    color: var(--ymx-text-primary);
    line-height: 1.4;
}

.ymx-reward-popup-subtitle {
    margin: 0;
    font-size: 14px;
    color: var(--ymx-text-secondary);
    line-height: 1.6;
}

.ymx-reward-popup-body {
    flex: 1;
    display: flex;
    padding: 30px;
    gap: 30px;
    align-items: flex-start;
    justify-content: center;
}

/* 当只有一个二维码时，居中显示 */
.ymx-reward-popup-body .ymx-reward-item:only-child {
    max-width: 260px;
    margin: 0 auto;
}

.ymx-reward-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ymx-reward-item-title {
    margin: 0 0 15px;
    font-size: 16px;
    font-weight: 500;
    color: var(--ymx-text-primary);
    text-align: center;
}

.ymx-reward-qrcode {
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--ymx-bg-elevated);
    border-radius: 4px;
    overflow: hidden;
}

.ymx-reward-qrcode img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

/* 夜间模式打赏弹窗样式 */
body.ymx-dark-mode .ymx-reward-popup-close {
    color: #999;
}

body.ymx-dark-mode .ymx-reward-popup-close:hover {
    color: #fff;
}

body.ymx-dark-mode .ymx-reward-popup-header {
    border-bottom-color: #404040;
}

body.ymx-dark-mode .ymx-reward-popup-title {
    color: #fff;
}

body.ymx-dark-mode .ymx-reward-popup-subtitle {
    color: #ccc;
}

body.ymx-dark-mode .ymx-reward-item-title {
    color: #fff;
}

body.ymx-dark-mode .ymx-reward-qrcode {
    background: #1a1a1a;
}

/* 响应式打赏弹窗样式 */
@media (max-width: 768px) {
    .ymx-reward-popup-content {
        width: 90%;
        max-width: 550px;
        height: auto;
        max-height: 90vh;
    }

    .ymx-reward-popup-header {
        padding: 20px 20px 15px;
    }

    .ymx-reward-popup-title {
        font-size: 16px;
    }

    .ymx-reward-popup-subtitle {
        font-size: 13px;
    }

    .ymx-reward-popup-body {
        flex-direction: column;
        padding: 20px;
        gap: 20px;
    }

    .ymx-reward-item {
        width: 100%;
    }

    /* 手机端只有一个二维码时居中显示 */
    .ymx-reward-popup-body .ymx-reward-item:only-child {
        max-width: 260px;
        margin: 0 auto;
    }

    .ymx-reward-qrcode {
        width: 180px;
        height: 180px;
    }
}

/* 分享功能样式 */
.wechat-share-tip {
    display: none;
}

.wechat-share {
    position: relative;
    z-index: 101;
}

.wechat-share-qr {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 12px);
    transform: translate(-50%, 10px);
    width: 196px;
    padding: 12px;
    border-radius: 12px;
    background: rgba(28, 28, 30, 0.96);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.24);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
    z-index: 100;
}

.wechat-share.is-open .wechat-share-qr {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
    pointer-events: auto;
}

.wechat-share-qr::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    border-width: 8px 7px 0;
    border-style: solid;
    border-color: rgba(28, 28, 30, 0.96) transparent transparent;
}

.wechat-share-qr-label {
    display: block;
    margin-bottom: 10px;
    color: #fff;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 500;
}

.wechat-share-qr-image-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 160px;
    margin: 0 auto;
    padding: 8px;
    border-radius: 10px;
    background: #fff;
    box-sizing: content-box;
}

.wechat-share-qr-image {
    display: block;
    width: 160px;
    height: 160px;
    border-radius: 4px;
}

@media (max-width: 768px) {
    .wechat-share-qr {
        width: 184px;
        bottom: calc(100% + 10px);
    }

    .wechat-share-qr-image-wrap {
        width: 148px;
        height: 148px;
    }

    .wechat-share-qr-image {
        width: 148px;
        height: 148px;
    }
}

.post-share {
    margin-bottom: 40px;
    padding-top: 20px;
    border-top: 1px solid #f0f0f0;
    text-align: center;
}

.share-label {
    font-size: 12px;
    color: var(--ymx-text-muted);
    margin-bottom: 15px;
}

.share-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.share-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--ymx-bg-elevated);
    color: var(--ymx-text-secondary);
    text-decoration: none;
    transition: all 0.3s ease;
}

.share-icon:hover {
    background: #e9ecef;
    color: var(--ymx-accent);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.2);
}

.share-icon .icon {
    width: 20px;
    height: 20px;
    display: block;
}

/* 夜间模式分享样式 */
body.ymx-dark-mode .post-share {
    border-top-color: #3a3a3a;
}

body.ymx-dark-mode .share-label {
    color: #999;
}

body.ymx-dark-mode .share-icon {
    background: #3a3a3a;
    color: #bbbbbb;
}

body.ymx-dark-mode .share-icon:hover {
    background: #4a4a4a;
}

/* 响应式分享样式 */
@media (max-width: 768px) {
    .share-icons {
        gap: 10px;
    }

    .share-icon {
        width: 36px;
        height: 36px;
    }

    .share-icon .icon {
        width: 18px;
        height: 18px;
    }
}

/* 文章标签样式 */
.post-tags {
    margin-bottom: 40px;
    padding-top: 20px;
    text-align: center;
}

/* 文章作者介绍样式 */
.post-author-info {
    margin-bottom: 40px;
    padding: 20px;
    background: #fbfbfb;
    border: 1px solid #f3f3f3;
    border-radius: 6px;
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.post-author-info .author-avatar {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    min-width: 50px;
}

.post-author-info .author-avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

.post-author-info .author-details {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.post-author-info .author-name {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
}

.post-author-info .author-name a {
    color: var(--ymx-text-primary);
    text-decoration: none;
    transition: color 0.3s ease;
}

.post-author-info .author-name a:hover {
    color: var(--ymx-accent);
}

.post-author-info .author-description {
    font-size: 14px;
    color: var(--ymx-text-secondary);
    line-height: 1.6;
}

/* 夜间模式作者介绍样式 */
body.ymx-dark-mode .post-author-info {
    background: #3a3a3a;
    border-color: #4a4a4a;
}

body.ymx-dark-mode .post-author-info .author-description {
    color: #bbbbbb;
}

/* 响应式作者介绍样式 */
@media (max-width: 768px) {
    .post-author-info {
        padding: 15px;
        gap: 12px;
    }

    .post-author-info .author-avatar {
        width: 45px;
        height: 45px;
        min-width: 45px;
    }

    .post-author-info .author-avatar img {
        width: 45px;
        height: 45px;
    }

    .post-author-info .author-name {
        font-size: 15px;
    }

    .post-author-info .author-description {
        font-size: 13px;
    }
}

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

.tag-link {
    display: inline-block;
    padding: 6px 7px;
    background-color: var(--ymx-bg-elevated);
    color: #171717;
    text-decoration: none;
    border-radius: 8px;
    font-size: 13px;
    transition: all 0.3s ease;
}

.tag-link:hover {
    background: #e9ecef;
    color: var(--ymx-accent);
    transform: translateY(-2px);
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.2);
}

/* 夜间模式标签样式 */
body.ymx-dark-mode .post-tags {
    border-top-color: #3a3a3a;
}

body.ymx-dark-mode .tag-link {
    background: #3a3a3a;
    color: #bbbbbb;
}

body.ymx-dark-mode .tag-link:hover {
    background: #4a4a4a;
}

/* 响应式标签样式 */
@media (max-width: 768px) {
    .tags-list {
        gap: 8px;
    }

    .tag-link {
        padding: 5px 7px;
        font-size: 12px;
    }
}

/* 上下篇文章导航样式 */
.post-navigation {
    margin-bottom: 40px;
    padding-top: 20px;
}

.post-navigation .nav-links {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
    flex: 1;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
    display: block;
    padding: 15px;
    background-color: var(--ymx-bg-elevated);
    border-radius: 6px;
    text-decoration: none;
    color: var(--ymx-text-primary);
    transition: all 0.3s ease;
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
    background: #e9ecef;
    color: var(--ymx-accent);
}

.post-navigation .nav-subtitle {
    display: block;
    font-size: 12px;
    color: var(--ymx-text-muted);
    margin-bottom: 5px;
}

.post-navigation .nav-title {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: var(--ymx-text-primary);
}

/* 相关推荐样式 */
.related-posts {
    margin-bottom: 40px;
    padding-top: 20px;
    border-top: 1px solid #f0f0f0;
    display: block;
    width: 100%;
}

.related-posts-title {
    font-size: 20px;
    font-weight: 600;
    color: var(--ymx-text-primary);
    margin-bottom: 20px;
    display: block;
    width: 100%;
    clear: both;
    float: none;
    padding-left: 12px;
    position: relative;
    border-bottom: none;
}

.related-posts-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 18px;
    background-color: var(--ymx-accent);
}

/* 评论区域 */
.comment-section-title {
    display: inline-flex;
    align-items: center;
}

.comment-section-tagline {
    margin-left: 10px;
    color: var(--ymx-text-muted);
    font-size: 12px;
    font-weight: 400;
}

.comment-count-number {
    margin-left: 8px;
    color: var(--ymx-text-primary);
    font-size: 18px;
    font-weight: 400;
}

.ymx-comment-form-wrapper {
    margin-top: 20px;
}

.ymx-comment-form-layout {
    display: flex;
    gap: 16px;
}

.ymx-comment-user {
    width: 36px;
    text-align: center;
}

.ymx-comment-avatar-image {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: block;
    object-fit: cover;
}

.ymx-comment-username {
    margin: 6px 0 0;
    font-size: 12px;
    color: var(--ymx-text-secondary);
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ymx-comment-change-btn {
    margin-top: 4px;
    padding: 0;
    font-size: 12px;
    color: var(--ymx-text-primary);
    background: transparent;
    border: none;
    cursor: pointer;
    line-height: 1.2;
    transition: color 0.2s;
}

.ymx-comment-change-btn:hover {
    color: var(--ymx-accent);
}

.ymx-comment-inputs {
    flex: 1;
}

.ymx-comment-textarea {
    width: 100%;
    min-height: 77px;
    font-size: 14px;
    color: var(--ymx-text-secondary);
    padding: 10px 12px;
    border: 1px solid #e5e5e5;
    border-radius: 6px 6px 0 0;
    resize: none;
    box-sizing: border-box;
    outline: none;
}

.ymx-comment-textarea:focus {
    border-color: #e5e5e5;
    box-shadow: none;
}

.ymx-comment-actions-row {
    display: flex;
    align-items: center;
    height: 36px;
    border: 1px solid #e5e5e5;
    border-top: none;
    border-radius: 0 0 6px 6px;
    overflow: hidden;
    margin-top: -6px;
}

.ymx-comment-actions-left {
    flex: 1;
    background-color: #fbfbfb;
    height: 100%;
}

.ymx-comment-submit-button {
    width: 100px;
    height: 36px;
    border: none;
    background-color: var(--ymx-accent);
    color: #ffffff;
    border-radius: 0;
    font-size: 14px;
    cursor: pointer;
}

.ymx-comment-submit-button:hover {
    background-color: #0066d3;
}

.ymx-guest-comment-fields {
    display: flex;
    gap: 16px;
    margin-top: 16px;
    width: 100%;
}

.ymx-guest-input {
    flex: 1;
    padding: 8px 15px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 6px;
    border: 1px solid var(--ymx-border-input);
    height: 39px;
    box-sizing: border-box;
    outline: none;
    color: var(--ymx-text-secondary);
}

.ymx-comment-reply-form .ymx-guest-comment-fields {
    flex-wrap: wrap;
    gap: 12px;
}

.ymx-comment-reply-form .ymx-guest-input {
    flex: 1 1 calc((100% - 24px) / 3);
    min-width: 150px;
}

@media (max-width: 768px) {
    .ymx-comment-reply-form .ymx-guest-input {
        flex-basis: 100%;
    }
}

.ymx-guest-input:focus {
    border-color: var(--ymx-border-input);
    box-shadow: none;
}

.ymx-guest-input::placeholder {
    color: var(--ymx-text-muted);
}

/* 隐藏WordPress默认的cookies consent字段 */
.comment-form-cookies-consent {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* 评论列表样式 */
.ymx-comment-list-wrapper {
    margin-top: 20px;
}

.ymx-comment-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ymx-comment-item {
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
    margin-bottom: 20px;
    list-style: none;
    border-bottom: 1px solid #f3f3f3;
}

.ymx-comment-children .ymx-comment-item {
    border-bottom: 1px solid #f3f3f3;
}

.ymx-comment-list > .ymx-comment-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.ymx-comment-item-inner {
    display: flex;
    gap: 12px;
}

.ymx-comment-item-avatar-wrapper {
    flex-shrink: 0;
}

.ymx-comment-item-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: block;
    object-fit: cover;
}

.ymx-comment-item-content {
    flex: 1;
    min-width: 0;
}

.ymx-comment-item-text {
    color: var(--ymx-text-primary);
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 5px;
}

.ymx-comment-item-text p {
    margin: 0;
    color: var(--ymx-text-primary);
    font-size: 14px;
    line-height: 1.6;
}

.ymx-comment-item-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 5px;
    color: var(--ymx-text-muted);
    font-size: 12px;
}

.ymx-comment-item-author {
    color: var(--ymx-text-muted);
    text-decoration: none;
    font-size: 12px;
}

.ymx-comment-item-author[href]:not([href="#"]):not([href=""]) {
    color: var(--ymx-accent);
}

.ymx-comment-item-author[href]:not([href="#"]):not([href=""]):hover {
    text-decoration: underline;
}

.ymx-comment-item-time {
    color: var(--ymx-text-muted);
    font-size: 12px;
}

.ymx-comment-item-reply {
    color: var(--ymx-text-muted);
    font-size: 12px;
}

.ymx-comment-item-reply a {
    color: var(--ymx-text-muted);
    text-decoration: none;
    font-size: 12px;
    cursor: pointer;
}

.ymx-comment-item-reply a:hover {
    color: var(--ymx-accent);
    text-decoration: underline;
}

.ymx-comment-item-edit {
    color: var(--ymx-text-muted);
    text-decoration: none;
    font-size: 12px;
}

.ymx-comment-item-edit:hover {
    color: var(--ymx-accent);
    text-decoration: underline;
}

.ymx-comment-children {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    margin-left: 0;
}

/* 确保嵌套评论在li内部 */
.ymx-comment-item > .ymx-comment-children {
    margin-top: 20px;
    padding-left: 0;
}

/* 嵌套评论的列表 */
.ymx-comment-children > .ymx-comment-item {
    margin-left: 0;
    padding-left: 0;
}

/* 隐藏默认的回复表单 */
.comment-respond {
    margin-top: 20px;
    opacity: 1;
    transform: translateY(0) scale(1);
    max-height: 1000px;
    transition: opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                max-height 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.comment-respond.comment-reply-hidden {
    opacity: 0;
    transform: translateY(-10px) scale(0.98);
    max-height: 0;
    overflow: hidden;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
}

/* 隐藏回复标题h3 */
.comment-reply-title {
    display: none !important;
}

/* 评论项内的回复表单样式 */
.ymx-comment-item .comment-respond {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #f0f0f0;
}

.ymx-comment-item-content .comment-respond {
    margin-top: 15px;
}

/* 自定义回复表单样式 - 在评论内容区域内 */
.ymx-comment-item-content .ymx-comment-reply-form {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
    width: 100%;
    box-sizing: border-box;
    opacity: 0;
    transform: translateY(-10px) scale(0.98);
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                max-height 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                padding-top 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                margin-top 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                border-top-width 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ymx-comment-item-content .ymx-comment-reply-form.ymx-reply-form-active {
    opacity: 1;
    transform: translateY(0) scale(1);
    max-height: 1000px;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #f0f0f0;
}

.ymx-comment-reply-form-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.ymx-comment-reply-form-layout {
    display: flex;
    gap: 16px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    align-items: flex-start;
}

/* 确保回复表单内的输入框宽度正确 */
.ymx-comment-reply-form .ymx-comment-inputs {
    flex: 1;
    min-width: 0;
    box-sizing: border-box;
}

.ymx-comment-reply-form #cancel-comment-reply-link {
    display: none !important;
}

/* 取消回复链接样式 */
.ymx-cancel-reply-link {
    display: block;
    margin-top: 10px;
    color: var(--ymx-text-muted);
    font-size: 12px;
    text-decoration: none;
    cursor: pointer;
}

.ymx-cancel-reply-link:hover {
    color: var(--ymx-accent);
    text-decoration: underline;
}

/* 确保回复表单在评论内容区域内，宽度与内容区域一致 */
.ymx-comment-item-content {
    position: relative;
}

.ymx-comment-item-content .ymx-comment-reply-form {
    width: 100%;
    margin-left: 0;
    clear: both;
    box-sizing: border-box;
}

/* 回复表单内的表单元素 */
.ymx-comment-reply-form form.comment-form {
    width: 100%;
    margin: 0;
    padding: 0;
}

/* 回复表单内的输入框宽度 */
.ymx-comment-reply-form .ymx-comment-inputs {
    flex: 1;
    min-width: 0;
    width: auto;
}

/* 嵌套评论样式调整 - 每层缩进一个头像宽度 */
.ymx-comment-item.comment-depth-2 .ymx-comment-item-inner {
    margin-left: 36px;
}

.ymx-comment-item.comment-depth-3 .ymx-comment-item-inner {
    margin-left: 72px;
}

.ymx-comment-item.comment-depth-4 .ymx-comment-item-inner {
    margin-left: 108px;
}

.ymx-comment-item.comment-depth-5 .ymx-comment-item-inner {
    margin-left: 144px;
}

/* 等待审核提示 */
.comment-awaiting-moderation {
    color: #ff9800;
    font-size: 14px;
    font-style: italic;
}

@media (max-width: 600px) {
    .ymx-comment-form-layout {
        flex-direction: column;
    }

    .ymx-comment-user {
        display: flex;
        align-items: center;
        width: 100%;
        gap: 10px;
    }

    .ymx-comment-username {
        text-align: left;
    }

    .ymx-comment-change-btn {
        margin-top: 4px;
        margin-left: 10px;
    }

    .ymx-comment-actions-left {
        display: none;
    }

    .ymx-comment-submit-button {
        width: 100%;
        border-radius: 0 0 6px 6px;
    }

    .ymx-guest-comment-fields {
        flex-direction: column;
        gap: 12px;
    }

    .ymx-guest-input {
        width: 100%;
    }
}

/* 图文展示模式样式 */
.related-posts-imagetext {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
    clear: both;
}

.related-post-imagetext {
    border-radius: 6px;
    overflow: hidden;
    flex: 0 0 auto;
    width: 175px;
    min-width: 175px;
    max-width: 175px;
}

.related-post-imagetext .related-post-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.related-post-imagetext .related-post-thumbnail {
    width: 100%;
    height: 119px;
    overflow: hidden;
    background: #f0f0f0;
    border-radius: 6px;
}

.related-post-imagetext .related-post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.related-post-imagetext .related-post-content {
    padding: 10px;
}

.related-post-imagetext .related-post-title {
    font-size: 14px;
    font-weight: 500;
    color: var(--ymx-text-primary);
    margin: 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 标题展示模式（单列）样式 */
.related-posts-text {
    list-style: none;
    padding-left: 0;
    margin: 0;
    width: 100%;
    clear: both;
}

.related-posts-text .related-post-text {
    margin: 0;
    padding: 0 0 0 18px;
    position: relative;
}

.related-posts-text .related-post-text + .related-post-text {
    margin-top: 10px;
}

.related-posts-text .related-post-text::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #333;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.related-post-text .related-post-link {
    display: block;
    padding: 12px 15px;
    text-decoration: none;
    color: var(--ymx-text-primary);
    font-size: 14px;
    line-height: 1.5;
}

/* 标题展示模式（两列）样式 */
.related-posts-list.related-posts-textcol2 {
    list-style: none;
    padding-left: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    width: 100%;
    clear: both;
}

.related-posts-list.related-posts-textcol2 .related-post-text {
    margin: 0;
    padding: 0 0 0 18px;
    position: relative;
}

.related-posts-list.related-posts-textcol2 .related-post-text::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #333;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.related-posts-list.related-posts-textcol2 .related-post-text .related-post-link {
    display: block;
    padding: 12px 15px;
    text-decoration: none;
    color: var(--ymx-text-primary);
    font-size: 14px;
    line-height: 1.5;
}

/* 评论区域样式
 * 原来这里对 .comments-area 设置了 40px 的上边距，会在页面顶部形成明显空白。
 * 取消这个上边距，避免在顶部留下大块空白区域。
 */
.comments-area {
    margin-top: 0;
}

/* 夜间模式样式 */
body.ymx-dark-mode .single-post-content {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

body.ymx-dark-mode .single-post-meta {
    border-bottom-color: #3a3a3a;
}

body.ymx-dark-mode .single-meta-item .category-link {
    color: #999;
}

body.ymx-dark-mode .single-meta-item .comments-link {
    color: #999;
}

body.ymx-dark-mode .single-meta-item .like-btn {
    color: #999;
}

body.ymx-dark-mode .single-meta-item .source-link {
    color: #999;
}

body.ymx-dark-mode .post-navigation {
    border-top-color: #3a3a3a;
}

body.ymx-dark-mode .post-navigation .nav-previous a,
body.ymx-dark-mode .post-navigation .nav-next a {
    background: #3a3a3a;
}

body.ymx-dark-mode .post-navigation .nav-previous a:hover,
body.ymx-dark-mode .post-navigation .nav-next a:hover {
    background: #4a4a4a;
}

body.ymx-dark-mode .post-navigation .nav-subtitle {
    color: #999;
}

body.ymx-dark-mode .related-posts {
    border-top-color: #3a3a3a;
}

/* 夜间模式 - 图文展示模式 */

body.ymx-dark-mode .related-post-imagetext .related-post-thumbnail {
    background: #2a2a2a;
}

/* 响应式设置 */
@media (max-width: 768px) {
    .single-post-main {
        padding: 0;
    }

    .single-breadcrumb-wrap .container {
        height: 38px;
    }

    .single-post-content {
        padding: 15px;
    }

    .single-article .entry-title {
        font-size: 24px;
    }

    .single-meta-items {
        gap: 10px;
        font-size: 11px;
    }

    .post-navigation .nav-links {
        flex-direction: column;
    }

    /* 手机端 - 相关推荐标题 */
    .related-posts-title {
        font-size: 18px;
    }

    /* 手机端 - 图文展示模式 */
    .related-posts-imagetext {
        gap: 15px;
    }

    .related-post-imagetext {
        flex: 0 0 calc((100% - 15px) / 2);
        width: calc((100% - 15px) / 2);
        min-width: calc((100% - 15px) / 2);
        max-width: calc((100% - 15px) / 2);
    }

    .related-post-imagetext .related-post-thumbnail {
        height: 100px;
    }

    .related-post-imagetext .related-post-content {
        padding: 8px;
    }

    .related-post-imagetext .related-post-title {
        font-size: 13px;
    }

    /* 手机端 - 标题展示模式（两列）改为单列 */
    .related-posts-textcol2 {
        grid-template-columns: 1fr;
    }
}

/* 微信分享提示样式 */
.wechat-share-tip {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.22s ease, visibility 0.22s ease;
}

.wechat-share-tip.is-visible {
    opacity: 1;
    visibility: visible;
}

/* 夜间模式图片弹窗样式 */
body.ymx-dark-mode .ymx-image-popup-overlay {
    background: rgba(0, 0, 0, 0.95);
}


body.ymx-dark-mode .ymx-image-popup-counter {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
}

/* 响应式图片弹窗样式 */
@media (max-width: 768px) {
    .ymx-image-popup-container {
        max-width: 95%;
        max-height: 95%;
    }

    .ymx-image-popup-container img {
        max-height: 85vh;
    }

    .ymx-image-popup-prev,
    .ymx-image-popup-next {
        width: 40px;
        height: 40px;
        font-size: 28px;
    }

    .ymx-image-popup-prev {
        left: 15px;
    }

    .ymx-image-popup-next {
        right: 15px;
    }

    .ymx-image-popup-counter {
        bottom: -35px;
        font-size: 12px;
        padding: 4px 10px;
    }
}

/* 文章内容中图片可点击样式 */
.ymx-image-popup-enabled img {
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.ymx-image-popup-enabled img:hover {
    opacity: 0.9;
}