/* V6 · 研究院 + 操作系统 */
:root {
  /* 纸阶带 hue 漂移（暖白→微冷灰→暖褐），模拟真实纸张随光照/纤维的色温分叉，而非纯明度衰减 */
  --paper: #faf7ee;
  --paper-2: #efebdb;
  --paper-3: #e8e0c8;
  --ink: #16140e;
  --ink-2: #3a3830;
  --ink-3: #6c6a5e;
  --ink-4: #a8a496;
  --rule: #d4ceb8;
  --crimson: #8b2f2f;
  --ochre: #a87830;
  --ochre-soft: #e2d3b7;
  --olive: #6e7a3e;
  --forest: #2d6a4f;
  --blue: #2e6f8c;
  /* 暗底支撑色组（墨底章节/暗卡内部专用；换肤时整组可控） */
  --dk-text: #ece8d6;
  --dk-text-2: #c5c2b3;
  --dk-panel: #1f1d17;
  --dk-line: #2a2820;
  --dk-border: #3a3830;
  /* 作者级缓动（轻物快、重物慢的物理直觉），替代全站默认 ease */
  --ease: cubic-bezier(.2, .7, .2, 1);
}
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: var(--paper); color: var(--ink); }
body {
  font-family: "Inter", "Noto Sans SC", "PingFang SC", system-ui, sans-serif;
  font-size: 15px; line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  /* micro-typography：开连字/上下文替代/字距，调用 Cormorant·Noto Serif 的 OpenType 精华 */
  font-feature-settings: "liga" 1, "calt" 1, "kern" 1;
  text-rendering: optimizeLegibility;
}
::selection { background: var(--crimson); color: var(--paper); }
img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
p { margin: 0; }
h1, h2, h3, h4, h5 { margin: 0; line-height: 1.18; font-weight: 700; }

.serif { font-family: "Noto Serif SC", serif; font-weight: 900; }
.mono { font-family: "JetBrains Mono", ui-monospace, monospace; }
.italic { font-family: "Cormorant Garamond", serif; font-style: italic; font-weight: 500; }
.label {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; font-weight: 500;
  letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--ink-3);
}
.container {
  max-width: 1400px; margin: 0 auto;
  padding: 0 clamp(24px, 5vw, 72px);
}

/* MASTHEAD */
.masthead {
  background: var(--paper);
  position: sticky; top: 0; z-index: 50;
  border-bottom: 3px double var(--ink);
}
.masthead .topstrip {
  display: flex; justify-content: space-between; align-items: center;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase;
  color: var(--ink-3);
  padding: 10px 0; border-bottom: 1px solid var(--rule);
}
.masthead .topstrip b { color: var(--ink); font-weight: 600; }
.masthead .live::before {
  content: ""; display: inline-block;
  width: 6px; height: 6px; background: var(--crimson);
  border-radius: 50%; margin-right: 7px; vertical-align: 1px;
  animation: pulse 1.6s infinite;
}
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.3} }
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0} }
.masthead .main {
  display: grid; grid-template-columns: 1fr auto 1fr;
  align-items: center; padding: 16px 0;
}
.masthead nav {
  font-family: "Inter", sans-serif; font-size: 13px;
  color: var(--ink-2); display: flex; gap: 22px;
}
.masthead .nav-right { justify-content: flex-end; }
.masthead nav a:hover { color: var(--crimson); }
.masthead .brand { text-align: center; }
.masthead .brand .cn {
  font-family: "Noto Serif SC", serif; font-weight: 900;
  font-size: 28px; letter-spacing: 0.08em;
}
.masthead .brand .en {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  font-size: 13px; color: var(--ink-3); margin-top: 1px;
}
.cta {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 7px 14px; background: var(--ink); color: var(--paper);
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase;
}
.cta .dot { width: 6px; height: 6px; background: var(--crimson); border-radius: 50%; }

/* Nav mode toggle */
.mode-toggle {
  background: transparent; border: 1px solid var(--ink);
  color: var(--ink);
  width: 32px; height: 32px; padding: 0;
  font-size: 14px; line-height: 1;
  cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  font-family: inherit;
  transition: all 0.15s;
}
.mode-toggle:hover { background: var(--ink); color: var(--paper); }
body[data-mode="dark"] .mode-toggle { border-color: var(--ink); color: var(--ink); }
body[data-mode="dark"] .mode-toggle:hover { background: var(--ink); color: var(--paper); }

/* HERO */
.hero { padding: 70px 0 90px; border-bottom: 3px double var(--ink); }
.hero .grid {
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(0,1fr);
  gap: 64px; align-items: start;
}
.kicker {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--crimson); margin-bottom: 18px;
  display: flex; align-items: center; gap: 12px;
}
.kicker .line { flex: 1; height: 1px; background: var(--ink); max-width: 80px; }
.hero h1 {
  font-family: "Noto Serif SC", serif; font-weight: 900;
  font-size: clamp(40px, 4.8vw, 68px);
  letter-spacing: -0.01em; line-height: 1.08;
}
.hero h1 em {
  font-family: "Cormorant Garamond", serif;
  font-style: italic; font-weight: 500; color: var(--crimson);
}
.hero .lede {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 21px; line-height: 1.55;
  color: var(--ink-2); margin-top: 28px; max-width: 540px;
}
.hero .lede .cn { font-family: "Noto Serif SC", serif; font-weight: 500; }
.hero-judgment {
  margin-top: 24px; max-width: 620px;
  font-family: "Noto Serif SC", serif;
  font-weight: 900; font-size: clamp(22px, 2.1vw, 30px);
  line-height: 1.42; color: var(--ink);
  padding-left: 18px; border-left: 4px solid var(--crimson);
}
.hero-actions {
  margin-top: 28px;
  display: flex; flex-wrap: wrap; gap: 10px;
}
.hero-action {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 42px; padding: 10px 14px;
  border: 1px solid var(--ink);
  font-family: "Noto Sans SC", "Inter", sans-serif;
  font-size: 13px; font-weight: 700; line-height: 1.25;
  color: var(--ink); background: transparent;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.hero-action.primary { background: var(--ink); color: var(--paper); }
.hero-action:hover { background: var(--crimson); color: var(--paper); border-color: var(--crimson); }
.byline {
  margin-top: 32px; padding-top: 18px;
  border-top: 1px solid var(--rule);
  display: flex; flex-wrap: wrap; gap: 28px 40px;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--ink-3);
}
.byline b { color: var(--ink); font-weight: 600; }

/* QUERY CARD */
.qcard {
  background: var(--ink); color: var(--paper);
  padding: 28px;
  font-family: "Inter", sans-serif;
}
.qhead {
  display: flex; justify-content: space-between; align-items: center;
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.2em;
  text-transform: uppercase; color: var(--ink-4);
  padding-bottom: 14px; border-bottom: 1px solid var(--dk-line);
  margin-bottom: 18px;
}
.qhead .right { display: flex; align-items: center; gap: 8px; }
.qhead .dot { width: 6px; height: 6px; background: var(--crimson); border-radius: 50%; animation: pulse 1.6s infinite; }
.qtrust-tags {
  display: flex; flex-wrap: wrap; gap: 8px;
  margin-bottom: 18px;
}
.qtrust-tags span {
  border: 1px solid var(--dk-border);
  background: var(--dk-panel);
  color: var(--ochre-soft);
  padding: 5px 8px;
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase;
}
.qprompt {
  font-family: "Noto Serif SC", serif;
  font-size: 22px; font-weight: 500; line-height: 1.45;
  margin-bottom: 20px;
}
.qprompt em {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  font-weight: 400; color: var(--ochre-soft);
}
.qinput {
  display: flex; gap: 0;
  border: 1px solid var(--dk-border); background: var(--dk-panel);
}
.qinput textarea {
  flex: 1; resize: none;
  background: transparent; border: 0; outline: 0;
  color: var(--paper);
  font-family: "Inter", "Noto Sans SC", sans-serif;
  font-size: 14px; line-height: 1.55;
  padding: 14px 16px; min-height: 64px;
}
.qinput textarea::placeholder { color: #6c6a5e; }
.qinput button {
  background: var(--crimson); color: var(--paper);
  border: 0; padding: 0 22px;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase;
  cursor: pointer; min-width: 110px;
}
.qinput button:hover { background: #a23a3a; }
.qinput button:disabled { opacity: 0.5; cursor: wait; }
.suggestions { margin-top: 14px; display: flex; flex-direction: column; gap: 6px; }
.suggestion {
  display: flex; align-items: baseline; gap: 10px;
  font-family: "Inter", "Noto Sans SC", sans-serif;
  font-size: 13px; color: var(--dk-text-2);
  cursor: pointer;
  padding: 9px 10px; border: 1px solid transparent;
  transition: all 0.15s;
}
.suggestion:hover { border-color: var(--dk-border); background: var(--dk-panel); color: var(--paper); }
.suggestion .arrow { color: var(--crimson); font-family: "JetBrains Mono", monospace; font-size: 11px; }
.suggestion .tag {
  font-family: "JetBrains Mono", monospace; font-size: 10px;
  letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--ink-4); margin-left: auto;
}
.qresponse {
  margin-top: 20px; padding: 18px;
  background: var(--dk-panel); border: 1px solid var(--dk-border);
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 15.5px; line-height: 1.7; color: var(--dk-text);
  display: none;
}
.qresponse.active { display: block; }
.qresponse .rhead {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--ochre-soft); margin-bottom: 10px;
  display: flex; justify-content: space-between;
}
.qresponse .rbody { white-space: pre-wrap; min-height: 60px; }
.qresponse .citations {
  margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--dk-border);
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; color: var(--ink-4);
}
.qresponse .citations b { color: var(--ochre-soft); font-weight: 500; }
.thinking::after { content: "▊"; animation: blink 1s infinite; margin-left: 2px; }

/* SECTIONS */
section { padding: 80px 0; border-bottom: 1px solid var(--rule); }
/* P2 · 密度差异化：藏品级案例区给到更阔的留白框（轻区维持 80px），靠内容呼吸抬海拔 */
section:has(.cases) { padding: 104px 0; }
.shead {
  display: grid; grid-template-columns: minmax(140px,200px) 1fr;
  gap: 40px; align-items: baseline;
  margin-bottom: 48px; padding-bottom: 24px; border-bottom: 1px solid var(--rule);
}
.shead .num {
  font-family: "Cormorant Garamond", serif;
  font-style: italic; font-weight: 500;
  font-size: 56px; line-height: 1; color: var(--crimson);
}
.shead .num .sub {
  display: block;
  font-family: "JetBrains Mono", monospace;
  font-style: normal; font-size: 10px;
  letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--ink-3); margin-top: 8px;
}
.shead h2 {
  font-family: "Noto Serif SC", serif; font-weight: 900;
  font-size: clamp(34px, 3.5vw, 52px);
}
.shead h2 em {
  font-family: "Cormorant Garamond", serif;
  font-style: italic; font-weight: 500; color: var(--ochre);
}
.shead .deck {
  margin-top: 14px;
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 19px; line-height: 1.55; color: var(--ink-2);
  max-width: 760px;
}

/* OS */
.os {
  background: var(--paper-2);
  border: 1px solid var(--ink);
  padding: 44px;
}
.os-rl {
  display: flex; justify-content: space-between;
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--ink-3); margin-bottom: 12px;
}
.os-rl b { color: var(--crimson); font-weight: 600; }
.os-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 14px; }
.os-app, .os-engine {
  padding: 20px 18px; min-height: 140px;
  display: flex; flex-direction: column; justify-content: space-between;
}
.os-app {
  background: var(--paper); border: 1px solid var(--ink);
  transition: all 0.2s;
}
.os-app { text-decoration: none; color: inherit; }
.os-app:hover { background: var(--ink); color: var(--paper); cursor: pointer; }
a.icell { transition: background 0.15s; }
a.icell:hover { background: var(--paper-2); }
a.icell:hover h4 { color: var(--crimson); }
.os-app:hover .os-tag { color: var(--ochre-soft); }
.os-app:hover .os-meta { color: var(--ink-4); }
.os-engine { background: var(--ink); color: var(--paper); min-height: 160px; }
.os-engine.red { background: var(--crimson); }
.os-tag {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--crimson);
}
.os-engine .os-tag { color: var(--ochre-soft); }
.os-engine.red .os-tag { color: rgba(255,255,255,0.7); }
.os-name {
  font-family: "Noto Serif SC", serif; font-weight: 700;
  font-size: 17px; line-height: 1.3; margin-top: 8px;
}
.os-meta {
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; color: var(--ink-3);
  margin-top: 16px; line-height: 1.5;
}
.os-engine .os-meta { color: var(--ink-4); }
.os-engine .os-meta b { color: var(--paper); font-weight: 500; }
.os-engine.red .os-meta { color: rgba(255,255,255,0.7); }
.os-engine.red .os-meta b { color: var(--paper); }
a.os-engine { text-decoration: none; }
a.os-engine:hover { filter: brightness(1.18); cursor: pointer; transform: translateY(-1px); transition: all 0.15s; }
.os-base {
  background: var(--paper-3);
  border: 1px solid var(--ink);
  padding: 18px 22px;
  display: flex; justify-content: space-between; align-items: center;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase;
  color: var(--ink-2); margin-top: 14px;
}
.os-base b { color: var(--ink); font-weight: 600; }

/* 人 × OS 主张脊柱 · 「把判断留给人」（2026 人本批 · OS 段落的收束定调） */
.os-coda { background: var(--ink); border: 1px solid var(--ink); margin-top: 28px; padding: 56px 40px 52px; text-align: center; }
.os-coda .oc-rule { width: 38px; height: 2px; background: var(--crimson); margin: 0 auto 18px; }
.os-coda .oc-mark { font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.3em; text-transform: uppercase; color: var(--ochre); }
.os-coda .oc-line { font-family: "Noto Serif SC", serif; font-weight: 900; font-size: clamp(30px, 4.6vw, 52px); line-height: 1.18; letter-spacing: 0.05em; color: var(--paper); margin: 14px 0 0; }
.os-coda .oc-line em { font-style: normal; color: var(--ochre-soft); }
.os-coda .oc-sub { font-family: "Cormorant Garamond", "Noto Serif SC", serif; font-size: 17px; line-height: 1.85; color: var(--ochre-soft); max-width: 660px; margin: 22px auto 0; }
.os-coda .oc-sub b { color: var(--paper); font-weight: 700; }
/* 暗色模式下 band 随 --ink 反为浅底，强制 em/sub 用深字保对比 */
body[data-mode="dark"] .os-coda .oc-line em { color: var(--crimson); }
body[data-mode="dark"] .os-coda .oc-sub,
body[data-mode="dark"] .os-coda .oc-sub b { color: var(--paper); }

/* ATLAS */
.atlas { display: grid; grid-template-columns: 1.4fr 1fr; gap: 36px; }
.atlas + .atlas { margin-top: 36px; }
.acard {
  background: var(--paper); border: 1px solid var(--ink);
  padding: 28px 30px;
}
.acard .ah {
  display: flex; justify-content: space-between; align-items: baseline;
  padding-bottom: 14px; border-bottom: 1px solid var(--rule);
  margin-bottom: 22px;
}
.acard .ah .num {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  font-size: 32px; color: var(--crimson);
}
.acard .ah .t {
  font-family: "Noto Serif SC", serif; font-weight: 700;
  font-size: 19px; flex: 1; padding: 0 18px;
}
.acard .ah .meta {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--ink-3);
}
.caption {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 14.5px; line-height: 1.55;
  color: var(--ink-2); margin-top: 16px;
  padding-top: 14px; border-top: 1px solid var(--rule);
}
.source {
  margin-top: 10px;
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.12em; color: var(--ink-3);
}

/* DEMO */
.demo-strip {
  display: grid; grid-template-columns: 1fr 1fr;
  border: 1px solid var(--ink);
}
.demo-cell {
  padding: 36px 34px; background: var(--paper);
  border-right: 1px solid var(--ink);
  display: flex; flex-direction: column;
}
.demo-cell:last-child { border-right: 0; }
.dlabel {
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--crimson);
}
.demo-cell h3 {
  font-family: "Noto Serif SC", serif; font-weight: 900;
  font-size: 28px; line-height: 1.25; margin-top: 12px;
}
.demo-cell h3 em {
  font-family: "Cormorant Garamond", serif;
  font-style: italic; font-weight: 500; color: var(--ochre);
}
.demo-cell .ddeck {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 16px; line-height: 1.6; color: var(--ink-2);
  margin-top: 14px;
}
.drun {
  margin-top: 22px; padding: 18px;
  background: var(--paper-2); border: 1px solid var(--rule);
  flex: 1; display: flex; flex-direction: column;
}
.drun-row { display: flex; gap: 8px; }
.drun input {
  flex: 1; padding: 11px 14px;
  background: var(--paper); border: 1px solid var(--ink);
  font-family: "Inter", "Noto Sans SC", sans-serif;
  font-size: 14px; color: var(--ink); outline: 0;
}
.drun button {
  background: var(--ink); color: var(--paper);
  border: 0; padding: 0 18px;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase;
  cursor: pointer;
}
.drun button:hover { background: var(--crimson); }
.drun button:disabled { opacity: 0.5; cursor: wait; }
.chips { margin-top: 10px; display: flex; flex-wrap: wrap; gap: 6px; }
.chip {
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; padding: 5px 10px;
  border: 1px solid var(--rule); background: var(--paper);
  color: var(--ink-2); cursor: pointer;
}
.chip:hover { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.dout {
  margin-top: 16px; padding: 16px;
  background: var(--paper); border: 1px solid var(--rule);
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 14.5px; line-height: 1.65; color: var(--ink-2);
  flex: 1; white-space: pre-wrap;
  display: none;
}
.dout.active { display: block; }
.dout .ohead {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--crimson); margin-bottom: 10px;
  padding-bottom: 8px; border-bottom: 1px solid var(--rule);
  display: flex; justify-content: space-between;
}

/* TOOLROOM */
.tools {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 1px; background: var(--ink);
  border: 1px solid var(--ink);
}
.tcard { background: var(--paper); padding: 30px 26px; display: flex; flex-direction: column; }
.tlabel {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--crimson);
}
.tcard h4 {
  font-family: "Noto Serif SC", serif; font-weight: 700;
  font-size: 21px; margin-top: 10px;
}
.tcard .tdeck {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 14.5px; line-height: 1.55; color: var(--ink-2);
  margin-top: 12px;
}
.tmock {
  margin-top: 20px; aspect-ratio: 16/10;
  background: var(--ink); overflow: hidden; border: 1px solid var(--ink);
}
.tmock .bar {
  background: #25231b; padding: 8px 10px;
  display: flex; gap: 6px; align-items: center;
  font-family: "JetBrains Mono", monospace;
  font-size: 9px; color: var(--ink-4); letter-spacing: 0.1em;
}
.tmock .bar .d { width: 7px; height: 7px; border-radius: 50%; }
.tmock .body { padding: 12px 14px; color: var(--paper); }
.tstat {
  margin-top: 18px; padding-top: 16px;
  border-top: 1px solid var(--rule);
  display: grid; grid-template-columns: 1fr 1fr; gap: 14px;
}
.tnum {
  font-family: "Cormorant Garamond", serif;
  font-weight: 600; font-size: 32px; color: var(--crimson);
  line-height: 1;
}
.tnum em { font-style: italic; font-weight: 500; font-size: 20px; }
.tdesc {
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.15em; text-transform: uppercase;
  color: var(--ink-3); margin-top: 6px; line-height: 1.4;
}

