/*
Theme Name: Jiesheng Elementor
Description: 捷胜五金官网主题，独立主题（不是子主题）。方法论见根目录 快照式仿站开发方法.md，项目专属约束见 jiesheng/AGENTS.md。
Version: 0.1.0
Text Domain: jiesheng
*/

/*
	本文件只放两样东西，别的一律不许进来（跟 weichi-elementor / ketian1-elementor
	同一条约定）：
	1. 设计令牌（CSS 自定义属性）—— 抠自 jcrapid.com 首页 <style> 里 Astra 主题的
	   --ast-global-color-* 自定义属性（2026-09-04 用 grep 核实：橙色出现在
	   --ast-global-color-0/1，字体来自 astra-google-fonts-css 的
	   family=Manrope:500,600,700）
	2. 基础重置/排版

	模块自己的视觉样式一律放 snapshots/<模块名>.css，不要往这里加选择器。

	🚩 2026-09-04 补的：这份文件之前只有上面的主题头注释，没有任何真实规则——
	site-wide 的字体/主色一直没落地，`header.css`/`home-shared.css` 各自用了
	不一样的兜底值（系统字体栈、#d4380d 等自造色），跟参考站视觉差距明显是这个
	原因，不是三把尺子能测出来的问题（类名命中率只查类名在不在参考站出现过，
	查不出同一个类名下的属性值对不对）。用 tools/probe 的 probe.py 采集真实
	computed style 才测出来。
*/

:root {
	--brand: #e7823a;          /* --ast-global-color-0，实测出现在首页 CTA/图标 */
	--brand-hover: #d56b1f;    /* --ast-global-color-1 */
	--text: #333333;           /* --ast-global-color-3 */
	--text-strong: #000000;    /* --ast-global-color-2/7/8 */
	--surface: #ffffff;
	--surface-alt: #f8f8f8;    /* --ast-global-color-4 */
	--border: #eeeeee;         /* --ast-border-color */
	--font-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	--max-width: 1200px;

	/* 2026-09-04 补：博客详情页冻结时用 tools/extract-matching-css.py 抽取的
	   真实规则大量直接写 var(--ast-global-color-N)/var(--ast-border-color)
	   （Astra 主题自己的变量名，不是我们上面这套 --brand/--text 命名），
	   之前抽取的 header/footer 规则里这些变量正好被压成了具体色值没有暴露
	   这个缺口。这里按跟上面完全相同的映射关系（同一次 grep 核实的结果）
	   声明成别名，不是新造一套颜色——数值上就是上面这几个 token，两边改色
	   要一起改，不要漏一边。 */
	--ast-global-color-0: var(--brand);
	--ast-global-color-1: var(--brand-hover);
	--ast-global-color-2: var(--text-strong);
	--ast-global-color-3: var(--text);
	--ast-global-color-4: var(--surface-alt);
	--ast-global-color-6: var(--surface);
	--ast-border-color: var(--border);

	/* 2026-09-04 用 probe.py --map 核对上一篇/下一篇按钮位置偏差时测出来的：
	   参考站详情页真实在 :root 上把 `--ast-post-nav-space` 设成了 0（不是没设置，
	   是显式设成 0），`.ast-separate-container .post-navigation{padding-left:
	   var(--ast-post-nav-space,3.33333em)}` 这条真实规则里的兜底值 3.33333em
	   （≈50px）因此在参考站从来没生效过；我们没声明这个变量，兜底值就真的
	   用上了，导致按钮行左右各多出 50px 内边距，整排跟着往里缩、位置对不上。 */
	--ast-post-nav-space: 0;
}

*,
*:before,
*:after {
	box-sizing: border-box;
}
html {
	scroll-behavior: smooth;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/* 🚩 2026-09-04：font-size/line-height/font-weight 三个之前是没测过的默认值
   （16px 是浏览器默认，1.6 是随手写的，没写 font-weight 等于默认 400）。
   probe.py 直接测 ref/raw/jcrapid.com/index.html 的 body 计算样式：
   15px / 25.5px（= 1.7 倍）/ 500——这三个数字会通过 em/继承影响全站几乎
   所有没显式设置字号的地方（这次页头菜单 padding:0 1em 量出来偏差，
   根源就是这里），改成实测值。 */
body {
	margin: 0;
	font-family: var(--font-sans);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.7;
	color: var(--text);
	background: var(--surface);
}
img {
	max-width: 100%;
	height: auto;
}
a {
	color: inherit;
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-sans);
	color: var(--text-strong);
}