/* ============================================================
 * 站点自定义样式
 *
 * 加载顺序: 主题 head.ejs 依次引入 dist/main.css、css/fonts/remixicon.css、
 *           css/ayeria-layout.css、css/custom.css —— 本文件最后加载，
 *           因此同优先级的声明会覆盖主题默认值。
 *
 * 为什么不改主题的 source/css/custom.styl:
 *   custom.styl 是主题预留的用户定制入口，但它在 node_modules 里，
 *   npm 升级主题时会被重置。放在站点 source/ 下效果相同且不会丢。
 * ============================================================ */


/* ------------------------------------------------------------
 * 封面大标题：保证任何屏幕宽度下都完整显示在一行
 *
 * 主题默认字号为桌面 7rem、移动端 4.5rem，并带 letter-spacing: .25em。
 * 诗句「曈光垂远海，波静接云柔」共 11 字，每个字占 1em 宽度加上
 * .25em 字距，整行总宽约 14em：
 *
 *     桌面 7rem   -> 约 980px，1366 及以下宽度的笔记本会折行
 *     移动 4.5rem -> 约 600px，手机（约 390px）必然折行
 *
 * 改为 min(7rem, 6.5vw) 后：
 *     宽屏(>1077px)  取 7rem，保持主题原有观感不变
 *     窄屏(<=1077px) 取 6.5vw，此时行宽 = 14 × 6.5vw = 91vw，
 *                    恒小于视口宽度，因此不会折行也不会溢出
 *
 * white-space: nowrap 作为兜底：配合上面的字号计算不会触发裁剪，
 * 同时彻底杜绝折行。
 * ------------------------------------------------------------ */
.cover-inner h1 {
  font-size: min(7rem, 6.5vw);
  white-space: nowrap;
}