/* ============================================================
   AI 商业训练营 · 营销落地页 V2（编辑部极简风）
   与 V1 排版逻辑一致，视觉语言全面区分：
   衬线大标题 · 细分割线 · 大留白 · 低饱和点缀色
   四套配色通过 <html data-theme="..."> 切换
   ============================================================ */

/* ---------- 配色方案 ---------- */
:root,
:root[data-theme="ivory"] {
  /* 月白·墨（默认）：暖白纸感 + 墨黑 + 黄铜 */
  --bg: #f6f4ef;
  --bg-alt: #edeae2;
  --card: #fffdf8;
  --ink: #1b1a17;
  --muted: #6f6d65;
  --accent: #a97e3f;
  --accent-soft: rgba(169, 126, 63, .12);
  --line: rgba(27, 26, 23, .16);
  --line-strong: rgba(27, 26, 23, .5);
  --band-bg: #1b1a17;
  --band-ink: #f4f2ec;
  --ph-border: rgba(27, 26, 23, .26);
  --ph-bg: rgba(27, 26, 23, .035);
  --ph-stripe: rgba(27, 26, 23, .045);
  --ph-text: rgba(27, 26, 23, .52);
  --shadow: 0 10px 34px rgba(27, 26, 23, .07);
}
:root[data-theme="graphite"] {
  /* 石墨·雾金：深石墨 + 香槟金 */
  --bg: #141518;
  --bg-alt: #1a1c20;
  --card: #1f2126;
  --ink: #f0eee7;
  --muted: #97948b;
  --accent: #c8a76b;
  --accent-soft: rgba(200, 167, 107, .14);
  --line: rgba(240, 238, 231, .15);
  --line-strong: rgba(240, 238, 231, .55);
  --band-bg: #0e0f11;
  --band-ink: #f0eee7;
  --ph-border: rgba(240, 238, 231, .25);
  --ph-bg: rgba(240, 238, 231, .04);
  --ph-stripe: rgba(240, 238, 231, .05);
  --ph-text: rgba(240, 238, 231, .5);
  --shadow: 0 12px 36px rgba(0, 0, 0, .35);
}
:root[data-theme="porcelain"] {
  /* 雾蓝·藏青：冷调浅底 + 藏青 + 钢蓝 */
  --bg: #f0f2f5;
  --bg-alt: #e5e9ee;
  --card: #ffffff;
  --ink: #16273a;
  --muted: #5f6d7d;
  --accent: #33598e;
  --accent-soft: rgba(51, 89, 142, .11);
  --line: rgba(22, 39, 58, .16);
  --line-strong: rgba(22, 39, 58, .5);
  --band-bg: #16273a;
  --band-ink: #eef2f6;
  --ph-border: rgba(22, 39, 58, .26);
  --ph-bg: rgba(22, 39, 58, .035);
  --ph-stripe: rgba(22, 39, 58, .05);
  --ph-text: rgba(22, 39, 58, .52);
  --shadow: 0 10px 34px rgba(22, 39, 58, .08);
}
:root[data-theme="sage"] {
  /* 暖灰·橄榄：暖灰米底 + 橄榄绿 */
  --bg: #f3f1ea;
  --bg-alt: #e9e6db;
  --card: #fbfaf5;
  --ink: #252820;
  --muted: #6e7260;
  --accent: #5e7051;
  --accent-soft: rgba(94, 112, 81, .13);
  --line: rgba(37, 40, 32, .16);
  --line-strong: rgba(37, 40, 32, .5);
  --band-bg: #2b2f25;
  --band-ink: #f1efe7;
  --ph-border: rgba(37, 40, 32, .26);
  --ph-bg: rgba(37, 40, 32, .035);
  --ph-stripe: rgba(37, 40, 32, .05);
  --ph-text: rgba(37, 40, 32, .52);
  --shadow: 0 10px 34px rgba(37, 40, 32, .07);
}

:root[data-theme="oxblood"] {
  /* 绢白·酒红：暖白绢感 + 深酒红（有温度但不撞原站正红） */
  --bg: #f7f3ee;
  --bg-alt: #efe9e1;
  --card: #fffcf8;
  --ink: #231c1a;
  --muted: #756963;
  --accent: #8a2a35;
  --accent-soft: rgba(138, 42, 53, .10);
  --line: rgba(35, 28, 26, .16);
  --line-strong: rgba(35, 28, 26, .5);
  --band-bg: #2a1418;
  --band-ink: #f5efe9;
  --ph-border: rgba(35, 28, 26, .26);
  --ph-bg: rgba(35, 28, 26, .035);
  --ph-stripe: rgba(35, 28, 26, .045);
  --ph-text: rgba(35, 28, 26, .52);
  --shadow: 0 10px 34px rgba(35, 28, 26, .07);
}
:root[data-theme="midnight"] {
  /* 午夜·蓝调：深藏蓝夜色 + 雾银蓝（暗色第二选，冷静克制） */
  --bg: #101622;
  --bg-alt: #151c2b;
  --card: #1b2334;
  --ink: #e9edf4;
  --muted: #8b96a8;
  --accent: #7fa6d6;
  --accent-soft: rgba(127, 166, 214, .14);
  --line: rgba(233, 237, 244, .14);
  --line-strong: rgba(233, 237, 244, .55);
  --band-bg: #0a0f18;
  --band-ink: #e9edf4;
  --ph-border: rgba(233, 237, 244, .25);
  --ph-bg: rgba(233, 237, 244, .04);
  --ph-stripe: rgba(233, 237, 244, .05);
  --ph-text: rgba(233, 237, 244, .5);
  --shadow: 0 12px 36px rgba(0, 0, 0, .4);
}
:root[data-theme="mocha"] {
  /* 奶油·胡桃：奶油底 + 意式浓缩棕 + 焦糖（咖啡馆质感） */
  --bg: #f8f3ea;
  --bg-alt: #f0e8da;
  --card: #fffdf7;
  --ink: #2c221a;
  --muted: #7b6c5d;
  --accent: #8a5a2e;
  --accent-soft: rgba(138, 90, 46, .11);
  --line: rgba(44, 34, 26, .16);
  --line-strong: rgba(44, 34, 26, .5);
  --band-bg: #2c221a;
  --band-ink: #f6f0e6;
  --ph-border: rgba(44, 34, 26, .26);
  --ph-bg: rgba(44, 34, 26, .035);
  --ph-stripe: rgba(44, 34, 26, .045);
  --ph-text: rgba(44, 34, 26, .52);
  --shadow: 0 10px 34px rgba(44, 34, 26, .07);
}
:root[data-theme="lilac"] {
  /* 云灰·紫棠：冷云灰底 + 灰紫（少见、优雅、有记忆点） */
  --bg: #f3f2f6;
  --bg-alt: #e9e7ee;
  --card: #ffffff;
  --ink: #211e2a;
  --muted: #6d6878;
  --accent: #6b568f;
  --accent-soft: rgba(107, 86, 143, .11);
  --line: rgba(33, 30, 42, .16);
  --line-strong: rgba(33, 30, 42, .5);
  --band-bg: #211e2a;
  --band-ink: #f1eff5;
  --ph-border: rgba(33, 30, 42, .26);
  --ph-bg: rgba(33, 30, 42, .035);
  --ph-stripe: rgba(33, 30, 42, .05);
  --ph-text: rgba(33, 30, 42, .52);
  --shadow: 0 10px 34px rgba(33, 30, 42, .08);
}
:root[data-theme="terra"] {
  /* 月岩·铜橘：暖调深炭底 + 陶土铜橘（暗色第三选，有暖意） */
  --bg: #171310;
  --bg-alt: #1e1915;
  --card: #241e19;
  --ink: #f1ebe4;
  --muted: #9c9186;
  --accent: #c57a4a;
  --accent-soft: rgba(197, 122, 74, .14);
  --line: rgba(241, 235, 228, .14);
  --line-strong: rgba(241, 235, 228, .55);
  --band-bg: #100d0b;
  --band-ink: #f1ebe4;
  --ph-border: rgba(241, 235, 228, .25);
  --ph-bg: rgba(241, 235, 228, .04);
  --ph-stripe: rgba(241, 235, 228, .05);
  --ph-text: rgba(241, 235, 228, .5);
  --shadow: 0 12px 36px rgba(0, 0, 0, .38);
}
:root[data-theme="celadon"] {
  /* 青瓷·黛绿：青瓷浅底 + 黛绿（东方器物感，沉稳干净） */
  --bg: #eff3f0;
  --bg-alt: #e3eae5;
  --card: #ffffff;
  --ink: #182722;
  --muted: #5f7069;
  --accent: #2f6f5c;
  --accent-soft: rgba(47, 111, 92, .11);
  --line: rgba(24, 39, 34, .16);
  --line-strong: rgba(24, 39, 34, .5);
  --band-bg: #182722;
  --band-ink: #edf2ef;
  --ph-border: rgba(24, 39, 34, .26);
  --ph-bg: rgba(24, 39, 34, .035);
  --ph-stripe: rgba(24, 39, 34, .05);
  --ph-text: rgba(24, 39, 34, .52);
  --shadow: 0 10px 34px rgba(24, 39, 34, .08);
}

:root {
  --font-cn: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --font-serif: "Noto Serif SC", "Songti SC", STSong, "Source Han Serif SC", "Times New Roman", serif;
  --font-en: Georgia, "Times New Roman", serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { max-width: 100%; overflow-x: clip; scroll-behavior: smooth; }
body {
  max-width: 100%;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font-cn);
  overflow-x: hidden;
  transition: background-color .25s ease, color .25s ease;
}
img, video { display: block; max-width: 100%; }
button { font: inherit; cursor: pointer; }
section { position: relative; width: 100%; overflow: hidden; }
.wrap { position: relative; width: min(100%, 1560px); margin-inline: auto; padding-inline: 4vw; }

.slot-image {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: var(--card);
}
.slot-image--cover { object-fit: cover; }
.slot-image--contain { object-fit: contain; }

/* ---------- 通用文字 ---------- */
.h-cn {
  font-family: var(--font-serif);
  font-weight: 700;
  line-height: 1.22;
  letter-spacing: .02em;
}
.h-en {
  font-family: var(--font-en);
  font-weight: 400;
  font-style: italic;
  line-height: 1;
  letter-spacing: .02em;
}
.en-caps {
  font-family: var(--font-cn);
  font-size: clamp(9px, .66vw, 12px);
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--muted);
  line-height: 2;
}
.red { color: var(--accent); }

/* 板块页眉：编号 + 细线 + 标题（V2 专属组件） */
.sec-head { display: flex; align-items: baseline; gap: 1.4vw; margin-bottom: 2.6vw; }
.sec-head__no {
  font-family: var(--font-en);
  font-style: italic;
  font-size: clamp(13px, 1vw, 19px);
  color: var(--accent);
}
.sec-head__line { flex: 1; height: 1px; background: var(--line); }

/* ---------- 孔位（占位）组件 ---------- */
.ph {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .45em;
  width: 100%;
  border: 1px dashed var(--ph-border);
  border-radius: 2px;
  background:
    repeating-linear-gradient(45deg, transparent 0 14px, var(--ph-stripe) 14px 28px),
    var(--ph-bg);
  color: var(--ph-text);
  text-align: center;
  padding: 8%;
  overflow: hidden;
}
.ph__icon { font-size: clamp(16px, 1.4vw, 26px); opacity: .75; }
.ph__tag {
  font-size: clamp(9px, .58vw, 11px);
  letter-spacing: .22em;
  border: 1px solid var(--ph-border);
  border-radius: 999px;
  padding: .3em 1em;
}
.ph strong { font-size: clamp(11px, .82vw, 15px); font-weight: 600; color: var(--ink); opacity: .78; }
.ph em { font-style: normal; font-size: clamp(9px, .66vw, 12px); opacity: .8; }
.ph--logo { border-radius: 2px; padding: 4%; }
.ph--video::before {
  content: "";
  position: absolute;
  width: clamp(44px, 4.2vw, 72px);
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid var(--ph-border);
  background: var(--accent-soft);
}
.ph--video::after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: clamp(6px,.62vw,11px) 0 clamp(6px,.62vw,11px) clamp(10px,1vw,18px);
  border-color: transparent transparent transparent var(--ink);
  opacity: .7;
  transform: translateX(15%);
}
.ph--video .ph__meta { position: absolute; bottom: 6%; display: flex; flex-direction: column; gap: .35em; align-items: center; }

