/* CoserSite — daylight cinema: cool white, mist blue, open typography. */
:root {
  color-scheme: light;
  --font-sans: "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --bg-0: #f7f9fc;
  --bg-1: #ffffff;
  --bg-2: #f4f6f9;
  --bg-3: #edf0f5;
  --panel: #ffffff;
  --panel-2: #f4f6f9;
  --panel-3: #e3eaf0;
  --bg-deep: #f4f6f9;
  --text-1: #29394b;
  --text-2: #63778b;
  --text-3: #6c8093;
  --border: #e3eaf0;
  --border-strong: #d7e1ea;
  --accent: #466881;
  --accent-hover: #355871;
  --accent-soft: #e6eef5;
  --amber: #a97113;
  --amber-bg: #fff4dc;
  --danger: #ca404b;
  --success: #26805b;
  --warning: #a97113;
  --glass-blur: 20px;
  --glass-sat: 115%;
  --glass-tint: #ffffffd9;
  --glass-tint-strong: #fffffff5;
  --glass-spec: #ffffffcc;
  --glass-ab-r: #ffffff99;
  --glass-ab-b: #29394b0a;
  --glass-shadow: 0 16px 48px #24375a0c;
  --glass-shadow-soft: 0 4px 16px #24375a08;
  --glass-spring: cubic-bezier(.22, 1, .36, 1);
  --gradient: var(--accent);
  --gold-gradient: var(--amber);
  --radius-s: 8px;
  --radius: 12px;
  --radius-l: 20px;
  --radius-full: 999px;
  --shadow-1: 0 4px 16px #24375a08;
  --shadow-2: 0 24px 64px #24375a14;
  --shadow-glow: 0 8px 24px #46688120;
  --container: 1360px;
  --side-w: 180px;
  --header-h: 76px;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --dur: .28s;
}