/* ===== 全局变量（提取自官网样式） ===== */
:root {
    --primary: #FF791A;
    --primary-deep: #FF8C1A;
    --primary-light: #FFBB00;
    --color-export-bg: #f1f5f9;
    --color-export-bg-hover: #e2e8f0;
    --color-export-text: #475569;
    --color-export-border: #e2e8f0;
    --primary-light-soft: #FFF7F0;
    --primary-gradient: linear-gradient(259deg, #FFBB00 0%, #FF8C1A 100%);
    --primary-gradient-soft: linear-gradient(135deg, #ffb400 0%, #ff7e1b 100%);
    --primary-gradient-horizontal: linear-gradient(90deg, #FFBB00 0%, #FF8C1A 100%);
    --primary-gradient-download: linear-gradient(135deg, #FFBB00 0%, #FF8C1A 100%);
    --primary-gradient-step: linear-gradient(135deg, #FF8C1A 0%, #FFBB00 100%);
    --highlight-gradient-warm: linear-gradient(135deg, #FF4B00 0%, #FFAA34 100%);
    --hero-gradient-warm: linear-gradient(160deg, #FFF9F2 0%, #FFFFFF 100%);
    --card-gradient-warm: linear-gradient(145deg, #FFF3E6, #FFE8D4);
    --warm-card-gradient-soft: linear-gradient(135deg, #FFE8D6 0%, #FFF0E6 100%);
    --warm-card-gradient-light: linear-gradient(135deg, #FFF2E3 0%, #FFF9F2 100%);
    --steps-bg-gradient: linear-gradient(180deg, #FFFDF9 0%, #F8F6F5 100%);
    --steps-line-gradient: linear-gradient(90deg, rgba(255, 187, 0, 0.35) 0%, rgba(255, 140, 26, 0.55) 50%, rgba(255, 93, 17, 0.35) 100%);
    --bg: #F6F6F6;
    --page-bg-soft: #F8F6F5;
    --page-bg-soft-alt: #FAF8F7;
    --article-page-bg: #FAF9F8;
    --article-scroll-track: #F5F3F2;
    --article-image-bg: #F0EDEA;
    --article-divider: #F0EDEB;
    --card-bg: #FFFFFF;
    --white: #FFFFFF;
    --warm-surface: #FCF9F6;
    --warm-card-bg: #FFF3E6;
    --warm-card-bg-hover: #FFE8D4;
    --text-primary: #0d0d0d;
    --text-primary-deep: #1A1A1A;
    --text-primary-strong: #222222;
    --text-primary-article: #1D1D1D;
    --text-dark: #333333;
    --text-dark-soft: #4D4D4D;
    --text-regular: #606060;
    --text-article-secondary: #777777;
    --text-muted-mid: #808080;
    --text-muted-regular: #909090;
    --text-muted-soft: #8C8C8C;
    --text-muted: #8f8f8f;
    --text-muted-light: #AAAAAA;
    --text-secondary: #adadad;
    --text-placeholder: #999999;
    --text-link: #0A69F8;
    --text-link-hover: #074DD0;
    --text-link-bright: #3381FF;
    --text-link-bright-hover: #1A6AE0;
    --text-danger: #d9363e;
    --text-danger-bright: #F44024;
    --text-danger-strong: #EA3713;
    --text-success: #22C55E;
    --border-color: #ADADAD;
    --border-soft: #D9D9D9;
    --border-light: #E3E3E3;
    --border-light-warm: #F0EDEA;
    --border-lighter: #F0F0F0;
    --border-faint: #f2f2f2;
    --border-article-chip: #E8E0D8;
    --border-warning: #FFD7B3;
    --border-danger-soft: #ffd6d6;
    --border-input-light: #e5e5e5;
    --panel-bg-light: #FAFAFA;
    --mask-bg: rgba(255,255,255,0.68);
    --mask-bg-strong: rgba(255,255,255,0.88);
    --mask-panel-bg: rgba(255,255,255,0.92);
    --warm-overlay-bg: rgba(255,247,241,0.85);
    --overlay-dark: rgba(15,23,42,0.55);
    --white-rgba-94: rgba(255,255,255,0.94);
    --white-rgba-98: rgba(255,255,255,0.98);
    --white-rgba-92: rgba(255,255,255,0.92);
    --white-rgba-80: rgba(255,255,255,0.8);
    --white-rgba-75: rgba(255,255,255,0.75);
    --white-rgba-70: rgba(255,255,255,0.7);
    --white-rgba-50: rgba(255,255,255,0.5);
    --white-rgba-40: rgba(255,255,255,0.4);
    --white-rgba-08: rgba(255,255,255,0.08);
    --white-rgba-06: rgba(255,255,255,0.06);
    --primary-rgba-15: rgba(255,121,26,0.15);
    --primary-rgba-05: rgba(255,121,26,0.05);
    --primary-rgba-06: rgba(255,121,26,0.06);
    --primary-rgba-08: rgba(255,121,26,0.08);
    --primary-rgba-12: rgba(255,121,26,0.12);
    --primary-rgba-14: rgba(255,121,26,0.14);
    --primary-rgba-16: rgba(255,121,26,0.16);
    --primary-rgba-18: rgba(255,121,26,0.18);
    --primary-rgba-20: rgba(255,121,26,0.20);
    --primary-rgba-22: rgba(255,121,26,0.22);
    --primary-rgba-24: rgba(255,121,26,0.24);
    --primary-rgba-10: rgba(255,121,26,0.10);
    --primary-rgba-30: rgba(255,121,26,0.30);
    --primary-rgba-40: rgba(255,121,26,0.40);
    --primary-rgba-35: rgba(255,121,26,0.35);
    --primary-rgba-25: rgba(255,121,26,0.25);
    --primary-light-rgba-10: rgba(255,187,0,0.10);
    --primary-light-rgba-15: rgba(255,187,0,0.15);
    --primary-light-rgba-00: rgba(255,187,0,0);
    --primary-light-rgba-12: rgba(255,187,0,0.12);
    --primary-light-rgba-30: rgba(255,187,0,0.30);
    --primary-light-rgba-40: rgba(255,187,0,0.40);
    --primary-light-rgba-35: rgba(255,187,0,0.35);
    --primary-deep-rgba-25: rgba(255,140,26,0.25);
    --primary-deep-rgba-55: rgba(255,140,26,0.55);
    --primary-accent-rgba-35: rgba(255,93,17,0.35);
    --success-rgba-20: rgba(34,197,94,0.2);
    --black-rgba-02: rgba(0,0,0,0.02);
    --shadow-slate-06: rgba(15,23,42,0.06);
    --shadow-slate-12: rgba(15,23,42,0.12);
    --shadow-slate-18: rgba(15,23,42,0.18);
    --shadow-dark-04: rgba(0,0,0,0.04);
    --shadow-dark-06: rgba(0,0,0,0.06);
    --shadow-dark-08: rgba(0,0,0,0.08);
    --shadow-dark-20: rgba(0,0,0,0.2);
    --shadow-primary-08: rgba(255,121,26,0.08);
    --header-active-bg: #FFF1E6;
    --danger-bg-soft: #fff3f3;
    --download-card-shadow: 0 8px 32px var(--primary-rgba-10);
    --download-float-shadow: 0 20px 60px var(--primary-rgba-15);
    --download-float-shadow-hover: 0 30px 80px var(--primary-rgba-20);
    --download-float-inset: 0 0 0 1px var(--white-rgba-80) inset;
    --shadow-carousel: 0 18px 42px var(--shadow-slate-12);
    --shadow-carousel-strong: 0 24px 54px var(--shadow-slate-18);
    --shadow-step-card: 0 18px 42px var(--shadow-slate-06);
    --shadow-step-card-hover: 0 24px 56px var(--primary-rgba-14);
    --shadow-step-number: 0 6px 20px var(--primary-deep-rgba-25);
    --shadow-step-marker: 0 0 0 6px var(--primary-light-rgba-12);
    --shadow-inset-white: inset 0 1px 0 var(--white-rgba-80);
    --shadow-article-card: 0 2px 16px var(--shadow-dark-04);
    --shadow-article-card-hover: 0 12px 40px var(--primary-light-rgba-15);
    --shadow-article-chip: 0 4px 12px var(--primary-light-rgba-15);
    --shadow-article-chip-active: 0 4px 16px var(--primary-light-rgba-30);
    --shadow-article-chip-active-hover: 0 6px 24px var(--primary-light-rgba-40);
    --shadow-card-default: 0 8px 32px rgba(0, 0, 0, 0.10);
    --shadow-card-primary-hover: 0 12px 40px var(--primary-rgba-20);
    --shadow-primary-md: 0 4px 16px var(--primary-rgba-30);
    --shadow-primary-lg: 0 8px 28px var(--primary-rgba-35);
    --shadow-danger-focus: 0 0 0 4px rgba(244, 64, 36, 0.15);
    --page-max-width: 1200px;
    --page-max-width-wide: 1440px;
    --page-max-width-article: 1440px;
    --page-header-height: 72px;
    --radius: 16px;
    --radius-card: 18px;
    --radius-card-lg: 20px;
    --radius-card-xl: 24px;
    --radius-card-2xl: 28px;
    --radius-input: 10px;
    --radius-btn: 50px;
    --radius-pill: 50px;
    --radius-sm: 8px;
    --border-light-rgba-40: rgba(227,227,227,0.4);
    --border-light-rgba-50: rgba(227,227,227,0.5);
    --border-light-rgba-60: rgba(227,227,227,0.6);
    --color-primary: var(--primary);
    --color-primary-light: var(--primary-deep);
    --color-primary-dark: #E56A0F;
    --color-primary-gradient: var(--primary-gradient);
    --color-bg-warm: #FFF7F1;
    --color-text-dark: var(--text-primary);
    --color-text-regular: var(--text-regular);
    --color-text-muted: var(--text-secondary);
    --color-white: var(--white);
    --color-border: var(--border-light);
    --color-focus-ring: var(--primary-rgba-35);
    --shadow-card: var(--shadow-card-default);
    --shadow-hover: var(--shadow-card-primary-hover);
    --transition: var(--transition-smooth);
    --transition-smooth: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --font-family: "Microsoft YaHei UI", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
    --font-special: "YouSheBiaoTiHei", "Microsoft YaHei UI", sans-serif;
}