/* v: cache-bust-20260817-001 */
/* 100% 照搬 OW header 视觉,但你要求不浮动,所以 position: static
   ——保留背景 + 底边线 + 65px 高 + backdrop-filter(静态时也无所谓) */
.nav[data-v-387c0ab5] {
  position: fixed;              /* 固定定位 — 相对视口,不依赖父容器,不消失 */
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  height: 65px;
  /* 用户反馈:去掉静态发丝边(第 66 行)。静态时 nav 跟 hero 背景融为一片,看不到上边界;
     滚动后用 box-shadow 0 1px 0 模拟柔光边缘(apple-design §12 "scroll edge effects, not hard dividers") */
  border-bottom: 0;                       /* 去掉静态硬 border */
  /* Apple §12 "macOS Sonoma 顶栏" —— 真 translucent 做法:
     - 整个 nav 区域实色 + 强 backdrop-filter(底边不要 mask 掉,mask 会杀掉 blur)
     - 底边用 box-shadow / gradient 边缘晕模拟"融化感"(Apple 原话:"Scroll edge effects, not hard dividers")
     - 不叠 "light + light" —— 整个 nav 是一个完整的毛玻璃层 */
  /* macOS Sonoma / iOS 真 translucent 模式:
     - 静态:完全不透明 + 用 body 同一 bg(让 nav 看上去"和下面融为一体",看不出边界)
     - 滚动:才渐变到半透明 + backdrop-filter(玻璃化)
     这样避免"白茫茫一片" / nav 比 hero 浅一档 的脏感 */
  background: var(--bg);
  /* 滚动后状态在 .nav.is-scrolled 里用 box-shadow 0 1px 0 模拟柔光边缘;
     静态时彻底不要 border — nav 跟 hero 背景融为一体 */
  transition: background-color .32s ease, backdrop-filter .32s ease, -webkit-backdrop-filter .32s ease, box-shadow .32s ease;
}
/* 滚动后玻璃化 —— 透明度变 + blur 开起来,内容能透上来 */
.nav.is-scrolled[data-v-387c0ab5] {
  background: color-mix(in srgb, var(--bg) 65%, transparent);
  /* Safari 用 -webkit-,Chrome/Firefox 用无前缀 —— 两个都写 */
  backdrop-filter: blur(28px) saturate(180%);
  -webkit-backdrop-filter: blur(28px) saturate(180%);
  /* 用户反馈:滚动时 nav 不要任何阴影 —— 玻璃模糊保留,但不画 box-shadow */
  box-shadow: none;
  border-bottom-color: transparent;
}
/* Apple §12: 深色下不能透得太狠(否则黑透),但 blur 仍要保留
   —— 用 :deep() 不行,直接挂 body[data-theme] 上 */
body[data-theme="dark"] {
  background: color-mix(in srgb, var(--bg) 55%, transparent);
}
/* 深色模式:logo 颜色反过来 —— 黑底换白底,"O" 换黑色
   注意:Vue scoped 编译器会吞掉 :global(...) .foo 这种写法的 .foo,
   所以深色规则放到 global.css 里,带 [data-v-xxx] 属性选择器命中 */
/* Apple §12: 顶栏底边"边缘晕"改用 box-shadow(在 .nav 里),不再用 ::after 渐变 —— 因为
   ::after 在 backdrop-filter 上方也会被 glass filter 影响,产生"两层玻璃"的视觉噪点 */
.nav__inner[data-v-387c0ab5] {
  width: min(100%, 1120px);
  margin: 0 auto;
  padding-inline: 28px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  height: 65px;
  gap: 20px;
}
.brand[data-v-387c0ab5] {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--text);
  text-decoration: none;
  /* OW 照搬:品牌字用 Montserrat(--font-brand) */
  font-family: var(--font-brand);
  /* Apple §15:nav brand 17px 中字,tracking 近 0(-0.022em 是大字的负字距,17px 用会挤) */
  font-weight: 600;
  font-size: 17px;
  letter-spacing: 0;
  white-space: nowrap;
  flex-shrink: 0;
}
.brandMark[data-v-387c0ab5] {
  display: grid;
  width: 28px; height: 28px;
  place-items: center;
  border-radius: 50%;
  /* 用户反馈:把"O"加大 + 背景换成黑色,其他一律不动。
     背景/字色用 --brand-mark-bg / --brand-mark-fg,
     深色模式在 global.css 里通过 :root[data-theme="dark"] 反转 */
  background: var(--brand-mark-bg, #000000);
  color: var(--brand-mark-fg, #fff);
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  font-family: var(--font-display);
  letter-spacing: -0.022em;
}
.brandMark__o[data-v-387c0ab5] {
  display: block;
  /* 像素实测(8x):openworkerDisplay 的 O 墨迹中心偏上 2.19px,
     补偿必须作用在文字上而非整个圆标(否则圆和 O 一起搬,相对位置不变) */
  transform: translateY(2.2px);
}
.nav__links[data-v-387c0ab5] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
  /* Apple §15:nav links — 14/-.016em/560(系统 vibrancy 上需要略加重) */
  font-size: 14px;
  letter-spacing: -0.016em;
  font-weight: 540;
  flex: 1;
  min-width: 0;
}
.nav__links a[data-v-387c0ab5] {
  /* Apple §12 Vibrancy: 透光表面的文字要"高对比 + 略加字距 + 略加字重",
     否则在 35% 透明白底上字会糊 */
  color: var(--text);
  font-weight: 560;
  letter-spacing: 0.01em;
  transition: color .15s ease;
  white-space: nowrap;
}
.nav__links a[data-v-387c0ab5]:hover { color: var(--accent);
}
.nav__actions[data-v-387c0ab5] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 13px;
  flex-shrink: 0;
}
.nav__download[data-v-387c0ab5] {
  display: inline-flex; align-items: center; gap: 8px;
  height: 38px;
  padding: 0 16px;
  border-radius: var(--radius-sm, 8px);
  background: var(--ink);
  color: var(--bg);
  /* Apple §15:button — 14/-.016em/600(Apple 按钮字重档) */
  font-size: 14px;
  letter-spacing: -0.016em;
  font-weight: 600;
  transition: opacity .15s ease, transform .12s ease;
  white-space: nowrap;
}
.nav__download[data-v-387c0ab5]:hover { opacity: .9;
}
/* Apple §1: pointer-down 瞬间缩放反馈 */
.nav__download[data-v-387c0ab5]:active { transform: scale(0.96); transition: transform 80ms ease-out;
}
@media (max-width: 880px) {
.nav__links[data-v-387c0ab5] { display: none;
}
}

