/* diwuai 文章页 hero 过渡样式：封面图与标题分离（nginx 注入；前端组件改好后请删除本文件与 nginx 里的 <link>） */
div.mb-8.relative.overflow-hidden.rounded-xl{display:flex;flex-direction:column;min-height:0!important}
div.mb-8.relative.overflow-hidden.rounded-xl>div.absolute.inset-0{position:relative!important;inset:auto!important;height:236px;width:100%;border-radius:12px}
div.mb-8.relative.overflow-hidden.rounded-xl>div.absolute.inset-0+div.absolute{display:none!important}
div.mb-8.relative.overflow-hidden.rounded-xl>div.relative.z-10{position:relative!important;min-height:0!important;padding:18px 2px 0!important;color:inherit!important}
div.mb-8.relative.overflow-hidden.rounded-xl>div.relative.z-10>h1{color:inherit!important;text-shadow:none!important;filter:none!important;font-size:clamp(20px,2.1vw,27px);line-height:1.42;margin-bottom:12px!important}
div.mb-8.relative.overflow-hidden.rounded-xl>div.relative.z-10 .text-white{color:inherit!important;text-shadow:none!important}
div.mb-8.relative.overflow-hidden.rounded-xl>div.relative.z-10 span.bg-black\/50{background:rgba(127,127,127,.16)!important;color:inherit!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;text-shadow:none!important}
div.mb-8.relative.overflow-hidden.rounded-xl>div.relative.z-10 span.mx-3{color:inherit!important;opacity:.35;text-shadow:none!important}
div.mb-8.relative.overflow-hidden.rounded-xl>div.relative.z-10 i.fa{opacity:.7}
/* 列表/相关文章卡片标题：允许两行，别把标题截成半句（原来 whitespace-nowrap + overflow-hidden） */
h3.whitespace-nowrap{white-space:normal!important;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;line-height:1.5}