/* ============================================================
新泽宇音响 · 新站架构稿 v3（2026-10-10 第二轮实测 apple.com.cn）
v3 相对 v2 只做一件事：把「我加的东西」删干净，回到 v2 量到的那套。
v2 里属于自创、这轮删掉的：眉标 eyebrow、品牌口号首屏、四栏数字段、
首页新闻段、渐变 logo、等宽大写字距的图位标签、可切换的朱橙强调色。
★ 全部数字来自 apple.com.cn 首页 1440×900 的 getComputedStyle，
不是来自任何 skill 的 token 文件（那份 token 已被证伪三次）。
一、页面 = 白底 + 竖向堆叠的瓷砖，缝里露出白（body bg = #ffffff）
通栏瓷砖 1425×692，半幅瓷砖 695×580
横向：通栏 bleed 到边；两列区 padding-inline 12px
纵横缝一律 12px；瓷砖 border-radius = 0；全站 box-shadow = 0
二、瓷砖里的内容栈（居中，顶部对齐，就这么四行，没有第五行）
通栏：产品名 56/600 lh60 @顶 56 → 6px → 一句话 28/400 lh35
→ 17px → 按钮对 17px 高 44
半幅：产品名 40/600 lh44 @顶 53 → 3px → 一句话 21/400 lh28
→ 12px → 按钮对 14px 高 36
★ 一句话与产品名【同色】，不是灰的（实测 rgb(29,29,31) / rgb(245,245,247)）
三、按钮对（成对出现，这是苹果唯一的 CTA 形态）
大：17px / lh20 / padding 11px 21px / 胶囊 / 高 44
小：14px / lh18 / padding 8px 15px / 胶囊 / 高 36
实心 = #0071e3 底 + 白字（深浅瓷砖都是这一个蓝）
描边 = 透明底 + 1px 描边，字与描边【同色】：
浅瓷砖 #0066cc，深瓷砖 #2997ff（实测两套，别用一个）
两个按钮间距 17px
四、页脚以上的辅助文字：区块标题 32/600、正文 17/400、说明 12/400
五、全局导航：高 44px、底 rgba(29,29,31,.8)、backdrop saturate(1.8) blur(20px)、
链接 12px rgba(255,255,255,.8)、当前项纯白且【不加下划线】
六、字体栈首项 "SF Pro SC"。本机没有 SF Pro / PingFang 时，退化到**自托管的
NZY Sans SC**（Noto Sans SC 子集，OFL 1.1，见 site/fonts/）。
它排在 PingFang 之后、【微软雅黑之前】，理由：
· Mac / iOS 命中苹方 ⇒ **根本不会请求这份字体**（零下载）；
· Windows / Linux / 安卓 才下载，`font-display:swap` ⇒ 从不阻塞首屏。
★ 2026-10-12 起【不再引 Google Fonts】：实测 `fonts.googleapis.com`
与 `fonts.gstatic.com` 在**中国大陆基本不可用**，而且那行 是
**渲染阻塞**的 —— 大陆访客要在首屏白等一次超时。全站已摘干净。
真机上线时若拿到 SF Pro SC 授权，把首项换回去即可，其余不用动。
============================================================ */
/* 自托管字体（site/fonts/ → 生成器拷到 /assets/fonts/）。
★ 家族名故意不叫 "Noto Sans SC"：① 让它在字体栈里的位置由我们说了算
（必须在 PingFang 之后、微软雅黑之前）；② 避免与本机已装的同名体混淆。
★ 三档字重各一个文件，子集到「站内用字 ∪ GB2312 一级字」。实测每档 ~0.56 MB。 */
@font-face{font-family:"NZY Sans SC";font-style:normal;font-weight:400;font-display:swap;
src:url(/assets/fonts/noto-sans-sc-400.woff2) format("woff2")}
@font-face{font-family:"NZY Sans SC";font-style:normal;font-weight:500;font-display:swap;
src:url(/assets/fonts/noto-sans-sc-500.woff2) format("woff2")}
@font-face{font-family:"NZY Sans SC";font-style:normal;font-weight:600;font-display:swap;
src:url(/assets/fonts/noto-sans-sc-600.woff2) format("woff2")}
:root{
color-scheme: light;
/* ---- 蓝：苹果的两支蓝，不是「一个强调色」
实心胶囊永远 #0071e3；描边胶囊与文字链接跟瓷砖底色走
（浅瓷砖 #0066cc，深瓷砖 #2997ff）。已定案，不再做可切换主题色。 ---- */
--accent:#0066cc; /* 浅底上的链接 / 描边胶囊 */
--accent-btn:#0071e3; /* 实心胶囊，两套底色都是它 */
--accent-btn-h:#0077ed;
--accent-hover:#0077ed;
--accent-soft:rgba(0,102,204,.10);
/* ---- 中性色：苹果只用这四个面 ---- */
--bg:#ffffff;
--bg-alt:#f5f5f7;
--bg-dark:#000000;
--fg:#1d1d1f;
--fg-2:#6e6e73;
/* ★ 2026-10-12：`--fg-3` 原来 #86868b（rgb 134），比 apple.com.cn 用过的
**任何**文字灰都浅 —— 苹果最浅的文字灰是 rgba(0,0,0,.56)（≈110），
往上一档是 .72（≈71）。而我们这一档用在面包屑、卡片眉标、表注、
键值表标签这些元信息位上 ⇒ 用户反复说的"蒙蒙的"，一部分就是它。
改成苹果的次级灰同值（110）= 与 --fg-2 同档：**我们本来多了一档，
而多出来的那一档比苹果最浅的还浅**。两档合一，值回到苹果的取值上。 */
--fg-3:#6e6e73;
--fg-inv:#f5f5f7;
--fg-inv-2:#a1a1a6;
/* ★★ 页脚配色（2026-10-12 用户："这些太浅色了，看得辛苦"）。
实测 apple.com.cn 页脚三项：目录链接 rgba(0,0,0,.72)（亮度 71）、
小标题 .88（31）、法务行 .56（≈112）。
★ 我们原来把【目录链接】也设成了 --fg-2（110）—— 那正好是苹果
【法务行】那一档 ⇒ 整片页脚都用了最浅的一档，只有脚注才该那么浅。
（上一轮我拿苹果的法务行去比我们的链接，得出"对得上"的结论，是错的。）
⇒ 链接提到苹果的 .72；法务行比苹果再深一档（.64 ≈ 92）——
用户明确说看得辛苦，这是客户偏好，不是苹果取值。 */
--foot-link:rgba(0,0,0,.72);
--foot-legal:rgba(0,0,0,.64);
--line:rgba(0,0,0,.10);
--line-inv:rgba(255,255,255,.14);
/* ---- 导航配色：★ 2026-10-12 修正（用户点名"高级感不行"）----------------
原注释是「苹果导航是深色，实测」—— 那只对【首页】成立。
实测 apple.com.cn 七个页面，真正的规则是【两套】：
/ 深色 rgba(29,29,31,.8) + 白字（首屏是黑底瓷砖）
/mac/ /ipad/ /shop/ 底色【完全透明 transparent】+ 磨砂 none + 深字
/iphone/ 浅实色 rgb(250,250,252) + 深字（它底下是 #f5f5f7，需要自己的底）
/support/ 浅毛玻璃 rgba(250,250,252,.8) + blur(20px) + 深字
⇒ 【除首页外，底色浅、文字深】；而**底色要跟导航底下那一块一致**：
/mac/ 底下是纯白 ⇒ 它就干脆透明，于是"一体"。
★★ 2026-10-12 第二次修正（用户：苹果是一体的白，我们做了底色没融合进来）：
我们原先一律用 rgba(250,250,252,.8)，在白底页上就是一条**看得见的浅灰带**。
而实测**本站除首页外每一页顶部都是 rgb(255,255,255)** ⇒ 应当照 /mac/ 那样
**透明**（连磨砂都不要，实测 /mac/ 的 backdrop 就是 none）。
★ 之所以敢透明：子页导航是 position:relative 【随页面滚走】，
它永远不会压在内容上面 ⇒ 不需要靠底色/磨砂来保证可读性。 */
--nav-bg:transparent;
--nav-backdrop:none;
/* ★ 2026-10-12 用户："除了新泽宇音响与LOGO外，其他的字再加黑一点点"。
原来导航项是 rgba(0,0,0,.8)（= rgb(51,51,51)），比品牌名和 logo 明显浅一截。
现在导航项直接用 --fg（#1d1d1f）；当前项 / hover 用纯黑，保证仍有区分。
★★ 品牌与 logo 的颜色【冻结】在下面两个 token 上，不跟着 --nav-fg 走 ——
用户明确要求这两处保持原样，这也是把它们单列出来的唯一理由。 */
--nav-fg:#1d1d1f;
--nav-fg-on:#000000;
--nav-brand:rgba(0,0,0,.8); /* 品牌文字：与改前逐值一致 */
--nav-brand-mark:#1d1d1f; /* logo：与改前逐值一致 */
--nav-hover-bg:rgba(0,0,0,.06);
--nav-drawer-bg:rgb(250,250,252);
/* ---- 间距 ----
★ 首页【没有】区块留白：整页就是一摞瓷砖，缝 12px。
这个 --gap-section 只给内页的纯文字区块用。 */
--gap-section:clamp(64px,9vw,120px);
--gap-sm:16px;
--gap-md:32px;
--gap-lg:48px;
--gut:22px;
--wrap:980px; /* 文字栏 */
--wrap-wide:1200px;
--tile-gap:12px; /* 瓷砖之间的缝，实测约 12px */
/* ---- 形状：只有这两种取值（实测） ---- */
--r-sm:5px;
--r-pill:980px;
/* ---- 字体：苹果自己的栈，首项 SF Pro SC（实测）。
真机若拿不到 SF Pro SC 授权，退到 PingFang SC；
Windows 上没有 PingFang，故把 Noto Sans SC 提到微软雅黑【之前】——
雅黑与苹方的字形骨架差得远，拿它当默认会把字阶的比例看错。 ---- */
--font:"SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Hiragino Sans GB","NZY Sans SC","Noto Sans SC","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
--mono:ui-monospace,"SF Mono",Menlo,Consolas,"Courier New",monospace;
/* ---- 字阶：apple.com.cn 实测字阶，逐级比例照抄，不自创中间值 ----
大档 = 56 / 40 / 32 / 28 / 21 / 17 / 14 / 12（相邻级差 +8 / +8 / +4 / +7 / +4 / +3 / +2）
中档 / 小档在下方 @media 换档 —— 苹果是【阶梯】，不是流体 clamp。 */
--fs-hero:3.5rem; /* 56 / 600 通栏主标题 */
--fs-tile:2.5rem; /* 40 / 600 瓷砖标题、区块大标题 */
--fs-page:3rem; /* 48 / 600 内页大标题 */
--fs-head:2rem; /* 32 / 600 区块标题（实测是 32，不是 24） */
--fs-lede:1.75rem; /* 28 / 400 首屏副标题、导语 */
--fs-sub:1.3125rem; /* 21 / 400 瓷砖副标题、区块简介 */
--fs-body:1.0625rem; /* 17 / 400 默认正文、CTA、表格 */
--fs-small:.875rem; /* 14 / 400 次级链接 */
--fs-cap:.75rem; /* 12 / 400 导航、页脚、元信息 */
--lh-display:1.07; /* 56 → 60 */
--lh-title:1.1; /* 40 → 44 */
--lh-head:1.125; /* 32 → 36 */
--lh-lede:1.25; /* 28 → 35 */
--lh-body:1.33; /* 21 → 28（实测 1.33；原来的 1.47 明显偏松） */
/* ★ 2026-10-12 新增：正文单独一条行高。
由来：`--lh-body:1.33` 是在 **21px 的小标题**上实测的（28/21），
却被拿去当了 `body` 的行高 ⇒ 17px 正文只有 22.61px，比 Apple 紧 10%。
实测 apple.com.cn 的 body：**1440 / 834 / 390 三个断点都是 17px / 25px**
—— 它是【绝对像素、不随断点变】，不是比值。所以这里也用绝对 px。 */
--lh-text:25px; /* 17 → 25（apple.com.cn 实测，三个断点一致） */
--ls-body:.011em; /* CJK 19~21px 实测 +0.23px；12~17px 与 40 以上都是 0 */
}
/* 深色：系统偏好 */
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]){
color-scheme: dark;
--bg:#000000;
--bg-alt:#1d1d1f;
--fg:#f5f5f7;
--fg-2:#a1a1a6;
--fg-3:#86868b;
--foot-link:rgba(255,255,255,.72);
--foot-legal:rgba(255,255,255,.64);
--line:rgba(255,255,255,.14);
--accent:#2997ff;
--accent-btn:#2997ff;
--accent-btn-h:#5ab0ff;
--accent-hover:#5ab0ff;
--accent-soft:rgba(41,151,255,.16);
/* ★ 深色模式下页面底色是黑的 ⇒ 导航也透明（融进黑底），文字转白。
注意不要给深色模式塞一个"深色底"：那会在黑页上又做出一条看得见的带，
跟浅色模式下那条浅灰带是同一个毛病。首页的 .nav--dark 会自己覆盖回
rgba(29,29,31,.8) + 磨砂（它是 sticky，必须保证滚动时可读）。 */
--nav-bg:transparent;
--nav-backdrop:none;
--nav-fg:rgba(255,255,255,.8);
--nav-fg-on:#fff;
--nav-hover-bg:rgba(255,255,255,.12);
--nav-drawer-bg:#1d1d1f;
}
}
/* 深色：手动切换 */
:root[data-theme="dark"]{
color-scheme: dark;
--bg:#000000;
--bg-alt:#1d1d1f;
--fg:#f5f5f7;
--fg-2:#a1a1a6;
--fg-3:#86868b;
--foot-link:rgba(255,255,255,.72);
--foot-legal:rgba(255,255,255,.64);
--line:rgba(255,255,255,.14);
--accent:#2997ff;
--accent-btn:#2997ff;
--accent-btn-h:#5ab0ff;
--accent-hover:#5ab0ff;
--accent-soft:rgba(41,151,255,.16);
--nav-bg:transparent; /* 同上：深色模式下也透明，融进黑底 */
--nav-backdrop:none;
--nav-fg:rgba(255,255,255,.8);
--nav-fg-on:#fff;
--nav-brand:rgba(255,255,255,.8); /* 深色导航下品牌与 logo 也冻结（与改前一致） */
--nav-brand-mark:#fff;
--nav-hover-bg:rgba(255,255,255,.12);
--nav-drawer-bg:#1d1d1f;
}
/* ---- 字阶换档：照 apple.com.cn 的两级台阶（1068 / 734），同一档内定住不动 ---- */
@media (max-width:1067px){
:root{
--fs-hero:3rem; /* 56 → 48 */
--fs-tile:2rem; /* 40 → 32 */
--fs-page:2.5rem; /* 48 → 40 */
--fs-head:2rem; /* 32 → 32 */
--fs-lede:1.5rem; /* 28 → 24 */
--fs-sub:1.1875rem; /* 21 → 19 */
--fs-body:1.0625rem; /* 17 → 17 */
--fs-small:.875rem; /* 14 → 14 */
--lh-display:1.083; /* 48 → 52 */
--lh-title:1.125; /* 32 → 36 */
--lh-lede:1.29; /* 24 → 31 */
--lh-body:1.37; /* 19 → 26 */
--lh-text:25px; /* 17 → 25（Apple 的正文行高不换档，实测 834 也是 17/25） */
}
}
@media (max-width:734px){
:root{
--fs-hero:2rem; /* 56 → 32 */
--fs-tile:2rem; /* 40 → 32 */
--fs-page:2rem; /* 48 → 32 */
--fs-head:2rem; /* 32 → 32 */
--fs-lede:1.1875rem; /* 28 → 19 */
--fs-sub:1.1875rem; /* 21 → 19 */
--fs-body:.875rem; /* 17 → 14 */
--fs-small:.75rem; /* 14 → 12 */
--lh-display:1.125; /* 32 → 36 */
--lh-title:1.125; /* 32 → 36 */
--lh-lede:1.37; /* 19 → 26 */
/* 这一档 --fs-body 缩到 14px，Apple 那一档没实测过（它的 body 到 390 仍是 17/25），
按 Apple 自己的规律外推：它的行高 ≈ 字号 + 7~8（17→25、19→26、21→28）⇒ 14 → 21。 */
--lh-text:21px; /* 14 → 21（外推，非实测） */
}
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
margin:0;background:var(--bg);color:var(--fg);
font-family:var(--font);font-size:var(--fs-body);line-height:var(--lh-text);
-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--accent-hover);text-decoration:underline}
[hidden]{display:none!important}
/* 给爬虫看的 h1：首页设计上不出现可见大标题（苹果也不出现），
但首页是 872 个页面里唯一得有 h1 的地方 —— 藏起来而不是不写。 */
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;
clip-path:inset(50%);overflow:hidden;white-space:nowrap}
/* 苹果 CJK 标题字重是 600，不是 900 —— 实测 56px/600、40px/600、24px/600。
字距用 0：CJK 不该套 -0.015em 那类拉丁紧排。 */
h1,h2,h3{line-height:var(--lh-title);letter-spacing:0;font-weight:600;margin:0;text-wrap:balance}
p{margin:0}
/* ---------- 版心 ---------- */
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.wrap--wide{max-width:var(--wrap-wide)}
.center{text-align:center}
.center .sec-sub{margin-inline:auto}
/* ---------- 架构稿提示条 ---------- */
.proto{
position:relative;z-index:80;background:#1d1d1f;color:#f5f5f7;
font-size:var(--fs-cap);line-height:1.333;border-bottom:1px solid rgba(255,255,255,.12);
}
.proto__in{
max-width:var(--wrap-wide);margin-inline:auto;padding:9px var(--gut);
display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:center;text-align:center;
}
.proto b{font-weight:600}
.proto__ctl{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.proto button{
font:inherit;font-size:var(--fs-cap);color:#f5f5f7;background:rgba(255,255,255,.12);
border:1px solid rgba(255,255,255,.28);border-radius:var(--r-pill);
padding:3px 11px;cursor:pointer;
}
.proto button:hover{background:rgba(255,255,255,.22)}
.proto button[aria-pressed="true"]{background:#f5f5f7;color:#1d1d1f;border-color:#f5f5f7}
/* ============================================================
全局导航 —— 高 44px、12px 链接（实测）；配色【两套】，见下面 --nav-bg 的注释
============================================================ */
.nav{
/* ★ 2026-10-12：子页改成 relative —— 【随页面滚走】，与苹果一致。
实测 apple.com.cn/mac/ 的导航是 position:absolute，滚下去 top 变 -600、
往上滚回 1000 也【不回来】（纯 absolute，没有"下滑隐藏/上滑再现"的 JS）；
而 apple.com.cn/ 首页是 fixed，一直钉着。
★ 我们这里用 relative 而不是 absolute：行为一样（都在文档流顶端、都滚走），
但 relative 【仍然占着那 44px】⇒ 不用给内容补 padding-top，
而且它仍是定位元素（手机抽屉的 absolute 要挂在它上面）。
首页那套（.nav--dark）保留 sticky ⇒ 与苹果首页的 fixed 等效，见下。 */
position:relative;
top:env(safe-area-inset-top,0px);z-index:60;
background:var(--nav-bg);color:var(--fg-inv);
backdrop-filter:var(--nav-backdrop);
-webkit-backdrop-filter:var(--nav-backdrop);
}
/* 首页专用（首屏是黑底瓷砖 ⇒ 白字才读得清）：实测 apple.com.cn/ 就是这一套。
由 render_nav 只给首页加上这个类；其余页面走 :root 里的浅色默认值。
★ 首页导航【钉住】：苹果首页实测是 position:fixed。我们用 sticky 得到同样的
"一直贴在顶上"，但不必给 body 补 44px 内边距（fixed 会脱离文档流）。 */
.nav--dark{
position:sticky;
--nav-bg:rgba(29,29,31,.8);
/* ★ 首页是 sticky ⇒ 滚动时内容会从底下过，必须靠磨砂保证可读性。
子页透明是因为它随页面滚走、永远不压内容（见 :root 里的说明）。 */
--nav-backdrop:saturate(180%) blur(20px);
--nav-fg:rgba(255,255,255,.8);
--nav-fg-on:#fff;
--nav-brand:rgba(255,255,255,.8); /* 深色导航下品牌与 logo 也冻结（与改前一致） */
--nav-brand-mark:#fff;
--nav-hover-bg:rgba(255,255,255,.12);
--nav-drawer-bg:#1d1d1f;
}
/* ★ 手机抽屉摊开时把导航钉回去：子页导航平时随页面滚走，
摊着菜单再往下滚会让菜单跟着跑掉。由 site.js 加/去这个类。 */
.nav--pinned{position:sticky}
/* ★ 一条 flex 行 + space-between —— 这才是苹果的结构，不是「居中一簇」。
实测 apple.com.cn/mac/：`#globalnav .globalnav-content` 宽 1024、padding 0 22px；
里面 `ul.globalnav-list` 是【996px 的一条 space-between 行】，
logo、13 个栏目、搜索、购物袋全是这一行的 flex 子项，相邻盒子之间
恒为 31/32px —— 而且是「摊满整行」摊出来的，不是 padding 给的。
★ 我们原先写成 grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)，
把菜单居中、两侧等宽。中文站没事（品牌 95px 装得进 122.8px 的侧栏），
英文站 `New Zeyu Audio` 131px 就【压到第一个栏目上】——
实测重叠：1440/1280/1100/1068 都 +9px，900 +22，834 +39。
根因不是品牌太长，是「居中」这个约束本身：两侧等宽 ⇒ 中间那簇的宽度
被【品牌与工具条里更宽的那个】反推，字一长必然互撞。
⇒ 换成苹果的 space-between：没有等宽侧栏，也不再有「居中」约束，
品牌贴左、工具贴右、栏目在中间摊开，任何长度都撞不上。
★ .nav__menu 用 display:contents 把 自己的盒子去掉，让 7 个 -
直接成为 .nav__in 的 flex 子项 —— 苹果的 ul.globalnav-list 就是这个效果。
还在 DOM 里（语义、a11y 不变），只是不参与布局。 */
.nav__in{
max-width:1024px;margin-inline:auto;padding-inline:var(--gut);
height:44px;display:flex;align-items:center;justify-content:space-between;
}
.brand { display:flex;align-items:center;gap:7px;color:var(--nav-brand);min-width:0;text-decoration:none;flex:0 0 auto; }
.brand:hover{color:var(--nav-fg-on);text-decoration:none}
/* 占位标记。原来是个蓝橙渐变块 —— 那是我自己的手势；苹果的标志是单色的。
★★ 2026-10-12：主路径的 fill 从写死的 #ffffff 改成 **currentColor**。
由来（用户）：浅色导航上"LOGO 刚好白色就不好看了"——实测导航内联的正是
网站库里的【反白版】（`E:\网站\logo输出\新泽宇-图形LOGO-反白.svg`，
#ffffff + #E64C24），它是**为深色导航画的**，放到白底上整个消失、只剩橙块。
库里的三版形状**逐字节相同**（path d 完全一致），只有填色不同：
· 新泽宇-图形LOGO.svg #000000 + #E64C24 ← 深色底专用
· 新泽宇-图形LOGO-反白.svg #ffffff + #E64C24 ← 深色导航专用
· 新泽宇-图形LOGO-单色.svg currentColor ← 跟着文字色走
⇒ 用 currentColor 【一次拿到两版】：浅色导航 = 库里的黑色+橙，
首页深色导航 = 原来的白+橙，深色模式自动跟随。橙色 #E64C24 两版都保留。
★ color 显式取 --nav-fg-on（而不是让它继承 --nav-fg）：否则会和下面的
opacity:.8 叠成"80% × 80%"，浅底上淡得看不清。 */
.brand__mark { width:24px;height:24px;flex:0 0 auto;display:block;color:var(--nav-brand-mark);opacity:.8;transition:opacity .2s ease }
.brand__mark svg { display:block;width:100%;height:100% }
.brand:hover .brand__mark { opacity:1 }
.brand__nm { font-size:.78rem;font-weight:600;letter-spacing:.02em;white-space:nowrap }
.brand__sub{display:none}
/* 苹果的栏目间距 = 【摊满剩下那条缝】摊出来的（996px 里 14 项，相邻盒子 31/32px），
所以它随视口收窄一起收：1400→32 1000→28 900→21 850→17 834→16。
★ 但那只对苹果成立 —— 它是 14 项摊 996px。我们只有 7 栏，摊满会到 47px，
一个大缝。所以这里【不再自己定间距】：格局交给 space-between，
间隙由视口宽度和条目宽度自然决定，跟苹果同一条规律、不是同一条曲线。
★ display:contents 见上（ 不出盒子，- 直接进 flex 行）。 */
.nav__menu{
display:contents;
list-style:none;margin:0;padding:0;
}
/* 苹果导航项：纯白 = 当前页，不上色、不加下划线（实测） */
/* 实测：链接 12px、内边距 0 8px、撑满 44px 整条导航（linkH = 44） */
.nav__menu a{
color:var(--nav-fg);font-size:var(--fs-cap);white-space:nowrap;
display:flex;align-items:center;height:44px;padding:0 8px;
text-decoration:none;transition:color .2s ease;
}
.nav__menu a:hover{color:var(--nav-fg-on);text-decoration:none}
.nav__menu a[aria-current="page"]{color:var(--nav-fg-on)}
.nav__tools{display:flex;align-items:center;gap:4px;flex:0 0 auto}
.nav__ico{
width:28px;height:28px;border:0;background:transparent;color:var(--nav-fg);
cursor:pointer;border-radius:var(--r-pill);display:grid;place-items:center;
font:inherit;font-size:.6875rem;letter-spacing:.04em;padding:0;transition:color .2s ease;
/* 语言切换是一个【真的 】（爬虫要能顺着 hreflang 走出去），
不是