.foot[data-v-7180ad94] {
  padding: 32px 0 48px;
  border-top: 0;
  background: var(--bg);
}
.foot__inner[data-v-7180ad94] {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 24px;
  font-size: 12.5px;
  color: var(--text-3);
}
.brand[data-v-7180ad94] {
  display: inline-flex; align-items: center; gap: 8px;
  color: var(--text);
  /* OW 照搬:品牌字 Montserrat */
  font-family: var(--font-brand);
  font-weight: 600;
  font-size: 14px;
}
/* Oxen 是主品牌名,跟着 .brand 走粗体主色;Oxen是辅助,弱色小字号 */
.brand__sub[data-v-7180ad94] {
  font-family: var(--font-sans);
  font-size: 12px;
  font-weight: 500;
  color: var(--text-3);
  letter-spacing: .02em;
}
.copy strong[data-v-7180ad94] { font-weight: 700; color: var(--text); font-style: normal;
}
.copy em[data-v-7180ad94]     { font-style: normal; font-weight: 500; color: var(--text-3); font-size: 12px;
}
.brand__mark[data-v-7180ad94] {
  display: grid;
  width: 22px; height: 22px;
  place-items: center;
  border-radius: 50%;
  /* 跟 SiteNav 一致:黑底 + 中间 "O";深色模式通过 --brand-mark-* 变量反转 */
  background: var(--brand-mark-bg, #000000);
  color: var(--brand-mark-fg, #fff);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  font-family: var(--font-display);
  letter-spacing: -0.05em;
}
.brand__mark__o[data-v-7180ad94] {
  display: block;
  /* 同 nav:补偿作用在文字上;像素实测 12px 小盘偏上 1.91px */
  transform: translateY(1.15px);
}
nav[data-v-7180ad94] {
  display: flex; gap: 18px; flex-wrap: wrap;
}
nav a[data-v-7180ad94] {
  color: var(--text-3);
  transition: color .15s ease;
}
nav a[data-v-7180ad94]:hover { color: var(--text);
}
.foot__console[data-v-7180ad94] {
  color: var(--accent);
  font-weight: 500;
}
.foot__console[data-v-7180ad94]:hover { color: var(--accent-deep);
}
@media (max-width: 720px) {
.foot__inner[data-v-7180ad94] { grid-template-columns: 1fr; text-align: left;
}
  /* 移动端可读性:页脚链接是可点击目标,提到 13.5 */
nav a[data-v-7180ad94], .copy[data-v-7180ad94], .copy strong[data-v-7180ad94], .copy em[data-v-7180ad94] { font-size: 13.5px;
}
}

/* ===== hero copy ===== */
/* hero 满屏不超:hero 占满"nav 下方可视区",底部正好压到 viewport 底
   - min-height: calc(100dvh - 65px) = viewport - nav,不让 hero 撑出 viewport
   - flex + center 让 h1/p/CTA 居中
   - padding 不对称(顶 48 / 底 112)用来补偿"内容偏下 32 px":
     因为 main 全局有 padding-top: 65px,hero 内容在 hero 内部居中时,
     相对 viewport 中线(450)会偏下 32 px,把 padding 顶减 32 就让内容中心回到 450 */
.hero[data-v-4b896df1] {
  min-height: calc(100vh - 65px);
  /* svh 稳定小视口:Android 下滑时地址栏收起,dvh 会随之变长导致回闪;
     svh 恢复后也不变 —— 在手机上 hero 总是一屏高 */
  min-height: calc(100svh - 65px);
  padding: 48px 0 112px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hero__grid[data-v-4b896df1] {
  display: grid;
  /* carousel 隐藏后,左栏居中扩到 880px,像 Apple hero 那种"独立宣言"节奏 */
  grid-template-columns: minmax(0, 880px);
  justify-content: center;
  gap: 32px;
  align-items: start;
}
.hero__grid[data-v-4b896df1] > * { min-width: 0;
}
.hero__copy[data-v-4b896df1] { text-align: left;
}
.hero__copy h1[data-v-4b896df1] {
  font-family: var(--font-serif);   /* 用衬线字体族 — 减商业感,加"主张" */
  /* Apple §15:display — 字重大,行高紧,字距随 size 收紧 */
  font-size: clamp(56px, 5vw, 80px);   /* Apple \u00a716 Restraint: hero \u662f\u72ec\u7acb\u4e3b\u5c4f, \u4efb\u4f55\u5c3a\u5bf8\u90fd\u8981\u660e\u663e\u6bd4\u6b63\u6587\u5927; \u4e0a\u9650 80 \u52a0\u5f3a\u4e3b\u5f20, \u4e0b\u9650 56 \u4fdd\u8bc1 1024/390 \u4e0d\u8dcc\u5230\u201c\u4e3b\u5c4f\u201d\u4ee5\u4e0b */
  /* Apple §16 craft: hierarchy 来自 weight + size + leading 组合;衬线大字 700 才是 Apple 那套 */
  font-weight: 700;
  line-height: 1.15;   /* Apple \u00a715: \u4e2d\u6587\u886c\u7ebf\u5927\u5b57\u9700 1.12-1.15 \u884c\u9ad8\u907f\u514d\u201c\u8bf4\u201d\u201c\u505a\u201d\u7b14\u753b\u76f8\u5207 */
  letter-spacing: -0.022em;
  /* 跟 hero__copy 单列宽 (880px) 对齐,h1 不再卡 640px 让左对齐成整 */
  max-width: 880px;
  text-wrap: balance;
}
.hero__copy h1 .h-accent[data-v-4b896df1] {
  /* 整句都用衬线,"你说"和"我做" 共享,加 strong color 但不加 italic
     (中文 italic 不标准),靠衬线字形本身取胜 */
  font-style: normal;
  font-weight: 700;
  color: var(--accent);
  font-size: 1em;
  letter-spacing: -0.022em;
}
.hero__copy h1 .h-sep[data-v-4b896df1] {
  /* 句中逗号,保持衬线字体本身,不做强调色,作为停顿 */
  color: var(--text-3);
  font-weight: 400;
  margin: 0 -0.05em;       /* 收紧逗号两侧间距 */
}
.hero__copy h1 .h-mom[data-v-4b896df1] { font-size: 0.72em;
}   /* “妈妈” 调小,避免打破 h1 主张 */
:root[data-theme="dark"] .hero__copy h1 .h-accent[data-v-4b896df1] { color: var(--accent);
}
/* Apple §15: 中文衬线 large text 走微正字距(消除方块字挤压) */
:lang(zh) .hero__copy h1[data-v-4b896df1] { letter-spacing: 0;
}   /* Apple \u00a715: \u4e2d\u6587\u886c\u7ebf\u5927\u5b57\u9700\u6536\u7d27, \u907f\u514d\u201c\u4f60\u8bf4 \u6211\u505a\u201d\u8fc7\u5bbd */
.hero__copy p[data-v-4b896df1] {
  /* Apple §15 typography:body 字号别紧,行高 1.45,字距 0;hero h1 -> p 间 32px 让"独立宣言"节奏更明显 */
  /* Apple \u00a716 Craft: hero h1 4 \u6863 + lead \u63a5\u4f4f\u8282\u594f, \u5b57\u4f53\u65cf\u8ddf h1 \u540c\u6e90(\u886c\u7ebf) */
  color: var(--text);
  font-family: var(--font-serif);
  font-size: 24px;             /* 19 \u2192 24, \u8ddf h1 \u5dee\u4ece 3.8x \u6536\u5230 3.0x */
  font-weight: 500;            /* 400 \u2192 500, lead \u8db3\u591f\u63a5\u4f4f h1 \u7684\u4e3b\u5f20 */
  line-height: 1.6;            /* 1.45 \u2192 1.6, 24px \u886c\u7ebc\u9700\u8981\u547c\u5438 */
  letter-spacing: 0;
  margin-top: 28px;            /* 32 \u2192 28, \u8ba9 lead \u8d34 h1 \u5e95 */
  max-width: 720px;            /* 640 \u2192 720, \u8ddf h1 880 \u5bf9\u9f50 */
}
.hero__lead strong[data-v-4b896df1] { color: var(--accent-deep); font-weight: 700;
}
:root[data-theme="dark"] .hero__lead strong[data-v-4b896df1] { color: var(--accent);
}
.hero__ctas[data-v-4b896df1] {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: start;
  gap: 12px;
  margin-top: 30px;
}
.hero__ctas .btn-primary[data-v-4b896df1],
.btn-primary[data-v-4b896df1] {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 48px;
  gap: 12px;
  padding: 12px 24px;
  border-radius: var(--radius-sm, 8px);
  background: var(--ink);
  color: var(--bg);
  font-weight: 670;
  font-size: 14px;
  transition: opacity .15s ease, transform .15s ease;
}
/* Apple §1: hover 仅淡色变化,translateY 已移除避免与 pointer-down scale 冲突 */
.btn-primary[data-v-4b896df1]:hover { opacity: .9;
}
/* Apple §16 M27 familiarity: 不可点的按钮要"看着像不可点"
   - 实心浅灰底(而非空心)+ 划线文字 + cursor not-allowed + 无 hover/active 反馈
   - "即将推出" 角标改成"badge"贴在按钮内右下,不浮在外 */

/* carousel 横幅面 CSS 已删除 */
/* responsive */
@media (max-width: 1080px) {
.hero__grid[data-v-4b896df1] { grid-template-columns: 1fr; gap: 48px;
}
}
@media (max-width: 760px) {
  /* 桌面 padding 48/112 补偿 main 65px 偏下;移动同理顶小底大,数值同比缩 ~70% */
.hero[data-v-4b896df1] { padding: 24px 0 80px;
}
  /* 移动端:h1 解除 nowrap 允许换行;字号用 clamp 自适应,不固定 2rem
     (桌面 48-72,移动 40-56,390px 时约 46.8 — 比 32 有"主张"重量) */
.hero__copy h1[data-v-4b896df1] {
    white-space: normal;
    font-size: clamp(48px, 12vw, 64px);   /* \u4e0b\u9650 48 \u4fdd\u8bc1\u624b\u673a hero \u4e0d\u4f1a\u4e22\u201c\u4e3b\u5f20\u201d, \u4e0a\u9650 64 \u4fdd\u8bc1\u5c0f\u5e73\u677f\u8db3\u591f\u4e3b */
    line-height: 1.15;
}
}

.eco[data-v-67a41dbb] { padding: 128px 0;
}
.eco__head[data-v-67a41dbb] {
  max-width: 680px;
  margin-inline: auto;
  margin-bottom: 56px;
  text-align: center;
}
.eco__head .eyebrow[data-v-67a41dbb] {
  display: inline-block;
  margin-bottom: 10px;
  color: var(--accent-deep);
  font-size: 12px;
  font-weight: 720;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.eco__head h2[data-v-67a41dbb] {
  font-family: var(--font-serif);   /* 跟 hero h1 同一套字体族(衬线) */
  font-weight: 600;
  font-size: clamp(40px, 4vw, 48px);
  line-height: 1.10;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 1.06;
  /* Apple §15:display 48px 用 -.003em,不是 -.048em(后者太紧,中文会挤) */
  letter-spacing: 0;   /* Apple \u00a715: \u4e2d\u6587\u886c\u7ebf\u4e2d\u5b57\u4e2d\u6027\u5b57\u8ddd, \u907f\u514d\u6324 */
  margin-top: 10px;
  text-wrap: balance;
}
.eco__head h2 em[data-v-67a41dbb] { font-style: normal; color: var(--accent);
}
:root[data-theme="dark"] .eco__head h2 em[data-v-67a41dbb] { color: var(--accent);
}
.eco__head p[data-v-67a41dbb] {
  /* 核心引导段:用主文色 --text,与 h2 同档 */
  color: var(--text);
  font-family: var(--font-serif);   /* 跟 h2 同源(衬线), 接住节奏 */
  font-size: 16px;   /* 段副文级:OW 同级 16.5,Apple 惯例 lead ≈ 标题 1/3;
                       与卡片正文 14 拉开层级,14 时和正文无差距 */
  line-height: 1.6;   /* 全站正文行高统一 */
  margin: 16px auto 0;
  max-width: 660px;
}
.eco__body[data-v-67a41dbb] {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 18px 24px;
  align-items: start;
}
.eco__col[data-v-67a41dbb] {
  display: contents;
}
.eco__label[data-v-67a41dbb] {
  display: flex; flex-direction: column; align-items: flex-start;
  gap: 4px;
  font-size: 12px;
  color: var(--text-3);
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 700;
  grid-column: 1;
  margin-bottom: 4px;
}
.eco__label strong[data-v-67a41dbb] {
  color: var(--accent);
  font-size: 12px;
  font-weight: 720;
}
.eco__label span[data-v-67a41dbb] {
  font-weight: 500;
  letter-spacing: .04em;
  font-size: 12px;
  color: var(--text-3);
  text-transform: none;
}
.eco__grid[data-v-67a41dbb] {
  display: flex; flex-wrap: wrap;
  gap: 8px;
}
.pill[data-v-67a41dbb] {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 7px 14px 7px 9px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--surface);
  font-size: 12px;
  color: var(--text);
  transition: border-color .15s ease, transform .15s ease;
}
/* Apple §1: pill hover 仅边框加重,translateY 已移除避免与 :active scale 冲突 */
.pill[data-v-67a41dbb]:hover { border-color: var(--ink);
}
.pill[data-v-67a41dbb]:active { transform: scale(0.97); transition: transform 80ms ease-out;
}
.pill img[data-v-67a41dbb] {
  width: 22px; height: 22px;
  border-radius: 5px;
  background: var(--surface);
  flex-shrink: 0;
}
.pill--more[data-v-67a41dbb] { font-style: normal;
}
.pill--more b[data-v-67a41dbb] {
  font-weight: 700;
  letter-spacing: 1px;
  margin-right: 2px;
}
@media (max-width: 720px) {
  /* 移动端可读性:pill 名是主要信息(品牌名),提到 13 */
.pill[data-v-67a41dbb] { font-size: 13px;
}
.eco__label strong[data-v-67a41dbb] { font-size: 13px;
}   /* 列标签跟 pill 同级 */
.eco[data-v-67a41dbb] { padding: 72px 0;
}
}

.how[data-v-7e0c6eff] { padding: 128px 0;
}
/* .band \u5df2\u79fb\u9664\u80cc\u666f\u8986\u76d6 \u2014\u2014 \u4e0a\u9762 how \u73af\u8282\u8981\u4fdd\u6301\u767d\u80cc\u666f,\u5168\u5c40 main > section:nth-of-type(even) \u4ee3\u66ff */
.how__head[data-v-7e0c6eff] {
  max-width: 680px;
  margin-inline: auto;
  margin-bottom: 56px;
  text-align: center;
}
.how__head .eyebrow[data-v-7e0c6eff] {
  display: inline-block;
  margin-bottom: 10px;
  color: var(--accent-deep);
  font-size: 12px;
  font-weight: 720;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.how__head h2[data-v-7e0c6eff] {
  font-family: var(--font-serif);   /* 跟 hero h1 同一套字体族(衬线) */
  font-weight: 600;
  font-size: clamp(40px, 4vw, 48px);
  line-height: 1.10;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 1.06;
  /* Apple §15:display 48px 用 -.003em,不是 -.048em(后者太紧,中文会挤) */
  letter-spacing: 0;   /* Apple \u00a715: \u4e2d\u6587\u886c\u7ebf\u4e2d\u5b57\u4e2d\u6027\u5b57\u8ddd, \u907f\u514d\u6324 */
  margin-top: 10px;
  text-wrap: balance;
}
.how__head h2 em[data-v-7e0c6eff] { font-style: normal; color: var(--accent);
}
:root[data-theme="dark"] .how__head h2 em[data-v-7e0c6eff] { color: var(--accent);
}
.how__head p[data-v-7e0c6eff] {
  /* 核心引导段:用主文色 --text */
  color: var(--text);
  font-family: var(--font-serif);   /* 跟 h2 同源(衬线), 接住节奏 */
  font-size: 16px;   /* 段副文级:OW 同级 16.5,Apple 惯例 lead ≈ 标题 1/3;
                       与卡片正文 14 拉开层级,14 时和正文无差距 */
  line-height: 1.6;   /* 全站正文行高统一 */
  margin: 16px auto 0;
  max-width: 660px;
}

/* ===== 流程图 ===== */
.flow[data-v-7e0c6eff] {
  display: grid;
  grid-template-columns: 1fr auto 1.4fr auto 1.4fr;
  align-items: stretch;
  gap: 24px;
  margin-bottom: 64px;
  position: relative;
  /* 去掉外面那层大卡(背景/边框/圆角/阴影/内边距)— 只保留 4 个小卡并排布局 */
}
/* Apple §1 反馈统一:全部 5 个 flow 卡(ask/worker/tools/return) hover 加深 border、
   press 微缩 —— 与下方 .how__steps article 同款 */
.flow__ask[data-v-7e0c6eff], .flow__worker[data-v-7e0c6eff], .flow__tools[data-v-7e0c6eff] {
  display: flex; flex-direction: column;
  gap: 4px;
  padding: 14px 14px;
  border: 0;
  border-radius: var(--radius);
  position: relative;
  /* how 段是白底,workflow 内 3 张子卡也走冷灰 #f5f5f7(和 .flow__return 一致,\u201c\u7eb8\u7247\u6f02\u5728\u767d\u4e0a\u201d) */
  background: var(--paper);
  transition: box-shadow .2s ease;
}
.flow__ask[data-v-7e0c6eff]:hover, .flow__worker[data-v-7e0c6eff]:hover, .flow__tools[data-v-7e0c6eff]:hover {
  box-shadow: 0 1px 0 rgba(0,0,0,.04), 0 6px 16px rgba(0,0,0,.04);
}
:root[data-theme="dark"] .flow__ask[data-v-7e0c6eff],
:root[data-theme="dark"] .flow__worker[data-v-7e0c6eff],
:root[data-theme="dark"] .flow__tools[data-v-7e0c6eff] {
  /* 深色下 surface #161A23 vs paper #11141B,卡边对比更明显
     .15 ≈ 浅色 0.14 alpha 对等,常态边能看见,hover 跳到 ink(#E8EAF0) 反差才明显 */
  border-color: rgba(255,255,255,.15);
}
/* dark 下 hover 用更亮的 token,避免 1px 细线在暗背景感知弱 */
:root[data-theme="dark"] .flow__ask[data-v-7e0c6eff]:hover,
:root[data-theme="dark"] .flow__worker[data-v-7e0c6eff]:hover,
:root[data-theme="dark"] .flow__tools[data-v-7e0c6eff]:hover,
:root[data-theme="dark"] .flow__return[data-v-7e0c6eff]:hover {
  border-color: var(--text);
}
.flow__ask[data-v-7e0c6eff]:hover, .flow__worker[data-v-7e0c6eff]:hover, .flow__tools[data-v-7e0c6eff]:hover,
.flow__return[data-v-7e0c6eff]:hover {
  border-color: var(--ink);
}
.flow__ask[data-v-7e0c6eff]:active, .flow__worker[data-v-7e0c6eff]:active, .flow__tools[data-v-7e0c6eff]:active,
.flow__return[data-v-7e0c6eff]:active {
  transition: transform 80ms ease-out;
  transform: scale(0.985);
}
.flow__tools[data-v-7e0c6eff] { padding: 12px 12px; gap: 8px;
}
/* 去掉 .flow__ask 的 background: var(--surface) 覆写 —— 深色下与其它 3 张不一致 */
.flow__ask span[data-v-7e0c6eff] {
  /* how 段冷灰底,辅文从 text-3 提到 text-2(“和其他 card 一样”) */
  font-size: 11px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--text-2); font-weight: 700;
}
.flow__ask strong[data-v-7e0c6eff] {
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.009em;
  color: var(--text);
}
.flow__ask p[data-v-7e0c6eff] {
  font-size: 12px; color: var(--text-2); line-height: 1.5;
  margin-top: 4px;
  padding: 0;
  border-radius: 10px;
  font-style: italic;
}
.flow__worker[data-v-7e0c6eff] { align-items: center; text-align: center; gap: 4px;
}
.flow__mark[data-v-7e0c6eff] {
  /* how 段 logo: 黑圆 + 白字 "O" (用户偏好,区别于顶部品牌蓝圆) */
  display: inline-grid; place-items: center;
  width: 32px; height: 32px;
  border-radius: 50%;
  background: var(--ink);
  color: var(--bg);
  font-size: 17px; font-weight: 700;
  font-family: var(--font-display);
  margin-bottom: 4px;
}
.flow__worker strong[data-v-7e0c6eff] {
  font-size: 17px; font-weight: 600; color: var(--text); letter-spacing: -0.022em;
}
.flow__worker small[data-v-7e0c6eff] {
  /* 8px 太小看不见 —— 升到 10px;颜色提到 text-2 */
  font-size: 12px;   /* 中文说明字要可读 */
  color: var(--text-2);
  line-height: 1.4;
  padding: 5px 8px;
  border-radius: 999px;
  background: var(--tint-accent-soft);
  font-weight: 700;
}
.flow__worker b[data-v-7e0c6eff] {
  margin-top: 8px;
  padding: 5px 10px;
  border-radius: 999px;
  background: var(--tint-accent-soft);
  font-size: 11px; letter-spacing: .14em; text-transform: uppercase;
  /* 冷灰底上蓝字太淑,改为主文色 —— “和其他 card 一样” */
  color: var(--text); font-weight: 700;
}
.flow__tools[data-v-7e0c6eff] { gap: 10px;
}
.flow__tools strong[data-v-7e0c6eff] {
  font-size: 11px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--text-2); font-weight: 700;
}
.flow__icons[data-v-7e0c6eff] {
  display: flex; flex-wrap: wrap; gap: 6px;
}
.flow__icons > span[data-v-7e0c6eff] {
  display: inline-grid; place-items: center;
  width: 36px; height: 36px;
  border-radius: 10px;
  background: var(--hairline-2);
  border: 1px solid var(--line-soft);
}
.flow__icons img[data-v-7e0c6eff] {
  width: 22px; height: 22px;
  border-radius: 5px;
}
.flow__icons .more[data-v-7e0c6eff] {
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 14px;
  color: var(--text-2);
}
.flow__arrow[data-v-7e0c6eff] {
  display: grid; place-items: center;
  font-size: 20px;
  color: var(--accent);
  padding-top: 20px;
}
.flow__return[data-v-7e0c6eff] {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: auto 1fr auto auto auto auto;
  align-items: center;
  min-height: 76px;
  gap: 12px;
  padding: 16px 20px;
  margin-top: 16px;
  /* Apple Support 同款:卡片无 border 无分组线,完全和其他三张一致 */
  border: 0;
  border-radius: var(--radius);
  background: var(--paper);
  transition: box-shadow .2s ease;
}
.flow__return[data-v-7e0c6eff]:hover { box-shadow: 0 1px 0 rgba(0,0,0,.04), 0 6px 16px rgba(0,0,0,.04);
}
.flow__return > span[data-v-7e0c6eff] {
  /* 9px+text-3 在冷灰底上看不见 —— 升到 11px / text-2 */
  color: var(--text-2);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.flow__return > small[data-v-7e0c6eff] {
  color: var(--text-2);
  font-size: 12px;   /* \u4e2d\u6587\u8bf4\u660e\u5b57\u8981\u53ef\u8bfb */
  line-height: 1.4;
}
.flow__return > b[data-v-7e0c6eff] {
  color: var(--accent);
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -0.022em;
}
.flow__return > strong[data-v-7e0c6eff] {
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.022em;
  color: var(--text);
}
.flow__return > em[data-v-7e0c6eff] {
  padding: 5px 8px;
  border-radius: 999px;
  background: var(--tint-accent, var(--accent-soft, #fde8d8));
  font-family: var(--font-sans);
  font-size: 10.5px;   /* 8px \u4e2d\u6587\u4e0d\u53ef\u8bfb,\u5347\u683c\u5f0f\u5fae\u6807\u7b7e */
  font-style: normal;
  font-weight: 700;
  color: var(--accent-deep);
}

/* ===== 3 步 ===== */
.how__steps[data-v-7e0c6eff] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.how__steps article[data-v-7e0c6eff] {
  /* Apple Support 同款:卡无 border,只靠 bg 色差浮起;hover 加 box-shadow 示意可点 */
  background: var(--paper);
  border: 0;
  border-radius: var(--radius-lg);
  padding: 26px 24px;
  display: flex; flex-direction: column; gap: 10px;
  transition: box-shadow .2s ease;
}
.how__steps article[data-v-7e0c6eff]:hover { box-shadow: 0 1px 0 rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.04);
}
.how__steps article > span[data-v-7e0c6eff] {
  display: inline-grid; place-items: center;
  width: 36px; height: 36px;
  border-radius: 50%;
  background: var(--ink);
  color: var(--bg);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-bottom: 6px;
}
.how__steps h3[data-v-7e0c6eff] {
  font-family: var(--font-display);
  font-size: 20px;   /* \u8ddf\u5176\u4ed6 h3 \u4e00\u81f4 */
  font-weight: 600;
  letter-spacing: 0;   /* Apple §15: 20px h3 中性字距 */
  color: var(--text);
}
.how__steps p[data-v-7e0c6eff] {
  /* 正文段:14px,主文色 --text */
  font-size: 14px; color: var(--text); line-height: 1.6;
}
.how__steps small[data-v-7e0c6eff] {
  /* 冷灰底上蓝色字太淑,改为主文色 —— “和其他 card 一样” */
  margin-top: auto;
  font-size: 11.5px;
  color: var(--text);
  letter-spacing: .08em;
  font-weight: 600;
}
@media (max-width: 980px) {
.flow[data-v-7e0c6eff] { grid-template-columns: 1fr;
}
.flow__arrow[data-v-7e0c6eff] { display: none;
}
.how__steps[data-v-7e0c6eff] { grid-template-columns: 1fr;
}
}
@media (max-width: 720px) {
.how[data-v-7e0c6eff] { padding: 72px 0;
}
  /* 移动端可读性:步骤卡尾注是完整短句,11.5 偏小 */
.how__steps small[data-v-7e0c6eff] { font-size: 12.5px;
}
  /* flow 区列标签和引号台词也是要读的内容 */
.flow__ask p[data-v-7e0c6eff] { font-size: 13.5px;
}
.flow__ask span[data-v-7e0c6eff], .flow__tools strong[data-v-7e0c6eff] { font-size: 12px;
}
.flow__worker b[data-v-7e0c6eff] { font-size: 12px;
}   /* 微标签统一 12 */
.flow__return > span[data-v-7e0c6eff] { font-size: 12px;
}
.flow__return > em[data-v-7e0c6eff] { font-size: 12px;
}   /* 格式 chip 提到 12 可辨 */
  /* 移动端可读性:flow 说明句是内容,提到 13.5 */
.flow__worker small[data-v-7e0c6eff] { font-size: 13.5px;
}
.flow__return > small[data-v-7e0c6eff] { font-size: 13.5px;
}
}

.roster[data-v-145e11b7] { padding: 128px 0;
}
.roster__head[data-v-145e11b7] {
  max-width: 680px;
  margin-inline: auto;
  margin-bottom: 56px;
  text-align: center;
}
.roster__head .eyebrow[data-v-145e11b7] {
  display: inline-block;
  margin-bottom: 10px;
  color: var(--accent-deep);
  font-size: 12px;
  font-weight: 720;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.roster__head h2[data-v-145e11b7] {
  font-family: var(--font-serif);   /* 跟 hero h1 同一套字体族(衬线) */
  font-weight: 600;
  font-size: clamp(40px, 4vw, 48px);
  line-height: 1.10;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 1.06;
  /* Apple §15:display 48px 用 -.003em,不是 -.048em(后者太紧,中文会挤) */
  letter-spacing: 0;   /* Apple \u00a715: \u4e2d\u6587\u886c\u7ebf\u4e2d\u5b57\u4e2d\u6027\u5b57\u8ddd, \u907f\u514d\u6324 */
  margin-top: 10px;
  text-wrap: balance;
}
.roster__head h2 em[data-v-145e11b7] { font-style: normal; color: var(--accent);
}
:root[data-theme="dark"] .roster__head h2 em[data-v-145e11b7] { color: var(--accent);
}
.roster__head p[data-v-145e11b7] {
  /* 核心引导段:主文色 */
  color: var(--text);
  font-family: var(--font-serif);   /* 跟 h2 同源(衬线), 接住节奏 */
  font-size: 16px;   /* 段副文级:OW 同级 16.5,Apple 惯例 lead ≈ 标题 1/3;
                       与卡片正文 14 拉开层级,14 时和正文无差距 */
  line-height: 1.6;   /* 全站正文行高统一 */
  margin: 16px auto 0;
  max-width: 660px;
}
.roster__grid[data-v-145e11b7] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 96px;
}
.dossier[data-v-145e11b7] {
  /* Apple Support 同款:白卡浮在冷灰段上,无 border */
  background: var(--surface);
  border: 0;
  padding: 26px 24px;
  border-radius: var(--radius-lg);
  display: flex; flex-direction: column; gap: 10px;
  transition: box-shadow .2s ease;
}
.dossier[data-v-145e11b7]:hover { box-shadow: 0 1px 0 rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.04);
}
.dossier__icon[data-v-145e11b7] {
  display: inline-grid; place-items: center;
  width: 40px; height: 40px;
  border-radius: 10px;
  background: var(--paper);
  border: 1px solid var(--line-soft);
  color: var(--accent-deep);
}
:root[data-theme="dark"] .dossier__icon[data-v-145e11b7] { color: var(--accent);
}
.dossier__icon svg[data-v-145e11b7] { width: 22px; height: 22px; display: block;
}
.dossier__title[data-v-145e11b7] {
  font-family: var(--font-display);
  font-size: 20px;   /* \u8ddf\u5176\u4ed6 h3 \u4e00\u81f4 */
  font-weight: 600;
  letter-spacing: 0;   /* Apple §15: 20px h3 中性字距 */
  line-height: 1.38;
  color: var(--text);
  margin-top: 4px;
}
.dossier__body[data-v-145e11b7] {
  /* 卡片正文描述:主文色, \u884c\u9ad8\u7edf\u4e00 1.6 */
  color: var(--text);
  font-size: 14px;
  line-height: 1.6;
}
.dossier__meta[data-v-145e11b7] {
  margin: auto 0 0;
  padding-top: 14px;
  border-top: 1px dashed var(--line-soft);
  display: grid;
  gap: 10px;
}
.dossier__meta div[data-v-145e11b7] { display: flex; flex-direction: column; gap: 3px;
}
.dossier__meta dt[data-v-145e11b7] {
  font-size: 11.5px;   /* 中文 key 在 10.5 发虚, 提到可读下限(跟 how 步骤 small 同级) */
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--text-3);
  font-weight: 700;
}
.dossier__meta dd[data-v-145e11b7] {
  margin: 0;
  font-size: 13px;
  color: var(--text);
  font-family: var(--font-mono);
  line-height: 1.4;
}

/* ===== 自动化(triggers) ===== */
.automation[data-v-145e11b7] {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: 14px;
  align-items: start;
  /* 去掉外面那层大卡(背景/边框/圆角/阴影/内边距) —— 只保留 grid 布局 */
}
.automation__intro[data-v-145e11b7] {
  display: flex; flex-direction: column;
  gap: 12px;
  padding-right: 24px;
}
.automation__intro .eyebrow[data-v-145e11b7] { margin-bottom: 0;
}
.automation__intro h3[data-v-145e11b7] {
  font-family: var(--font-display);
  font-size: 20px;   /* \u8ddf\u5176\u4ed6 h3 \u4e00\u81f4 */
  font-weight: 600;
  letter-spacing: 0;   /* Apple §15: 20px h3 中性字距 */
  line-height: 1.15;
  color: var(--text);
}
.automation__intro p[data-v-145e11b7] {
  /* 核心段落:主文色 */
  color: var(--text);
  font-size: 16px;   /* 段副文级,跟其他段 head p 同级一致 */
  line-height: 1.6;
  margin-top: 4px;
}
.trigger[data-v-145e11b7] {
  /* roster 段是灰底,卡走白(--surface)和 .dossier 保持一致 —— “不同类型但同色差” */
  background: var(--surface);
  border: 0;
  border-radius: var(--radius-lg);
  padding: 18px 18px 20px;
  display: flex; flex-direction: column; gap: 10px;
  transition: box-shadow .2s ease;
}
.trigger[data-v-145e11b7]:hover { box-shadow: 0 1px 0 rgba(0,0,0,.04), 0 6px 16px rgba(0,0,0,.04);
}
.trigger__icon[data-v-145e11b7] {
  display: inline-grid; place-items: center;
  width: 36px; height: 36px;
  border-radius: 10px;
  background: var(--paper);
  border: 1px solid var(--line-soft);
  margin-bottom: 4px;
}
.trigger__icon img[data-v-145e11b7] {
  width: 22px; height: 22px;
  border-radius: 5px;
}
.trigger__kicker[data-v-145e11b7] {
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--text-3);
  font-weight: 700;
}
.trigger__title[data-v-145e11b7] {
  font-family: var(--font-display);
  font-size: 20px;   /* 跟 dossier__title 同级统一卡片标题 */
  font-weight: 600;
  letter-spacing: 0;   /* 全站 h3 惯例 */
  line-height: 1.2;
  color: var(--text);
}
.trigger__body[data-v-145e11b7] {
  /* 卡片正文:与 dossier__body 同级统一 */
  color: var(--text);
  font-size: 14px;
  line-height: 1.6;
}
@media (max-width: 1080px) {
.roster__grid[data-v-145e11b7] { grid-template-columns: repeat(2, 1fr);
}
.automation[data-v-145e11b7] { grid-template-columns: 1fr 1fr;
}
.automation__intro[data-v-145e11b7] { grid-column: 1 / -1; padding-right: 0; padding-bottom: 8px; border-bottom: 1px dashed var(--line-soft);
}
}
@media (max-width: 600px) {
.roster__grid[data-v-145e11b7] { grid-template-columns: 1fr;
}
.automation[data-v-145e11b7] { grid-template-columns: 1fr;
}
}
@media (max-width: 720px) {
.roster[data-v-145e11b7] { padding: 72px 0;
}
  /* 移动端可读性:meta 值和 kicker 是要读的内容,提到 >=14/12 */
.dossier__meta dd[data-v-145e11b7] { font-size: 14px;
}
.trigger__kicker[data-v-145e11b7] { font-size: 12px;
}
.automation__intro .eyebrow[data-v-145e11b7] { font-size: 12px;
}   /* 与全站 eyebrow 一致 */
}

.faq[data-v-92593e7c] { padding: 128px 0;
}
.faq__head[data-v-92593e7c] {
  max-width: 680px;
  margin-inline: auto;
  margin-bottom: 48px;
  text-align: center;
}
.faq__head .eyebrow[data-v-92593e7c] {
  display: inline-block;
  margin-bottom: 10px;
  color: var(--accent-deep);
  font-size: 12px;
  font-weight: 720;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.faq__head h2[data-v-92593e7c] {
  font-family: var(--font-serif);   /* 跟 hero h1 同一套字体族(衬线) */
  font-weight: 600;
  font-size: clamp(40px, 4vw, 48px);
  line-height: 1.10;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 1.06;
  /* Apple §15:display 48px 用 -.003em,不是 -.048em(后者太紧,中文会挤) */
  letter-spacing: 0;   /* Apple \u00a715: \u4e2d\u6587\u886c\u7ebf\u4e2d\u5b57\u4e2d\u6027\u5b57\u8ddd, \u907f\u514d\u6324 */
  margin-top: 10px;
  text-wrap: balance;
}
.faq__head h2 em[data-v-92593e7c] { font-style: normal; color: var(--accent);
}
:root[data-theme="dark"] .faq__head h2 em[data-v-92593e7c] { color: var(--accent);
}
.faq__list[data-v-92593e7c] {
  max-width: 680px;
  margin-inline: auto;
  display: flex; flex-direction: column;
  border-top: 1px solid var(--border);
}
details[data-v-92593e7c] {
  border-bottom: 1px solid var(--border);
}
summary[data-v-92593e7c] {
  list-style: none;
  cursor: pointer;
  padding: 22px 4px;
  display: flex; align-items: center; justify-content: space-between;
  gap: 24px;
  font-size: 1.0625rem;
  font-weight: 500;
  color: var(--text);
  letter-spacing: 0;   /* Apple §15: 17px 中字号近 0 */
}
summary[data-v-92593e7c]::-webkit-details-marker { display: none;
}
/* Apple §4 M6: spring 而非固定 duration 让 + 旋转有自然 overshoot */
summary i[data-v-92593e7c] {
  font-style: normal;
    font-size: 21px;
  letter-spacing: 0.011em;
  color: var(--text-3);
  font-weight: 300;
  transform-origin: center;
  transition: transform .35s cubic-bezier(.34, 1.56, .64, 1), color .25s ease;
}
details[open] summary i[data-v-92593e7c] {
  transform: rotate(45deg);
  color: var(--accent);
}
details p[data-v-92593e7c] {
  padding: 0 4px 22px;
  /* 展开正文:主文色 --text(同 hero p / section 描述段),
     不再用 --text-2 那种"看起来发淡"的感觉 */
  color: var(--text);
  font-size: 14px;   /* 全站正文统一 14px */
  line-height: 1.6;   /* 全站正文行高统一 */
  max-width: 720px;
  /* Apple §1 M1:展开 fade-in + 轻微上浮,原生 details 默认瞬切 */
  animation: faqOpen-92593e7c .28s cubic-bezier(.2, .8, .2, 1) both;
}
@keyframes faqOpen-92593e7c {
from { opacity: 0; transform: translateY(-4px);
}
to   { opacity: 1; transform: translateY(0);
}
}
/* Apple §1 M1:details[open] 关闭后回到关闭态也走同样过渡,
   用 ::details-content(Chrome 131+)做 height 平滑 */
details[data-v-92593e7c]::details-content {
  interpolate-size: allow-keywords;
  block-size: 0;
  overflow-y: clip;
  transition:
    block-size .28s cubic-bezier(.2, .8, .2, 1),
    content-visibility .28s allow-discrete;
}
details[open][data-v-92593e7c]::details-content {
  block-size: auto;
}
@supports not selector(::details-content) {
  /* 老浏览器降级:不做 height 过渡,只保留 p 的 fade */
details[data-v-92593e7c]::details-content { transition: none; block-size: auto;
}
}
/* Apple §14 M21:reduced-motion 不用旋转+slide,用 cross-fade */
@media (prefers-reduced-motion: reduce) {
summary i[data-v-92593e7c] { transition: opacity .2s ease, color .2s ease; transform: none !important;
}
details[open] summary i[data-v-92593e7c] { opacity: .7;
}
details p[data-v-92593e7c] { animation: none;
}
details[data-v-92593e7c]::details-content { transition: none;
}
}
@media (max-width: 720px) {
.faq[data-v-92593e7c] { padding: 72px 0;
}
}

.finalcta[data-v-70945d53] {
  padding: 128px 0;
  /* 用户反馈:去掉"选择权归你"上方那条 1px 横杠(原 border-top: 1px solid var(--border)) */
  border-top: 0;
  background: var(--bg);
  text-align: center;
}
.finalcta .container[data-v-70945d53] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.finalcta .eyebrow[data-v-70945d53] {
  display: inline-block;
  margin-bottom: 10px;
  color: var(--accent-deep);
  font-size: 12px;
  font-weight: 720;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.finalcta h2[data-v-70945d53] {
  font-family: var(--font-serif);   /* \u8ddf\u5176\u4ed6 4 \u6bb5\u4e00\u81f4\u886c\u7ebf */
  font-weight: 600;
  font-size: clamp(40px, 4vw, 48px);
  line-height: 1.10;
  letter-spacing: 0;
  font-weight: 600;
  line-height: 1.06;
  /* Apple §15:display 48px 用 -.003em,不是 -.048em(后者太紧,中文会挤) */
  letter-spacing: 0;   /* \u4e2d\u6587\u886c\u7ebf 48 \u4e2d\u6027\u5b57\u8ddd, \u8ddf\u5176\u4ed6 4 \u6bb5\u4e00\u81f4 */
  max-width: 680px;
  margin: 10px auto 0;
  text-wrap: balance;
}
.finalcta h2 em[data-v-70945d53] { font-style: normal; color: var(--accent);
}   /* \u8ddf\u5176\u4ed6 4 \u6bb5 em \u9ed8\u8ba4\u989c\u8272\u4e00\u81f4\u4eae\u84dd */
:root[data-theme="dark"] .finalcta h2 em[data-v-70945d53] { color: var(--accent);
}
.finalcta p[data-v-70945d53] {
  /* Apple §16 Craft: FinalCta lead \u8ddf h2 \u540c\u6e90(\u886c\u7ebf), \u884c\u9ad8\u7edf\u4e00 1.6 */
  color: var(--text);
  font-family: var(--font-serif);
  font-size: 16px;   /* 段副文级:OW 同级 16.5,Apple 惯例 lead ≈ 标题 1/3;
                       与卡片正文 14 拉开层级,14 时和正文无差距 */
  line-height: 1.6;
  margin-top: 18px;
  max-width: 560px;
}
.finalcta__actions[data-v-70945d53] {
  display: flex; gap: 10px; flex-wrap: wrap;
  margin-top: 32px;
}
.btn-primary[data-v-70945d53] {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 13px 22px;
  border-radius: 10px;
  background: var(--ink);
  color: var(--bg);
  font-weight: 500;
  font-size: 14px;
  box-shadow: var(--shadow-1);
  transition: opacity .15s ease, transform .15s ease;
}
/* Apple §1: hover 仅淡色变化,translateY 已移除避免与 pointer-down scale 冲突 */
.btn-primary[data-v-70945d53]:hover { opacity: .9;
}
.btn-ghost[data-v-70945d53] {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 13px 22px;
  border-radius: 10px;
  border: 1px solid var(--border);
  color: var(--text);
  font-weight: 500;
  font-size: 14px;
  transition: border-color .15s ease, color .15s ease;
}
.btn-ghost[data-v-70945d53]:hover { border-color: var(--ink);
}
@media (max-width: 720px) {
.finalcta[data-v-70945d53] { padding: 72px 0;
}
}

/* 让 main 内的 sticky 在更上一层 */
main[data-v-f410e460] { display: block;
}
/* ============================================================
   Oxen 青牛 · 全局样式
   视觉参考:open-worker.app/zh
   - 暗色为默认(深色科技)
   - 浅色(温暖米白 + 陶土橙) 通过 [data-theme="light"] 覆盖
   ============================================================ */

:root,
:root[data-theme="dark"] {
  --bg: #0B0D12;
  --bg-2: #11141B;
  --surface: #161A23;
  --border: #1E2230;
  /* Apple 深色模式正文(apple.com / iCloud):
     - text:   #f5f5f7  主文(Apple 副表面同色,看起来不刺眼)
     - text-2: #a1a1a6  副文
     - text-3: #86868b  三级 */
  --text:   #f5f5f7;
  /* 深色副文:从 a1a1a6 略深到 98989d,跟 apple.com dark 体感一致 */
  --text-2: #98989d;
  --text-3: #86868b;

  /* 暗色 accent:Element 蓝系列 */
  --accent: #409eff;
  --accent-deep: #66b1ff;
  --accent-2: #66b1ff;
  --tint-accent-soft: rgba(64,158,255,.12);

  --success: #4ADE80;
  --danger:  #F87171;
  --green:   #4ADE80;

  /* ink:深色"按钮/圆圈底色"用 —— 暗色下反而要用浅色才能对比 */
  --ink: var(--text);

  /* 阴影在暗色下需要更明显 */
  /* 深色同样减弱 —— 1px inset 边光 + 极淡投影,模拟深色面上微弱的"漂浮" */
  --shadow-1: 0 1px 0 rgba(255,255,255,.06) inset, 0 1px 2px rgba(0,0,0,.18);
  --shadow-2: 0 1px 0 rgba(255,255,255,.08) inset, 0 2px 8px rgba(0,0,0,.24);

  /* 半透明叠加 */
  --hairline: rgba(255,255,255,.06);
  --hairline-2: rgba(255,255,255,.03);
  --tint-accent: rgba(124,156,255,.10);
  --tint-accent-strong: rgba(124,156,255,.18);
  --tint-gold: rgba(255,209,102,.08);
  --tint-gold-strong: rgba(255,209,102,.20);
  --tint-success: rgba(74,222,128,.05);

  /* 暗色 band 色(Apple Support §14 §以 dark band = #1d1d1f 为基准,与正文同色)
     与 --bg #0B0D12 对比度 ≈ 1.13:1 —— 极淡差,但够让“段”起伏 */
  --line-soft: rgba(255,255,255,.04);
  --paper: #1d1d1f;

/* ===== 官网首页 section 交替 band(参考 Apple Support 浅色 #f5f5f7 / 深色 #1d1d1f) =====
   hero(1)→eco(2)→how(3)→roster(4)→faq(5)→finalcta(6) 顺序:
   1/3/5 = bg(--bg 主体白), 2/4/6 = band(--paper Apple 冷灰)
   hero 第一部分保持白色,后面的段间隔出现冷灰 band
   没有改动任何 component,只是全局给 <main> 内偶数段加底色 */
main > section:nth-of-type(even) {
  background: var(--paper);
}

  --muted: var(--text-3);
}

/* ===== 浅色:温暖米白 + 陶土橙(参考 open-worker.app/zh) ===== */
:root[data-theme="light"] {
  /* 浅色背景以白色为主,但分三层做"纸感"层次(Apple §12 + §16.7 Craft)
     bg = 纯白(主背景,最亮)
     paper = 极淡暖白(段 band,比 bg 略深 —— 让"纸片"飘在白上)
     surface = 纯白(card 比 paper 亮,浮在 paper 上最显眼)
     之前 bg/paper/surface 都是 #fff = 白茫茫一片,改成 paper 微暖,层次立刻出来 */
  --bg:      #ffffff;
  --bg-2:    #f5f5f7;             /* Apple Support band 同色,与 --paper 一致可起到 footer/nav 衬底作用 */
  --surface: #ffffff;
  --paper:   #f5f5f7;             /* Apple Support 交替 band 色(.as-tile-gray / .as-callout-gray / #ac-globalfooter)
                                    与 bg 对比度 ≈ 1.04:1 —— 极淡差,但足够让"段”漂在上面 */
  --muted:   #909399;

  /* 文字:中性灰系 */
  /* Apple 经典正文三档(apple.com / support.apple):
     - text:#1d1d1f  正文(最高频)
     - text-2:#6e6e73  副文/说明/quote
     - text-3:#86868b  三级/caption/disabled(略深,保持可读) */
  --text:   #1d1d1f;
  /* Apple 副文区间 5b5b60(偏深) ~ 6e6e73(偏淡),
     选 5b5b60 让页脚/副标题/12px 描述对比度更舒服 */
  --text-2: #5b5b60;
  --text-3: #86868b;

  /* 边框:浅灰描边
     Apple §12:浅色模式下卡片边界要可读 —— 从 .06 加深到 .12
     否则白底白卡 + 6% 灰边 = 看不见 */
  --border:     rgba(0,0,0,.18);
  --line-soft:  rgba(0,0,0,.14);

  /* Element 蓝主色 */
  --accent:       #409eff;        /* 主蓝:Element UI 主色 */
  --accent-deep:  #337ecc;        /* 深蓝:hover / 强调 */
  --accent-2:     #66b1ff;        /* 浅蓝:辅助 */
  --tint-accent:        rgba(64,158,255,.10);
  --tint-accent-strong: rgba(64,158,255,.22);
  --tint-accent-soft:   #ecf5ff;   /* 浅蓝背景,卡片 tint */

  /* 其他 tint */
  --tint-gold:        rgba(64,158,255,.08);
  --tint-gold-strong: rgba(64,158,255,.20);
  --tint-success:     rgba(80,131,91,.08);

  /* 状态色(浅色下稍亮) */
  --success: #50835b;
  --green:   #50835b;
  --danger:  #b85d3f;

  /* ink:浅色下用深色做"按钮/圆圈"高对比底色 —— #131313 */
  /* Apple:按钮/强调用正文同色 1d1d1f,靠 bg 反相制造对比,
     而不是把 ink 推到 #000 纯黑 —— 视觉更柔 */
  --ink: #1d1d1f;

  /* 阴影:更轻,模拟纸感 */
  /* Apple §12 context-aware shadow: 浅色下背景纯白,默认阴影几乎不可见。
     paper 改为暖白后,卡片白浮在 paper 上 —— shadow 必须更明显来定身,从 .16 加深到 .22,blur 拉远 */
  /* Apple §12 + §16.7:浅色纸面靠光感差(bg/paper/surface)做层次,不用厚重投影;
     只留 1px inset 高光模拟光打在纸边,diffuse 投影几乎不可见 */
  --shadow-1: 0 1px 0 rgba(255,255,255,.7) inset, 0 1px 2px rgba(70,51,40,.04);
  --shadow-2: 0 1px 0 rgba(255,255,255,.7) inset, 0 2px 8px rgba(70,51,40,.06);

  --hairline:   rgba(30,30,29,.10);
  --hairline-2: rgba(30,30,29,.04);
  }

/* ===== 尺寸 / 字体 token(主题无关) ===== */
:root,
:root[data-theme="dark"],
:root[data-theme="light"] {
  --container: 1180px;
  --radius-sm: 8px;
  --radius:    14px;
  --radius-lg: 20px;

  /* 字体栈 —— 衬线 + 无衬线两套,匹配 OW 风格 */
  /* display: 与正文统一,用于 h1/h2 + section 标题 */
  /* ===== Apple §15 The Details of UI Typography:字体策略 =====
     - 顶级第一项 `-apple-system, BlinkMacSystemFont`:macOS / iOS / iPadOS / Safari 自动映射 SF Pro
     - 显式写 SF Pro SC(中文 SF Pro 子族):有 SF Pro 的机器走 SF Pro 的中文
     - fallback PingFang SC:macOS 装机字体,作为 SF Pro SC 的优雅降级
     - Display / Text 分轨:
       * Display(>= 20px):SF Pro Display 字形横向收紧,适合标题/数字
       * Text(<= 19px):SF Pro Text 字形纵向略宽,适合正文/小字
     - HK / TC / JP / KR 不列,只做 zh-CN 站;后面再扩展
  */
  --font-display:
    "openworkerDisplay", "openworkerDisplay Fallback",
    ui-serif, Georgia,
    "Songti SC", "STSong", "Hiragino Mincho ProN",
    "Source Han Serif SC", "Noto Serif SC", "SimSun", serif;
  --font-sans:
    "openworkerSans", "openworkerSans Fallback",
    -apple-system, BlinkMacSystemFont,
    "SF Pro SC", "SF Pro Text",
    "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-mono:
    ui-monospace, SFMono-Regular,
    "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

  /* Apple §15 + 减商业感: 衬线字体族 ——
     走系统衬线,无网络加载、无 FOUT,macOS 用 Songti SC / STSong,
     iOS 用 PingFang SC + serif fallback, Windows 用 SimSun。
     衬线让 hero 大标题有"主张",不像通用 SaaS sans 那么呆板 */
  --font-serif:
    "openworkerDisplay", "openworkerDisplay Fallback",
    ui-serif, Georgia,
    "Songti SC", "STSong", "Hiragino Mincho ProN",
    "Source Han Serif SC", "Noto Serif SC", "SimSun", serif;

  /* OW 品牌字:照搬 .brand-wordmark 的 font-family 链 */
  --font-brand:
    "Montserrat", var(--font-sans);


  /* 字体特性:kern 字偶距 + liga 连字 + calt 文体替换 + tnum 数字等宽
     (Apple §15:数字对齐用 tabular-nums) */
  --font-features: "kern" 1, "liga" 1, "calt" 1, "tnum" 1;

  /* ===== Apple §15 typography 阶梯 ===== */
  /* type-XX 共 13 档(Apple SF Pro 节奏),每档:size / leading / tracking / weight */
  /* 用 token 集中维护,组件里直接 var(--type-h2) 引用 */
  --type-body:     17px / 1.47 / -0.022em / 400;
  --type-footnote: 12px / 1.33 / -0.01em  / 400;
  --type-small:    14px / 1.43 / -0.016em / 400;
  --type-h6:       14px / 1.43 / -0.016em / 600;
  --type-h5:       19px / 1.21 / 0.012em  / 600;
  --type-subhead:  21px / 1.38 / 0.011em  / 400;
  --type-h4:       24px / 1.17 / 0.009em  / 600;
  --type-h3:       28px / 1.14 / 0.007em  / 600;
  --type-h2:       32px / 1.12 / 0.004em  / 600;
  --type-h1:       40px / 1.10 / 0        / 600;
  --type-display:  48px / 1.08 / -0.003em / 600;
  --type-hero:     56px / 1.06 / -0.005em / 600;
  --type-mega:     64px / 1.02 / -0.009em / 600;
  --type-super:    80px / 1.00 / -0.015em / 600;
}

/* ===== 字体特性开启(Apple §15 + WWDC *The Details of UI Typography*) ===== */
html, body, button, input, textarea, select {
  /* OpenType:kern 偶距 + liga 连字 + calt 上下文替换 + tnum 等宽数字 */
  font-feature-settings: var(--font-features);
  /* SF Pro 变体字(optical sizing):小字字形纵向略宽,大字字形横向收紧 */
  font-optical-sizing: auto;
  font-variation-settings: "opsz" auto;
  /* 折代路由:SF Pro 本身就有 pnum/prop(OpenType 原生数字),
     但在统计表格、价格表里需要 tnum(tabular-nums)中的事件 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* 平滑切换(注意:不要用在首次加载,会闪烁) */
html.theme-ready * {
  transition: background-color .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease;
}

/* ===== 基础 ===== */
* { box-sizing: border-box; }
html, body, #app { height: 100%; }
html { scroll-padding-top: 72px; scroll-behavior: smooth; }   /* sticky nav 64px + 8px u547cu5438 */


body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-sans);
  /* Apple §15 The Details of UI Typography:
     body 标准 17px,行高 1.47,字间距 -.022em(中文也用同节奏) */
  font-size: 17px;
  line-height: 1.47;
  letter-spacing: -0.022em;
  font-synthesis: none;
}

/* 背景纯白 —— 去掉光晕 */
body::before {
  content: none;
}

a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; }

/* SiteNav 是 position: fixed 离开文档流,需要给 main 让出 65px 顶栏空间,内容才不被盖 */
main { padding-top: 65px; }

/* ===== 标题 —— 大段用 serif 衬线(OW 风格),中文仍可读 ===== */
h1, h2 {
  font-family: var(--font-display);
  font-weight: 600;
  margin: 0;
  line-height: 1.05;
  letter-spacing: -0.035em;
  color: var(--text);
}
h3, h4 {
  font-family: var(--font-sans);
  font-weight: 600;
  margin: 0;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--text);
}
/* 中文标题字距 — 由各段自己定(默认 0), 不再在这里覆盖打乱节奏 */

