@layer legacy {
/* ========================================
   iLink Design Tokens v7.4
   Unified Black, White & Gray Design System
   ======================================== */

:root {
  /* === Monochrome brand === */
  --primary: #1d1d1f;
  --primary-dark: #1a1a1c;
  --primary-light: #ECEDEF;
  --accent: #6e6e73;
  --secondary: #6e6e73;

  /* === Aliases (v7 layout CSS) === */
  --brand: var(--primary);
  --brand-deep: var(--primary-dark);
  --brand-soft: var(--primary-light);
  --brand-border: rgba(15, 23, 42, 0.12);
  --brand-ring: rgba(15, 23, 42, 0.10);
  --brand-glow: rgba(15, 23, 42, 0.08);
  --accent-violet: var(--accent);
  --success: #1e7a3e;
  --warning: #d70015;
  --error: #d70015;
  --danger: var(--error);
  --info: #424245;

  /* === Accent link (muted gray) === */
  --color-link: var(--color-gray-600);
  --color-link-hover: var(--color-gray-700);
  --color-link-active: var(--color-black);
  --color-link-soft: rgba(0, 0, 0, 0.06);

  /* === Toast / inline feedback：暖白底，小面积低饱和语义色 === */
  --toast-surface: rgba(252, 252, 253, 0.98);
  --toast-success-bg: var(--toast-surface);
  --toast-success-border: #cbe8d6;
  --toast-success-icon-bg: #e7f4ec;
  --toast-success-icon: #1e7a3e;
  --toast-success-text: #1d1d1f;

  --toast-error-bg: var(--toast-surface);
  --toast-error-border: #f7cfcd;
  --toast-error-icon-bg: #fdecec;
  --toast-error-icon: #d70015;
  --toast-error-text: #1d1d1f;

  --toast-warning-bg: var(--toast-surface);
  --toast-warning-border: #f7cfcd;
  --toast-warning-icon-bg: #fdecec;
  --toast-warning-icon: #d70015;
  --toast-warning-text: #1d1d1f;

  --toast-info-bg: var(--toast-surface);
  --toast-info-border: #e8e8ed;
  --toast-info-icon-bg: #f5f5f7;
  --toast-info-icon: #424245;
  --toast-info-text: #1d1d1f;

  /* === Compatibility Color Tokens === */
  --color-black: #1d1d1f;
  --color-dark: #1d1d1f;
  --color-gray-700: #424245;
  --color-gray-600: #6e6e73;
  --color-gray-500: #6e6e73;
  --color-gray-400: #6e6e73;
  --color-gray-300: #d2d2d7;
  --color-gray-200: #e8e8ed;
  --color-gray-100: #f5f5f7;
  --color-gray-50: #f5f5f7;
  --color-white: #fbfbfd;
  --color-primary: var(--primary);
  --color-primary-light: #424245;
  --color-primary-dark: var(--primary-dark);
  --color-success: var(--success);
  --color-success-light: #e7f4ec;
  --color-warning: var(--warning);
  --color-warning-light: #fdecec;
  --color-danger: var(--error);
  --color-danger-light: #fdecec;
  --color-info: var(--info);
  --color-info-light: #f5f5f7;

  /* === Text Colors === */
  --text-primary: var(--color-black);
  --text-secondary: var(--color-gray-600);
  --text-tertiary: var(--color-gray-400);
  --text-white: var(--color-white);
  --text-inverse: var(--color-white);
  --text-link: var(--color-link);
  --text-link-hover: var(--color-link-hover);

  /* === Background Colors === */
  --bg-body: #f5f5f7;
  --bg-light: #f5f5f7;
  --bg-gray: var(--color-gray-100);
  --bg-white: var(--color-white);
  --bg-surface: var(--color-white);
  --bg-surface-hover: var(--color-gray-100);
  --bg-muted: var(--color-gray-100);

  /* === Border Colors === */
  --border-light: var(--color-gray-200);
  --border-default: var(--color-gray-300);
  --border-dark: var(--color-gray-400);

  /* === Shadows - Subtle Depth === */
  /* 阴影只有两级：贴面卡片 / 浮起层（下拉、抽屉、弹窗、FAB）。
     中间档位不再新增，需要区分层级时用表面色而不是投影。 */
  --shadow-card: 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-float: 0 12px 32px rgba(15, 23, 42, 0.12), 0 2px 8px rgba(15, 23, 42, 0.04);

  /* 旧档位保留为别名，避免存量引用断链 */
  --shadow-xs: var(--shadow-card);
  --shadow-sm: var(--shadow-card);
  --shadow-md: var(--shadow-card);
  --shadow-lg: var(--shadow-float);
  --shadow-xl: var(--shadow-float);
  --shadow-2xl: var(--shadow-float);

  /* === Soft Surface Tokens, kept for existing glass classes === */
  --glass-blur: 16px;
  --glass-saturate: 1.2;
  --glass-bg: rgba(252, 252, 253, 0.98);
  --glass-bg-light: rgba(252, 252, 253, 0.94);
  --glass-bg-strong: rgba(252, 252, 253, 1);
  --glass-border: rgba(15, 23, 42, 0.08);
  --glass-border-strong: rgba(15, 23, 42, 0.12);
  --glass-shadow: var(--shadow-card);
  --glass-highlight: rgba(252, 252, 253, 1);
  --glass-highlight-soft: rgba(252, 252, 253, 0.7);

  /* === Border Radius === */
  /* 圆角四档：控件 8 / 卡片 12 / 大容器 18 / 胶囊。 */
  --radius-xs: 8px;
  --radius-sm: 8px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 18px;
  --radius-2xl: 18px;
  --radius-full: 9999px;

  /* === Spacing === */
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* === Page atmosphere (neutral gray) === */
  --bg-grid: none;
  --bg-mesh: none;

  /* === Typography === */
  /* display: 默认微软雅黑，古诗词标题页面单独指定宋体 */
  --font-display: "Microsoft YaHei", "微软雅黑", "PingFang SC", sans-serif;
  --font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", "Hiragino Sans GB", sans-serif;
  --font-family-en: "Times New Roman", serif;
  --font-family-code: "SF Mono", "Monaco", "Inconsolata", "Fira Code", Consolas, monospace;
  --font-sans: var(--font-family);
  --font-serif: "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;
  --font-mono: "SF Mono", "Fira Code", "Consolas", monospace;
  --font-size-tiny: 11px;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 30px;
  --font-size-4xl: 36px;
  --font-size-5xl: 48px;
  /* 字重阶梯只有三档：400 正文 / 500 小标签 / 600 标题。
     中文在 12px 以下用 400 会发虚，所以保留 500 作为标签档；
     650 / 700 / 800 是历史遗留，已全站收敛。 */
  --font-weight-light: 400;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 600;
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;

  /* === Type scale（中文语境，字距按 CJK 调松） === */
  --type-display-size: 32px;      /* 页面主标题 */
  --type-display-weight: 600;
  --type-display-leading: 1.3;
  --type-display-tracking: -0.02em;

  --type-title-size: 20px;        /* 区块标题 */
  --type-title-weight: 600;
  --type-title-leading: 1.45;
  --type-title-tracking: 0;

  --type-subtitle-size: 16px;     /* 卡片标题 */
  --type-subtitle-weight: 600;
  --type-subtitle-leading: 1.5;
  --type-subtitle-tracking: 0;

  --type-body-size: 14px;         /* 正文 */
  --type-body-weight: 400;
  --type-body-leading: 1.7;
  --type-body-tracking: 0;

  --type-caption-size: 13px;      /* 辅助说明 */
  --type-caption-weight: 400;
  --type-caption-leading: 1.6;

  --type-meta-size: 12px;         /* 时间、计数等元信息 */
  --type-meta-weight: 400;
  --type-meta-leading: 1.5;

  /* === Buttons === */
  /* 高度四档，按钮按高度而不是 padding 撑开，避免字号一变高度就漂。
     xs 用于表格行内 / 标签旁，sm 用于工具栏，默认为主操作，lg 用于页面级 CTA。 */
  --btn-height-xs: 28px;
  --btn-height-sm: 32px;
  --btn-height: 36px;
  --btn-height-lg: 44px;
  /* 按压反馈全站统一：只缩不放、不做位移。 */
  --btn-press: scale(0.97);

  /* === Button color roles ===
     主按钮统一走「浅云蓝」品牌色（与 v2 --ui-brand-* 同一组）：
     浅蓝底 + 深蓝字，饱和度只在文字上，整页不会出现大块深色。 */
  --btn-primary-bg: #c9e5ff;
  --btn-primary-bg-hover: #b5dcff;
  --btn-primary-text: #0c4a6e;
  --btn-secondary-bg: #f5f5f7;
  --btn-secondary-bg-hover: #ECEDEF;
  --btn-secondary-text: #1d1d1f;
  --btn-tertiary-bg: #ffffff;
  --btn-tertiary-border: #d2d2d7;
  --btn-tertiary-text: #1d1d1f;
  --btn-ghost-accent: #0066cc;
  --btn-danger-bg: #fdecec;
  --btn-danger-text: #d70015;
  --btn-danger-solid-bg: #d70015;
  --btn-danger-solid-text: #ffffff;
  --btn-disabled-bg: #f5f5f7;
  --btn-disabled-text: #a1a1a6;
  --btn-focus: #0066cc;

  /* === Fields === */
  /* 输入框/下拉/文本域同一套高度与描边。高度按 min-height 定，
     纵向 padding 归零，字号变化不会再把控件撑高。 */
  --field-height: 44px;
  --field-height-sm: 36px;
  --field-radius: 8px;
  --field-bg: #ffffff;
  --field-border: #d2d2d7;
  --field-focus-border: #1d1d1f;
  --field-ring: 0 0 0 3px rgba(15, 23, 42, 0.12);
  --field-invalid-border: #d70015;
  --field-invalid-ring: 0 0 0 3px rgba(215, 0, 21, 0.12);
  --field-font-size: 14px;
  --field-placeholder: #6e6e73;

  /* === Navigation & tabs === */
  --nav-item-height: 44px;
  --nav-item-radius: 8px;
  --nav-hover-bg: #f5f5f7;
  --nav-active-bg: #ECEDEF;
  /* 分段控件：轨道 34、内项 30，总高与普通按钮 36 对齐 */
  --tab-track-bg: #f5f5f7;
  --tab-track-radius: 8px;
  --tab-item-height: 30px;
  --tab-item-radius: 6px;
  --tab-font-size: 13px;
  --tab-active-bg: #ffffff;
  --tab-active-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
  /* 分页与按钮同档 */
  --pagination-size: 36px;
  --pagination-radius: 8px;
  --pagination-border: #e8e8ed;
  --pagination-active-bg: #ECEDEF;
  --pagination-active-border: #d2d2d7;

  /* === Transitions - Smooth & Refined === */
  --transition-fast: 120ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --transition-normal: 240ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --transition-slow: 320ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --transition-bounce: var(--transition-normal);
  --transition-smooth: var(--transition-normal);

  /* === Z-Index === */
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-fixed: 300;
  --z-modal-backdrop: 400;
  --z-modal: 500;
  --z-popover: 600;
  --z-tooltip: 700;
  --z-toast: 10050;

  /* === Layout === */
  --header-height: 64px;
  --sidebar-width: 260px;
  --container-max: 1200px;
  --container-narrow: 960px;

  /* === Home-level motion tokens（供全局组件复用，全站一致） === */
  --transition-home: 700ms cubic-bezier(0.32, 0.72, 0, 1);
  --transition-fast-home: 350ms cubic-bezier(0.32, 0.72, 0, 1);
}

}