/* =======================================================================
   晓风数据实验室 · 村田(Murata)风格主题
   作为覆盖层加载在所有原有样式之后；干净白底 + 村田红 + 统一排版。
   ======================================================================= */

/* ---------- 自托管中文字体（Noto Sans SC 子集，仅含站内用字，~110KB） ----------
   用 unicode-range 限定为 CJK 及中文标点：中文走自托管子集保证字形一致，
   拉丁/数字不在范围内，仍由字体栈中的 Assistant/系统字体渲染。
   字体源 Noto Sans SC，SIL Open Font License 1.1（见 THIRD-PARTY-NOTICES.txt）。 */
@font-face {
  font-family: "XF Noto Sans SC";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/NotoSansSC-subset.woff2") format("woff2");
  unicode-range: U+2000-206F, U+3000-303F, U+4E00-9FFF, U+FF00-FFEF;
}
:root {
  --m-red: #E60012;        /* 村田红 */
  --m-red-dark: #B3000E;
  --m-bg: #eceef2;         /* 柔和浅灰，非纯白——让黄色可拖拽圆点更醒目 */
  --m-bg-alt: #e2e5ea;
  --m-text: #333333;
  --m-heading: #1a1a1a;
  --m-muted: #6b6b6b;
  --m-line: #e3e3e3;
}

/* ---------- 通用 ---------- */
body { background-color: var(--m-bg) !important; color: var(--m-text) !important; }
a { color: var(--m-red); }
a:hover { color: var(--m-red-dark); }

/* =====================  首页  ===================== */
#background { background: var(--m-bg) !important; }
.header, .menu-bottom { background: transparent !important; }
#menu li a { color: var(--m-text) !important; }
#menu li.active a, #menu li a:hover { color: var(--m-red) !important; }

.intro h1 { color: var(--m-heading) !important; letter-spacing: 2px; }
.intro p { color: var(--m-muted) !important; }

.rec_button {
  background-color: var(--m-red) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 2px 10px rgba(230,0,18,0.25);
}
.rec_button:hover, .rec_button a:hover { background-color: var(--m-red-dark) !important; color: #fff !important; }

/* 首页 hero 保持透明露出圆点；章节区改为浅色半透明（原本是深色 rgba(42,39,56,.8)） */
#section1, #section2, #section3 { background-color: rgba(255,255,255,0.90) !important; }
.chapter-nav .left h4 { color: var(--m-red) !important; }
.chapter-nav .left h1, .chapter-nav .left p { color: var(--m-heading) !important; }
.nav-unit-title-s { color: var(--m-text) !important; }
.menu-sub li a { color: var(--m-text) !important; }
.menu-sub li.active a { color: var(--m-red) !important; }

/* =====================  章节页  ===================== */
#seeing-theory, #display-chapter { color: var(--m-heading) !important; }
#seeing-theory:hover, #display-chapter:hover { color: var(--m-red) !important; }
.header { background: var(--m-bg) !important; border-bottom: 1px solid var(--m-line); }
.progress-bar-color { background-color: var(--m-red) !important; }
/* 各章节左栏/容器的彩色底统一为白 */
.col-left, .col-left-wrapper, .col-right { background-color: var(--m-bg) !important; background-image: none !important; }

.col-left h1, .col-left h3, .chapter-intro h1 { color: var(--m-heading) !important; }
.col-left h4 { color: var(--m-red) !important; }
#next-chapter { color: var(--m-red) !important; }

/* 交互按钮强调色 */
.button-1.active, .button-1.active:hover {
  background: var(--m-red) !important;
  border-color: var(--m-red) !important;
  color: #fff !important;
}
.button-1:hover, .button-1-s:hover { border-color: var(--m-red) !important; color: var(--m-red) !important; }

/* 表格表头浅灰，更易读 */
table th { background-color: var(--m-bg-alt) !important; color: var(--m-heading) !important; }

/* 移动端抽屉菜单高亮 */
.modal-chapter-titles li.chapter-highlighted,
.modal-chapter-titles li:hover { color: var(--m-red) !important; }

/* ---------- 统一排版（左侧正文 / 公式 / 列表 = 18px；标题层级紧凑一致） ---------- */
.col-left p,
.col-left li,
.col-left .MathJax,
.col-left .MathJax_Display,
.col-left .MathJax_Preview,
.col-left .mjx-chtml {
  font-size: 18px !important;
  line-height: 1.75 !important;
}
.col-left h3, .col-left .unit h3 { font-size: 22px !important; }
.col-left h1, .chapter-intro h1 { font-size: 30px !important; }
.chapter-intro p { font-size: 20px !important; }     /* 章节副标题 */

/* ---------- 可拖拽滑块手柄 ----------
   各章原本把 thumb 上成淡黄(#F5D800)等浅色，在浅灰背景上对比太低、看不出能拖。
   统一改成高对比的村田红实心圆 + 白圈 + 阴影，让“可拖拽”一望而知。用 !important 压过
   各章自带的 thumb 配色，保证全站手柄一致。 */
input[type=range]::-webkit-slider-thumb {
  background: var(--m-red) !important;
  border: 2px solid #ffffff !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.45) !important;
}
input[type=range]::-moz-range-thumb {
  background: var(--m-red) !important;
  border: 2px solid #ffffff !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.45) !important;
}
.ui-slider .ui-slider-handle {
  background: var(--m-red) !important;
  border: 2px solid #ffffff !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.45) !important;
}
/* d3 SVG 拖拽圆点（分布章 CLT 滑块、贝叶斯章手柄等）同样统一为红 + 白描边 */
svg circle.handle, .handle {
  fill: var(--m-red) !important;
  stroke: #ffffff !important;
  stroke-width: 2px !important;
}