/* 字号:严格照 OW 的 px 体系 */
/* h1 / h2 \u5b57\u53f7\u7531\u5404\u6bb5\u81ea\u5b9a(hero 56-80, \u5176\u4ed6\u6bb5 48), \u9ed8\u8ba4\u4e0d\u5b9a\u4e0a\u9650\u907f\u514d\u6b7b\u4ee3\u7801
   h3 \u9ed8\u8ba4 20px \u5168\u7ad9\u5c0f\u6807\u9898\u5b57\u53f7(\u4e0d\u518d\u88ab\u5404\u6bb5\u8986\u76d6\u4e71) */
h3 { font-size: 20px; line-height: 1.25; letter-spacing: 0; font-weight: 600; }
p  { margin: 0; line-height: 1.55; }

.container {
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 1;
}

/* ===== 通用组件 ===== */
.btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 11px 18px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--text);
  transition: transform .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
  font-weight: 560;
  font-size: 14.5px;
  letter-spacing: 0;
  font-family: var(--font-sans);
}
/* Apple §1: hover 不再上浮(translateY 与 pointer-down scale 互相打架),
   hover 只做色彩过渡,press 用 :active scale 接管反馈 */
.btn:hover {
  border-color: var(--ink);
  color: var(--ink);
}
:root[data-theme="dark"] .btn:hover {
  border-color: var(--text);
  color: var(--text);
}
/* Apple §1: 反馈必须在 pointer-down 瞬间发生,不能等 click */
.btn:active {
  transform: scale(0.97);
  transition: transform 80ms ease-out;
}
.btn-primary:active {
  transform: scale(0.97);
  transition: transform 80ms ease-out;
}
/* OW 风格:高对比主按钮 —— 浅色黑底白字 / 暗色反相
   --ink 浅色 = #131313,暗色 = 浅文字色 (自动反相) */