/* METHOD TABLE */
.mtable { border: 1px solid var(--ink); }
.mrow { display: grid; grid-template-columns: 1.2fr 1.5fr 1.5fr 0.8fr; border-bottom: 1px solid var(--rule); }
.mrow:last-child { border-bottom: 0; }
.mrow.head { background: var(--ink); color: var(--paper); }
.mrow.head .mcell {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase;
  padding: 16px 22px;
}
.mrow.head .mcell.gain { color: var(--ochre-soft); }
.mcell { padding: 22px 24px; border-right: 1px solid var(--rule); }
.mcell:last-child { border-right: 0; }
.mtitle {
  font-family: "Noto Serif SC", serif; font-weight: 700;
  font-size: 17px; margin-bottom: 8px;
}
.msub {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 14.5px; color: var(--ink-3); line-height: 1.5;
}
.bar-line {
  display: flex; align-items: center; gap: 10px;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; color: var(--ink-2);
}
.bar {
  height: 8px; background: var(--paper-3);
  flex: 1; position: relative; overflow: hidden;
}
.bar .fill { position: absolute; left: 0; top: 0; bottom: 0; }
.bar .trad { background: var(--ink-3); }
.bar .ai { background: var(--crimson); }
.mhow {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; color: var(--ink-3); letter-spacing: 0.05em;
  margin-top: 6px;
}
.gnum {
  font-family: "Cormorant Garamond", serif; font-weight: 600;
  font-style: italic; font-size: 36px; color: var(--crimson);
  line-height: 1;
}
.gdesc {
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.15em; text-transform: uppercase;
  color: var(--ink-3); margin-top: 6px;
}

/* INSIGHTS */
.igrid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--rule);
}
.icell {
  padding: 28px 26px;
  border-right: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
}
.icell:nth-child(3n) { border-right: 0; }
.inum {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  font-size: 13px; color: var(--crimson);
}
.ikicker {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--ink-3); margin-top: 4px;
}
.icell h4 {
  font-family: "Noto Serif SC", serif; font-weight: 700;
  font-size: 20px; line-height: 1.35; margin-top: 10px;
}
.ideck {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 14.5px; line-height: 1.55; color: var(--ink-2);
  margin-top: 10px;
}
.ifoot {
  margin-top: 14px;
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.12em; color: var(--ink-3);
}
.evidence-grid .icell {
  background: var(--paper);
  display: flex; flex-direction: column;
}
.evidence-grid .icell:hover { background: var(--paper-3); }
.evidence-grid .icell h4 { font-size: 22px; }
.proof-list {
  list-style: none; margin: 18px 0 0; padding: 14px 0 0;
  border-top: 1px solid var(--rule);
  display: grid; gap: 8px;
}
.proof-list li {
  position: relative; padding-left: 16px;
  font-family: "Noto Sans SC", "Inter", sans-serif;
  font-size: 13px; line-height: 1.5; color: var(--ink);
}
.proof-list li::before {
  content: ""; position: absolute; left: 0; top: 0.78em;
  width: 6px; height: 6px; background: var(--crimson);
}
.evidence-grid .ifoot {
  margin-top: auto; padding-top: 18px;
}

/* COMPLIANCE */
.compliance { background: var(--ink); color: var(--paper); border-bottom: 0; }
.compliance .shead { border-color: var(--dk-line); }
.compliance .shead h2 { color: var(--paper); }
.compliance .shead h2 em { color: var(--ochre-soft); }
.compliance .shead .num { color: var(--ochre-soft); }
.compliance .shead .num .sub { color: var(--ink-4); }
.compliance .shead .deck { color: var(--dk-text-2); }
.cgrid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 1px; background: var(--dk-line); border: 1px solid var(--dk-line);
}
.ccell { background: var(--ink); padding: 28px 24px; }
.ctag {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--ochre-soft);
}
.ccell h5 {
  font-family: "Noto Serif SC", serif; font-weight: 700;
  font-size: 18px; line-height: 1.35; color: var(--paper);
  margin-top: 10px;
}
.ccell p {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 14px; line-height: 1.55; color: var(--dk-text-2);
  margin-top: 10px;
}
.cnum {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif; font-weight: 600;
  font-size: 32px; color: var(--paper); margin-top: 16px;
}

/* FOOTER */
.footer {
  background: var(--paper-2);
  padding: 64px 0 32px;
  border-top: 3px double var(--ink);
}
.fgrid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 56px; }
.fgrid h6 {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--ink-3); margin: 0 0 16px;
  padding-bottom: 8px; border-bottom: 1px solid var(--rule);
}
.fgrid ul { margin: 0; padding: 0; list-style: none; }
.fgrid li {
  font-family: "Inter", "Noto Sans SC", sans-serif;
  font-size: 13.5px; color: var(--ink-2); padding: 4px 0;
}
.fgrid li a {
  color: inherit; text-decoration: none; transition: color 0.15s;
}
.fgrid li a:hover {
  color: var(--crimson);
}
.fbrand .cn {
  font-family: "Noto Serif SC", serif; font-weight: 900;
  font-size: 26px; letter-spacing: 0.06em;
}
.fbrand .en {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  font-size: 15px; color: var(--ink-3); margin-top: 4px;
}
.fbrand p {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 15px; line-height: 1.55; color: var(--ink-2);
  margin-top: 16px; max-width: none;
}
.fcities {
  margin-top: 18px;
  display: flex; flex-wrap: wrap; gap: 4px;
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.1em; color: var(--ink-3);
}
.fcities span:not(:last-child)::after { content: " · "; color: var(--rule); }
.fcities .hq { color: var(--crimson); font-weight: 700; }
.fbrand-contact {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--rule);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}
.fbc-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.fbc-icon {
  width: 32px;
  height: 32px;
  color: #957f66;
  margin-bottom: 8px;
}
.fbc-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}
.fbc-title {
  font-family: "Noto Serif SC", "Cormorant Garamond", serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: #957f66;
  margin-bottom: 8px;
}
.fbc-body {
  font-family: "Inter", "Noto Sans SC", sans-serif;
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--ink-2);
}
.fbc-body a {
  color: inherit;
  text-decoration: none;
  transition: color 0.15s;
}
.fbc-body a:hover {
  color: var(--crimson);
}
.fbottom {
  margin-top: 56px; padding-top: 24px;
  border-top: 1px solid var(--rule);
  display: flex; justify-content: space-between;
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.15em;
  color: var(--ink-3); text-transform: uppercase;
}
@media (max-width: 900px) {
  .footer .fgrid { grid-template-columns: 1fr 1fr; }
  .footer .fbrand { grid-column: span 2; }
}
@media (max-width: 640px) {
  .footer .fgrid { grid-template-columns: 1fr; }
  .footer .fbrand { grid-column: auto; }
  .fbrand-contact { grid-template-columns: 1fr; gap: 20px; }
}

/* ─────────── L2 PAGE EXTENSIONS ─────────── */

/* L2 HERO */
.l2-hero {
  padding: 56px 0 64px;
  border-bottom: 1px solid var(--rule);
}
.l2-crumb {
  display: flex; align-items: center; gap: 10px;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--ink-3); margin-bottom: 24px;
}
.l2-crumb a:hover { color: var(--crimson); }
.l2-crumb .sep { color: var(--rule); }
.l2-crumb b { color: var(--crimson); font-weight: 500; }

.l2-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: 64px; align-items: end;
}
.l2-tag {
  font-family: "JetBrains Mono", monospace;
  font-size: 12px; letter-spacing: 0.24em; text-transform: uppercase;
  color: var(--crimson); margin-bottom: 18px;
  display: flex; align-items: center; gap: 12px;
}
.l2-tag .line { width: 48px; height: 1px; background: var(--crimson); }
.l2-hero h1 {
  font-family: "Noto Serif SC", serif; font-weight: 900;
  font-size: clamp(44px, 5vw, 72px);
  letter-spacing: -0.01em; line-height: 1.08;
}
.l2-hero h1 em {
  font-family: "Cormorant Garamond", serif;
  font-style: italic; font-weight: 500; color: var(--crimson);
}
.l2-hero .lede {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 19px; line-height: 1.6; color: var(--ink-2);
  margin-top: 22px; max-width: 580px;
}
.l2-hero .lede .cn { font-family: "Noto Serif SC", serif; font-weight: 500; }
.l2-stats {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 24px; padding: 22px 24px;
  background: var(--paper-2); border: 1px solid var(--ink);
}
.l2-stat .v {
  font-family: "Cormorant Garamond", serif; font-weight: 600;
  font-size: 44px; color: var(--crimson); line-height: 1;
}
.l2-stat .v em { font-style: italic; font-weight: 500; font-size: 24px; }
.l2-stat .v .u {
  font-family: "Inter", sans-serif; font-style: normal;
  font-weight: 500; font-size: 18px; color: var(--ink-2);
}
.l2-stat .k {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--ink-3); margin-top: 10px;
}

/* PAIN MATRIX */
/* P2 · 密度差异化：pain 从 1px 密铺连体表格 → 分离独立卡（gap + 各自描边/钤印），
   与下方 .flow 连体密铺形成「独立钤印卡 vs 连体表格」对比 */
.pain-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.pain {
  background: var(--paper); padding: 32px 28px;
  display: flex; flex-direction: column;
  border: 1px solid var(--rule);
}
.pain .pnum {
  font-family: "Cormorant Garamond", serif;
  font-style: italic; font-weight: 500;
  font-size: 14px; color: var(--crimson);
}
.pain h3 {
  font-family: "Noto Serif SC", serif; font-weight: 700;
  font-size: 22px; line-height: 1.3; margin-top: 12px;
  color: var(--ink);
}
.pain h3 em {
  font-family: "Cormorant Garamond", serif;
  font-style: italic; font-weight: 500; color: var(--ochre);
}
.pain p {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 15.5px; line-height: 1.6;
  color: var(--ink-2); margin-top: 14px;
  flex: 1;
}
.pain .panswer {
  margin-top: 18px; padding-top: 14px;
  border-top: 1px solid var(--rule);
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.1em; color: var(--ink-3);
  line-height: 1.6;
}
.pain .panswer b { color: var(--crimson); font-weight: 600; }

/* SERVICE FLOW (4 stages) */
.flow {
  display: grid; grid-template-columns: repeat(4, 1fr);
  border: 1px solid var(--ink);
}
.flow .step {
  padding: 28px 26px;
  border-right: 1px solid var(--ink);
  background: var(--paper);
  position: relative;
}
.flow .step:last-child { border-right: 0; }
.flow .step .sn {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  font-size: 36px; color: var(--crimson); line-height: 1;
}
.flow .step .skey {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--ink-3); margin-top: 4px;
}
.flow .step h4 {
  font-family: "Noto Serif SC", serif; font-weight: 700;
  font-size: 19px; margin-top: 14px;
}
.flow .step p {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 14.5px; line-height: 1.55;
  color: var(--ink-2); margin-top: 10px;
}
.flow .step .ai-call {
  margin-top: 16px;
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.08em;
  color: var(--crimson);
  display: flex; align-items: center; gap: 8px;
}
.flow .step .ai-call::before {
  content: "▸"; color: var(--crimson);
}

/* P4 · Suite Index 扉页：os-apps hero 右栏当期刊「目录」——mono 行号 01-04 作页码，
   衬线条目 + 赭金线索引签；条目 hover 朱砂提名（呼应全站「可进入」语义） */
.suite-index {
  background: var(--paper); border: 1px solid var(--ink);
  padding: 22px 24px;
}
.suite-index .si-head {
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--ink-3);
  padding-bottom: 12px; border-bottom: 1px solid var(--rule);
}
.suite-index a {
  display: grid; grid-template-columns: auto 1fr auto;
  align-items: baseline; gap: 14px;
  padding: 14px 0; border-bottom: 1px solid var(--rule);
  transition: background 0.28s var(--ease), padding-left 0.28s var(--ease);
}
.suite-index a:last-child { border-bottom: 0; }
.suite-index .si-no {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.1em;
  font-feature-settings: "onum" 1, "pnum" 1;
  color: var(--ink-4);
}
.suite-index .si-title {
  font-family: "Noto Serif SC", serif; font-weight: 700;
  font-size: 14.5px; color: var(--ink);
}
.suite-index .si-tag {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.12em; color: var(--ochre);
}
.suite-index a:hover { padding-left: 6px; }
.suite-index a:hover .si-no { color: var(--crimson); }
.suite-index a:hover .si-title { color: var(--crimson); }

/* CASE STACK */
.cases {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 28px;
}
.case {
  background: var(--paper); border: 1px solid var(--ink);
  padding: 28px 30px;
  display: flex; flex-direction: column;
}
.case .ch {
  display: flex; justify-content: space-between; align-items: baseline;
  padding-bottom: 14px; border-bottom: 1px solid var(--rule);
  margin-bottom: 18px;
}
.case .cn {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  font-size: 28px; color: var(--crimson);
}
.case .ctype {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--ink-3);
}
.case h3 {
  font-family: "Noto Serif SC", serif; font-weight: 700;
  font-size: 22px; line-height: 1.3;
}
.case .csub {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 15px; color: var(--ink-3); margin-top: 8px;
}
.case .cbody {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 15.5px; line-height: 1.65;
  color: var(--ink-2); margin-top: 16px;
  flex: 1;
}
.case .cresult {
  margin-top: 18px;
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 14px; padding-top: 16px;
  border-top: 1px solid var(--rule);
}
.case .cresult .rv {
  font-family: "Cormorant Garamond", serif; font-weight: 600;
  font-size: 26px; color: var(--crimson); line-height: 1;
}
.case .cresult .rv em { font-style: italic; font-size: 16px; }
.case .cresult .rk {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--ink-3); margin-top: 6px; line-height: 1.4;
}

/* RELATED INSIGHTS (narrow) */
.related {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.related .ri {
  border-top: 2px solid var(--ink);
  padding-top: 20px;
}
.related .rk {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--crimson);
}
.related h4 {
  font-family: "Noto Serif SC", serif; font-weight: 700;
  font-size: 18px; line-height: 1.35; margin-top: 8px;
}
.related .meta {
  margin-top: 12px;
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.1em; color: var(--ink-3);
}

/* ENGAGEMENT CTA */
.engage {
  background: var(--ink); color: var(--paper);
  padding: 64px 0;
  border-bottom: 0;
}
.engage .grid {
  display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 56px; align-items: center;
}
.engage h2 {
  font-family: "Noto Serif SC", serif; font-weight: 900;
  font-size: clamp(32px, 3.5vw, 48px); line-height: 1.15;
  color: var(--paper);
}
.engage h2 em {
  font-family: "Cormorant Garamond", serif;
  font-style: italic; font-weight: 500; color: var(--ochre-soft);
}
.engage p {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 18px; line-height: 1.6; color: var(--dk-text-2);
  margin-top: 18px; max-width: 580px;
}
.engage .actions {
  display: flex; flex-direction: column; gap: 12px;
}
.engage .actions a {
  display: flex; justify-content: space-between; align-items: center;
  padding: 18px 20px; border: 1px solid var(--dk-border);
  background: var(--dk-panel); color: var(--paper);
  font-family: "Inter", "Noto Sans SC", sans-serif;
  font-size: 15px;
  transition: all 0.15s;
}
.engage .actions a:hover { background: var(--crimson); border-color: var(--crimson); }
.engage .actions a .arr {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase;
  color: var(--ochre-soft);
}
.engage .actions a:hover .arr { color: var(--paper); }

/* ─────────── INSIGHT READING PAGE ─────────── */
.read {
  max-width: 740px; margin: 0 auto;
  padding: 56px clamp(24px, 5vw, 0) 80px;
}
.read .meta-strip {
  display: flex; flex-wrap: wrap; gap: 18px;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--ink-3);
  padding-bottom: 18px; border-bottom: 1px solid var(--rule);
  margin-bottom: 32px;
}
.read .meta-strip b { color: var(--ink); font-weight: 600; }
.read .meta-strip .red { color: var(--crimson); }

.read h1 {
  font-family: "Noto Serif SC", serif; font-weight: 900;
  font-size: clamp(36px, 4vw, 56px);
  line-height: 1.15; letter-spacing: -0.01em;
}
.read h1 em {
  font-family: "Cormorant Garamond", serif;
  font-style: italic; font-weight: 500; color: var(--crimson);
}
.read .sub {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 22px; line-height: 1.55;
  color: var(--ink-2); margin-top: 22px;
}

.read .author {
  margin-top: 36px; padding: 18px 0;
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  display: flex; justify-content: space-between; align-items: center;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.12em;
  color: var(--ink-3); text-transform: uppercase;
}
.read .author b { color: var(--ink); font-weight: 600; }
.read .author .right { display: flex; gap: 18px; }
.read .author .right a:hover { color: var(--crimson); }

/* AI SUMMARY */
.ai-sum {
  margin: 40px 0;
  background: var(--ink); color: var(--paper);
  padding: 26px 28px;
  border-left: 4px solid var(--crimson);
}
.ai-sum .head {
  display: flex; justify-content: space-between; align-items: center;
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--ochre-soft); margin-bottom: 14px;
}
.ai-sum .head .dot {
  width: 6px; height: 6px; background: var(--crimson);
  border-radius: 50%; display: inline-block; margin-right: 7px;
  animation: pulse 1.6s infinite;
}
.ai-sum h4 {
  font-family: "Noto Serif SC", serif; font-weight: 700;
  font-size: 17px; color: var(--paper);
  margin-bottom: 12px;
}
.ai-sum ul {
  margin: 0; padding: 0; list-style: none;
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 16px; line-height: 1.7; color: var(--dk-text);
}
.ai-sum ul li {
  padding-left: 18px; position: relative;
  margin-bottom: 8px;
}
.ai-sum ul li::before {
  content: "—"; position: absolute; left: 0; color: var(--ochre-soft);
}

