/* ==========================================================================
   云梦鱼面 · 苹果风外观（v2，2026-10-06）
   --------------------------------------------------------------------------
   完全按苹果官网 / iOS 27 的视觉语言：系统字体、苹果配色、苹果字号阶梯、
   居中大标题、白 / 浅灰 / 黑 三色段落交替、无边框大圆角卡片、玻璃顶栏与标签栏。
   动效与互动见 ym-apple.js。由 <link id="ym-apple-css"> 加载，<html> 带 .ui-apple 才生效；
   访问 ?ui=classic 可切回旧界面，删掉本文件与 ym-apple.js 即完全回退。

   对比度（WCAG 2.2，正文 ≥4.5:1）：
   正文 #1D1D1F 白底 16.8 / 浅灰底 15.5；次要 #6E6E73 白底 5.07 / 浅灰底 4.66；
   蓝色按钮白字 #0071E3 4.70（悬停加深到 #0068D1，不用官网的 #0077ED——它只有 4.32）；
   链接 #0066CC 5.57 / 5.11；黑底正文 #F5F5F7 19.3、次要 #86868B 5.8、深卡片上次要 #A1A1A6 6.5、
   黑底链接 #2997FF 7.0 / 深卡片 5.6。#86868B 只用于黑底或大字，不用于白底正文（3.62）。
   ========================================================================== */

html.ui-apple {
  --a-white: #FFFFFF;
  --a-gray: #F5F5F7;            /* 苹果浅灰段落底 */
  --a-black: #000000;
  --a-tile-dk: #1D1D1F;         /* 黑底上的卡片 */
  --a-ink: #1D1D1F;
  --a-ink-2: #6E6E73;
  --a-ink-3: #86868B;
  --a-sep: #D2D2D7;
  --a-sep-dk: #424245;
  --a-fill: #E8E8ED;
  --a-blue: #0071E3;            /* 主按钮 */
  --a-blue-hover: #0068D1;
  --a-link: #0066CC;
  --a-link-dk: #2997FF;
  --a-green: #1E7B3C; --a-green-dot: #30D158;
  --a-orange: #BF4800;
  --a-dk-ink: #F5F5F7; --a-dk-ink-2: #86868B; --a-dk-ink-2b: #A1A1A6;
  --a-r: 18px; --a-r-l: 28px;
  --a-ease: cubic-bezier(.28, .11, .32, 1);       /* 揭示类：快起慢收 */
  --a-ease-ui: cubic-bezier(.25, .1, .25, 1);     /* 悬停、按压 */
  --a-font: -apple-system, BlinkMacSystemFont, "SF Pro SC", "SF Pro Display", "SF Pro Text", "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Helvetica Neue", "Segoe UI", system-ui, sans-serif;

  /* 页面原有变量全部改指苹果值 */
  --paper: var(--a-white); --paper-2: var(--a-gray); --paper-3: var(--a-gray);
  --panel: var(--a-white); --ink: var(--a-ink); --ink-2: var(--a-ink-2); --muted: var(--a-ink-2);
  --red: var(--a-blue); --red-deep: var(--a-blue-hover); --red-soft: var(--a-link);
  --gold: var(--a-ink-3); --gold-2: var(--a-dk-ink);
  --line: var(--a-sep); --line-2: var(--a-sep); --line-light: rgba(255,255,255,.12);
  --shadow-s: none; --shadow-l: none;
  --song: var(--a-font); --lora: var(--a-font); --sans: var(--a-font); --serif: var(--a-font);
  --display: var(--a-font); --latin: var(--a-font); --label: var(--a-font);
  scroll-behavior: smooth;
}

/* ── 字体与字号：苹果官网阶梯（PC / 手机） ─────────────────────────────
   主视觉 96/48 · 版块标题 56/32 · 卡片大标题 40/28 · 小标题 24/21 · 导语 21/19
   正文 17/16 · 说明 14 · 标注 12 · 中文不加负字距，只给大标题收一点 */
html.ui-apple body {
  font-family: var(--a-font); font-size: 17px; line-height: 1.6; letter-spacing: 0;
  color: var(--a-ink); background: var(--a-white);
  -webkit-font-smoothing: antialiased; font-feature-settings: normal;
}
html.ui-apple body::before { display: none; }
html.ui-apple h1, html.ui-apple h2, html.ui-apple h3, html.ui-apple h4,
html.ui-apple p, html.ui-apple li, html.ui-apple blockquote, html.ui-apple summary, html.ui-apple button,
html.ui-apple .quote, html.ui-apple .story-aside p, html.ui-apple .footer-title, html.ui-apple .tab-btn,
html.ui-apple .lead, html.ui-apple .hero-copy, html.ui-apple .hero-tagline, html.ui-apple .metric-num,
html.ui-apple .num, html.ui-apple .price, html.ui-apple em, html.ui-apple b, html.ui-apple strong {
  font-family: var(--a-font); font-feature-settings: normal; font-style: normal; text-spacing-trim: normal;
}
html.ui-apple h2 { font-size: clamp(32px, 4.2vw, 56px); font-weight: 600; line-height: 1.12; letter-spacing: -.012em; color: var(--a-ink); }
html.ui-apple h3 { font-size: clamp(21px, 1.7vw, 24px); font-weight: 600; line-height: 1.3; letter-spacing: -.003em; }
html.ui-apple p, html.ui-apple li { letter-spacing: 0; }
html.ui-apple .lead { font-size: clamp(19px, 1.5vw, 21px); line-height: 1.55; color: var(--a-ink-2); font-weight: 400; }
html.ui-apple .num, html.ui-apple .formula-card b, html.ui-apple .metric-num, html.ui-apple .time-row b,
html.ui-apple .price, html.ui-apple .proof-item b { font-weight: 600; letter-spacing: -.02em; font-variant-numeric: tabular-nums lining-nums; }
html.ui-apple a { -webkit-tap-highlight-color: transparent; }
html.ui-apple ::selection { background: rgba(0,113,227,.18); }
html.ui-apple :focus-visible { outline: 2px solid var(--a-blue); outline-offset: 3px; border-radius: 6px; }

