/* slimmed 2026-09-09 · dead rules removed by live-DOM usage census */
#mainContent, #about, #strategy, #team, #timeline, #honors, #contact, footer.footer { --zh-ink: #07172e; --zh-ink-2: #132b4f; --zh-blue: #174f9f; --zh-blue-mid: #286cb8; --zh-blue-soft: #69a7df; --zh-blue-pale: #eaf3fb; --zh-cyan: #62c6d8; --zh-gold: #b79855; --zh-gold-soft: rgba(183, 152, 85, .13); --zh-text: #243854; --zh-muted: #65758c; --zh-faint: #95a1b1; --zh-white: #ffffff; --zh-bg: #f6f9fc; --zh-bg-alt: #edf3f8; --zh-panel: rgba(255, 255, 255, .86); --zh-line: rgba(17, 55, 102, .12); --zh-line-soft: rgba(17, 55, 102, .07); --zh-line-gold: rgba(183, 152, 85, .26); --zh-shadow: 0 24px 70px rgba(11, 36, 70, .09); --zh-shadow-soft: 0 12px 36px rgba(11, 36, 70, .06); --zh-shadow-hover: 0 34px 90px rgba(11, 36, 70, .13); --zh-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", "Microsoft YaHei", Arial, sans-serif; --zh-radius: 8px; --zh-radius-sm: 6px; --blue: var(--zh-blue); --blue-mid: var(--zh-blue-mid); --blue-light: var(--zh-blue-soft); --blue-pale: var(--zh-blue-pale); --gold: var(--zh-gold); --t1: var(--zh-ink); --t2: var(--zh-text); --t3: var(--zh-muted); --t4: var(--zh-faint); --serif: var(--zh-font); --serif-display: var(--zh-font); --sans: var(--zh-font); }
html { background: var(--zh-bg); }
body { background: linear-gradient(rgb(255, 255, 255) 0%, rgb(247, 250, 252) 38%, rgb(238, 244, 249) 100%); color: var(--zh-ink); font-family: var(--zh-font); }
body::selection { color: rgb(255, 255, 255); background: var(--zh-blue); }
a:focus-visible, button:focus-visible { outline: 2px solid var(--zh-cyan) !important; outline-offset: 4px !important; }
#about, #strategy, #team, #timeline, #honors, #contact { padding: clamp(88px, 11vh, 140px) clamp(24px, 5vw, 72px) !important; }
#about { background: linear-gradient(rgb(255, 255, 255) 0%, rgb(251, 253, 255) 100%) !important; }
#strategy, #timeline, #contact { background: linear-gradient(rgb(243, 247, 251) 0%, rgb(237, 243, 248) 100%) !important; }
#team { background: linear-gradient(rgb(255, 255, 255) 0%, rgb(248, 251, 253) 100%) !important; }
#timeline .codex-timepoint.is-active, #timeline .codex-timepoint:hover { background: linear-gradient(rgba(23, 79, 159, 0.06), rgba(183, 152, 85, 0.08)) !important; }
footer.footer [style*="rgba(225,240,255"] { color: rgba(255, 255, 255, 0.9) !important; }
footer.footer [style*="rgba(175,205,255"] { color: rgba(219, 232, 247, 0.58) !important; }
@media (max-width: 960px) {#about, #strategy, #team, #timeline, #honors, #contact { display: block !important; min-height: auto !important; padding: 64px 20px !important; align-items: stretch !important; }
}
@keyframes zhGraphFade { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes zhSystemLine { 
  0%, 100% { opacity: 0.12; transform: translateY(-18px); }
  50% { opacity: 0.42; transform: translateY(30px); }
}
@keyframes zhTrackSweep { 
  0%, 100% { transform: translateX(-80%); opacity: 0; }
  50% { transform: translateX(80%); opacity: 0.8; }
}
@keyframes zhTrackSweepY { 
  0%, 100% { transform: translateY(-80%); opacity: 0; }
  50% { transform: translateY(80%); opacity: 0.8; }
}
@keyframes zhMobileCardRise { 
  0% { opacity: 0; transform: translateY(16px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes zhOrbitRotate { 
  0% { transform: translate(-50%, -50%) rotate(var(--zh-ring-rotate)); }
  100% { transform: translate(-50%, -50%) rotate(calc(var(--zh-ring-rotate) + 360deg)); }
}
@keyframes zhCoreBreathe { 
  0%, 100% { box-shadow: rgba(7, 23, 46, 0.22) 0px 28px 78px, rgba(98, 198, 216, 0.055) 0px 0px 0px 18px, rgba(255, 255, 255, 0.34) 0px 0px 0px 34px; }
  50% { box-shadow: rgba(7, 23, 46, 0.24) 0px 32px 84px, rgba(98, 198, 216, 0.075) 0px 0px 0px 23px, rgba(255, 255, 255, 0.4) 0px 0px 0px 40px; }
}
@keyframes zhCoreRing { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes zhNodeArrive { 
  0% { opacity: 0; transform: translate(var(--zh-node-x), calc(var(--zh-node-y) + 18px)) rotate(var(--zh-node-r)); }
  100% { opacity: 1; transform: translate(var(--zh-node-x), var(--zh-node-y)) rotate(var(--zh-node-r)); }
}
@keyframes zhParticleDrift { 
  0%, 100% { transform: translate3d(0px, 0px, 0px); opacity: 0.24; }
  50% { transform: translate3d(10px, -14px, 0px); opacity: 0.52; }
}
@keyframes zhMobileCoreRise { 
  0% { opacity: 0; transform: translateY(14px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes zhMobileStrategyCardRise { 
  0% { opacity: 0; transform: translateY(16px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes zhMobileCoreBreath { 
  0%, 100% { box-shadow: rgba(11, 87, 183, 0.16) 0px 18px 46px, rgba(98, 198, 216, 0.055) 0px 0px 0px 12px, rgba(255, 255, 255, 0.46) 0px 0px 0px 24px; }
  50% { box-shadow: rgba(11, 87, 183, 0.16) 0px 20px 50px, rgba(98, 198, 216, 0.075) 0px 0px 0px 15px, rgba(255, 255, 255, 0.48) 0px 0px 0px 27px; }
}
@keyframes zhMobileCoreBreathSmall { 
  0%, 100% { box-shadow: rgba(11, 87, 183, 0.15) 0px 18px 42px, rgba(98, 198, 216, 0.055) 0px 0px 0px 10px, rgba(255, 255, 255, 0.42) 0px 0px 0px 22px; }
  50% { box-shadow: rgba(11, 87, 183, 0.15) 0px 20px 46px, rgba(98, 198, 216, 0.075) 0px 0px 0px 13px, rgba(255, 255, 255, 0.45) 0px 0px 0px 25px; }
}
#team { position: relative !important; overflow: hidden !important; background: radial-gradient(at 86% 16%, rgba(98, 198, 216, 0.12), transparent 34%), radial-gradient(at 12% 54%, rgba(23, 79, 159, 0.06), transparent 38%), linear-gradient(rgb(246, 250, 255) 0%, rgb(255, 255, 255) 100%) !important; }
#team::before, #team::after { content: "" !important; position: absolute !important; z-index: 0 !important; pointer-events: none !important; }
#team::before { inset: 0px !important; background: linear-gradient(90deg, rgba(20, 85, 163, 0.035) 1px, transparent 1px) 0px 0px / 34px 34px, linear-gradient(rgba(20, 85, 163, 0.027) 1px, transparent 1px) 0px 0px / 34px 34px !important; opacity: 0.52 !important; }
#team::after { right: -76px !important; top: 92px !important; width: 260px !important; height: 360px !important; border-width: 1px !important; border-style: solid !important; border-color: rgba(20, 85, 163, 0.14) rgba(20, 85, 163, 0.14) transparent transparent !important; border-image: initial !important; border-radius: 50% !important; opacity: 0.42 !important; }
@keyframes zhTeamRailFlow { 
  0%, 100% { transform: translateY(0px); opacity: 0; }
  45%, 55% { opacity: 0.16; }
  100% { transform: translateY(420px); }
}
@media (max-width: 640px) {#team { padding-left: 24px !important; padding-right: 24px !important; }
}
@media (prefers-reduced-motion: reduce) {*, ::before, ::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.001ms !important; }
}
@keyframes zhStrategyMobileCoreFade { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes zhStrategyMobileNodeFade { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes zhStrategyMobileCoreBreath { 
  0%, 100% { box-shadow: rgba(11, 87, 183, 0.14) 0px 16px 38px, rgba(98, 198, 216, 0.05) 0px 0px 0px 10px, rgba(255, 255, 255, 0.4) 0px 0px 0px 26px; }
  50% { box-shadow: rgba(11, 87, 183, 0.14) 0px 18px 42px, rgba(98, 198, 216, 0.067) 0px 0px 0px 12px, rgba(255, 255, 255, 0.43) 0px 0px 0px 29px; }
}