/* BODY TEXT */
.read .body {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 19px; line-height: 1.78; color: var(--ink);
  margin-top: 32px;
}
.read .body p { margin-bottom: 22px; text-wrap: pretty; }
.read .body p .cn { font-family: "Noto Serif SC", serif; font-weight: 500; }
.read .body p strong {
  font-family: "Noto Serif SC", serif; font-weight: 700; color: var(--ink);
}
.read .body p em {
  font-family: "Cormorant Garamond", serif;
  font-style: italic; font-weight: 500;
  color: var(--crimson);
}
.read .body h2 {
  font-family: "Noto Serif SC", serif; font-weight: 900;
  font-size: 32px; line-height: 1.2;
  margin: 56px 0 8px; color: var(--ink);
}
.read .body h2 .num {
  display: block; font-family: "Cormorant Garamond", serif;
  font-style: italic; font-weight: 500;
  font-size: 16px; color: var(--crimson);
  letter-spacing: 0.1em; margin-bottom: 8px;
  text-transform: uppercase;
}
.read .body h3 {
  font-family: "Noto Serif SC", serif; font-weight: 700;
  font-size: 22px; margin: 36px 0 14px;
}
.read .pull {
  border-top: 3px double var(--ink);
  border-bottom: 3px double var(--ink);
  padding: 28px 0;
  margin: 40px 0;
  font-family: "Cormorant Garamond", serif;
  font-size: 28px; font-style: italic; font-weight: 500;
  line-height: 1.4; color: var(--ink);
  text-align: center;
}
.read .pull cite {
  display: block; margin-top: 14px;
  font-family: "JetBrains Mono", monospace;
  font-style: normal; font-size: 11px;
  letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--ink-3);
}

/* FIGURE */
.read .fig {
  margin: 40px 0;
  background: var(--paper); border: 1px solid var(--ink);
  padding: 26px 28px;
}
.read .fig .fh {
  display: flex; justify-content: space-between; align-items: baseline;
  padding-bottom: 12px; border-bottom: 1px solid var(--rule);
  margin-bottom: 18px;
}
.read .fig .fnum {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  font-size: 22px; color: var(--crimson);
}
.read .fig .ft {
  font-family: "Noto Serif SC", serif; font-weight: 700;
  font-size: 16px; flex: 1; padding: 0 16px;
}
.read .fig .ftag {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--ink-3);
}
.read .fig .fcap {
  margin-top: 14px; padding-top: 12px;
  border-top: 1px solid var(--rule);
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 14.5px; line-height: 1.55;
  color: var(--ink-2);
}

/* CITATIONS */
.read .cite-list {
  margin-top: 64px; padding-top: 32px;
  border-top: 3px double var(--ink);
}
.read .cite-list h3 {
  font-family: "JetBrains Mono", monospace;
  font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--ink-3); margin-bottom: 22px;
}
.read .cite-list ol {
  margin: 0; padding-left: 28px;
  font-family: "Inter", "Noto Sans SC", sans-serif;
  font-size: 13.5px; line-height: 1.7;
  color: var(--ink-2);
}
.read .cite-list ol li { margin-bottom: 10px; }
.read .cite-list .src {
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; color: var(--ink-3);
}

/* ─────────── ABOUT PAGE ─────────── */

/* Manifesto */
.manifesto {
  padding: 90px 0 80px;
  border-bottom: 3px double var(--ink);
  background: var(--paper);
}
.manifesto-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.4fr);
  gap: 72px; align-items: start;
}
.manifesto .side { position: sticky; top: 90px; }
.manifesto .side .label {
  margin-bottom: 14px;
  font-family: "JetBrains Mono", monospace;
  font-size: 12px; letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--crimson);
}
.manifesto .side .kicker {
  display: block;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.14em;
  color: var(--ink-3); line-height: 1.9;
  text-transform: uppercase;
  border-top: 1px solid var(--rule);
  padding-top: 18px; margin-top: 24px;
}
.manifesto .side .kicker b { color: var(--ink); font-weight: 600; }
.manifesto .side .kicker .kicker-row { margin-bottom: 6px; }
.manifesto .side .kicker .kicker-branches {
  color: var(--ink-2); line-height: 1.85; margin: 6px 0;
}
.manifesto .side .kicker .kicker-branches span { white-space: nowrap; }
.manifesto .side .kicker .kicker-summary {
  margin-top: 14px; padding-top: 14px;
  border-top: 1px solid var(--rule);
  color: var(--ink-2); line-height: 1.6;
}
.manifesto h1 {
  font-family: "Noto Serif SC", serif; font-weight: 900;
  font-size: clamp(40px, 4.4vw, 64px);
  line-height: 1.15; letter-spacing: -0.01em;
}
.manifesto h1 em {
  font-family: "Cormorant Garamond", serif;
  font-style: italic; font-weight: 500; color: var(--crimson);
}
.manifesto .body {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 22px; line-height: 1.65; color: var(--ink-2);
  margin-top: 36px;
}
.manifesto .body p { margin-bottom: 20px; text-wrap: pretty; }
.manifesto .body p strong { font-family: "Noto Serif SC", serif; font-weight: 700; color: var(--ink); }
.manifesto .body p em {
  font-family: "Cormorant Garamond", serif;
  font-style: italic; font-weight: 500; color: var(--crimson);
}
.manifesto .signature {
  margin-top: 40px; padding-top: 24px;
  border-top: 1px solid var(--rule);
  font-family: "Cormorant Garamond", serif;
  font-style: italic; font-size: 18px; color: var(--ink-3);
}
.manifesto .signature b {
  font-family: "Noto Serif SC", serif; font-style: normal;
  font-weight: 700; color: var(--ink);
}

/* Timeline */
.tl-wrap {
  position: relative;
  border-left: 1px solid var(--ink);
  margin-left: 16px;
}
.tl-item { position: relative; padding: 0 0 48px 40px; }
.tl-item:last-child { padding-bottom: 0; }
.tl-item::before {
  content: ""; position: absolute;
  left: -7px; top: 8px;
  width: 13px; height: 13px;
  background: var(--paper);
  border: 2px solid var(--ink);
  border-radius: 50%;
}
.tl-item.major::before {
  background: var(--crimson); border-color: var(--crimson);
  width: 15px; height: 15px; left: -8px;
}
.tl-year {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  font-weight: 600; font-size: 36px; color: var(--crimson);
  line-height: 1;
}
.tl-tag {
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--ink-3); margin-top: 6px;
}
.tl-item h4 {
  font-family: "Noto Serif SC", serif; font-weight: 700;
  font-size: 21px; line-height: 1.3; margin-top: 10px;
}
.tl-item h4 em {
  font-family: "Cormorant Garamond", serif;
  font-style: italic; font-weight: 500; color: var(--ochre);
}
.tl-item p {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 16px; line-height: 1.65; color: var(--ink-2);
  margin-top: 8px; max-width: 720px;
}

/* Cities Network */
.network {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: 56px; align-items: start;
}
.net-list { border-top: 1px solid var(--ink); }
.net-row {
  display: grid;
  grid-template-columns: 80px 1fr 1.6fr 80px;
  padding: 18px 0; border-bottom: 1px solid var(--rule);
  align-items: baseline;
}
.net-row.hq { background: rgba(139,47,47,0.04); }
.net-row .nr-num {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  font-size: 18px; color: var(--crimson);
}
.net-row .nr-name {
  font-family: "Noto Serif SC", serif; font-weight: 700;
  font-size: 19px;
}
.net-row.hq .nr-name { color: var(--crimson); }
.net-row .nr-name .sub {
  font-family: "JetBrains Mono", monospace;
  font-weight: 400; font-size: 10px; letter-spacing: 0.15em;
  color: var(--ink-3); margin-left: 12px;
}
.net-row .nr-focus {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 14.5px; line-height: 1.55; color: var(--ink-2);
  padding-right: 20px;
}
.net-row .nr-year {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; color: var(--ink-3);
  text-align: right; letter-spacing: 0.1em;
}

/* Partners */
.partners-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 1px; background: var(--ink); border: 1px solid var(--ink);
}
.partner {
  background: var(--paper); padding: 28px 26px;
  display: flex; flex-direction: column;
}
.partner .p-avatar {
  width: 100%; aspect-ratio: 1; background: var(--paper-3);
  position: relative; overflow: hidden;
  border: 1px solid var(--rule); margin-bottom: 20px;
}
.partner .p-avatar svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.partner .p-tag {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--crimson);
}
.partner h4 {
  font-family: "Noto Serif SC", serif; font-weight: 700;
  font-size: 22px; margin-top: 8px;
}
.partner .p-role {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  font-size: 15px; color: var(--ink-3); margin-top: 4px;
}
.partner .p-bio {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 14.5px; line-height: 1.6; color: var(--ink-2);
  margin-top: 14px; flex: 1;
}
.partner .p-foot {
  margin-top: 16px; padding-top: 12px;
  border-top: 1px solid var(--rule);
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.1em;
  color: var(--ink-3); line-height: 1.6;
}
.partner .p-foot b { color: var(--ink); font-weight: 600; }

/* OS Evolution */
.os-evo {
  border: 1px solid var(--ink);
  display: grid; grid-template-columns: repeat(5, 1fr);
  background: var(--ink); gap: 1px;
}
.os-evo .ver {
  background: var(--paper); padding: 24px 20px;
  display: flex; flex-direction: column;
}
.os-evo .ver.latest { background: var(--ink); color: var(--paper); }
.os-evo .ver .vlabel {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  font-size: 30px; color: var(--crimson); line-height: 1;
}
.os-evo .ver.latest .vlabel { color: var(--ochre-soft); }
.os-evo .ver .vyear {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.18em;
  color: var(--ink-3); margin-top: 6px;
}
.os-evo .ver.latest .vyear { color: var(--ink-4); }
.os-evo .ver h5 {
  font-family: "Noto Serif SC", serif; font-weight: 700;
  font-size: 16px; margin-top: 12px;
}
.os-evo .ver.latest h5 { color: var(--paper); }
.os-evo .ver p {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 13.5px; line-height: 1.55; color: var(--ink-2);
  margin-top: 10px; flex: 1;
}
.os-evo .ver.latest p { color: var(--dk-text-2); }
.os-evo .ver .vmeta {
  margin-top: 14px;
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.08em; color: var(--ink-3);
}
.os-evo .ver.latest .vmeta { color: var(--ochre-soft); }

/* Join */
.join {
  background: var(--ink); color: var(--paper);
  padding: 80px 0; border-bottom: 0;
}
.join .grid {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  gap: 56px; align-items: start;
}
.join h2 {
  font-family: "Noto Serif SC", serif; font-weight: 900;
  font-size: clamp(36px, 4vw, 56px); line-height: 1.15;
  color: var(--paper);
}
.join h2 em {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  font-weight: 500; color: var(--ochre-soft);
}
.join p {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 18px; line-height: 1.65; color: var(--dk-text-2);
  margin-top: 18px;
}
.join .roles {
  display: flex; flex-direction: column; gap: 1px;
  background: var(--dk-line); border: 1px solid var(--dk-line);
}
.join .role {
  background: var(--ink); padding: 22px 24px;
  display: grid; grid-template-columns: 1fr auto;
  gap: 24px; align-items: center;
  text-decoration: none; color: inherit;
  transition: background 0.18s ease;
}
.join .role .r-tag {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--ochre-soft);
}
.join .role h5 {
  font-family: "Noto Serif SC", serif; font-weight: 700;
  font-size: 18px; color: var(--paper); margin-top: 6px;
}
.join .role .r-meta {
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.12em; color: #a8a496;
  margin-top: 6px;
}
.join .role .r-loc {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.12em;
  color: var(--ochre-soft); text-align: right;
}
.join .role:hover { background: var(--crimson); cursor: pointer; }
.join .role:hover .r-tag,
.join .role:hover .r-loc { color: var(--paper); }
.join .role:hover .r-meta { color: rgba(255,255,255,0.7); }

@media (max-width: 1100px) {
  .manifesto-grid { grid-template-columns: 1fr; gap: 36px; }
  .manifesto .side { position: static; }
  .network { grid-template-columns: 1fr; gap: 36px; }
  .partners-grid { grid-template-columns: 1fr 1fr; }
  .os-evo { grid-template-columns: 1fr 1fr; }
  .join .grid { grid-template-columns: 1fr; gap: 36px; }
  .net-row { grid-template-columns: 56px 1fr 1fr 60px; }
}
@media (max-width: 640px) {
  .partners-grid, .os-evo { grid-template-columns: 1fr; }
  .net-row { grid-template-columns: 1fr; gap: 4px; padding: 14px 0; }
  .net-row .nr-year { text-align: left; }
}

/* ─────────── INDEX PAGES (Case Library + Insight List) ─────────── */

/* Search header */
.idx-search {
  background: var(--ink); color: var(--paper);
  padding: 36px 40px;
  margin-bottom: 0;
  border: 1px solid var(--ink);
}
.idx-search .head {
  display: flex; justify-content: space-between; align-items: center;
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--ink-4);
  padding-bottom: 14px; border-bottom: 1px solid var(--dk-line);
  margin-bottom: 18px;
}
.idx-search .head .right { display: flex; align-items: center; gap: 8px; color: var(--ochre-soft); }
.idx-search .head .dot { width: 6px; height: 6px; background: var(--crimson); border-radius: 50%; animation: pulse 1.6s infinite; }
.idx-search .prompt {
  font-family: "Noto Serif SC", serif;
  font-size: 22px; font-weight: 500; line-height: 1.45;
  margin-bottom: 18px;
}
.idx-search .prompt em {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  font-weight: 400; color: var(--ochre-soft);
}
.idx-search-input {
  display: flex; border: 1px solid var(--dk-border); background: var(--dk-panel);
}
.idx-search-input input {
  flex: 1; background: transparent; border: 0; outline: 0;
  color: var(--paper);
  font-family: "Inter", "Noto Sans SC", sans-serif;
  font-size: 14px; padding: 14px 16px;
}
.idx-search-input input::placeholder { color: #6c6a5e; }
.idx-search-input button {
  background: var(--crimson); color: var(--paper);
  border: 0; padding: 0 22px;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase;
  cursor: pointer; min-width: 110px;
}
.idx-search-input button:hover { background: #a23a3a; }
.idx-search-input button:disabled { opacity: 0.5; cursor: wait; }
.idx-suggest {
  margin-top: 12px;
  display: flex; flex-wrap: wrap; gap: 6px;
}
.idx-suggest .s {
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; padding: 5px 10px;
  border: 1px solid var(--dk-border); background: var(--dk-panel);
  color: var(--dk-text-2); cursor: pointer;
  letter-spacing: 0.05em;
}
.idx-suggest .s:hover { background: var(--crimson); border-color: var(--crimson); color: var(--paper); }
.idx-result {
  margin-top: 18px; padding: 16px;
  background: var(--dk-panel); border: 1px solid var(--dk-border);
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 14.5px; line-height: 1.65; color: var(--dk-text);
  white-space: pre-wrap;
  display: none;
}
.idx-result.active { display: block; }
.idx-result .rhead {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--ochre-soft); margin-bottom: 10px;
  padding-bottom: 8px; border-bottom: 1px solid var(--dk-line);
  display: flex; justify-content: space-between;
}

/* Filter bar */
.filter-bar {
  display: flex; flex-wrap: wrap; gap: 8px;
  padding: 20px 0 24px;
  border-bottom: 1px solid var(--rule);
  align-items: center;
}
.filter-bar .flabel {
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--ink-3);
  margin-right: 8px;
}
.filter-bar .f {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.05em;
  padding: 6px 12px; border: 1px solid var(--rule);
  background: var(--paper); color: var(--ink-2);
  cursor: pointer; transition: all 0.15s;
}
.filter-bar .f:hover { border-color: var(--ink); color: var(--ink); }
.filter-bar .f.active {
  background: var(--ink); color: var(--paper); border-color: var(--ink);
}
.filter-bar .f .ct {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  margin-left: 6px; opacity: 0.6;
}

/* Case index list */
.case-idx {
  border-top: 1px solid var(--ink);
}
.case-idx .ci {
  display: grid;
  grid-template-columns: 100px 1fr 1.4fr 130px 100px;
  padding: 22px 0; border-bottom: 1px solid var(--rule);
  align-items: baseline; gap: 24px;
  cursor: pointer; transition: background 0.15s;
}
.case-idx .ci:hover { background: var(--paper-2); }
.case-idx .ci.hidden { display: none; }
.case-idx.collapsed .ci:nth-child(n+11) { display: none; }

.case-more-wrap {
  text-align: center;
  margin-top: 28px;
  margin-bottom: 8px;
}
.btn-more-cases {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 36px;
  border: 1px solid var(--ink);
  background: transparent;
  color: var(--ink);
  font-family: "Noto Sans SC", "Inter", sans-serif;
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: 0.08em;
  cursor: pointer;
  transition: background 0.18s, color 0.18s, border-color 0.18s;
}
.btn-more-cases:hover {
  background: var(--crimson);
  color: var(--paper);
  border-color: var(--crimson);
}
body[data-mode="dark"] .btn-more-cases {
  border-color: var(--ink);
  color: var(--ink);
}
body[data-mode="dark"] .btn-more-cases:hover {
  background: var(--crimson);
  color: var(--paper);
  border-color: var(--crimson);
}
/* ── 咨询项目清单折叠容器 ── */
.project-roster-wrap {
  text-align: center;
  padding: 28px 0 16px;
}
.project-roster-content {
  margin-top: 24px;
  text-align: left;
  border-top: 1px solid var(--rule);
  padding-top: 20px;
}
.roster-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
  padding-bottom: 8px;
}
.roster-tag {
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: var(--crimson);
}
.roster-count {
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  color: var(--ink-3);
}
.roster-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px 24px;
}
@media (max-width: 768px) {
  .roster-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
.roster-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  background: var(--paper-2);
  border: 1px solid var(--rule);
  border-radius: 2px;
  line-height: 1.55;
  transition: background 0.15s, border-color 0.15s;
}
.roster-item:hover {
  background: var(--paper-3);
  border-color: var(--ink-4);
}
body[data-mode="dark"] .roster-item {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
}
body[data-mode="dark"] .roster-item:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.15);
}
.roster-no {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px;
  color: var(--crimson);
  letter-spacing: 0.06em;
  padding-top: 2px;
  flex-shrink: 0;
}
.roster-name {
  font-size: 13.5px;
  color: var(--ink);
  font-weight: 500;
  word-break: break-word;
}
.case-idx .ci-no {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; color: var(--crimson); letter-spacing: 0.1em;
}
.case-idx .ci-title {
  font-family: "Noto Serif SC", serif; font-weight: 700;
  font-size: 18px; line-height: 1.35;
}
.case-idx .ci-title em {
  font-family: "Cormorant Garamond", serif;
  font-style: italic; font-weight: 500; color: var(--ochre);
}
.case-idx .ci-meta {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 14.5px; line-height: 1.5; color: var(--ink-2);
}
.case-idx .ci-line {
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--ink-3);
}
.case-idx .ci-line .b {
  display: inline-block; padding: 3px 8px; border: 1px solid var(--ink);
  color: var(--ink); margin-right: 6px; font-weight: 500;
}
.case-idx .ci-year {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  font-size: 22px; color: var(--crimson);
  text-align: right; line-height: 1;
}

