:root {
    /* 主题色保持不变 */
    --color-primary: #ff1023;
    --color-primary-hover: #e00e1f;
    --color-primary-light: rgba(255, 16, 35, 0.08);
    --color-primary-fade: rgba(255, 16, 35, 0.06);
    --color-export-bg: #f1f5f9;
    --color-export-bg-hover: #e2e8f0;
    --color-export-text: #475569;
    --color-export-border: #e2e8f0;

    /* 参考原站的灰度体系 */
    --color-black-500: #353638;
    --color-black-600: #2d2e30;
    --color-black-700: #222222;
    --color-gray-10: #fbfbfb;
    --color-gray-50: #f5f5f5;
    --color-gray-100: #f0f0f0;
    --color-gray-200: #e8e8e8;
    --color-gray-300: #d5d5d5;
    --color-gray-400: #b0b0b0;
    --color-gray-500: #888888;
    --color-gray-600: #666666;
    --color-gray-700: #444444;

    /* 阴影体系与原站保持一致 */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.12);
    --shadow-xl: 0 12px 48px rgba(0, 0, 0, 0.16);

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-full: 9999px;

    --transition-fast: 0.15s ease;
    --transition-base: 0.25s ease;
    --transition-slow: 0.4s ease;

    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --primary: var(--color-primary);
    --primary-hover: var(--color-primary-hover);
    --primary-light: var(--color-primary-light);
    --primary-glow: var(--color-primary-fade);
    --black-500: #353638;
    --black-600: #2d2e30;
    --black-700: #222;
    --gray-10: #fbfbfb;
    --gray-50: #f5f5f5;
    --gray-100: #f0f0f0;
    --gray-200: #e5e5e5;
    --gray-300: #d5d5d5;
    --gray-400: #b0b0b0;
    --gray-500: #888;
    --gray-600: #666;
    --gray-700: #444;

    --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --primary-subtle: rgba(255, 16, 35, 0.04);
    --font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;

    /* article details */
    --article-detail-primary: var(--color-primary);
    --article-detail-primary-hover: var(--color-primary-hover);
    --article-detail-primary-rgb: 255, 16, 35;
    --article-detail-accent: #ff6b7a;
    --article-detail-bg: #fff7f8;
    --article-detail-surface: #ffffff;
    --article-detail-text: #2b1b1e;
    --article-detail-text-muted: #7a5c63;
    --article-detail-text-light: #b28d95;
    --article-detail-border: #f1d8dd;
    --article-detail-border-soft: #f8e9ec;
    --article-detail-tag-bg: #fff1f3;
    --article-detail-tag-text: var(--color-primary);
    --article-detail-shadow-sm: 0 1px 2px rgba(51, 20, 27, 0.05);
    --article-detail-shadow-md: 0 10px 24px rgba(255, 16, 35, 0.08);
    --article-detail-shadow-hover: 0 12px 28px rgba(255, 16, 35, 0.14);
    --article-detail-radius-sm: 8px;
    --article-detail-radius-md: 12px;
    --article-detail-radius-lg: 16px;
    --article-detail-transition: all 0.2s ease;

    /* download page */
    --download-hero-start: #5a1118;
    --download-hero-mid: #a80f1f;
    --download-hero-end: #7a1d28;

    /* cooperate page */
    --cooperate-hero-start: #5a1118;
    --cooperate-hero-mid: #a80f1f;
    --cooperate-hero-end: #7a1d28;

    /* notice page */
    --notice-accent-dark: #7a1f2a;
    --notice-hero-start: #5a1118;
    --notice-hero-mid: #a80f1f;
    --notice-hero-end: #7a1d28;
    --notice-hero-text: #ffe7ea;
    --notice-card-border: #f4dde2;
    --notice-card-border-strong: #efb6c0;
    --notice-card-soft-bg: #fff6f7;
    --notice-card-soft-bg-hover: #fff0f2;
    --notice-card-tag-bg: #ffe4e8;
    --notice-card-tag-text: var(--color-primary);
    --notice-muted-text: #8e6770;
    --notice-body-text: #5c3d44;
    --notice-title-text: #2e1b1f;
    --notice-shadow-sm: 0 2px 6px rgba(255, 16, 35, 0.14);
    --notice-shadow-md: 0 8px 18px rgba(255, 16, 35, 0.18);
    --notice-shadow-lg: 0 20px 30px -12px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(255, 16, 35, 0.18);
    --notice-pagination-shadow: 0 6px 14px rgba(255, 16, 35, 0.22);

    --color-primary-glow: rgba(255, 16, 35, 0.20);
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
}
