/**
Theme Name: Damao Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: damao-child
Template: astra
*/


/* ==========================================================================
   大猫资源库 - 单篇文章页(Single Post) 纯CSS重塑引擎
   不改动脚本HTML的前提下，强行升级大厂质感
   ========================================================================== */

/* 1. 净化布局：收拢单屏视距，改回高级灰底色 */
body.single-post {
    background-color: #f4f7f9 !important;
}

/* 强行约束主内容区与侧边栏的间距与比例 */
body.single-post #primary {
    margin-bottom: 40px !important;
}

/* 2. 顶置重构：SaaS沉浸式头部 */
body.single-post .dm-single-hero-header {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-bottom: none !important;
    border-radius: 16px 16px 0 0 !important;
    padding: 48px 48px 24px 48px !important;
    margin-bottom: 0 !important;
}

body.single-post .dm-single-header-meta {
    display: flex !important;
    gap: 12px !important;
    margin-bottom: 20px !important;
}

body.single-post .dm-meta-cat a {
    background: #eff6ff !important;
    color: #2563eb !important;
    padding: 4px 14px !important;
    border-radius: 100px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

body.single-post .dm-meta-status {
    background: #ecfdf5 !important;
    color: #059669 !important;
    padding: 4px 14px !important;
    border-radius: 100px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

body.single-post .dm-single-main-title {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    line-height: 1.4 !important;
    margin: 0 0 20px 0 !important;
    letter-spacing: 0.5px !important;
}

body.single-post .dm-single-header-info {
    display: flex !important;
    gap: 24px !important;
    font-size: 14px !important;
    color: #64748b !important;
    font-weight: 500 !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid #f1f5f9 !important;
}
body.single-post .dm-single-header-info i { color: #94a3b8 !important; }

/* 3. 拦截渲染：脚本HTML块样式重塑引擎 */
body.single-post .dm-single-article-body {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-top: none !important;
    border-radius: 0 0 16px 16px !important;
    padding: 0 48px 48px 48px !important;
}

/* ★ 拦截点：重塑白色核心卡片盒（dm-info-card） */
body.single-post .dm-info-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 20px -4px rgba(15, 23, 42, 0.04) !important;
    padding: 28px !important;
    margin-bottom: 32px !important;
}

/* 隐藏脚本自带的浅蓝头部（因为它造成了页面标题的三重重复） */
body.single-post .dm-card-header {
    display: none !important;
}

/* ★ 拦截点：重塑资源概述提示框（dm-summary） */
body.single-post .dm-summary {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 4px solid #2563eb !important; /* 锁死科技蓝垂直指示线 */
    border-radius: 8px !important;
    padding: 20px 24px !important;
    font-size: 15px !important;
    color: #475569 !important;
    line-height: 1.8 !important;
    margin-bottom: 28px !important;
    box-shadow: none !important;
}

/* ★ 拦截点：重塑参数网格（dm-meta-grid） */
body.single-post .dm-meta-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* 强制两列专业仪表盘平铺 */
    gap: 16px 28px !important;
    border-top: 1px solid #f1f5f9 !important;
    padding-top: 24px !important;
}

body.single-post .dm-meta-item {
    font-size: 14px !important;
    color: #64748b !important;
    border: none !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important; /* 参数名在上，参数值在下，极具SaaS感 */
    gap: 4px !important;
}

body.single-post .dm-meta-item strong {
    color: #0f172a !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
}

/* ★ 拦截点：正文大标题美化（dm-section-title） */
body.single-post .dm-section-title {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    border-left: 5px solid #2563eb !important;
    padding-left: 14px !important;
    margin: 44px 0 20px 0 !important;
}

/* ★ 拦截点：重塑亮点网格块（dm-feature-item） */
body.single-post .dm-feature-item {
    background: #f8fafc !important;
    border: 1px solid #f1f5f9 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    margin-bottom: 16px !important;
    box-shadow: none !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.single-post .dm-feature-item:hover {
    background: #ffffff !important;
    border-color: #bfdbfe !important;
    box-shadow: 0 12px 24px -8px rgba(37, 99, 235, 0.1) !important;
    transform: translateY(-3px) !important;
}

body.single-post .dm-feature-item h4 {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin-bottom: 8px !important;
}

body.single-post .dm-feature-item p {
    font-size: 14px !important;
    color: #64748b !important;
    line-height: 1.6 !important;
}

/* 4. 页脚标签美化 */
body.single-post .dm-single-article-footer {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-top: 1px dashed #e2e8f0 !important;
    border-radius: 0 0 16px 16px !important;
    padding: 24px 48px 40px 48px !important;
    margin-top: -16px !important; /* 与上半部分无缝吸附 */
}

body.single-post .dm-post-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
}
body.single-post .dm-tags-label { font-size: 14px !important; color: #64748b !important; font-weight: 600 !important; }
body.single-post .dm-post-tags a {
    font-size: 13px !important; color: #475569 !important; background: #f1f5f9 !important;
    padding: 4px 12px !important; border-radius: 6px !important; text-decoration: none !important;
    transition: all 0.2s ease !important;
}
body.single-post .dm-post-tags a:hover { background: #e0f2fe !important; color: #2563eb !important; }

/* ================= 移动端极致压缩适应 ================= */
@media (max-width: 768px) {
    body.single-post .dm-single-hero-header { padding: 32px 20px 16px 20px !important; }
    body.single-post .dm-single-main-title { font-size: 22px !important; }
    body.single-post .dm-single-header-info { gap: 12px !important; font-size: 12px !important; flex-wrap: wrap !important; }
    body.single-post .dm-single-article-body { padding: 0 20px 32px 20px !important; }
    body.single-post .dm-meta-grid { grid-template-columns: 1fr !important; gap: 16px !important; }
    body.single-post .dm-feature-item { padding: 20px !important; }
    body.single-post .dm-single-article-footer { padding: 20px 20px 32px 20px !important; }
}
/* ==========================================================================
   隐藏自定义的单篇文章头部，并修复下方内容框的圆角
   ========================================================================== */

/* 1. 彻底隐藏自定义的头部模块 */
body.single-post .dm-single-hero-header {
    display: none !important;
}

/* 2. 修复正文内容区的上边框和圆角 (因为头部没了，身体需要变成一个完整的闭合卡片) */
body.single-post .dm-single-article-body {
    border-top: 1px solid #e2e8f0 !important; /* 补回上方的边框 */
    border-radius: 16px !important; /* 补回上方的大圆角 */
    padding-top: 48px !important; /* 顶部补充内边距，防止内容太贴边 */
}


/* 赛博全息版 3D立体增强：大猫资源库站点标题 */
.site-title a,
#site-title a {
    /* 字体已调小 */
    font-size: clamp(15px, 2.5vw, 20px) !important; 
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    text-decoration: none !important;
    display: inline-block;
    padding-bottom: 5px; 
    
    /* ★ 修复标题偏高，向下偏移对齐 Logo ★ */
    position: relative !important;
    top: 6px !important; /* 如果觉得还是偏高/偏低，就微调这个数字，比如 4px 或 8px */
			left: -12px !important;  /* ★ 新增这行：向左偏移 10px 靠近 Logo */
    /* 极客专属渐变 */
    background: linear-gradient(90deg, #00F2FE, #4FACFE, #7B2CBF, #00F2FE) !important;
    background-size: 300% 100% !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    
    /* 常态下的3D立体感 */
    filter: drop-shadow(0px -1px 1px rgba(255, 255, 255, 0.4))  
            drop-shadow(1px 2px 0px rgba(10, 20, 30, 0.5))      
            drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.3)) !important; 

    /* 持续的色彩流动动画 */
    animation: cyberFlow 3s infinite linear !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* 定义渐变流动动画 */
@keyframes cyberFlow {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}

/* 鼠标悬浮：立体感彻底爆发，加上霓虹发光 */
.site-title a:hover,
#site-title a:hover {
    transform: scale(1.1) translateY(-2px) !important; 
    
    filter: drop-shadow(1px 3px 0px rgba(10, 20, 30, 0.6))      
            drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.4))        
            drop-shadow(0px 0px 8px rgba(0, 242, 254, 0.8))     
            drop-shadow(0px 0px 15px rgba(123, 44, 191, 0.5)) !important; 
}