/* Insight list */
.ins-idx {
  border-top: 1px solid var(--ink);
}
.ins-idx .il {
  display: grid;
  grid-template-columns: 80px 1.4fr 1.6fr 110px;
  padding: 32px 0; border-bottom: 1px solid var(--rule);
  align-items: start; gap: 32px;
  cursor: pointer; transition: background 0.15s;
}
.ins-idx .il:hover { background: var(--paper-2); }
.ins-idx .il.hidden { display: none; }
.ins-idx .il:hover .il-title { color: var(--crimson); }
.ins-idx .il-no {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  font-size: 32px; color: var(--crimson); line-height: 1;
}
.ins-idx .il-no .label {
  display: block;
  font-family: "JetBrains Mono", monospace;
  font-style: normal; font-size: 10.5px;
  letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--ink-3); margin-top: 8px;
}
.ins-idx .il-main h4 {
  font-family: "Noto Serif SC", serif; font-weight: 700;
  font-size: 22px; line-height: 1.3;
  transition: color 0.15s;
}
.ins-idx .il-title { transition: color 0.15s; }
.ins-idx .il-main .ikicker {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--crimson); margin-bottom: 8px;
}
.ins-idx .il-deck {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 15px; line-height: 1.65; color: var(--ink-2);
}
.ins-idx .il-meta {
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.12em; color: var(--ink-3);
  text-align: right;
  line-height: 1.8;
}
.ins-idx .il-meta b { color: var(--ink); font-weight: 600; }

@media (max-width: 1100px) {
  .case-idx .ci { grid-template-columns: 80px 1fr 1fr 80px; }
  .case-idx .ci-line { grid-column: 2 / 4; margin-top: 4px; }
  .ins-idx .il { grid-template-columns: 60px 1fr; gap: 20px; }
  .ins-idx .il-deck, .ins-idx .il-meta { grid-column: 2; margin-top: 4px; }
  .ins-idx .il-meta { text-align: left; }
}
@media (max-width: 640px) {
  .idx-search { padding: 24px 22px; }
  .idx-search .prompt { font-size: 18px; }
  .filter-bar { padding: 16px 0 18px; }
  .case-idx .ci { grid-template-columns: 1fr; gap: 6px; padding: 18px 0; }
  .case-idx .ci-year { text-align: left; font-size: 18px; }
  .ins-idx .il { grid-template-columns: 1fr; gap: 12px; padding: 24px 0; }
}

/* ─────────── CONTACT PAGE ─────────── */
.ctc-grid {
  display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.4fr);
  gap: 72px; align-items: start;
}
.ctc-side .label { color: var(--crimson); font-size: 12px; letter-spacing: 0.22em; margin-bottom: 14px; }
.ctc-side h1 {
  font-family: "Noto Serif SC", serif; font-weight: 900;
  font-size: clamp(40px, 4.4vw, 64px); line-height: 1.15;
}
.ctc-side h1 em {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  font-weight: 500; color: var(--crimson);
}
.ctc-side .lede {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 19px; line-height: 1.6; color: var(--ink-2);
  margin-top: 24px;
}
.ctc-side .channels {
  margin-top: 32px; padding-top: 24px;
  border-top: 1px solid var(--rule);
}
.ctc-side .ch-row {
  display: grid; grid-template-columns: 100px 1fr;
  gap: 16px; padding: 14px 0;
  border-bottom: 1px solid var(--rule);
  font-family: "Inter", "Noto Sans SC", sans-serif;
  font-size: 14px; color: var(--ink-2);
}
.ctc-side .ch-row .lbl {
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.15em; text-transform: uppercase;
  color: var(--ink-3);
}
.ctc-side .ch-row b { color: var(--ink); font-weight: 600; }

.ctc-form {
  border: 1px solid var(--ink);
  background: var(--paper);
  padding: 36px 38px;
}
.ctc-form .fh {
  display: flex; justify-content: space-between;
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--ink-3);
  padding-bottom: 14px; border-bottom: 1px solid var(--rule);
  margin-bottom: 22px;
}
.ctc-form .fh b { color: var(--crimson); font-weight: 600; }
.ctc-form .field { margin-bottom: 18px; }
.ctc-form .field .flbl {
  font-family: "Noto Serif SC", serif; font-weight: 700;
  font-size: 14px; color: var(--ink);
  margin-bottom: 8px; display: flex; align-items: baseline; gap: 8px;
}
.ctc-form .field .flbl .req { color: var(--crimson); font-size: 12px; }
.ctc-form .field .fhint {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif; font-style: italic;
  font-size: 13.5px; color: var(--ink-3); margin-left: auto;
}
.ctc-form input[type="text"],
.ctc-form input[type="email"],
.ctc-form input[type="tel"],
.ctc-form select,
.ctc-form textarea {
  width: 100%; padding: 11px 14px;
  background: var(--paper-2); border: 1px solid var(--rule);
  font-family: "Inter", "Noto Sans SC", sans-serif;
  font-size: 14px; color: var(--ink); outline: 0;
  font-feature-settings: "ss01" on;
}
.ctc-form input:focus, .ctc-form select:focus, .ctc-form textarea:focus {
  border-color: var(--ink); background: var(--paper);
}
.ctc-form textarea { resize: vertical; min-height: 110px; }
.ctc-form .field-row {
  display: grid; grid-template-columns: 1fr 1fr; gap: 14px;
}
.ctc-form .opt-group {
  display: flex; flex-wrap: wrap; gap: 6px;
}
.ctc-form .opt {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; padding: 8px 12px;
  border: 1px solid var(--rule); background: var(--paper);
  color: var(--ink-2); cursor: pointer;
  letter-spacing: 0.05em;
}
.ctc-form .opt:hover { border-color: var(--ink); }
.ctc-form .opt.checked {
  background: var(--ink); color: var(--paper); border-color: var(--ink);
}
.ctc-form .submit {
  display: flex; justify-content: space-between; align-items: center;
  margin-top: 26px; padding-top: 22px;
  border-top: 1px solid var(--rule);
}
.ctc-form .submit .note {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.1em; color: var(--ink-3);
  max-width: 60%; line-height: 1.5;
}
.ctc-form button.send {
  background: var(--ink); color: var(--paper);
  border: 0; padding: 13px 26px;
  font-family: "JetBrains Mono", monospace;
  font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase;
  cursor: pointer;
}
.ctc-form button.send:hover { background: var(--crimson); }
.ctc-form .success {
  display: none; padding: 18px; background: var(--ink); color: var(--paper);
  margin-top: 18px; border-left: 4px solid var(--crimson);
}
.ctc-form .success.active { display: block; }
.ctc-form .success h5 {
  font-family: "Noto Serif SC", serif; font-weight: 700;
  font-size: 17px; color: var(--paper);
}
.ctc-form .success p {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 14.5px; line-height: 1.6; color: var(--dk-text);
  margin-top: 8px;
}

/* ─────────── ENGINE PAGE ─────────── */
.eng-hero {
  background: var(--ink); color: var(--paper);
  padding: 80px 0 64px;
  border-bottom: 0;
}
.eng-hero .l2-crumb { color: var(--ink-4); margin-bottom: 28px; }
.eng-hero .l2-crumb a { color: var(--ink-4); }
.eng-hero .l2-crumb a:hover { color: var(--paper); }
.eng-hero .l2-crumb b { color: var(--ochre-soft); }
.eng-hero .l2-crumb .sep { color: var(--ink-3); }
.eng-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 56px; align-items: end;
}
.eng-tag {
  font-family: "JetBrains Mono", monospace;
  font-size: 12px; letter-spacing: 0.24em; text-transform: uppercase;
  color: var(--ochre-soft); margin-bottom: 18px;
  display: flex; align-items: center; gap: 12px;
}
.eng-tag .line { width: 48px; height: 1px; background: var(--ochre-soft); }
.eng-hero h1 {
  font-family: "Noto Serif SC", serif; font-weight: 900;
  font-size: clamp(44px, 5vw, 72px);
  line-height: 1.05; color: var(--paper);
  letter-spacing: -0.01em;
}
.eng-hero h1 em {
  font-family: "Cormorant Garamond", serif;
  font-style: italic; font-weight: 500; color: var(--ochre-soft);
}
.eng-hero .lede {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 19px; line-height: 1.6; color: var(--dk-text-2);
  margin-top: 22px; max-width: 580px;
}
.eng-spec {
  border: 1px solid var(--dk-border); background: var(--dk-panel);
  padding: 22px 24px;
}
.eng-spec .sh {
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--ochre-soft); margin-bottom: 12px;
}
.eng-spec .row {
  display: grid; grid-template-columns: 130px 1fr;
  padding: 10px 0;
  border-top: 1px solid var(--dk-line);
  font-family: "Inter", "Noto Sans SC", sans-serif;
  font-size: 13.5px; color: var(--dk-text-2);
  gap: 16px;
}
.eng-spec .row .k {
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--ink-4);
}
.eng-spec .row b { color: var(--paper); font-weight: 600; }

.eng-features {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 1px; background: var(--ink); border: 1px solid var(--ink);
}
.eng-feat { background: var(--paper); padding: 28px 26px; display: flex; flex-direction: column; }
.eng-feat .fnum {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  font-size: 14px; color: var(--crimson);
}
.eng-feat h4 {
  font-family: "Noto Serif SC", serif; font-weight: 700;
  font-size: 20px; line-height: 1.3; margin-top: 8px;
}
.eng-feat p {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 14.5px; line-height: 1.6; color: var(--ink-2);
  margin-top: 12px; flex: 1;
}
.eng-feat .ftech {
  margin-top: 16px; padding-top: 12px;
  border-top: 1px solid var(--rule);
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.1em; color: var(--ink-3);
  line-height: 1.6;
}

.eng-flow-box {
  border: 1px solid var(--ink); padding: 36px;
}
.eng-flow-row {
  display: grid; grid-template-columns: 60px 1fr 1fr 1fr;
  align-items: center; gap: 18px;
  padding: 18px 0; border-bottom: 1px dashed var(--rule);
}
.eng-flow-row:last-child { border-bottom: 0; }
.eng-flow-row .ef-num {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  font-size: 22px; color: var(--crimson);
}
.eng-flow-row .ef-from, .eng-flow-row .ef-to {
  font-family: "Inter", sans-serif; font-size: 13.5px;
  color: var(--ink-2); line-height: 1.5;
}
.eng-flow-row .ef-from b, .eng-flow-row .ef-to b {
  font-family: "Noto Serif SC", serif; display: block;
  margin-bottom: 4px; color: var(--ink); font-weight: 700;
  font-size: 15px;
}
.eng-flow-row .ef-arrow {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  color: var(--crimson); font-size: 18px;
  text-align: center;
}

@media (max-width: 1100px) {
  .ctc-grid { grid-template-columns: 1fr; gap: 36px; }
  .eng-hero-grid { grid-template-columns: 1fr; gap: 32px; }
  .eng-features { grid-template-columns: 1fr 1fr; }
  .eng-flow-row { grid-template-columns: 1fr; gap: 8px; }
  .eng-flow-row .ef-arrow { display: none; }
}
@media (max-width: 640px) {
  .eng-features { grid-template-columns: 1fr; }
  .ctc-form .field-row { grid-template-columns: 1fr; }
  .ctc-form { padding: 26px 22px; }
}

/* ─────────── TWEAKS PANEL ─────────── */
.tweak-fab {
  position: fixed; bottom: 26px; left: 26px; z-index: 70;
  background: var(--paper); color: var(--ink);
  border: 1px solid var(--ink); padding: 10px 16px;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase;
  cursor: pointer;
}
.tweak-fab:hover { background: var(--ink); color: var(--paper); }
.tweak-panel {
  position: fixed; bottom: 78px; left: 26px;
  width: 290px; z-index: 70;
  background: var(--paper); border: 1px solid var(--ink);
  display: none;
  box-shadow: 0 12px 36px rgba(0,0,0,0.18);
}
.tweak-panel.active { display: block; }
.tweak-panel .th {
  background: var(--ink); color: var(--paper);
  padding: 12px 16px;
  display: flex; justify-content: space-between; align-items: center;
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.18em; text-transform: uppercase;
}
.tweak-panel .th .close { cursor: pointer; color: var(--ink-4); font-size: 16px; }
.tweak-panel .th .close:hover { color: var(--paper); }
.tweak-section {
  padding: 14px 16px; border-bottom: 1px solid var(--rule);
}
.tweak-section:last-child { border-bottom: 0; }
.tweak-section .tlbl {
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--ink-3); margin-bottom: 10px;
}
.tweak-section .swatches { display: flex; gap: 6px; flex-wrap: wrap; }
.tweak-section .sw {
  width: 28px; height: 28px;
  border: 2px solid var(--paper);
  outline: 1px solid var(--rule);
  cursor: pointer;
}
.tweak-section .sw.active { outline: 2px solid var(--ink); }
.tweak-section .opts { display: flex; gap: 4px; }
.tweak-section .opt {
  flex: 1; padding: 6px 8px;
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.08em;
  border: 1px solid var(--rule); background: var(--paper);
  color: var(--ink-2); cursor: pointer; text-align: center;
}
.tweak-section .opt.active {
  background: var(--ink); color: var(--paper); border-color: var(--ink);
}

/* TWEAKABLE THEMES */
body[data-theme="cool"] {
  --paper: #f5f5f0; --paper-2: #e8eae0; --paper-3: #d9dccf;
  --ink: #0e1419; --ink-2: #2e3a4a; --rule: #c5cbd3;
  --crimson: #2e6f8c; --ochre: #486578;
}
body[data-theme="warm-red"] {
  --paper: #faf7ee; --paper-2: #f0ecdf; --paper-3: #e6e1cf;
  --ink: #16140e; --crimson: #8b2f2f; --ochre: #a87830;
}
body[data-theme="mono"] {
  --paper: #fafafa; --paper-2: #f0f0f0; --paper-3: #e0e0e0;
  --ink: #0a0a0a; --ink-2: #2a2a2a; --rule: #d0d0d0;
  --crimson: #1a1a1a; --ochre: #555555;
}
body[data-density="dense"] section { padding: 56px 0; }
body[data-density="dense"] .hero { padding: 48px 0 60px; }
body[data-density="loose"] section { padding: 110px 0; }
body[data-density="loose"] .hero { padding: 96px 0 120px; }

