/* ============================================================
   肿瘤内容中心（肿瘤资讯 / 肿瘤知识库 / 肿瘤治疗）前台样式
   依赖 css/style.css 的 :root 变量，仅追加不覆盖
   ============================================================ */

/* ---------- 分类宫格（知识库/治疗首页） ---------- */
.cate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;}
.cate-grid .cate-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:.9rem .8rem;display:block;color:var(--text);transition:all .2s;border:1px solid transparent;}
.cate-grid .cate-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-2px);}
.cate-grid .cate-card .cate-name{font-size:.9rem;font-weight:600;margin-bottom:.25rem;display:flex;align-items:center;gap:.35rem;}
.cate-grid .cate-card .cate-name::before{content:'';width:6px;height:6px;background:var(--primary);border-radius:50%;flex-shrink:0;}
.cate-grid .cate-card .cate-count{font-size:.72rem;color:var(--text-lighter);}
.cate-grid .cate-card .cate-desc{font-size:.74rem;color:var(--text-light);margin-top:.25rem;line-height:1.5;}

.cate-intro{background:var(--primary-light);border-radius:var(--radius);padding:.9rem 1rem;margin-bottom:.9rem;}
.cate-intro h1{font-size:1.05rem;color:var(--text);margin-bottom:.3rem;}
.cate-intro p{font-size:.8rem;color:var(--text-light);line-height:1.6;}

/* ---------- 模块切换条 ---------- */
.module-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.25rem 0;}
.module-tabs a{padding:.4rem .85rem;background:#f0f2f5;border-radius:20px;font-size:.8rem;color:#666;white-space:nowrap;transition:all .2s;text-decoration:none;}
.module-tabs a.active{background:var(--primary);color:#fff;}
.module-tabs a:hover{background:#e0e3e8;}

/* ---------- 面包屑 ---------- */
.crumbs{font-size:.75rem;color:var(--text-lighter);padding:.6rem .75rem 0;}
.crumbs a{color:var(--text-lighter);text-decoration:none;}
.crumbs a:hover{color:var(--primary);}
.crumbs .sep{margin:0 .3rem;}

/* ---------- 文章详情 ---------- */
.article-wrap{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem .9rem;margin-top:.75rem;}
.article-wrap h1.article-title{font-size:1.15rem;line-height:1.5;color:var(--text);margin-bottom:.6rem;}
.article-meta{display:flex;flex-wrap:wrap;gap:.8rem;font-size:.72rem;color:var(--text-lighter);padding-bottom:.7rem;border-bottom:1px solid var(--border);margin-bottom:.9rem;}
.article-meta .tag-cate{background:var(--primary-light);color:var(--primary);padding:.1rem .5rem;border-radius:10px;}
.article-content{font-size:.86rem;line-height:1.9;color:#333;word-break:break-word;}
.article-content p{margin-bottom:.8rem;}
.article-content h2,.article-content h3,.article-content h4{margin:1.1rem 0 .5rem;color:var(--text);line-height:1.5;}
.article-content h2{font-size:1rem;padding-left:.5rem;border-left:4px solid var(--primary);}
.article-content h3{font-size:.92rem;}
.article-content h4{font-size:.86rem;}
/* 恢复正文列表序号（style.css 全局 ul,ol{list-style:none} 的例外） */
.article-content ul,.article-content ol{padding-left:1.4rem;margin-bottom:.8rem;}
.article-content ul{list-style:disc;}
.article-content ol{list-style:decimal;}
.article-content li{margin-bottom:.3rem;}
.article-content img{max-width:100%;height:auto;border-radius:6px;}
.article-content blockquote{border-left:4px solid var(--primary-light);background:#fafbfd;padding:.6rem .8rem;margin:0 0 .8rem;color:var(--text-light);border-radius:0 6px 6px 0;}
.article-content a{color:var(--primary);}
.article-footer-tip{margin-top:1rem;padding:.7rem .8rem;background:#fff8e6;border-radius:8px;font-size:.74rem;color:#8a6d3b;line-height:1.6;}

/* ---------- 浏览量计数（由 js/views.js 实时刷新） ---------- */
.pm-views{font-variant-numeric:tabular-nums;font-weight:600;color:var(--primary);}

/* ---------- 医院介绍正文（复用正文排版，覆盖 style.css 的 ul,ol{list-style:none}） ---------- */
.hospital-desc p{margin:0 0 .7rem;}
.hospital-desc p:last-child{margin-bottom:0;}
.hospital-desc h2,.hospital-desc h3,.hospital-desc h4{margin:1rem 0 .5rem;color:var(--text);line-height:1.5;}
.hospital-desc h2{font-size:1rem;padding-left:.5rem;border-left:4px solid var(--primary);}
.hospital-desc h3{font-size:.94rem;}
.hospital-desc h4{font-size:.88rem;}
.hospital-desc ul,.hospital-desc ol{padding-left:1.4rem;margin:0 0 .7rem;}
.hospital-desc ul{list-style:disc;}
.hospital-desc ol{list-style:decimal;}
.hospital-desc li{margin-bottom:.3rem;}
.hospital-desc blockquote{border-left:4px solid var(--primary-light);background:#fafbfd;padding:.6rem .8rem;margin:0 0 .7rem;color:var(--text-light);border-radius:0 6px 6px 0;}
.hospital-desc strong{font-weight:700;}

/* ---------- 相关阅读 ---------- */
.related-box{margin-top:1rem;}
.related-box h2{font-size:.95rem;margin-bottom:.6rem;}
.related-list a{display:block;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:.7rem .8rem;margin-bottom:.5rem;font-size:.82rem;color:var(--text);text-decoration:none;line-height:1.5;}
.related-list a:hover{color:var(--primary);}
.related-list a .rel-meta{font-size:.7rem;color:var(--text-lighter);margin-top:.2rem;}

/* ---------- 空状态 ---------- */
.cate-empty{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem 1rem;text-align:center;color:var(--text-lighter);font-size:.82rem;}

/* ---------- 响应式 ---------- */
@media (min-width:768px){
  .cate-grid{grid-template-columns:repeat(4,1fr);}
  .article-wrap{padding:1.75rem 2rem;}
  .article-content{font-size:.9rem;}
  .crumbs{padding:.8rem 2rem 0;max-width:960px;margin:0 auto;}
  .related-box{max-width:960px;margin:1rem auto 0;}
}
@media (min-width:1200px){
  .cate-grid{grid-template-columns:repeat(5,1fr);}
}