@charset "utf-8";
/* ==========================================================================
   cj4 全局版心 over.css（原名 all.css，为了不和别处重名而改名）
   做什么：把「页面多宽、左右留白多少、主栏和右栏各占多少」集中在这里，
   首页 / 列表页 / 文章页 / 频道页都用同一套数值，改一处全站对齐。
   参考老模板 cj3.css 的思路（一个全局样式管版心），但只保留需要的部分。
   加载顺序：base.css → over.css → skin.css（skin 只改颜色和细节，不再管宽度）。
   ========================================================================== */

/* ---------- 全站字根（新首页 / 文章首页 / 列表页 / 文章页共用） ----------
   大白话：整站的字体、间距、圆角都按「rem」来写，这里的字根一变，它们跟着等比缩放。
   手机最小时 13px，所以最小字号不低于 0.7rem（约 9.1px），再小就真的看不清了。
   屏幕越宽字根越大，页面自动呼吸，不再到处写媒体查询。 */
html{font-size:13px; -webkit-text-size-adjust:100%;}
@media (min-width:768px){html{font-size:14px;}}
@media (min-width:1300px){html{font-size:16px;}}
@media (min-width:1930px){html{font-size:18px;}}

:root{
  --c4-maxw:1560px;      /* 版心最大宽度，和首页 --maxw 一致 */
  --c4-gutter:3rem;    /* 左右留白，和首页 --gutter 一致（48px @10px 根字号） */
  --c4-side:23.75rem;       /* 右侧栏宽度：老模板是 400px，这里按 1560 版心取 380px */
  --c4-gap:2rem;       /* 主栏与右栏之间的间隔 */
}

/* 版心：所有页面共用 */
.cj_wrap{width:min(var(--c4-maxw),calc(100% - var(--c4-gutter) * 2)); max-width:none; margin:0 auto;}
.cj_wrap_p{padding:0;}
/* 顶栏整条通栏，但里面内容与版心对齐（logo 左边缘、搜索框右边缘都落在版心线上） */
.top_wrap{width:min(var(--c4-maxw),calc(100% - var(--c4-gutter) * 2)); margin:0 auto;}
.top_wrap_p{padding:0;}

/* 列表 / 文章：主栏自适应 + 固定右栏。改右栏宽窄只改 --c4-side 一个数 */
.cj_ar_box{display:grid; grid-template-columns:minmax(0,1fr) var(--c4-side); gap:var(--c4-gap); align-items:start; margin-bottom:1.25rem;}
.ar_c_l,.cj_list_l{min-width:0; width:auto;}
.cj_list_r,.ar_c_r{width:auto; min-width:0;}

/* 页脚同样收进版心，避免和正文左右边线对不齐 */
.cj_footer{width:min(var(--c4-maxw),calc(100% - var(--c4-gutter) * 2)); max-width:none; margin:0 auto; padding:2.125rem 0;}

/* ---------- 全站统一页脚（和首页同一套设计，列表/文章页直接复用） ----------
   页脚的字号、间距、圆角也全部用 rem，跟着上面的字根一起缩放；
   1300px 以上按 16px 字根，和老版页脚的观感保持一致。 */