/* ============================================================
   S1 HERO
   ============================================================ */
.hero {
  position: relative;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  height: 100svh;
  min-height: 760px;
  background:
    radial-gradient(circle at 52% 36%, var(--accent-soft), transparent 27%),
    linear-gradient(115deg, var(--bg) 0 44%, var(--bg-alt) 44% 44.08%, var(--bg) 44.08% 100%);
  border-bottom: 1px solid var(--line);
}
.hero__nav {
  display: flex;
  align-items: center;
  gap: 3.2vw;
  min-height: clamp(76px, 6.3vw, 104px);
  padding: 1.2vw 4vw;
  border-bottom: 1px solid var(--line);
}
.hero__logo { display: flex; align-items: center; }
.hero__logo .ph { width: 12vw; min-width: 150px; aspect-ratio: 5/1; padding: 2%; gap: .1em; }
.brand-logo { width: clamp(250px, 18vw, 340px); min-width: 250px; height: auto; }
.brand-logo--light { display: none; }
:root[data-theme="graphite"] .brand-logo--dark,
:root[data-theme="midnight"] .brand-logo--dark,
:root[data-theme="terra"] .brand-logo--dark { display: none; }
:root[data-theme="graphite"] .brand-logo--light,
:root[data-theme="midnight"] .brand-logo--light,
:root[data-theme="terra"] .brand-logo--light { display: block; }
.hero__menu { display: flex; gap: 2.8vw; margin-left: auto; }
.hero__menu a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  color: var(--ink);
  text-decoration: none;
  font-size: clamp(10px, .74vw, 14px);
  letter-spacing: .2em;
  transition: color .25s ease;
}
.hero__menu a:hover { color: var(--accent); }
.hero__cta {
  display: inline-flex;
  align-items: center;
  gap: 1.6em;
  background: var(--ink);
  color: var(--bg);
  border: 0;
  border-radius: 999px;
  font-weight: 600;
  font-size: clamp(12px, .9vw, 17px);
  padding: .85em .9em .85em 1.6em;
  letter-spacing: .12em;
  text-decoration: none;
  min-height: 44px;
  transition: background-color .25s ease, color .25s ease, transform .25s ease;
}
.hero__cta i {
  display: grid;
  place-items: center;
  width: 2.15em;
  height: 2.15em;
  border-radius: 50%;
  background: var(--bg);
  color: var(--ink);
  font-style: normal;
}
.hero__cta:hover { background: var(--accent); color: var(--bg); transform: translateY(-2px); }
.hero__grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(420px, .88fr) minmax(560px, 1.12fr);
  align-items: stretch;
  gap: 2.8vw;
  min-height: 0;
  overflow: hidden;
  padding: clamp(32px, 3.2vw, 62px) 4vw clamp(28px, 2.8vw, 54px);
}
.hero__left,
.hero__right {
  position: relative;
  z-index: 2;
}
.hero__left {
  display: flex;
  flex-direction: column;
}
.hero__edition {
  display: flex;
  justify-content: space-between;
  gap: 1em;
  margin-bottom: clamp(24px, 2.5vw, 48px);
  padding-bottom: .8em;
  border-bottom: 1px solid var(--line-strong);
  color: var(--muted);
  font-size: clamp(9px, .62vw, 12px);
  font-weight: 600;
  letter-spacing: .16em;
}
.hero__edition span:last-child { margin-left: auto; text-align: right; }
.hero__title-en {
  font-family: var(--font-en);
  font-style: italic;
  font-weight: 400;
  font-size: clamp(18px, 2.15vw, 42px);
  line-height: 1;
  letter-spacing: -.025em;
  color: var(--ink);
}
.hero__title-en span { display: block; }
.hero__title-en span:nth-child(2) { padding-left: .58em; }
.hero__title-cn {
  margin-top: clamp(18px, 1.5vw, 28px);
  font-family: var(--font-serif);
  font-size: clamp(28px, 2.45vw, 47px);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.035em;
}
.hero__title-cn span { display: block; }
.hero__lead {
  max-width: 36em;
  margin-top: clamp(18px, 1.5vw, 28px);
  color: var(--muted);
  font-size: clamp(12px, .9vw, 17px);
  line-height: 1.9;
}
.hero__metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: clamp(22px, 2vw, 38px);
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}
.hero__metrics > div {
  min-width: 0;
  padding: clamp(10px, .8vw, 16px);
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.hero__metrics b {
  display: block;
  font-family: var(--font-serif);
  font-size: clamp(17px, 1.45vw, 28px);
  line-height: 1.1;
  color: var(--accent);
}
.hero__metrics small {
  display: block;
  margin-top: .55em;
  overflow-wrap: anywhere;
  color: var(--muted);
  font-size: clamp(8px, .58vw, 11px);
  letter-spacing: .08em;
  line-height: 1.5;
  text-transform: uppercase;
}
.hero__primary {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 2em;
  width: fit-content;
  min-width: min(100%, 260px);
  min-height: 44px;
  margin-top: clamp(18px, 1.5vw, 28px);
  padding: .85em 0;
  border-bottom: 1px solid var(--ink);
  color: var(--ink);
  font-size: clamp(11px, .82vw, 15px);
  font-weight: 700;
  letter-spacing: .08em;
  text-decoration: none;
}
.hero__left-copy {
  margin-top: auto;
  padding-top: clamp(40px, 5vw, 92px);
  font-family: var(--font-serif);
  font-size: clamp(16px, 1.25vw, 24px);
  font-weight: 600;
  line-height: 1.8;
}
.hero__left-en { margin-top: clamp(24px, 2.2vw, 42px); }
.hero__kv {
  position: relative;
  display: flex;
  align-items: stretch;
  min-height: 0;
  overflow: hidden;
  background: #dce9ed;
  box-shadow: 0 24px 70px rgba(16, 53, 70, .13);
}
.hero__kv::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
}
.hero__kv .ph { aspect-ratio: 10/11; border-radius: 4px; }
.hero__kv .slot-image {
  height: 100%;
  min-height: 0;
  aspect-ratio: auto;
  border-radius: 0;
  object-fit: cover;
  object-position: center bottom;
  transition: transform .9s cubic-bezier(.2,.7,.2,1);
}
.hero__kv:hover .slot-image { transform: scale(1.018); }
.hero__kv figcaption {
  position: absolute;
  z-index: 2;
  right: 14px;
  bottom: 14px;
  left: 14px;
  display: flex;
  justify-content: space-between;
  gap: 1em;
  padding: .8em 1em;
  background: rgba(245, 248, 247, .84);
  border: 1px solid rgba(255, 255, 255, .58);
  color: #17334a;
  font-size: clamp(8px, .58vw, 11px);
  font-weight: 700;
  letter-spacing: .16em;
  backdrop-filter: blur(12px);
}
.hero__right { display: flex; flex-direction: column; text-align: right; }
.hero__right-en {
  align-self: flex-end;
  max-width: 30em;
  padding-top: .35vw;
  padding-bottom: 1.4vw;
  border-bottom: 1px solid var(--line-strong);
}
.hero__right-bottom { margin-top: auto; }
.hero__sub {
  font-size: clamp(13px, 1.15vw, 22px);
  font-weight: 600;
  color: var(--muted);
  line-height: 1.7;
}
.hero__big {
  display: block;
  position: relative;
  margin-top: .7em;
  font-family: var(--font-serif);
  font-size: clamp(42px, 4.1vw, 78px);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -.04em;
  padding-bottom: .28em;
}
.hero__big::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: min(100%, 4.8em);
  height: 4px;
  background: var(--accent);
}
.hero__right-caption {
  margin-top: clamp(18px, 1.5vw, 28px);
  color: var(--accent);
  font-size: clamp(9px, .68vw, 13px);
  letter-spacing: .2em;
  text-transform: uppercase;
  line-height: 2;
}
.hero__ticker {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: clamp(56px, 4.5vw, 74px);
  padding: 0 4vw;
  border-top: 1px solid var(--line);
  background: color-mix(in srgb, var(--bg) 88%, transparent);
  font-size: clamp(9px, .68vw, 13px);
  letter-spacing: .13em;
  white-space: nowrap;
  overflow: hidden;
}
.hero__ticker-track { display: flex; width: max-content; will-change: transform; }
.hero__ticker-group { display: flex; align-items: center; gap: clamp(14px, 1.8vw, 34px); padding-right: clamp(14px, 1.8vw, 34px); }
.hero__ticker span { color: var(--muted); }
.hero__ticker b { font-family: var(--font-serif); font-size: 1.22em; letter-spacing: .08em; }
.hero__ticker i { width: 4px; height: 4px; border-radius: 50%; background: var(--accent); }
.hero__marks { display: none; }
.hero__sentinel { position: absolute; right: 0; bottom: 0; width: 1px; height: 1px; pointer-events: none; }

/* ============================================================
   S2 价值主张
   ============================================================ */
.value { background: var(--bg); }
.value__bg { position: relative; height: auto; }
.value__bg::after {
  content: "";
  position: absolute;
  inset: 34% 0 0;
  background: linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--band-bg) 58%, transparent) 48%, var(--bg) 100%);
  pointer-events: none;
}
.value__bg .ph { border-radius: 0; }
.value__bg .slot-image { aspect-ratio: 16/6; border-radius: 0; }
.value .wrap { position: relative; z-index: 1; margin-top: -6vw; padding-block: 0 4vw; }
.value__bar { display: block; width: 4.5em; height: 3px; background: var(--accent); margin-bottom: 2vw; }
.value__head { display: grid; grid-template-columns: 1.25fr 1fr; gap: 3vw; align-items: start; }
.value__title { position: relative; width: fit-content; font-size: clamp(28px, 3.6vw, 66px); color: var(--band-ink); }
.value__title span {
  width: fit-content;
  padding: .02em .18em .08em;
  background: color-mix(in srgb, var(--band-bg) 88%, transparent);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--band-bg) 14%, transparent);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.value__aside { padding-top: 1vw; border-top: 1px solid var(--line); }
.value__aside-cn { font-size: clamp(13px, 1.2vw, 22px); font-weight: 600; line-height: 1.9; }
.value__aside .en-caps { margin-top: 1.4vw; }
.value__bg-slot { margin-top: 3.5vw; }
.value__bg-slot .ph { aspect-ratio: 16/6; }
.value__cards {
  margin-top: 3vw;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.8vw;
}
.value-card {
  position: relative;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 4px;
  box-shadow: var(--shadow);
  color: var(--ink);
  padding: 2.4vw 2vw 2.2vw;
}
.value-card__num {
  position: static;
  display: block;
  width: auto;
  background: none;
  color: var(--accent);
  font-family: var(--font-en);
  font-style: italic;
  font-size: clamp(15px, 1.2vw, 22px);
  margin-bottom: .8em;
}
.value-card h3 { font-family: var(--font-serif); font-size: clamp(15px, 1.3vw, 24px); font-weight: 700; line-height: 1.4; margin-bottom: .8em; }
.value-card p { font-size: clamp(11px, .88vw, 16px); line-height: 1.95; color: var(--muted); }
.value-card p b { font-family: var(--font-serif); font-size: 1.18em; font-weight: 700; color: var(--accent); }
.value-card small { display: block; margin-top: .5em; font-size: .75em; line-height: 1.6; }

/* ============================================================
   S3 适合人群
   ============================================================ */
