.baike-body{line-height:1.9;font-size:.95rem}
.baike-body h2{font-size:1.15rem;font-weight:600;margin:1.6rem 0 .7rem;
  padding-left:.6rem;border-left:3px solid #6c757d}
.baike-body h2:first-child{margin-top:0}

 
.kc-copy{display:inline-flex;align-items:center;gap:.25rem;
  margin-left:.5rem;padding:.1rem .45rem;border:0;border-radius:.4rem;
  background:transparent;color:#6c757d;font-size:.72rem;font-weight:400;
  line-height:1.6;cursor:pointer;vertical-align:middle}
.kc-copy:hover{background:var(--g-rest)}
.kc-copy:active{background:var(--g-hover)}
 
.kc-copy.done{color:#28a745}

 
@media (hover:hover){
  .kc-copy{opacity:.35;transition:opacity .15s}
  .baike-body h2:hover .kc-copy,
  .kc-copy:hover,
  .kc-copy:focus{opacity:1}
}
 
@media (hover:none){
  .kc-copy{opacity:.75;padding:.3rem .55rem;font-size:.78rem}
}
.baike-body p{margin-bottom:.9rem}
 
.baike-body pre{background:rgba(128,128,128,.12);color:#212529;
  padding:.8rem 1rem;border-radius:.25rem;font-size:.85rem;overflow-x:auto}
.baike-body code{background:rgba(128,128,128,.15);color:#c7254e;
  padding:.1rem .3rem;border-radius:.2rem;font-size:.85em}
.baike-body pre code{background:none;padding:0;color:inherit}
body.dark-mode .baike-body pre{background:rgba(255,255,255,.06);color:#e8eaed}
body.dark-mode .baike-body code{background:rgba(255,255,255,.1);color:#ff8ba7}
body.dark-mode .baike-body pre code{color:inherit}
 
.baike-body blockquote{border-left:3px solid rgba(128,128,128,.4);
  padding-left:.9rem;margin:1rem 0;color:#6c757d}
body.dark-mode .baike-body blockquote{color:#adb5bd}
 
.baike-body table{width:100%;margin:1rem 0;font-size:.9rem}
.baike-body th,.baike-body td{border:1px solid rgba(128,128,128,.3);padding:.4rem .6rem}
.baike-body th{background:rgba(128,128,128,.1)}
.baike-body ul{padding-left:1.4rem}
.baike-body .wikilink{border-bottom:1px dotted}
.baike-body .wikilink-new{color:#dc3545}
.baike-body .embed-card{border:1px solid rgba(128,128,128,.3);border-radius:.25rem;
  margin:1rem 0}
.baike-body .embed-card-head{padding:.4rem .8rem;border-bottom:1px solid rgba(128,128,128,.25);
  font-size:.85rem;background:rgba(128,128,128,.08)}
.baike-body .embed-card-body,.baike-body .embed-card-note{padding:.6rem .8rem}
.baike-body .embed-card-note{color:#856404;font-size:.85rem}

 
.baike-lead{font-size:1rem}
.baike-lead p:last-child{margin-bottom:1.2rem}


 
.langbar .lang{display:inline-block;margin:0 .5rem .4rem 0;font-size:.88rem}
.langbar .lang.cur{font-weight:600}
.langbar .lang.off{color:#adb5bd;cursor:default}
body.dark-mode .langbar .lang.off{color:#6c757d}


 
.content-wrapper > .content > .container-fluid{ padding-top:.7rem; }

 

 
.entry-wrap{display:block}

 
body.kc-compact .entry-main{max-width:58rem}
body.kc-wide .entry-main{max-width:none}

 
body.kc-compact .infobox-wrap{margin:0 0 1.3rem}
body.kc-compact .infobox-title{display:none}
body.kc-compact .infobox{border-top:1px solid rgba(128,128,128,.3);
  border-bottom:1px solid rgba(128,128,128,.3)}
@media(min-width:768px){
  body.kc-compact .infobox tbody{display:grid;grid-template-columns:1fr 1fr;column-gap:1.5rem}
  body.kc-compact .infobox tr{display:flex}
  body.kc-compact .infobox th,body.kc-compact .infobox td{display:block}
  body.kc-compact .infobox td{flex:1}
}

 
@media(min-width:992px){
  body.kc-wide .infobox-wrap{float:right;width:19rem;margin:0 0 1rem 1.5rem;
    border:1px solid rgba(128,128,128,.3);border-radius:.25rem;padding:1rem}
  body.kc-wide .baike-body::after{content:"";display:block;clear:both}
}
body.kc-wide .infobox-title{font-weight:600;margin-bottom:.6rem}

.infobox{width:100%;margin:0;font-size:.88rem}
.infobox th{width:7em;padding:.35rem .6rem .35rem 0;font-weight:400;
  color:#6c757d;text-align:left;vertical-align:top;white-space:nowrap}
.infobox td{padding:.35rem 0;vertical-align:top}
body.dark-mode .infobox th{color:#adb5bd}

 
 
.entry-title-row h1{font-size:1.75rem;font-weight:900;line-height:1.3}

 
.kc-notice{display:flex;align-items:center;gap:.8rem;width:100%;
  padding:.7rem 1rem;margin-bottom:.8rem;border-radius:.8rem;
  background:var(--g-rest);border:1px solid var(--g-hover);
  font-size:.92rem;line-height:1.5}
 
.kc-notice-body{flex:1 1 auto;min-width:0;word-break:break-word}
.kc-notice-body a{text-decoration:underline}
.kc-notice .btn{flex:0 0 auto;border-radius:1rem}
 
@media (max-width:576px){
  .kc-notice{flex-direction:column;align-items:stretch;gap:.6rem}
  .kc-notice .btn{width:100%}
}

 
.entry-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem}
 
.entry-edit-slot{margin-left:auto}
.entry-edit-slot .disabled{opacity:.55;cursor:default}
.lang-btn{border:1px solid rgba(128,128,128,.4);background:none;color:inherit;font-size:.85rem}
.lang-btn:hover{background:rgba(128,128,128,.12);color:inherit}
.lang-menu-wide{min-width:13rem;max-height:22rem;overflow-y:auto}
.lang-menu-wide .cur{font-weight:600}
.lang-menu-wide .off{color:#adb5bd;cursor:default}
body.dark-mode .lang-menu-wide .off{color:#6c757d}

 
.appr-btn{border:1px solid rgba(128,128,128,.4);background:none;color:inherit;font-size:.85rem}
.appr-btn:hover{background:rgba(128,128,128,.12);color:inherit}
/* ⚠️ **移动端隐藏「外观」按钮。**
   词条名一长，标题行上编辑/语言/外观三个按钮会把整行挤爆、溢出。
   而且手机上本来就是单栏、字号由系统定，版式选择没有意义。
   断点 767px 跟站内其它移动端规则一致，不新开断点。 */
@media(max-width:767px){.entry-hide-mobile{display:none}}
.appr-menu{min-width:15rem;padding:.6rem .9rem}
.appr-group{padding:.3rem 0}
.appr-label{font-size:.8rem;color:#6c757d;margin-bottom:.35rem}
body.dark-mode .appr-label{color:#adb5bd}
.appr-opts{display:flex;gap:.35rem}
.appr-opt{flex:1;border:1px solid rgba(128,128,128,.4);background:none;color:inherit;
  padding:.28rem .5rem;font-size:.85rem;border-radius:.2rem;cursor:pointer}
.appr-opt:hover{background:rgba(128,128,128,.12)}
.appr-opt.on{background:rgba(128,128,128,.22);font-weight:600}

 
body.kc-fs-s .baike-body,body.kc-fs-s .entry-toc{font-size:.88rem}
body.kc-fs-s .baike-lead{font-size:.94rem}
body.kc-fs-l .baike-body,body.kc-fs-l .entry-toc{font-size:1.06rem}
body.kc-fs-l .baike-lead{font-size:1.12rem}
body.kc-fs-l .baike-body h2{font-size:1.25rem}
body.kc-fs-l .baike-body h3{font-size:1.1rem}

 
.rate{display:flex;align-items:center;gap:.6rem;margin-top:1.6rem;
  padding:.8rem 1rem;border:1px solid rgba(128,128,128,.25);border-radius:.25rem}
.rate-label{font-weight:600;font-size:.9rem;margin-right:auto}
.rate-btn{border:1px solid rgba(128,128,128,.4);background:none;color:inherit;
  padding:.3rem .9rem;font-size:.88rem;border-radius:.2rem;cursor:pointer}
.rate-btn:hover{background:rgba(128,128,128,.12)}
.rate-btn.on{background:rgba(128,128,128,.22);font-weight:600}

 
body .main-sidebar .sidebar{max-height:calc(100vh - var(--kc-footh));overflow-y:auto}

 
.entry-toc{display:none;border:1px solid rgba(128,128,128,.3);border-radius:.25rem;
  padding:1rem 1.2rem;margin-bottom:1.4rem}
body.kc-compact .entry-toc{display:block}
@media(max-width:991px){ .entry-toc{display:block !important} }
.entry-toc .toc-label{font-weight:600;color:#6c757d;margin-bottom:.6rem}
body.dark-mode .entry-toc .toc-label{color:#adb5bd}
 
.entry-toc .toc-list{margin:0;padding-left:1.3rem;font-size:.92rem;
  columns:2;column-gap:2.5rem}
@media(min-width:992px){ .entry-toc .toc-list{columns:3} }
@media(max-width:575px){ .entry-toc .toc-list{columns:1} }
.entry-toc .toc-list li{margin-bottom:.35rem;break-inside:avoid}
 
.entry-toc .toc-list li.sub{list-style:none;margin-left:.2rem;font-size:.88rem;opacity:.85}
.entry-toc .toc-list li.sub::before{content:"· ";opacity:.5}

 
.baike-body h2,.baike-body h3,.baike-body h4{scroll-margin-top:4.5rem}
/* 角标 [3] 点过来(2026-09-27): 跟标题锚点一样让开顶栏; 跳到的那一条用「复制这一节」按钮那个灰打底(夜间模式自动适配) */
.baike-body li[id^="reference-"]{scroll-margin-top:4.5rem}
/* 底色盖住序号(2026-10-01 用户定「色块要覆盖序号」): 序号画在 li 外面、ol 的左内边距(1.5rem, 见 .baike-body ol)里,
   li 自己的底色盖不到。用同色的阴影往左补 1.5rem: 外阴影规定只画在元素框外面, 不会跟底色叠成两层;
   序号和文字的位置一个像素都不动(改外边距、内边距的办法会把序号一起挪走, 试过不行) */
.baike-body li[id^="reference-"]:target{background:var(--g-rest);box-shadow:-1.5rem 0 0 var(--g-rest)}
/* 反过来(2026-10-01): 参考资料前面的回跳箭头点过来, 跳到正文的角标 —— 照抄上面两条, 只换选择器 */
.baike-body sup[id^="cite-ref-"]{scroll-margin-top:4.5rem}
.baike-body sup[id^="cite-ref-"]:target{background:var(--g-rest)}
html{scroll-behavior:smooth}

 
.baike-body img,.baike-body .embed-image{max-width:100%;height:auto;
  border-radius:.25rem;display:block;margin:1rem 0}
.baike-body figure{margin:1.2rem 0}
.baike-body figcaption{font-size:.85rem;color:#6c757d;margin-top:.4rem;text-align:center}
body.dark-mode .baike-body figcaption{color:#adb5bd}
 
.lead-figure{float:right;width:16rem;margin:0 0 1rem 1.5rem}
@media(max-width:767px){.lead-figure{float:none;width:100%;margin:1rem 0}}

 
.baike-body table{width:100%;margin:1.2rem 0;font-size:.88rem;border-collapse:collapse}
.baike-body th,.baike-body td{border:1px solid rgba(128,128,128,.3);padding:.45rem .7rem;
  text-align:left;vertical-align:top}
.baike-body th{background:rgba(128,128,128,.1);font-weight:600}
 
.baike-body ol{padding-left:1.5rem}
.baike-body ol li,.baike-body ul li{margin-bottom:.4rem}
 
.baike-body .math-display{text-align:center;margin:1.3rem 0;overflow-x:auto}

 
.lead-fig{margin:0 0 1rem}
.lead-fig img{width:100%;height:auto;border-radius:.25rem;display:block}
.lead-fig figcaption{font-size:.82rem;color:#6c757d;text-align:center;margin-top:.4rem}
/* 概述视频（2026-10-10）：播放按钮叠在封面左下角、时长叠在右下角。
   按钮和时长的样子全是现成的类（btn btn-light rounded-circle shadow-sm、badge badge-dark，见 entry.html 的 entry_lead_figure），这里只有位置和按钮的直径 */
.lead-video-play{position:absolute;left:.5rem;bottom:.5rem;width:2.5rem;height:2.5rem}
.lead-video-duration{position:absolute;right:.5rem;bottom:.5rem}
/* 时长的字号：badge 默认是外面字号的 75%，宽栏的封面在信息栏里（信息栏 .88rem）会缩成 10.5px。电脑上定成 .75rem（12px，跟标准版式一样）；
   手机上不写 —— layout.css 手机那段把 .badge 定成 14px（手机 14px 是底线） */
@media(min-width:768px){.lead-video-duration{font-size:.75rem}}
body.dark-mode .lead-fig figcaption{color:#adb5bd}
@media(min-width:768px){
  body.kc-compact .infobox-wrap{display:flow-root}
  body.kc-compact .lead-fig{float:right;width:15rem;margin:0 0 .8rem 1.5rem}
}
/* 概述图跟概述文字绕排（2026-10-09 用户定：「图片在文本内部，像报纸」）。模板里概述图出两处（entry.html 的 entry-lead-area）：
   · 信息栏里那张：只在宽栏（维基式）显示 —— 整张卡浮在右边、排在概述前面，概述文字绕着卡排
   · 概述里那张：其余情况显示 —— 标准版式（百度式）在宽屏上靠右浮动（15rem，跟上面那条同一组值），概述文字绕着它排；手机上照旧占满整行
   标准版式的属性表要排在概述下面，可模板里信息栏在前（宽栏要它在前才浮得到概述旁边），所以外框用 flex 按顺序把概述排到前面；
   宽栏宽屏时外框回到普通排版，信息栏照原来那条 float:right 浮起来。
   概述里那张套在 .baike-body 里，正文插图那几条（figure 1.2rem 上下边距、img 1rem 上下边距）会管到它，这里还原成概述图原来的值 */
.entry-lead-area{display:flex;flex-direction:column}
.entry-lead-area > .baike-lead{order:-1}
.infobox-wrap .lead-fig{display:none}
.baike-lead .lead-fig{margin:0 0 1rem}
/* 手机上概述图占满整行，排在「义项」那行下面：上边也空 1rem，跟下边一样（2026-10-10 用户定：「义项名称快和下面的图片粘一起了」）。
   值照抄上面 .lead-figure 手机那一条（margin:1rem 0） */
@media(max-width:767px){.baike-lead .lead-fig{margin:1rem 0}}
.baike-lead .lead-fig img{margin:0}
/* 宽屏靠右浮动用跟上面那条一样的值；写成「不是宽栏」而不是 .kc-compact：版式类是 JS 在页面加载完才挂上的，
   默认（标准）用户在那之前就已经是浮好的样子，不会先看到一张整行的大图再缩到右边 */
@media(min-width:768px){
  body:not(.kc-wide) .baike-lead .lead-fig{float:right;width:15rem;margin:0 0 .8rem 1.5rem}
}
@media(min-width:992px){
  body.kc-wide .entry-lead-area{display:block}
  body.kc-wide .infobox-wrap .lead-fig{display:block}
  body.kc-wide .baike-lead .lead-fig{display:none}
}

 
.entry-tags{margin-top:1.6rem;padding-top:.9rem;
  border-top:1px solid rgba(128,128,128,.25);font-size:.85rem}
.tag-chip{display:inline-block;border:1px solid rgba(128,128,128,.4);
  padding:.1rem .55rem;margin:0 .3rem .3rem 0;border-radius:.2rem}

 
.entry-meta{margin-top:.9rem;font-size:.8rem;color:#6c757d;
  display:flex;flex-wrap:wrap;gap:1.2rem}
body.dark-mode .entry-meta{color:#adb5bd}
.entry-meta + .entry-meta{margin-top:.4rem}

 
.baike-body blockquote,
.baike-body pre,
.baike-body table,
.baike-body .embed-card{display:flow-root}


 
/* 返回顶部 / 返回底部（2026-10-10）：挪进 static/layout.css，全站一份（原来这里、搜索页各一份，一字不差）。
   手机底栏那段里按底栏高度往上抬的两条（.kc-jump-top / .kc-jump-bottom 的 calc）只跟词条页的底栏有关，留在下面。 */

 
.kc-mbar{display:none}
@media(max-width:991px){
  .kc-mbar{display:flex;position:fixed;left:0;right:0;bottom:0;
    height:var(--kc-footh);align-items:center;justify-content:space-between;
    gap:.5rem;padding:0 .7rem;border-top:1px solid rgba(128,128,128,.25);
    background:#fff;z-index:1035}
  body.dark-mode .kc-mbar{background:#343a40}
  .kc-mbar-right{display:flex;gap:.5rem}
   
  .content-wrapper{padding-bottom:var(--kc-footh)}
   
  .kc-jump-top{bottom:calc(var(--kc-footh) + 4.2rem)}
  .kc-jump-bottom{bottom:calc(var(--kc-footh) + 1.4rem)}
}

/* 角标悬停弹出的夜间样式（2026-10-01 用户定：夜间模式下弹框不能是白的）。
   弹框本身是 Bootstrap 现成的 popover（白天的样子全用 AdminLTE 自带的 .popover，这里一条不加）；
   AdminLTE 没有 popover 的夜间规则，所以夜间这几条要补 —— 颜色不自己配，照抄同站现成的浮层「二维码弹框」：
   底色、文字照抄 body.dark-mode .kc-qr-box{background:#303134;color:#e8eaed}（layout.css），
   边框照抄它标题栏的分隔线 rgba(128,128,128,.25)（.kc-qr-head）。
   箭头分两层（::before 是边、::after 是底），跟框一起换色；弹框贴底放不下时 Bootstrap 会翻到上面，上下两个方向都写。 */
body.dark-mode .popover{background-color:#303134;border-color:rgba(128,128,128,.25)}
body.dark-mode .popover-body{color:#e8eaed}
body.dark-mode .bs-popover-bottom>.arrow::before{border-bottom-color:rgba(128,128,128,.25)}
body.dark-mode .bs-popover-bottom>.arrow::after{border-bottom-color:#303134}
body.dark-mode .bs-popover-top>.arrow::before{border-top-color:rgba(128,128,128,.25)}
body.dark-mode .bs-popover-top>.arrow::after{border-top-color:#303134}

/* 词条页 TAB(2026-10-01): 样式整个复用首页那三个 TAB(.verts.kc-feedtabs), 这里只补一条位置 ——
   宽栏版式下信息栏浮在右边, TAB 要整行出现在「概述和封面图」下面, 不能挤在信息栏左边。不涉及颜色、字号。 */
.kc-entry-tabs{clear:both}
/* 「图文」卡片在紧凑版式下一行 3 张(2026-10-01): 共享卡片的瀑布流按屏幕宽度定列数(≥992 一行 6 张),
   紧凑版式的正文栏只有五百多像素宽, 一行 6 张每张不到 80px、标题只剩三个字。一行 3 张每张约 176px ——
   跟宽栏版式一行 6 张、通搜图文页上的卡片一样大。写法照抄共享卡片 card.css 那一条, 只改列数。 */
@media(min-width:992px){
  body.kc-compact [data-entry-pane="image-text"] .imgcards{ -webkit-column-count:3; -moz-column-count:3; column-count:3; }
}