/* 沉浸式头图 + 正文容器 + 标签云 + 支付盒 */
.post-hero{position:relative;height:45vh;min-height:350px;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}
.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:blur(5px) 
brightness(.8);transform:scale(1.05);z-index:1}
.hero-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to 
bottom,rgba(0,0,0,.2) 0%,rgba(0,0,0,.5) 100%);z-index:2}
.hero-content{position:relative;z-index:3;text-align:center;color:white;padding:0 
20px;max-width:850px;animation:fadeIn 1s ease}
.hero-title{font-size:2.8rem;font-weight:700;margin-bottom:15px;text-shadow:0 
2px 10px rgba(0,0,0,.5)}
.hero-desc{font-size:1.15rem;opacity:.95;line-height:1.6;margin-bottom:20px;text-shadow:0 
1px 5px rgba(0,0,0,.5)}
.post-container{max-width:850px;margin:-50px auto 
50px;position:relative;z-index:4;background:white;padding:50px;border-radius:15px;box-shadow:0 
15px 35px rgba(0,0,0,.1)}
.post-content{line-height:1.8;font-size:17.5px;color:#2c3e50}
.post-footer-tags{margin-top:20px}
.footer-title{font-size:1.4rem;color:#333;margin-bottom:20px;font-weight:600;text-align:center}
.tags-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.tag-item{padding:8px 
16px;background:#f5f7f9;color:#555;border-radius:20px;font-size:14px;text-decoration:none;transition:all 
.3s;border:1px solid transparent}
.tag-item:hover{background:#fff0f0;color:#ff5e57;border-color:#ff5e57;transform:translateY(-2px);box-shadow:0 
4px 10px rgba(255,94,87,.1)}
.tag-count{font-size:11px;opacity:.5;margin-left:4px}

/* 修改：减小 #payBox 顶部外边距，实现紧凑布局 */
#payBox{text-align:center;padding:35px;margin-top:10px;border-radius:12px;background:#f9f9f9;border:2px 
dashed #eee}

.pay-qr{margin:15px auto 25px;display:block;border:6px solid 
#fff;box-shadow:0 4px 12px rgba(0,0,0,.08);width:180px;border-radius:8px}
.pay-btn{width:48%;height:50px;font-size:16px;color:#fff;border:0;border-radius:8px;cursor:pointer;transition:.3s;font-weight:bold}
.btn-danger{background:#ff5e57}
.btn-success{background:#1dd1a1}
#btnGroup{display:flex;justify-content:center;gap:15px}
@keyframes 
fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:768px){.post-container{margin:-30px 15px 
30px;padding:25px}.hero-title{font-size:1.8rem}}


/* --- 新增：HBE 加密与支付模块紧凑布局覆盖样式 --- */

/* 强制消除 hexo-blog-encrypt 插件容器的默认外边距 */
.post-content .hbe-container {
    margin: 0 !important;
    padding: 0 !important;
}

/* 消除插件默认生成的段落 P 标签的底部外边距，让输入框紧贴上方的标题 */
.post-content .hbe-container p {
    margin-bottom: 5px !important; 
    margin-top: 15px !important; /* 调整标题与输入框的视觉间距 */
}

/* 确保密码输入框自身没有多余的外边距 */
#hbePass {
    margin: 0 !important;
}