/* ============================================================ 老李化学 / Dataoil 官网 · 统一样式（v2 框架） 移动端优先 · 无框架 · 无构建 · 单文件 CSS · 无外部 JS 依赖 视觉方向：专业可信 · 深蓝(#0d2b4e) + 橙(#f2790f) · 高端克制 约定：不加花哨动画；占位图统一用 .ph 灰色块；图片一律 loading="lazy" ── 设计 Token 说明（集中定义于 :root，改色/改节奏只动这里；视觉规范 2026-09-04）── · 颜色 --navy/--navy-2/--navy-3 深蓝阶（信任）；--orange 10% 信号色（禁大面积）； --orange-hi CTA hover 深档；--orange-soft 橙浅底；--ink 正文； --muted 次要文字；--bg/--card/--soft/--line 背景与描边 · 字阶 --fs-hero Display 40–56px(Hero)；--fs-h1 34px；--fs-h2 26px；--fs-h3 19px； --fs-body 16px；--fs-md 15px；--fs-sm 14px；--fs-xs 13px； 数字/粘度用 .num（tabular-nums） · 间距 --sp-1 4px 递增至 --sp-8 64px；section 纵向留白 --sp-section（桌面96/移动60） · 圆角 --r-sm 6px（按钮）；--r-md 8px（卡片，更工程）；--r-full 999px（胶囊） · 阴影 --sh-1 表单容器/浮层平；--sh-2 仅下拉/浮层（禁用于卡片）；--sh-3 顶部导航/按钮 · 版式 --container 1080px；--w-prose 720px（文字列上限） · 动效 --ease/--dur；全站仅 3 处 hover 微交互（导航下划线/CTA 加深/表格行变色）， 卡片 hover 只变边框不弹起；prefers-reduced-motion 全关 · 占位 无素材一律 .ph 深底组件（.ph--jar/.ph--bottle/.ph--jug 三轮廓），禁灰图+emoji ── Header 一致性检查清单（每页必须逐条一致，中英页同构）── □
□ logo： （英文版：） □ nav：7 项，顺序固定——首页/产品中心/选油工具/工厂品控/产品对比/常见问题/关于我们 （英文版：Home/Products/Oil Finder/Factory/Compare/FAQ/About）， 当前页加 class="on"，aria-label="主导航" □ 语言切换：EN（中文版） / 中文（英文版，相对当前页） □ sticky 置顶，深蓝底白字，hover 橙色下划线 ── Footer 一致性检查清单（每页必须逐条一致）── □