/* ─────────── DARK MODE ─────────── */
body[data-mode="dark"] {
  --paper: #16140e;
  --paper-2: #1f1d17;
  --paper-3: #2a2820;
  --ink: #f0ecdf;
  --ink-2: #d4ceb8;
  --ink-3: #a8a496;
  --ink-4: #807c6f;
  --rule: #3a3830;
  --olive: #aab873;
  --blue: #7fb0c9;
}
body[data-mode="dark"][data-theme="warm-red"] { --crimson: #d97559; --ochre: #e2a86c; --ochre-soft: #8b6b3c; }
body[data-mode="dark"][data-theme="cool"] { --crimson: #5fa8c4; --ochre: #7896a8; --ochre-soft: #4a5b6c; }
body[data-mode="dark"][data-theme="mono"] { --crimson: #e0e0e0; --ochre: #b0b0b0; --ochre-soft: #555555; }

/* Components that originally had hardcoded dark backgrounds — invert in dark mode */
body[data-mode="dark"] .os-engine { background: var(--paper-3); color: var(--ink); }
body[data-mode="dark"] .os-engine .os-tag { color: var(--crimson); }
body[data-mode="dark"] .os-engine .os-meta { color: var(--ink-3); }
body[data-mode="dark"] .os-engine .os-meta b { color: var(--ink); }
body[data-mode="dark"] .os-engine.red { background: var(--crimson); color: var(--paper); }
body[data-mode="dark"] .os-engine.red .os-tag,
body[data-mode="dark"] .os-engine.red .os-meta { color: var(--paper); opacity: 0.85; }
body[data-mode="dark"] .os-engine.red .os-meta b { color: var(--paper); opacity: 1; }

body[data-mode="dark"] .qcard {
  /* 暗场里唯一发光的橱窗：比页底更深的墨 panel + 赭金微光描边 + 深投影抬起，重建亮态「墨块浮于米纸」的图地戏剧 */
  background: #100e09; color: var(--dk-text);
  border: 1px solid color-mix(in srgb, var(--ochre-soft) 38%, transparent);
  box-shadow: 0 0 0 1px rgba(0,0,0,.4), 0 28px 64px -36px rgba(0,0,0,.85),
              inset 0 1px 0 color-mix(in srgb, var(--ochre-soft) 14%, transparent);
}
body[data-mode="dark"] .qcard .qhead { color: var(--ink-3); border-color: var(--rule); }
body[data-mode="dark"] .qcard .qhead .left { color: var(--ink); }
body[data-mode="dark"] .qcard .qprompt { color: var(--ink); }
body[data-mode="dark"] .qinput { background: var(--paper-2); border-color: var(--rule); }
body[data-mode="dark"] .qinput textarea { color: var(--ink); }
body[data-mode="dark"] .qinput textarea::placeholder { color: var(--ink-4); }
body[data-mode="dark"] .suggestion { color: var(--ink-2); }
body[data-mode="dark"] .suggestion:hover { border-color: var(--rule); background: var(--paper-2); color: var(--ink); }
body[data-mode="dark"] .qresponse { background: var(--paper-2); border-color: var(--rule); color: var(--ink-2); }

body[data-mode="dark"] .compliance,
body[data-mode="dark"] .engage,
body[data-mode="dark"] .join,
body[data-mode="dark"] .eng-hero {
  background: var(--paper-3); color: var(--ink);
}
body[data-mode="dark"] .compliance .shead h2,
body[data-mode="dark"] .engage h2,
body[data-mode="dark"] .join h2,
body[data-mode="dark"] .eng-hero h1 { color: var(--ink); }
body[data-mode="dark"] .compliance .shead .deck,
body[data-mode="dark"] .engage p,
body[data-mode="dark"] .join p,
body[data-mode="dark"] .eng-hero .lede { color: var(--ink-2); }

body[data-mode="dark"] .ccell,
body[data-mode="dark"] .comp-cell { background: var(--paper-3); }
body[data-mode="dark"] .ccell h5,
body[data-mode="dark"] .comp-cell h5 { color: var(--ink); }
body[data-mode="dark"] .ccell p,
body[data-mode="dark"] .comp-cell p { color: var(--ink-2); }
body[data-mode="dark"] .cnum { color: var(--ink); }

body[data-mode="dark"] .engage .actions a { background: var(--paper-2); border-color: var(--rule); color: var(--ink); }
body[data-mode="dark"] .engage .actions a:hover { background: var(--crimson); color: var(--paper); }
body[data-mode="dark"] .join .roles { background: var(--rule); border-color: var(--rule); }
body[data-mode="dark"] .join .role { background: var(--paper-3); }

body[data-mode="dark"] .cta { background: var(--ink); color: var(--paper); }
body[data-mode="dark"] .masthead { background: var(--paper); }
body[data-mode="dark"] .footer { background: var(--paper-2); }
body[data-mode="dark"] .mrow.head { background: var(--paper-3); }
body[data-mode="dark"] .mrow.head .mcell { color: var(--ink); }
body[data-mode="dark"] .mrow.head .mcell.gain { color: var(--ochre); }
body[data-mode="dark"] .ai-sum { background: var(--paper-3); }
body[data-mode="dark"] .ai-sum h4,
body[data-mode="dark"] .ai-sum ul { color: var(--ink); }
body[data-mode="dark"] .ai-sum ul li::before { color: var(--ochre); }
body[data-mode="dark"] .tool-mock { background: var(--paper-3); }
body[data-mode="dark"] .tool-mock .mock-bar { background: var(--paper-2); }
body[data-mode="dark"] .tool-mock .body { color: var(--ink); }

body[data-mode="dark"] .os-frame { background: var(--paper-2); }
body[data-mode="dark"] .os-app { background: var(--paper-3); color: var(--ink); border-color: var(--rule); }
body[data-mode="dark"] .os-app:hover { background: var(--ink); color: var(--paper); }
body[data-mode="dark"] .os-app .os-name,
body[data-mode="dark"] .os-app:hover .os-name { color: inherit; }
body[data-mode="dark"] .os-base { background: var(--paper-3); border-color: var(--rule); }
body[data-mode="dark"] .acard { background: var(--paper-2); border-color: var(--rule); }

body[data-mode="dark"] .case,
body[data-mode="dark"] .pain,
body[data-mode="dark"] .tcard,
body[data-mode="dark"] .partner,
body[data-mode="dark"] .people-card,
body[data-mode="dark"] .evidence-grid .icell { background: var(--paper-2); border-color: var(--rule); }
body[data-mode="dark"] .icell:hover { background: var(--paper-2); }
body[data-mode="dark"] .evidence-grid .icell:hover { background: var(--paper-3); }

body[data-mode="dark"] .dim-table { border-color: var(--rule); }
body[data-mode="dark"] .dim-row { border-color: var(--rule); }
body[data-mode="dark"] .dim-row.head { background: var(--paper-3); }
body[data-mode="dark"] .dim-row.group { background: var(--paper-2); }
body[data-mode="dark"] .scoring-grid { background: var(--rule); border-color: var(--rule); }
body[data-mode="dark"] .score-band { background: var(--paper-2); }

body[data-mode="dark"] .case-idx,
body[data-mode="dark"] .ins-idx { border-color: var(--rule); }
body[data-mode="dark"] .case-idx .ci,
body[data-mode="dark"] .ins-idx .il { border-color: var(--rule); }
body[data-mode="dark"] .case-idx .ci:hover,
body[data-mode="dark"] .ins-idx .il:hover { background: var(--paper-2); }

body[data-mode="dark"] .filter-bar .f { background: var(--paper-2); border-color: var(--rule); color: var(--ink-2); }
body[data-mode="dark"] .filter-bar .f.active { background: var(--ink); color: var(--paper); }
body[data-mode="dark"] .filter-bar .f:hover { border-color: var(--ink); color: var(--ink); }

body[data-mode="dark"] .read .pull { border-color: var(--rule); }
body[data-mode="dark"] .read .body strong,
body[data-mode="dark"] .read .body h2,
body[data-mode="dark"] .read .body h3 { color: var(--ink); }

body[data-mode="dark"] .ctc-form { background: var(--paper-2); border-color: var(--rule); }
body[data-mode="dark"] .ctc-form input,
body[data-mode="dark"] .ctc-form textarea,
body[data-mode="dark"] .ctc-form select { background: var(--paper-3); border-color: var(--rule); color: var(--ink); }
body[data-mode="dark"] .ctc-form .opt { background: var(--paper-3); border-color: var(--rule); color: var(--ink-2); }
body[data-mode="dark"] .ctc-form .opt.checked { background: var(--ink); color: var(--paper); }
body[data-mode="dark"] .ctc-form .submit button.send { background: var(--ink); color: var(--paper); }

body[data-mode="dark"] .eng-spec { background: var(--paper-2); border-color: var(--rule); }
body[data-mode="dark"] .eng-spec .sh { color: var(--ochre); }
body[data-mode="dark"] .eng-spec .row { border-color: var(--rule); color: var(--ink-2); }
body[data-mode="dark"] .eng-spec .row b { color: var(--ink); }
body[data-mode="dark"] .eng-feat,
body[data-mode="dark"] .eng-flow-box { background: var(--paper-2); border-color: var(--rule); }

body[data-mode="dark"] .tweak-fab { background: var(--paper-2); color: var(--ink); border-color: var(--rule); }
body[data-mode="dark"] .tweak-panel { background: var(--paper-2); border-color: var(--rule); }
body[data-mode="dark"] .tweak-panel .th { background: var(--paper-3); }
body[data-mode="dark"] .tweak-section .opt { background: var(--paper-3); border-color: var(--rule); color: var(--ink-2); }
body[data-mode="dark"] .tweak-section .opt.active { background: var(--ink); color: var(--paper); }

/* ────────── DYNAMIC: 本周城投速报 (首页) ────────── */
.weekly-flash {
  background: var(--paper-2); padding: 64px 0;
  border-bottom: 1px solid var(--rule);
}
.wf-head {
  display: flex; justify-content: space-between; align-items: baseline;
  padding-bottom: 18px; border-bottom: 1px solid var(--ink);
  margin-bottom: 24px;
}
.wf-title-h {
  font-family: "Noto Serif SC", serif; font-weight: 900;
  font-size: clamp(28px, 3vw, 40px); line-height: 1.15;
}
.wf-title-h em {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  font-weight: 500; color: var(--crimson);
}
.wf-meta-h {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--ink-3); text-align: right;
}
.wf-meta-h b { color: var(--crimson); font-weight: 600; }
.wf-meta-h .live::before {
  content: ""; display: inline-block; width: 6px; height: 6px;
  background: var(--crimson); border-radius: 50%;
  margin-right: 7px; vertical-align: 1px; animation: pulse 1.6s infinite;
}

.wf-list {
  display: grid; grid-template-columns: 1fr;
  border-top: 1px solid var(--rule);
}
.wf-item {
  display: grid; grid-template-columns: 70px 1fr 40px;
  gap: 20px; padding: 22px 0;
  border-bottom: 1px solid var(--rule);
  text-decoration: none; color: inherit;
  transition: all 0.15s;
}
.wf-item:hover { background: var(--paper); padding-left: 14px; padding-right: 14px; }
.wf-item:hover .wf-arrow { color: var(--crimson); transform: translateX(4px); }
.wf-num {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  font-weight: 600; font-size: 30px; color: var(--crimson); line-height: 1;
}
.wf-meta {
  display: flex; gap: 12px; align-items: baseline;
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.1em; color: var(--ink-3);
  margin-bottom: 8px;
}
.wf-type {
  background: var(--ink); color: var(--paper);
  padding: 2px 8px; font-weight: 500;
}
.wf-src { color: var(--crimson); }
.wf-title {
  font-family: "Noto Serif SC", serif; font-weight: 700;
  font-size: 19px; line-height: 1.35;
}
.wf-summary {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 15px; line-height: 1.6; color: var(--ink-2);
  margin-top: 8px;
}
.wf-tags { margin-top: 10px; display: flex; flex-wrap: wrap; gap: 6px; }
.wf-tag {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; padding: 2px 8px;
  border: 1px solid var(--rule); color: var(--ink-3);
}
.wf-arrow {
  font-family: "JetBrains Mono", monospace;
  font-size: 22px; color: var(--ink-3);
  align-self: center; transition: all 0.15s;
}

/* ────────── DYNAMIC: 本月政策月历 (百城行用) ────────── */
.policy-monthly { padding: 80px 0; border-bottom: 1px solid var(--rule); }
.pol-list { display: flex; flex-direction: column; gap: 14px; }
.pol-item {
  background: var(--paper); border: 1px solid var(--ink);
  padding: 22px 24px;
  border-left: 4px solid var(--ink-3);
}
.pol-item.critical { border-left-color: var(--crimson); }
.pol-item.high { border-left-color: var(--ochre); }
.pol-item.medium { border-left-color: var(--olive); }
.pol-header {
  display: flex; gap: 16px; align-items: center;
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--ink-3); margin-bottom: 12px;
}
.pol-date { color: var(--ink); font-weight: 600; }
.pol-impact {
  padding: 3px 8px; border: 1px solid var(--rule);
  letter-spacing: 0.05em;
}
.pol-impact.critical { color: var(--crimson); border-color: var(--crimson); }
.pol-impact.high { color: var(--ochre); border-color: var(--ochre); }
.pol-status { margin-left: auto; }
.pol-status.approved { color: var(--olive); }
.pol-status.pending { color: var(--ochre); }
.pol-doc {
  font-family: "Noto Serif SC", serif; font-weight: 700;
  font-size: 18px; line-height: 1.35;
}
.pol-doc a.pol-link {
  color: var(--ink);
  text-decoration: none;
  transition: color 0.15s ease;
}
.pol-doc a.pol-link:hover {
  color: var(--crimson);
}
.pol-more-arrow {
  display: inline-block;
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  font-weight: 500;
  color: var(--crimson);
  letter-spacing: 0.04em;
  margin-left: 8px;
  opacity: 0.85;
  transition: transform 0.15s ease, opacity 0.15s ease;
}
.pol-doc a.pol-link:hover .pol-more-arrow {
  opacity: 1;
  transform: translateX(3px);
}
.pol-doc-num {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; color: var(--ink-3); letter-spacing: 0.05em;
  margin-top: 6px;
}
.pol-interp {
  margin-top: 14px; padding-top: 14px;
  border-top: 1px solid var(--rule);
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 14.5px; line-height: 1.65; color: var(--ink-2);
}
.pol-interp-label {
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.15em; text-transform: uppercase;
  color: var(--crimson); margin-bottom: 10px;
}
.pol-interp-row { margin-bottom: 6px; }
.pol-interp-row b {
  font-family: "Noto Serif SC", serif; font-weight: 700; color: var(--ink);
  margin-right: 6px;
}
.pol-interp-row.risk b { color: var(--crimson); }

@media (max-width: 700px) {
  .wf-item { grid-template-columns: 50px 1fr; }
  .wf-arrow { display: none; }
  .wf-head { flex-direction: column; align-items: flex-start; gap: 10px; }
  .wf-meta-h { text-align: left; }
  .pol-header { flex-wrap: wrap; }
}
@media print {
  body { background: white; }
  .masthead, .footer, .ask-fab, .ask-panel, .tweak-fab, .tweak-panel,
  .engage, .join, #engage, .cta, .idx-search { display: none !important; }
  section { padding: 24px 0 !important; page-break-inside: avoid; }
  .shead { margin-bottom: 24px; padding-bottom: 14px; }
  .shead h2 { font-size: 26px !important; }
  .hero h1, .l2-hero h1, .read h1, .manifesto h1, .topic-hero h1 { font-size: 32px !important; }
  .read .body { font-size: 14px !important; line-height: 1.6 !important; }
  .read .body p { margin-bottom: 12px; }
  .read .body h2 { font-size: 20px !important; margin: 28px 0 6px !important; }
  .read .body h3 { font-size: 16px !important; margin: 18px 0 8px !important; }
  .read .pull { font-size: 16px !important; padding: 14px 0 !important; margin: 18px 0 !important; }
  .os, .os-frame, .acard, .case, .partner, .pain {
    box-shadow: none; page-break-inside: avoid;
  }
  a { color: var(--ink) !important; text-decoration: none; }
  .container { padding: 0 24px !important; max-width: 100% !important; }
  .qcard, .qresponse, .ai-sum {
    background: white !important; color: var(--ink) !important;
    border: 1px solid var(--ink) !important;
  }
  .ai-sum h4, .ai-sum ul, .ai-sum .head { color: var(--ink) !important; }
}
.ask-fab {
  position: fixed; bottom: 26px; right: 26px;
  z-index: 80;
  background: var(--ink); color: var(--paper);
  border: 0; padding: 14px 20px;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
  display: flex; align-items: center; gap: 9px;
}
.ask-fab:hover { background: var(--crimson); }
.ask-fab .dot {
  width: 7px; height: 7px; background: var(--crimson);
  border-radius: 50%; animation: pulse 1.6s infinite;
}
.ask-fab:hover .dot { background: var(--paper); }

.ask-panel {
  position: fixed; bottom: 80px; right: 26px;
  width: 380px; max-width: calc(100vw - 52px);
  z-index: 80;
  background: var(--ink); color: var(--paper);
  border: 1px solid var(--ink);
  display: none; flex-direction: column;
  box-shadow: 0 12px 36px rgba(0,0,0,0.25);
}
.ask-panel.active { display: flex; }
.ask-panel .ah {
  display: flex; justify-content: space-between; align-items: center;
  padding: 14px 18px;
  border-bottom: 1px solid var(--dk-line);
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.18em; text-transform: uppercase;
}
.ask-panel .ah b { color: var(--ochre-soft); font-weight: 500; }
.ask-panel .ah .close { color: var(--ink-4); cursor: pointer; font-size: 16px; }
.ask-panel .ah .close:hover { color: var(--paper); }
.ask-panel .abody {
  padding: 16px 18px; max-height: 360px; overflow-y: auto;
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 15px; line-height: 1.65; color: var(--dk-text);
  white-space: pre-wrap; min-height: 80px;
  flex: 1;
}
.ask-panel .abody.empty {
  color: var(--ink-4); font-family: "Inter", sans-serif; font-size: 13px;
}
.ask-panel .afoot {
  padding: 12px 14px; border-top: 1px solid var(--dk-line);
  display: flex; gap: 8px;
}
.ask-panel .afoot input {
  flex: 1; background: var(--dk-panel); border: 1px solid var(--dk-border);
  color: var(--paper); padding: 9px 12px; outline: 0;
  font-family: "Inter", "Noto Sans SC", sans-serif; font-size: 13px;
}
.ask-panel .afoot input::placeholder { color: #6c6a5e; }
.ask-panel .afoot button {
  background: var(--crimson); color: var(--paper);
  border: 0; padding: 0 16px;
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase;
  cursor: pointer;
}
.ask-panel .afoot button:hover { background: #a23a3a; }
.ask-panel .afoot button:disabled { opacity: 0.5; cursor: wait; }

/* P6 修复：以下整段响应式规则原本缺失 @media 开头（上方 @media print 已在闭合），
   导致 .masthead nav{display:none} / .cases{单列} 等被全局应用 →
   桌面端顶导栏永久消失、案例库布局塌陷。补回 max-width:1100px 包裹。 */
@media (max-width: 1100px) {
  .l2-hero-grid { grid-template-columns: 1fr; gap: 36px; }
  .pain-grid, .related { grid-template-columns: 1fr 1fr; }
  .flow { grid-template-columns: 1fr 1fr; }
  .flow .step:nth-child(2) { border-right: 0; }
  .flow .step:nth-child(1), .flow .step:nth-child(2) { border-bottom: 1px solid var(--ink); }
  .cases { grid-template-columns: 1fr; }
  .engage .grid { grid-template-columns: 1fr; gap: 36px; }
  .masthead nav { display: none; }
  .hero .grid, .atlas { grid-template-columns: 1fr; gap: 36px; }
  .hero-trust-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero-trust-strip a:nth-child(even),
  .hero-trust-strip > div:nth-child(even) { border-right: 0; }
  .hero-trust-strip a:nth-child(-n+2),
  .hero-trust-strip > div:nth-child(-n+2) { border-bottom: 1px solid var(--rule); }
  .people-grid { grid-template-columns: 1fr; }
  .demo-strip { grid-template-columns: 1fr; }
  .demo-cell { border-right: 0; border-bottom: 1px solid var(--ink); }
  .tools, .igrid, .cgrid, .fgrid { grid-template-columns: 1fr 1fr; }
  .os-row { grid-template-columns: 1fr 1fr; }
  .shead { grid-template-columns: 1fr; gap: 20px; }
  .mrow { grid-template-columns: 1fr; }
  .mcell { border-right: 0; border-bottom: 1px solid var(--rule); }
}
@media (max-width: 640px) {
  .tools, .igrid, .cgrid, .fgrid, .os-row { grid-template-columns: 1fr; }
  .pain-grid, .related { grid-template-columns: 1fr; }
  .flow { grid-template-columns: 1fr; }
  .flow .step { border-right: 0; border-bottom: 1px solid var(--ink); }
  .flow .step:last-child { border-bottom: 0; }
  .hero h1 { font-size: 36px; }
  .hero { padding: 40px 0 60px; }
  .hero-judgment { font-size: 22px; padding-left: 14px; }
  .hero-actions { display: grid; grid-template-columns: 1fr; }
  .hero-action { width: 100%; }
  .hero-trust-strip { grid-template-columns: 1fr; }
  .hero-trust-strip a,
  .hero-trust-strip > div,
  .hero-trust-strip a:nth-child(even),
  .hero-trust-strip > div:nth-child(even),
  .hero-trust-strip a:last-child,
  .hero-trust-strip > div:last-child { border-right: 0; border-bottom: 1px solid var(--rule); }
  .hero-trust-strip a:last-child,
  .hero-trust-strip > div:last-child { border-bottom: 0; }
  section { padding: 56px 0; }
  .ask-panel { right: 12px; left: 12px; width: auto; }
  .ask-fab { right: 16px; bottom: 16px; }
}

/* ─── P1 批次：iOS 聚焦缩放 / 动效偏好 / 首屏 AI 框窄屏 ─── */
@media (max-width: 700px) {
  /* iOS Safari：输入控件 <16px 聚焦即整页缩放 */
  .qinput textarea, .qinput input, .idx-search-input input,
  .ask-panel .afoot input, .filter-bar input, .search-box input { font-size: 16px; }
  /* 首屏 AI 框：大内边距+发送按钮挤压输入区 → 竖排 */
  .qcard { padding: 20px 16px; }
  .qinput { flex-direction: column; }
  .qinput textarea { min-height: 72px; }
  .qinput button { min-width: 0; width: 100%; padding: 12px 0; }
  /* 触控目标 ≥44px */
  .filter-bar .f { padding: 11px 14px; }
  .idx-suggest .s { padding: 10px 12px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* H1 引导行（致力于成为 · 小字独占一行） */
h1 .h1-lead {
  display: block;
  font-size: clamp(17px, 1.8vw, 25px);
  font-weight: 500;
  letter-spacing: 0.14em;
  color: var(--ink-2);
  margin-bottom: 12px;
}

/* ═══════════════════════════════════════════════════════════════════
   MASTHEAD v6.2 · 左标横排 + 情报工具条（设计评审定稿 · 追加覆盖块 · 零 HTML 改动）
   骨架：brand 左置单行，双段导航推右缝合为一条线；topstrip 收编为情报细线。
   整头 ~125px → ~85px。兼容两种 brand 变体（39 页 a>.cn / 首页裸 .cn）。
   ⚠ 雷区：本块内严禁在媒体查询之外对 .masthead nav 声明 display，
     否则会盖掉下方 @media(max-width:1100px) 的 display:none（P6 事故）。
   ═══════════════════════════════════════════════════════════════════ */

/* 1) topstrip：情报细线；内容全保留，墨色降档 */
.masthead .topstrip {
  font-size: 10px;
  letter-spacing: 0.12em;
  line-height: 1.5;
  padding: 6px 0;
  color: var(--ink-4);
}
.masthead .topstrip b { color: var(--ink-2); }
.masthead .live { color: var(--ink-3); }
.masthead .live::before { width: 5px; height: 5px; margin-right: 6px; }

/* 2) 主行：grid → flex；brand order:-1 左置（DOM 序不动：抽屉克隆/注水选择器零影响） */
.masthead .main {
  display: flex;
  align-items: center;
  gap: 22px;                /* = nav 内部 gap，两段导航接缝隐形 */
  padding: 11px 0;
}
.masthead .brand {
  order: -1;
  margin-right: auto;
  text-align: left;
  display: flex;
  align-items: baseline;
  gap: 12px;
  min-width: 0;
}
.masthead .brand .cn {
  font-size: 21px;
  letter-spacing: 0.08em;
  line-height: 1.2;
  white-space: nowrap;
}
.masthead .brand .en {
  margin-top: 0;
  font-size: 12px;
  white-space: nowrap;
}
.masthead nav { align-items: center; }
.masthead nav a { padding: 4px 0; white-space: nowrap; }
.masthead .nav-right .cta { margin-left: 4px; padding: 6px 13px; }

/* 3) ≤1280px：英文题铭让位，保单行 */
@media (max-width: 1280px) {
  .masthead .brand .en { display: none; }
}

/* 4) ≤1100px：汉堡接管（display:none 与上方 2326 行同义重申=防御性冗余，维护两处同步） */
@media (max-width: 1100px) {
  .masthead nav { display: none; }
  .masthead .main { padding: 10px 0; }
  .masthead .brand { padding-right: 64px; }  /* absolute 汉堡留位，防长 brandCn 重叠 */
  .masthead .brand .cn { font-size: 20px; }
}

/* topstrip 左栏=真实入口（site-enhance 注入 a.jy-strip-link → 政策月历） */
.masthead .topstrip .jy-strip-link { color: inherit; text-decoration: none; }
.masthead .topstrip .jy-strip-link:hover { color: var(--crimson); }
.masthead .topstrip .jy-strip-link:hover .live { color: var(--crimson); }

/* byline v2：四项可点击事实条（规模/能力/资质/背书），2×2 网格防孤行折行 */
.hero .byline {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, max-content));
  gap: 12px 44px;
}
.byline a { color: var(--ink-3); text-decoration: none; white-space: nowrap; }
.byline a b { color: var(--ink); font-weight: 600; }
.byline a:hover, .byline a:hover b { color: var(--crimson); }
@media (max-width: 640px) {
  .hero .byline { grid-template-columns: 1fr; gap: 10px; }
  .byline a { white-space: normal; }
}

/* kicker v2：年度主题/主题语 + 年度行动 两组「标签/内容」对；组内禁断行、组间可换行 */
.hero .kicker-theme {
  display: flex; flex-wrap: wrap; align-items: baseline;
  gap: 8px 26px;
  font-size: 13px;
}
.kicker-theme .kt-pair { white-space: nowrap; }
.kicker-theme .kt-label { color: var(--ink-3); letter-spacing: 0.12em; }
.kicker-theme .kt-theme { color: var(--crimson); font-size: 14.5px; letter-spacing: 0.14em; }
.kicker-theme .kt-action {
  color: var(--crimson); font-size: 13.5px; letter-spacing: 0.1em;
  border-bottom: 1px solid var(--crimson); text-decoration: none;
}
@media (max-width: 640px) {
  .hero .kicker-theme { gap: 6px 0; }
  .kicker-theme .kt-pair { white-space: normal; }  /* 极窄屏允许组内回流，防溢出 */
}

/* kicker v2.1：年度主题行加大、去前置横线 */
.hero .kicker-theme .line { display: none; }
.kicker-theme .kt-pair:first-of-type .kt-label { font-size: 15px; }
.kicker-theme .kt-theme { font-size: 17px; }

/* ═══ 导航轻下拉（平衡版 IA：业务/JOOYA OS/洞察/关于 四个单列下拉，非巨型菜单）═══ */
.masthead .nav-item { position: relative; display: flex; align-items: center; }
.masthead .has-sub > a::after { content: "▾"; font-size: 8px; margin-left: 5px; color: var(--ink-3); }
.masthead .sub {
  position: absolute; top: 100%; left: -16px; z-index: 80;
  min-width: 198px; padding: 8px 0;
  background: var(--paper); border: 1px solid var(--ink);
  box-shadow: 0 12px 28px rgba(22, 20, 14, 0.10);
  display: none; flex-direction: column;
}
.masthead .nav-item:hover > .sub,
.masthead .nav-item:focus-within > .sub { display: flex; }
.masthead .sub a { padding: 8px 16px; font-size: 12.5px; white-space: nowrap; }
.masthead .sub a:hover { background: var(--paper-2); color: var(--crimson); }
.masthead .nav-right .sub { left: auto; right: -16px; }  /* 右侧下拉右对齐防溢出 */
.masthead .nav-tool { font-size: 24px; line-height: 1; }
body[data-mode="dark"] .masthead .sub { box-shadow: 0 12px 28px rgba(0, 0, 0, 0.5); }
/* 三级飞出子菜单（JOOYA OS → 引擎▸ → 三引擎）：.sub 内再嵌 .nav-item.has-sub，悬停右向飞出。
   复用既有 .nav-item:hover>.sub 显示链；移动端 initMobileNav 扁平化所有 a，无需此规则。 */
.masthead .sub .nav-item { width: 100%; }
.masthead .sub .has-sub > a { display: flex; align-items: center; justify-content: space-between; width: 100%; box-sizing: border-box; }
.masthead .sub .has-sub > a::after { content: "▸"; font-size: 8px; margin-left: 10px; }
.masthead .sub .sub { top: -9px; left: 100%; right: auto; margin-left: 0; }              /* 紧贴父项右侧飞出 */
.masthead .nav-right .sub .sub { left: auto; right: 100%; }                              /* 右栏内三级向左飞出防溢出 */

/* 业务与服务下拉 · 每条二级附「子类速览」灰字（导航不下钻到三级，仅预览具体业务） */
.masthead .sub a .sub-preview {
  display: block; margin-top: 3px; max-width: 248px;
  font-family: "Inter", "Noto Sans SC", sans-serif; font-size: 10px; font-weight: 400;
  letter-spacing: 0; text-transform: none; line-height: 1.45; color: var(--ink-4); white-space: normal;
}
.masthead .sub a:hover .sub-preview { color: var(--ink-3); }

/* 业务落地页 · 子业务锚点条（sticky 本页目录，对齐报刊「本期目录」隐喻） */
.svc-subnav { position: sticky; top: 0; z-index: 60; background: var(--paper); border-top: 1px solid var(--rule); border-bottom: 1px solid var(--ink); }
.svc-subnav .container { display: flex; gap: 6px 22px; flex-wrap: wrap; align-items: center; padding: 11px 0; }
.svc-subnav .sn-label { font-family: "JetBrains Mono", monospace; font-size: 9.5px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-4); margin-right: 4px; }
.svc-subnav a { font-family: "JetBrains Mono", monospace; font-size: 11.5px; letter-spacing: 0.03em; color: var(--ink-3); text-decoration: none; white-space: nowrap; padding: 2px 0; border-bottom: 1px solid transparent; transition: color 0.15s, border-color 0.15s; }
.svc-subnav a:hover, .svc-subnav a.active { color: var(--crimson); border-bottom-color: var(--crimson); }
@media (max-width: 760px) { .svc-subnav .container { flex-wrap: nowrap; overflow-x: auto; gap: 6px 14px; } .svc-subnav a { font-size: 11px; } }

/* 业务落地页 · 子业务区辅助件（交付物清单 / 案例链 / 互链 / 卡片 · 由 svc 落地页采用） */
.svc-deliver, .svc-list { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 7px; }
.svc-deliver li, .svc-list li { position: relative; padding-left: 16px; font-size: 13.5px; line-height: 1.7; color: var(--ink-2); }
.svc-deliver li::before, .svc-list li::before { content: "·"; position: absolute; left: 2px; color: var(--ochre); font-weight: 700; }
.svc-deliver li b, .svc-list li b, .svc-deliver li strong, .svc-list li strong { color: var(--ink); font-weight: 700; }
.svc-cta, .svc-caselink { margin-top: 14px; font-family: "Noto Serif SC", serif; font-weight: 700; font-size: 13.5px; }
.svc-cta a, .svc-caselink a, a.svc-cta, a.svc-caselink { color: var(--crimson); text-decoration: none; border-bottom: 1px solid var(--crimson); }
.svc-cta a:hover, .svc-caselink a:hover, a.svc-cta:hover, a.svc-caselink:hover { color: var(--ink); border-bottom-color: var(--ink); }
.svc-xlink { margin-top: 16px; padding: 13px 18px; background: var(--paper-2); border-left: 3px solid var(--ochre); font-family: "Noto Serif SC", serif; font-size: 13px; line-height: 1.7; color: var(--ink-2); }
.svc-xlink a { color: var(--crimson); text-decoration: none; border-bottom: 1px solid var(--crimson); }
.svc-card { border: 1px solid var(--ink); background: var(--paper); padding: 24px 28px; margin: 20px 0; }
.svc-card .sc-tag { font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--crimson); margin-bottom: 8px; }
.svc-card h3, .svc-card h4 { font-family: "Noto Serif SC", serif; font-weight: 900; font-size: 19px; color: var(--ink); margin: 0 0 8px; }
.svc-card h3 em, .svc-card h4 em { font-family: "Cormorant Garamond", serif; font-style: italic; font-weight: 500; color: var(--ochre); }
.svc-card p { font-size: 13.5px; line-height: 1.75; color: var(--ink-2); }
.svc-card a { color: var(--crimson); text-decoration: none; border-bottom: 1px solid var(--crimson); }

/* 业务与服务总览页 · 6 类卡片矩阵 */
.svc-ov { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 8px; }
.svc-ov-card { display: block; border: 1px solid var(--ink); background: var(--paper); padding: 26px 28px 24px; text-decoration: none; transition: transform 0.15s, border-color 0.15s; }
.svc-ov-card:hover { transform: translateY(-3px); border-color: var(--crimson); }
.svc-ov-card .ov-no { font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--crimson); margin-bottom: 10px; }
.svc-ov-card h3 { font-family: "Noto Serif SC", serif; font-weight: 900; font-size: 21px; color: var(--ink); margin: 0 0 8px; }
.svc-ov-card .ov-pos { font-family: "Noto Serif SC", serif; font-size: 14px; line-height: 1.7; color: var(--ink-2); margin: 0 0 4px; }
.svc-ov-card .ov-subs { font-size: 12.5px; line-height: 1.8; color: var(--ink-3); padding-top: 12px; margin-top: 12px; border-top: 1px solid var(--rule); }
.svc-ov-card .ov-foot { display: flex; justify-content: space-between; align-items: baseline; margin-top: 14px; font-family: "JetBrains Mono", monospace; font-size: 11px; color: var(--ink-4); }
.svc-ov-card .ov-go { font-family: "Cormorant Garamond", serif; font-style: italic; font-size: 15px; color: var(--crimson); }
@media (max-width: 760px) { .svc-ov { grid-template-columns: 1fr; } }

