/* ==========================================================================
   寒蝉全圆体 ChillRoundF —— xiaozhangyu.vip 接入样式
   ==========================================================================
   上传位置：/fonts/chill-round-f.css
   在 <head> 里、app.css 之后引入：
       <link rel="stylesheet" href="/fonts/chill-round-f.css">

   【消除字体闪烁（FOUT）必读】
   光靠 CSS 不够，<head> 里还要加一行预加载，并且放在所有 CSS 之前：

       <link rel="preload" href="/fonts/chill-round-f-site.woff2"
             as="font" type="font/woff2" crossorigin>

   · 字体必须在 CSS 解析后、遇到用它的文字时才开始下载；预加载能让它
     和 CSS 同时开始下，这是消除滞后的关键。
   · crossorigin 属性**必须写**（字体永远按 CORS 方式请求），漏了浏览器
     会丢弃这次预加载、再下第二次，反而更慢。
   · 路径要和下面 @font-face 里的 src 完全一致，否则预加载白做。

   授权：SIL Open Font License 1.1（可免费商用）
   来源：https://github.com/Warren2060/Chill-Round
   ========================================================================== */

/* --- 字体声明 ------------------------------------------------------------- */
/* 三档文件，按需选一个，改 src 的文件名：
   - chill-round-f-site.woff2    约 200 KB  站点实测用字（首页+常见内页），推荐
   - chill-round-f-gb2312.woff2   670 KB   GB2312 一级 3755 字，覆盖最稳
   - chill-round-f-full.woff2     2.34 MB  全字库 14260 码位                 */
@font-face {
    font-family: 'ChillRoundF';
    font-style: normal;
    font-weight: 400;

    /* font-display 决定「字体还没下载完时怎么显示」：
       swap     —— 先用系统字体显示，字体到了再换掉  ← 你看到的「先其它字体后变 chill」
       block    —— 这段时间先不显示文字（最多 3 秒），字体到了直接就是圆体，**不闪**
       optional —— 约 100ms 内没到，本次访问就完全不用该字体（永不闪，但可能不生效）

       已改为 block：配合 <head> 里的 preload，字体通常在首次绘制前就到位，
       看不到任何切换。若你更在意「首屏必须立刻有字」，改回 swap。 */
    font-display: block;

    src: url('/fonts/chill-round-f-site.woff2') format('woff2');
}

/* 【为什么必须用 !important】
   主题 app.css 的字体规则带类名，权重比裸标签高，例如
       .features-box.features-style-2 .content .title { font-family: Jolly }   权重 0,4,0
   而 h4 这种裸标签只有 0,0,1。CSS 层叠里**权重高的赢，跟谁写在后面无关**。
   另外页面里还有若干元素是行内 style="font-family:Jolly;"，行内样式也只能用 !important 压过。 */

/* --- 方案 A：标题 + 主视觉文案（推荐） ------------------------------------ */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.section-title .title,
.single-demo .title,
.edu-course-widget .widget-title,
.features-box .content .title,
.reveal-modal h1,
.edu-counterup .count-number,
.about-content {
    font-family: 'ChillRoundF', 'YouYuan', 'Yuanti', 'Microsoft YaHei', sans-serif !important;
}

/* --- 主视觉副标题：「每天30分钟,锻炼孩子专注力。」 ------------------------ */
/* 这个 <p> 没有 class/id，只能用父容器定位；实测全页唯一命中 1 个元素。
   它原本没有任何 font-family 规则，继承 body 的 'Poppins'（纯拉丁），
   中文只能落到系统字体，所以必须单独写规则。 */
.banner-content > p {
    font-family: 'ChillRoundF', 'YouYuan', 'Yuanti', 'Microsoft YaHei', sans-serif !important;
}

/* --- 方案 B：全站都换圆体（默认关闭） ------------------------------------- */
/* 想连正文一起变圆体，去掉注释。提醒：圆体在小字号（<14px）下圆头会糊；
   该字体只有 400 一个字重，正文里大量 font-weight:700 会被合成假粗体。 */
/*
body, body p, body li, body td, body span,
input, select, textarea, button, .rbt-btn {
    font-family: 'ChillRoundF', 'Microsoft YaHei', 'PingFang SC', sans-serif !important;
}
*/