/*============================================================
/* 彻底隐藏 Astra 主题默认的面包屑容器 */
.ast-breadcrumbs-wrapper, 
.main-header-bar + .ast-breadcrumbs-wrapper {
    display: none !important;
}

/* ============================================================
   单篇文章评论区 - 终极紧凑排版与字号压制 (Astra 强力覆盖版)
   ============================================================ */

/* --- 1. 缩小所有输入框和文本域的字体与内部间距 --- */
#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"],
#respond textarea {
    font-size: 13px !important; /* 框内字体缩小到13px */
    padding: 10px 14px !important; /* 缩小框内的上下左右留白 */
    color: #0f172a !important;
}

/* --- 2. 强力收紧表单各区块之间的上下外边距 --- */
.comment-form .comment-form-comment,
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
    margin-bottom: 12px !important; /* 极大缩小输入框之间的垂直距离 */
}
.comment-form .comment-form-cookies-consent {
    margin-top: 0 !important;
    margin-bottom: 15px !important; /* 缩小复选框周围的间距 */
}
.comment-form .form-submit {
    margin-top: 5px !important;
    margin-bottom: 30px !important; /* 缩小提交按钮和下方评论列表的距离 */
}
#reply-title {
    margin-bottom: 15px !important; /* 缩小“发表评论”标题下方的距离 */
}

/* --- 3. 评论统计标题彻底缩小并靠左 --- */
h3.comments-title, 
.comments-title {
    font-size: 16px !important; 
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 15px 0 !important; /* 收缩上下边距 */
    text-align: left !important; 
    border-bottom: 1px solid #f1f5f9 !important;
    padding-bottom: 8px !important;
}

/* --- 4. 已发表评论的字号与间距收缩 --- */
.ast-comment-list .comment-body {
    padding: 15px 0 !important; /* 消除单条评论巨大的上下留白 */
}
.ast-comment-list .comment-author .fn,
.ast-comment-list .comment-author b.fn {
    font-size: 14px !important; 
    font-weight: 600 !important;
    color: #0f172a !important;
}
.ast-comment-list .comment-metadata, 
.ast-comment-list .comment-metadata a {
    font-size: 12px !important; 
    color: #94a3b8 !important;
}
.ast-comment-list .comment-content p,
.ast-comment-list .ast-comment-content p {
    font-size: 13px !important; 
    color: #475569 !important;
    line-height: 1.6 !important;
    margin-top: 4px !important; /* 拉近正文和姓名的距离 */
    margin-bottom: 8px !important;
}

/* --- 5. 编辑和回复按钮 --- */
.ast-comment-list .reply a,
.ast-comment-list .comment-reply-link,
.ast-comment-list .comment-edit-link {
    font-size: 12px !important; 
    color: #005b7f !important;
    font-weight: 500 !important;
}
/* ============================================================
   单篇文章评论区 - 极简模式 (隐藏标题与头像)
   ============================================================ */

/* 1. 彻底隐藏 "X人评论了XXX" 这个标题及底部的线 */
h3.comments-title, 
.comments-title {
    display: none !important;
}

/* 2. 彻底隐藏用户头像 */
.ast-comment-list .ast-comment-avatar,
.ast-comment-list .comment-avatar {
    display: none !important;
}

/* 3. 头像隐藏后，稍微微调一下姓名和时间的左侧对齐（避免缩进过深） */
.ast-comment-list .ast-comment-meta-wrap,
.ast-comment-list .comment-meta {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* ============================================================
   大猫资源网 - 评论区终极全家桶 (极简紧凑、完美间距、左对齐)
   ============================================================ */

/* --- 1. 评论表单与输入框优化 (间距与字号收缩) --- */
#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"],
#respond textarea {
    font-size: 13px !important;
    padding: 10px 14px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    color: #0f172a !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02) !important;
    transition: all 0.3s ease !important;
}
#respond input:focus, 
#respond textarea:focus {
    outline: none !important;
    border-color: #33b5e5 !important;
    box-shadow: 0 0 0 3px rgba(51, 181, 229, 0.1) !important;
}
.comment-form .comment-form-comment,
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
    margin-bottom: 12px !important;
}
.comment-form .comment-form-cookies-consent {
    margin-top: 0 !important;
    margin-bottom: 15px !important;
}
.comment-form .form-submit {
    margin-top: 5px !important;
    margin-bottom: 30px !important;
}

/* --- 2. 评论标题 (缩小且左对齐) --- */
h3.comments-title, 
.comments-title {
    font-size: 16px !important; 
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 15px 0 !important;
    text-align: left !important; 
    border-bottom: 1px solid #f1f5f9 !important;
    padding-bottom: 8px !important;
}

/* --- 3. 评论列表骨架 (核心修复：消除双层虚线与巨大间隔) --- */
.ast-comment-list {
    padding-left: 0 !important;
    margin-left: 0 !important;
}
.ast-comment-list li.comment {
    margin-bottom: 0 !important; /* 彻底清除两层评论之间自带的巨大空隙 */
    padding-bottom: 0 !important;
}
.ast-comment-list .comment-body,
.ast-comment-list .ast-comment-body {
    padding: 15px 0 !important; /* 评论上下只留15px精致间距 */
    text-align: left !important;
    border-bottom: 1px dashed #e2e8f0 !important; /* 仅保留一条干净的虚线 */
    margin-left: 0 !important;
}
/* 最后一条评论去掉底部分割线，更干净 */
.ast-comment-list li.comment:last-child .comment-body {
    border-bottom: none !important; 
}