.audience { background: var(--bg-alt); padding-block: 5vw 6vw; }
.audience__title { text-align: left; font-size: clamp(30px, 3.8vw, 70px); }
.audience__en {
  text-align: left;
  font-family: var(--font-en);
  font-style: italic;
  font-size: clamp(13px, 1.15vw, 22px);
  color: var(--accent);
  margin-top: .5em;
}
.audience__content { display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, .92fr); gap: clamp(28px, 3.4vw, 64px); align-items: stretch; margin-top: 3vw; }
.audience__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: stretch; }
.audience-item {
  display: grid;
  grid-template-columns: 1fr;
  align-content: start;
  gap: clamp(14px, 1.2vw, 22px);
  padding: clamp(24px, 2.4vw, 44px) clamp(18px, 2vw, 38px) clamp(24px, 2.4vw, 44px) 0;
  border-top: 1px solid var(--line);
}
.audience-item:nth-child(even) { padding-right: 0; padding-left: clamp(18px, 2vw, 38px); border-left: 1px solid var(--line); }
.audience-item:nth-last-child(-n+2) { border-bottom: 1px solid var(--line); }
.audience-item__num {
  font-family: var(--font-en);
  font-style: italic;
  color: var(--accent);
  font-size: clamp(16px, 1.5vw, 28px);
}
.audience-item__body { display: grid; gap: .8em; }
.audience-item__body h3 {
  color: var(--ink);
  font-family: var(--font-serif);
  font-size: clamp(18px, 1.9vw, 36px);
  font-weight: 700;
}
.audience-item__body p { max-width: 28em; font-size: clamp(13px, .78vw, 15px); line-height: 1.75; color: var(--muted); }
.audience__visuals { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(8px, .8vw, 14px); min-height: clamp(460px, 38vw, 640px); }
.audience__visual { position: relative; min-width: 0; min-height: 0; overflow: hidden; border: 1px solid var(--line); background: var(--card); }
.audience__visual img { width: 100%; height: 100%; object-fit: cover; }
.audience__visual--primary img { object-position: 53% 44%; }
.audience__visual--collaboration img { object-position: 54% 42%; }

/* ============================================================
   S4 主讲团队
   ============================================================ */
.mentor { background: var(--bg); padding-block: 5vw 4vw; }
.mentor__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1.05fr;
  gap: 3vw;
  align-items: end;
  padding-inline: 4vw;
}
.mentor__tags { display: flex; flex-direction: column; align-self: end; gap: 1vw; padding-bottom: 2vw; }
.mentor-tag {
  align-self: flex-start;
  background: none;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  box-shadow: none;
  color: var(--ink);
  font-size: clamp(11px, .95vw, 18px);
  font-weight: 500;
  padding: .5em 1.3em;
}
.mentor__photo .slot-image { aspect-ratio: 3/3.4; border-radius: 4px; object-position: center 35%; }
.mentor__info { padding-bottom: 4vw; }
.mentor__name { font-family: var(--font-serif); font-size: clamp(24px, 2.5vw, 46px); font-weight: 700; }
.mentor__name small { font-size: .42em; font-weight: 500; color: var(--muted); margin-left: .7em; }
.mentor__bio { margin-top: 1.2vw; font-size: clamp(11px, .95vw, 18px); line-height: 2.1; color: var(--muted); }
.mentor__team-note {
  margin-top: 2vw;
  text-align: left;
  font-size: clamp(12px, 1vw, 19px);
  font-weight: 600;
  line-height: 1.9;
  padding-left: 1.2em;
  border-left: 3px solid var(--accent);
}
.mentor__big-en {
  position: static;
  display: block;
  padding: 3vw 4vw 0;
  border-top: 1px solid var(--line);
  margin-top: 1vw;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  font-family: var(--font-en);
  font-style: italic;
  font-size: clamp(90px, 9vw, 150px);
  font-weight: 400;
  line-height: .86;
  letter-spacing: -.055em;
  color: var(--ink);
}
.mentor__cn-label {
  position: static;
  display: block;
  margin: 1.7em 4vw 0;
  font-family: var(--font-serif);
  font-size: clamp(15px, 1.5vw, 28px);
  font-weight: 700;
  color: var(--accent);
}
.mentor__foot-en { position: static; max-width: none; padding: 1.5vw 4vw 0; text-align: center; }
.mentor__foot-en { text-align: left; }

/* ============================================================
   S5 团队成员画廊（拖拽轮播）
   ============================================================ */
.member-gallery { background: var(--bg-alt); padding-block: 2.4vw; overflow: visible; border-block: 1px solid var(--line); }
.member-gallery__viewport {
  width: 100%;
  overflow-x: clip;
  overflow-y: visible;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
}
.member-gallery__viewport.is-dragging { cursor: grabbing; }
.member-gallery__track { display: flex; align-items: center; gap: 1vw; min-width: max-content; will-change: transform; }
.member-gallery__item {
  --item-scale: .8;
  --item-opacity: .55;
  flex: 0 0 21vw;
  min-width: 220px;
  opacity: var(--item-opacity);
  transform: scale(var(--item-scale));
  transition: transform .12s linear, opacity .12s linear;
  will-change: transform, opacity;
}
.member-gallery__item .slot-image { aspect-ratio: 9/16; border-radius: 4px; object-position: center; pointer-events: none; background-color: var(--card); }

/* ============================================================
   S6 工作流过渡带
   ============================================================ */
.workflow-band { padding: clamp(72px, 7vw, 124px) 4vw; color: var(--band-ink); background: var(--band-bg); }
.workflow-band__grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 3vw; }
.workflow-band__title { font-size: clamp(36px, 4.4vw, 78px); line-height: 1.08; }
.workflow-band__lead { display: flex; align-items: center; gap: 1vw; margin-top: 1.6vw; font-size: clamp(14px, 1.3vw, 24px); font-weight: 700; }
.workflow-band__arrow { color: var(--accent); font-size: 1.6em; line-height: 1; }
.workflow-band__pill { justify-self: end; align-self: start; padding: .5em 2.2em; border: 1.5px solid currentColor; border-radius: 999px; font-family: var(--font-en); font-size: clamp(14px, 1.35vw, 26px); }
.workflow-band__right-cn { grid-column: 2; margin-top: 2vw; font-size: clamp(18px, 2vw, 38px); font-weight: 900; line-height: 1.55; }

/* ============================================================
   S7 AI 商业操作系统沉浸式演示
   ============================================================ */
.workflow-experience {
  --accent: #28749a;
  position: relative;
  isolation: isolate;
  min-height: clamp(980px, 102vw, 1680px);
  overflow: hidden;
  padding: clamp(112px, 10vw, 186px) 4vw clamp(80px, 7vw, 132px);
  color: var(--ink);
  background: radial-gradient(circle at 50% 54%, rgba(40, 116, 154, .1), transparent 38%), linear-gradient(rgba(27, 26, 23, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(27, 26, 23, .045) 1px, transparent 1px), var(--bg-alt);
  background-size: auto, 48px 48px, 48px 48px, auto;
  border-block: 1px solid var(--line);
}
.workflow-experience::after {
  content: "";
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: var(--line);
  pointer-events: none;
}
.workflow-experience__canvas { position: absolute; z-index: -1; inset: 0; width: 100%; height: 100%; opacity: .72; pointer-events: none; }
.workflow-experience__glow { position: absolute; z-index: -1; top: 38%; left: 50%; width: min(82vw, 1280px); aspect-ratio: 1.8; background: radial-gradient(ellipse, rgba(40, 116, 154, .12), transparent 68%); filter: blur(34px); transform: translate(-50%, -50%); pointer-events: none; }
.workflow-experience__head { position: relative; z-index: 2; width: min(100%, 1440px); margin: 0 auto; text-align: center; }
.workflow-experience__eyebrow { color: var(--accent); font-family: var(--font-en); font-size: clamp(10px, .72vw, 14px); font-weight: 700; letter-spacing: .28em; }
.workflow-experience__title { display: grid; margin-top: clamp(26px, 2.5vw, 46px); font-size: clamp(44px, 6.8vw, 112px); line-height: .98; letter-spacing: -.055em; }
.workflow-experience__title span { display: block; }
.workflow-experience__lead { width: min(780px, 72vw); margin: clamp(30px, 3vw, 52px) auto 0; color: var(--muted); font-size: clamp(14px, 1.05vw, 20px); font-weight: 500; line-height: 1.85; }
.workflow-experience__scene { position: relative; z-index: 2; width: min(92%, 1460px); margin: clamp(82px, 8vw, 142px) auto 0; perspective: 1700px; }
.workflow-experience__system-shell { transform-style: preserve-3d; will-change: transform; }
.workflow-experience__system { position: relative; overflow: hidden; background: color-mix(in srgb, var(--card) 94%, transparent); border: 1px solid rgba(40, 116, 154, .38); box-shadow: 0 0 0 8px rgba(40, 116, 154, .035), 0 34px 90px rgba(27, 26, 23, .14); }
.workflow-experience__system::before { content: ""; position: absolute; z-index: 3; inset: 8px; border: 1px solid var(--line); pointer-events: none; }
.workflow-experience__topbar, .workflow-experience__system-foot { position: relative; z-index: 4; display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 58px; padding: 0 clamp(18px, 1.8vw, 34px); color: var(--muted); font-family: var(--font-en); font-size: clamp(8px, .65vw, 11px); font-weight: 700; letter-spacing: .14em; }
.workflow-experience__topbar { border-bottom: 1px solid rgba(40, 116, 154, .18); }
.workflow-experience__system-foot { min-height: 50px; border-top: 1px solid rgba(40, 116, 154, .18); }
.workflow-experience__system-foot b { color: var(--accent); }
.workflow-experience__live { display: inline-flex; align-items: center; gap: 9px; color: var(--accent); }
.workflow-experience__live i { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 5px rgba(101, 215, 255, .12); }
.workflow-experience__viewport { position: relative; overflow: hidden; background: #081f2d; }
.workflow-experience__viewport img { display: block; width: 100%; height: auto; aspect-ratio: 1264 / 790; object-fit: contain; }
.workflow-experience__viewport::after { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, transparent 20%, rgba(255, 255, 255, .05) 45%, transparent 68%); transform: translateX(-120%); pointer-events: none; }
.workflow-experience__scan { position: absolute; z-index: 2; top: 0; right: 0; left: 0; height: 2px; background: linear-gradient(90deg, transparent, rgba(101, 215, 255, .92), transparent); box-shadow: 0 0 22px rgba(101, 215, 255, .76); opacity: .78; }
.workflow-experience__signal { position: absolute; z-index: 5; display: grid; gap: 8px; width: clamp(190px, 15vw, 270px); padding: clamp(18px, 1.6vw, 28px); background: color-mix(in srgb, var(--card) 92%, transparent); border: 1px solid rgba(40, 116, 154, .38); box-shadow: 0 18px 46px rgba(27, 26, 23, .12); }
.workflow-experience__signal::after { content: ""; position: absolute; top: 50%; width: clamp(48px, 5vw, 96px); height: 1px; background: linear-gradient(90deg, rgba(101, 215, 255, .85), transparent); }
.workflow-experience__signal--input { top: 18%; left: clamp(-44px, -2.6vw, -18px); }
.workflow-experience__signal--input::after { left: 100%; }
.workflow-experience__signal--output { right: clamp(-44px, -2.6vw, -18px); bottom: 14%; text-align: right; }
.workflow-experience__signal--output::after { right: 100%; transform: rotate(180deg); }
.workflow-experience__signal small { color: var(--accent); font-family: var(--font-en); font-size: 9px; font-weight: 700; letter-spacing: .15em; }
.workflow-experience__signal strong { font-family: var(--font-serif); font-size: clamp(17px, 1.25vw, 23px); }
.workflow-experience__signal span { color: var(--muted); font-family: var(--font-en); font-size: 8px; letter-spacing: .09em; }
.workflow-experience__status { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4, 1fr); width: min(76vw, 1240px); margin: clamp(72px, 7vw, 126px) auto 0; border-top: 1px solid rgba(101, 215, 255, .18); }
.workflow-experience__status > span { display: flex; align-items: center; gap: 12px; padding-top: 24px; color: var(--muted); font-family: var(--font-en); font-size: clamp(9px, .65vw, 12px); font-weight: 700; letter-spacing: .14em; }
.workflow-experience__status > span:not(:first-of-type) { justify-content: center; }
.workflow-experience__status > span:last-of-type { justify-content: flex-end; }
.workflow-experience__status b { color: var(--accent); }
.workflow-experience__status > span.is-active { color: var(--ink); transform: translateY(-3px); }
.workflow-experience__progress { position: absolute; top: -1px; left: 0; width: 100%; height: 2px; overflow: hidden; }
.workflow-experience__progress i { display: block; width: 100%; height: 100%; background: linear-gradient(90deg, var(--accent), rgba(101, 215, 255, .15)); transform: scaleX(.12); transform-origin: left; }

@media (max-width: 1180px) and (min-width: 861px) {
  .workflow-experience__title { font-size: clamp(52px, 6.2vw, 78px); }
  .workflow-experience__signal { width: 210px; padding: 18px; }
}

