/* ==========================================================================
   1. 悬浮按钮样式
   ========================================================================== */
.reimu-float-btn {
    position: fixed;
    right: 30px !important; 
    width: 50px; 
    height: 50px;
    background-color: #55acee;
    border-radius: 50%;
    z-index: 2147483647 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.12); 
    cursor: pointer;
    display: flex; 
    align-items: center; 
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    transform: scale(1);
}

.reimu-float-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
}

.reimu-float-btn svg { 
    width: 24px; 
    height: 24px;
    transition: transform 0.3s ease !important;
}

/* 位置定义 */
.reimu-pos-bottom { bottom: 30px !important; }
.reimu-pos-middle { bottom: 95px !important; }

.reimu-pos-top {
    bottom: 160px !important;
    opacity: 0;
    pointer-events: none;
    transform: translateY(20px) scale(0.8) !important; 
}

.reimu-pos-top.show-btn {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) scale(1) !important; 
}

.reimu-pos-top.show-btn:hover {
    transform: translateY(0) scale(1.1) !important;
}

/* 📱 移动端适配 */
@media (max-width: 768px) {
    .reimu-float-btn { width: 45px; height: 45px; right: 20px !important; }
    .reimu-pos-bottom { bottom: 25px !important; }
    .reimu-pos-middle { bottom: 85px !important; }
    .reimu-pos-top { bottom: 145px !important; }
}

/* 强制隐藏 */
.reimu-float-btn.btn-force-hidden { 
    opacity: 0 !important; 
    visibility: hidden !important; 
    z-index: -1 !important; 
}

.pum-close { display: none !important; }


/* ==========================================================================
   2. 🔥 隐藏 Dracula Dark Mode 插件按钮 🔥
   ========================================================================== */
.dracula-toggle-wrap,
.dracula-toggle-wrap.floating,
div.dracula-toggle-wrap,
button.dracula-toggle,
button.dracula-toggle.dracula-ignore,
.toggle-icon-wrap.dracula-ignore,
.toggle-icon-wrap {
    position: fixed !important;
    left: -99999px !important;
    top: -99999px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
}


/* ==========================================================================
   3. 🔥🔥🔥 电脑端夜间模式 - 文章底部元数据背景修复 🔥🔥🔥
   ========================================================================== */




/* ==========================================================================
   4. 分页导航样式
   ========================================================================== */

/* 💻 电脑端 */
@media screen and (min-width: 769px) {
    html body .sfwppa-navi-style.sfwppa-style-5 .wp-pagenavi,
    html body .wp-pagenavi,
    body .wp-pagenavi {
        background-color: transparent !important;
        border: none !important;
        padding: 0 !important;
        display: flex !important;
        justify-content: center !important; 
        align-items: center !important;
        width: 100% !important;
        margin: 0 !important; 
        transform: translateY(30px) !important;
        position: relative !important;
        z-index: 10 !important; 
    }
}

/* 📱 手机端 */
@media screen and (max-width: 768px) {
    html body .sfwppa-navi-style.sfwppa-style-5 .wp-pagenavi,
    html body .wp-pagenavi,
    body .wp-pagenavi {
        background-color: transparent !important;
        border: none !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-wrap: wrap !important; 
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 0 40px !important;
        margin: 10px auto 40px auto !important; 
        transform: translateY(20px) !important;
    }
}

/* 按钮形状 */
html body .wp-pagenavi a, 
html body .wp-pagenavi span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;             
    height: 36px !important;            
    padding: 0 !important;              
    margin: 3px !important;
    border-radius: 4px !important;      
    line-height: 1 !important;
    text-decoration: none !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    flex-shrink: 0 !important; 
}

/* ☀️ 日间模式颜色 */
html body .wp-pagenavi a, 
html body .wp-pagenavi span {
    background-color: #f5f5f5 !important;
    color: #666 !important;
}

html body .wp-pagenavi a:hover,
html body .wp-pagenavi .current {
    background-color: #55acee !important; 
    color: #fff !important;
    border-color: #55acee !important;
}


/* ==========================================================================
   5. 全局隐藏"特色/置顶"标签
   ========================================================================== */
.sticky-post, 
span.sticky-post {
    display: none !important;
}


/* ==========================================================================
   6. 其他样式
   ========================================================================== */

/* 隐藏文章特色图片 */
.home .post-thumbnail, 
.blog .post-thumbnail, 
.single .post-thumbnail, 
.single-post .post-thumbnail { 
    display: none !important; 
}

.home .hentry.has-post-thumbnail, 
.blog .hentry.has-post-thumbnail, 
.single .hentry.has-post-thumbnail, 
.single-post .hentry.has-post-thumbnail { 
    padding-top: 6% !important; 
}

.home .entry-title, 
.blog .entry-title, 
.single .entry-title, 
.single-post .entry-title { 
    margin-bottom: 1em !important; 
}

.home .entry-content, 
.home .entry-summary, 
.blog .entry-content, 
.blog .entry-summary, 
.single .entry-content, 
.single .entry-summary, 
.single-post .entry-content, 
.single-post .entry-summary { 
    padding-bottom: 6% !important; 
}

