/* StableDesk · 稳定币桌 · 杂志级 UI v2 · 2026-05-19 */

:root {
  /* === Colors === */
  --primary: #0F766E;
  --primary-2: #0D9488;
  --primary-3: #14B8A6;
  --primary-dark: #115E59;
  --primary-deep: #042F2E;
  --primary-soft: #CCFBF1;
  --primary-pale: #F0FDFA;

  --accent: #F59E0B;
  --accent-2: #FBBF24;
  --accent-soft: #FEF3C7;
  --accent-pale: #FFFBEB;
  --accent-dark: #D97706;

  --trust: #1E3A5F;
  --trust-2: #334E68;

  --bg: #FAFAF9;
  --bg-soft: #F5F5F4;
  --bg-warm: #FFFBEB;
  --bg-pure: #FFFFFF;
  --bg-dark: #0F172A;
  --bg-paper: #F8F5EE;  /* 杂志纸张色 */

  --ink: #0F172A;
  --ink-2: #334155;
  --ink-3: #64748B;
  --ink-4: #94A3B8;

  --line: #E2E8F0;
  --line-soft: #F1F5F9;
  --line-strong: #CBD5E1;

  --green: #10B981;
  --red: #EF4444;
  --yellow: #EAB308;

  /* === Typography === */
  --sans: "Inter", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --serif: "Source Serif Pro", "Noto Serif SC", "Songti SC", Georgia, serif;
  --mono: "JetBrains Mono", "SF Mono", "Menlo", Consolas, monospace;

  /* === Sizes === */
  --t-xs: 0.78rem;
  --t-sm: 0.88rem;
  --t-base: 1rem;
  --t-lg: 1.125rem;
  --t-xl: 1.25rem;
  --t-2xl: 1.5rem;
  --t-3xl: 1.875rem;
  --t-4xl: 2.5rem;
  --t-5xl: 3.25rem;
  --t-6xl: 4.5rem;
  --t-7xl: 5.5rem;
  --t-8xl: 7rem;

  /* === Radius === */
  --r-xs: 4px;
  --r-sm: 8px;
  --r: 12px;
  --r-lg: 18px;
  --r-xl: 24px;
  --r-2xl: 32px;
  --r-full: 999px;

  /* === Shadow === */
  --sh-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
  --sh-sm: 0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
  --sh-md: 0 4px 6px -1px rgba(15, 23, 42, 0.06), 0 2px 4px -2px rgba(15, 23, 42, 0.04);
  --sh-lg: 0 10px 15px -3px rgba(15, 23, 42, 0.08), 0 4px 6px -4px rgba(15, 23, 42, 0.04);
  --sh-xl: 0 20px 25px -5px rgba(15, 23, 42, 0.10), 0 8px 10px -6px rgba(15, 23, 42, 0.04);
  --sh-2xl: 0 25px 50px -12px rgba(15, 23, 42, 0.20);
  --sh-paper: 0 1px 0 rgba(15, 23, 42, 0.04), 0 0 0 1px rgba(15, 23, 42, 0.04), 0 12px 32px rgba(15, 23, 42, 0.08);
  --sh-glow: 0 0 0 4px rgba(15, 118, 110, 0.12);
  --sh-glow-amber: 0 0 0 4px rgba(245, 158, 11, 0.20);

  --maxw: 1280px;
  --maxw-prose: 760px;

  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html {
  scroll-behavior: smooth;
  scroll-padding-top: 96px;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  background: var(--bg);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 17px;
  line-height: 1.7;
  letter-spacing: -0.005em;
  font-feature-settings: "kern", "liga", "calt", "ss01";
  text-rendering: optimizeLegibility;
}
img, svg, video { max-width: 100%; height: auto; display: block; }
a { color: var(--primary); text-decoration: none; transition: color 0.15s var(--ease); }
a:hover { color: var(--primary-dark); }
button { font-family: inherit; cursor: pointer; }
ul, ol { padding: 0; list-style: none; }

::selection { background: var(--accent-soft); color: var(--ink); }
::-moz-selection { background: var(--accent-soft); color: var(--ink); }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--bg-soft); }
::-webkit-scrollbar-thumb { background: var(--line-strong); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: var(--ink-4); }

code {
  background: var(--accent-soft);
  color: var(--primary-dark);
  padding: 2px 7px;
  border-radius: 5px;
  font-family: var(--mono);
  font-size: 0.9em;
  font-weight: 600;
}

.skip-link { position: absolute; left: -9999px; top: 0; background: var(--ink); color: #fff; padding: 12px 18px; font-weight: 700; }
.skip-link:focus { left: 0; top: 0; z-index: 9999; }

/* ===== Disclosure 顶条 ===== */
.disclosure {
  background: var(--ink);
  color: #fff;
  font-size: var(--t-xs);
  text-align: center;
  padding: 10px 24px;
  letter-spacing: 0.02em;
  font-family: var(--mono);
}
.disclosure a {
  color: var(--accent-2);
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 600;
}
.disclosure code { background: rgba(245, 158, 11, 0.15); color: var(--accent-2); }

/* ===== 杂志感 Nav ===== */
nav.top {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(250, 250, 249, 0.92);
  backdrop-filter: saturate(180%) blur(24px);
  -webkit-backdrop-filter: saturate(180%) blur(24px);
  border-bottom: 1px solid var(--line-soft);
}
.nav-wrap {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 18px 32px;
  display: flex;
  align-items: center;
  gap: 40px;
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--ink);
  transition: opacity 0.15s var(--ease);
}
.brand:hover { opacity: 0.78; color: var(--ink); }
.brand:hover .brand-logo .anchor-dot { fill: var(--accent-dark); }
.brand-logo {
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  display: block;
}
.brand-logo .anchor-dot { transition: fill 0.2s var(--ease); }
.brand-name {
  display: inline-flex;
  flex-direction: column;
  line-height: 1.0;
  font-family: var(--serif);
  letter-spacing: -0.01em;
}
.brand-name .cn {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--ink);
  letter-spacing: 0.02em;
}
.brand-name .en {
  font-size: 0.62rem;
  color: var(--ink-3);
  font-weight: 600;
  letter-spacing: 0.22em;
  font-family: var(--mono);
  margin-top: 5px;
  text-transform: uppercase;
}
/* Backward compat (legacy spans, if any) */
.brand-name .main { font-size: 1.15rem; font-weight: 700; font-family: var(--serif); }
.brand-name .sub, .brand-name .issue { font-size: 0.62rem; color: var(--ink-3); font-weight: 600; letter-spacing: 0.22em; font-family: var(--mono); margin-top: 5px; text-transform: uppercase; }
.nav-links {
  display: flex;
  gap: 32px;
  font-size: var(--t-sm);
  flex: 1;
}
.nav-link {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  color: var(--ink-2);
  padding: 8px 0;
  font-weight: 500;
  position: relative;
  transition: color 0.15s var(--ease);
}
.nav-link .nl-num {
  font-family: var(--mono);
  font-size: 0.72rem;
  color: var(--ink-4);
  font-weight: 700;
  letter-spacing: 0.04em;
}
.nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: 0;
  height: 2px;
  background: var(--accent);
  transition: right 0.25s var(--ease);
  border-radius: 2px;
}
.nav-link:hover { color: var(--ink); }
.nav-link:hover::after { right: 0; }
.nav-link:hover .nl-num { color: var(--accent); }
.nav-update-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px 6px 8px;
  border-radius: var(--r-full);
  background: var(--bg-pure);
  border: 1px solid var(--line);
  font-size: var(--t-xs);
  font-weight: 600;
  color: var(--ink-2);
  font-family: var(--mono);
  letter-spacing: 0.02em;
}
.nav-update-badge .pulse {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.20);
  animation: pulse 2s infinite;
}
.nav-cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 11px 22px;
  border-radius: var(--r-full);
  background: var(--ink);
  color: #fff !important;
  font-weight: 600;
  font-size: var(--t-sm);
  min-height: 44px;
  box-sizing: border-box;
  transition: transform 0.2s var(--ease), box-shadow 0.2s var(--ease);
  box-shadow: var(--sh-md);
}
.nav-cta:hover {
  transform: translateY(-1px);
  box-shadow: var(--sh-lg);
  color: #fff !important;
}
.nav-cta::after { content: "→"; margin-left: 2px; }
.nav-toggle {
  display: none;
  background: none;
  border: 1.5px solid var(--line);
  border-radius: var(--r-sm);
  width: 44px;
  height: 44px;
  color: var(--ink);
  font-size: 1.2rem;
}

@keyframes pulse {
  0%, 100% { box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.20); }
  50% { box-shadow: 0 0 0 8px rgba(16, 185, 129, 0.05); }
}

/* ===== Hero · 杂志封面感 ===== */
.hero {
  padding: 64px 32px 96px;
  background: var(--bg);
  position: relative;
  overflow: hidden;
}
.hero::before {
  content: "";
  position: absolute;
  top: -180px;
  right: -250px;
  width: 1000px;
  height: 1000px;
  background: radial-gradient(circle, rgba(15, 118, 110, 0.10) 0%, transparent 55%);
  pointer-events: none;
}
.hero::after {
  content: "";
  position: absolute;
  bottom: -200px;
  left: -300px;
  width: 800px;
  height: 800px;
  background: radial-gradient(circle, rgba(245, 158, 11, 0.06) 0%, transparent 55%);
  pointer-events: none;
}
.hero-issue {
  max-width: var(--maxw);
  margin: 0 auto 32px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 14px;
}
.hero-issue .label {
  font-family: var(--mono);
  font-size: var(--t-xs);
  font-weight: 700;
  letter-spacing: 0.16em;
  color: var(--primary);
  text-transform: uppercase;
  padding: 4px 10px;
  background: var(--primary-pale);
  border: 1px solid var(--primary-soft);
  border-radius: var(--r-sm);
}
.hero-issue .date {
  font-family: var(--mono);
  font-size: var(--t-xs);
  color: var(--ink-3);
  letter-spacing: 0.04em;
}
.hero-issue .line { flex: 1; height: 1px; background: var(--line); }

