/* ===========================================================
   国庆风格主题（body.theme-national）
   原则：只做覆盖，不改动 app.css —— 通过覆盖 CSS 变量让全站
   前台页面（首页 / 馆藏目录 / 栏目 / 详情 / 新闻 / 用户中心等）
   统一切换为红金配色；顶栏与页脚做少量结构性点缀。
   =========================================================== */

/* ---------- 全局变量：中国红 + 鎏金 ---------- */
body.theme-national{
  --brand:#c8102e;        /* 中国红 */
  --brand-soft:#fdf0f0;   /* 浅红底（导航当前项 / 下拉高亮，保持浅色） */
  --jade:#d9a021;         /* 鎏金（渐变点缀色的收尾） */
  --jade-soft:#fdf6e8;
}

/* ---------- 顶栏：暖白底 + 红金饰条 ---------- */
body.theme-national .site-header{
  background:#fffaf6;
  border-bottom-color:#f2ddc7;
}
body.theme-national .site-header::after{
  content:"";
  display:block;height:3px;
  background:linear-gradient(90deg,#c8102e,#e8b23a 50%,#c8102e);
}
body.theme-national .logo-mark{
  background:linear-gradient(135deg,#c8102e,#e8b23a);
  box-shadow:0 2px 6px -2px rgba(200,16,46,.55);
}

/* ---------- 首页 / 列表页大标题区 ---------- */
body.theme-national .catalog-head::before{
  background:
    radial-gradient(920px 300px at 18% -8%, rgba(200,16,46,.09), transparent 62%),
    radial-gradient(780px 280px at 84% 4%,  rgba(232,178,58,.12), transparent 64%),
    linear-gradient(180deg,#fffbf5 0%,#fdf6ef 58%,rgba(253,246,239,0) 100%);
}
body.theme-national .catalog-head h1::after{
  background:linear-gradient(90deg,#c8102e,#e8b23a 55%,#c8102e);
}
body.theme-national .catalog-search input[type=text]:focus{
  box-shadow:0 0 0 3px rgba(200,16,46,.10);
}
body.theme-national .pill.active{
  box-shadow:0 4px 12px -6px rgba(200,16,46,.7);
}

/* ---------- 书卡 / 分页 / 链接悬停（跟随变量自动变红，此处只补阴影） ---------- */
body.theme-national .book-card:hover .book-cover{
  box-shadow:0 12px 26px -16px rgba(17,19,21,.45),0 0 0 1px rgba(200,16,46,.28);
}
body.theme-national .pager li span.active,
body.theme-national .pager li a.active{
  box-shadow:0 4px 12px -6px rgba(200,16,46,.7);
}

/* ---------- 用户中心签到环 ---------- */
body.theme-national .signin-ring{
  background:conic-gradient(#e8b23a,#c8102e,#e8b23a);
}

/* ---------- 页脚：深红底 + 暖金文字 ---------- */
body.theme-national .footer{
  margin-top:64px;padding:34px 0 40px;border-top:0;
  background:linear-gradient(180deg,#a50d24,#c8102e);
  text-align:center;
}
body.theme-national .footer .container{color:#fbe6c8}
body.theme-national .footer a{color:#f7d9ad}
body.theme-national .footer a:hover{color:#ffffff}