.home .entry-footer, 
.blog .entry-footer, 
.single .entry-footer, 
.single-post .entry-footer { 
    padding-top: 4% !important; 
    padding-bottom: 4% !important; 
}

/* 订阅表单标签样式 */
.comment-form-comment-subscribe label, 
label[for="wprs_subscribe_to_comment"] { 
    font-size: 14px !important; 
    font-weight: 400 !important; 
    color: rgb(102, 102, 102) !important; 
    font-family: "Noto Sans", sans-serif !important; 
    line-height: 1.5 !important; 
    text-transform: none !important; 
    letter-spacing: normal !important; 
}

label[for*="subscribe"], 
.comment-form-subscribes label, 
.subscribe-to-comments label { 
    font-weight: normal !important; 
}

/* OwO 表情插件 */
.OwO .OwO-bar, .OwO-bar { 
    display: none !important; 
    height: 0 !important; 
    visibility: hidden !important; 
}

.OwO .OwO-body { width: 380px !important; }
.OwO .OwO-items .OwO-item img { width: 60px !important; height: 60px !important; }
.OwO .OwO-items { max-height: 280px !important; }

pre { display: none; }

/* 黑幕效果 */
.heimu, .heimu a, a .heimu, .heimu a.new { 
    background-color: #fff; 
    color: #fff; 
    text-shadow: none; 
}

.heimu:hover, .heimu:active, .heimu:hover .heimu, .heimu:active .heimu { 
    color: #000 !important; 
}

.heimu:hover a, a:hover .heimu, .heimu:active a, a:active .heimu { 
    color: inherit !important; 
}

.heimu:hover .new, .heimu .new:hover, .new:hover .heimu, 
.heimu:active .new, .heimu .new:active, .new:active .heimu { 
    color: #BA0000 !important; 
}


/* ==========================================================================
   7. 🔥 手机端文章防抖修复 🔥
   ========================================================================== */

.blog-post,
article,
.hentry,
.post,
.entry-title,
.entry-header,
.entry-content,
.entry-summary,
.entry-footer,
.entry-meta {
    box-sizing: border-box !important;
}

.entry-title,
.entry-title a {
    border: 0 solid transparent !important;
    outline: none !important;
}

.entry-meta,
.entry-footer,
.blog-post .section-footer {
    border: 1px solid transparent !important;
}

.blog-post,
article.post,
article.hentry {
    border: 0 solid transparent !important;
    outline: none !important;
}

@media (max-width: 768px) {
    .blog-post,
    article,
    .hentry {
        box-sizing: border-box !important;
        border: none !important;
        margin-bottom: 0 !important;
        padding-bottom: 20px !important;
    }
    
    .entry-title {
        margin-top: 0 !important;
        padding-top: 15px !important;
        border: none !important;
        line-height: 1.4 !important;
    }
    
    .entry-content,
    .entry-summary {
        border: none !important;
    }
    
    .entry-footer,
    .entry-meta {
        border-top: 1px solid rgba(0,0,0,0.1) !important;
        border-bottom: none !important;
        border-left: none !important;
        border-right: none !important;
    }
    
    article.post,
    article.hentry,
    .blog-post {
        margin: 0 0 15px 0 !important;
        padding: 15px !important;
        border-radius: 0 !important;
    }
    
    .entry-title,
    .entry-title a {
        line-height: 1.5 !important;
        letter-spacing: 0 !important;
    }
}

.sticky-post,
span.sticky-post,
.featured-post,
.post-label {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    line-height: 0 !important;
    font-size: 0 !important;
}


/* ==========================================================================
   9. WP ULike 通知消息颜色修改
   ========================================================================== */

/* 点赞成功 - 主题蓝色（原绿色） */
.wpulike-notification .wpulike-message.wpulike-success {
    background-color: #4e9eda !important;
}

/* 默认/取消点赞 - 灰蓝色（原深蓝色） */
.wpulike-notification .wpulike-message {
    background-color: #607D8B !important;
}

/* 信息提示 */
.wpulike-notification .wpulike-message.wpulike-info {
    background-color: #78909C !important;
}

/* 错误提示 - 保持红色但柔和一点 */
.wpulike-notification .wpulike-message.wpulike-error {
    background-color: #e57373 !important;
}

/* 警告提示 - 保持橙色 */
.wpulike-notification .wpulike-message.wpulike-warning {
    background-color: #ffb74d !important;
}

/* ===== 通知消息样式优化 ===== */
.wpulike-notification .wpulike-message {
    font-size: 15px !important;      /* 字体大小 */
    padding: 12px 18px !important;   /* 内边距 */
    border-radius: 8px !important;   /* 圆角 */
    font-weight: 500 !important;     /* 字重 */
    line-height: 1.4 !important;     /* 行高 */
    box-shadow: 0 3px 12px rgba(0,0,0,0.15) !important;  /* 阴影 */
}