.hero-grid {
  max-width: var(--maxw);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 72px;
  align-items: end;
  position: relative;
  z-index: 1;
}
.hero h1 {
  font-size: clamp(2.6rem, 5.5vw, 4.2rem);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -0.03em;
  margin-bottom: 32px;
  color: var(--ink);
  font-family: var(--sans);
}
.hero h1 .hl {
  display: inline;
  background: linear-gradient(180deg, transparent 62%, var(--accent-soft) 62%, var(--accent-soft) 95%, transparent 95%);
  padding: 0 6px;
}
.hero h1 em {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 600;
  color: var(--primary);
}
.hero-sub {
  font-size: 1.18rem;
  color: var(--ink-2);
  margin-bottom: 36px;
  line-height: 1.7;
  max-width: 600px;
  font-family: var(--serif);
  font-weight: 400;
}
.hero-cta {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.hero-meta {
  display: flex;
  gap: 0;
  border-top: 1px solid var(--line);
}
.hero-meta-item {
  flex: 1;
  padding: 18px 0 4px;
  border-right: 1px solid var(--line);
}
.hero-meta-item:last-child { border-right: none; padding-left: 18px; }
.hero-meta-item:not(:first-child) { padding-left: 18px; }
.hero-meta-item .n {
  font-size: 1.8rem;
  font-weight: 800;
  color: var(--ink);
  font-family: var(--mono);
  letter-spacing: -0.02em;
  line-height: 1;
}
.hero-meta-item .l {
  font-size: 0.78rem;
  color: var(--ink-3);
  font-weight: 500;
  margin-top: 6px;
  font-family: var(--mono);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.hero-visual {
  position: relative;
  border-radius: var(--r-2xl);
  overflow: hidden;
  box-shadow: var(--sh-2xl);
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-deep) 100%);
  aspect-ratio: 4 / 5;
  transform: rotate(1deg);
  transition: transform 0.4s var(--ease);
}
.hero-visual:hover { transform: rotate(0deg) translateY(-4px); }
.hero-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-float-badge {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 8px 14px;
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(8px);
  border-radius: var(--r-full);
  font-size: var(--t-xs);
  font-weight: 700;
  color: var(--ink);
  display: flex;
  align-items: center;
  gap: 6px;
  box-shadow: var(--sh-md);
  font-family: var(--mono);
  letter-spacing: 0.04em;
}
.hero-float-badge .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--accent); }
.hero-cover-tag {
  position: absolute;
  bottom: 24px;
  left: 24px;
  padding: 12px 18px;
  background: rgba(15, 23, 42, 0.85);
  backdrop-filter: blur(8px);
  border-radius: var(--r);
  color: #fff;
  max-width: 80%;
}
.hero-cover-tag .ct-label {
  font-family: var(--mono);
  font-size: 0.7rem;
  color: var(--accent-2);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.hero-cover-tag .ct-text {
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.4;
}

/* ===== Buttons ===== */
.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: var(--r-full);
  font-weight: 600;
  font-size: var(--t-base);
  min-height: 48px;
  box-sizing: border-box;
  transition: transform 0.2s var(--ease), box-shadow 0.2s var(--ease), background 0.15s;
  border: none;
  cursor: pointer;
}
.btn-primary {
  background: var(--ink);
  color: #fff;
  box-shadow: var(--sh-md);
}
.btn-primary:hover { transform: translateY(-2px); box-shadow: var(--sh-lg); color: #fff; }
.btn-outline {
  background: var(--bg-pure);
  color: var(--ink);
  border: 1.5px solid var(--line);
}
.btn-outline:hover { border-color: var(--ink); transform: translateY(-1px); box-shadow: var(--sh-sm); }

/* ===== Section ===== */
section.section { padding: 88px 32px; }
section.section.bg-soft { background: var(--bg-soft); }
section.section.bg-paper { background: var(--bg-paper); }
section.section.bg-dark {
  background: linear-gradient(135deg, var(--ink) 0%, var(--trust) 100%);
  color: #fff;
}
.section-wrap { max-width: var(--maxw); margin: 0 auto; }

.section-head {
  max-width: 720px;
  margin: 0 auto 56px;
}
.section-head.center { text-align: center; }
.section-head.left { text-align: left; margin-left: 0; }

.section-head h2 {
  font-size: clamp(2rem, 4vw, 2.8rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.12;
  margin-bottom: 18px;
}
.section-head p {
  color: var(--ink-2);
  font-size: 1.15rem;
  line-height: 1.7;
  font-family: var(--serif);
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--mono);
  font-size: var(--t-xs);
  color: var(--primary-dark);
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.eyebrow::before {
  content: "";
  width: 24px;
  height: 1.5px;
  background: var(--accent);
}

/* ===== Quiz 卡片 · 3 色 ===== */
.quiz-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.quiz-card {
  background: var(--bg-pure);
  border: 1.5px solid var(--line);
  border-radius: var(--r-lg);
  padding: 32px 28px;
  transition: all 0.3s var(--ease);
  color: inherit;
  display: block;
  position: relative;
  overflow: hidden;
}
.quiz-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
}
.quiz-card.q-a::before { background: var(--primary); }
.quiz-card.q-b::before { background: var(--accent); }
.quiz-card.q-c::before { background: var(--trust); }
.quiz-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--sh-xl);
  border-color: var(--ink);
}
.quiz-card .qc-num {
  font-family: var(--mono);
  font-size: var(--t-xs);
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.quiz-card.q-a .qc-num { color: var(--primary); }
.quiz-card.q-b .qc-num { color: var(--accent-dark); }
.quiz-card.q-c .qc-num { color: var(--trust); }
.quiz-card h3 {
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 14px;
  line-height: 1.3;
  letter-spacing: -0.015em;
}
.quiz-card p {
  color: var(--ink-2);
  font-size: 0.96rem;
  line-height: 1.65;
  margin-bottom: 18px;
}
.quiz-card .arrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 0.94rem;
  color: var(--ink);
}
.quiz-card .arrow::after {
  content: "→";
  transition: transform 0.2s var(--ease);
  font-size: 1.1em;
}
.quiz-card:hover .arrow::after { transform: translateX(6px); }

/* ===== Cornerstone · 杂志大编号 ===== */
.cornerstone-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-top: 2px solid var(--ink);
  border-bottom: 2px solid var(--ink);
}
.cs-item {
  display: block;
  padding: 48px 36px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  position: relative;
  background: var(--bg-pure);
  color: inherit;
  transition: background 0.2s var(--ease);
}
.cs-item:nth-child(2n) { border-right: none; }
.cs-item:nth-last-child(-n+2) { border-bottom: none; }
.cs-item:hover { background: var(--bg-soft); }
.cs-num {
  font-family: var(--mono);
  font-size: 0.78rem;
  color: var(--ink-3);
  letter-spacing: 0.18em;
  font-weight: 700;
}
.cs-num .n {
  display: inline-block;
  font-size: 2.4rem;
  color: var(--primary);
  font-weight: 800;
  letter-spacing: -0.03em;
  margin-right: 8px;
  line-height: 1;
  vertical-align: -4px;
}
.cs-item .cs-cat {
  display: inline-block;
  font-family: var(--mono);
  font-size: var(--t-xs);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--accent-dark);
  margin: 18px 0 14px;
  padding-bottom: 4px;
  border-bottom: 1.5px solid var(--accent);
}
.cs-item h3 {
  font-size: 1.65rem;
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.2;
  margin-bottom: 16px;
  color: var(--ink);
}
.cs-item p {
  color: var(--ink-2);
  font-size: 1.02rem;
  line-height: 1.7;
  margin-bottom: 24px;
  font-family: var(--serif);
}
.cs-meta {
  display: flex;
  gap: 18px;
  font-size: var(--t-xs);
  color: var(--ink-3);
  font-family: var(--mono);
  letter-spacing: 0.04em;
  align-items: center;
}
.cs-meta .cs-date { color: var(--ink-2); font-weight: 600; }
.cs-meta .cs-read::before { content: "·"; margin-right: 14px; color: var(--ink-4); }

