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}
.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}
.brand-image{width:33px;height:33px;display:flex;align-items:center;justify-content:center;
  margin:0}
 
.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.dark-mode ::-webkit-scrollbar 那几条**保留不删** ——
   它们管 body 内部的滚动区，跟主滚动条是两回事。

   实测依据（浏览器 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{scrollbar-color:rgba(255,255,255,.22) rgba(255,255,255,.05)}
body.dark-mode ::-webkit-scrollbar{width:10px;height:10px}
body.dark-mode ::-webkit-scrollbar-track{background:rgba(255,255,255,.04)}
body.dark-mode ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:5px}
body.dark-mode ::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.32)}
body:not(.dark-mode){scrollbar-color:rgba(0,0,0,.22) rgba(0,0,0,.04)}
body:not(.dark-mode) ::-webkit-scrollbar{width:10px;height:10px}
body:not(.dark-mode) ::-webkit-scrollbar-track{background:rgba(0,0,0,.03)}
body:not(.dark-mode) ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:5px}
body:not(.dark-mode) ::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.32)}