
html,body{overflow-x:hidden}
body{font-size:14px}
.table td,.table th{white-space:nowrap;font-size:13px}
.content-wrapper{min-height:88vh}
.tip{color:#6c757d;font-size:12px}
/* 面包屑（2026-10-10 用户定：电脑上也是 14px，跟手机一样）：颜色照旧是 .tip 的灰，字号用正文的 14px（body 那一条）。
   四处面包屑 —— 词条页、历史版本列表、历史版本全文、分类页 —— 都挂 page-breadcrumb；别处的 .tip 小字不动 */
.page-breadcrumb{font-size:14px}
.brand-link{display:flex;align-items:center;gap:.5rem}
 
 
.kc-display-font{font-family:'Noto Serif SC','Source Han Serif SC',
  'Songti SC','STSong',serif}

 
.brand-text{font-family:'Noto Serif SC','Source Han Serif SC',
  'Songti SC','STSong',serif;font-weight:900;letter-spacing:.02em}
/* 侧栏顶部站标下面那条线（2026-10-03 用户定，跟通搜同一个做法）：不删，只把颜色改成透明 ——
   线和它占的 1 像素都还在，容器和布局不动。AdminLTE 是 [class*=sidebar-dark] .brand-link 这样写的，所以要 !important。 */
.brand-link{border-bottom-color:transparent!important}
/* 站标盒子（33×33 居中、收起时跟菜单图标对齐）在共享模块 tongsou-sidebar 里（2026-10-10，跟通搜同一份），这里只管盒子里那张 SVG 多大。 */
 
.brand-image svg{height:20px;width:auto;display:block}
.main-sidebar{min-height:100vh;border:0!important;box-shadow:inset -1px 0 0 #e3e6ea!important}
 
.main-sidebar .sidebar{padding-bottom:var(--kc-footh)}
body.dark-mode .main-sidebar{box-shadow:inset -1px 0 0 #3f474e!important}
.nav-sidebar .nav-link{border-radius:.25rem}
.nav-sidebar .nav-link,.nav-sidebar .nav-link:hover{box-shadow:none!important;text-shadow:none!important}
.nav-sidebar .nav-item>.nav-link{border-left:0!important;border-right:0!important;outline:0!important}
 
.content-wrapper{overflow-x:auto}
.content-wrapper>.content>.container-fluid{max-width:100%}
 
.table td a,.table td{word-break:break-word}
.table td.text-monospace{word-break:break-all}
 
.nav-sidebar .nav-treeview .nav-treeview>.nav-item>.nav-link{padding-left:2.5rem}
.nav-sidebar .nav-item>.nav-link::before,.nav-sidebar .nav-item>.nav-link::after{content:none!important}
.nav-sidebar .nav-link.active,.nav-sidebar .nav-link.active:hover,.nav-sidebar .nav-link.active:focus{background:#e3e3e3!important;color:#202124!important;box-shadow:none!important}
.nav-sidebar .nav-link.active i{color:#202124!important}
body.dark-mode .nav-sidebar .nav-link.active,body.dark-mode .nav-sidebar .nav-link.active:hover{background:#3a3f44!important;color:#e8eaed!important}
body.dark-mode .nav-sidebar .nav-link.active i{color:#e8eaed!important}
a:focus,button:focus,.nav-link:focus,.brand-link:focus{outline:0!important;box-shadow:none!important}
a:focus-visible,button:focus-visible{outline:2px solid #8ab4f8!important;outline-offset:-2px}
.kc-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#e3e3e3}
 
.kc-tkchat{height:auto;max-height:none;overflow:visible}
.kc-tkchat .direct-chat-text{white-space:pre-wrap;word-break:break-word}
 
.kc-rightbar{width:380px;overflow-y:auto}
body.control-sidebar-slide-open .kc-rightbar{display:block}
body.dark-mode .control-sidebar-light{background:#343a40;color:#e8eaed;
  border-left-color:#3f474e}    
body.dark-mode .control-sidebar-light .text-muted{color:#adb5bd!important}
 
.kc-rightbar-x{position:sticky;top:.5rem;float:right;margin:.5rem .5rem 0 0;z-index:2}
body.dark-mode .kc-rightbar-x{color:#adb5bd}
body.dark-mode .kc-rightbar-x:hover{color:#e8eaed}
@media(max-width:575px){.kc-rightbar{width:100%}}
 
 
.ts-form .form-control{border-color:#ced4da}
.ts-form .btn{border-color:#ced4da;color:#6c757d;background:none;border-left-color:transparent}
.ts-form .btn:hover{background:rgba(128,128,128,.12);color:#343a40}
body.dark-mode .ts-form .form-control,
body.dark-mode .ts-form .btn{border-color:#6c757d}
 
.ts-form .form-control::-webkit-search-cancel-button{ filter:grayscale(1); opacity:.45 }
.ts-form .form-control::-webkit-search-cancel-button:hover{ opacity:.8 }
 
.ts-head{display:flex;align-items:center;flex:1 1 auto;min-width:0}
.ts-form{flex:1 1 auto;min-width:0}
/* ⚠️ **这里原来有一条 @media(max-width:767px){.ts-form{display:none}}** ——
   窄屏直接把 .ts-form 藏了。

   删掉，两个理由：
     一 通搜那条已经删了（同样的规则、同样的理由），两站要一致
     二 **首页那个大搜索框现在也是 .ts-form** ——
        留着这条的话，手机上打开百科首页会看不到搜索框，
        而首页搜索框是移动端唯一的入口。90% 是手机用户。

   「窄屏放不下」的担心不成立：.ts-form 是 flex:1 1 auto + min-width:0，
   本来就跟着收缩。 */

 
:root{--kc-footh:52px}
 
.kc-callus{position:absolute;bottom:0;left:0;right:0;height:var(--kc-footh);display:flex;align-items:center;justify-content:center;cursor:pointer;border-top:1px solid rgba(128,128,128,.25);font-size:.85rem;background:#fff;z-index:5}
/* 暗色下左下角「联系我们」色块跟侧栏菜单同色。#202123 照抄 AdminLTE 的
   [class*="sidebar-dark-"]{background:#202123}(暗色时侧栏换成 sidebar-dark-primary),不是拍的。 */
body.dark-mode .kc-callus{background:#202123}
 
.kc-callus:hover{background:#e8f0fe}
body.dark-mode .kc-callus:hover{background:#3d4650}
 
.kc-filter{display:flex;flex-wrap:wrap;align-items:center}
.kc-filter>label{width:100%;margin:0 0 .25rem;font-weight:600}
.kc-filter .kc-dates,.kc-filter .kc-sel,.kc-filter .kc-btns{width:100%;margin:0 0 .7rem}
.kc-filter .kc-dates{display:flex;align-items:center}
.kc-filter .kc-date{flex:1 1 0;min-width:0}
.kc-filter .kc-arrow{padding:0 .5rem;flex:none}
.kc-filter .kc-btns{display:flex}
.kc-filter .kc-btns>*{flex:1 1 0;white-space:nowrap}
.kc-filter .kc-btns>*+*{margin-left:.5rem}
@media(min-width:768px){
  .kc-filter>label{width:auto;margin:0 .5rem 0 0;font-weight:inherit}
  .kc-filter .kc-dates,.kc-filter .kc-sel{width:auto;margin:0 1rem 0 0}
  .kc-filter .kc-btns{width:auto;margin:0}
  .kc-filter .kc-date{width:9.5rem;flex:none}
  .kc-filter .kc-sel{width:11rem}
  .kc-filter .kc-btns>*{flex:none}
}
.kc-callus-txt{margin-left:.5rem}

.main-header .navbar-nav>.nav-item>.nav-link>i,.main-header .navbar-nav>.nav-item>.nav-link>svg{font-size:1.05rem;width:1.15rem;height:1.15rem;line-height:1;vertical-align:-2px}

.main-header .navbar-nav>.nav-item>.nav-link{padding-left:.7rem;padding-right:.7rem}

.sidebar-collapse .kc-callus{padding-left:0;padding-right:0}

.sidebar-collapse .kc-callus-txt{display:none}

.sidebar-collapse .kc-callus i{margin:0}
.kc-qr-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:2000;align-items:center;justify-content:center}
.kc-qr-overlay.show{display:flex}
.kc-qr-box{background:#fff;border-radius:10px;width:300px;overflow:hidden}
body.dark-mode .kc-qr-box{background:#303134;color:#e8eaed}
.kc-qr-head{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem;border-bottom:1px solid rgba(128,128,128,.25)}
.kc-qr-head span{cursor:pointer;font-size:1.4rem;line-height:1}
.kc-qr-box img{display:block;width:100%}
.nav-header{text-transform:none;font-size:.78rem;letter-spacing:.02em;opacity:.75}
.lang-menu .dropdown-item.active,.lang-menu .dropdown-item:active{background:#007bff;color:#fff}
[dir="rtl"] .main-sidebar{box-shadow:inset 1px 0 0 #e3e6ea!important}
[dir="rtl"] .content-wrapper,[dir="rtl"] .main-header,[dir="rtl"] .main-footer{margin-right:250px;margin-left:0}
[dir="rtl"] .ml-auto{margin-left:0!important;margin-right:auto!important}
[dir="rtl"] .float-right{float:left!important}
@media(max-width:991px){[dir="rtl"] .content-wrapper,[dir="rtl"] .main-header,[dir="rtl"] .main-footer{margin-right:0}}

 
@media(max-width:767px){
  body{font-size:15px}
  .baike-body{font-size:16px;line-height:1.85;letter-spacing:.02em}
  .baike-lead{font-size:16px}
  .baike-body h2{font-size:1.2rem}
  .baike-body h3{font-size:1.06rem}
   
  .tip,.entry-meta,.infobox th,.lead-fig figcaption{font-size:14px}
   
  .badge{font-size:14px}
  .infobox{font-size:14px}
  .entry-toc .toc-list{font-size:14px}
   
  .baike-body p{margin-bottom:1.1rem}
  .baike-body h2{margin-top:1.8rem}
   
  .hit .t{font-size:1.05rem}
  .hit .sn{font-size:14px}
  .hit .meta{font-size:13px}
   
  body.kc-fs-s .baike-body{font-size:14px}
  body.kc-fs-l .baike-body{font-size:18px}
}

 
/* ============ 滚动条 · 补齐 html 的主滚动条 ============
   ⚠️ 百科原来只有 body.dark-mode ::-webkit-scrollbar 这类**后代选择器**，
   它选的是 body 里面的滚动区域，**选不到 html 自己的主滚动条** ——
   于是主滚动条用浏览器默认 15px，而通搜是裸选择器管住的 10px。
   两站差 5px，内容区跟着差 2.5px，TAB 和搜索框全部位移。

   补的是**裸选择器**（没有 body 前缀），跟通搜 layout.html 一字不差。
   （原来下面还留着 body 前缀的那几条，2026-10-10 删了，原因见下面。）

   实测依据（浏览器 innerWidth - clientWidth）：
     通搜 html 滚动条宽 = 10px（有裸选择器）
     百科 html 滚动条宽 = 15px（只有后代选择器）  → 补齐后应变 10px
   ============================================================ */
:root{--sb-track:rgba(0,0,0,.04);--sb-thumb:rgba(0,0,0,.2);--sb-thumb-hover:rgba(0,0,0,.32)}
body.dark-mode{--sb-track:rgba(255,255,255,.04);--sb-thumb:rgba(255,255,255,.2);--sb-thumb-hover:rgba(255,255,255,.32)}
body{scrollbar-color:var(--sb-thumb) var(--sb-track)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--sb-track)}
::-webkit-scrollbar-thumb{background:var(--sb-thumb);border-radius:5px}
::-webkit-scrollbar-thumb:hover{background:var(--sb-thumb-hover)}

/* 原来下面还有 body.dark-mode / body:not(.dark-mode) 前缀的 10 条（2026-10-10 删）：裸选择器 ::-webkit-scrollbar 本来就管所有滚动区
   （等于 *::-webkit-scrollbar，不只是主滚动条），那 10 条是第二份；值还跟上面差一点（.22 和 .2、.03 和 .04、.05 和 .04，肉眼看不出），
   多出 4 个色号。删掉以后滚动条跟通搜同一份。上面说「保留不删、管 body 内部的滚动区」那句是当时看错了。 */

/* ============ 返回顶部 / 返回底部（2026-10-10 挪到这里，全站一份）============
   原来 static/entry.css 一份、搜索页 front_search.html 一份，一字不差；值一个没改。
   词条页手机底栏把它们往上抬的那两条（calc(var(--kc-footh) + …)）只跟底栏有关，留在 entry.css，排在这份后面照样盖得住。
   灰色不用蓝色 —— 这是导航辅助不是行动号召，蓝色会跟正文里的链接抢视线。
   默认不显示：页面没滚动时「返回顶部」没有意义，已经到底时「返回底部」也没有意义（显示与否由页面脚本加 .on）。 */
.kc-jump{position:fixed;right:1.2rem;width:2.4rem;height:2.4rem;
  border:1px solid rgba(128,128,128,.35);border-radius:50%;
  background:rgba(255,255,255,.92);color:#6c757d;
  cursor:pointer;font-size:.85rem;line-height:1;padding:0;
  display:none;align-items:center;justify-content:center;z-index:1030;
  box-shadow:0 1px 4px rgba(0,0,0,.12)}
.kc-jump:hover{color:#343a40;border-color:rgba(128,128,128,.6)}
body.dark-mode .kc-jump{background:rgba(52,58,64,.94);color:#adb5bd;
  border-color:rgba(255,255,255,.2)}
body.dark-mode .kc-jump:hover{color:#e8eaed;border-color:rgba(255,255,255,.35)}
.kc-jump.on{display:flex}
.kc-jump-top{bottom:4.2rem}
.kc-jump-bottom{bottom:1.4rem}
@media(max-width:575px){.kc-jump{right:.7rem}}
/* 页脚上边线、侧栏底部「后台」那一块的上边线（2026-10-04 用户定，跟通搜同一个做法）：改透明、不删 ——
   线和它占的 1 像素都还在，布局不动。页脚的边线是共享页脚模块给的，加 !important 才压得住（亮色、暗色都是）。 */
.main-footer,.kc-callus{border-top-color:transparent!important}
/* 搜索结果、广告那一列 .reslist / .hit（2026-10-10）：从搜索页 front_search.html 原样挪过来，一字未改 ——
   词条页手机上的广告位（用户定：把搜索结果页的广告位同步过去）跟搜索页用同一份标记（layout.html 的 advertisement-list）、同一份样式。
   放在文件末尾：原来在搜索页最后那段 <style> 里，比这个文件里别的规则都晚，挪过来以后先后照旧。 */
/* 结果区：类名、结构、色彩关系都照 sort.search.tongsou.com 来，
   两个站将来要整合。那边的四个色变量在这里用 AdminLTE 的亮暗两套值对上。

   --link  #1a0dab  Google 搜索结果的链接蓝，沿用是为了让人不用重新适应
   --desc  #6c6c6c  摘要灰
   暗色下链接蓝要提亮 —— #1a0dab 在深底上几乎看不见。 */
.reslist{ --link:#1a0dab; --desc:#6c6c6c; --xs:.75rem; --sm:.88rem; --md:1.02rem; }
body.dark-mode .reslist{ --link:#8ab4f8; --desc:#9aa3ab; }

.hit{ position:relative; margin:0; padding:.55rem 0; }
/* 相邻两条之间画分隔线。用 ::before 而不是 border-bottom —— 最后一条不该带线。 */
.hit + .hit::before{
  content:""; position:absolute; left:0; right:0; top:0;
  height:1px; background:currentColor; opacity:.1;
}
.hit .t{ color:var(--link); text-decoration:none; font-size:var(--md);
  line-height:1.3; display:inline-block; }
.hit .t:hover{ text-decoration:underline; }
/* 摘要最多两行 —— 首屏要装下六七条，三四行的摘要是最大的一块占用。
   想看全文点进去就是，这里的作用是让人扫得快。 */
.hit .sn{
  margin-top:.12rem; line-height:1.45;
  font-size:var(--sm); color:var(--desc);
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
  overflow:hidden;
}
.hit .meta{ font-size:var(--xs); opacity:.55; margin-top:.1rem; }
.hit .tag{ font-size:var(--xs); border:1px solid currentColor; padding:0 .35rem;
  opacity:.5; white-space:nowrap; }
/* 左图右文。值全部来自本页已有的令牌：--link --xs、.15rem 圆角、.85rem 间距。
   宽度锁 120px，height:auto 按真实比例 —— 跟 .lead-fig 一个做法。 */
.hit .hit-body{ display:flex; align-items:flex-start; gap:.75rem; margin-top:.12rem; }
.hit .hit-fig{ flex:0 0 120px; }
.hit .hit-fig img{ width:120px; height:auto; display:block; border-radius:.15rem; }
.hit .hit-text{ flex:1 1 auto; min-width:0; }
.hit .secs{ margin-top:.15rem; font-size:var(--xs); }
.hit .secs a{ color:var(--link); text-decoration:none; margin-right:.85rem; white-space:nowrap; }
.hit .secs a:hover{ text-decoration:underline; }
/* 移动端排版，跟搜索站一致。
   依据《百度APP移动搜索落地页体验白皮书》3.2.1.1：
   正文文本字号不小于 10pt（≈13.33px）。
   原来 --xs 是 .75rem = 12px，在下限以下。 */
@media(max-width:767px){
  .reslist{ --xs:13px; --sm:14px; --md:1.05rem; }
  .hit{ padding:.7rem 0; }
}
/* 窄屏不再把摘要藏掉 —— 搜索站是收成三行。
   藏掉之后一条结果只剩标题，手机上反而更难判断该不该点进去。 */
@media(max-width:575px){ .hit .sn{ -webkit-line-clamp:3; } }