@media (max-width: 560px) {
  .workflow-experience { padding-top: 78px; }
  .workflow-experience__eyebrow { font-size: 9px; letter-spacing: .2em; }
  .workflow-experience__title { font-size: clamp(34px, 10.4vw, 46px); }
  .workflow-experience__title span { display: inline; }
  .workflow-experience__lead { font-size: 13px; line-height: 1.75; }
  .workflow-experience__scene { margin-top: 54px; }
  .workflow-experience__topbar, .workflow-experience__system-foot { min-height: 42px; padding-inline: 12px; font-size: 7px; letter-spacing: .08em; }
  .workflow-experience__topbar > span:first-child, .workflow-experience__system-foot > span { display: none; }
  .workflow-experience__topbar, .workflow-experience__system-foot { justify-content: flex-end; }
  .workflow-experience__signal { padding: 16px; }
  .workflow-experience__status { grid-template-columns: repeat(2, 1fr); gap: 18px 0; }
  .workflow-experience__status > span, .workflow-experience__status > span:not(:first-of-type), .workflow-experience__status > span:last-of-type { justify-content: flex-start; padding-top: 18px; }
}

/* ============================================================
   S7 学员实战案例
   ============================================================ */
.cases { background: var(--bg); padding: 5vw 4vw 6vw; }
.cases__watermark {
  position: absolute;
  font-family: var(--font-en);
  font-style: italic;
  font-size: clamp(50px, 8vw, 150px);
  color: var(--ink);
  opacity: .04;
  letter-spacing: .05em;
  user-select: none;
}
.cases__watermark--tl { top: 1vw; left: 1vw; }
.cases__watermark--br { bottom: 1vw; right: 1vw; opacity: .04; }
.cases__grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1.4vw;
  align-items: start;
}
.cases__title {
  grid-column: 6 / 9;
  align-self: center;
  text-align: center;
  color: var(--ink);
  font-size: clamp(22px, 2.6vw, 50px);
  line-height: 1.3;
}
.cases__title .h-en { display: block; font-size: .55em; margin-top: .4em; color: var(--accent); }
.cases__title .en-caps { display: block; margin-top: 1.2em; }
.case-slot--a { grid-column: 1 / 3; margin-top: 2vw; }
.case-slot--b { grid-column: 3 / 6; margin-top: 6vw; }
.case-slot--c { grid-column: 9 / 11; }
.case-slot--d { grid-column: 11 / 13; margin-top: 6vw; }
.case-slot--e { grid-column: 1 / 4; margin-top: 2vw; }
.case-slot--f { grid-column: 4 / 7; margin-top: 4vw; }
.case-slot--g { grid-column: 8 / 11; margin-top: 1vw; }
.cases__grid .ph { aspect-ratio: 3/4; background-color: var(--card); }
.case-slot--b .ph, .case-slot--f .ph { aspect-ratio: 4/5; }
.cases__grid .slot-image { aspect-ratio: 4/3; }
.case-slot--b .slot-image, .case-slot--f .slot-image { aspect-ratio: 4/5; }
.media-02, .media-04, .media-05, .media-06, .media-08 { object-position: center; }
.media-03 { object-position: center 42%; }
.media-07 { object-position: center 35%; }
.cases__foot { margin-top: 3.5vw; display: flex; align-items: flex-end; justify-content: space-between; gap: 3vw; border-top: 1px solid var(--line); padding-top: 2.4vw; }
.cases__foot-cn { max-width: 12em; font-family: var(--font-serif); font-size: clamp(30px, 3.4vw, 64px); font-weight: 700; line-height: 1.18; letter-spacing: -.035em; }
.cases__foot-cn::before {
  content: "→";
  color: var(--accent);
  border: 1px solid var(--line-strong);
  border-radius: 50%;
  width: 2em;
  height: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .5em;
  margin-bottom: 1em;
}

/* ============================================================
   S8 AI 商业视觉生成系统
   ============================================================ */
.visual-sys { background: var(--bg-alt); padding: 4vw; }
.visual-sys__grid { display: grid; grid-template-columns: minmax(8em, .58fr) minmax(0, 3fr) auto; gap: 2.2vw; }
.visual-sys__intro { min-width: 8em; }
.visual-sys__title {
  font-family: var(--font-serif);
  font-size: clamp(24px, 2.6vw, 50px);
  font-weight: 700;
  line-height: 1.22;
}
.visual-sys__copy { margin-top: 2vw; font-size: clamp(11px, .9vw, 17px); line-height: 2.05; color: var(--muted); }
.visual-sys__copy + .visual-sys__copy { margin-top: 1.4vw; }
.visual-sys__shots { display: grid; grid-template-columns: 1.35fr 1fr; gap: 1.2vw; }
.visual-sys__shots .ui-frame--large { grid-row: 1 / 3; }
.visual-sys__shots .ui-frame--large .slot-image { height: 100%; min-height: 0; }
.visual-sys__shots .slot-image { width: 100%; height: 100%; aspect-ratio: auto; object-position: center; }
.visual-sys__note {
  grid-column: 1 / -1;
  max-width: 66em;
  font-size: clamp(10px, .72vw, 13px);
  line-height: 1.8;
  color: var(--muted);
}
.visual-sys__side {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  writing-mode: vertical-rl;
  font-size: clamp(9px, .66vw, 12px);
  letter-spacing: .3em;
  color: var(--muted);
}
.ui-frame {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--line-strong);
  background: var(--card);
}
.ui-frame__bar {
  display: flex;
  align-items: center;
  gap: .38em;
  height: clamp(22px, 1.8vw, 34px);
  padding-inline: .8em;
  border-bottom: 1px solid var(--line);
  background: var(--bg-alt);
}
.ui-frame__bar i {
  width: clamp(5px, .42vw, 8px);
  aspect-ratio: 1;
  border: 1px solid var(--line-strong);
  border-radius: 50%;
  background: var(--card);
}

/* ============================================================
   S9 MODEL PHOTO
   ============================================================ */
.model-photo { background: var(--bg); padding: 5vw 4vw 3vw; overflow: hidden; }
.model-photo__band { display: none; }
.model-photo__head {
  padding-bottom: clamp(28px, 3vw, 54px);
  border-bottom: 1px solid var(--line);
}
.model-photo__head h2 { margin-top: .35em; font-size: clamp(34px, 4vw, 76px); line-height: 1.08; letter-spacing: -.035em; }
.model-photo__grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(16px, 1.6vw, 30px);
  margin-top: clamp(28px, 3vw, 54px);
}
.model-photo__pair { min-width: 0; }
.model-photo__pair--featured { grid-column: 1 / -1; }
.model-photo__pair-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; min-height: 42px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.model-photo__pair-head span { color: var(--accent); font-family: var(--font-en); font-size: clamp(8px, .62vw, 11px); font-weight: 700; letter-spacing: .14em; }
.model-photo__pair-head strong { font-family: var(--font-serif); font-size: clamp(18px, 1.45vw, 28px); line-height: 1.25; }
.model-photo__pair-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(8px, .75vw, 14px); padding-top: clamp(12px, 1.2vw, 22px); }
.model-photo__pair--featured .model-photo__pair-grid { grid-template-columns: minmax(220px, .42fr) minmax(0, 1.58fr); }
.model-photo__grid .slot-image { width: 100%; height: auto; aspect-ratio: 4 / 5; }
.model-photo__pair--featured .slot-image { aspect-ratio: 16 / 9; }
.model-photo__pair--featured .mp-card--original .slot-image { object-position: 50% 73%; }
.model-photo__pair--landscape .model-photo__pair-grid { grid-template-columns: minmax(120px, .72fr) minmax(0, 1.28fr); align-items: end; }
.model-photo__pair--landscape .mp-card--wide .slot-image { aspect-ratio: 16 / 9; }
.mp-card { position: relative; }
.mp-card .slot-image--contain { background: var(--bg-alt); }
.model-photo__pair:nth-child(3) .mp-card:nth-child(2) .slot-image { object-position: 50% 26%; }
.mp-card figcaption {
  margin-top: .65em;
  font-size: clamp(8px, .58vw, 11px);
  letter-spacing: .14em;
  color: var(--muted);
}
@media (min-width: 769px) {
  .model-photo__pair--featured .mp-card--original .slot-image { height: calc(100% - 1.3em); aspect-ratio: auto; }
}
.model-studio {
  margin-top: clamp(48px, 6vw, 112px);
  padding-top: clamp(32px, 3.8vw, 72px);
  border-top: 1px solid var(--line);
}
.model-studio__head {
  display: grid;
  grid-template-columns: .7fr 1.25fr 1fr;
  gap: clamp(20px, 3vw, 56px);
  align-items: end;
}
.model-studio__head h3 { max-width: 10em; font-size: clamp(30px, 3.1vw, 58px); line-height: 1.08; letter-spacing: -.04em; }
.model-studio__head p { max-width: 34em; font-size: clamp(12px, .9vw, 16px); line-height: 1.9; color: var(--muted); }
.model-studio__media {
  display: grid;
  grid-template-columns: minmax(0, 1.62fr) minmax(220px, .38fr);
  gap: clamp(14px, 1.5vw, 28px);
  align-items: end;
  margin-top: clamp(24px, 2.8vw, 50px);
}
.model-studio figure { min-width: 0; margin: 0; }
.model-studio figcaption { display: grid; grid-template-columns: auto 1fr; gap: 16px; align-items: baseline; min-height: 42px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.model-studio figcaption span { color: var(--accent); font: 700 clamp(8px, .62vw, 11px)/1 var(--font-en); letter-spacing: .14em; }
.model-studio figcaption strong { justify-self: end; font-family: var(--font-serif); font-size: clamp(15px, 1.15vw, 22px); }
.model-studio video { display: block; width: 100%; margin-top: clamp(12px, 1.2vw, 20px); border: 1px solid var(--line-strong); border-radius: 6px; background: var(--card); }
.model-studio__feature video { aspect-ratio: 16 / 9; object-fit: contain; }
.model-studio__loop video { aspect-ratio: 460 / 296; object-fit: cover; image-rendering: auto; }
.model-studio__loop p { margin-top: 10px; color: var(--muted); font-size: clamp(9px, .65vw, 12px); letter-spacing: .1em; text-align: right; }
.portrait-lab {
  margin-top: clamp(52px, 7vw, 132px);
  padding-top: clamp(34px, 4.2vw, 80px);
  border-top: 1px solid var(--line);
}
.portrait-lab__head {
  display: grid;
  grid-template-columns: .72fr 1.18fr 1fr;
  gap: clamp(20px, 3vw, 56px);
  align-items: end;
}
.portrait-lab__head h3 { max-width: 9em; font-size: clamp(32px, 3.35vw, 64px); line-height: 1.06; letter-spacing: -.045em; }
.portrait-lab__intro { max-width: 35em; }
.portrait-lab__intro p { color: var(--muted); font-size: clamp(12px, .9vw, 16px); line-height: 1.9; }
.portrait-lab__intro strong { display: block; margin-top: 1.2em; color: var(--accent); font-family: var(--font-serif); font-size: clamp(16px, 1.2vw, 23px); }
.portrait-lab__stage {
  display: grid;
  grid-template-columns: minmax(180px, .58fr) minmax(0, 1.42fr);
  gap: clamp(14px, 1.6vw, 30px);
  margin-top: clamp(26px, 3.2vw, 58px);
}
.portrait-lab figure { min-width: 0; margin: 0; }
.portrait-lab__comparisons { display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); gap: clamp(12px, 1.1vw, 20px); }
.portrait-sample { display: grid; grid-template-columns: minmax(0, 1fr) minmax(128px, .72fr); border: 1px solid var(--line); background: var(--card); }
.portrait-sample__media { min-height: 0; overflow: hidden; }
.portrait-sample__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 34%; }
.portrait-sample figcaption { display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(12px, 1.4vw, 26px); border-left: 1px solid var(--line); }
.portrait-sample figcaption span,
.portrait-result figcaption > span { color: var(--accent); font: 700 clamp(8px, .62vw, 11px)/1.2 var(--font-en); letter-spacing: .14em; }
.portrait-sample figcaption strong { margin-top: .8em; font-family: var(--font-serif); font-size: clamp(16px, 1.25vw, 24px); line-height: 1.2; }
.portrait-sample figcaption small { margin-top: .75em; color: var(--muted); font-size: clamp(9px, .66vw, 12px); line-height: 1.6; }
.portrait-result { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(190px, .34fr); border: 1px solid var(--line-strong); background: var(--ink); color: var(--bg); }
.portrait-result__media { position: relative; min-height: clamp(560px, 49vw, 880px); overflow: hidden; }
.portrait-result__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 36%; }
.portrait-result__focus { position: absolute; top: 34%; left: 58%; width: clamp(76px, 8vw, 150px); aspect-ratio: 1; border: 1px solid rgba(255,255,255,.78); border-radius: 50%; box-shadow: 0 0 0 999px rgba(8,33,51,.08); }
.portrait-result__focus::before,
.portrait-result__focus::after { content: ''; position: absolute; background: rgba(255,255,255,.78); }
.portrait-result__focus::before { top: 50%; left: -22px; width: 18px; height: 1px; }
.portrait-result__focus::after { top: -22px; left: 50%; width: 1px; height: 18px; }
.portrait-result__badge { position: absolute; right: clamp(12px, 1.4vw, 26px); bottom: clamp(12px, 1.4vw, 26px); display: grid; place-items: center; width: clamp(74px, 6.8vw, 126px); aspect-ratio: 1; border: 1px solid rgba(255,255,255,.72); border-radius: 50%; background: rgba(8,33,51,.58); font: 700 clamp(8px, .58vw, 11px)/1.35 var(--font-en); letter-spacing: .12em; text-align: center; backdrop-filter: blur(8px); }
.portrait-result figcaption { display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(18px, 2.1vw, 40px); border-left: 1px solid rgba(255,255,255,.22); }
.portrait-result figcaption strong { margin-top: .8em; font-family: var(--font-serif); font-size: clamp(24px, 2vw, 38px); line-height: 1.12; }
.portrait-result figcaption p { margin-top: 1.2em; color: color-mix(in srgb, var(--bg) 70%, transparent); font-size: clamp(10px, .72vw, 13px); line-height: 1.8; }
.portrait-lab__proof { display: grid; grid-template-columns: repeat(3, auto) 1fr; gap: clamp(14px, 2vw, 36px); align-items: center; padding: clamp(18px, 1.8vw, 32px) 0; border-bottom: 1px solid var(--line); color: var(--muted); font: 700 clamp(8px, .62vw, 11px)/1 var(--font-en); letter-spacing: .14em; }
.portrait-lab__proof span::before { content: '◆'; margin-right: .7em; color: var(--accent); font-size: .75em; }
.portrait-lab__proof b { justify-self: end; color: var(--ink); font-size: clamp(10px, .8vw, 14px); }
/* ============================================================
   S10 产品案例
   ============================================================ */