.btn-primary {
  background: var(--ink);
  color: var(--bg);
  border-color: transparent;
  /* Apple §16.7:按钮靠纯色对比和 inset 微光,不用厚重投影 */
  box-shadow: 0 1px 0 rgba(255,255,255,.18) inset;
}
.btn-primary:hover {
  background: var(--text);
  color: var(--bg);
  border-color: transparent;
  box-shadow: 0 1px 0 rgba(255,255,255,.24) inset;
}
.btn-ghost { background: transparent; }

/* OW 风格:实心圆圈包数字(直径 34px) —— 主题反相 */
.step-badge {
  display: inline-grid;
  place-items: center;
  width: 34px; height: 34px;
  border-radius: 50%;
  background: var(--ink);
  color: var(--bg);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  flex-shrink: 0;
}

.tag {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px;
  padding: 4px 10px;
  border: 1px solid var(--border);
  border-radius: 999px;
  color: var(--text-2);
  background: var(--hairline-2);
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 11.5px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--accent);
  font-weight: 600;
}
/* 标题前的小横杠已按用户要求去掉 */

.section { padding: 128px 0; }
.section--tight { padding: 88px 0; }
.section-title { max-width: 720px; margin-bottom: 64px; }
.section-title .eyebrow { margin-bottom: 16px; }
.section-title p {
  /* Apple §15:核心引导段用 --text 主色,与 h2 同档深 */
  color: var(--text);
  margin-top: 18px;
  font-size: 1.05rem;
  line-height: 1.6;
  max-width: 640px;
}

