:root {
  --page-bg: #071114;
  --surface: rgba(12, 26, 31, .84);
  --surface-strong: #0e2026;
  --surface-soft: rgba(18, 41, 48, .74);
  --text: #eff9f7;
  --muted: #9ab5b2;
  --line: rgba(174, 215, 207, .2);
  --accent: #43d6c5;
  --accent-2: #f2b05e;
  --accent-3: #dbe8ef;
  --shadow: 0 26px 90px rgba(0, 0, 0, .45);
  --radius: 8px;
  --font-display: "Microsoft YaHei UI", "DengXian", sans-serif;
  --font-body: "Microsoft YaHei", "DengXian", sans-serif;
}
body { background: radial-gradient(circle at 10% 0%, rgba(67, 214, 197, .16), transparent 28%), linear-gradient(135deg, #071114 0%, #0b171e 48%, #051014 100%); }
.search-panel, .toc-panel, .insight-panel, .content-section { backdrop-filter: blur(20px); }
.hero { min-height: 520px; border-bottom: 1px solid var(--line); }
.hero::after { background: linear-gradient(90deg, rgba(7,17,20,.95), rgba(7,17,20,.48), rgba(7,17,20,.2)); }
.hero-title { max-width: 920px; font-size: clamp(42px, 7vw, 96px); }
.hero-visual img { filter: saturate(1.1) contrast(1.08); }
.content-section { border-left: 1px solid rgba(67, 214, 197, .3); }
.block-table th { color: #081314; background: linear-gradient(135deg, var(--accent), #e9fbf8); }