.product-case { background: var(--bg-alt); padding: 5vw 4vw 5vw; }
.product-case__head { padding-bottom: 2.8vw; border-bottom: 1px solid var(--line); }
.product-case__head h2 { max-width: 16em; margin-top: .22em; font-size: clamp(32px, 3.6vw, 70px); line-height: 1.12; }
.product-case__compare { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 1.2vw; margin-top: 2.8vw; }
.pc-compare { position: relative; height: clamp(500px, 45vw, 760px); overflow: hidden; border: 1px solid var(--line); background: var(--card); }
.pc-compare img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.pc-compare__label { display: grid; align-content: center; justify-items: center; gap: .3em; min-height: clamp(72px, 5.4vw, 96px); padding: 1em 1.4em; color: var(--ink); border-bottom: 1px solid var(--line); background: var(--card); text-align: center; }
.pc-compare__label b { font-family: var(--font-en); font-size: clamp(9px, .68vw, 13px); letter-spacing: .12em; color: var(--muted); }
.pc-compare__label strong { font-family: var(--font-serif); font-size: clamp(16px, 1.35vw, 26px); line-height: 1.25; }
.pc-compare--after .pc-compare__label { color: var(--ink); background: color-mix(in srgb, var(--accent) 18%, var(--card)); }
.pc-compare__arrow { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; place-items: center; width: clamp(58px, 5vw, 88px); aspect-ratio: 1; border: 1px solid rgba(255,255,255,.6); border-radius: 50%; background: var(--accent); color: #082133; box-shadow: 0 12px 36px rgba(9,33,48,.2); font-family: var(--font-en); font-size: clamp(20px, 1.8vw, 34px); transform: translate(-50%, -50%); }
.pc-compare__arrow span { position: absolute; top: 18%; color: #082133; font-size: .28em; letter-spacing: .18em; }
/* ============================================================
   S11 品牌蒸馏
   ============================================================ */
.distill { background: var(--bg); padding: 5vw 4vw; }
.distill__side-en {
  position: absolute;
  left: 1vw; top: 30%;
  writing-mode: vertical-rl;
  font-size: clamp(8px, .6vw, 11px);
  letter-spacing: .24em;
  color: var(--muted);
  max-height: 34vw;
}
.distill__grid { display: grid; gap: 3vw; }
.distill__title { font-size: clamp(28px, 3.4vw, 64px); }
.distill__lead { margin-top: 1.8vw; font-family: var(--font-serif); font-size: clamp(14px, 1.3vw, 24px); font-weight: 600; line-height: 1.8; }
.distill__sub { margin-top: 1.4vw; font-size: clamp(11px, .9vw, 17px); line-height: 2.1; color: var(--muted); }
.distill__row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.6vw; margin-top: 1vw; }
.distill__row .ph { aspect-ratio: 4/3.4; background-color: var(--card); }
.distill__row .slot-image { aspect-ratio: 4/3.4; }
.media-09 { object-position: center 38%; }
.media-10 { object-position: center 42%; }
.media-11 { object-position: center 45%; }

/* ============================================================
   S12 单视频区
   ============================================================ */
.video-single { background: var(--bg); padding: 0 4vw 5vw; }
.video-single .ph { aspect-ratio: 16/9; border-radius: 4px; background-color: var(--card); }

/* ============================================================
   S13 各种品类工作流搭建
   ============================================================ */
.category-flow { background: var(--bg-alt); padding: 5vw 4vw; }
.category-flow__head { display: grid; grid-template-columns: 1.2fr 1fr; gap: 3vw; align-items: start; }
.category-flow__copy { font-size: clamp(12px, 1vw, 19px); font-weight: 400; line-height: 2.1; color: var(--muted); }
.category-flow__title { text-align: right; font-size: clamp(26px, 3.2vw, 60px); }
.category-flow__grid { margin-top: 3vw; display: grid; grid-template-columns: repeat(6, 1fr); gap: 1.5vw; }
.cf-slot--video { grid-column: 1 / 4; }
.cf-slot--script { grid-column: 4 / 7; }
.category-flow__grid .ph { aspect-ratio: 16/9.6; background-color: var(--card); }
.category-flow__grid .slot-image { aspect-ratio: 16/9.6; object-position: center; }
.category-flow__side-en {
  position: absolute;
  right: 1vw; top: 34%;
  writing-mode: vertical-rl;
  font-size: clamp(8px, .6vw, 11px);
  letter-spacing: .24em;
  color: var(--muted);
  max-height: 36vw;
}
.category-flow__systems { margin-top: clamp(42px, 5vw, 88px); padding-top: clamp(28px, 3vw, 52px); border-top: 1px solid var(--line); }
.category-flow__systems-head { display: grid; grid-template-columns: .72fr 1fr 1.1fr; gap: 2vw; align-items: end; margin-bottom: 2.2vw; }
.category-flow__systems-head h3 { font-size: clamp(24px, 2.7vw, 52px); }
.category-flow__systems-head > p { max-width: 34em; font-size: clamp(11px, .95vw, 18px); line-height: 2; color: var(--muted); }
.category-flow__systems-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.6vw; }
.category-flow__systems-grid .slot-image { display: block; width: 100%; aspect-ratio: 16/9.2; object-position: center; }
.category-flow__systems-grid figcaption {
  padding: .9em 1.1em;
  border-top: 1px solid var(--line);
  font-family: var(--font-serif);
  font-size: clamp(12px, .95vw, 18px);
  font-weight: 700;
}
.category-flow__systems-note { margin-top: 1em; font-size: clamp(10px, .78vw, 14px); line-height: 1.7; color: var(--muted); }

/* ============================================================
   学员生成视频成果
   ============================================================ */
