:root {
  color-scheme: light;

  --qy-font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;
  --qy-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

  --qy-bg: #f5f6f8;
  --qy-bg-elevated: #fbfbfc;
  --qy-surface: rgba(255, 255, 255, 0.72);
  --qy-surface-solid: #ffffff;
  --qy-surface-muted: #eef0f4;
  --qy-surface-inverse: #171921;
  --qy-text-1: #171921;
  --qy-text-2: #555a66;
  --qy-text-3: #858b98;
  --qy-text-inverse: #f8f9fb;
  --qy-border: rgba(23, 25, 33, 0.1);
  --qy-border-strong: rgba(23, 25, 33, 0.18);
  --qy-overlay: rgba(12, 14, 19, 0.46);

  --qy-accent: #8c5aba;
  --qy-accent-hover: #73439f;
  --qy-accent-soft: #f1e8f7;
  --qy-violet: #ad7bd2;
  --qy-cyan: #c77c9c;
  --qy-amber: #b58a52;
  --qy-green: #579478;

  --qy-mark-bg: #f5e7d2;
  --qy-mark-text: #6d4c28;
  --qy-code-bg: #f0e6f5;
  --qy-code-text: #704391;
  --qy-quote-tint: #f5eef8;

  --qy-gradient-accent: linear-gradient(135deg, #bd8dde 0%, #9562c2 52%, #704398 100%);
  --qy-gradient-hero: radial-gradient(circle at 25% 10%, rgba(173, 123, 210, 0.24), transparent 36%), radial-gradient(circle at 78% 32%, rgba(199, 124, 156, 0.15), transparent 32%);
  --qy-gradient-glass: linear-gradient(145deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.5));

  --qy-space-1: 0.25rem;
  --qy-space-2: 0.5rem;
  --qy-space-3: 0.75rem;
  --qy-space-4: 1rem;
  --qy-space-5: 1.25rem;
  --qy-space-6: 1.5rem;
  --qy-space-8: 2rem;
  --qy-space-10: 2.5rem;
  --qy-space-12: 3rem;
  --qy-space-16: 4rem;
  --qy-space-20: 5rem;
  --qy-space-24: 6rem;

  --qy-radius-xs: 0.625rem;
  --qy-radius-sm: 0.875rem;
  --qy-radius-md: 1.25rem;
  --qy-radius-lg: 1.75rem;
  --qy-radius-xl: 2.25rem;
  --qy-radius-pill: 999px;

  --qy-shadow-xs: 0 1px 2px rgba(21, 24, 33, 0.04);
  --qy-shadow-sm: 0 8px 26px rgba(31, 35, 48, 0.07);
  --qy-shadow-md: 0 20px 60px rgba(31, 35, 48, 0.11);
  --qy-shadow-lg: 0 36px 100px rgba(31, 35, 48, 0.16);
  --qy-shadow-ring: 0 0 0 1px var(--qy-border);

  --qy-content: 1180px;
  --qy-reading: 760px;
  --qy-nav-height: 68px;
  --qy-nav-offset: 18px;

  --qy-ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --qy-ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
  --qy-duration-fast: 160ms;
  --qy-duration-base: 280ms;
  --qy-duration-slow: 600ms;

  /* 为尚未重构的安知鱼页面提供同一套语义色。 */
  --anzhiyu-main: var(--qy-accent);
  --anzhiyu-theme: var(--qy-accent);
  --anzhiyu-theme-deep: var(--qy-accent-hover);
  --anzhiyu-background: var(--qy-bg);
  --anzhiyu-card-bg: var(--qy-surface-solid);
  --anzhiyu-card-bg-none: rgba(255, 255, 255, 0);
  --anzhiyu-secondbg: var(--qy-surface-muted);
  --anzhiyu-fontcolor: var(--qy-text-1);
  --anzhiyu-secondtext: var(--qy-text-2);
  --anzhiyu-lighttext: var(--qy-text-3);
  --anzhiyu-card-border: var(--qy-border);
  --anzhiyu-shadow-border: var(--qy-shadow-ring);
  --anzhiyu-shadow-black: var(--qy-shadow-sm);
  --anzhiyu-maskbg: rgba(255, 255, 255, 0.72);
  --anzhiyu-radius: var(--qy-radius-sm);
  --anzhiyu-border-radius: var(--qy-radius-sm);
  --anzhiyu-scrollbar: rgba(23, 25, 33, 0.28);
}

[data-theme="dark"] {
  color-scheme: dark;

  --qy-bg: #0c0e13;
  --qy-bg-elevated: #11141b;
  --qy-surface: rgba(21, 24, 32, 0.72);
  --qy-surface-solid: #151820;
  --qy-surface-muted: #1c202a;
  --qy-surface-inverse: #f4f5f8;
  --qy-text-1: #f2f3f6;
  --qy-text-2: #afb4c0;
  --qy-text-3: #7e8594;
  --qy-text-inverse: #15171d;
  --qy-border: rgba(255, 255, 255, 0.1);
  --qy-border-strong: rgba(255, 255, 255, 0.18);
  --qy-overlay: rgba(4, 5, 8, 0.7);

  --qy-accent: #c69be5;
  --qy-accent-hover: #dcbcf0;
  --qy-accent-soft: #352741;
  --qy-violet: #d0a6eb;
  --qy-cyan: #dc9db6;
  --qy-amber: #d2aa72;
  --qy-green: #74b493;

  --qy-mark-bg: rgba(210, 170, 114, 0.18);
  --qy-mark-text: #e9c78f;
  --qy-code-bg: rgba(198, 155, 229, 0.13);
  --qy-code-text: #dfc0ef;
  --qy-quote-tint: #211b29;

  --qy-gradient-accent: linear-gradient(135deg, #deb9f1 0%, #bb88dc 50%, #9561bd 100%);
  --qy-gradient-hero: radial-gradient(circle at 25% 10%, rgba(198, 155, 229, 0.19), transparent 37%), radial-gradient(circle at 78% 32%, rgba(220, 157, 182, 0.11), transparent 32%);
  --qy-gradient-glass: linear-gradient(145deg, rgba(32, 36, 48, 0.9), rgba(20, 23, 31, 0.62));

  --qy-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.16);
  --qy-shadow-sm: 0 10px 30px rgba(0, 0, 0, 0.2);
  --qy-shadow-md: 0 22px 64px rgba(0, 0, 0, 0.28);
  --qy-shadow-lg: 0 38px 110px rgba(0, 0, 0, 0.38);

  --anzhiyu-maskbg: rgba(18, 21, 28, 0.76);
  --anzhiyu-card-bg: var(--qy-surface-solid);
  --anzhiyu-background: var(--qy-bg);
  --anzhiyu-fontcolor: var(--qy-text-1);
  --anzhiyu-secondtext: var(--qy-text-2);
}