/* 邯郸市瓦罗兰网络科技有限公司 - 企业官网样式表（补充资讯页样式） */

/* ===== 资讯列表页 ===== */
.blg{background:var(--bgs)}
.blg-hd{margin-bottom:2.5rem}
.blg-hd h1{font-size:2rem;margin-bottom:8px}
.blg-hd p{color:var(--ts);font-size:.95rem}
.blg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.blg-card{background:#fff;border:1px solid var(--g50);border-radius:var(--rl);overflow:hidden;transition:var(--tr);box-shadow:var(--sx)}
.blg-card:hover{box-shadow:var(--smd);transform:translateY(-4px)}
.blg-img{height:200px;background:var(--bgg);display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--p);position:relative;overflow:hidden}
.blg-img .tag{position:absolute;top:12px;left:12px;background:var(--p);color:#fff;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:600}
.blg-body{padding:22px}
.blg-body .date{font-size:.78rem;color:var(--tt);margin-bottom:6px}
.blg-body h3{font-size:1.05rem;margin-bottom:8px;line-height:1.4}
.blg-body h3 a{color:var(--t);transition:var(--tr)}
.blg-body h3 a:hover{color:var(--p)}
.blg-body p{font-size:.84rem;color:var(--ts);line-height:1.6;margin-bottom:12px}
.blg-body .rm{color:var(--p);font-weight:600;font-size:.84rem;display:inline-flex;align-items:center;gap:4px;transition:var(--tr)}
.blg-body .rm:hover{gap:8px}

/* ===== 资讯详情页 ===== */
.article-wrap{padding:70px 0}
.article-container{max-width:800px;margin:0 auto;padding:0 20px}
.article-hd{margin-bottom:32px}
.article-hd .bread{font-size:.82rem;color:var(--tt);margin-bottom:10px}
.article-hd .bread a{color:var(--p)}
.article-hd .bread a:hover{text-decoration:underline}
.article-hd .bread .sep{margin:0 6px;color:var(--g300)}
.article-hd h1{font-size:1.8rem;letter-spacing:-.3px;margin-bottom:10px}
.article-hd .meta{font-size:.82rem;color:var(--tt);display:flex;gap:16px;flex-wrap:wrap}
.article-hd .meta span{display:inline-flex;align-items:center;gap:4px}
.article-body{font-size:.96rem;line-height:1.85;color:var(--t)}
.article-body h2{font-size:1.3rem;margin:32px 0 14px}
.article-body h3{font-size:1.1rem;margin:24px 0 10px}
.article-body p{margin-bottom:16px;color:var(--ts)}
.article-body ul,.article-body ol{padding-left:24px;margin-bottom:16px;color:var(--ts)}
.article-body li{margin-bottom:6px}
.article-body .highlight-box{background:var(--bgg);border-left:4px solid var(--p);padding:20px;border-radius:0 var(--rs) var(--rs) 0;margin:24px 0}
.article-body .highlight-box p{color:var(--t);margin:0;font-weight:500}
.article-nav{border-top:1px solid var(--g100);margin-top:40px;padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}
.article-nav a{color:var(--p);font-size:.88rem;max-width:45%}
.article-nav a:hover{text-decoration:underline}
.article-nav .prev::before{content:'← '}
.article-nav .next::after{content:' →'}
.article-nav .disabled{color:var(--g300);pointer-events:none}

@media(max-width:768px){
.blg-grid{grid-template-columns:1fr}
.blg-img{height:180px}
.article-hd h1{font-size:1.4rem}
.article-container{padding:0 16px}
.article-nav{flex-direction:column}
.article-nav a{max-width:100%}
}