.video-generation { padding: clamp(70px, 7vw, 132px) 4vw; background: var(--bg-alt); color: var(--ink); }
.video-generation__head {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr);
  gap: clamp(36px, 7vw, 130px);
  align-items: end;
  width: min(100%, 1500px);
  margin: 0 auto clamp(30px, 3vw, 56px);
}
.video-generation__head h2 { max-width: 10em; margin-top: .3em; font-size: clamp(40px, 5.5vw, 104px); line-height: .98; letter-spacing: -.055em; }
.video-generation__intro { display: grid; gap: 16px; justify-items: start; padding-bottom: .5em; }
.video-generation__intro p { max-width: 32em; font-size: clamp(13px, 1vw, 18px); line-height: 1.85; color: var(--muted); }
.case-kicker { display: inline-flex; align-items: center; min-height: 30px; padding: .45em .9em; border: 1px solid currentColor; border-radius: 999px; font-size: clamp(10px, .7vw, 13px); font-weight: 700; letter-spacing: .14em; line-height: 1; }
.video-generation__showcase { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(16px, 2vw, 34px); width: min(100%, 1500px); margin: 0 auto; }
.video-generation__asset { min-width: 0; margin: 0; }
.video-generation__asset figcaption { display: flex; align-items: center; gap: 12px; padding: 0 2px 12px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: clamp(11px, .8vw, 14px); letter-spacing: .08em; }
.video-generation__asset figcaption span { font: 700 1em/1 var(--font-en); }
.video-generation__asset figcaption strong { color: var(--ink); font-weight: 700; }
.video-generation__asset img,
.video-generation__asset video { display: block; width: 100%; aspect-ratio: 16/9; margin-top: 14px; border: 1px solid var(--line-strong); border-radius: 8px; background: var(--card); box-shadow: var(--shadow); }
.video-generation__asset img { object-fit: cover; object-position: center; }
.video-generation__asset video { object-fit: contain; background: #05090d; }

/* ============================================================
   一句话生成视频
   ============================================================ */
.prompt-video { width: min(100%, 1500px); margin: clamp(72px, 8vw, 144px) auto 0; padding-top: clamp(52px, 5vw, 88px); color: var(--ink); border-top: 1px solid var(--line); }
.prompt-video__head {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(280px, .92fr);
  gap: clamp(36px, 7vw, 130px);
  align-items: end;
  width: 100%;
  margin: 0 auto clamp(38px, 4.5vw, 76px);
}
.prompt-video__head .en-caps { color: var(--muted); }
.prompt-video__head h2 { max-width: 9em; margin-top: .3em; font-size: clamp(42px, 5.8vw, 108px); line-height: .96; letter-spacing: -.055em; }
.prompt-video__intro { align-self: end; padding-bottom: .5em; }
.prompt-video__intro p { max-width: 28em; color: var(--muted); font-size: clamp(15px, 1.25vw, 22px); line-height: 1.7; }
.prompt-video__demo { width: 100%; margin: 0 auto; }
.prompt-video__demo figcaption { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding: 0 2px 14px; color: var(--muted); font-size: clamp(10px, .78vw, 14px); letter-spacing: .1em; }
.prompt-video__demo figcaption strong { color: var(--ink); font-family: var(--font-serif); font-size: clamp(15px, 1.25vw, 23px); letter-spacing: .04em; }
.prompt-video__demo figcaption small { justify-self: end; font: 700 .82em/1 var(--font-en); letter-spacing: .14em; }
.prompt-video__demo video { display: block; width: 100%; aspect-ratio: 16/9; border: 1px solid var(--line-strong); border-radius: 8px; background: #05090d; box-shadow: var(--shadow); object-fit: contain; }

/* ============================================================
   独立站与个人网页搭建
   ============================================================ */
.site-building { background: var(--bg-alt); padding: 5vw 4vw 6vw; }
.site-building__head {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
  gap: clamp(36px, 6vw, 110px);
  align-items: start;
  padding-bottom: clamp(26px, 2.5vw, 46px);
  border-bottom: 1px solid var(--line);
}
.site-building__eyebrow { display: block; max-width: 48em; letter-spacing: .16em; line-height: 1.5; }
.site-building__kicker { margin-top: clamp(18px, 1.6vw, 28px); color: var(--ink); }
.site-building__title {
  max-width: 13em;
  margin-top: .42em;
  font-size: clamp(32px, 3.45vw, 66px);
  line-height: 1.12;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.site-building__intro { padding-top: clamp(24px, 2.5vw, 46px); }
.site-building__lead {
  max-width: 23em;
  font-family: var(--font-serif);
  font-size: clamp(17px, 1.25vw, 23px);
  font-weight: 700;
  line-height: 1.55;
  color: var(--ink);
}
.site-building__copy {
  max-width: 37em;
  margin-top: .8em;
  font-size: clamp(12px, .95vw, 17px);
  line-height: 1.9;
  color: var(--muted);
}
.site-building__features { display: flex; flex-wrap: wrap; gap: 8px; margin-top: clamp(18px, 1.5vw, 28px); }
.site-building__features span {
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  padding: .5em 1.15em;
  font-size: clamp(10px, .8vw, 15px);
  line-height: 1.2;
  white-space: nowrap;
}
.site-case { margin-top: clamp(44px, 5vw, 92px); }
.site-case + .site-case { margin-top: clamp(80px, 9vw, 170px); }
.site-case__head { display: flex; justify-content: space-between; align-items: end; gap: 24px; width: min(100%, 1500px); margin: 0 auto clamp(18px, 1.8vw, 32px); padding-bottom: clamp(14px, 1.2vw, 22px); border-bottom: 1px solid var(--line); }
.site-case__head span { color: var(--muted); font: 700 clamp(10px, .75vw, 14px)/1.2 var(--font-en); letter-spacing: .14em; }
.site-case__head h3 { font-size: clamp(30px, 4vw, 76px); line-height: .95; letter-spacing: -.045em; }
.site-demo { width: min(100%, 1500px); margin-inline: auto; overflow: hidden; border: 1px solid var(--line-strong); border-radius: 8px; background: var(--card); box-shadow: var(--shadow); }
.site-demo__bar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; min-height: 50px; padding: 10px 16px; border-bottom: 1px solid var(--line); }
.site-demo__bar > span { display: flex; gap: 6px; }
.site-demo__bar i { width: 8px; height: 8px; border-radius: 50%; background: var(--line-strong); }
.site-demo__bar strong { color: var(--muted); font: 600 clamp(10px, .72vw, 13px)/1 var(--font-en); letter-spacing: .08em; }
.site-demo__bar a { justify-self: end; color: var(--ink); font-size: clamp(10px, .78vw, 14px); text-decoration: none; }
.site-demo__stage { position: relative; aspect-ratio: 16/8.6; overflow: hidden; background: var(--bg); isolation: isolate; }
.site-demo__stage::after {
  content: "正在演示真实网页界面";
  position: absolute;
  z-index: 2;
  top: 16px;
  right: 16px;
  padding: .62em .9em;
  border: 1px solid rgba(255,255,255,.45);
  border-radius: 999px;
  background: rgba(8, 25, 38, .72);
  color: #fff;
  font-size: clamp(9px, .7vw, 13px);
  letter-spacing: .08em;
  backdrop-filter: blur(10px);
  pointer-events: none;
}
.site-demo__frame { width: 100%; height: 100%; border: 0; background: var(--bg); }
.text-cta,
.outline-cta,
.delivery__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .75em;
  width: fit-content;
  min-height: 44px;
  color: currentColor;
  font-weight: 600;
  letter-spacing: .06em;
  text-decoration: none;
}
.text-cta { margin-top: 2vw; border-bottom: 1px solid currentColor; }
.outline-cta,
.delivery__cta { padding: .85em 1.25em; border: 1px solid currentColor; }
.outline-cta { color: var(--band-ink); }
.delivery__cta { margin: 2.5vw auto 0; color: var(--ink); }

/* ============================================================
   S16 课程介绍
   ============================================================ */
.timetable { background: var(--bg); padding: 5vw 4vw; }
.timetable__title { text-align: center; font-size: clamp(26px, 3vw, 56px); }
.timetable__en { text-align: center; margin-top: .8em; }
.timetable__days { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 1.5vw, 28px); max-width: 1600px; margin: 3vw auto 0; }
.day-card {
  position: relative;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 0;
  box-shadow: none;
  padding: clamp(24px, 2.4vw, 44px);
}
.day-card__label {
  position: static;
  display: inline-block;
  background: none;
  color: var(--accent);
  font-family: var(--font-en);
  font-style: italic;
  font-weight: 400;
  font-size: clamp(16px, 1.5vw, 28px);
  padding: 0;
  clip-path: none;
  margin-bottom: 1.2vw;
}
.day-card--right .day-card__label { clip-path: none; padding: 0; }
.day-card__cols { display: block; }
.day-card h3 {
  font-family: var(--font-serif);
  font-size: clamp(16px, 1.5vw, 28px);
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: .7em;
  color: var(--ink);
}
.day-card h3 small { font-size: .6em; font-weight: 600; color: var(--muted); }
.day-card li { list-style: none; position: relative; padding-left: 1.2em; font-size: clamp(13px, .73vw, 14px); line-height: 1.9; color: var(--muted); }
.day-card li b { color: var(--ink); }
.day-card li::before { content: ""; position: absolute; left: 0; top: .85em; width: .32em; height: .32em; border-radius: 50%; background: var(--accent); }
.day-card li.no-dot::before { display: none; }

/* ============================================================
   S17 6大核心交付
   ============================================================ */
.delivery { background: var(--bg-alt); padding: 5vw 4vw 6vw; }
.delivery__title { text-align: center; font-size: clamp(26px, 3vw, 56px); }
.delivery__sub { text-align: center; margin-top: .9em; font-size: clamp(12px, 1vw, 19px); font-weight: 500; color: var(--muted); }
.delivery__grid {
  margin-top: 3vw;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.8vw;
  max-width: 1420px;
  margin-inline: auto;
}
.deliver-card {
  position: relative;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 4px;
  box-shadow: var(--shadow);
  text-align: left;
  padding: 2.4vw 2vw 2.2vw;
  overflow: hidden;
}
.deliver-card__hint { font-size: clamp(10px, .8vw, 15px); font-style: normal; font-weight: 500; color: var(--accent); letter-spacing: .08em; }
.deliver-card h3 {
  margin-top: .6em;
  font-family: var(--font-serif);
  font-size: clamp(16px, 1.5vw, 28px);
  font-weight: 700;
  line-height: 1.4;
  color: var(--ink);
}
.deliver-card__num {
  position: absolute;
  right: .4em; top: .1em;
  margin: 0;
  font-family: var(--font-en);
  font-style: italic;
  font-weight: 400;
  font-size: clamp(40px, 4.2vw, 80px);
  color: var(--ink);
  opacity: .07;
  line-height: 1;
}
.deliver-card p { margin-top: 1em; font-size: clamp(11px, .88vw, 16px); line-height: 1.95; color: var(--muted); }
.delivery__rocks { display: none; }

/* ============================================================
   S18 往期课程
   ============================================================ */
.past { background: var(--bg); padding: 5vw 5vw 6vw; }
.past__title { text-align: center; font-size: clamp(26px, 3vw, 56px); }
.past__en { text-align: center; margin-top: .8em; }
.past__note, .reviews__note {
  max-width: 56em;
  margin: 1.2em auto 0;
  text-align: center;
  font-size: clamp(11px, .78vw, 14px);
  line-height: 1.8;
  color: var(--muted);
}
.past__grid { margin-top: 3vw; display: grid; grid-template-columns: repeat(12, 1fr); gap: 1.5vw; }
.past__grid .ph { aspect-ratio: 4/3; background-color: var(--card); }
.past__grid .slot-image { width: 100%; aspect-ratio: 4/3; object-position: center; }
.pa--1 { grid-column: 1 / 5; }
.pa--2 { grid-column: 5 / 9; }
.pa--3 { grid-column: 9 / 13; }
.pa--4 { grid-column: 1 / 7; }
.pa--6 { grid-column: 7 / 10; }
.pa--10 { grid-column: 10 / 13; }
.pa--11 { grid-column: 4 / 10; }

/* ============================================================
   S19 视频轮播
   ============================================================ */
.video-carousel { background: var(--bg-alt); padding: 4vw 4vw 5vw; }
.video-carousel__head { width: min(100%, 128vh); margin: 0 auto clamp(24px, 2.4vw, 42px); }
.video-carousel__head .h-cn { margin-top: .25em; font-size: clamp(28px, 3.2vw, 58px); }
.video-carousel__wrap {
  width: min(100%, 128vh);
  margin: 0 auto;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 1.5vw;
}
.vc-arrow {
  width: 3.4vw;
  min-width: 44px;
  aspect-ratio: 1;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  background: transparent;
  color: var(--ink);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(15px, 1.4vw, 26px);
  transition: all .12s linear;
}
.vc-arrow:hover { background: var(--ink); color: var(--bg); border-color: var(--ink); }
.vc-arrow:active { transform: scale(.96); }
.video-carousel__panels { position: relative; display: grid; touch-action: pan-y; }
.video-carousel__wrap.is-dragging { cursor: grabbing; user-select: none; }
.video-carousel__wrap.is-dragging .video-carousel__panel.is-active { transition: none; }
.video-carousel__panel { grid-area: 1 / 1; visibility: hidden; opacity: 0; pointer-events: none; }
.video-carousel__panel.is-active { visibility: visible; opacity: 1; pointer-events: auto; }
.video-carousel__panel .ph { aspect-ratio: 16/9; border-radius: 4px; background-color: var(--card); }
.video-carousel__panel video { display: block; width: 100%; aspect-ratio: 16/9; border-radius: 4px; background: #08131c; object-fit: contain; }
.video-carousel__dots { display: flex; justify-content: center; gap: 0; margin-top: .7vw; }
.video-carousel__dots button { position: relative; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; }
.video-carousel__dots button::before { content: ""; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; border-radius: 50%; background: var(--line-strong); opacity: .4; transform: translate(-50%, -50%); }
.video-carousel__dots button.is-active::before { background: var(--accent); opacity: 1; }

/* ============================================================
   S20 客户评价
   ============================================================ */
.reviews { background: var(--bg); padding: 5vw 5vw 6vw; }
.reviews__title { text-align: center; font-size: clamp(26px, 3vw, 56px); }
.reviews__en { text-align: center; margin-top: .8em; }
.reviews__grid { margin-top: 3vw; columns: 3; column-gap: 1.6vw; }
.reviews__grid > div { break-inside: avoid; margin-bottom: 1.6vw; }
.reviews__grid .ph { background-color: var(--card); }
.reviews__grid .slot-image { width: 100%; height: auto; aspect-ratio: 3/4; object-position: center; }
.rv--tall .ph { aspect-ratio: 3/4.6; }
.rv--mid .ph { aspect-ratio: 3/3.4; }
.rv--short .ph { aspect-ratio: 3/2.6; }

/* ============================================================
   S21 报名方式 + 合作品牌标题
   ============================================================ */
.signup { background: var(--bg-alt); color: var(--ink); padding: 4.5vw 4vw 5vw; border-block: 1px solid var(--line); }
.signup__meta { display: flex; align-items: baseline; gap: 1.6vw; opacity: .9; }
.signup__year { font-family: var(--font-en); font-style: italic; font-weight: 400; font-size: clamp(22px, 2.2vw, 42px); color: var(--accent); }
.signup__tags { font-size: clamp(10px, .85vw, 16px); font-weight: 400; line-height: 1.9; }
.signup__grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 3vw; align-items: center; margin-top: 2.4vw; }
.signup__title { font-size: clamp(30px, 3.8vw, 72px); color: var(--ink); }
.signup__sub { margin-top: .8em; font-size: clamp(14px, 1.4vw, 27px); font-weight: 500; opacity: .9; }
.signup__scarcity { margin-top: 1em; color: var(--accent); font-size: clamp(11px, .9vw, 17px); letter-spacing: .08em; }
.signup__underline { display: block; width: 34%; height: 2px; margin-top: 1.2vw; border-radius: 0; background: var(--accent); }
.signup__qr { justify-self: center; width: min(52%, 270px); }
.signup__qr .ph {
  aspect-ratio: 1;
  background: #fff;
  border: 1px dashed rgba(0,0,0,.35);
  color: rgba(0,0,0,.55);
  border-radius: 6px;
}
.signup__qr .ph .ph__tag { border-color: rgba(0,0,0,.3); }
.signup__qr .ph strong { color: rgba(0,0,0,.7); }
.partners-title { background: var(--bg); text-align: center; padding: clamp(28px, 3vw, 52px) 4vw clamp(10px, .8vw, 16px); }
.partners-title h2 { font-size: clamp(26px, 3vw, 56px); }
.partners-title p { margin-top: .8em; }