/* ===== Editorial Quote · 编辑观点（打破模板）===== */
.editorial-quote {
  max-width: 920px;
  margin: 0 auto;
  padding: 56px 48px;
  background: var(--bg-paper);
  border-left: 4px solid var(--accent);
  border-radius: 0 var(--r-lg) var(--r-lg) 0;
  position: relative;
}
.editorial-quote::before {
  content: """;
  position: absolute;
  top: -16px;
  left: 28px;
  font-size: 6rem;
  font-family: var(--serif);
  color: var(--accent);
  line-height: 1;
  opacity: 0.4;
}
.editorial-quote .quote-label {
  font-family: var(--mono);
  font-size: var(--t-xs);
  color: var(--accent-dark);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 16px;
}
.editorial-quote p {
  font-size: 1.32rem;
  line-height: 1.6;
  color: var(--ink);
  font-family: var(--serif);
  font-weight: 400;
  margin-bottom: 24px;
}
.editorial-quote .quote-attr {
  display: flex;
  gap: 16px;
  align-items: center;
  font-size: var(--t-sm);
  color: var(--ink-2);
  padding-top: 20px;
  border-top: 1px solid var(--line);
}
.editorial-quote .quote-attr strong { color: var(--ink); font-weight: 700; }
.editorial-quote .quote-attr .sep { color: var(--ink-4); }

/* ===== Spoke List · 杂志专题列表（不是卡片网格）===== */
.spoke-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 1px solid var(--ink);
}
.spoke-row {
  display: grid;
  grid-template-columns: 60px 1fr 140px 140px;
  gap: 24px;
  align-items: center;
  padding: 24px 8px;
  border-bottom: 1px solid var(--line);
  color: inherit;
  transition: background 0.15s var(--ease);
  position: relative;
}
.spoke-row:hover { background: var(--bg-soft); }
.spoke-row::after {
  content: "→";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2rem;
  color: var(--ink-4);
  opacity: 0;
  transition: opacity 0.2s var(--ease), transform 0.2s var(--ease);
}
.spoke-row:hover::after { opacity: 1; transform: translateY(-50%) translateX(6px); color: var(--primary); }
.spoke-num {
  font-family: var(--mono);
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--primary);
  letter-spacing: -0.02em;
}
.spoke-main h4 {
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--ink);
  margin-bottom: 6px;
  line-height: 1.4;
  letter-spacing: -0.015em;
}
.spoke-main p {
  color: var(--ink-3);
  font-size: 0.88rem;
  line-height: 1.55;
}
.spoke-tag {
  font-family: var(--mono);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.10em;
  color: var(--accent-dark);
  text-transform: uppercase;
}
.spoke-meta {
  font-family: var(--mono);
  font-size: var(--t-xs);
  color: var(--ink-3);
  text-align: right;
  letter-spacing: 0.02em;
  line-height: 1.6;
}
.spoke-meta .date { display: block; color: var(--ink-2); font-weight: 600; }
.spoke-meta .read { color: var(--ink-4); }

/* ===== Tool 卡片（保留 grid 但精致）===== */
.tool-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.tool-card {
  background: var(--bg-pure);
  border: 1px solid var(--line);
  border-radius: var(--r);
  padding: 28px 24px;
  color: inherit;
  transition: all 0.25s var(--ease);
  position: relative;
}
.tool-card::before {
  content: "🛠";
  position: absolute;
  top: 22px;
  right: 22px;
  font-size: 1.2rem;
  opacity: 0.4;
}
.tool-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--sh-lg);
  border-color: var(--primary);
}
.tool-card .t-cat {
  font-family: var(--mono);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--primary);
  margin-bottom: 14px;
  display: block;
}
.tool-card h4 {
  font-size: 1.08rem;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.35;
  letter-spacing: -0.015em;
}
.tool-card p {
  font-size: 0.88rem;
  color: var(--ink-3);
  line-height: 1.55;
}

/* ===== Trust · 编号列表（不是图标卡片）===== */
.trust-list {
  max-width: 920px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
.trust-row {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 32px;
  padding: 36px 0;
  border-bottom: 1px solid var(--line);
  align-items: start;
}
.trust-row:last-child { border-bottom: none; }
.trust-num {
  font-family: var(--mono);
  font-size: 3.2rem;
  font-weight: 800;
  color: var(--primary);
  letter-spacing: -0.04em;
  line-height: 0.9;
}
.trust-row h3 {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 12px;
  letter-spacing: -0.02em;
}
.trust-row p {
  color: var(--ink-2);
  font-size: 1.02rem;
  line-height: 1.75;
  font-family: var(--serif);
  margin: 0;
}
.trust-row p code { background: var(--accent-soft); }

/* ===== Corrections Strip ===== */
.corrections-strip {
  max-width: var(--maxw);
  margin: 0 auto;
  background: var(--bg-pure);
  border: 1px solid var(--line);
  border-left: 4px solid var(--accent);
  border-radius: var(--r);
  padding: 18px 26px;
  display: flex;
  align-items: center;
  gap: 18px;
  font-size: 0.93rem;
  box-shadow: var(--sh-sm);
}
.corrections-strip .lbl {
  font-family: var(--mono);
  font-size: var(--t-xs);
  font-weight: 700;
  color: var(--accent-dark);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  flex-shrink: 0;
}
.corrections-strip .item { color: var(--ink-2); line-height: 1.6; }
.corrections-strip .item strong { color: var(--ink); }
.corrections-strip .link {
  margin-left: auto;
  flex-shrink: 0;
  font-weight: 600;
  font-size: var(--t-sm);
  white-space: nowrap;
}

/* ===== CTA Binance · 高端 ===== */
.cta-binance {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 16px 30px;
  background: linear-gradient(135deg, var(--ink) 0%, var(--trust) 100%);
  color: #fff !important;
  font-weight: 700;
  font-size: 1.02rem;
  border-radius: var(--r-full);
  box-shadow: var(--sh-lg), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  min-height: 48px;
  box-sizing: border-box;
  transition: transform 0.2s var(--ease), box-shadow 0.2s var(--ease);
  position: relative;
  overflow: hidden;
}
.cta-binance::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.15) 50%, transparent 100%);
  transform: translateX(-100%);
  transition: transform 0.6s var(--ease);
}
.cta-binance:hover {
  transform: translateY(-2px);
  box-shadow: var(--sh-xl), inset 0 1px 0 rgba(255, 255, 255, 0.15);
  color: #fff !important;
}
.cta-binance:hover::before { transform: translateX(100%); }
.cta-binance::after { content: "→"; font-weight: 700; font-size: 1.1em; }

/* ===== Article body ===== */
article.article {
  max-width: var(--maxw-prose);
  margin: 0 auto;
  padding: 64px 32px;
}
article.article h1 {
  font-size: clamp(2rem, 3.8vw, 2.8rem);
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1.16;
  margin-bottom: 18px;
}
article.article .byline {
  color: var(--ink-3);
  font-size: 0.94rem;
  margin-bottom: 40px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--line);
  font-family: var(--mono);
  letter-spacing: 0.01em;
}
article.article .byline strong { color: var(--ink-2); font-weight: 600; }
article.article h2 {
  font-size: 1.7rem;
  font-weight: 700;
  margin: 60px 0 20px;
  padding-top: 20px;
  border-top: 1px solid var(--line-soft);
  letter-spacing: -0.015em;
  line-height: 1.22;
}
article.article h3 {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 36px 0 14px;
  letter-spacing: -0.01em;
}
article.article p { margin-bottom: 22px; }
article.article ul, article.article ol { margin-bottom: 22px; padding-left: 1.5em; list-style: revert; }
article.article li { margin-bottom: 8px; line-height: 1.75; }
article.article table {
  width: 100%;
  border-collapse: collapse;
  margin: 28px 0;
  font-size: 0.94rem;
  border: 1px solid var(--line);
  border-radius: var(--r);
  overflow: hidden;
}
article.article th, article.article td {
  padding: 14px 16px;
  text-align: left;
  border-bottom: 1px solid var(--line);
}
article.article th {
  background: var(--bg-soft);
  font-weight: 700;
  font-size: 0.9rem;
}
article.article tr:last-child td { border-bottom: none; }
article.article tr:hover td { background: var(--bg-soft); }
article.article blockquote {
  margin: 32px 0;
  padding: 24px 30px;
  border-left: 4px solid var(--primary);
  background: var(--primary-pale);
  color: var(--ink);
  border-radius: 0 var(--r) var(--r) 0;
  font-style: normal;
  position: relative;
  font-family: var(--serif);
}
article.article details {
  margin: 16px 0;
  padding: 18px 22px;
  background: var(--bg-soft);
  border: 1px solid var(--line);
  border-radius: var(--r);
  transition: border-color 0.15s;
}
article.article details:hover { border-color: var(--line-strong); }
article.article details summary {
  cursor: pointer;
  font-weight: 600;
  font-size: 1.02rem;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
article.article details summary::-webkit-details-marker { display: none; }
article.article details summary::after {
  content: "+";
  font-size: 1.3rem;
  color: var(--ink-3);
  transition: transform 0.2s var(--ease);
}
article.article details[open] summary { margin-bottom: 12px; }
article.article details[open] summary::after { transform: rotate(45deg); }

/* ===== TL;DR ===== */
.tldr {
  background: linear-gradient(135deg, var(--accent-pale) 0%, var(--accent-soft) 100%);
  border-left: 4px solid var(--accent);
  padding: 24px 28px;
  margin: 32px 0;
  border-radius: 0 var(--r) var(--r) 0;
}
.tldr-title {
  font-family: var(--mono);
  font-size: var(--t-xs);
  font-weight: 700;
  color: #92400E;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.tldr-body { color: var(--ink); font-size: 1rem; line-height: 1.75; }

/* ===== Hands-on ===== */
.hands-on-test {
  background: linear-gradient(135deg, #FFFBEB 0%, #FEF3C7 100%);
  border: 1px solid #FCD34D;
  padding: 22px 26px;
  margin: 32px 0;
  border-radius: var(--r);
}
.hands-on-test h4 {
  margin-bottom: 10px;
  color: #92400E;
  font-size: 1.06rem;
  font-weight: 700;
}
.hands-on-test p { margin-bottom: 6px; font-size: 0.95rem; }
.hands-on-test em { color: var(--ink-3); font-size: 0.85rem; font-style: normal; }

/* ===== Article cover ===== */
figure.article-cover {
  margin-bottom: 40px;
  border-radius: var(--r-xl);
  overflow: hidden;
  box-shadow: var(--sh-xl);
}
figure.article-cover svg, figure.article-cover img { width: 100%; height: auto; display: block; }
.visually-hidden { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* ===== Footer ===== */
footer.bottom {
  background: var(--ink);
  color: #94A3B8;
  padding: 80px 32px 40px;
  margin-top: 120px;
  position: relative;
}
footer.bottom::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, var(--accent) 50%, transparent 100%);
}
.footer-wrap {
  max-width: var(--maxw);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 56px;
}
footer.bottom h4 {
  color: #fff;
  font-size: 1.02rem;
  margin-bottom: 20px;
  font-weight: 700;
  font-family: var(--mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
footer.bottom li { margin-bottom: 10px; }
footer.bottom a { color: #94A3B8; font-size: 0.93rem; transition: color 0.15s; }
footer.bottom a:hover { color: #fff; }
.footer-bottom {
  max-width: var(--maxw);
  margin: 56px auto 0;
  padding-top: 28px;
  border-top: 1px solid #1E293B;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  font-size: var(--t-sm);
  color: #64748B;
}
.footer-bottom code { background: #1E293B; color: #94A3B8; }

/* ===== Article footer ===== */
.article-footer {
  margin: 64px 0 0;
  padding: 36px 0 0;
  border-top: 2px solid var(--line);
  font-size: 0.94rem;
  color: var(--ink-2);
}
.article-footer p { margin-bottom: 14px; }
.article-footer strong { color: var(--ink); }
.byline-final { font-size: 1.02rem; font-family: var(--mono); letter-spacing: 0.01em; }
.affiliate-disclosure {
  background: var(--bg-soft);
  padding: 18px 22px;
  border-radius: var(--r);
  border-left: 3px solid var(--primary);
  font-size: 0.92rem;
  line-height: 1.7;
}
.sources a { word-break: break-all; }

/* ===== Mobile ===== */
@media (max-width: 960px) {
  .quiz-grid { grid-template-columns: 1fr; }
  .cornerstone-grid { grid-template-columns: 1fr; }
  .cs-item { border-right: none; }
  .tool-grid { grid-template-columns: repeat(2, 1fr); }
  .hero-grid { grid-template-columns: 1fr; gap: 48px; }
  .footer-wrap { grid-template-columns: repeat(2, 1fr); }
  .spoke-row { grid-template-columns: 50px 1fr; gap: 14px; padding: 18px 8px; }
  .spoke-row .spoke-tag, .spoke-row .spoke-meta { display: none; }
}
@media (max-width: 768px) {
  .hero { padding: 48px 20px 64px; }
  .nav-links, .nav-update-badge { display: none; }
  .nav-toggle { display: inline-flex; align-items: center; justify-content: center; }
  nav.top.is-open .nav-links {
    display: flex; flex-direction: column;
    position: absolute; top: 100%; left: 0; right: 0;
    background: #fff; padding: 20px 28px;
    box-shadow: var(--sh-lg); gap: 4px;
  }
  nav.top.is-open .nav-links a { padding: 14px 0; min-height: 44px; }
  section.section { padding: 56px 20px; }
  article.article { padding: 44px 20px; }
  .trust-row { grid-template-columns: 1fr; gap: 12px; padding: 28px 0; }
  .trust-num { font-size: 2.2rem; }
  .footer-wrap { grid-template-columns: 1fr; gap: 36px; }
  .hero h1 { font-size: 2.2rem; }
  .editorial-quote { padding: 36px 24px; }
  .editorial-quote p { font-size: 1.1rem; }
  .cs-item { padding: 32px 24px; }
  .cs-item h3 { font-size: 1.3rem; }
  .corrections-strip { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 360px) {
  .hero h1 { font-size: 1.7rem; }
  article.article h1 { font-size: 1.4rem; }
}

/* ===== Anim ===== */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}
.fade-up { animation: fadeUp 0.6s var(--ease-out) backwards; }
.fade-up:nth-child(1) { animation-delay: 0.05s; }
.fade-up:nth-child(2) { animation-delay: 0.10s; }
.fade-up:nth-child(3) { animation-delay: 0.15s; }
.fade-up:nth-child(4) { animation-delay: 0.20s; }

/* ============================================================
   ✨ UI 升级 v3 · 2026-05-20 · 杂志级精修
   覆盖原 v2 关键样式，提升视觉权重 + 精致细节
   ============================================================ */

:root {
  /* 暖纸色背景（替换冷白） */
  --bg: #F8F5F0;
  --bg-soft: #F0EBE2;
  --bg-paper: #EFE7D6;
  --bg-pure: #FFFFFF;
  --line: #D8D2C5;
  --line-soft: #E8E3D6;

  /* 字体升级：用更优雅的衬线 */
  --serif: "Source Serif 4", "Source Serif Pro", "Noto Serif SC", "Songti SC", "STSong", Georgia, serif;
}

body { background: var(--bg); }

/* ---- Hero 视觉权重升级 ---- */
.hero {
  padding: 84px 32px 110px;
}
.hero::before {
  top: -250px;
  right: -300px;
  width: 1100px;
  height: 1100px;
  background: radial-gradient(circle, rgba(15, 118, 110, 0.07) 0%, transparent 60%);
}
.hero-issue {
  margin: 0 auto 56px;
  gap: 18px;
}
.hero-issue .label {
  font-size: 0.72rem;
  letter-spacing: 0.22em;
  padding: 5px 12px 4px;
  background: var(--bg-pure);
  border: 1px solid var(--primary);
  color: var(--primary-dark);
  border-radius: 2px;
  font-weight: 800;
}
.hero-issue .date {
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  color: var(--ink-2);
  text-transform: uppercase;
}
.hero-issue .line { background: var(--ink-4); opacity: 0.4; }

.hero-grid { gap: 88px; }

.hero h1 {
  font-size: clamp(2.8rem, 6vw, 4.6rem);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -0.038em;
  margin-bottom: 36px;
  font-family: var(--serif);
}
.hero h1 em {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 500;
  color: var(--primary-dark);
  position: relative;
}
.hero h1 em::after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  bottom: -2px;
  height: 6px;
  background: var(--accent);
  opacity: 0.35;
  border-radius: 2px;
  z-index: -1;
}
.hero-sub {
  font-size: 1.15rem;
  line-height: 1.75;
  font-family: var(--serif);
  color: var(--ink-2);
  max-width: 580px;
  margin-bottom: 44px;
}
.hero-visual {
  aspect-ratio: 4 / 5;
  border-radius: 4px; /* 杂志硬边感，不要圆角 */
  transform: rotate(0.5deg);
  box-shadow:
    0 1px 0 rgba(15, 23, 42, 0.06),
    0 30px 60px -15px rgba(15, 23, 42, 0.22),
    0 0 0 1px rgba(15, 23, 42, 0.04);
}
.hero-visual:hover { transform: rotate(0deg) translateY(-6px); }

/* ---- Brand · 衬线字体 ---- */
.brand-name .cn {
  font-family: var(--serif);
  font-size: 1.18rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--ink);
}
.brand-name .en {
  letter-spacing: 0.26em;
}

/* ---- 顶导栏更精致 ---- */
nav.top {
  background: rgba(248, 245, 240, 0.92);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line);
}

/* ---- Cornerstone 更精致 ---- */
.cornerstone-grid {
  border-top: 3px double var(--ink);
  border-bottom: 3px double var(--ink);
}
.cs-item { padding: 56px 44px; background: var(--bg-pure); }
.cs-item:hover { background: var(--bg-paper); }
.cs-num {
  letter-spacing: 0.22em;
  font-size: 0.72rem;
}
.cs-num .n {
  font-size: 3rem;
  font-family: var(--serif);
  font-weight: 700;
  font-style: italic;
  color: var(--primary-dark);
  margin-right: 12px;
  vertical-align: -8px;
}
.cs-item h3 {
  font-family: var(--serif);
  font-weight: 700;
  font-size: 1.72rem;
  letter-spacing: -0.025em;
}

/* ---- Editorial Quote 杂志感 ---- */
.editorial-quote {
  background: var(--bg-paper);
  border-left: 0;
  border-radius: 0;
  padding: 64px 56px 52px;
  position: relative;
  border-top: 1px solid var(--ink-4);
  border-bottom: 1px solid var(--ink-4);
}
.editorial-quote::before {
  content: "\201C";
  position: absolute;
  top: 8px;
  left: 32px;
  font-size: 8rem;
  font-family: "Source Serif 4", Georgia, serif;
  color: var(--accent);
  line-height: 1;
  opacity: 0.55;
  font-style: italic;
  font-weight: 400;
}
.editorial-quote .quote-label {
  letter-spacing: 0.22em;
  font-size: 0.72rem;
}
.editorial-quote p {
  font-size: 1.5rem;
  line-height: 1.55;
  font-family: var(--serif);
  font-weight: 400;
  color: var(--ink);
  font-style: italic;
}

/* ---- Spoke row 杂志感 ---- */
.spoke-list { border-top: 2px solid var(--ink); }
.spoke-row { padding: 28px 12px; }
.spoke-num {
  font-family: var(--serif);
  font-weight: 700;
  font-style: italic;
  font-size: 1.65rem;
  color: var(--primary-dark);
}
.spoke-main h4 {
  font-family: var(--serif);
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}

/* ---- Trust 区杂志感 ---- */
.trust-num {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 700;
  font-size: 3.6rem;
  color: var(--primary-dark);
}
.trust-row h3 {
  font-family: var(--serif);
  font-weight: 700;
  letter-spacing: -0.02em;
}

/* ---- Section head 更精致 ---- */
.section-head h2 {
  font-family: var(--serif);
  font-weight: 700;
  letter-spacing: -0.03em;
}
.eyebrow {
  padding: 4px 12px;
  background: transparent;
  border: 1px solid var(--primary);
  color: var(--primary-dark);
  border-radius: 2px;
  font-weight: 800;
  letter-spacing: 0.18em;
}

/* ---- 章节分隔细线 ---- */
.section + .section { border-top: 1px solid var(--line); }

/* ---- Tool card 精修 ---- */
.tool-card {
  border-radius: 4px;
  border: 1px solid var(--line);
  background: var(--bg-pure);
}
.tool-card h4 {
  font-family: var(--serif);
  font-weight: 700;
}

/* ---- Quiz card 精修 ---- */
.quiz-card {
  border-radius: 4px;
  background: var(--bg-pure);
  border: 1px solid var(--line);
}
.quiz-card h3 {
  font-family: var(--serif);
  font-weight: 700;
  letter-spacing: -0.02em;
}

/* ---- Corrections strip 精修 ---- */
.corrections-strip {
  background: var(--bg-pure);
  border-radius: 4px;
  border: 1px solid var(--line);
  border-left: 4px solid var(--accent);
}

/* ---- Footer 杂志感 ---- */
.bottom { background: #0F1C24; }

/* ---- Hero cover tag 更克制 ---- */
.hero-cover-tag {
  background: rgba(15, 23, 42, 0.92);
  border-radius: 2px;
  padding: 14px 20px;
}

/* ---- Buttons 精修 ---- */
.btn-primary { border-radius: 4px; padding: 14px 28px; font-weight: 700; }
.btn-outline { border-radius: 4px; padding: 13px 27px; font-weight: 700; }
.nav-cta { border-radius: 4px; padding: 10px 20px; font-weight: 700; }

/* ============================================================
   ✨ Legacy 页面兜底 · site-header / site-nav / site-footer
   适用：about / editorial / disclaimer / privacy / terms /
        corrections / glossary / authors/* / articles/*（除 index）
   ============================================================ */

.site-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 32px;
  background: rgba(248, 245, 240, 0.92);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--line);
  position: sticky;
  top: 0;
  z-index: 50;
  max-width: 100%;
  font-family: var(--sans);
}
.site-header .brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--ink);
  font-family: var(--serif);
  font-size: 1.12rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.site-header .brand::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none'><circle cx='20' cy='20' r='17.5' stroke='%230F766E' stroke-width='1.8' fill='none'/><line x1='10.5' y1='16' x2='29.5' y2='16' stroke='%230F766E' stroke-width='2.4' stroke-linecap='round'/><line x1='10.5' y1='24' x2='29.5' y2='24' stroke='%230F766E' stroke-width='2.4' stroke-linecap='round'/><circle cx='20' cy='20' r='2.6' fill='%23F59E0B'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
}
.site-header .brand:hover { opacity: 0.78; color: var(--ink); }

.site-header nav,
.site-header .site-nav {
  display: flex;
  gap: 28px;
  font-size: 0.92rem;
}
.site-header nav a,
.site-header .site-nav a {
  color: var(--ink-2);
  font-weight: 500;
  padding: 8px 0;
  position: relative;
  transition: color 0.15s var(--ease);
}
.site-header nav a:hover,
.site-header .site-nav a:hover { color: var(--ink); }
.site-header nav a[aria-current="page"],
.site-header .site-nav a[aria-current="page"] {
  color: var(--primary-dark);
  font-weight: 700;
}
.site-header nav a[aria-current="page"]::after,
.site-header .site-nav a[aria-current="page"]::after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  bottom: -2px;
  height: 2px;
  background: var(--accent);
  border-radius: 1px;
}

.site-footer {
  background: #0F1C24;
  color: #94A3B8;
  padding: 32px 32px;
  font-size: 0.88rem;
  text-align: center;
  margin-top: 80px;
  font-family: var(--sans);
}
.site-footer p { line-height: 1.8; margin: 0; }
.site-footer a {
  color: #CBD5E1;
  margin: 0 6px;
}
.site-footer a:hover { color: #fff; }

/* Legacy 页面文章区 layout */
main.page-articles-index,
main.legal-page,
main.about-page,
main.editorial-page,
main.glossary-page,
main.corrections-page,
main.author-page,
article.article-page {
  max-width: 780px;
  margin: 0 auto;
  padding: 56px 32px 80px;
  font-family: var(--sans);
}

main.page-articles-index .hero,
main.legal-page .hero,
main.about-page .hero,
main.editorial-page .hero,
main.glossary-page .hero,
main.corrections-page .hero,
main.author-page .hero {
  padding: 0 0 40px;
  margin-bottom: 32px;
  border-bottom: 1px solid var(--line);
  background: transparent;
}
main.page-articles-index .hero::before,
main.page-articles-index .hero::after { display: none; }

main h1, article.article-page h1 {
  font-family: var(--serif);
  font-size: clamp(2rem, 4vw, 2.8rem);
  font-weight: 700;
  letter-spacing: -0.028em;
  line-height: 1.15;
  color: var(--ink);
  margin-bottom: 18px;
}
main h2 {
  font-family: var(--serif);
  font-weight: 700;
  font-size: 1.55rem;
  letter-spacing: -0.02em;
  margin: 48px 0 16px;
  color: var(--ink);
}
main h3 {
  font-family: var(--serif);
  font-weight: 700;
  font-size: 1.22rem;
  margin: 32px 0 12px;
  color: var(--ink);
}
main p, main li {
  line-height: 1.78;
  color: var(--ink-2);
  font-size: 1.04rem;
  margin-bottom: 14px;
  font-family: var(--serif);
}
main ul, main ol { padding-left: 22px; margin-bottom: 18px; }
main strong { color: var(--ink); font-weight: 700; }
main blockquote {
  border-left: 3px solid var(--accent);
  padding: 4px 0 4px 20px;
  margin: 24px 0;
  color: var(--ink-2);
  font-style: italic;
  font-family: var(--serif);
}

main .eyebrow,
main .section-title,
main .tag-flagship {
  font-family: var(--mono);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--primary-dark);
  margin-bottom: 10px;
  display: inline-block;
}
main .lede {
  font-family: var(--serif);
  font-size: 1.15rem;
  line-height: 1.7;
  color: var(--ink-2);
  margin-bottom: 28px;
}

main .article-card,
main .block {
  padding: 28px 0;
  border-bottom: 1px solid var(--line);
}
main .article-card:last-child,
main .block:last-child { border-bottom: none; }

main .article-card h3 { margin-top: 0; }
main .article-card h3 a { color: var(--ink); }
main .article-card h3 a:hover { color: var(--primary-dark); }
main .article-summary {
  color: var(--ink-2);
  line-height: 1.7;
  margin: 12px 0;
  font-size: 0.98rem;
  font-family: var(--serif);
}
main .article-meta {
  font-family: var(--mono);
  font-size: 0.78rem;
  color: var(--ink-3);
  letter-spacing: 0.04em;
  margin: 0;
}

main .tool-list { list-style: none; padding: 0; }
main .tool-list li {
  padding: 12px 0;
  border-bottom: 1px solid var(--line-soft);
  font-family: var(--sans);
  font-size: 0.96rem;
}
main .tool-list li:last-child { border-bottom: none; }
main .tool-list strong { color: var(--primary-dark); font-weight: 700; }

main .byline-final {
  font-family: var(--mono);
  font-size: 0.82rem;
  color: var(--ink-3);
  letter-spacing: 0.06em;
}

/* ============================================================
   ✨ UI v4 · 2026-05-20 · 进一步精修（杂志印刷感细节）
   ============================================================ */

/* ---- 删除「独立刊」印章（与旧 .hero::after 800x800 圆形继承冲突，导致跨屏巨框） ---- */
.hero { position: relative; }

/* Hero 主标题前加一根 amber 引导竖线 */
.hero h1::before {
  content: "";
  display: block;
  width: 56px;
  height: 4px;
  background: var(--accent);
  margin-bottom: 28px;
  border-radius: 2px;
}

/* ---- 字距密度让中文更精致 ---- */
.hero-sub { letter-spacing: 0.01em; }
.editorial-quote p { letter-spacing: 0.01em; }
main p, main li { letter-spacing: 0.005em; }

/* ---- Cornerstone h3 前加杂志感小标 ---- */
.cs-item h3 {
  position: relative;
  padding-left: 0;
}
.cs-item h3::before {
  content: "▸";
  display: inline-block;
  margin-right: 10px;
  color: var(--accent);
  font-size: 0.85em;
  transform: translateY(-2px);
}

/* ---- Spoke 行斑马纹 + hover ---- */
.spoke-row:nth-child(odd) { background: rgba(239, 231, 214, 0.18); }
.spoke-row:hover { background: var(--bg-paper); }
.spoke-row::after { right: 18px; font-size: 1.4rem; }
.spoke-row:hover::after { color: var(--accent-dark); }

/* ---- nav.top 顶部 amber 细线（杂志报眉感） ---- */
nav.top::before {
  content: "";
  display: block;
  height: 2px;
  background: linear-gradient(90deg, var(--accent) 0%, var(--primary) 50%, var(--accent) 100%);
}

/* ---- Brand 字体微调 + hover ---- */
.brand-name .cn { font-size: 1.22rem; }
.brand:hover .brand-logo circle:first-child { stroke: var(--primary-dark); }

/* ---- Editorial-quote 终极版（杂志专栏感） ---- */
.editorial-quote {
  background: var(--bg-paper);
  border-top: 2px solid var(--ink);
  border-bottom: 2px solid var(--ink);
  padding: 72px 64px 56px;
  position: relative;
}
.editorial-quote::before {
  font-size: 9rem;
  top: 4px;
  left: 28px;
  opacity: 0.7;
}
.editorial-quote p {
  font-size: 1.55rem;
  line-height: 1.5;
  font-style: italic;
  font-weight: 400;
  text-indent: 1.8em;
}
.editorial-quote .quote-attr {
  border-top: 1px solid var(--ink-4);
  padding-top: 22px;
  margin-top: 32px;
  font-family: var(--mono);
  font-size: 0.78rem;
  letter-spacing: 0.06em;
  color: var(--ink-3);
}
.editorial-quote .quote-attr strong {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 700;
  font-size: 1.05rem;
  color: var(--ink);
  letter-spacing: 0;
}

/* ---- Trust 行加细线分隔 + 序号下方 amber 短线 ---- */
.trust-row { padding: 44px 0; }
.trust-num {
  position: relative;
  padding-bottom: 14px;
}
.trust-num::after {
  content: "";
  position: absolute;
  bottom: 0; left: 0;
  width: 32px;
  height: 3px;
  background: var(--accent);
  border-radius: 2px;
}

/* ---- Section head 大标题前细线 ---- */
.section-head { position: relative; }
.section-head .eyebrow {
  position: relative;
  display: inline-block;
}

/* ---- 顶部 disclosure 条更精致 ---- */
.disclosure {
  background: var(--ink);
  color: rgba(255, 255, 255, 0.92);
  padding: 11px 32px;
  font-size: 0.83rem;
  text-align: center;
  letter-spacing: 0.01em;
  font-family: var(--sans);
}
.disclosure code {
  background: rgba(245, 158, 11, 0.22);
  color: var(--accent-2);
  padding: 2px 7px;
  border-radius: 3px;
  font-family: var(--mono);
  font-size: 0.92em;
}
.disclosure a {
  color: var(--accent-2);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.disclosure a:hover { color: #fff; }
.disclosure strong { color: var(--accent-2); }

/* ---- 按钮 hover 微动效 ---- */
.btn-primary {
  background: var(--ink);
  color: #fff;
  border: 2px solid var(--ink);
  transition: all 0.2s var(--ease);
  position: relative;
  overflow: hidden;
}
.btn-primary::after {
  content: "→";
  margin-left: 8px;
  display: inline-block;
  transition: transform 0.2s var(--ease);
}
.btn-primary:hover {
  background: var(--accent-dark);
  border-color: var(--accent-dark);
  color: #fff;
}
.btn-primary:hover::after { transform: translateX(4px); }

.btn-outline {
  background: transparent;
  color: var(--ink);
  border: 2px solid var(--ink);
  transition: all 0.2s var(--ease);
}
.btn-outline:hover {
  background: var(--ink);
  color: #fff;
}

.nav-cta {
  background: var(--ink);
  color: #fff !important;
  border-radius: 4px;
  padding: 9px 18px;
  border: 2px solid var(--ink);
  font-weight: 700;
}
.nav-cta:hover {
  background: var(--accent-dark);
  border-color: var(--accent-dark);
  color: #fff !important;
  transform: translateY(-1px);
}

/* ---- Quiz card 增强 hover ---- */
.quiz-card {
  position: relative;
  border-top: 3px solid var(--ink);
  border-left: 1px solid var(--line);
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  transition: all 0.25s var(--ease);
}
.quiz-card:hover {
  border-top-color: var(--accent);
  transform: translateY(-4px);
  box-shadow: var(--sh-lg);
}
.quiz-card .tag {
  background: transparent;
  border: 1px solid var(--ink);
  color: var(--ink);
  border-radius: 0;
  padding: 4px 10px;
  font-family: var(--mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 0.7rem;
  font-weight: 700;
}

/* ---- Tool card 增强 ---- */
.tool-card {
  border-radius: 0;
  border: 1px solid var(--line);
  border-top: 3px solid var(--primary);
}
.tool-card:hover {
  border-color: var(--accent-dark);
  border-top-color: var(--accent-dark);
}
.tool-card .t-cat {
  color: var(--ink-3);
}

/* ---- Hero cover tag 更克制 ---- */
.hero-cover-tag .ct-label { color: var(--accent-2); }

/* ---- 微动效：fade-up ---- */
.fade-up { animation-duration: 0.7s; }

/* ---- 文章页 byline 更精致 ---- */
.article-byline {
  font-family: var(--mono);
  font-size: 0.82rem;
  letter-spacing: 0.06em;
  color: var(--ink-3);
  padding: 16px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  margin: 24px 0 40px;
}
.article-byline strong {
  color: var(--ink);
  font-family: var(--serif);
  font-style: italic;
  letter-spacing: 0;
  font-size: 1rem;
  font-weight: 700;
}

/* ---- 响应式：印章在 mobile 隐藏 ---- */
@media (max-width: 768px) {
  .hero::after { display: none; }
  .editorial-quote { padding: 56px 24px 40px; }
  .editorial-quote p { font-size: 1.18rem; text-indent: 1em; }
  .editorial-quote::before { font-size: 6rem; }
}

/* ============================================================
   ✨ UI v5 · 2026-05-20 · 保守精修
   只动小细节，不动结构 — 避免引入新 bug
   ============================================================ */

/* ---- 顶部 disclosure 条更克制 ---- */
.disclosure {
  font-size: 0.81rem;
  letter-spacing: 0.01em;
  padding: 10px 32px;
  font-weight: 500;
}
.disclosure code { font-weight: 700; }

/* ---- nav.top 加底部细线 + 减少 backdrop blur 过强 ---- */
nav.top {
  background: rgba(248, 245, 240, 0.94);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--line);
}
nav.top .nav-wrap { padding-top: 18px; padding-bottom: 18px; }

/* ---- Brand 间距优化 ---- */
.brand { gap: 14px; }
.brand-name { line-height: 1; }
.brand-name .cn { font-size: 1.25rem; letter-spacing: 0.03em; }
.brand-name .en { font-size: 0.6rem; letter-spacing: 0.28em; margin-top: 6px; opacity: 0.7; }

/* ---- Hero h1 装饰线对齐 ---- */
.hero h1::before {
  width: 48px;
  height: 3px;
  margin-bottom: 32px;
  opacity: 0.85;
}
.hero h1 em::after {
  height: 8px;
  opacity: 0.32;
  bottom: -1px;
}

/* ---- Hero sub 微调 ---- */
.hero-sub {
  font-size: 1.13rem;
  line-height: 1.78;
  color: var(--ink-2);
  max-width: 560px;
  font-weight: 400;
}

/* ---- Hero CTA 按钮间距 ---- */
.hero-cta { gap: 12px; margin-bottom: 0; }

/* ---- hero-visual 阴影更精致 ---- */
.hero-visual {
  transform: rotate(0.6deg);
  box-shadow:
    0 2px 0 rgba(15, 23, 42, 0.04),
    0 24px 48px -16px rgba(15, 23, 42, 0.20),
    0 0 0 1px rgba(15, 23, 42, 0.05);
}

/* ---- Issue label 更精致 ---- */
.hero-issue .label {
  background: transparent;
  border: 1px solid var(--primary);
  color: var(--primary-dark);
  padding: 4px 11px 3px;
  font-weight: 800;
}

/* ---- Quiz card 间距 + tag 微调 ---- */
.quiz-card {
  padding: 32px 28px 30px;
}
.quiz-card h3 {
  font-size: 1.3rem;
  margin: 18px 0 14px;
  line-height: 1.3;
}
.quiz-card p {
  line-height: 1.7;
  font-size: 0.96rem;
  color: var(--ink-2);
}
.quiz-card .arrow {
  margin-top: 22px;
  font-weight: 700;
  color: var(--primary-dark);
  letter-spacing: 0.01em;
}

/* ---- Cornerstone 标题前 ▸ 改成更精致的细方块 ---- */
.cs-item h3::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background: var(--accent);
  margin-right: 12px;
  vertical-align: middle;
  transform: rotate(45deg) translateY(-2px);
}

/* ---- Spoke row 更精致 ---- */
.spoke-row { padding: 24px 8px; }
.spoke-num { font-size: 1.45rem; }
.spoke-main h4 { font-size: 1.1rem; }
.spoke-main p { font-size: 0.88rem; line-height: 1.6; color: var(--ink-3); }

/* ---- Trust row 间距收紧 ---- */
.trust-row { padding: 38px 0; gap: 28px; }
.trust-num { font-size: 3.2rem; }

/* ---- Editorial-quote 引号位置微调 ---- */
.editorial-quote { padding: 64px 56px 48px; }
.editorial-quote::before { font-size: 7.5rem; top: 12px; }
.editorial-quote p { font-size: 1.4rem; line-height: 1.55; text-indent: 1.5em; }

/* ---- CTA Binance 暗色区精致 ---- */
section.section.bg-dark { background: #0F1C24; }
section.bg-dark h2 { color: #F5EFE0 !important; }

/* ---- Footer 改成与暗色 CTA 一致 ---- */
footer.bottom {
  background: #0A1419;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
footer.bottom h4 {
  font-family: var(--serif);
  font-weight: 700;
  font-size: 1.05rem;
  color: #E8DECC;
  letter-spacing: 0.02em;
}
footer.bottom a { color: #94A3B8; transition: color 0.15s var(--ease); }
footer.bottom a:hover { color: #FBBF24; }
footer.bottom .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  margin-top: 32px;
  padding-top: 22px;
  font-family: var(--mono);
  font-size: 0.78rem;
  letter-spacing: 0.02em;
}

/* ---- Corrections strip 更杂志感 ---- */
.corrections-strip {
  border-left-width: 3px;
  padding: 16px 24px;
  background: var(--bg-pure);
}
.corrections-strip .lbl {
  color: var(--accent-dark);
  font-size: 0.66rem;
  letter-spacing: 0.22em;
}
.corrections-strip .item { font-size: 0.92rem; }

/* ---- Section padding 收紧 ---- */
.section { padding: 80px 32px; }
.section + .section { padding-top: 64px; }
section.bg-soft { padding: 80px 32px; }

/* ---- Section head 间距 ---- */
.section-head { margin-bottom: 48px; max-width: 720px; }
.section-head h2 { font-size: clamp(1.85rem, 3.5vw, 2.4rem); margin: 14px 0 14px; }
.section-head p { font-size: 1rem; color: var(--ink-3); line-height: 1.7; }

/* ---- Tool card hover 强化 ---- */
.tool-card { padding: 28px 22px; min-height: 130px; }
.tool-card:hover { transform: translateY(-3px); }
.tool-card h4 { font-size: 1.05rem; line-height: 1.4; }
.tool-card p { font-size: 0.86rem; line-height: 1.6; }

/* ---- Disclosure code 视觉强化 ---- */
.disclosure code {
  padding: 3px 9px;
  border-radius: 3px;
  letter-spacing: 0.04em;
}

/* ---- 全站文字防止换行裸字 ---- */
h1, h2, h3, h4, h5, h6 { text-wrap: balance; }
p { text-wrap: pretty; }

/* ============================================================
   ✨ UI v6 · 2026-05-20 · 内容厚度 3 件套
   数据快照表 / 行业时间线 / 一手权威源 / 编辑组改版
   ============================================================ */

/* ---- 数据快照表 ---- */
.snapshot-table-wrap {
  background: var(--bg-pure);
  border: 1px solid var(--line);
  border-radius: 4px;
  overflow-x: auto;
  box-shadow: var(--sh-sm);
}
.snapshot-table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--sans);
  font-size: 0.95rem;
}
.snapshot-table thead th {
  font-family: var(--mono);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink-3);
  padding: 18px 16px;
  text-align: left;
  background: var(--bg-paper);
  border-bottom: 2px solid var(--ink);
}
.snapshot-table tbody td {
  padding: 22px 16px;
  border-bottom: 1px solid var(--line);
  vertical-align: middle;
  color: var(--ink-2);
}
.snapshot-table tbody tr:hover { background: rgba(239, 231, 214, 0.4); }
.snapshot-table tbody tr:last-child td { border-bottom: none; }
.snapshot-table td strong {
  font-family: var(--serif);
  font-size: 1.18rem;
  font-weight: 700;
  color: var(--ink);
  display: block;
  margin-bottom: 4px;
  letter-spacing: -0.01em;
}
.snapshot-table .cell-sub {
  font-family: var(--mono);
  font-size: 0.72rem;
  color: var(--ink-3);
  letter-spacing: 0.04em;
}
.snapshot-table .rating {
  font-family: var(--mono);
  font-size: 1.05rem;
  letter-spacing: 0.1em;
  color: var(--accent-dark);
  font-weight: 700;
}
.snapshot-note {
  margin-top: 24px;
  font-size: 0.83rem;
  color: var(--ink-3);
  line-height: 1.7;
  font-family: var(--serif);
  font-style: italic;
}
.snapshot-note a { color: var(--primary-dark); border-bottom: 1px solid var(--accent); }

/* ---- 稳定币时间线 ---- */
.stable-timeline {
  list-style: none;
  padding: 0;
  margin: 0;
  max-width: 920px;
  position: relative;
}
.stable-timeline::before {
  content: "";
  position: absolute;
  left: 134px;
  top: 12px;
  bottom: 12px;
  width: 1.5px;
  background: var(--line-strong);
}
.stable-timeline li {
  display: grid;
  grid-template-columns: 110px 24px 1fr;
  gap: 12px;
  padding: 22px 0;
  align-items: start;
  border-bottom: 1px dashed var(--line);
}
.stable-timeline li:last-child { border-bottom: none; }
.tl-date {
  font-family: var(--mono);
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--ink-2);
  letter-spacing: 0.04em;
  padding-top: 2px;
}
.tl-bullet {
  position: relative;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
}
.tl-bullet::before {
  content: "";
  width: 10px;
  height: 10px;
  background: var(--accent);
  border-radius: 50%;
  box-shadow: 0 0 0 4px var(--bg);
}
.tl-body h4 {
  font-family: var(--serif);
  font-weight: 700;
  font-size: 1.15rem;
  margin-bottom: 6px;
  letter-spacing: -0.02em;
  color: var(--ink);
}
.tl-body p {
  font-size: 0.95rem;
  line-height: 1.7;
  color: var(--ink-2);
  font-family: var(--serif);
  margin: 0;
}
.tl-body a {
  font-family: var(--mono);
  font-size: 0.78rem;
  color: var(--primary-dark);
  font-weight: 700;
  letter-spacing: 0.04em;
  white-space: nowrap;
  margin-left: 4px;
}
.tl-body a:hover { color: var(--accent-dark); }

/* ---- 参考资源 References ---- */
.ref-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px;
  border-top: 2px solid var(--ink);
  border-bottom: 1px solid var(--line);
  padding: 40px 0;
}
.ref-col h4 {
  font-family: var(--mono);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--accent-dark);
  margin-bottom: 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line);
}
.ref-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ref-list li {
  display: flex;
  flex-direction: column;
  padding: 10px 0;
  border-bottom: 1px dashed var(--line-soft);
  gap: 2px;
}
.ref-list li:last-child { border-bottom: none; }
.ref-list a {
  font-family: var(--serif);
  font-size: 1rem;
  font-weight: 600;
  color: var(--ink);
  letter-spacing: -0.005em;
}
.ref-list a:hover { color: var(--primary-dark); border-bottom: 1px solid var(--accent); }
.ref-list .ref-note {
  font-family: var(--mono);
  font-size: 0.72rem;
  color: var(--ink-3);
  letter-spacing: 0.04em;
}
.ref-note-bottom {
  margin-top: 24px;
  font-size: 0.82rem;
  color: var(--ink-3);
  line-height: 1.6;
  font-family: var(--serif);
  font-style: italic;
}
.ref-note-bottom code {
  font-style: normal;
  background: var(--bg-paper);
  padding: 1px 6px;
  border-radius: 2px;
  font-size: 0.9em;
}

/* ---- 编辑组 v6 改版 ---- */
.editor-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  max-width: 980px;
  margin: 0 auto;
}
.editor-card {
  display: flex;
  gap: 22px;
  background: var(--bg-pure);
  border: 1px solid var(--line);
  border-top: 3px solid var(--primary);
  padding: 28px 26px;
  transition: all 0.25s var(--ease);
}
.editor-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--sh-lg);
  border-top-color: var(--accent-dark);
}
.editor-avatar {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-deep) 100%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--serif);
  font-size: 1.8rem;
  font-weight: 700;
  box-shadow: var(--sh-md);
  border: 2px solid var(--bg-pure);
  position: relative;
}
.editor-avatar::after {
  content: "";
  position: absolute;
  inset: -4px;
  border: 1px solid var(--primary);
  border-radius: 50%;
  opacity: 0.4;
}
.editor-body { flex: 1; }
.editor-body .editor-role {
  font-family: var(--mono);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--accent-dark);
  display: inline-block;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--accent);
  margin-bottom: 12px;
}
.editor-body h3 {
  font-family: var(--serif);
  font-weight: 700;
  font-size: 1.5rem;
  margin: 0 0 12px;
  letter-spacing: -0.015em;
  line-height: 1.2;
}
.editor-body h3 .editor-en {
  font-family: var(--mono);
  font-size: 0.78rem;
  font-weight: 500;
  color: var(--ink-3);
  letter-spacing: 0.04em;
  margin-left: 6px;
}
.editor-body p {
  font-size: 0.95rem;
  line-height: 1.75;
  color: var(--ink-2);
  font-family: var(--serif);
  margin: 0 0 16px;
}
.editor-link a {
  font-family: var(--mono);
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--primary-dark);
  letter-spacing: 0.04em;
  border-bottom: 1.5px solid var(--accent);
  padding-bottom: 2px;
}
.editor-link a:hover { color: var(--accent-dark); }

/* ---- 响应式 ---- */
@media (max-width: 900px) {
  .ref-grid { grid-template-columns: 1fr; gap: 24px; padding: 28px 0; }
  .editor-grid { grid-template-columns: 1fr; }
  .stable-timeline::before { left: 90px; }
  .stable-timeline li { grid-template-columns: 76px 20px 1fr; gap: 8px; padding: 18px 0; }
  .snapshot-table thead th, .snapshot-table tbody td { padding: 14px 10px; }
  .snapshot-table { font-size: 0.85rem; }
  .snapshot-table td strong { font-size: 1rem; }
}
@media (max-width: 600px) {
  .stable-timeline li { grid-template-columns: 1fr; gap: 6px; padding-left: 32px; position: relative; }
  .stable-timeline::before { left: 8px; top: 0; bottom: 0; }
  .stable-timeline .tl-bullet { position: absolute; left: 0; top: 4px; }
  .editor-card { flex-direction: column; }
}

/* ============================================================
   ✨ UI v7 · 2026-05-20 · 高端化打磨
   1) 文末 affiliate CTA 块（统一全站）
   2) Drop cap 杂志大写首字
   3) 字体加载真 Google Fonts
   4) Section 分隔装饰
   5) 高对比度精修
   ============================================================ */

/* ---- 文末 Affiliate CTA 块（统一）---- */
.article-cta-block {
  margin: 56px 0 40px;
  padding: 40px 44px;
  background: #0F1C24;
  background-image: 
    linear-gradient(135deg, rgba(245,158,11,0.04) 0%, transparent 40%),
    linear-gradient(180deg, #0F1C24 0%, #0A1419 100%);
  border: 1px solid rgba(245,158,11,0.18);
  border-radius: 4px;
  color: #E8DECC;
  position: relative;
  overflow: hidden;
}
.article-cta-block::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, var(--accent) 0%, transparent 60%);
}
.article-cta-block::after {
  content: "$";
  position: absolute;
  top: 20px;
  right: 36px;
  font-family: var(--serif);
  font-size: 7rem;
  font-style: italic;
  color: rgba(245,158,11,0.08);
  line-height: 1;
  pointer-events: none;
}
.article-cta-block .acb-label {
  font-family: var(--mono);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--accent-2);
  margin-bottom: 14px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(245,158,11,0.32);
  display: inline-block;
}
.article-cta-block h3 {
  font-family: var(--serif);
  font-size: 1.6rem;
  font-weight: 700;
  color: #F5EFE0;
  letter-spacing: -0.02em;
  line-height: 1.25;
  margin: 0 0 12px;
}
.article-cta-block p {
  font-size: 1rem;
  line-height: 1.75;
  color: #B8AC95;
  margin: 0 0 22px;
  max-width: 580px;
  font-family: var(--serif);
}
.article-cta-block p code {
  background: rgba(245,158,11,0.22);
  color: #FBBF24;
  padding: 2px 9px;
  border-radius: 3px;
  font-family: var(--mono);
  font-size: 0.92em;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.article-cta-block .acb-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 28px;
  background: var(--accent);
  color: #0F172A !important;
  font-weight: 800;
  font-size: 0.98rem;
  border-radius: 3px;
  text-decoration: none;
  letter-spacing: 0.01em;
  transition: all 0.2s var(--ease);
  position: relative;
  box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 4px 12px rgba(245,158,11,0.25);
}
.article-cta-block .acb-button::after {
  content: "→";
  font-weight: 800;
  transition: transform 0.2s var(--ease);
}
.article-cta-block .acb-button:hover {
  background: #FBBF24;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(245,158,11,0.35);
}
.article-cta-block .acb-button:hover::after { transform: translateX(4px); }
.article-cta-block .acb-small {
  margin-top: 18px !important;
  font-size: 0.78rem !important;
  color: #6B6557 !important;
  line-height: 1.65;
  font-family: var(--sans) !important;
}
.article-cta-block .acb-small a { color: #94886E; text-decoration: underline; }
.article-cta-block .acb-small a:hover { color: var(--accent-2); }

/* ---- Drop cap 杂志大写首字（cornerstone 文章前 2 段）---- */
article.article-page > p:first-of-type::first-letter,
article.article-page > section:first-of-type > p:first-of-type::first-letter {
  font-family: "Source Serif 4", "Noto Serif SC", "Songti SC", Georgia, serif;
  font-size: 3.6em;
  font-weight: 700;
  float: left;
  line-height: 0.88;
  margin: 6px 12px -2px 0;
  color: var(--primary-dark);
  font-style: italic;
}

/* ---- Section 分隔装饰：§ 符号 ---- */
.section + .section::before {
  content: "§";
  display: block;
  font-family: var(--serif);
  font-style: italic;
  font-size: 1.4rem;
  color: var(--ink-4);
  text-align: center;
  margin: -32px auto 32px;
  opacity: 0.5;
}

/* ---- Hero h1 更精致 ---- */
.hero h1 {
  font-size: clamp(2.9rem, 6.2vw, 5rem);
  line-height: 1.0;
  letter-spacing: -0.042em;
  font-weight: 700;
}
.hero h1 em {
  font-weight: 600;
  font-style: italic;
}

/* ---- Hero sub 字体精修 ---- */
.hero-sub {
  font-size: 1.16rem;
  line-height: 1.78;
  font-weight: 400;
  color: var(--ink-2);
}

/* ---- Nav 顶部细线渐变更克制 ---- */
nav.top::before {
  height: 1.5px;
  background: linear-gradient(90deg, transparent 0%, var(--accent) 30%, var(--primary) 50%, var(--accent) 70%, transparent 100%);
  opacity: 0.55;
}

/* ---- Cornerstone hover 强化 ---- */
.cs-item {
  position: relative;
  overflow: hidden;
}
.cs-item::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 4px;
  height: 0;
  background: var(--accent);
  transition: height 0.4s var(--ease);
}
.cs-item:hover::before { height: 100%; }
.cs-item:hover h3 { color: var(--primary-dark); }
.cs-item h3 { transition: color 0.2s var(--ease); }

/* ---- Editorial-quote 衬线增强 ---- */
.editorial-quote p {
  font-weight: 400;
  font-style: italic;
  letter-spacing: 0.005em;
  font-family: "Source Serif 4", "Noto Serif SC", "Songti SC", Georgia, serif;
}

/* ---- Snapshot table 行 hover 强化 ---- */
.snapshot-table tbody tr {
  transition: background 0.15s var(--ease);
}
.snapshot-table tbody tr:hover .rating {
  color: var(--primary-dark);
}

/* ---- 字体精修 system fallback 加 Noto Serif SC ---- */
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700;800&family=Source+Serif+4:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap");

body { font-feature-settings: "kern" 1, "liga" 1, "calt" 1; }
.hero h1, .section-head h2, .cs-item h3, main h1, main h2, .article-cta-block h3,
.editorial-quote p, .spoke-main h4, .trust-row h3, .editor-body h3 {
  font-family: "Source Serif 4", "Noto Serif SC", "Songti SC", "STSong", Georgia, serif;
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "onum" 1;
}

/* ---- 全站 selection 高亮 ---- */
::selection { background: rgba(245, 158, 11, 0.22); color: var(--ink); }

/* ---- 响应式：文末 CTA 块 ---- */
@media (max-width: 700px) {
  .article-cta-block { padding: 32px 26px; margin: 40px 0 32px; }
  .article-cta-block h3 { font-size: 1.32rem; }
  .article-cta-block::after { font-size: 5rem; right: 20px; top: 14px; }
  .section + .section::before { margin: -20px auto 20px; }
}

/* ============================================================
   ✨ UI v8 · 2026-05-20 · Hero 图修复 + 最终精修
   ============================================================ */

/* ---- Hero 图按原比例显示（不再 4:5 裁切）---- */
.hero-visual {
  aspect-ratio: 1200 / 630 !important;
  transform: rotate(0deg);
  box-shadow:
    0 1px 0 rgba(15,23,42,0.05),
    0 24px 48px -16px rgba(15,23,42,0.18),
    0 0 0 1px rgba(15,23,42,0.05);
}
.hero-visual:hover { transform: translateY(-4px); }
.hero-visual img {
  object-fit: cover;
  object-position: center;
}

/* ---- 隐藏冗余 cover-tag（图自己已有标题）---- */
.hero-cover-tag { display: none; }

/* ---- Hero grid 优化：图变横宽后调整 grid ---- */
@media (min-width: 1024px) {
  .hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 64px;
    align-items: center;
  }
}

/* ---- Inline affiliate CTA 段落（融入正文，不张扬）---- */
.inline-affiliate-cta {
  margin: 36px 0;
  padding: 18px 22px;
  background: var(--bg-paper);
  border-left: 3px solid var(--accent);
  border-radius: 0 4px 4px 0;
  font-size: 0.96rem;
  line-height: 1.75;
  color: var(--ink-2);
  font-family: var(--serif);
}
.inline-affiliate-cta code {
  font-family: var(--mono);
  background: var(--accent-soft);
  color: var(--primary-dark);
  padding: 1px 6px;
  border-radius: 3px;
  font-size: 0.92em;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.inline-affiliate-cta a {
  text-decoration: none;
  color: var(--primary-dark);
  font-weight: 700;
  transition: color 0.15s var(--ease);
}
.inline-affiliate-cta a:hover {
  color: var(--accent-dark);
}
.inline-affiliate-cta a:hover code {
  background: var(--accent);
  color: #fff;
}

/* ============================================================
   ✨ UI v9 · 2026-05-20 · 文章正文限宽（防满屏阅读疲劳）
   ============================================================ */

/* 文章主容器限宽 · 各种 class 兼容 */
main.article,
main.article-main,
article.wrap,
article.article-page,
.article-content {
  max-width: 920px;
  margin: 0 auto;
  padding: 48px 32px 80px;
  font-size: 17px;
  line-height: 1.85;
  color: var(--ink-2);
  font-family: var(--serif);
}

/* 文章内大段落进一步限宽（黄金阅读线 ~720px） */
main.article > p,
main.article > ul,
main.article > ol,
main.article > blockquote,
main.article-main > p,
main.article-main > ul,
main.article-main > ol,
article.wrap > p,
article.wrap > ul,
article.wrap > ol,
article.wrap > blockquote,
main.article details,
main.article-main details {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

/* 文章 h1 居中限宽 */
main.article h1,
main.article-main h1,
article.wrap h1 {
  max-width: 880px;
  margin: 0 auto 16px;
  font-family: var(--serif);
  font-size: clamp(2rem, 4vw, 2.8rem);
  font-weight: 700;
  letter-spacing: -0.028em;
  line-height: 1.18;
  color: var(--ink);
  text-wrap: balance;
}

/* 文章 h2 / h3 居中限宽 */
main.article h2,
main.article-main h2,
article.wrap h2 {
  max-width: 880px;
  margin: 56px auto 18px;
  font-family: var(--serif);
  font-size: 1.55rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--ink);
}
main.article h3,
main.article-main h3,
article.wrap h3 {
  max-width: 760px;
  margin: 36px auto 14px;
  font-family: var(--serif);
  font-size: 1.22rem;
  font-weight: 700;
  color: var(--ink);
}

/* 文章 byline */
main.article .byline,
main.article-main .byline,
article.wrap .byline {
  max-width: 720px;
  margin: 0 auto 32px;
  font-family: var(--mono);
  font-size: 0.82rem;
  letter-spacing: 0.06em;
  color: var(--ink-3);
  padding: 14px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
main.article .byline strong,
article.wrap .byline strong {
  font-family: var(--serif);
  font-style: italic;
  letter-spacing: 0;
  font-weight: 700;
  color: var(--ink);
  font-size: 0.95rem;
}

/* 文章面包屑 nav 限宽 */
main.article > nav.breadcrumb,
main.article-main > nav.breadcrumb,
article.wrap > nav.breadcrumb {
  max-width: 880px;
  margin: 0 auto 24px;
  font-family: var(--mono);
  font-size: 0.82rem;
  color: var(--ink-3);
}

/* Scenario grid / 数据卡片 / 大型表格可以稍宽 */
main.article .scenario-grid,
main.article-main .scenario-grid,
article.wrap .scenario-grid,
main.article .grid,
main.article-main .grid,
main.article table,
article.wrap table {
  max-width: 880px;
  margin: 28px auto;
}

/* TLDR / hands-on / 强调 box */
main.article .tldr-box,
main.article .hands-on-test,
main.article-main .hands-on-test,
main.article .editorial-quote,
article.wrap .hands-on-test {
  max-width: 760px;
  margin: 28px auto;
}

/* inline-affiliate-cta 限宽 */
main.article .inline-affiliate-cta,
main.article-main .inline-affiliate-cta,
article.wrap .inline-affiliate-cta {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

/* 文末 article-cta-block 限宽 */
main.article .article-cta-block,
main.article-main .article-cta-block,
article.wrap .article-cta-block {
  max-width: 760px;
  margin: 48px auto 32px;
}

/* article-footer / 相关阅读 限宽 */
main.article .article-footer,
main.article-main .article-footer,
article.wrap .article-footer {
  max-width: 720px;
  margin: 32px auto 0;
}

/* 段落字体调整（更接近真人编辑刊体验）*/
main.article p,
main.article-main p,
article.wrap p {
  margin-bottom: 22px;
  color: var(--ink-2);
  font-family: var(--serif);
  line-height: 1.85;
  font-size: 17px;
}

/* 列表样式 */
main.article ul,
main.article-main ul,
article.wrap ul { list-style: disc; padding-left: 1.4em; }
main.article ol,
main.article-main ol,
article.wrap ol { list-style: decimal; padding-left: 1.4em; }
main.article li,
main.article-main li,
article.wrap li { margin-bottom: 10px; line-height: 1.85; font-family: var(--serif); font-size: 17px; color: var(--ink-2); }

/* 响应式 */
@media (max-width: 980px) {
  main.article, main.article-main, article.wrap {
    padding: 36px 22px 64px;
  }
}

/* ============================================================
   ✨ UI v10 · 2026-05-21 · Legacy page-* class 限宽兜底
   修复 glossary / corrections / about / editorial / disclaimer / privacy / terms 满屏 bug
   ============================================================ */

main.page-glossary,
main.page-corrections,
main.page-about,
main.page-editorial,
main.page-legal,
main.page-authors,
main.page-articles {
  max-width: 880px;
  margin: 0 auto;
  padding: 56px 32px 80px;
  font-family: var(--serif);
  color: var(--ink-2);
  line-height: 1.85;
  font-size: 17px;
}

/* 段落 / 列表黄金阅读线宽度 */
main.page-glossary p,
main.page-corrections p,
main.page-about p,
main.page-editorial p,
main.page-legal p,
main.page-authors p,
main.page-articles p,
main.page-glossary ul,
main.page-corrections ul,
main.page-about ul,
main.page-editorial ul,
main.page-legal ul,
main.page-authors ul,
main.page-articles ul,
main.page-glossary ol,
main.page-corrections ol,
main.page-about ol,
main.page-editorial ol,
main.page-legal ol {
  max-width: 720px;
  margin: 0 auto 22px;
  font-family: var(--serif);
  color: var(--ink-2);
  line-height: 1.85;
  font-size: 17px;
}

/* H1 限宽 */
main.page-glossary h1,
main.page-corrections h1,
main.page-about h1,
main.page-editorial h1,
main.page-legal h1,
main.page-authors h1,
main.page-articles h1 {
  font-family: var(--serif);
  font-size: clamp(2.2rem, 4.5vw, 3rem);
  font-weight: 700;
  letter-spacing: -0.028em;
  line-height: 1.18;
  margin-bottom: 18px;
  color: var(--ink);
  text-wrap: balance;
  max-width: 880px;
}

/* H2 限宽 */
main.page-glossary h2,
main.page-corrections h2,
main.page-about h2,
main.page-editorial h2,
main.page-legal h2,
main.page-authors h2,
main.page-articles h2 {
  font-family: var(--serif);
  font-size: 1.55rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 48px auto 16px;
  color: var(--ink);
  max-width: 720px;
}

/* H3 限宽 */
main.page-glossary h3,
main.page-corrections h3,
main.page-about h3,
main.page-editorial h3,
main.page-legal h3,
main.page-authors h3,
main.page-articles h3 {
  font-family: var(--serif);
  font-size: 1.22rem;
  font-weight: 700;
  margin: 36px auto 12px;
  color: var(--ink);
  max-width: 720px;
}

/* 顶部 eyebrow 标签限宽 */
main.page-glossary > .eyebrow,
main.page-glossary > p.eyebrow,
main.page-corrections > .eyebrow,
main.page-about > .eyebrow,
main.page-editorial > .eyebrow,
main.page-legal > .eyebrow,
main.page-glossary > section > .eyebrow {
  display: inline-block;
  margin: 0 auto 12px;
}

/* section 内容限宽 */
main.page-glossary section,
main.page-corrections section,
main.page-about section,
main.page-editorial section,
main.page-legal section,
main.page-authors section,
main.page-articles section {
  max-width: 880px;
  margin: 0 auto;
}

/* lede / hero 描述段 */
main.page-glossary .lede,
main.page-corrections .lede,
main.page-about .lede,
main.page-editorial .lede,
main.page-legal .lede {
  font-size: 1.15rem;
  line-height: 1.78;
  color: var(--ink-2);
  margin-bottom: 28px;
  font-family: var(--serif);
  max-width: 720px;
}

/* 响应式 */
@media (max-width: 980px) {
  main.page-glossary,
  main.page-corrections,
  main.page-about,
  main.page-editorial,
  main.page-legal,
  main.page-authors,
  main.page-articles {
    padding: 36px 22px 64px;
  }
}

/* ========== Language Switcher (pure CSS dropdown · <details> based) ========== */
.lang-switcher {
  position: relative;
  margin: 0 8px 0 12px;
  list-style: none;
}
.lang-switcher summary {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 1px solid #E2E8F0;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 600;
  color: #1E293B;
  background: #FFFFFF;
  transition: border-color 0.15s, background 0.15s;
  white-space: nowrap;
  list-style: none;
}
.lang-switcher summary::-webkit-details-marker { display: none; }
.lang-switcher summary::marker { content: ''; }
.lang-switcher summary:hover { border-color: #0F766E; background: #F0FDFA; }
.lang-switcher[open] summary { border-color: #0F766E; background: #F0FDFA; }
.lang-switcher .lang-icon { font-size: 0.95rem; line-height: 1; }
.lang-switcher .lang-current { font-weight: 600; }
.lang-switcher .lang-chevron { font-size: 0.7rem; opacity: 0.7; transition: transform 0.2s; }
.lang-switcher[open] .lang-chevron { transform: rotate(180deg); }

.lang-switcher ul {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 160px;
  margin: 0;
  padding: 6px;
  list-style: none;
  background: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08), 0 2px 4px rgba(15, 23, 42, 0.04);
  z-index: 50;
}
.lang-switcher ul li { margin: 0; }
.lang-switcher ul a {
  display: block;
  padding: 8px 12px;
  font-size: 0.9rem;
  color: #1E293B;
  text-decoration: none;
  border-radius: 6px;
  transition: background 0.12s;
}
.lang-switcher ul a:hover {
  background: #F0FDFA;
  color: #0F766E;
}

/* Mobile · 隐藏 dropdown 后由汉堡菜单接管（可选 · 当前保留显示） */
@media (max-width: 640px) {
  .lang-switcher { order: 3; margin: 0 6px; }
  .lang-switcher summary { padding: 5px 10px; font-size: 0.8rem; }
  .lang-switcher .lang-current { display: none; }
  .lang-switcher ul { right: -10px; min-width: 140px; }
}

/* ========== Floating lang bar (for crumb-nav pages without top nav) ========== */
.floating-lang-bar {
  position: absolute;
  top: 14px;
  right: 20px;
  z-index: 100;
}
@media (max-width: 640px) {
  .floating-lang-bar {
    top: 10px;
    right: 12px;
  }
}

/* ============ .test-pending · 下一周期实测计划占位 ============ */
.test-pending {
  display: inline-block;
  padding: 2px 8px;
  background: #FFFBEB;
  color: #92400E;
  border: 1px dashed #F59E0B;
  border-radius: 4px;
  font-size: 0.85em;
  font-style: italic;
}