/* --- 4. 头部：微缩头像与用户信息 --- */
.ast-comment-list .ast-comment-meta-wrap,
.ast-comment-list .comment-meta {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    margin-bottom: 6px !important;
}
.ast-comment-list .ast-comment-avatar,
.ast-comment-list .comment-avatar {
    display: block !important;
    margin-right: 8px !important; 
    margin-bottom: 0 !important;
}
.ast-comment-list .ast-comment-avatar img,
.ast-comment-list .comment-avatar img,
.comment-list img.avatar {
    display: block !important;
    width: 26px !important;  
    height: 26px !important;
    border-radius: 50% !important;
    visibility: visible !important; 
}
.ast-comment-list .comment-author .fn,
.ast-comment-list .comment-author b.fn,
.comment-list .comment-author .fn,
cite.fn {
    font-size: 13px !important; 
    font-weight: 600 !important;
    color: #0f172a !important;
    margin-right: 8px !important;
    line-height: 1 !important;
}
.ast-comment-list .comment-metadata, 
.ast-comment-list .comment-metadata a,
.comment-list .comment-meta {
    font-size: 11px !important; 
    color: #94a3b8 !important;
}

/* --- 5. 评论正文 (向右缩进对齐文字) --- */
.ast-comment-list .comment-content,
.ast-comment-list .ast-comment-content {
    width: 100% !important;
    text-align: left !important;
    padding-left: 34px !important; 
    margin: 0 !important;
}
.ast-comment-list .comment-content p,
.ast-comment-list .ast-comment-content p {
    font-size: 13px !important;
    color: #475569 !important;
    line-height: 1.6 !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}

