/*
 * kenier 的本站补丁样式。**只补，不重写主题** ——
 * 加载顺序排在 CDN 上那套主题 CSS 之后（见 layouts/Base.astro）。
 */

/* ------------------------------------------------------------------
 * 1. 页头 logo：h1 换成 div 之后的补差
 *
 * 原站把 logo 包在 <h1 class="logo_name"> 里，里面塞一个 opacity:0 的
 * <span>上海柯尼尔智能家居有限公司</span> —— 老派的「h1 藏公司名」写法。
 *
 * 问题是它在**每一页**上：列表页唯一的 h1 是公司名（本页主题信息为零），
 * 详情页则有两个 h1。2026-08-18 体检：330 个页面 h1 超过一个。
 * 改成 div 之后，详情页的 h1 就是文章标题，列表页由模板另给。
 *
 * public.css 里 `h1{...}` 那条本来也作用在它身上，换标签会丢掉。
 * 下面把 h1 实际生效的几个属性原样搬过来（margin 本来就被
 * `.logo_name{margin:0}` 盖掉了，不用管），渲染像素级不变。
 * ------------------------------------------------------------------ */
.logo_name {
  text-align: center;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ------------------------------------------------------------------
 * 2. 正文里的 h1 降级成 h2 之后的补差（packages/core/seo-text.mjs 的 demoteH1）
 *
 * 这个站**目前一篇正文都没有 h1**，规则是给将来兜底的 ——
 * 后台编辑随手敲一个 h1，页面就又变成两个 h1，而且不会有任何报错。
 *
 * 这里必须写全，因为 inner.css 有一条**裸 h2** 规则
 * （`h2{font-size:16px;padding:4px 0 5px 20px;font-family:Airal;margin:0}`），
 * 它会作用到正文里，降级后字号会从 2.5rem 掉到 16px 还多出左内边距。
 * 下面把 bootstrap 的 h1 值原样还原，font-family 用 public.css 给 h1~h6 的那套。
 * ------------------------------------------------------------------ */
h2.wj-was-h1 {
  font-size: 2.5rem;
  margin: 0 0 0.5rem;
  padding: 0;
  font-family: "微软雅黑", 'arial', 'SimSun';
}

/* ------------------------------------------------------------------
 * 视觉隐藏但屏幕阅读器和搜索引擎读得到。
 *
 * 用在「本页确实有主题、但原版面上没有任何可见标题元素」的地方。
 * 不是 display:none / visibility:hidden —— 那两种搜索引擎会当作
 * 刻意隐藏的内容打折甚至判为作弊，屏幕阅读器也读不到。
 * ------------------------------------------------------------------ */
.wj-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}