/* ============================================================
   S22 合作品牌 logo 无限滚动墙
   ============================================================ */
.logo-roller { width: 100%; padding: 3vw 0 5vw; background: var(--bg); overflow: hidden; }
.logo-roller__rows { display: flex; flex-direction: column; gap: 1.2vw; }
.logo-roller__row { width: 100%; overflow: hidden; }
.logo-roller__track { display: flex; align-items: center; gap: 1.2vw; width: max-content; flex-shrink: 0; }
.logo-roller__item {
  flex: 0 0 20vw;
  min-width: 250px;
  height: 10vw;
  min-height: 132px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.2vw 1.6vw;
}
.partner-logo {
  display: block;
  width: auto;
  max-width: 94%;
  height: auto;
  max-height: clamp(72px, 5.3vw, 96px);
  object-fit: contain;
  filter: grayscale(1);
  opacity: .55;
}
.partner-logo[src*="15_vimgo"],
.partner-logo[src*="21_watsons"] { max-height: clamp(64px, 4.6vw, 82px); }
.logo-roller__item:hover .partner-logo { filter: none; opacity: 1; }
@keyframes logo-roller-left { 0% { transform: translate(0); } to { transform: translate(calc(-50% - .6vw)); } }
@keyframes logo-roller-right { 0% { transform: translate(calc(-50% - .6vw)); } to { transform: translate(0); } }

.mobile-sticky-cta { display: none; }

/* ---------- 页脚提示 ---------- */
.build-note {
  background: var(--bg-alt);
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 12px;
  text-align: center;
  padding: 18px 4vw 26px;
  line-height: 2;
}

/* ============================================================
   配色切换器（预览用，定稿后可整块删除）
   ============================================================ */