/* ═══ 批A·止血（2026-06-12 标题排版审计）：旧 styles.css 孤儿类收编 ═══
   topic×4/l2-news/l2-library/l2-careers/l2-media/legal-cookie/author 在用这批类，
   但原定义只存在于未被任何正式页引用的 styles.css（仅原型页挂载）→ 静默裸奔。
   按 v6 体系重写：统计大数字对齐 .l2-stat 规格，按钮对齐 masthead CTA 的 mono 语法。 */
.grid { display: grid; gap: 24px; }
.grid-2 { grid-template-columns: repeat(2, 1fr); }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 960px) { .grid-3, .grid-4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; } }

.card {
  display: block; padding: 22px 24px;
  background: var(--paper); border: 1px solid var(--rule);
  color: inherit; text-decoration: none;
}
a.card:hover { border-color: var(--ink); }
.card.stat .v {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  font-weight: 600; font-size: 42px; line-height: 1.05;
  color: var(--crimson);
}
.card.stat .v em { font-style: italic; font-weight: 500; font-size: 20px; }
.card.stat .k {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--ink-3); margin-top: 10px;
}

.btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 20px;
  background: var(--ink); color: var(--paper); border: 1px solid var(--ink);
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
  text-decoration: none; cursor: pointer;
}
.btn:hover { background: var(--crimson); border-color: var(--crimson); color: var(--paper); }
.btn.ghost { background: transparent; color: var(--ink); }
.btn.ghost:hover { background: var(--ink); color: var(--paper); }
.btn.primary { background: var(--crimson); border-color: var(--crimson); }
.btn.primary:hover { background: var(--ink); border-color: var(--ink); }

/* chip 彩色变体（l2-author-yang 专长标签：类名在用、规则缺失） */
.chip.red { color: var(--crimson); border-color: var(--crimson); }
.chip.ochre { color: var(--ochre); border-color: var(--ochre); }
.chip.olive { color: var(--olive); border-color: var(--olive); }

/* ═══ 批B·系统收敛（2026-06-12 标题排版审计）═══ */
/* 缺失的标题/导语 em 规则：强调语法全站一种读法（亮底赭金 / 暗底软赭） */
.case h3 em, .shead .deck em, .read .sub em, .lede em {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  font-weight: 500; color: var(--ochre);
}
.eng-feat p em {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  font-weight: 500; color: var(--ochre);
}
.eng-hero .lede em {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  font-weight: 500; color: var(--ochre-soft);
}

/* 主题中心暗 hero（soetransform 页内样式收编；topic×4 统一一档尺度） */
.topic-hero { background: var(--ink); color: var(--paper); padding: 80px 0 60px; position: relative; overflow: hidden; }
.topic-hero::before {
  content: ""; position: absolute; right: -20%; top: 0; bottom: 0; width: 60%;
  background: radial-gradient(circle, color-mix(in srgb, var(--crimson) 16%, transparent), transparent 60%);
}
.topic-hero > .container { position: relative; z-index: 1; }
.topic-hero .topic-tag {
  font-family: "JetBrains Mono", monospace;
  font-size: 11.5px; letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--ochre-soft); margin-bottom: 18px;
}
.topic-hero h1 {
  font-family: "Noto Serif SC", serif; font-weight: 900;
  font-size: clamp(52px, 6vw, 88px); line-height: 1.05;
  letter-spacing: -0.01em; color: var(--paper);
}
.topic-hero h1 em { font-family: "Cormorant Garamond", serif; font-style: italic; font-weight: 500; color: var(--ochre-soft); }
.topic-hero .lede {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 22px; line-height: 1.55; color: var(--dk-text-2);
  margin-top: 28px; max-width: 660px;
}
.topic-hero .l2-crumb { color: var(--ink-4); }
.topic-hero .l2-crumb a { color: var(--ink-4); }
.topic-hero .l2-crumb .sep { color: var(--ink-3); }
.topic-hero .l2-crumb b { color: var(--ochre-soft); }
.topic-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; margin-top: 44px; padding-top: 28px; border-top: 1px solid var(--dk-line); }
.topic-stats .s .v { font-family: "Cormorant Garamond", serif; font-style: italic; font-size: 42px; color: var(--ochre-soft); font-weight: 600; line-height: 1; }
.topic-stats .s .v em { font-style: italic; font-size: 18px; }
.topic-stats .s .k { font-family: "JetBrains Mono", monospace; font-size: 10.5px; letter-spacing: 0.18em; color: var(--ink-4); text-transform: uppercase; margin-top: 8px; }
@media (max-width: 900px) { .topic-stats { grid-template-columns: repeat(2, 1fr); gap: 24px; } }

/* 脚注（※ 行：原 9 页行内样式收编） */
.footnote {
  margin-top: 22px;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.05em; line-height: 1.8;
  color: var(--ink-3);
}
.footnote a { color: var(--crimson); }

/* 页脚行内收编（「南京」总部高亮 ×20 页、当前页链接 ×12 页） */
.fcities .hq { color: var(--crimson); font-weight: 600; }
.fgrid a.current { color: var(--crimson); font-weight: 500; }

/* 轻量章节头（awards/library/author 用：介于 .shead 与卡片题之间的正名档位） */
.h2-minor {
  font-family: "Noto Serif SC", serif; font-weight: 900;
  font-size: 28px; line-height: 1.25;
  padding-bottom: 12px; border-bottom: 2px solid var(--ink);
  margin-bottom: 24px;
}
.h2-minor em {
  font-family: "Cormorant Garamond", serif; font-style: italic;
  font-weight: 500; color: var(--ochre); font-size: 22px;
}

/* ═══ MASTHEAD v6.3 · 品牌 logo + 整排放大（2026-06-12 用户反馈：导航与品牌字偏小）═══
   追加覆盖块；同 v6.2 雷区——严禁在媒体查询之外对 .masthead nav 声明 display。 */
.masthead .brand { align-items: center; }
.masthead .brand a { display: flex; align-items: center; gap: 11px; color: inherit; text-decoration: none; }
.masthead .brand .logo { height: 36px; width: auto; display: block; }
.masthead .brand .cn { font-size: 25px; }
.masthead .brand .en { font-size: 13px; }
.masthead nav { font-size: 14.5px; }
.masthead .sub a { font-size: 13.5px; padding: 9px 16px; }
.masthead .nav-right .cta { padding: 8px 16px; font-size: 12px; }
.masthead .main { padding: 12px 0; }
@media (max-width: 1100px) {
  .masthead .brand .logo { height: 31px; }
  .masthead .brand .cn { font-size: 22px; }
}

/* ═══ HERO v3（2026-06-12 版式整理）：kicker 卷首档案框 + 右列信任档案配重 ═══
   追加块，靠级联次序覆盖上方 kicker v2/v2.1；勿前移。 */