.divider { height: 1px; background: var(--border); }

@media (max-width: 720px) {
  .section { padding: 72px 0; }
  .section-title { margin-bottom: 40px; }
}

/* ===== Hero eyebrow 脉冲呼吸 =====
   反馈:"除了'能干活的 AI 同事'这里可以动态闪动,其他地方不要闪"
   因此:
     - 全站禁用滚动渐入 / reveal / 淡入位移
     - 仅留 eyebrow 横线的呼吸脉冲(轻、不影响布局、不触发滚动) */
@keyframes eyebrow-pulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: .5; }
}
.eyebrow--pulse::before {
  animation: eyebrow-pulse 2.4s ease-in-out infinite;
}
/* Apple §14: reduced-motion —— 全面禁用动效,只保留 opacity 渐变给必要的状态反馈 */
@media (prefers-reduced-motion: reduce) {
  .eyebrow--pulse::before { animation: none; }
  /* 全站 transition 压成 0.01ms(几乎瞬时,但仍给状态变化一个过渡感) */
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
/* Apple §14: prefers-reduced-transparency —— 用户系统要求不透明时,
   translucent 顶栏改成实色,不靠 backdrop-filter 模糊支撑视觉 */
@media (prefers-reduced-transparency: reduce) {
  /* reduced-transparency:实色覆盖,blur 禁用;但滚动状态仍有"实色加深"视觉反馈 */
  .nav {
    background: var(--bg) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  .nav.is-scrolled {
    /* 深一档实色,但仍不透明 —— 滚动时给"压实"反馈 */
    background: var(--bg-2) !important;
  }
  .nav::after { display: none; }
}

/* ===== 深色模式开关圆点适配 ===== */
/* 浅色模式 .switch .dot 是纯白 #fff(在浅灰轨道上清晰);
   深色模式开关关态:轨道是深灰 --border,如果圆点仍是纯白就会"漂浮"在深底上
   —— 改成柔和的白(rgba .82),跟 Apple iOS 深色开关关态一致 */
/* ===== 开关样式 ===== */
/* 原问题:.switch 是 <span> 默认 inline,inline 忽略 width/height,
   所以轨道画不出来,仅 absolute 定位的 dot 显示——
   这就是用户看到的“白色小圆圈乱七八糟”的根因。
   修复:加 display:inline-block 让 width/height 生效 —— 轨道从 0×0 变成 36×20。 */
.switch { display: inline-block; width: 36px; height: 20px; border-radius: 999px; background: #E5E5EA; flex-shrink: 0; cursor: pointer; position: relative; }
.switch .dot { background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.18); }
.switch.on { background: var(--accent); }
.switch.on .dot { background: #fff; }
/* 深色关态:轨道中深灰(#3A3A3C,iOS 关态),圆点微贴轨道(#E5E5EA 有点透明,看起来“隐约”) */
:root[data-theme="dark"] .switch { background: #3A3A3C; }
:root[data-theme="dark"] .switch .dot { background: #E5E5EA; box-shadow: 0 1px 2px rgba(0,0,0,.4); }
:root[data-theme="dark"] .switch.on { background: var(--accent); }
:root[data-theme="dark"] .switch.on .dot { background: #fff; }


/* ===== 品牌 logo "O" mark 反色变量 =====
   浅色:黑底 + 白"O"
   深色:白底 + 黑"O"
   由 SiteNav / SiteFooter / ConsoleShell 通过 var(--brand-mark-bg/fg) 引用,
   不依赖具体 scope id,dev / prod hash 都生效 */
/* Montserrat 700 latin — OW 品牌字(nav wordmark 用),同源照搬 */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/montserrat-latin-700.woff2") format("woff2");
  unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
}

/* ===== OW 同款 webfont(open-worker.app/zh 照搬) =====
   openworkerSans:   可变 100-900,拉丁;中文落 ui-sans-serif/system-ui
   openworkerDisplay:可变 200-800,拉丁衬线;中文落 ui-serif/宋体系
   Arial fallback 的 override 参数逐字照搬 OW(size-adjust 让 swap 前 fallback 与真字等宽,防跳动) */
@font-face {
  font-family: "openworkerSans";
  src: url("/assets/fonts/openworker-sans.ttf") format("truetype");
  font-display: swap;
  font-weight: 100 900;
}
@font-face {
  font-family: "openworkerSans Fallback";
  src: local("Arial");
  ascent-override: 98.46%; descent-override: 29.83%;
  line-gap-override: 0.00%; size-adjust: 101.56%;
}
@font-face {
  font-family: "openworkerDisplay";
  src: url("/assets/fonts/openworker-display.ttf") format("truetype");
  font-display: swap;
  font-weight: 200 800;
}
@font-face {
  font-family: "openworkerDisplay Fallback";
  src: local("Arial");
  ascent-override: 80.52%; descent-override: 29.03%;
  line-gap-override: 0.00%; size-adjust: 91.28%;
}

:root {
  --brand-mark-bg: #000000;
  --brand-mark-fg: #ffffff;
}
:root[data-theme="dark"] {
  --brand-mark-bg: #ffffff;
  --brand-mark-fg: #000000;
}