.theme-switch {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 99;
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 999px;
  box-shadow: var(--shadow);
  padding: 9px 14px;
}
.theme-switch__label { font-size: 11px; letter-spacing: .12em; color: var(--muted); }
.theme-switch button {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid transparent;
  padding: 0;
  overflow: hidden;
  position: relative;
  flex: 0 0 auto;
}
.theme-switch button.is-active { border-color: var(--ink); }
.theme-switch button span { position: absolute; inset: 0; }
.theme-switch { gap: 8px; max-width: min(92vw, 460px); flex-wrap: wrap; justify-content: center; }
.ts--ivory { background: linear-gradient(135deg, #f6f4ef 50%, #a97e3f 50%); }
.ts--graphite { background: linear-gradient(135deg, #17181c 50%, #c8a76b 50%); }
.ts--porcelain { background: linear-gradient(135deg, #f0f2f5 50%, #33598e 50%); }
.ts--sage { background: linear-gradient(135deg, #f3f1ea 50%, #5e7051 50%); }
.ts--oxblood { background: linear-gradient(135deg, #f7f3ee 50%, #8a2a35 50%); }
.ts--midnight { background: linear-gradient(135deg, #101622 50%, #7fa6d6 50%); }
.ts--mocha { background: linear-gradient(135deg, #f8f3ea 50%, #8a5a2e 50%); }
.ts--lilac { background: linear-gradient(135deg, #f3f2f6 50%, #6b568f 50%); }
.ts--terra { background: linear-gradient(135deg, #171310 50%, #c57a4a 50%); }
.ts--celadon { background: linear-gradient(135deg, #eff3f0 50%, #2f6f5c 50%); }

/* ============================================================
   移动端适配
   ============================================================ */
@media (max-width: 860px) {
  .hero { display: block; height: auto; min-height: auto; background: var(--bg); }
  .hero__nav { min-height: 68px; padding: 14px 5vw; gap: 12px; }
  .brand-logo { width: 176px; min-width: 176px; }
  .hero__cta { margin-left: auto; gap: .9em; font-size: 11px; padding: .6em .65em .6em 1.2em; }
  .hero__grid { grid-template-columns: 1fr; min-height: 0; overflow: visible; padding: 28px 5vw 34px; gap: 26px; }
  .hero__menu { display: none; }
  .hero__edition { margin-bottom: 20px; }
  .hero__title-en { font-size: clamp(24px, 7.5vw, 38px); }
  .hero__title-cn { font-size: clamp(32px, 9.5vw, 48px); }
  .hero__lead { font-size: 13px; }
  .hero__metrics { margin-top: 24px; }
  .hero__left-copy { margin-top: 34px; padding-top: 28px; border-top: 1px solid var(--line); }
  .hero__left-en { display: none; }
  .hero__kv { min-height: 72svh; }
  .hero__kv .slot-image { min-height: 72svh; }
  .hero__right { text-align: left; }
  .hero__right-en { display: none; }
  .hero__right-bottom { margin-top: 0; }
  .hero__big { font-size: clamp(48px, 15vw, 72px); }
  .hero__big::after { right: auto; left: 0; }
  .hero__right-caption { max-width: 30em; }
  .hero__ticker { justify-content: flex-start; min-height: 54px; overflow: hidden; padding-inline: 5vw; scrollbar-width: none; }
  .hero__ticker::-webkit-scrollbar { display: none; }
  .value__head, .workflow-band__grid, .distill__grid,
  .video-generation__head,
  .prompt-video__head,
  .category-flow__head, .site-building__head,
  .signup__grid { grid-template-columns: 1fr; }
  .value__cards { grid-template-columns: 1fr; }
  .mentor__grid { grid-template-columns: 1fr; }
  .mentor__tags, .mentor__info { padding-bottom: 2vw; }
  .visual-sys__grid { grid-template-columns: 1fr; }
  .visual-sys__shots { grid-template-columns: 1fr 1fr; }
  .visual-sys__shots .ui-frame--large { grid-column: 1 / -1; grid-row: auto; }
  .visual-sys__side { flex-direction: row; writing-mode: horizontal-tb; }
  .visual-sys__title { writing-mode: horizontal-tb; max-height: none; }
  .cases__grid, .product-case__grid,
  .category-flow__grid { grid-template-columns: repeat(2, 1fr); }
  .cases__grid > *, .product-case__grid > *,
  .category-flow__grid > * { grid-column: auto !important; margin-top: 0 !important; }
  .cases__title { grid-column: 1 / -1; order: -1; }
  .category-flow__systems-head { grid-template-columns: 1fr; gap: 12px; }
  .category-flow__systems-grid { grid-template-columns: 1fr; gap: 16px; }
  .day-card__cols { grid-template-columns: 1fr; }
  .delivery__grid { grid-template-columns: 1fr; }
  .past__grid { grid-template-columns: 1fr 1fr; }
  .past__grid > * { grid-column: auto !important; grid-row: auto !important; }
  .reviews__grid { columns: 1; }
  .member-gallery__item { flex-basis: 42vw; }
  .workflow-band { padding: 64px 5vw; }
  .workflow-band__pill { justify-self: start; margin-top: 10px; }
  .workflow-band__right-cn { grid-column: 1; margin-top: 16px; }
  .distill__row { grid-template-columns: 1fr; grid-column: 1; }
  .model-photo__grid { grid-template-columns: 1fr; }
  .model-photo__pair--featured { grid-column: auto; }
  .model-photo__pair--featured .model-photo__pair-grid { grid-template-columns: minmax(120px, .72fr) minmax(0, 1.28fr); }
  .model-studio__head { grid-template-columns: 1fr; }
  .model-studio__head p { max-width: 42em; }
  .model-studio__media { grid-template-columns: 1fr; align-items: start; }
  .model-studio__loop { width: min(62%, 420px); justify-self: end; }
  .portrait-lab__head { grid-template-columns: 1fr; }
  .portrait-lab__intro { max-width: 42em; }
  .portrait-lab__stage { grid-template-columns: 1fr; }
  .portrait-lab__comparisons { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; }
  .portrait-sample { grid-template-columns: 1fr; }
  .portrait-sample__media { aspect-ratio: 4 / 3; }
  .portrait-sample figcaption { min-height: 132px; border-top: 1px solid var(--line); border-left: 0; }
  .portrait-result { grid-template-columns: minmax(0, 1fr) minmax(180px, .34fr); }
  .portrait-result__media { min-height: min(78vw, 720px); }
  .portrait-lab__proof { grid-template-columns: repeat(3, 1fr); }
  .portrait-lab__proof b { grid-column: 1 / -1; justify-self: start; }
  .timetable__days { grid-template-columns: 1fr; }
  .workflow-experience { min-height: auto; padding: 92px 5vw 78px; }
  .workflow-experience__head { width: 100%; text-align: left; }
  .workflow-experience__title { font-size: clamp(40px, 8.4vw, 68px); line-height: 1.03; }
  .workflow-experience__lead { width: min(100%, 640px); margin-inline: 0; }
  .workflow-experience__scene { width: 100%; margin-top: 72px; perspective: none; }
  .workflow-experience__signal { position: relative; inset: auto; width: 100%; margin-top: 12px; text-align: left; }
  .workflow-experience__signal::after { display: none; }
  .workflow-experience__status { width: 100%; margin-top: 62px; }
  .product-case__head { padding-bottom: 24px; }
  .product-case__compare { grid-template-columns: 1fr; gap: 12px; margin-top: 24px; }
  .pc-compare { height: min(128vw, 620px); }
  .pc-compare__arrow { display: none; }
  .pc-compare__label { min-height: 52px; }
  .mentor__big-en { padding-top: 30px; font-size: clamp(54px, 15vw, 90px); white-space: normal; }
  .mentor__cn-label { text-align: left; margin-top: 1.7em; }
  .audience__content { grid-template-columns: 1fr; gap: 22px; margin-top: 28px; }
  .audience__list { grid-template-columns: 1fr; }
  .audience-item, .audience-item:nth-child(even) { padding: 22px 0; border-left: 0; }
  .audience-item:nth-last-child(2) { border-bottom: 0; }
  .audience__visuals { min-height: min(112vw, 520px); }
  .audience__visual--primary img { object-position: 50% 44%; }
  .mobile-sticky-cta {
    position: fixed;
    z-index: 98;
    right: 12px;
    bottom: 12px;
    left: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 54px;
    padding: 0 20px;
    border: 1px solid var(--line-strong);
    background: var(--ink);
    color: var(--bg);
    box-shadow: var(--shadow);
    font-weight: 700;
    letter-spacing: .08em;
    text-decoration: none;
    transform: translateY(calc(100% + 24px));
    visibility: hidden;
    opacity: 0;
  }
  .mobile-sticky-cta.is-stuck { transform: translateY(0); visibility: visible; opacity: 1; }
}

@media (max-width: 520px) {
  .hero__kv,
  .hero__kv .slot-image {
    min-height: 0;
    aspect-ratio: 928 / 1020;
  }
  .visual-sys__shots { grid-template-columns: 1fr; }
  .visual-sys__shots .ui-frame--large { grid-column: auto; }
  .video-generation__showcase { grid-template-columns: 1fr; gap: 30px; }
  .model-studio__loop { width: 100%; justify-self: stretch; }
  .portrait-lab__comparisons { grid-template-columns: 1fr; }
  .portrait-sample { grid-template-columns: minmax(0, 1fr) minmax(118px, .7fr); }
  .portrait-sample__media { aspect-ratio: 1 / 1; }
  .portrait-sample figcaption { min-height: 0; border-top: 0; border-left: 1px solid var(--line); }
  .portrait-result { grid-template-columns: 1fr; }
  .portrait-result__media { min-height: 125vw; }
  .portrait-result figcaption { min-height: 190px; border-top: 1px solid rgba(255,255,255,.22); border-left: 0; }
  .portrait-lab__proof { grid-template-columns: 1fr; gap: 14px; }
  .portrait-lab__proof b { grid-column: auto; }
  .site-demo__bar { grid-template-columns: 1fr auto; }
  .site-demo__bar > span { display: none; }
  .site-demo__bar strong { justify-self: start; }
  .site-case__head { display: block; }
  .site-case__head h3 { margin-top: .35em; }
  .site-demo__stage { aspect-ratio: auto; height: 72svh; min-height: 520px; }
}

/* ============================================================
   零依赖动效：初始隐藏仅在 motion.js 成功挂载后生效
   ============================================================ */
@media (prefers-reduced-motion: no-preference) {
  .logo-roller__track--left { animation: logo-roller-left 24s linear infinite; }
  .logo-roller__track--right { animation: logo-roller-right 26s linear infinite; }
  html.js-motion [data-reveal] { transition-duration: .72s; transition-timing-function: cubic-bezier(.22,1,.36,1); }
  html.js-motion [data-reveal="fade-up"] { opacity: 0; transform: translateY(28px); transition-property: opacity, transform; transition-delay: var(--reveal-delay, 0ms); }
  html.js-motion [data-reveal="clip"] { clip-path: inset(0 0 100% 0); transition-property: clip-path; transition-delay: var(--reveal-delay, 0ms); }
  html.js-motion [data-reveal="lines"] > span { display: block; opacity: 0; transform: translateY(28px); transition: opacity .72s cubic-bezier(.22,1,.36,1), transform .72s cubic-bezier(.22,1,.36,1); transition-delay: calc(var(--reveal-delay, 0ms) + var(--line-index, 0) * 80ms); }
  html.js-motion [data-reveal="fade-up"].is-inview { opacity: 1; transform: none; }
  html.js-motion [data-reveal="clip"].is-inview { clip-path: inset(0); }
  html.js-motion [data-reveal="lines"].is-inview > span { opacity: 1; transform: none; }
  .hero__ticker-track { animation: hero-ticker 40s linear infinite; }
  .hero__menu a::after { content: ""; position: absolute; right: 0; bottom: 8px; left: 0; height: 1px; background: var(--accent); transform: scaleX(0); transform-origin: right; transition: transform .3s ease; }
  .hero__menu a:hover::after { transform: scaleX(1); transform-origin: left; }
  .value-card, .deliver-card, .day-card { transition: transform .35s ease, box-shadow .35s ease; }
  .value-card:hover, .deliver-card:hover, .day-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
  .mp-card, .cases__grid > div, .past__grid > div, .ui-frame { overflow: hidden; }
  .mp-card img, .cases__grid img, .past__grid img, .ui-frame img { transition: transform .5s ease; }
  .mp-card:hover img, .cases__grid > div:hover img, .past__grid > div:hover img, .ui-frame:hover img { transform: scale(1.03); }
  .hero__cta i, .text-cta span, .outline-cta span, .delivery__cta span, .mobile-sticky-cta span { transition: transform .3s ease; }
  .hero__cta:hover i, .text-cta:hover span, .outline-cta:hover span, .delivery__cta:hover span, .mobile-sticky-cta:hover span { transform: translateX(4px); }
  .partner-logo { transition: filter .35s ease, opacity .35s ease; }
  .workflow-experience__live i { animation: workflow-live 1.8s ease-in-out infinite; }
  .workflow-experience__scan { animation: workflow-scan 5.4s cubic-bezier(.4, 0, .2, 1) infinite; }
  .workflow-experience__viewport::after { animation: workflow-reflection 8s ease-in-out infinite; }
  .video-carousel__panel { transition: opacity .45s ease, visibility .45s ease; }
  .mobile-sticky-cta { transition: transform .4s cubic-bezier(.22,1,.36,1), opacity .3s ease, visibility .3s ease; }
}
@keyframes hero-ticker { to { transform: translateX(-50%); } }
@keyframes workflow-live { 50% { opacity: .35; box-shadow: 0 0 0 9px color-mix(in srgb, var(--accent) 0%, transparent); } }
@keyframes workflow-scan { 0%, 10% { top: 0; opacity: 0; } 18% { opacity: .8; } 82% { opacity: .8; } 90%, 100% { top: calc(100% - 2px); opacity: 0; } }
@keyframes workflow-reflection { 0%, 18% { transform: translateX(-120%); } 52%, 100% { transform: translateX(120%); } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation: none !important; }
  .hero__cta:hover, .hero__kv:hover .slot-image, .vc-arrow:active { transform: none; }
  .mobile-sticky-cta { transition: none; }
}

@media (prefers-reduced-transparency: reduce) {
  .motion-nav { background: var(--bg); backdrop-filter: none; -webkit-backdrop-filter: none; }
  .theme-switch, .workflow-experience__live { backdrop-filter: none; -webkit-backdrop-filter: none; }
}

@media (prefers-contrast: more) {
  :root { --muted: color-mix(in srgb, var(--ink) 82%, var(--bg)); --line: color-mix(in srgb, var(--ink) 42%, transparent); --line-strong: color-mix(in srgb, var(--ink) 68%, transparent); }
  .motion-nav, .day-card, .deliver-card, .video-generation__asset video, .prompt-video__demo video { border-width: 2px; }
}

.hero__cta:active,
.hero__primary:active,
.motion-nav__cta:active,
.outline-cta:active,
.delivery__cta:active,
.site-demo__bar a:active,
.mobile-sticky-cta:active { transform: scale(.98); }

/* ============================================================
   V3 Apple 风滚动叙事
   ============================================================ */
.motion-nav {
  position: fixed; z-index: 110; top: 12px; right: 4vw; left: 4vw;
  display: flex; align-items: center; gap: clamp(18px, 2.4vw, 42px);
  min-height: 58px; padding: 8px 10px 8px 18px;
  border: 1px solid var(--line); background: color-mix(in srgb, var(--bg) 72%, transparent);
  box-shadow: var(--shadow); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
  color: var(--ink); opacity: 0; visibility: hidden; transform: translateY(-120%);
}
.motion-nav.is-visible { opacity: 1; visibility: visible; transform: none; }
.motion-nav__brand { width: clamp(120px, 9vw, 170px); }
.motion-nav__brand .brand-logo { width: 100%; min-width: 0; }
.motion-nav__links { display: flex; gap: clamp(16px, 2vw, 34px); margin-left: auto; }
.motion-nav__links a { color: var(--muted); font: 700 clamp(9px, .62vw, 12px)/1 var(--font-en); letter-spacing: .12em; }
.motion-nav__cta { padding: 13px 18px; border: 1px solid var(--ink); background: var(--ink); color: var(--bg); font-size: clamp(10px, .7vw, 13px); font-weight: 700; }
.motion-nav__cta { display: inline-flex; align-items: center; min-height: 44px; }

main > section:not(.hero):not(.workflow-experience):not(.product-case):not(.timetable) { content-visibility: auto; contain-intrinsic-size: auto 900px; }
html.v3-motion .product-case__compare { display: block; aspect-ratio: 16 / 9; overflow: hidden; touch-action: pan-y; }
html.v3-motion .product-case__compare .pc-compare { position: absolute; inset: 0; width: 100%; height: 100%; }
html.v3-motion .pc-compare--after { z-index: 1; clip-path: inset(0 50% 0 0); }
html.v3-motion .pc-compare__arrow { z-index: 3; left: 50%; display: grid; width: clamp(48px, 4.4vw, 76px); cursor: ew-resize; color: var(--ink); border-color: var(--line-strong); box-shadow: var(--shadow); }
html.v3-motion .pc-compare__arrow::before { content: ""; position: absolute; bottom: 100%; left: 50%; width: 1px; height: 50vh; background: var(--accent); transform: translateX(-50%); }
html.v3-motion .pc-compare__arrow::after { content: ""; position: absolute; top: 100%; left: 50%; width: 1px; height: 50vh; background: var(--accent); transform: translateX(-50%); }
html.v3-motion .pc-compare__arrow span { position: static; color: var(--ink); font-size: .32em; }
.product-case__compare--static,
html.v3-motion .product-case__compare--static { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2vw; align-items: start; aspect-ratio: auto; overflow: visible; touch-action: auto; }
.product-case__compare--static .pc-compare,
html.v3-motion .product-case__compare--static .pc-compare { position: relative; inset: auto; width: auto; height: auto; overflow: visible; }
.product-case__compare--static .pc-compare img,
html.v3-motion .product-case__compare--static .pc-compare img { display: block; width: 100%; height: auto; object-fit: contain; }
.product-case__compare--static .pc-compare--after,
html.v3-motion .product-case__compare--static .pc-compare--after { clip-path: none !important; }
.product-case__compare--static .pc-compare__arrow,
html.v3-motion .product-case__compare--static .pc-compare__arrow { left: 50% !important; cursor: default; }
.product-case__compare--static .pc-compare__arrow::before,
.product-case__compare--static .pc-compare__arrow::after { display: none; }

@media (min-width: 861px) {
  .workflow-experience { min-height: 100vh; padding: clamp(62px, 6vh, 84px) 4vw clamp(36px, 4vh, 56px); }
  .workflow-experience__title { margin-top: 18px; font-size: clamp(44px, 4.8vw, 78px); }
  .workflow-experience__lead { margin-top: 18px; line-height: 1.6; }
  .workflow-experience__scene { width: min(80%, 1220px); margin-top: clamp(26px, 3vh, 42px); }
  .workflow-experience__viewport img { height: min(42vh, 470px); aspect-ratio: auto; object-fit: cover; }
  .workflow-experience__status { margin-top: clamp(24px, 3vh, 38px); }
  .timetable--summary .day-card { position: relative; top: auto; min-height: 0; transform: none !important; }
  .mentor__big-en.is-scroll-active { will-change: transform, clip-path, opacity; }
  .timetable--summary .day-card__shade { display: none; }
}

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .deliver-card, .past__grid > div { animation: v3-native-reveal linear both; animation-timeline: view(); animation-range: entry 8% entry 32%; }
  }
}
@keyframes v3-native-reveal { from { opacity: .55; clip-path: inset(0 0 16% 0); transform: translateY(18px); } to { opacity: 1; clip-path: inset(0); transform: none; } }

@media (prefers-reduced-motion: no-preference) {
  .motion-nav { transition: opacity .4s ease, visibility .4s ease, transform .55s cubic-bezier(.22,1,.36,1); }
  html.js-motion [data-reveal] { transition-duration: .7s; }
  html.js-motion [data-reveal="lines"] { overflow: hidden; }
  html.js-motion [data-reveal="lines"] > span { opacity: 1; transform: translateY(105%); clip-path: inset(0 0 100% 0); transition: transform .7s cubic-bezier(.22,1,.36,1), clip-path .7s cubic-bezier(.22,1,.36,1); transition-delay: calc(var(--reveal-delay, 0ms) + var(--line-index, 0) * 90ms); }
  html.js-motion [data-reveal="lines"].is-inview > span { transform: none; clip-path: inset(0); }
  .workflow-experience__status > span { transition: color .3s ease, transform .3s ease; }
  .hero__metrics.is-entering { filter: blur(6px); }
  .hero__metrics { transition: filter .5s ease, opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1); }
  .hero__ticker:hover .hero__ticker-track { animation-duration: 133s; }
  .mp-card img, .cases__grid img, .past__grid img, .ui-frame img { transition-duration: .6s; }
}

@media (max-width: 860px) {
  .motion-nav { display: none; }
  main > section:not(.hero) { contain-intrinsic-size: auto 760px; }
  html.v3-motion .product-case__compare { display: block; aspect-ratio: 4 / 5; }
  html.v3-motion .product-case__compare .pc-compare { display: block; height: 100%; }
  html.v3-motion .pc-compare__arrow { display: grid; }
  .product-case__compare--static,
  html.v3-motion .product-case__compare--static { grid-template-columns: 1fr; gap: 12px; }
  .product-case__compare--static .pc-compare,
  html.v3-motion .product-case__compare--static .pc-compare { height: auto; }
  .product-case__compare--static .pc-compare__arrow,
  html.v3-motion .product-case__compare--static .pc-compare__arrow { display: none; }
  .day-card { position: relative; min-height: 0; transform: none !important; opacity: 1 !important; }
}

@media (prefers-reduced-motion: reduce) {
  .motion-nav { display: none; }
  .product-case__compare { display: grid; grid-template-columns: 1fr 1fr; aspect-ratio: auto; }
  .pc-compare--after { clip-path: none; }
  .pc-compare__arrow { display: none; }
  .day-card { position: relative; top: auto; }
  .day-card, .mentor__big-en { transform: none !important; opacity: 1 !important; clip-path: none !important; }
}