.hero .kicker-theme {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 0;
  align-items: baseline;
  max-width: 560px;
  margin-bottom: 30px;
  padding: 2px 0;
  border-top: 2px solid var(--ink);
  border-bottom: 1px solid var(--rule);
}
.hero .kicker-theme .kt-label {
  font-size: 11px; letter-spacing: 0.18em;
  color: var(--ink-3); white-space: nowrap;
  padding: 9px 20px 9px 0;
}
.hero .kicker-theme .kt-theme,
.hero .kicker-theme .kt-action {
  border-left: 1px solid var(--rule);  /* 两行相接连成贯穿竖规 */
  padding: 7px 0 7px 20px;
}
.hero .kicker-theme .kt-theme {
  font-size: 16px; font-weight: 700; letter-spacing: 0.18em;
  color: var(--crimson); white-space: nowrap;
}
.hero .kicker-theme .kt-action {
  font-size: 12.5px; letter-spacing: 0.12em;
  color: var(--crimson); text-decoration: none;
  border-bottom: 0;                     /* 覆盖 v2 常驻下边框 */
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.hero .kicker-theme .kt-action b { font-weight: 700; }
.hero .kicker-theme .kt-action:hover { text-decoration: underline; text-underline-offset: 5px; }
.hero .kicker-theme .kt-arr { display: inline-block; transition: transform 0.15s; }
.hero .kicker-theme .kt-action:hover .kt-arr { transform: translateX(3px); }
@media (max-width: 640px) {
  .hero .kicker-theme { grid-template-columns: 1fr; }
  .hero .kicker-theme .kt-label { padding: 7px 0 0; }
  .hero .kicker-theme .kt-theme,
  .hero .kicker-theme .kt-action { border-left: 0; padding: 2px 0 7px; white-space: normal; }
}

/* 右列：qcard + 信任档案条（byline 自左列迁此扩为四项实据） */
.hero .hero-right { min-width: 0; }
.hero .qfacts {
  margin-top: 16px;
  border-top: 2px solid var(--ink);
  display: grid; grid-template-columns: 1fr 1fr;
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase;
}
.hero .qfacts a {
  display: block; padding: 12px 8px 13px 18px;
  border-bottom: 1px solid var(--rule);
  color: var(--ink-3); text-decoration: none;
}
.hero .qfacts a:nth-child(odd) { border-right: 1px solid var(--rule); padding-left: 0; }
.hero .qfacts b {
  display: block; margin-top: 5px;
  font-size: 13.5px; font-weight: 600; letter-spacing: 0.06em;
  color: var(--ink);
}
.hero .qfacts a:hover, .hero .qfacts a:hover b { color: var(--crimson); }
.hero-trust-strip {
  margin-top: 42px;
  border-top: 3px double var(--ink);
  border-bottom: 1px solid var(--ink);
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
}
.hero-trust-strip a,
.hero-trust-strip > div {
  min-height: 94px;
  padding: 16px 18px;
  border-right: 1px solid var(--rule);
  display: flex; flex-direction: column; justify-content: space-between;
  text-decoration: none; color: inherit;
}
.hero-trust-strip a:last-child,
.hero-trust-strip > div:last-child { border-right: 0; }
.hero-trust-strip span {
  font-family: "Noto Serif SC", serif;
  font-weight: 900; font-size: 20px; line-height: 1.2;
  color: var(--ink);
}
.hero-trust-strip b {
  margin-top: 12px;
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; font-weight: 500; line-height: 1.45;
  letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--ink-3);
}
.hero-trust-strip a:hover span,
.hero-trust-strip a:hover b { color: var(--crimson); }

/* qcard 适度增厚（仅双列布局生效，避开窄屏既有竖排规则） */
@media (min-width: 901px) {
  .hero .qcard { padding: 30px 30px 26px; }
  .hero .qprompt { font-size: 23px; line-height: 1.5; }
  .hero .qinput textarea { min-height: 92px; }
  .hero .suggestions { gap: 8px; }
  .hero .suggestion { padding: 11px 12px; }
}

/* ═══ OS 三层图：系统层（应用套件）中间行——介于纸面业务卡与墨底引擎卡之间 ═══ */
.os-sys {
  background: var(--paper-2); border: 1px solid var(--ink);
  padding: 14px 18px; min-height: 96px;
  display: flex; flex-direction: column; justify-content: space-between;
  text-decoration: none; color: inherit; transition: all 0.2s;
}
.os-sys .os-tag { color: var(--ochre); }
.os-sys .os-name { font-size: 15.5px; margin-top: 6px; }
.os-sys .os-meta { margin-top: 10px; }
.os-sys:hover { background: var(--ink); color: var(--paper); }
.os-sys:hover .os-tag { color: var(--ochre-soft); }
.os-sys:hover .os-meta { color: var(--ink-4); }

/* 首页 · 人的责任链：资深专家 / 项目负责人 / 研究院 */
.people-proof { background: var(--paper); }
.people-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--ink);
  border-left: 1px solid var(--ink);
}
.people-card {
  background: var(--paper-2);
  border-right: 1px solid var(--ink);
  border-bottom: 1px solid var(--ink);
  padding: 28px 28px 26px;
  min-height: 330px;
  display: flex; flex-direction: column;
}
.people-kicker {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--crimson);
}
.people-card h3 {
  margin-top: 12px;
  font-family: "Noto Serif SC", serif;
  font-size: 28px; font-weight: 900;
}
.people-card p {
  margin-top: 16px;
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 16px; line-height: 1.7; color: var(--ink-2);
}
.people-proofline {
  margin-top: auto; padding-top: 22px;
  display: grid; gap: 8px;
}
.people-proofline b {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--ink-3);
}
.people-proofline span {
  font-family: "Noto Serif SC", serif;
  font-size: 15px; font-weight: 700; line-height: 1.5;
  color: var(--ink);
}
.people-card a {
  margin-top: 22px;
  width: fit-content;
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--crimson);
  border-bottom: 1px solid currentColor;
}
.people-card a:hover { color: var(--ink); }
@media (max-width: 1100px) {
  .hero-trust-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero-trust-strip a:nth-child(even),
  .hero-trust-strip > div:nth-child(even) { border-right: 0; }
  .hero-trust-strip a:nth-child(-n+2),
  .hero-trust-strip > div:nth-child(-n+2) { border-bottom: 1px solid var(--rule); }
  .people-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .hero-trust-strip { grid-template-columns: 1fr; }
  .hero-trust-strip a,
  .hero-trust-strip > div,
  .hero-trust-strip a:nth-child(even),
  .hero-trust-strip > div:nth-child(even),
  .hero-trust-strip a:last-child,
  .hero-trust-strip > div:last-child {
    grid-column: auto;
    border-right: 0;
    border-bottom: 1px solid var(--rule);
  }
  .hero-trust-strip a:last-child,
  .hero-trust-strip > div:last-child { border-bottom: 0; }
  .people-card { min-height: 0; padding: 24px 20px; }
  .people-card h3 { font-size: 24px; }
}

/* ═══════════════════════════════════════════════════════════════════
   美学海拔 · 全站定调 v1（2026-06-13）：纸纹 / letterpress 硬投影 / 缓动 / 首页汉字水印
   —— 把「精致模板」抬向「印在纸上的作品」。改动克制、可降级、守用色铁律。
   ═══════════════════════════════════════════════════════════════════ */

/* A1 · 纸纹：极淡 fractalNoise 叠在全站之上，把「米色背景」坐实成「纸张」 */
body::before {
  content: ""; position: fixed; inset: 0; z-index: 9998; pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.5'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity: 0.035; mix-blend-mode: multiply;
}
body[data-mode="dark"]::before { mix-blend-mode: screen; opacity: 0.025; }
@media print { body::before { display: none; } }

/* A3 · letterpress 错版硬投影：首页 AI 卡作为全站签名指纹首次亮相（赭金错版，像米纸上的烫金钤印） */
.qcard { box-shadow: 7px 7px 0 var(--ochre); transition: box-shadow 0.28s var(--ease), transform 0.28s var(--ease); }
body[data-mode="dark"] .qcard { box-shadow:
  6px 6px 0 color-mix(in srgb, var(--ochre) 60%, transparent),
  0 28px 64px -36px rgba(0,0,0,.85),
  inset 0 1px 0 color-mix(in srgb, var(--ochre-soft) 14%, transparent); }

/* A5 · 作者级缓动 + 两段式：OS 卡 hover 先轻浮起再上墨，不再「整块瞬间反黑」 */
.os-app { transition: background 0.28s var(--ease), color 0.28s var(--ease), transform 0.28s var(--ease), box-shadow 0.28s var(--ease); }
.os-app:hover { transform: translateY(-2px); box-shadow: 4px 6px 0 var(--ink); }
.os-sys { transition: background 0.28s var(--ease), color 0.28s var(--ease), transform 0.28s var(--ease), box-shadow 0.28s var(--ease); }
.os-sys:hover { transform: translateY(-2px); }
a.os-engine { transition: transform 0.2s var(--ease), filter 0.2s var(--ease), box-shadow 0.2s var(--ease); }
a.os-engine:hover { transform: translateY(-2px); box-shadow: 0 14px 30px -18px rgba(22,20,14,.5); }

/* B6 · 首页巨型汉字水印「城」——压在右下角的碑帖残字，被 AI 卡与右边缘双重裁切，落在空区不碰标题（极淡、零动效） */
.hero { position: relative; overflow: hidden; }
.hero > .container { position: relative; z-index: 1; }
.hero .hero-glyph {
  position: absolute; right: -4vw; bottom: -6%; top: auto; left: auto; z-index: 0;
  width: max-content; height: max-content;
  font-family: "Noto Serif SC", serif; font-weight: 900;
  font-size: clamp(300px, 32vw, 520px); line-height: 0.78;
  color: transparent;
  -webkit-text-stroke: 1.4px color-mix(in srgb, var(--ink) 9%, transparent);
  text-stroke: 1.4px color-mix(in srgb, var(--ink) 9%, transparent);
  pointer-events: none; user-select: none;
}
body[data-mode="dark"] .hero-glyph { -webkit-text-stroke-color: color-mix(in srgb, var(--ochre-soft) 13%, transparent); }
@media (max-width: 900px) { .hero-glyph { display: none; } }

/* ═══ 中文字强调去假斜体（方案 A，2026-06-13）═══
   中文无真斜体，旧规则 font-style:italic 落在方块字上=浏览器人工倾斜(显故障)。
   font-synthesis:none 关闭风格合成 → 中文 em 自动正体(保留赭金/赤红色)；
   西文/数字 em(Cormorant 有真 ital 轴)仍真斜体。再补 Noto Serif SC 回退让中文 em 与黑标题同字。 */
em { font-synthesis: none; -webkit-font-synthesis: none; }
.hero h1 em, .l2-hero h1 em, .read h1 em, .manifesto h1 em, .topic-hero h1 em,
.ctc-side h1 em, .eng-hero h1 em,
.shead h2 em, .compliance .shead h2 em, .engage h2 em, .join h2 em, .h2-minor em, .demo-cell h3 em,
.shead .deck em, .read .sub em, .lede em,
.case h3 em, .pain h3 em, .topic-cell h3 em, .geo-cell h4 em, .authority-card h4 em,
.eng-feat p em, .read .body p em, .manifesto .body p em,
.case-idx .ci-title em, .os-name em, .cn-name em,
.qprompt em, .idx-search .prompt em, .wf-title-h em {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
}

/* ═══ 精修批1 · 定调档（2026-06-13）═══ */
/* D2 · 展示数字开 onum 旧体比例数字（Cormorant 灵魂；让数字「坐进」基线，财报感→藏书票感） */
.shead .num, .tnum, .gnum, .l2-stat .v, .case .cresult .rv, .tl-year,
.tour-stat .v, .cluster .cn-num, .topic-stats .s .v, .os-evo .vlabel {
  font-feature-settings: "onum" 1, "pnum" 1;
}

/* D3 · 全站 :focus-visible 焦点印记（纳入用色铁律：亮底赤红 / 暗底软赭，铅笔批注框气质） */
a:focus-visible, button:focus-visible, .btn:focus-visible, input:focus-visible,
textarea:focus-visible, select:focus-visible, [tabindex]:focus-visible, summary:focus-visible {
  outline: 2px solid var(--crimson); outline-offset: 3px; border-radius: 1px;
}
.engage a:focus-visible, .join a:focus-visible, .tour-hero a:focus-visible,
.ai-sum a:focus-visible, .topic-hero a:focus-visible, .compliance a:focus-visible,
body[data-mode="dark"] a:focus-visible, body[data-mode="dark"] button:focus-visible {
  outline-color: var(--ochre-soft);
}

/* ═══ 精修批2 · 惊艳档（2026-06-13）═══ */
/* E2 · 暗底 CTA 发光橱窗（修机械反白「dk-panel 平板+整块反黑」→ 赭金微光描边+两段式 hover） */
.engage .actions a {
  border-color: color-mix(in srgb, var(--ochre-soft) 26%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--ochre-soft) 12%, transparent);
  transition: transform .28s var(--ease), box-shadow .28s var(--ease), background .28s var(--ease), border-color .28s var(--ease);
}
.engage .actions a:hover {
  transform: translateY(-2px);
  background: var(--crimson); border-color: var(--crimson);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--paper) 16%, transparent), 0 16px 32px -20px rgba(0,0,0,.6);
}

/* E3 · 长读首段 drop-cap 首字下沉（opt-in .dropcap；避开数字开头文章如 no17/no18） */
.dropcap > p:first-of-type::first-letter {
  float: left; font-family: "Noto Serif SC", serif; font-weight: 900;
  font-size: 3.1em; line-height: 0.76; margin: 0.06em 0.16em 0 0;
  color: var(--ochre);
}
.manifesto .dropcap > p:first-of-type::first-letter { color: var(--crimson); }

/* P3 尾花 · 长读结束花饰：与 drop-cap 首字成「卷首—卷尾」对仗的书卷典籍框。
   覆盖所有长读 .body（含数字开头不宜下沉首字的 no17/no18），赭金居中 fleuron，零动效。 */
.read .body::after,
.manifesto .body::after {
  content: "❦";
  display: block; text-align: center;
  margin-top: 2.4em;
  font-family: "Noto Serif SC", serif;
  font-variant-emoji: text; /* 强制文本字形（非彩色 emoji），守赭金单色 */
  font-size: 18px; line-height: 1; color: var(--ochre);
}
/* ═══ 精修批3 · 惊艳/精修剩余（2026-06-13）═══ */
/* E1 · 业务页(及全 l2-hero)巨标纪念碑尺度（无水印；字号上探+字距收紧求「铸字」紧实） */
.l2-hero h1 { font-size: clamp(48px, 5.8vw, 92px); letter-spacing: -0.02em; line-height: 1.05; }
@media (max-width: 640px) { .l2-hero h1 { font-size: 40px; letter-spacing: -0.01em; } }

/* P1 · 长读正文书卷气：标点悬挂(段首《「"溢出左轴成光学边界)+ 防孤行寡行 */
.read .body { hanging-punctuation: first allow-end; }
.read .body p { widows: 2; orphans: 2; }
.manifesto .body { hanging-punctuation: first allow-end; }

/* P3 · 案例号 №档号前缀（像档案柜抽出的脱敏卷宗，规线印记家族） */
.case .cn::before { content: "№ "; color: var(--ink-4); font-weight: 400; font-style: normal; }

/* ═══════════════════════════════════════════════════════════════════
   L2 IMAGE SYSTEM · 现场影像系统（2026-06-14 · P1 自 l2-100cities P0 提升进 v6.css 复用）
   让二级页「活起来」：人产城真实影像。桥接期用版画式 inline SVG，真素材到位即换
   <video class="dt" autoplay muted loop playsinline poster> / <img class="dt">。
   ── 色权两套规则（务必区分，过审计请看这里）──
   ① jy-cine 全幅 band = 一帧「胶片」：固定深 hex（#16140e/#c9a35a/#a87830/#e2d3b7/#8b2f2f），
      亮暗一致**不随主题翻转**（像印在照片上的墨不会因切暗色而变）——故 band 内的 #8b2f2f 朱砂顾问、
      #e2d3b7 暗底 em 是刻意固定值，**有意不跟随暗模式 --crimson→#d97559 / --ochre-soft→#8b6b3c 重映射**，非违铁律。
   ② jy-plate / jy-compare / 后续印刷型图版 = 随刊翻面的「印刷图版」：一律 var()（--ink/--paper*/--ochre/--olive/--crimson），
      暗模式自动翻转；图注 em=var(--crimson)（图注非 h2，不违 em=ochre 铁律），焕新笔触=var(--ochre)，绿化=var(--olive)。
   首页不动；只落二级页。#jy-duotone <filter> 须在用到 .dt 的页面各自 inline 一份（CSS 引不进 SVG 滤镜定义）。
   ═══════════════════════════════════════════════════════════════════ */