/* 英文小标签（eyebrow / kicker）：苹果用中文小标题"新款"式，不用大写斜体 */
html.ui-apple .eyebrow, html.ui-apple .kicker-en, html.ui-apple .kicker {
  font-style: normal; font-weight: 600; font-size: clamp(17px, 1.4vw, 21px); letter-spacing: 0; text-transform: none;
}
html.ui-apple .eyebrow::before { display: none; }
html.ui-apple .section-kicker { display: none; }

/* ── 顶栏：苹果 globalnav ───────────────────────────────────────────── */
html.ui-apple .nav, html.ui-apple .site-nav {
  background: rgba(255,255,255,.92); border-bottom: 0; box-shadow: 0 .5px 0 rgba(0,0,0,.12);
  transition: background .4s var(--a-ease-ui), box-shadow .4s var(--a-ease-ui);
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html.ui-apple .nav, html.ui-apple .site-nav, html.ui-apple .nav.is-scrolled {
    background: rgba(255,255,255,.72);
    -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px);
  }
}
html.ui-apple .nav.is-scrolled { border-bottom: 0; box-shadow: 0 .5px 0 rgba(0,0,0,.14); }
html.ui-apple .nav-inner, html.ui-apple .nav.is-scrolled .nav-inner { min-height: 48px; gap: 24px; }
html.ui-apple .nav-progress { height: 2px; background: var(--a-blue); bottom: 0; }
html.ui-apple .brand { gap: 0; color: var(--a-ink); }
html.ui-apple .brand strong { font-family: var(--a-font); font-size: 17px; font-weight: 600; letter-spacing: .02em; color: var(--a-ink); }
html.ui-apple .brand span { display: none; }
html.ui-apple .nav-links { gap: 26px; font-size: 12px; letter-spacing: 0; }
html.ui-apple .nav-links a { color: rgba(29,29,31,.82); transition: color .2s var(--a-ease-ui); }
html.ui-apple .nav-links a::after { display: none; }
html.ui-apple .nav-links a.btn-red { color: #fff; min-height: 28px; padding: 0 14px; font-size: 12px; }
@media (hover: hover) { html.ui-apple .nav-links a:not(.btn):hover { color: var(--a-ink); } }

/* ── 按钮：蓝色胶囊（主）+ 蓝色描边胶囊（次）+ 文字链接"了解更多 ›" ───── */
html.ui-apple .btn {
  min-height: 44px; padding: 0 22px; border: 1px solid transparent; border-radius: 980px;
  font-family: var(--a-font); font-size: 17px; font-weight: 400; letter-spacing: 0;
  background: var(--a-blue); color: #fff; box-shadow: none;
  transition: background .25s var(--a-ease-ui), color .25s var(--a-ease-ui), border-color .25s var(--a-ease-ui), transform .2s var(--a-ease-ui);
}
html.ui-apple .btn:active { transform: scale(.96); }
html.ui-apple .btn-red { background: var(--a-blue); color: #fff; }
html.ui-apple .btn-light, html.ui-apple .btn:not(.btn-red):not(.btn-gold):not(.btn-light) { background: transparent; border-color: var(--a-blue); color: var(--a-blue); }
html.ui-apple .btn-gold { background: var(--a-blue); color: #fff; }
html.ui-apple .hero .btn-light, html.ui-apple .dark .btn-light, html.ui-apple .douyin .btn-light,
html.ui-apple .metrics-band .btn-light, html.ui-apple .store-photos .btn-light { border-color: var(--a-link-dk); color: var(--a-link-dk); }
@media (hover: hover) {
  html.ui-apple .btn:hover { transform: none; box-shadow: none; background: var(--a-blue-hover); color: #fff; border-color: transparent; }
  html.ui-apple .btn-light:hover, html.ui-apple .btn:not(.btn-red):not(.btn-gold):not(.btn-light):hover { background: var(--a-blue); color: #fff; border-color: var(--a-blue); }
  html.ui-apple .hero .btn-light:hover { background: var(--a-link-dk); border-color: var(--a-link-dk); color: #000; }
}

/* ── 首屏：照片铺满，文字居中，大字标 ─────────────────────────────── */
html.ui-apple .hero {
  min-height: 92vh; min-height: 92svh; padding: 112px 0 64px; align-items: center;
  background: #000; color: #fff; text-align: center;
}
html.ui-apple .hero-media img { transform-origin: 50% 40%; will-change: transform; }
html.ui-apple .hero-veil {
  background: linear-gradient(180deg, rgba(0,0,0,.30) 0%, rgba(0,0,0,.42) 45%, rgba(0,0,0,.78) 100%);
}
html.ui-apple .hero-grid { display: flex; flex-direction: column; align-items: center; gap: 40px; }
html.ui-apple .hero-grid > div:first-child { display: flex; flex-direction: column; align-items: center; max-width: 860px; will-change: transform, opacity; }
html.ui-apple .hero .eyebrow { justify-content: center; color: rgba(255,255,255,.8); font-size: clamp(15px, 1.3vw, 19px); font-weight: 600; }
html.ui-apple h1 {
  margin-top: 10px; font-family: var(--a-font); font-size: clamp(56px, 8.6vw, 112px); font-weight: 700;
  line-height: 1.04; letter-spacing: .02em; color: #fff;
}
html.ui-apple h1 .hero-en { margin-top: 14px; font-size: clamp(17px, 1.6vw, 24px); font-weight: 500; letter-spacing: -.005em; color: rgba(255,255,255,.86); }
html.ui-apple .hero-tagline { margin-top: 22px; font-size: clamp(24px, 2.6vw, 34px); font-weight: 600; line-height: 1.25; letter-spacing: 0; color: #fff; }
html.ui-apple .hero-copy { margin-top: 18px; max-width: 36em; font-size: clamp(17px, 1.3vw, 19px); line-height: 1.6; color: rgba(255,255,255,.84); }
html.ui-apple .hero-actions { justify-content: center; gap: 14px; margin-top: 30px; }
html.ui-apple .hero-panel { display: grid; grid-template-columns: repeat(2, minmax(0, 340px)); justify-content: center; gap: 14px; width: 100%; }
html.ui-apple .honor-card { text-align: left; border: 0; border-radius: var(--a-r); background: rgba(40,40,42,.62); padding: 20px 22px; }
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html.ui-apple .honor-card { background: rgba(255,255,255,.12); -webkit-backdrop-filter: blur(30px) saturate(170%); backdrop-filter: blur(30px) saturate(170%); box-shadow: inset 0 0 0 .5px rgba(255,255,255,.22); }
}
html.ui-apple .honor-card em, html.ui-apple .honor-card strong { color: #fff; font-size: 17px; font-weight: 600; letter-spacing: 0; margin-bottom: 4px; }
html.ui-apple .honor-card span { color: rgba(255,255,255,.78); font-size: 14px; line-height: 1.55; }
html.ui-apple .scroll-cue { display: none; }

/* ── 数据条：浮在首屏下沿的白色大卡片 ──────────────────────────────── */
html.ui-apple .proof-strip { margin-top: -44px; }
html.ui-apple .proof-grid { border: 0; border-radius: var(--a-r-l); background: var(--a-white); box-shadow: 0 10px 40px rgba(0,0,0,.08); overflow: hidden; }
html.ui-apple .proof-item { padding: 30px 26px; text-align: center; border-right: 1px solid #ECECEF; }
html.ui-apple .proof-item b { font-size: clamp(32px, 3vw, 40px); color: var(--a-ink); margin-bottom: 6px; }
html.ui-apple .proof-item span { color: var(--a-ink-2); font-size: 14px; line-height: 1.5; }

/* ── 版块骨架：标题居中，留白加大，交替 白/浅灰/黑 ─────────────────── */
html.ui-apple .section { padding: clamp(80px, 10vw, 140px) 0; }
html.ui-apple .section-head {
  display: block; max-width: 880px; margin: 0 auto clamp(40px, 5vw, 72px); text-align: center;
}
html.ui-apple .section-intro { max-width: 40em; margin: 18px auto 0; font-size: clamp(17px, 1.5vw, 21px); line-height: 1.55; color: var(--a-ink-2); }
html.ui-apple #knowledge, html.ui-apple #faq, html.ui-apple .channels, html.ui-apple .heifu, html.ui-apple #news-hub-entry { background: var(--a-gray) !important; }
html.ui-apple .rule { display: none; }

/* 故事 + 时间线 */
html.ui-apple .story-aside { border-left: 0; padding-left: 0; }
html.ui-apple .story-aside p { font-size: clamp(24px, 2.4vw, 32px); font-weight: 600; line-height: 1.35; color: var(--a-ink); letter-spacing: -.005em; }
html.ui-apple .story-aside .sig { font-size: 14px; font-weight: 400; color: var(--a-ink-2); border: 0; padding: 0; }
html.ui-apple .time-row { border-top: 1px solid var(--a-sep); }
html.ui-apple .time-row b { font-size: clamp(28px, 2.6vw, 34px); color: var(--a-ink); }
html.ui-apple .time-row b i { color: var(--a-ink-2); font-weight: 400; }
html.ui-apple .time-row h3 { font-size: clamp(19px, 1.5vw, 21px); }
html.ui-apple .time-row p { color: var(--a-ink-2); font-size: 16px; line-height: 1.6; }

/* ── 卡片：苹果 tile（无边框、大圆角、静止无阴影，悬停微放大） ─────── */
html.ui-apple .formula-card, html.ui-apple .knowledge-card, html.ui-apple .menu-card, html.ui-apple .mini-card,
html.ui-apple .faq-item, html.ui-apple .channel-card, html.ui-apple .fact-card, html.ui-apple .story-card,
html.ui-apple .fact-box, html.ui-apple .tip-box, html.ui-apple .method-card, html.ui-apple .toc,
html.ui-apple .news-card, html.ui-apple .route-grid a, html.ui-apple .filters, html.ui-apple .feature {
  border: 0; border-radius: var(--a-r); box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none;
}
/* 白段落里的卡片用浅灰，浅灰段落里的卡片用白 */
html.ui-apple .formula-card, html.ui-apple .menu-card, html.ui-apple .mini-card { background: var(--a-gray); }
html.ui-apple .knowledge-card, html.ui-apple .faq-item, html.ui-apple .channel-card, html.ui-apple .fact-card, html.ui-apple .story-card { background: var(--a-white); }
html.ui-apple .formula-card, html.ui-apple .knowledge-card, html.ui-apple .menu-card, html.ui-apple .story-card, html.ui-apple .news-card, html.ui-apple .douyin-card, html.ui-apple .video-card {
  transform: translateZ(0);
  transition: transform .6s var(--a-ease-ui), box-shadow .6s var(--a-ease-ui), background .3s var(--a-ease-ui);
}
@media (hover: hover) {
  html.ui-apple .formula-card:hover, html.ui-apple .knowledge-card:hover, html.ui-apple .menu-card:hover,
  html.ui-apple .story-card:hover, html.ui-apple .news-card:hover {
    transform: scale(1.015); box-shadow: 0 6px 30px rgba(0,0,0,.08); border-color: transparent; background-color: inherit;
  }
  html.ui-apple .knowledge-card:hover, html.ui-apple .story-card:hover { background: var(--a-white); }
  html.ui-apple .formula-card:hover, html.ui-apple .menu-card:hover { background: var(--a-gray); }
  html.ui-apple .video-card:hover, html.ui-apple .douyin-card:hover { transform: scale(1.02); box-shadow: 0 14px 40px rgba(0,0,0,.5); }
}
html.ui-apple .formula-card { min-height: 0; padding: 32px; text-align: center; align-items: center; justify-content: flex-start; gap: 18px; }
html.ui-apple .formula-card b { font-size: clamp(48px, 5vw, 72px); line-height: 1; color: var(--a-ink); }
html.ui-apple .formula-card b.cn { font-size: clamp(40px, 4vw, 56px); font-weight: 700; letter-spacing: .02em; }
html.ui-apple .formula-card p { color: var(--a-ink-2); font-size: 16px; }
html.ui-apple .process { justify-content: center; }
html.ui-apple .process span { border: 0; border-radius: 980px; background: var(--a-gray); color: var(--a-ink); font-size: 14px; }
html.ui-apple .process span i { color: var(--a-ink-2); font-style: normal; }

html.ui-apple .knowledge-card { min-height: 0; padding: 30px; gap: 22px; }
html.ui-apple .knowledge-card > div > span { font-style: normal; font-size: 12px; font-weight: 600; letter-spacing: .02em; text-transform: none; color: var(--a-orange); margin-bottom: 8px; }
html.ui-apple .knowledge-card h3 { font-size: clamp(21px, 1.7vw, 24px); }
html.ui-apple .knowledge-card p { color: var(--a-ink-2); font-size: 16px; }
/* 文字链接："阅读全文 ›" */
html.ui-apple .knowledge-card b, html.ui-apple .story-card p a, html.ui-apple .faq-item p a, html.ui-apple .channel-list a:not(.btn-map) {
  color: var(--a-link); font-weight: 400; font-size: 17px; text-decoration: none;
}
html.ui-apple .knowledge-card b::after { content: " ›"; position: static; width: auto; height: auto; background: none; border: 0; transform: none; display: inline; }
@media (hover: hover) { html.ui-apple .knowledge-card:hover b { text-decoration: underline; } }

html.ui-apple .menu-card { overflow: hidden; }
html.ui-apple .menu-body { padding: 28px 30px; }
html.ui-apple .menu-body h3 { font-size: clamp(21px, 1.8vw, 28px); }
html.ui-apple .menu-body p { color: var(--a-ink-2); font-size: 16px; }
html.ui-apple .tag { border: 0; border-radius: 980px; padding: 3px 10px; background: transparent; color: var(--a-orange); font-size: 12px; font-weight: 600; letter-spacing: 0; padding-left: 0; }
html.ui-apple .price { color: var(--a-ink); font-size: 19px; }
html.ui-apple .menu-visual { background: var(--a-fill); }

/* FAQ：分组列表 + 展开动画（Chrome/Edge 支持 ::details-content，其他浏览器直接展开） */
html.ui-apple .faq-list { gap: 12px; max-width: 880px; margin-left: auto; margin-right: auto; }
html.ui-apple .faq-item { padding: 0 26px; }
html.ui-apple .faq-item[open] { border-color: transparent; box-shadow: none; }
html.ui-apple .faq-item summary { font-size: clamp(17px, 1.4vw, 19px); font-weight: 600; padding: 22px 0; color: var(--a-ink); }
html.ui-apple .faq-item summary::after {
  width: 12px; height: 12px;
  background: linear-gradient(var(--a-ink-2), var(--a-ink-2)) center/12px 1.6px no-repeat,
              linear-gradient(var(--a-ink-2), var(--a-ink-2)) center/1.6px 12px no-repeat;
  transition: transform .5s var(--a-ease);
}
html.ui-apple .faq-item p { color: var(--a-ink-2); padding-bottom: 22px; }
@supports (interpolate-size: allow-keywords) {
  html.ui-apple { interpolate-size: allow-keywords; }
  html.ui-apple .faq-item::details-content { height: 0; overflow: clip; opacity: 0; transition: height .5s var(--a-ease), opacity .4s var(--a-ease), content-visibility .5s allow-discrete; }
  html.ui-apple .faq-item[open]::details-content { height: auto; opacity: 1; }
}

/* 加盟：iOS 分段控件（滑块由 ym-apple.js 驱动） */
html.ui-apple .tabs { position: relative; gap: 0; padding: 3px; border-radius: 12px; background: rgba(118,118,128,.12); isolation: isolate; }
html.ui-apple .tab-btn {
  position: relative; z-index: 1; min-height: 40px; padding: 0 18px; border: 0; border-radius: 9px; background: transparent;
  font-size: 15px; font-weight: 500; letter-spacing: 0; text-align: center; color: var(--a-ink);
  transition: color .3s var(--a-ease-ui);
}
html.ui-apple .tab-btn.active { background: transparent; color: var(--a-ink); }
html.ui-apple .tabs:not(.has-thumb) .tab-btn.active { background: #fff; box-shadow: 0 3px 8px rgba(0,0,0,.12), 0 3px 1px rgba(0,0,0,.04); }
html.ui-apple .tabs .seg-thumb {
  position: absolute; z-index: 0; top: 3px; bottom: 3px; left: 0; border-radius: 9px; background: #fff;
  box-shadow: 0 3px 8px rgba(0,0,0,.12), 0 3px 1px rgba(0,0,0,.04);
  transition: transform .45s var(--a-ease), width .45s var(--a-ease);
}
html.ui-apple .tab-panel.active { animation: a-fade .5s var(--a-ease) both; }
@keyframes a-fade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
html.ui-apple .mini-card { padding: 26px; }
html.ui-apple .mini-card h3 { font-size: 19px; }
html.ui-apple .mini-card p { color: var(--a-ink-2); font-size: 15px; }

/* ── 黑色段落（苹果产品页那种纯黑） ─────────────────────────────── */
html.ui-apple .dark, html.ui-apple .douyin, html.ui-apple .metrics-band, html.ui-apple .store-photos { background: var(--a-black) !important; color: var(--a-dk-ink); }
html.ui-apple .dark h2, html.ui-apple .dark h3, html.ui-apple .douyin h2, html.ui-apple .douyin h3,
html.ui-apple .metrics-head h2, html.ui-apple .store-photos h2 { color: var(--a-dk-ink); }
html.ui-apple .dark p, html.ui-apple .dark .section-intro, html.ui-apple .douyin .section-intro,
html.ui-apple .metrics-head p, html.ui-apple .store-photos .section-intro { color: var(--a-dk-ink-2); }
html.ui-apple .culture-copy > p { color: var(--a-dk-ink-2); }
html.ui-apple .quote { border: 0; border-radius: var(--a-r); background: var(--a-tile-dk); color: var(--a-dk-ink); padding: 28px 30px; font-size: clamp(21px, 2vw, 28px); font-weight: 600; line-height: 1.35; }
html.ui-apple .quote::before { display: none; }
html.ui-apple .culture-image { padding: 0; border: 0; background: none; }
html.ui-apple .culture-showcase .fig, html.ui-apple .store-photo-item, html.ui-apple .store-photo-top .fig,
html.ui-apple .video-card, html.ui-apple .douyin-card { border: 0; border-radius: var(--a-r); overflow: hidden; }
html.ui-apple figcaption { font-style: normal; color: var(--a-dk-ink-2); font-size: 12px; }
html.ui-apple .store-photo-caption strong { font-size: 17px; font-weight: 600; letter-spacing: 0; color: #fff; }
html.ui-apple .metrics-head { text-align: center; }
html.ui-apple .metrics-core { background: transparent; gap: 14px; }
html.ui-apple .metric-item { background: var(--a-tile-dk); border-radius: var(--a-r); }
html.ui-apple .metric-num { font-size: clamp(48px, 5vw, 72px); color: var(--a-dk-ink); }
html.ui-apple .metric-label { color: var(--a-dk-ink-2b); }
html.ui-apple .metric-label strong { color: var(--a-dk-ink); }
html.ui-apple .records-ticker-wrap { background: transparent; border: 0; }
html.ui-apple .records-ticker-wrap::before, html.ui-apple .records-ticker-wrap::after { background: linear-gradient(90deg, #000, transparent); }
html.ui-apple .records-ticker-wrap::after { background: linear-gradient(270deg, #000, transparent); }
html.ui-apple .record-chip { border: 0; border-radius: 980px; background: var(--a-tile-dk); }
html.ui-apple .record-chip-amount { color: var(--a-dk-ink); }
html.ui-apple .record-chip-date, html.ui-apple .record-chip-label, html.ui-apple .ticker-label, html.ui-apple .metrics-foot { color: var(--a-dk-ink-2); font-style: normal; }
html.ui-apple .shop-status { border: 0 !important; background: var(--a-tile-dk) !important; color: var(--a-dk-ink) !important; font-size: 15px !important; }
html.ui-apple .shop-status .dot { background: var(--a-green-dot); }
html.ui-apple .douyin-card, html.ui-apple .video-card { background: var(--a-tile-dk); }
html.ui-apple .video-meta b, html.ui-apple .video-more-head b, html.ui-apple .vbox-title, html.ui-apple .platforms-bar-left p { letter-spacing: 0; font-weight: 600; }
html.ui-apple .video-meta span, html.ui-apple .video-more-head span { color: var(--a-dk-ink-2b); }
html.ui-apple .play-btn { -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); background: rgba(255,255,255,.18); border: 0; }
html.ui-apple .dy-chip { border: 0; background: var(--a-tile-dk); min-height: 44px; color: var(--a-dk-ink); }
html.ui-apple .btn-platform { border-radius: 980px; }
html.ui-apple .platforms-bar { background: var(--a-tile-dk); border: 0; }

/* ── 黑夫家书：浅灰段落 ─────────────────────────────────────────── */
html.ui-apple .heifu { color: var(--a-ink); }
html.ui-apple .heifu h2, html.ui-apple .heifu h3 { color: var(--a-ink); }
html.ui-apple .heifu .section-intro { color: var(--a-ink-2); }
html.ui-apple .fact-card { padding: 32px; }
html.ui-apple .fact-list li { color: var(--a-ink-2); border-bottom: 1px solid #ECECEF; }
html.ui-apple .fact-list b { color: var(--a-ink); font-weight: 600; letter-spacing: 0; }
html.ui-apple .fact-src { color: var(--a-ink-2); }
html.ui-apple .story-card { position: relative; padding: 28px 30px; border-left: 0; }
html.ui-apple .story-card h3 { color: var(--a-ink); letter-spacing: 0; }
html.ui-apple .story-card p { color: var(--a-ink-2); }
html.ui-apple .badge { border: 0; border-radius: 980px; font-weight: 600; letter-spacing: 0; }
html.ui-apple .badge-fact { background: rgba(48,209,88,.14); color: var(--a-green); }
html.ui-apple .badge-fiction { background: rgba(191,72,0,.1); color: var(--a-orange); }
html.ui-apple .badge::before { background: currentColor; }
html.ui-apple .heifu-foot { border-top-color: var(--a-sep); }
html.ui-apple .heifu-foot p { color: var(--a-ink-2); }
html.ui-apple .heifu-foot p b { color: var(--a-ink); }
html.ui-apple .heifu .btn-gold { background: var(--a-blue); color: #fff; }

/* ── 到店：浅灰段落 + 白卡片 ──────────────────────────────────── */
html.ui-apple .channels { color: var(--a-ink); }
html.ui-apple .channels h2 { color: var(--a-ink); }
html.ui-apple .channels .section-intro { color: var(--a-ink-2); }
html.ui-apple .channel-card { padding: 34px; }
html.ui-apple .channel-card h3 { font-size: clamp(24px, 2.2vw, 32px); font-weight: 600; color: var(--a-ink); letter-spacing: 0; }
html.ui-apple .channel-card > p, html.ui-apple .channel-list li { color: var(--a-ink-2); border-bottom-color: #ECECEF; }
html.ui-apple .channel-list b { color: var(--a-ink); letter-spacing: 0; font-weight: 600; }
html.ui-apple .arrive-steps, html.ui-apple .arrive-steps li { color: var(--a-ink-2); }
html.ui-apple .arrive-steps li::before { color: var(--a-blue); font-weight: 600; }
html.ui-apple .arrive-steps b { color: var(--a-ink); }
html.ui-apple .map-addr { border: 0; border-radius: 12px; background: var(--a-gray); color: var(--a-ink); }
html.ui-apple .map-hint, html.ui-apple .map-nav-label { color: var(--a-ink-2); }
html.ui-apple .map-hint b { color: var(--a-ink); }
html.ui-apple .btn-map { min-height: 44px; padding: 0 18px; border-radius: 980px; font-weight: 500; }
html.ui-apple .btn-map-copy { border: 0; background: var(--a-fill); color: var(--a-ink); }
html.ui-apple .btn-map-tel, html.ui-apple .channel-list a.btn-map-tel { background: var(--a-blue); color: #fff; }
html.ui-apple .channels .btn-light { border-color: var(--a-blue); color: var(--a-blue); background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; }
html.ui-apple .channels .shop-status { background: var(--a-gray) !important; color: var(--a-ink) !important; }
@media (hover: hover) { html.ui-apple .btn-map:hover { transform: none; opacity: 1; filter: brightness(.94); } }

/* ── 资讯汇入口与页脚：苹果页脚（浅灰、12px、细分隔） ───────────── */
html.ui-apple #news-hub-entry { text-align: center; padding: 72px 0 !important; }
html.ui-apple #news-hub-entry .eyebrow { color: var(--a-orange); font-size: 17px; }
html.ui-apple #news-hub-entry h2 { margin-top: 6px; }
html.ui-apple #news-hub-entry p { color: var(--a-ink-2); max-width: 36em; margin-left: auto !important; margin-right: auto !important; }
html.ui-apple #news-hub-entry div[style*="flex"] { justify-content: center; }
html.ui-apple footer { background: var(--a-gray); color: var(--a-ink-2); border-top: 1px solid var(--a-sep); font-size: 12px; line-height: 1.6; }
html.ui-apple .footer-title { font-size: 17px; font-weight: 600; letter-spacing: 0; color: var(--a-ink); }
html.ui-apple footer a, html.ui-apple .footer-links a { color: var(--a-ink-2); }
@media (hover: hover) { html.ui-apple footer a:hover, html.ui-apple .footer-links a:hover { color: var(--a-ink); text-decoration: underline; } }
html.ui-apple .footer-fine { color: var(--a-ink-2); border-top: 1px solid var(--a-sep); padding-top: 16px; }

/* ── 手机：iOS 27 浮动玻璃标签栏 ─────────────────────────────────── */
html.ui-apple .mobile-nav {
  left: 14px; right: 14px; bottom: calc(10px + env(safe-area-inset-bottom, 0px)); padding: 5px;
  border: 0; border-radius: 30px; background: rgba(250,250,250,.94);
  box-shadow: 0 10px 34px rgba(0,0,0,.14), inset 0 0 0 .5px rgba(0,0,0,.08);
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html.ui-apple .mobile-nav { background: rgba(250,250,250,.7); -webkit-backdrop-filter: saturate(180%) blur(24px); backdrop-filter: saturate(180%) blur(24px); }
}
html.ui-apple .mobile-nav-item { min-height: 50px; border-radius: 25px; font-size: 10px; font-weight: 500; letter-spacing: 0; color: var(--a-ink); transition: color .25s var(--a-ease-ui), background .35s var(--a-ease-ui), transform .2s var(--a-ease-ui); }
html.ui-apple .mobile-nav-item:active { transform: scale(.92); }
html.ui-apple .mobile-nav-item.active { color: var(--a-blue); background: rgba(118,118,128,.12); }
html.ui-apple .wechat-float-btn { box-shadow: 0 8px 24px rgba(0,0,0,.16); transition: transform .3s var(--a-ease-ui); }
html.ui-apple .wechat-modal { border-radius: var(--a-r-l); }
html.ui-apple .toast { border-radius: 980px; }
@media (prefers-reduced-transparency: reduce) {
  html.ui-apple .nav, html.ui-apple .site-nav, html.ui-apple .mobile-nav { background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none; }
  html.ui-apple .honor-card { background: rgba(40,40,42,.92); -webkit-backdrop-filter: none; backdrop-filter: none; }
}

/* ── 滚动揭示（覆盖原 data-reveal，换成苹果式快起慢收） ────────────── */
html.ui-apple.js [data-reveal] {
  opacity: 0; transform: translate3d(0, 36px, 0) scale(.985);
  transition: opacity 1s var(--a-ease), transform 1.1s var(--a-ease);
  transition-delay: calc(var(--d, 0) * 90ms);
}
html.ui-apple.js [data-reveal].is-in { opacity: 1; transform: none; }
/* 图片随揭示轻微收焦（ym-apple.js 加 .a-zoom） */
html.ui-apple .a-zoom img { transform: scale(1.06); transition: transform 1.6s var(--a-ease); }
html.ui-apple .a-zoom.is-in img, html.ui-apple .is-in .a-zoom img { transform: scale(1); }

/* ── 响应式 ──────────────────────────────────────────────────────── */
@media (max-width: 980px) {
  html.ui-apple body { padding-bottom: 96px; }
  html.ui-apple .wechat-float { bottom: 108px; }
  html.ui-apple .hero-panel { grid-template-columns: minmax(0, 1fr); max-width: 520px; }
}
@media (max-width: 720px) {
  html.ui-apple body { font-size: 16px; }
  html.ui-apple .hero { min-height: 0; padding: 96px 0 72px; }
  html.ui-apple h1 { font-size: 52px; letter-spacing: .04em; }
  html.ui-apple .hero-tagline { font-size: 24px; }
  html.ui-apple .hero-copy { font-size: 16px; text-align: left; }
  html.ui-apple .hero-panel { display: none; }          /* 手机首屏只留核心信息，两张卡的内容下文都有 */
  html.ui-apple .hero-actions .btn { flex: 1; }
  html.ui-apple h2 { font-size: 32px; line-height: 1.18; }
  html.ui-apple h3 { font-size: 21px; }
  html.ui-apple .section { padding: 72px 0; }
  html.ui-apple .section-intro { font-size: 17px; }
  html.ui-apple .proof-item { padding: 22px 16px; }
  html.ui-apple .proof-item b { font-size: 28px; }
  html.ui-apple .formula-card, html.ui-apple .knowledge-card, html.ui-apple .fact-card, html.ui-apple .channel-card { padding: 24px; }
  html.ui-apple .menu-body { padding: 22px; }
  html.ui-apple .story-aside p { font-size: 22px; }
  html.ui-apple .time-row b { font-size: 26px; }
  html.ui-apple .metric-num { font-size: 44px; }
  html.ui-apple input, html.ui-apple select, html.ui-apple textarea { font-size: 16px; }
}

/* ── 内容页（article.css 模板）：苹果新闻稿式阅读 ─────────────────── */
html.ui-apple .site-nav .brand { font-family: var(--a-font); font-size: 17px; font-weight: 600; letter-spacing: .02em; color: var(--a-ink); }
html.ui-apple .nav-inner .nav-links a { font-size: 12px; }
html.ui-apple .article-hero { text-align: left; }
html.ui-apple .article-hero h1, html.ui-apple .hub-hero h1 {
  font-size: clamp(36px, 5vw, 56px); font-weight: 700; letter-spacing: -.005em; line-height: 1.12; color: var(--a-ink);
}
html.ui-apple .article-hero .kicker, html.ui-apple .hub-hero .eyebrow { color: var(--a-orange); font-size: 17px; }
html.ui-apple .dek { font-size: clamp(19px, 1.6vw, 24px); line-height: 1.5; color: var(--a-ink-2); font-weight: 400; letter-spacing: 0; }
html.ui-apple .article-body > p, html.ui-apple .article-body > ul, html.ui-apple .article-body > ol { max-width: 692px; }
html.ui-apple .article-body p, html.ui-apple .article-body li { font-size: 17px; line-height: 1.75; color: var(--a-ink); }
html.ui-apple .article-body h2 { font-size: clamp(26px, 2.6vw, 32px); font-weight: 700; letter-spacing: 0; color: var(--a-ink); margin-top: 64px; }
html.ui-apple .article-body h2::before { display: none; }
html.ui-apple .article-body h3 { font-size: 21px; font-weight: 600; letter-spacing: 0; }
html.ui-apple .article-body a { color: var(--a-link); text-decoration: none; }
@media (hover: hover) { html.ui-apple .article-body a:hover { text-decoration: underline; } }
html.ui-apple .article-body strong { font-weight: 600; }
html.ui-apple .lead { border-bottom-color: var(--a-sep); }
html.ui-apple .fact-box, html.ui-apple .tip-box, html.ui-apple .method-card, html.ui-apple .toc { background: var(--a-gray); border-left: 0; }
html.ui-apple .fact-box strong, html.ui-apple .tip-box strong, html.ui-apple .toc strong { color: var(--a-ink); font-weight: 600; letter-spacing: 0; }
html.ui-apple .toc a { color: var(--a-ink-2); }
@media (hover: hover) { html.ui-apple .toc a:hover { color: var(--a-link); } }
html.ui-apple .article-hero .hero-art, html.ui-apple .article-hero figure img { border-radius: var(--a-r-l); border: 0; box-shadow: none; }
html.ui-apple .art-note, html.ui-apple .breadcrumb { color: var(--a-ink-2); font-size: 12px; }
html.ui-apple .breadcrumb a { color: var(--a-link); }
html.ui-apple .related { background: var(--a-gray); }
html.ui-apple .related h2 { color: var(--a-ink); font-weight: 700; letter-spacing: 0; }
html.ui-apple .related a, html.ui-apple .related .card { color: var(--a-ink); }

/* ── 资讯汇（hub.css 模板） ───────────────────────────────────────── */
html.ui-apple .hub-nav { border-bottom: 1px solid var(--a-sep); }
html.ui-apple .hub-brand { font-family: var(--a-font); font-size: 21px; font-weight: 600; letter-spacing: .02em; color: var(--a-ink); }
html.ui-apple .hub-brand span { font-family: var(--a-font); font-size: 11px; font-weight: 500; letter-spacing: .04em; color: var(--a-ink-2); }
html.ui-apple .hub-nav > div a { color: rgba(29,29,31,.82); font-size: 13px; }
html.ui-apple .hub-hero .dek { font-size: 21px; }
html.ui-apple .news-card { padding: 28px; background: var(--a-gray); }
html.ui-apple .news-card .eyebrow { font-size: 12px; color: var(--a-orange); }
html.ui-apple .news-card h2 { font-size: 21px; font-weight: 600; line-height: 1.35; letter-spacing: 0; }
html.ui-apple .news-card > p { color: var(--a-ink-2); }
html.ui-apple .reader-value { border-left: 0; padding-left: 0; color: var(--a-ink-2); }
html.ui-apple .reader-value b { color: var(--a-ink); }
html.ui-apple .update-note { border: 0; border-radius: 14px; background: var(--a-gray); color: var(--a-ink); }
html.ui-apple .update-note b, html.ui-apple .update-note a { color: var(--a-link); }
html.ui-apple .filters { background: var(--a-gray); }
html.ui-apple .route-grid a { background: var(--a-gray); }
html.ui-apple button, html.ui-apple input, html.ui-apple select, html.ui-apple textarea {
  border: 0; border-radius: 12px; background: var(--a-fill); color: var(--a-ink); font-family: var(--a-font);
}
html.ui-apple .filters select, html.ui-apple .filters input { background-color: #fff; }
html.ui-apple input:focus-visible, html.ui-apple select:focus-visible, html.ui-apple textarea:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(0,113,227,.28); }
html.ui-apple select {
  -webkit-appearance: none; appearance: none; padding-right: 34px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%236E6E73' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 12px center;
}
html.ui-apple .button { border: 0; border-radius: 980px; background: var(--a-blue); color: #fff; min-height: 44px; display: inline-flex; align-items: center; padding: 0 22px; transition: background .25s var(--a-ease-ui), transform .2s var(--a-ease-ui); }
html.ui-apple .button:active { transform: scale(.96); }
@media (hover: hover) { html.ui-apple .button:hover { background: var(--a-blue-hover); color: #fff; } }
html.ui-apple .actions button[aria-pressed=true] { background: var(--a-blue); color: #fff; }
html.ui-apple .hub-footer { border-top-color: var(--a-sep); color: var(--a-ink-2); font-size: 12px; }
html.ui-apple .hub-section a:not(.button) { color: var(--a-link); }

/* ── 辅助功能 ─────────────────────────────────────────────────────── */
@media (prefers-contrast: more) {
  html.ui-apple { --a-ink-2: #48484A; --a-sep: #A1A1A6; --a-dk-ink-2: #C7C7CC; --a-dk-ink-2b: #C7C7CC; }
  html.ui-apple .nav, html.ui-apple .site-nav, html.ui-apple .mobile-nav { background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none; }
  html.ui-apple .knowledge-card, html.ui-apple .formula-card, html.ui-apple .menu-card, html.ui-apple .news-card, html.ui-apple .faq-item { box-shadow: inset 0 0 0 1px var(--a-sep); }
}
@media (prefers-reduced-motion: reduce) {
  html.ui-apple.js [data-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; }
  html.ui-apple .a-zoom img { transform: none !important; transition: none !important; }
  html.ui-apple .hero-media img, html.ui-apple .hero-grid > div:first-child { transform: none !important; opacity: 1 !important; }
  html.ui-apple * { scroll-behavior: auto !important; }
}

/* 首屏照片：停用旧的 20 秒推近动画，改由滚动驱动 */
html.ui-apple .hero-media img { animation: none; transform: scale(1.04); }
/* 加盟：分页从左侧竖排改为居中的横向分段控件 */
html.ui-apple .business-grid { display: block; }
html.ui-apple .business-grid .tabs { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; max-width: 520px; margin: 0 auto 36px; }

/* ── 第二轮截图修正 ── */
html.ui-apple .story-aside { top: 80px; }
html.ui-apple .story-aside p { border-left: 0; padding-left: 0; }
html.ui-apple .story-aside .sig { padding-left: 0; border-left: 0; }
html.ui-apple h1 { font-weight: 600; }
/* 首屏照片较花，压暗一点保证白字可读；次按钮改白色玻璃胶囊 */
html.ui-apple .hero-veil { background: radial-gradient(120% 90% at 50% 38%, rgba(0,0,0,.52) 0%, rgba(0,0,0,.62) 55%, rgba(0,0,0,.86) 100%); }
html.ui-apple .hero .btn-light { background: rgba(255,255,255,.16); border-color: transparent; color: #fff; }
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html.ui-apple .hero .btn-light { -webkit-backdrop-filter: blur(20px) saturate(170%); backdrop-filter: blur(20px) saturate(170%); box-shadow: inset 0 0 0 .5px rgba(255,255,255,.3); }
}
@media (hover: hover) { html.ui-apple .hero .btn-light:hover { background: rgba(255,255,255,.26); border-color: transparent; color: #fff; } }
html.ui-apple .section-intro, html.ui-apple .hero-copy, html.ui-apple #news-hub-entry p { text-wrap: balance; }
html.ui-apple #news-hub-entry .eyebrow { justify-content: center; }
html.ui-apple .business-grid .tab-panel.active { justify-items: center; }
@media (max-width: 720px) {
  html.ui-apple .hero .eyebrow { font-size: 13px; }
  html.ui-apple .hero-copy { text-wrap: pretty; }
}
html.ui-apple .feature { background: var(--a-gray); }
html.ui-apple .feature .eyebrow { color: var(--a-orange); font-size: 14px; }
html.ui-apple .feature a:not(.button) { color: var(--a-link); }
html.ui-apple .image-note { border-radius: 980px; background: rgba(255,255,255,.85); }
/* 内容页"继续了解"与页脚 */
html.ui-apple .related { color: var(--a-ink); }
html.ui-apple .related-card { border: 0; border-radius: var(--a-r); background: var(--a-white); padding: 26px; transition: transform .6s var(--a-ease-ui), box-shadow .6s var(--a-ease-ui); }
html.ui-apple .related-card b { font-family: var(--a-font); color: var(--a-ink); font-size: 19px; font-weight: 600; letter-spacing: 0; }
html.ui-apple .related-card span { color: var(--a-ink-2); }
@media (hover: hover) { html.ui-apple .related-card:hover { transform: scale(1.015); box-shadow: 0 6px 30px rgba(0,0,0,.08); background: var(--a-white); border-color: transparent; } }
html.ui-apple .site-nav ~ * footer, html.ui-apple body > footer { background: var(--a-gray); color: var(--a-ink-2); }
html.ui-apple body > footer a { color: var(--a-ink-2); }
html.ui-apple .related h2 { font-size: clamp(26px, 2.6vw, 32px); }