/* 麒典 · 页脚样式（只抽 footer 规则）· 2026-09-04
   ------------------------------------------------------------------
   给那 6 个原本没有页脚的公开页用：3 个 OFFICIAL SOURCE 文档和 3 个
   demo 子页，它们各自带一套样式表，都不认 .footer 这批 class，
   加完页脚实测是裸的（背景透明、padding 0、grid 塌成 block）。
   来源是 site.css + qidian-system.css，也就是那 147 页真正拿到的那份；
   只留选择器里带 footer 的那部分，够不着正文；@media 块保留，
   否则手机上页脚不会竖排。 */
.footer{background:#090f15;color:#9A9384;padding:34px 0}
.footer-grid{display:flex;justify-content:space-between;gap:30px;align-items:center}
.footer a{text-decoration:none}
@media(max-width:620px){
  .footer-grid{align-items:flex-start;flex-direction:column}
}
.footer{border-top: 1px solid rgba(255, 253, 248, .16);
  background: #0a1118;
  color: rgba(255, 253, 248, .62);}
.footer a:hover{color: #fafaf7;}
.footer-company,.footer-meta{display: grid;
  gap: 6px;}
.footer-company b{color: #fafaf7;}
.footer-company span,.footer-meta span{font-size: 12px;
  line-height: 1.6;}
.footer-links{display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;}

/* .shell 给页脚 1240 版心，选择器里没有 footer 字样所以没被抽出来；
   这里只对页脚里的那一个生效，够不着别处 */
.footer .shell,.footer-grid.shell{width:min(1240px,92vw);margin:auto;padding:0}

/* 页脚跟首页同一套星河色 */
.footer{background:#0a1118!important;border-top:1px solid rgba(196,151,73,.14)!important;padding:38px 0!important}

/* consult 把页脚排成三栏，那条规则带页面作用域(body[data-qidian-page])，
   比普通 .footer-grid 权重高，再晚加载也压不过，所以这里用 !important */
.footer-grid{display:flex!important;grid-template-columns:none!important;padding:0!important;align-items:center!important;gap:30px!important;font-size:inherit!important}

/* 链接底色 —— 这些页面不加载 site.css，没有 a{color:inherit}，
   不写死就会掉回浏览器默认的蓝色和已访问紫色 */
.footer a{color:inherit!important;text-decoration:none}
.footer a:visited{color:inherit!important}
.footer-links a{color:rgba(255,253,248,.72)!important}
.footer-links a:hover{color:#fafaf7!important}

/* 页脚配色统一取首页那套（实测值，不用 --xh-* 变量：那些 token 定义在
   qidian-xh.css 里，除首页外没人加载，取不到就整条声明作废） */
.footer{color:#8798a5!important;border-top:1px solid rgba(240,236,228,.08)!important}
.footer-company b{color:#f4f3ef!important}
.footer-company span,.footer-meta span{color:#8798a5!important}
.footer a,.footer a:visited{color:#9A9384!important;text-decoration:none}
.footer a:hover{color:#f4f3ef!important}