.footer .container{width:min(1560px,calc(100% - 96px)); margin:0 auto;}
.footer{border-top:0.0625rem solid rgba(236,226,207,.1); background:linear-gradient(180deg,rgba(9,13,18,.62),rgba(6,9,13,.94)); padding:5.25rem 0 0; position:relative; overflow:hidden;}
.foot-watermark{position:absolute; right:0; top:2.375rem; font-family:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif; font-size:11.25rem; line-height:1; letter-spacing:.1em; color:rgba(236,226,207,.045); pointer-events:none; user-select:none;}
.footer-top{display:grid; grid-template-columns:minmax(0,1.9fr) minmax(0,1fr); gap:3.5rem; align-items:start; padding-bottom:2.875rem; border-bottom:0.0625rem solid rgba(236,226,207,.06);}
.foot-brand .seal{width:44px; height:44px; box-sizing:border-box; font-size:1.375rem;}
.foot-word{font-family:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif; font-size:4.625rem; font-weight:600; letter-spacing:.14em; line-height:1; margin-top:1.375rem; color:#ece2cf;}
.foot-word em{font-style:normal; color:transparent; -webkit-text-stroke:1px rgba(236,226,207,.28);}
.foot-lede{margin:1.125rem 0 0; max-width:520px; font-size:0.95rem; line-height:1.875rem; color:#a6a29a;}
.foot-qr{display:flex; align-items:center; gap:1rem; margin-top:1.5rem;}
.foot-qr img{width:104px; height:104px; padding:0.3125rem; box-sizing:border-box; border:1px solid rgba(236,226,207,.12); background:#f4f0e8; object-fit:contain; border-radius:0.1875rem;}
.foot-qr b{display:block; font-family:"SF Mono",Consolas,monospace; font-size:0.9375rem; line-height:1.375rem; letter-spacing:.08em; color:#cfc4ae; font-weight:400;}
.foot-qr span{display:block; margin-top:0.3125rem; font-size:0.875rem; line-height:1.375rem; color:#8b8f96;}
.foot-cols{display:grid; grid-template-columns:1fr 1fr; gap:3.5rem; padding-top:0.625rem;}
.foot-col b{display:block; font-family:"SF Mono",Consolas,monospace; font-size:0.75rem; line-height:1.125rem; letter-spacing:.2em; color:#8b8f96; font-weight:400; margin-bottom:1rem;}
.foot-col a{display:block; padding:0.375rem 0; font-size:0.8125rem; line-height:1.5rem; color:#cfc4ae; transition:color .25s, transform .25s;}
.foot-col a:hover{color:#e9b87c; transform:translateX(2px);}
.foot-bottom{display:flex; align-items:center; justify-content:space-between; gap:1.5rem; padding:1.375rem 4.5rem 1.375rem 0; font-size:0.75rem; line-height:1.375rem; letter-spacing:.04em; color:#8b8f96;}
.foot-bottom .fb-right{display:flex; align-items:center; gap:1.125rem; font-family:"SF Mono",Consolas,monospace; font-size:0.75rem; letter-spacing:.1em; color:#8b8f96;}
.foot-bottom a:hover{color:#e9b87c;}

/* 平板 / 手机：右栏落到主栏下方，改成单列 */
@media (max-width:1200px){
  .cj_ar_box{grid-template-columns:minmax(0,1fr);}
  .cj_list_r,.ar_c_r{margin-top:1.5rem;}
}
@media (max-width:768px){
  :root{--c4-gutter:0.75rem; --c4-gap:1.35rem;}
  /* 手机上横向空间最宝贵：版心留白收窄，老模板额外加的 padding 也去掉，避免两边叠成两层留白 */
  .cj_wrap{padding:0;}
  .footer .container{width:calc(100% - 32px);}
  .footer{padding:3rem 0 0;}
  .footer-top{grid-template-columns:minmax(0,1fr); gap:1.75rem; padding-bottom:1.625rem;}
  .foot-brand .seal{width:36px; height:36px; font-size:1.125rem;}
  .foot-word{font-size:2.5rem; margin-top:1.125rem;}
  .foot-lede{font-size:0.9375rem; line-height:1.5625rem; margin-top:1rem;}
  .foot-qr img{width:76px; height:76px;}
  .foot-qr b{font-size:0.8125rem; line-height:1.25rem;}
  .foot-qr span{font-size:0.75rem; line-height:1.25rem;}
  .foot-cols{grid-template-columns:1fr 1fr; gap:1.5rem; padding-top:0;}
  .foot-col b{font-size:0.75rem; margin-bottom:0.75rem;}
  .foot-col a{padding:0.3125rem 0; font-size:0.875rem; line-height:1.375rem;}
  .foot-bottom{flex-direction:column; align-items:flex-start; gap:0.625rem; padding:1rem 3rem 1.125rem 0; font-size:0.8125rem; line-height:1.8;} /* 右边留出空位，免得右下角回顶按钮压住版权文字 */
  .foot-watermark{display:none;}
}