/* 双色调处理系统：真实媒体加 class="dt" 即映射到 墨#16140e ↔ 纸#faf7ee，来源差异被抹平、统一成「卓远的图版」。 */
.jy-cine .dt, .jy-plate .frame .dt, .jy-compare .dt { filter: url(#jy-duotone) contrast(1.04); }

/* ── jy-cine：全幅「现场纪录片」喘息 band（自带固定深底，像一帧胶片，亮/暗模式一致）── */
.jy-cine {
  position: relative; padding: 0; background: #16140e;
  border-top: 0; border-bottom: 3px double var(--ink); overflow: hidden;
}
.jy-cine .stage { position: relative; line-height: 0; }
.jy-cine .stage > svg, .jy-cine .stage > img, .jy-cine .stage > video {
  display: block; width: 100%; height: clamp(300px, 44vw, 540px); object-fit: cover;
}
.jy-cine .flag {
  position: absolute; top: 18px; left: 20px; z-index: 3;
  font-family: "JetBrains Mono", monospace; font-size: 10px;
  letter-spacing: 0.2em; text-transform: uppercase; color: #e2d3b7;
  background: rgba(12,10,6,0.5); padding: 5px 11px;
  border: 1px solid rgba(226,211,183,0.22);
}
.jy-cine .flag .live::before {
  content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%;
  background: #d97559; margin-right: 8px; vertical-align: middle; animation: pulse 1.6s infinite;
}
.jy-cine .slate {
  position: absolute; right: 20px; top: 20px; z-index: 3;
  font-family: "JetBrains Mono", monospace; font-size: 9px;
  letter-spacing: 0.16em; text-transform: uppercase; color: rgba(226,211,183,0.62);
}
.jy-cine .play {
  position: absolute; top: 43%; left: 50%; transform: translate(-50%,-50%); z-index: 3;
  width: 66px; height: 66px; border-radius: 50%;
  background: rgba(250,247,238,0.94); border: 0; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: transform 0.28s ease, background 0.28s ease;
}
.jy-cine .play:hover { transform: translate(-50%,-50%) scale(1.07); background: #faf7ee; }
.jy-cine .play i {
  width: 0; height: 0; margin-left: 5px;
  border-left: 20px solid #16140e; border-top: 12px solid transparent; border-bottom: 12px solid transparent;
}
.jy-cine .play::before {
  content: ""; position: absolute; inset: -10px; border-radius: 50%;
  border: 1px solid rgba(250,247,238,0.42); animation: jc-ping 2.6s ease-out infinite;
}
@keyframes jc-ping { 0%{transform:scale(0.82);opacity:0.7} 100%{transform:scale(1.5);opacity:0} }
.jy-cine .plabel {
  position: absolute; top: calc(43% + 48px); left: 50%; transform: translateX(-50%); z-index: 3;
  font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: 0.16em;
  color: #e2d3b7; white-space: nowrap;
}
.jy-cine .cap {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 3;
  padding: 22px 26px 24px; background: rgba(12,10,6,0.66);
  border-top: 1px solid rgba(226,211,183,0.16);
}
.jy-cine .cap .fig {
  font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: 0.16em;
  text-transform: uppercase; color: #c9a35a; margin-bottom: 8px;
}
.jy-cine .cap .line {
  font-family: "Noto Serif SC", serif; font-weight: 900;
  font-size: clamp(20px, 2.7vw, 34px); line-height: 1.3; letter-spacing: 0.02em;
  color: #faf7ee; margin: 0; max-width: 880px; text-wrap: balance;
}
.jy-cine .cap .line em { font-style: normal; color: #e2d3b7; }

/* ── jy-dispatch / jy-plate：人产城三联图版（随明暗翻转的「印刷图版」）── */
.jy-dispatch .dhead { max-width: 760px; margin-bottom: 30px; }
.jy-dispatch .dhead .k {
  font-family: "JetBrains Mono", monospace; font-size: 11px; letter-spacing: 0.24em;
  text-transform: uppercase; color: var(--crimson);
  display: flex; align-items: center; gap: 12px; margin-bottom: 16px;
}
.jy-dispatch .dhead .k::after { content: ""; flex: 1; height: 1px; background: var(--rule); max-width: 120px; }
.jy-dispatch .dhead h2 {
  font-family: "Noto Serif SC", serif; font-weight: 900;
  font-size: clamp(26px, 3.4vw, 38px); line-height: 1.2; letter-spacing: -0.01em;
}
.jy-dispatch .dhead h2 em { font-family: "Cormorant Garamond", serif; font-style: italic; font-weight: 500; color: var(--ochre); }
.jy-dispatch .dhead p {
  font-family: "Cormorant Garamond", "Noto Serif SC", serif;
  font-size: 17px; line-height: 1.7; color: var(--ink-2); margin-top: 14px;
}
.jy-plates { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.jy-plate {
  border: 1px solid var(--ink); background: var(--paper-2);
  box-shadow: 5px 5px 0 var(--ochre);     /* 六件套·letterpress 硬投影（浅于镇页地图 8px）*/
  display: flex; flex-direction: column;
}
.jy-plate .frame { position: relative; line-height: 0; border-bottom: 1px solid var(--ink); }
.jy-plate .frame > svg,
.jy-plate .frame > img,
.jy-plate .frame > video {
  display: block; width: 100%; height: auto;
}
.jy-plate .axis {
  position: absolute; top: 11px; left: 12px; z-index: 2;
  font-family: "Noto Serif SC", serif; font-weight: 900; font-size: 15px;
  color: var(--paper); background: var(--ink);
  width: 27px; height: 27px; display: flex; align-items: center; justify-content: center; line-height: 1;
}
.jy-plate .play {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2;
  width: 50px; height: 50px; border-radius: 50%;
  background: rgba(250,247,238,0.9); border: 0; cursor: pointer;
  display: flex; align-items: center; justify-content: center; transition: transform 0.25s ease;
}
.jy-plate .play:hover { transform: translate(-50%,-50%) scale(1.08); }
.jy-plate .play i {
  width: 0; height: 0; margin-left: 4px;
  border-left: 15px solid #16140e; border-top: 9px solid transparent; border-bottom: 9px solid transparent;
}
.jy-plate figcaption, .jy-compare figcaption { padding: 13px 15px 15px; }
.jy-plate .fig, .jy-compare .fig {
  font-family: "JetBrains Mono", monospace; font-size: 9.5px; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--ink-3); margin-bottom: 5px;
}
.jy-plate .desc, .jy-compare .desc {
  font-family: "Noto Serif SC", serif; font-weight: 500; font-size: 14.5px; line-height: 1.5; color: var(--ink);
}
.jy-plate .desc em, .jy-compare .desc em { font-family: "Cormorant Garamond", serif; font-style: italic; color: var(--crimson); }
.jy-plate .desc .slot, .jy-compare .desc .slot {
  display: inline-block; margin-left: 6px;
  font-family: "JetBrains Mono", monospace; font-size: 9px; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--ink-4); border: 1px solid var(--rule);
  padding: 1px 5px; vertical-align: middle;
}
.jy-plate .gear { transform-box: fill-box; transform-origin: center; animation: jc-spin 8s linear infinite; }
@keyframes jc-spin { to { transform: rotate(360deg); } }
.jy-dispatch .dispatch-coda {
  margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--ink);
  font-family: "Noto Serif SC", serif; font-weight: 700;
  font-size: clamp(17px, 2vw, 22px); line-height: 1.6; color: var(--ink);
  max-width: 880px; text-wrap: pretty;
}
.jy-dispatch .dispatch-coda::before { content: "「"; color: var(--crimson); margin-right: 2px; }
.jy-dispatch .dispatch-coda::after { content: "」"; color: var(--crimson); margin-left: 2px; }
.jy-dispatch .dispatch-coda em { font-style: normal; color: var(--crimson); }

/* ── jy-compare：改造前后对比双联（.jy-plate 扩展变体；同语汇 1px ink 边 + 5px ochre 硬投影 + FIG figcaption + var() 随明暗翻转；默认并置静帧，窄屏上下叠，无 JS 滑块以求稳与诚） ── */
.jy-compare {
  border: 1px solid var(--ink); background: var(--paper-2);
  box-shadow: 5px 5px 0 var(--ochre); display: flex; flex-direction: column;
}
.jy-compare .frame {
  position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
  border-bottom: 1px solid var(--ink);
}
.jy-compare__pane { position: relative; line-height: 0; }
.jy-compare__pane > svg, .jy-compare__pane > img, .jy-compare__pane > video { display: block; width: 100%; height: 100%; object-fit: cover; }
.jy-compare__label {
  position: absolute; top: 11px; left: 12px; z-index: 2;
  font-family: "JetBrains Mono", monospace; font-size: 9.5px; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--paper); background: var(--ink); padding: 3px 8px; line-height: 1;
}
.jy-compare__pane--after .jy-compare__label { left: auto; right: 12px; background: var(--ochre); color: var(--ink); }
@media (max-width: 760px) {
  .jy-compare .frame { grid-template-columns: 1fr; }
}

/* 三联 ≤760 退单列 + 共用动效降级（reduced-motion 退静帧） */
@media (max-width: 760px) { .jy-plates { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) {
  .jy-cine .play::before, .jy-cine .flag .live::before, .jy-plate .gear { animation: none; }
}

/* ── jy-wall：视频墙（l2-media 影像中枢专属；复用 .jy-plate letterpress/FIG/.dt 语汇，版式=主控大格 + 网格小格）── */
.jy-wall .cell {
  border: 1px solid var(--ink); background: var(--paper-2);
  box-shadow: 5px 5px 0 var(--ochre); display: flex; flex-direction: column;
}
.jy-wall .cell.dark { background: #16140e; }
.jy-wall .cell .frame { position: relative; line-height: 0; border-bottom: 1px solid var(--ink); aspect-ratio: 16 / 9; overflow: hidden; display: block; text-decoration: none; }
.jy-wall .cell a.frame { cursor: pointer; }
.jy-wall .cell a.frame:hover .play { transform: translate(-50%,-50%) scale(1.08); }
.jy-wall .cell a.frame img { transition: transform 0.25s ease; }
.jy-wall .cell a.frame:hover img { transform: scale(1.02); }
.jy-wall .cell.dark .frame { border-bottom-color: rgba(226,211,183,0.2); }
.jy-wall .cell .frame > svg,
.jy-wall .cell .frame > img,
.jy-wall .cell .frame > iframe { display: block; width: 100%; height: 100%; object-fit: cover; border: 0; }
.jy-wall .cell .frame > iframe { position: absolute; inset: 0; }
.jy-wall .lead { margin-bottom: 16px; }
.jy-wall .cells { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.jy-wall .cell .flag {
  position: absolute; top: 10px; left: 11px; z-index: 2;
  font-family: "JetBrains Mono", monospace; font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase;
  color: #e2d3b7; background: rgba(12,10,6,0.5); padding: 3px 8px;
}
.jy-wall .cell .slate {
  position: absolute; top: 10px; right: 11px; z-index: 2;
  font-family: "JetBrains Mono", monospace; font-size: 8.5px; letter-spacing: 0.12em; text-transform: uppercase;
  color: rgba(226,211,183,0.6);
}
.jy-wall .cell .play {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2;
  width: 46px; height: 46px; border-radius: 50%; background: rgba(250,247,238,0.92); border: 0; cursor: pointer;
  display: flex; align-items: center; justify-content: center; transition: transform 0.25s ease;
}
.jy-wall .cell.lead .play { width: 64px; height: 64px; }
.jy-wall .cell .play:hover { transform: translate(-50%,-50%) scale(1.08); }
.jy-wall .cell .play i { width: 0; height: 0; margin-left: 4px; border-left: 13px solid #16140e; border-top: 8px solid transparent; border-bottom: 8px solid transparent; }
.jy-wall .cell.lead .play i { border-left-width: 18px; border-top-width: 11px; border-bottom-width: 11px; }
.jy-wall .cell figcaption { padding: 12px 14px 14px; }
.jy-wall .cell.lead figcaption { padding: 16px 18px 18px; }
.jy-wall .cell .fig { font-family: "JetBrains Mono", monospace; font-size: 9.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 5px; }
.jy-wall .cell .desc { font-family: "Noto Serif SC", serif; font-weight: 500; font-size: 14px; line-height: 1.5; color: var(--ink); }
.jy-wall .cell.lead .desc { font-size: 18px; }
.jy-wall .cell .desc em { font-family: "Cormorant Garamond", serif; font-style: italic; color: var(--crimson); }
.jy-wall .cell .slot {
  display: inline-block; margin-left: 6px;
  font-family: "JetBrains Mono", monospace; font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--ink-4); border: 1px solid var(--rule); padding: 1px 5px; vertical-align: middle;
}
.jy-wall .cell.dark figcaption { background: #16140e; }
.jy-wall .cell.dark .fig { color: #c9a35a; }
.jy-wall .cell.dark .desc { color: #faf7ee; }
.jy-wall .cell.dark .desc em { color: #e2d3b7; }
@media (max-width: 880px) { .jy-wall .cells { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .jy-wall .cells { grid-template-columns: 1fr; } }

/* ── jy-portrait：资深专家/专家具名肖像排（关于页人本旗舰；圆形肖像 + 真名 + 档位 + 职务资质 + 擅长领域）── */
.jy-portrait {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.jy-portrait .card {
  border: 1px solid var(--ink);
  background: var(--paper-2);
  box-shadow: 4px 4px 0 var(--ochre);
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.jy-portrait .card:hover {
  transform: translateY(-2px);
  box-shadow: 5px 5px 0 var(--crimson);
}
.jy-portrait .card .thumb {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px 18px;
  background: var(--paper-3);
  border-bottom: 1px solid var(--ink);
}
.jy-portrait .card .thumb img,
.jy-portrait .card .thumb svg {
  display: block;
  width: 104px;
  height: 104px;
  border-radius: 50%;
  object-fit: cover;
  background: var(--paper);
  border: 2px solid var(--ink);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 2px 2px 0 var(--ochre);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.jy-portrait .card:hover .thumb img,
.jy-portrait .card:hover .thumb svg {
  transform: scale(1.04);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12), 2px 2px 0 var(--crimson);
}
.jy-portrait .card .meta {
  padding: 16px 18px 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.jy-portrait .card .card-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px dashed var(--rule, rgba(0, 0, 0, 0.15));
  padding-bottom: 8px;
  margin-bottom: 12px;
}
.jy-portrait .card .name {
  font-family: "Noto Serif SC", serif;
  font-weight: 900;
  font-size: 20px;
  color: var(--ink);
  letter-spacing: 0.04em;
  line-height: 1.2;
}
.jy-portrait .card .tier {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--crimson);
  font-weight: 600;
  background: color-mix(in srgb, var(--crimson) 8%, transparent);
  padding: 2px 8px;
  border: 1px solid color-mix(in srgb, var(--crimson) 28%, transparent);
  border-radius: 2px;
  line-height: 1.4;
  white-space: nowrap;
}
.jy-portrait .card .exp-titles {
  list-style: none;
  padding: 0;
  margin: 0 0 14px 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.jy-portrait .card .exp-titles li {
  font-family: "Noto Serif SC", serif;
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--ink);
  position: relative;
  padding-left: 14px;
}
.jy-portrait .card .exp-titles li::before {
  content: "·";
  position: absolute;
  left: 2px;
  top: 0;
  color: var(--ochre);
  font-weight: 900;
}
.jy-portrait .card .exp-domain {
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px dashed var(--rule, rgba(0, 0, 0, 0.15));
  font-family: "Noto Serif SC", serif;
  font-size: 13px;
  line-height: 1.6;
  color: var(--ink-2);
}
.jy-portrait .card .exp-domain .exp-label {
  font-weight: 700;
  color: var(--crimson);
}
.jy-portrait .card .role { font-family: "Cormorant Garamond", "Noto Serif SC", serif; font-size: 14px; line-height: 1.5; color: var(--ink-2); margin-top: 8px; }
.jy-portrait .card .quote { font-family: "Cormorant Garamond", serif; font-style: italic; font-size: 14px; line-height: 1.55; color: var(--crimson); margin-top: auto; padding-top: 8px; }

@media (max-width: 960px) {
  .jy-portrait { grid-template-columns: repeat(2, 1fr); gap: 16px; }
}
@media (max-width: 600px) {
  .jy-portrait { grid-template-columns: 1fr; gap: 14px; }
}

/* ── jy-more-details：折叠展示更多专家团队 ── */
.jy-more-details {
  margin-top: 24px;
}
.jy-more-details > summary {
  list-style: none;
  cursor: pointer;
  text-align: center;
  user-select: none;
}
.jy-more-details > summary::-webkit-details-marker {
  display: none;
}
.jy-more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 36px;
  background: var(--paper-2);
  border: 1px solid var(--ink);
  box-shadow: 3px 3px 0 var(--ochre);
  font-family: "Noto Serif SC", serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.08em;
  color: var(--ink);
  transition: all 0.2s ease;
}
.jy-more-btn:hover {
  background: var(--paper-3);
  transform: translateY(-1px);
  box-shadow: 4px 4px 0 var(--crimson);
  color: var(--crimson);
}
.jy-more-btn svg {
  transition: transform 0.25s ease;
}
.jy-more-details[open] .jy-more-btn svg {
  transform: rotate(180deg);
}

/* ── jy-onsite：业务线章首「在现场」单帧（横构图 ~2.5:1；与 jy-plate 同根，把抽象流程焊回「判断在这张桌上」）── */
.jy-onsite {
  border: 1px solid var(--ink); background: var(--paper-2);
  box-shadow: 5px 5px 0 var(--ochre); display: flex; flex-direction: column;
}
.jy-onsite .frame { position: relative; line-height: 0; border-bottom: 1px solid var(--ink); }
.jy-onsite .frame > svg { display: block; width: 100%; height: auto; }
.jy-onsite .axis { position: absolute; top: 12px; left: 13px; z-index: 2; display: flex; gap: 4px; }
.jy-onsite .axis span {
  font-family: "Noto Serif SC", serif; font-weight: 900; font-size: 14px;
  color: var(--paper); background: var(--ink); width: 26px; height: 26px;
  display: flex; align-items: center; justify-content: center; line-height: 1;
}
.jy-onsite .flag {
  position: absolute; top: 15px; right: 15px; z-index: 2;
  font-family: "JetBrains Mono", monospace; font-size: 9.5px; letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--ink-3);
}
.jy-onsite .play {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2;
  width: 54px; height: 54px; border-radius: 50%; background: rgba(250,247,238,0.92); border: 0; cursor: pointer;
  display: flex; align-items: center; justify-content: center; transition: transform 0.25s ease;
}
.jy-onsite .play:hover { transform: translate(-50%,-50%) scale(1.08); }
.jy-onsite .play i { width: 0; height: 0; margin-left: 4px; border-left: 16px solid #16140e; border-top: 10px solid transparent; border-bottom: 10px solid transparent; }
.jy-onsite figcaption { padding: 14px 18px 16px; }
.jy-onsite .fig { font-family: "JetBrains Mono", monospace; font-size: 9.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 6px; }
.jy-onsite .desc { font-family: "Noto Serif SC", serif; font-weight: 500; font-size: 16px; line-height: 1.55; color: var(--ink); }
.jy-onsite .desc em { font-family: "Cormorant Garamond", serif; font-style: italic; color: var(--crimson); }
.jy-onsite .desc .slot {
  display: inline-block; margin-left: 8px;
  font-family: "JetBrains Mono", monospace; font-size: 9px; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--ink-4); border: 1px solid var(--rule); padding: 1px 6px; vertical-align: middle;
}

/* ─── 语境关注 CTA（自媒体引流：内容页就地嵌对应账号；assets/social/*）─── */
.follow-cta { border-top: 1px solid var(--rule); background: var(--paper-2); padding: 40px 0; }
.follow-cta .fc-in { display: flex; align-items: center; gap: 24px; max-width: 660px; }
.follow-cta .fc-qr { flex: 0 0 auto; width: 96px; height: 96px; border: 1px solid var(--rule); background: #fff; padding: 5px; }
.follow-cta .fc-qr img { width: 100%; height: 100%; display: block; object-fit: contain; }
.follow-cta .fc-k { font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--crimson); }
.follow-cta .fc-name { font-family: "Noto Serif SC", serif; font-weight: 900; font-size: 20px; margin-top: 4px; }
.follow-cta .fc-name em { font-family: "Cormorant Garamond", serif; font-style: italic; color: var(--ochre); }
.follow-cta .fc-desc { font-family: "Cormorant Garamond", serif; font-size: 15px; color: var(--ink-2); margin-top: 6px; line-height: 1.55; }
.follow-cta .fc-more { font-family: "JetBrains Mono", monospace; font-size: 11px; color: var(--ink-3); margin-top: 10px; display: inline-block; border-bottom: 1px solid var(--rule); }
@media (max-width: 620px) { .follow-cta .fc-in { flex-direction: column; text-align: center; gap: 14px; } }