/* --- 6. 底部操作按钮 (合并到左侧并排，与正文对齐) --- */
.ast-comment-list .reply,
.ast-comment-list .ast-comment-edit-reply-wrap {
    display: flex !important;
    justify-content: flex-start !important;
    padding-left: 34px !important; 
    gap: 15px !important;
    float: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.ast-comment-list .reply a,
.ast-comment-list .comment-reply-link,
.ast-comment-list .comment-edit-link {
    font-size: 12px !important;
    color: #005b7f !important;
    font-weight: 500 !important;
    float: none !important;
    margin: 0 !important;
}
.ast-comment-list .reply a:hover,
.ast-comment-list .comment-reply-link:hover,
.ast-comment-list .comment-edit-link:hover {
    color: #33b5e5 !important;
    text-decoration: underline !important;
}

/* ============================================================
   单篇文章评论区 - 核弹级清除评论间巨大空白
   ============================================================ */

/* 1. 彻底清空所有评论列表项 (li) 的外边距和内边距 */
.ast-comment-list li.comment,
.ast-comment-list > li,
ol.ast-comment-list li,
ul.ast-comment-list li {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* 2. 彻底清空内容容器 (article) 的外边距，仅保留我们自己设定的 15px 舒适内边距 */
.ast-comment-list .comment-body,
.ast-comment-list .ast-comment-body,
article.comment-body {
    margin-top: 0 !important;
    margin-bottom: 0 !important; /* 核心：干掉这层自带的底部巨大留白 */
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

/* 3. 确保子评论 (嵌套回复) 也不会产生错位的巨大空隙 */
.ast-comment-list .children {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* ============================================================
   单篇文章 - “相关文章”模块 排版与字号统一优化
   ============================================================ */

/* 1. 模块主标题：完全对齐“发表评论”的精简样式 */
.ast-single-related-posts-container .ast-related-posts-title {
    font-size: 16px !important; /* 与评论标题同等大小 */
    font-weight: 700 !important;
    color: #0f172a !important; /* 深青黑色 */
    margin-bottom: 1px !important;
    border-bottom: 1px solid #f1f5f9 !important; /* 增加极浅的底线 */
    padding-bottom: 8px !important;
    text-align: left !important;
}

/* 2. 相关文章的文章标题：紧凑化、精致化 */
.ast-related-post-title,
.ast-related-post-title a,
.ast-single-related-posts-container .entry-title,
.ast-single-related-posts-container .entry-title a {
    font-size: 14px !important; /* 降级到15px，清晰但不喧宾夺主 */
    font-weight: 400 !important;
    color: #0f172a !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    margin-bottom: 6px !important; /* 拉近与下方标签的距离 */
    display: block !important;
}
.ast-related-post-title a:hover,
.ast-single-related-posts-container .entry-title a:hover {
    color: #005b7f !important; /* 鼠标悬浮变主题蓝 */
}

/* 3. 相关文章的分类/标签等辅助信息：弱化处理 */
.ast-related-post-meta,
.ast-related-post-meta a,
.ast-single-related-posts-container .entry-meta,
.ast-single-related-posts-container .entry-meta a {
    font-size: 10px !important; /* 缩小到12px辅助字号 */
    color: #64748b !important; /* 采用文献灰，降低视觉干扰 */
    text-decoration: none !important;
}
.ast-related-post-meta a:hover,
.ast-single-related-posts-container .entry-meta a:hover {
    color: #005b7f !important;
}

/* 4. 优化卡片间距 (包含网格间距强力覆盖) */
.ast-single-related-posts-container .ast-related-post {
    margin-bottom: 0 !important; 
}
.ast-single-related-posts-container .ast-related-posts-wrapper {
    row-gap: 0px !important; /* 👈 修改这个数值！越小，上下排挨得越紧 */
}

/* ============================================================ */
/* 手机端（≤768px）强制隐藏博客/存档/搜索页特色图 */
@media (max-width: 768px) {
  .blog .ast-post-image, .blog .post-thumb, .blog .wp-post-image, .blog .ast-article-post-thumbnail,
  .archive .ast-post-image, .archive .post-thumb, .archive .wp-post-image, .archive .ast-article-post-thumbnail,
  .search .ast-post-image, .search .post-thumb, .search .wp-post-image, .search .ast-article-post-thumbnail,
  .search-results .ast-post-image, .search-results .post-thumb, .search-results .wp-post-image {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
}

/* 平板端（769px-1024px）强制隐藏（可选，不需要可删除） */
@media (min-width: 769px) and (max-width: 1024px) {
  .blog .ast-post-image, .blog .post-thumb, .blog .wp-post-image, .blog .ast-article-post-thumbnail,
  .archive .ast-post-image, .archive .post-thumb, .archive .wp-post-image, .archive .ast-article-post-thumbnail,
  .search .ast-post-image, .search .post-thumb, .search .wp-post-image, .search .ast-article-post-thumbnail,
  .search-results .ast-post-image, .search-results .post-thumb, .search-results .wp-post-image {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
}

/* Astra 免费版 - 强制粘性侧边栏（全场景生效） */
@media (min-width: 769px) {
  .ast-sidebar, .sidebar-main, .ast-sidebar-wrapper, #secondary, .ast-right-sidebar, .ast-left-sidebar {
    position: sticky !important;
    top: 30px !important;    
    bottom: 30px !important; 
    align-self: flex-start !important;
    height: fit-content !important; 
    z-index: 99 !important;  
  }
}

/* 手机端强制关闭，避免布局乱 */
@media (max-width: 768px) {
  .ast-sidebar, .sidebar-main, #secondary { position: static !important; }
}
/* ============================================================ */

/* 大猫情报局自动发文排版引擎 - 全局样式 */

/* ============================================================
   一、软件教程类 (完全恢复最初版原生样式)
   ============================================================ */
.damao-wp-content {
    --damao-primary: #1a73e8; 
    --damao-bg: #f8f9fa; 
    --damao-text: #333333;
    --damao-muted: #666666; 
    --damao-border: #e0e0e0; 
    --damao-highlight: #e8f0fe;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
    width: 100%; 
    max-width: 100%; 
    color: var(--damao-text); 
    line-height: 1.8; 
    box-sizing: border-box; 
    overflow-x: hidden;
}

.damao-wp-content * { box-sizing: border-box; }

.damao-header { text-align: center; border-bottom: 2px solid var(--damao-border); padding-bottom: 20px; margin-bottom: 25px; }
.damao-header h1 { color: var(--damao-primary); margin: 0 0 10px 0; font-size: 28px; font-weight: bold; }
.damao-header p { color: var(--damao-muted); margin: 0; font-size: 14px; }

.damao-software-specs { background: #ffffff; border: 1px solid var(--damao-border); border-top: 4px solid var(--damao-primary); border-radius: 8px; padding: 20px 25px; margin-bottom: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px 20px; }
.damao-spec-item { display: flex; align-items: flex-start; font-size: 15px; }
.damao-spec-label { color: var(--damao-muted); font-weight: bold; width: 90px; flex-shrink: 0; display: flex; align-items: center; }
.damao-spec-label::before { content: "•"; color: var(--damao-primary); margin-right: 6px; font-size: 1.2em; }
.damao-spec-value { color: var(--damao-text); font-weight: 500; word-break: break-word; }

.damao-intro { background: var(--damao-bg); border-left: 5px solid var(--damao-primary); padding: 20px; border-radius: 0 8px 8px 0; margin-bottom: 40px; }
.damao-intro h2 { margin: 0 0 15px 0; color: var(--damao-primary); font-size: 20px; border: none !important; padding: 0 !important; display: flex; align-items: center; }
.damao-intro p { margin: 0; text-indent: 2em; color: #444; }

.damao-steps h2 { font-size: 22px; color: var(--damao-text); margin-bottom: 25px; border-bottom: 1px dashed var(--damao-border); padding-bottom: 10px; display: inline-block; }
.damao-step-list { list-style: none !important; padding: 0 !important; margin: 0 !important; position: relative; }
.damao-step-list::before { content: ''; position: absolute; left: 15px; top: 0; bottom: 0; width: 2px; background: var(--damao-highlight); }
.damao-step-item { position: relative; padding-left: 50px !important; margin-bottom: 20px !important; list-style: none !important; }
.damao-step-number { position: absolute; left: 0; top: 5px; width: 32px; height: 32px; background: var(--damao-primary); color: white !important; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 14px; box-shadow: 0 2px 6px rgba(26,115,232,0.4); z-index: 1; }
.damao-step-content { background: #fff; border: 1px solid var(--damao-border); padding: 12px 18px; border-radius: 8px; transition: all 0.3s ease; word-break: break-word; }

.damao-tag { display: inline-block; background: var(--damao-highlight); color: var(--damao-primary); padding: 0 6px; border-radius: 4px; font-weight: bold; font-size: 0.95em; }
.damao-tag-alert { background: #fce8e6; color: #d93025; }
.damao-step-success { border-color: #34a853; background: #e6f4ea; color: #137333; font-weight: bold; }

.damao-matrix { margin-top: 50px; padding: 30px 20px; background: #fafafa; border: 1px solid var(--damao-border); border-radius: 12px; }
.damao-matrix-title { text-align: center; font-size: 20px; color: var(--damao-text); margin: 0 0 25px 0; font-weight: bold; }
.damao-matrix-title span { color: var(--damao-primary); }

.damao-tips-box { background: #fffbeb !important; border-left: 5px solid #f59e0b !important; padding: 15px 20px !important; margin: 20px 0 25px 0 !important; border-radius: 4px 12px 12px 4px !important; color: #b45309 !important; font-size: 14px !important; line-height: 1.8 !important; box-shadow: 0 4px 12px rgba(245, 158, 11, 0.1) !important; word-break: break-all !important; }
.damao-tips-box strong { color: #d97706 !important; font-size: 15px !important; margin-right: 4px !important; }

.damao-grid { display: grid; grid-template-columns: repeat(3, 1fr) !important; gap: 20px; }
.damao-card { background: #ffffff; border: 1px solid var(--damao-border); border-radius: 8px; padding: 20px 15px; text-align: center; display: flex; flex-direction: column; align-items: center; }
.damao-card img { width: 130px; height: 130px; object-fit: contain; margin-bottom: 15px; }
.damao-card-name { font-size: 16px; color: var(--damao-primary); font-weight: bold; margin-bottom: 8px; }
.damao-card-desc { font-size: 13px; color: var(--damao-muted); line-height: 1.6; margin: 0; }

.damao-footer { text-align: center; font-size: 13px; color: #999; margin-top: 40px; border-top: 1px solid #eee; padding-top: 20px; }

/* ============================================================
   二、施工组织设计 / 施工规范标准 (原生版)
   ============================================================ */
.dm-resource-container { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; color: #444; max-width: 900px; margin: 0 auto; line-height: 1.6; }
.dm-info-card { background: #fff; border: 1px solid #e1e8ed; border-radius: 12px; overflow: hidden; margin-bottom: 30px; box-shadow: 0 4px 12px rgba(0,0,0,0.03); }
.dm-card-header { background: #f8fbff; padding: 20px 25px; border-bottom: 1px solid #eef2f6; }
.dm-badge { background: #005b7f; color: #fff; font-size: 12px; padding: 2px 10px; border-radius: 4px; vertical-align: middle; margin-right: 10px; font-weight: bold; }
.dm-resource-title { display: inline; font-size: 20px; color: #111; font-weight: 700; vertical-align: middle; margin: 0; }
.dm-card-body { padding: 25px; }
.dm-summary { background: #f9f9f9; padding: 15px; border-left: 4px solid #33b5e5; border-radius: 4px; font-size: 14px; margin-bottom: 20px; text-align: justify; }
.dm-meta-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; border-top: 1px dashed #ddd; padding-top: 20px; }
.dm-meta-item { font-size: 14px; color: #666; }
.dm-meta-item strong { color: #005b7f; }
.dm-section-title { font-size: 18px; color: #111; border-left: 5px solid #005b7f; padding-left: 15px; margin: 40px 0 20px; font-weight: 700; }
.dm-feature-list { display: grid; gap: 20px; }
.dm-feature-item { background: #fff; border: 1px solid #f0f0f0; padding: 20px; border-radius: 10px; transition: all 0.3s ease; }
.dm-feature-item:hover { transform: translateY(-3px); border-color: #33b5e5; box-shadow: 0 10px 25px rgba(0, 91, 127, 0.08); }
.dm-feature-item h4 { margin: 0 0 10px; color: #005b7f; font-size: 16px; font-weight: 700; }
.dm-feature-item p { margin: 0; font-size: 14px; color: #666; }
.dm-toc-box { background: #fdfdfd; border: 1px solid #eee; padding: 20px 25px; border-radius: 10px; }
.dm-toc-box ul { padding-left: 20px; margin: 0; }
.dm-toc-box li { font-size: 14px; color: #555; margin-bottom: 12px; list-style-type: none; border-bottom: 1px dashed #eaeaea; padding-bottom: 8px; }
.dm-toc-box li::before { content: "🔹"; margin-right: 8px; font-size: 12px; color: #33b5e5; }

.dm-download-section { text-align: center; background: #f4f8fb; border-radius: 12px; padding: 35px; margin-top: 50px; border: 1px solid #e1eef6; }
.dm-btn-group { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }
.dm-btn { text-decoration: none !important; padding: 12px 30px; border-radius: 6px; font-weight: 600; transition: all 0.2s; font-size: 15px; display: inline-block; color: #fff !important; }
.dm-btn.primary { background: #005b7f; }
.dm-btn.secondary { background: #33b5e5; }
.dm-btn:hover { opacity: 0.9; transform: scale(1.02); }
.dm-disclaimer { font-size: 12px; color: #999; margin-top: 25px; }

/* ============================================================
   三、直显二维码模块 
   ============================================================ */
.dm-direct-qr-box { background: #ffffff; border: 2px dashed #cbd5e1; border-radius: 20px; padding: 35px 20px; margin-bottom: 30px; text-align: center; box-shadow: 0 4px 15px rgba(0,0,0,0.02); transition: all 0.3s ease; }
.dm-direct-qr-box:hover { border-color: #1a73e8; box-shadow: 0 15px 30px -5px rgba(26, 115, 232, 0.08); transform: translateY(-2px); }
.dm-qr-header { margin-bottom: 20px; }
.dm-qr-header h4 { margin: 0 !important; font-size: 18px !important; font-weight: 800 !important; color: #0f172a !important; }
.dm-qr-body { display: flex; flex-direction: column; align-items: center; gap: 15px; }
.dm-qr-image { width: 150px !important; height: 150px !important; border-radius: 16px; padding: 6px; background: #fff; border: 1px solid #f1f5f9; box-shadow: 0 8px 16px -4px rgba(0,0,0,0.1); transition: transform 0.3s ease; }
.dm-direct-qr-box:hover .dm-qr-image { transform: scale(1.05); }
.dm-qr-instruction p { margin: 6px 0 !important; font-size: 14px !important; color: #64748b !important; line-height: 1.6 !important; }
.dm-qr-instruction .highlight { color: #e11d48; font-weight: 800; background: #ffe4e6; padding: 2px 10px; border-radius: 6px; margin: 0 6px; letter-spacing: 1px; }

@media (max-width: 600px) {
    .damao-software-specs { grid-template-columns: 1fr; }
    .damao-step-item { padding-left: 40px !important; }
    .damao-grid { grid-template-columns: 1fr !important; } 
    .dm-btn { width: 100%; margin-bottom: 10px; }
}

/* === 终极通用：Post Grid 标题图标优化版 === */
.post-grid .entry-title, .post-grid .post-title, .pg-item .entry-title, .pg-grid .post-title, .elementor-post__title, .wp-block-post-title, [class*="post-grid"] h2, [class*="post-grid"] h3, [class*="post-grid"] .title {
    display: flex !important; align-items: flex-start !important; line-height: 1.4 !important;
}

/* ⚠️ 已修复：此处的图标已被 Base64 加密，消除报错 */
.post-grid .entry-title::before, .post-grid .post-title::before, .pg-item .entry-title::before, .pg-grid .post-title::before, .elementor-post__title::before, .wp-block-post-title::before, [class*="post-grid"] h2::before, [class*="post-grid"] h3::before, [class*="post-grid"] .title::before {
    content: ""; display: inline-block; flex-shrink: 0; width: 1.1em; height: 1.1em; margin-right: 8px; margin-top: 0.15em; background-color: #444;
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE0LDJINkEyLDIgMCAwLDAgNCw0VjIwQTIsMiAwIDAsMCA2LDIySDE4QTIsMiAwIDAsMCAyMCwyMFY4TDE0LDJNMThBMiwyIDAgMCwwIDIwLDIwVjhMMTQsMk0xOCwyMEg2VjRMMTMsOUgxOFYyMFoiLz48L3N2Zz4=") no-repeat center;
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE0LDJINkEyLDIgMCAwLDAgNCw0VjIwQTIsMiAwIDAsMCA2LDIySDE4QTIsMiAwIDAsMCAyMCwyMFY4TDE0LDJNMThBMiwyIDAgMCwwIDIwLDIwVjhMMTQsMk0xOCwyMEg2VjRMMTMsOUgxOFYyMFoiLz48L3N2Zz4=") no-repeat center;
    -webkit-mask-size: contain; mask-size: contain; transition: background-color 0.3s ease;
}

[class*="post-grid"] *:hover::before { background-color: #2563eb !important; }

@media (max-width: 768px) {
    [class*="post-grid"] h2::before, [class*="post-grid"] h3::before { width: 0.9em; height: 0.9em; margin-right: 6px; }
    .post-grid .entry-title, .wp-block-post-title { font-size: 16px !important; }
}

/* ============================================================
    侧边栏（Sidebar）最新文章列表图标优化
   ============================================================ */
.widget-area .widget_recent_entries ul, .widget-area .wp-block-latest-posts, .sidebar .wp-block-latest-posts { list-style: none !important; padding-left: 0 !important; margin: 0 !important; }
.widget-area .widget_recent_entries li a, .widget-area .wp-block-latest-posts li a, .sidebar .wp-block-latest-posts li a { display: flex !important; align-items: flex-start !important; line-height: 1.5 !important; text-decoration: none !important; margin-bottom: 12px !important; color: #475569 !important; transition: all 0.2s ease !important; }

/* ⚠️ 已修复：此处的图标已被 Base64 加密，彻底消除最后的报错隐患 */
.widget-area .widget_recent_entries li a::before, .widget-area .wp-block-latest-posts li a::before, .sidebar .wp-block-latest-posts li a::before {
    content: "" !important; display: block !important; flex-shrink: 0 !important; width: 1.2em !important; height: 1.2em !important; margin-right: 8px !important; margin-top: 0.15em !important; background: #94a3b8 !important; 
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE0LDJINkEyLDIgMCAwLDAgNCw0VjIwQTIsMiAwIDAsMCA2LDIySDE4QTIsMiAwIDAsMCAyMCwyMFY4TDE0LDJNMThBMiwyIDAgMCwwIDIwLDIwVjhMMTQsMk0xOCwyMEg2VjRMMTMsOUgxOFYyMFoiLz48L3N2Zz4=") no-repeat center !important;
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE0LDJINkEyLDIgMCAwLDAgNCw0VjIwQTIsMiAwIDAsMCA2LDIySDE4QTIsMiAwIDAsMCAyMCwyMFY4TDE0LDJNMThBMiwyIDAgMCwwIDIwLDIwVjhMMTQsMk0xOCwyMEg2VjRMMTMsOUgxOFYyMFoiLz48L3N2Zz4=") no-repeat center !important;
    -webkit-mask-size: contain !important; mask-size: contain !important; transition: background 0.2s ease, transform 0.2s ease !important;
}

.widget-area .widget_recent_entries li a:hover, .widget-area .wp-block-latest-posts li a:hover, .sidebar .wp-block-latest-posts li a:hover { color: #33b5e5 !important; }
.widget-area .widget_recent_entries li a:hover::before, .widget-area .wp-block-latest-posts li a:hover::before, .sidebar .wp-block-latest-posts li a:hover::before { background: #33b5e5 !important; transform: scale(1.1) !important; }

/* ============================================================
   单篇文章评论框美化 - 缩小字体+优化样式
   ============================================================ */
.comment-respond { max-width: 100% !important; padding: 20px !important; font-size: 14px !important; }
.comment-reply-title { font-size: 18px !important; font-weight: 600 !important; margin-bottom: 15px !important; color: #1e293b !important; }
.comment-respond .logged-in-as, .comment-respond .comment-notes { font-size: 12px !important; color: #64748b !important; margin-bottom: 10px !important; line-height: 1.4 !important; }
#comment { font-size: 14px !important; padding: 12px 15px !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; line-height: 1.6 !important; resize: vertical !important; box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important; }
#comment:focus { outline: none !important; border-color: #33b5e5 !important; box-shadow: 0 0 0 3px rgba(51, 181, 229, 0.1) !important; }
.form-submit .submit { font-size: 14px !important; padding: 8px 20px !important; border-radius: 6px !important; background: #005b7f !important; color: #fff !important; border: none !important; cursor: pointer !important; transition: all 0.2s ease !important; }
.form-submit .submit:hover { background: #33b5e5 !important; transform: translateY(-1px) !important; }

/* ============================================================
   单篇文章上下篇导航 - 精致卡片版
   ============================================================ */
.nav-links { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 18px 20px !important; background: #ffffff !important; border: 1px solid #f0f3f6 !important; border-radius: 12px !important; box-shadow: 0 2px 8px rgba(0,0,0,0.03) !important; margin: 30px 0 40px 0 !important; font-size: 0 !important; }
.nav-previous, .nav-next { flex: 1 !important; }
.nav-previous { text-align: left !important; padding-right: 10px !important; }
.nav-next { text-align: right !important; padding-left: 10px !important; }
.nav-previous a, .nav-next a { font-size: 12px !important; color: #475569 !important; text-decoration: none !important; font-weight: 500 !important; transition: all 0.2s ease !important; display: inline-block !important; padding: 6px 12px !important; border-radius: 6px !important; }
.nav-previous a:hover, .nav-next a:hover { color: #005b7f !important; background: #f8fbff !important; transform: translateY(-1px) !important; }
.nav-previous a::before { content: "← " !important; color: #94a3b8 !important; font-size: 11px !important; margin-right: 2px !important; }
.nav-next a::after { content: " →" !important; color: #94a3b8 !important; font-size: 11px !important; margin-left: 2px !important; }

@media (max-width: 768px) {
    .nav-links { flex-direction: column !important; gap: 10px !important; padding: 15px 16px !important; }
    .nav-previous, .nav-next { padding: 0 !important; text-align: center !important; width: 100% !important; }
    .nav-previous a, .nav-next a { width: 100% !important; text-align: center !important; }
}
.nav-links + h3, .nav-links + .related-posts-title { margin-top: 40px !important; font-size: 16px !important; color: #1e293b !important; }

/* ======================================================
 Astra 分页 100% 还原版 - 手机端等比缩小（无滑块）
====================================================== */
.ast-pagination { display: block !important; background-color: #ffffff !important; padding: 12px 20px !important; border-radius: 12px !important; box-shadow: 0 5px 20px rgba(0,0,0,0.05) !important; margin: 40px auto !important; width: fit-content !important; max-width: 95% !important; overflow: hidden !important; }
.ast-pagination ul.page-numbers, .nav-links { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; list-style: none !important; margin: 0 !important; padding: 0 !important; gap: 8px !important; }
.ast-pagination li { display: flex !important; }
.ast-pagination .page-numbers { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 40px !important; height: 38px !important; padding: 0 10px !important; border: 1px solid #eef0f2 !important; border-radius: 6px !important; background-color: #ffffff !important; font-size: 14px !important; color: #475569 !important; text-decoration: none !important; white-space: nowrap !important; flex-shrink: 0 !important; }
.ast-pagination .page-numbers.current { background-color: #1d6cf0 !important; color: #ffffff !important; border-color: #1d6cf0 !important; font-weight: 600 !important; }
.ast-pagination .next.page-numbers { font-size: 0 !important; min-width: 80px !important; }
.ast-pagination .next.page-numbers::before { content: "下一页" !important; font-size: 14px !important; color: inherit; }

@media (max-width: 768px) {
    .ast-pagination { padding: 8px 12px !important; }
    .ast-pagination ul.page-numbers, .nav-links { gap: 4px !important; overflow-x: hidden !important; }
    .ast-pagination .page-numbers { min-width: 32px !important; height: 32px !important; font-size: 12px !important; padding: 0 6px !important; }
    .ast-pagination .next.page-numbers { min-width: 55px !important; }
    .ast-pagination .next.page-numbers::before { content: "下页" !important; font-size: 12px !important; }
}
/* ============================================================
   侧边栏 - “最新评论” 终极防误伤版 (完全靠左 + 弱化文章标签)
   ============================================================ */

/* 1. 把整个评论列表的外部容器变成一个白色大卡片模块 */
ul.wp-block-latest-comments,
ol.wp-block-latest-comments {
    background-color: #ffffff !important; 
    border: 1px solid #e2e8f0 !important; 
    border-radius: 12px !important; 
    padding: 0 !important; 
    margin-bottom: 25px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important; 
    list-style: none !important;
}

/* 2. 自动在模块顶部注入“最新评论”标题 */
ul.wp-block-latest-comments::before,
ol.wp-block-latest-comments::before {
    content: "最新评论";
    display: block !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    padding: 16px 20px 12px !important;
    border-bottom: 1px solid #f1f5f9 !important; 
    background-color: #f8fafc !important; 
}

/* 3. 内部每一条评论列表项排版 */
.wp-block-latest-comments__comment {
    padding: 16px 20px !important; 
    margin: 0 !important;
    border-bottom: 1px dashed #e2e8f0 !important; 
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}
.wp-block-latest-comments__comment:last-child {
    border-bottom: none !important;
}

/* 4. 重构评论头部：头像与昵称同行，文字完全靠左 */
.wp-block-latest-comments__comment-meta {
    font-size: 12px !important;
    color: #94a3b8 !important; /* “发表在”文字颜色 */
    margin-bottom: 0 !important;
    display: block !important;
}

/* 头像：缩小到 24px */
.wp-block-latest-comments__comment-avatar {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    margin-right: 8px !important;
    margin-bottom: 0 !important;
    vertical-align: middle !important;
}

/* ★ 核心修复：精准恢复评论者姓名（包括带有网址链接的情况），防止变成灰块 ★ */
.wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-author,
.wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-author a {
    color: #0f172a !important; 
    font-size: 14px !important; 
    font-weight: 700 !important;
    display: inline-block !important; 
    background: transparent !important; /* 清除误伤的背景色 */
    border: none !important; /* 清除误伤的边框 */
    padding: 0 !important; /* 清除误伤的内边距 */
    margin: 0 !important;
}

/* ★ 核心修改：只锁定文章名称，将其变为辅助标签，并彻底靠左 ★ */
.wp-block-latest-comments__comment-meta > a:last-of-type,
.wp-block-latest-comments__comment-meta a.wp-block-latest-comments__comment-link {
    display: block !important; /* 强制另起一行 */
    padding: 6px 10px !important; 
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    background-color: #f8fafc !important; /* 极浅的灰底色 */
    border: 1px solid #f1f5f9 !important;
    border-radius: 4px !important;
    color: #64748b !important; /* 颜色改为低调的灰色 */
    font-weight: 400 !important; 
    font-size: 12px !important; 
    text-decoration: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transition: all 0.2s ease !important;
}
.wp-block-latest-comments__comment-meta > a:last-of-type:hover,
.wp-block-latest-comments__comment-meta a.wp-block-latest-comments__comment-link:hover {
    color: #005b7f !important; 
    background-color: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
}

/* 日期处理：向左顶格 */
.wp-block-latest-comments__comment-date {
    display: block !important;
    padding-left: 0 !important;
    font-size: 11px !important;
    color: #cbd5e1 !important;
    margin-bottom: 8px !important;
}

/* 5. 评论摘要正文排版：彻底消除左边空白 */
.wp-block-latest-comments__comment-excerpt {
    margin: 0 !important;
    padding: 0 !important;
}
.wp-block-latest-comments__comment-excerpt p {
    font-size: 13px !important;
    color: #334155 !important; 
    margin: 0 !important;
    line-height: 1.6 !important;
    padding-left: 0 !important; 
}


/* 核心样式：强制单行 + 溢出隐藏 */
.spec-truncate .elementor-widget-container .elementor-icon-list-item {
    white-space: nowrap !important; /* 强制不换行 */
    overflow: hidden !important; /* 溢出部分隐藏 */
}

/* 针对文字链接本身的控制 */
.spec-truncate .elementor-widget-container .elementor-icon-list-item a {
    display: inline-block !important; /* 必须是行内块级 */
    max-width: calc(100% - 30px) !important; /* 预留图标位置，防止挤到图标上 */
    overflow: hidden !important;
    text-overflow: ellipsis !important; /* 显示省略号 */
    white-space: nowrap !important;
}

/* 可选：如果不想要省略号，只是单纯隐藏 */
/* .spec-truncate .elementor-widget-container .elementor-icon-list-item a {
    text-overflow: clip !important;
} */

/* ==========================================================================
   一、底部价值强化模块 (SaaS 质感卡片版 - 强制覆盖生效版)
   ========================================================================== */
body .dm-value-section {
    width: 100vw !important; 
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important; /* ★ 终极居中对齐，不受滚动条干扰 */
    margin-left: 0 !important; 
    margin-right: 0 !important;
    background: linear-gradient(180deg, #ffffff 0%, #e2e8f0 100%) !important; /* 加深灰蓝底色 */
    padding: 80px 0 !important;
    border-top: 1px solid #f1f5f9 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif !important;
    box-sizing: border-box !important;
}

body .dm-value-container {
    max-width: 1280px !important; 
    margin: 0 auto !important;
    padding: 0 24px !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
}

/* 独立价值卡片 */
body .dm-value-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 32px 24px !important;
    background: #ffffff !important; 
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 15px -3px rgba(15, 23, 42, 0.03) !important; 
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body .dm-value-card:hover {
    border-color: #bfdbfe !important;
    box-shadow: 0 15px 30px -8px rgba(37, 99, 235, 0.12) !important;
    transform: translateY(-4px) !important;
}

/* 图标容器 */
body .dm-value-icon {
    width: 56px !important;
    height: 56px !important;
    background: #eff6ff !important;
    color: #2563eb !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 24px !important;
    margin-bottom: 24px !important;
    transition: all 0.3s ease !important;
}

body .dm-value-card:hover .dm-value-icon {
    background: #2563eb !important;
    color: #ffffff !important;
    transform: scale(1.05) rotate(-5deg) !important; 
}

body .dm-value-title {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 12px 0 !important;
    letter-spacing: 0.5px !important;
}

body .dm-value-desc {
    font-size: 14px !important;
    color: #64748b !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    text-align: left !important;
}

/* ==========================================================================
   二、彻底消灭 Astra 主题自带的底部空白墙
   ========================================================================== */
.site-content { padding-bottom: 0 !important; margin-bottom: 0 !important; }
.site-footer, 
#colophon, 
.ast-footer-wrapper, 
.footer-widget-area, 
.ast-footer-html-widget, 
.widget_custom_html {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* ==========================================================================
   三、企业级页脚 (Grid + Flexbox 重构版 + 完美全宽防错位)
   ========================================================================== */
body .site-footer-wrap {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important; /* ★ 终极居中对齐，不受滚动条干扰 */
    margin-left: 0 !important;
    margin-right: 0 !important;
    background-color: #050b14 !important;
    color: #8b9eb0 !important;
    padding: 72px 0 24px !important;
    border-top: 1px solid #1e293b !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

body .site-footer-wrap::before {
    content: '' !important;
    position: absolute !important;
    top: -1px !important;
    left: 0 !important;
    width: 100% !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent 0%, #2563eb 50%, transparent 100%) !important;
    opacity: 0.6 !important;
}

body .footer-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

body .footer-top {
    display: grid !important;
    grid-template-columns: 3.5fr 2fr 2fr 2.5fr !important;
    gap: 30px !important;
    margin-bottom: 24px !important; 
    width: 100% !important;
}

body .footer-brand { display: flex !important; flex-direction: column !important; gap: 20px !important; }
body .footer-logo { display: flex !important; align-items: center !important; gap: 12px !important; }
body .footer-logo img { height: 38px !important; width: auto !important; border: none !important; box-shadow: none !important; }
body .footer-logo h3 { color: #fff !important; font-size: 20px !important; font-weight: 800 !important; margin: 0 !important; letter-spacing: 0.5px !important; }
body .footer-desc { font-size: 14px !important; line-height: 1.8 !important; margin: 0 !important; color: #8b9eb0 !important; text-align: justify !important; }

body .footer-contact { display: flex !important; flex-direction: column !important; gap: 10px !important; margin-top: auto !important; }
body .footer-contact-item { display: flex !important; align-items: center !important; gap: 10px !important; font-size: 14px !important; color: #cbd5e1 !important; line-height: 1.5 !important; }

body .footer-contact-item svg,
body .footer-contact-item i { 
    width: 16px !important; 
    height: 16px !important; 
    font-size: 16px !important; 
    color: #2563eb !important; 
    flex-shrink: 0 !important; 
    display: block !important; 
    text-align: center !important;
}

body .footer-nav { justify-self: center !important; }
body .footer-nav h4, body .footer-qr h5 { color: #f8fafc !important; font-size: 16px !important; font-weight: 600 !important; margin: 0 0 20px 0 !important; letter-spacing: 0.5px !important; }
body .footer-nav ul { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 12px !important; }
body .footer-nav ul li a { color: #8b9eb0 !important; font-size: 14px !important; text-decoration: none !important; transition: all 0.3s ease !important; display: inline-flex !important; align-items: center !important; }
body .footer-nav ul li a::before { content: '›' !important; margin-right: 8px !important; color: #334155 !important; transition: all 0.3s ease !important; font-size: 16px !important; }
body .footer-nav ul li a:hover { color: #fff !important; transform: translateX(5px) !important; }
body .footer-nav ul li a:hover::before { color: #2563eb !important; }

body .footer-qr { 
    display: flex !important; 
    flex-direction: column !important; 
    align-items: flex-start !important; 
    justify-self: end !important;      
}

body .footer-qr-box { 
    background: #0f172a !important; 
    border: 1px solid #1e293b !important; 
    padding: 12px !important; 
    border-radius: 12px !important; 
    display: inline-block !important; 
    margin-bottom: 12px !important; 
}

body .footer-qr-box img { 
    width: 100px !important; 
    height: 100px !important; 
    border-radius: 6px !important; 
    display: block !important; 
}

body .footer-qr p { font-size: 13px !important; margin: 0 !important; color: #64748b !important; line-height: 1.6 !important; }

body .footer-bottom {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-top: 1px solid #1e293b !important;
    padding-top: 24px !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
}

/* ★ 核心修复：版权区焊死不换行 ★ */
body .footer-copyright { 
    font-size: 13px !important; 
    display: flex !important; 
    flex-direction: row !important; 
    align-items: center !important; 
    justify-content: flex-start !important;
    gap: 16px !important; 
    flex-wrap: nowrap !important; /* 彻底禁止换行 */
    white-space: nowrap !important; /* 彻底禁止文本断行 */
}

body .footer-copyright br { display: none !important; }

body .footer-copyright > * {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

body .footer-copyright span { color: #64748b !important; }
body .footer-copyright a { color: #94a3b8 !important; text-decoration: none !important; transition: color 0.3s ease !important; gap: 6px !important; }

body .footer-copyright a svg,
body .footer-copyright a i { 
    width: 14px !important; 
    height: 14px !important; 
    font-size: 14px !important;
    color: #2563eb !important;
    flex-shrink: 0 !important; 
}
body .footer-copyright a:hover { color: #fff !important; }

body .footer-links { display: flex !important; align-items: center !important; gap: 24px !important; }
body .footer-links a { font-size: 13px !important; color: #8b9eb0 !important; text-decoration: none !important; transition: color 0.3s ease !important; }
body .footer-links a:hover { color: #fff !important; }

/* ==========================================================================
   四、双端响应式断点适配
   ========================================================================== */
@media (max-width: 1024px) {
    body .dm-value-container { grid-template-columns: repeat(2, 1fr) !important; gap: 20px !important; }

    body .footer-top { grid-template-columns: 1fr 1fr !important; gap: 30px !important; }
    body .footer-brand { grid-column: 1 / -1 !important; align-items: center !important; text-align: center !important; }
    body .footer-desc { text-align: center !important; }
    body .footer-nav { justify-self: center !important; }
    body .footer-qr { 
        grid-column: 1 / -1 !important; 
        flex-direction: column !important; 
        align-items: center !important; 
        justify-content: center !important; 
        text-align: center !important; 
        width: 100% !important;
        border-top: 1px dashed #1e293b !important; 
        padding-top: 30px !important; 
    }
    body .footer-qr h5 { margin-bottom: 12px !important; text-align: center !important; }
    body .footer-qr-box { margin-bottom: 12px !important; }
}

@media (max-width: 768px) {
    body .dm-value-section { padding: 50px 0 !important; }
    body .dm-value-container { grid-template-columns: 1fr !important; gap: 16px !important; }
    body .dm-value-card { flex-direction: row !important; align-items: center !important; padding: 24px !important; gap: 20px !important; }
    body .dm-value-icon { width: 48px !important; height: 48px !important; font-size: 20px !important; margin-bottom: 0 !important; flex-shrink: 0 !important; }
    body .dm-value-text-wrap { display: flex !important; flex-direction: column !important; }
    body .dm-value-title { font-size: 16px !important; margin-bottom: 6px !important; }
    body .dm-value-desc { font-size: 13px !important; }

    body .site-footer-wrap { padding: 40px 0 20px !important; }
    body .footer-top { gap: 30px 10px !important; margin-bottom: 25px !important; }
    body .footer-qr { padding-top: 25px !important; }
    
    body .footer-bottom { 
        flex-direction: column !important; 
        text-align: center !important; 
        justify-content: center !important; 
        gap: 16px !important; 
    }
    /* 手机端版权区允许折行居中 */
    body .footer-copyright {
        flex-wrap: wrap !important;
        justify-content: center !important;
        white-space: normal !important;
        gap: 10px !important; 
    }
    body .footer-links { flex-wrap: wrap !important; justify-content: center !important; gap: 16px !important; }
}