/* ============================================================
   前台通用主题样式（配合 Bootstrap 4.6）
   电脑端 / 平板 / 手机 自适应
   ============================================================ */
:root{
  --main:#c8161d;
  --main-dark:#a01218;
  --ink:#222;
  --muted:#888;
  --line:#eee;
  --bg:#f5f6f8;
}
*{box-sizing:border-box}
body{
  font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;
  color:var(--ink);
  background:var(--bg);
  margin:0;
}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:none;color:var(--main)}
img{max-width:100%;height:auto}

/* 顶部导航 */
.site-header{background:#fff;border-bottom:2px solid var(--main);position:sticky;top:0;z-index:1030}
.site-header .navbar-brand{font-size:1.3rem;font-weight:700;color:var(--main)}
.site-header .navbar-brand:hover{color:var(--main-dark)}
.site-search .form-control{border-radius:20px 0 0 20px;border-right:0}
.site-search .btn{border-radius:0 20px 20px 0;background:var(--main);border-color:var(--main);color:#fff}
.site-search .btn:hover{background:var(--main-dark);border-color:var(--main-dark)}

/* 栏目导航 */
.type-nav{background:#fff;border-bottom:1px solid var(--line)}
.type-nav .nav-scroll{display:flex;flex-wrap:wrap;gap:.25rem .5rem;padding:.6rem 0;overflow-x:auto}
.type-nav a{
  display:inline-block;padding:.3rem .9rem;border-radius:20px;color:#555;
  white-space:nowrap;font-size:.95rem;transition:.15s;
}
.type-nav a:hover{background:var(--bg);color:var(--main)}
.type-nav a.active{background:var(--main);color:#fff}

/* 期刊卡片 */
.maga-grid{margin-top:1.2rem;margin-bottom:1.2rem}
.maga-card{
  display:block;background:#fff;border-radius:8px;overflow:hidden;
  box-shadow:0 1px 4px rgba(0,0,0,.06);transition:.2s;height:100%;
}
.maga-card:hover{transform:translateY(-4px);box-shadow:0 6px 18px rgba(0,0,0,.12)}
.maga-cover{position:relative;padding-top:140%;overflow:hidden;background:#f0f0f0}
.maga-cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.maga-badge{
  position:absolute;top:8px;left:8px;background:rgba(0,0,0,.55);color:#fff;
  font-size:.72rem;padding:.1rem .45rem;border-radius:3px;
}
.maga-badge.ext{background:var(--main)}
.maga-body{padding:.6rem .7rem}
.maga-title{font-size:.92rem;line-height:1.35;color:var(--ink);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
.maga-meta{font-size:.76rem;color:var(--muted);margin-top:.3rem}

/* 提示条 */
.info-bar{background:#fff;border-left:4px solid var(--main);padding:.6rem 1rem;border-radius:4px;margin:1rem 0;font-size:.9rem}
.info-bar b{color:var(--main)}

/* 页脚 */
.site-footer{background:#2b2b2b;color:#bbb;padding:1.4rem 0;margin-top:2rem;font-size:.85rem;line-height:1.9;text-align:center}
.site-footer a{color:#ddd}
.site-footer a:hover{color:#fff}

/* 分页 */
.pagination .page-link{color:var(--main)}
.pagination .page-item.active .page-link{background:var(--main);border-color:var(--main);color:#fff}

@media (max-width:575.98px){
  .site-header .navbar-brand{font-size:1.1rem}
  .maga-title{font-size:.85rem}
}