@charset "UTF-8";*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:17px}@media (max-width: 991px){html{font-size:17px}}@media (max-width: 575px){html{font-size:17px}}html,body{width:100%;height:100%;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#app{width:100%;height:100%}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light)}img{max-width:100%;display:block}ul,ol{list-style:none}button{cursor:pointer;border:none;outline:none;background:none;font-family:inherit;font-size:inherit;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;outline:none;border:1px solid var(--color-border);background:var(--color-bg-card);border-radius:var(--radius-base);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-10)}input::placeholder,textarea::placeholder,select::placeholder{color:var(--color-text-placeholder)}::-webkit-scrollbar{display:none;width:0;height:0}*{scrollbar-width:none;-ms-overflow-style:none}:root{--color-primary: #6C5CE7;--color-primary-light: #A29BFE;--color-primary-dark: #5A4BD1;--color-primary-alpha-06: rgba(108, 92, 231, .06);--color-primary-alpha-08: rgba(108, 92, 231, .08);--color-primary-alpha-10: rgba(108, 92, 231, .1);--color-primary-alpha-15: rgba(108, 92, 231, .15);--color-primary-alpha-20: rgba(108, 92, 231, .2);--color-primary-alpha-30: rgba(108, 92, 231, .3);--color-primary-alpha-40: rgba(108, 92, 231, .4);--color-success: #0FAF91;--color-success-light: #4AD8B7;--color-warning: #F0B95A;--color-warning-light: #F6D98E;--color-warning-text: #D47820;--color-vip-bg: #FFFBF0;--color-vip-gradient-1: #FFEAA7;--color-vip-gradient-2: #FDCB6E;--color-vip-text: #B35900;--color-error: #E05A47;--color-error-light: #F28B7D;--color-bg: #F5F3FA;--color-bg-card: #FFFFFF;--color-bg-sidebar: #FBFAFF;--color-bg-header: rgba(255, 255, 255, .88);--color-bg-hover: #F0EDF8;--color-bg-active: #EDE7FC;--color-text-primary: #2B2640;--color-text-secondary: #585175;--color-text-placeholder: #847E9C;--color-text-inverse: #FFFFFF;--color-border: #E8E4F0;--color-border-hover: #D4CFE5;--color-divider: #EBE7F2;--shadow-card: 0 1px 3px rgba(108, 92, 231, .04), 0 4px 14px rgba(108, 92, 231, .06);--shadow-hover: 0 4px 20px rgba(108, 92, 231, .1), 0 1px 4px rgba(108, 92, 231, .06);--shadow-dropdown: 0 10px 36px rgba(108, 92, 231, .13), 0 2px 8px rgba(108, 92, 231, .06);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Source Code Pro", "Consolas", monospace;--font-size-xs: 14px;--font-size-sm: 15px;--font-size-base: 17px;--font-size-md: 19px;--font-size-lg: 22px;--font-size-xl: 26px;--font-size-2xl: 32px;--font-size-3xl: 38px;--radius-sm: 8px;--radius-base: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-round: 50%;--spacing-xs: 6px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-base: 20px;--spacing-lg: 32px;--spacing-xl: 40px;--spacing-2xl: 60px;--header-height: 72px;--sidebar-width: 220px;--sidebar-collapsed-width: 72px;--content-padding: 32px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--practice-typing-inactive-line: #CBD5E1;--practice-typing-answer-default: #6366F1;--practice-typing-editing-line: #F59E0B;--practice-typing-editing-glow: 245, 158, 11;--practice-phonetic-color: #6E6893;--practice-phonetic-opacity: .65;--practice-grammar-text-0: 50, 80, 200;--practice-grammar-text-1: 100, 70, 200;--practice-grammar-text-2: 20, 140, 100;--practice-grammar-text-3: 190, 50, 80;--practice-grammar-text-4: 200, 100, 30;--practice-grammar-text-5: 20, 130, 200;--practice-analysis-btn-bg: rgba(52, 211, 153, .08);--practice-analysis-btn-border: rgba(52, 211, 153, .25);--practice-analysis-btn-color: #10b981;--practice-analysis-btn-hover-bg: #10b981;--practice-analysis-btn-hover-color: #ffffff;--practice-pos-tag-bg: var(--color-primary-alpha-08);--practice-pos-tag-color: var(--color-primary);--practice-translation-color: var(--color-text-primary);--shadowing-word-active-bg: rgba(108, 92, 231, .2);--shadowing-word-active-border: rgba(108, 92, 231, .85);--shadowing-word-active-glow: rgba(108, 92, 231, .32);--shadowing-word-active-text: #5A44E2;--shadowing-word-active-phonetic: #4834BD;--shadowing-word-hover-bg: rgba(108, 92, 231, .08);--shadowing-sentence-active-bg: var(--color-primary-alpha-06);--shadowing-sentence-active-border: var(--color-primary);--shadowing-score-excellent: var(--color-success);--shadowing-score-medium: var(--color-warning);--shadowing-score-poor: var(--color-error);--shadowing-score-omission: var(--color-text-placeholder);--shadowing-record-gradient: linear-gradient(135deg, #E05A47, #C0392B);--shadowing-record-shadow: rgba(224, 90, 71, .4);--shadowing-phonetic-font: "Gentium Plus", "Doulos SIL", serif;--shadowing-phonetic-color: var(--color-text-secondary);--shadowing-control-bar-bg: var(--color-bg-header);--shadowing-control-bar-border: var(--color-border);--shadowing-tab-active-bg: var(--color-primary);--shadowing-tab-active-color: #FFFFFF;--shadowing-tab-inactive-color: var(--color-text-secondary)}[data-theme=original],[data-theme=light]{--color-primary: #6C5CE7;--color-primary-light: #A29BFE;--color-primary-dark: #5A4BD1;--color-primary-alpha-06: rgba(108, 92, 231, .06);--color-primary-alpha-08: rgba(108, 92, 231, .08);--color-primary-alpha-10: rgba(108, 92, 231, .1);--color-primary-alpha-15: rgba(108, 92, 231, .15);--color-primary-alpha-20: rgba(108, 92, 231, .2);--color-primary-alpha-30: rgba(108, 92, 231, .3);--color-primary-alpha-40: rgba(108, 92, 231, .4);--color-success: #0FAF91;--color-success-light: #4AD8B7;--color-warning: #F0B95A;--color-warning-light: #F6D98E;--color-warning-text: #D47820;--color-vip-bg: #FFFBF0;--color-vip-gradient-1: #FFEAA7;--color-vip-gradient-2: #FDCB6E;--color-vip-text: #B35900;--color-error: #E05A47;--color-error-light: #F28B7D;--color-bg: #F5F3FA;--color-bg-card: #FFFFFF;--color-bg-sidebar: #FBFAFF;--color-bg-header: rgba(255, 255, 255, .88);--color-bg-hover: #F0EDF8;--color-bg-active: #EDE7FC;--color-text-primary: #1C1C24;--color-text-secondary: #686777;--color-text-placeholder: #847E9C;--color-text-inverse: #FFFFFF;--color-border: #EAE8F0;--color-border-hover: #D4CFE5;--color-divider: #EBE7F2;--shadow-card: 0 1px 3px rgba(108, 92, 231, .04), 0 4px 14px rgba(108, 92, 231, .06);--shadow-hover: 0 4px 20px rgba(108, 92, 231, .1), 0 1px 4px rgba(108, 92, 231, .06);--shadow-dropdown: 0 10px 36px rgba(108, 92, 231, .13), 0 2px 8px rgba(108, 92, 231, .06);--practice-typing-inactive-line: #CBD5E1;--practice-typing-answer-default: #6366F1;--practice-typing-editing-line: #F59E0B;--practice-typing-editing-glow: 245, 158, 11;--practice-phonetic-color: #6E6893;--practice-phonetic-opacity: .65;--practice-grammar-text-0: 50, 80, 200;--practice-grammar-text-1: 100, 70, 200;--practice-grammar-text-2: 20, 140, 100;--practice-grammar-text-3: 190, 50, 80;--practice-grammar-text-4: 200, 100, 30;--practice-grammar-text-5: 20, 130, 200;--practice-analysis-btn-bg: rgba(52, 211, 153, .08);--practice-analysis-btn-border: rgba(52, 211, 153, .25);--practice-analysis-btn-color: #10B981;--practice-analysis-btn-hover-bg: #10B981;--practice-analysis-btn-hover-color: #FFFFFF;--practice-pos-tag-bg: var(--color-primary-alpha-08);--practice-pos-tag-color: var(--color-primary);--practice-translation-color: var(--color-text-primary);--shadowing-word-active-bg: rgba(108, 92, 231, .2);--shadowing-word-active-border: rgba(108, 92, 231, .85);--shadowing-word-active-glow: rgba(108, 92, 231, .32);--shadowing-word-active-text: #5A44E2;--shadowing-word-active-phonetic: #4834BD;--shadowing-word-hover-bg: rgba(108, 92, 231, .08);--shadowing-sentence-active-bg: var(--color-primary-alpha-06);--shadowing-sentence-active-border: var(--color-primary);--shadowing-score-excellent: var(--color-success);--shadowing-score-medium: var(--color-warning);--shadowing-score-poor: var(--color-error);--shadowing-score-omission: var(--color-text-placeholder);--shadowing-record-gradient: linear-gradient(135deg, #E05A47, #C0392B);--shadowing-record-shadow: rgba(224, 90, 71, .4);--shadowing-phonetic-color: var(--color-text-secondary);--shadowing-control-bar-bg: var(--color-bg-header);--shadowing-control-bar-border: var(--color-border);--shadowing-tab-active-bg: var(--color-primary);--shadowing-tab-active-color: #FFFFFF;--shadowing-tab-inactive-color: var(--color-text-secondary)}[data-theme=paper]{--color-primary: #5A4BD1;--color-primary-light: #7E71EB;--color-primary-dark: #4637B8;--color-primary-alpha-06: rgba(90, 75, 209, .06);--color-primary-alpha-08: rgba(90, 75, 209, .08);--color-primary-alpha-10: rgba(90, 75, 209, .1);--color-primary-alpha-15: rgba(90, 75, 209, .15);--color-primary-alpha-20: rgba(90, 75, 209, .2);--color-primary-alpha-30: rgba(90, 75, 209, .3);--color-primary-alpha-40: rgba(90, 75, 209, .4);--color-success: #059669;--color-success-light: #34D399;--color-warning: #D97706;--color-warning-light: #FBBF24;--color-warning-text: #B45309;--color-vip-bg: #F8F6EF;--color-vip-gradient-1: #F4E8B8;--color-vip-gradient-2: #E5C368;--color-vip-text: #964800;--color-error: #DC2626;--color-error-light: #F87171;--color-bg: #F4F4F6;--color-bg-card: #FFFFFF;--color-bg-sidebar: #ECECEF;--color-bg-header: rgba(244, 244, 246, .88);--color-bg-hover: #EAE9EE;--color-bg-active: #E0DFEC;--color-text-primary: #26262E;--color-text-secondary: #6E6D7A;--color-text-placeholder: #9897A3;--color-text-inverse: #FFFFFF;--color-border: #E2E1E7;--color-border-hover: #CFCDD6;--color-divider: #E6E5EB;--shadow-card: 0 1px 3px rgba(38, 38, 46, .04), 0 4px 14px rgba(38, 38, 46, .05);--shadow-hover: 0 4px 20px rgba(90, 75, 209, .08), 0 1px 4px rgba(38, 38, 46, .06);--shadow-dropdown: 0 10px 36px rgba(38, 38, 46, .12), 0 2px 8px rgba(38, 38, 46, .06);--practice-typing-inactive-line: #C7C6CF;--practice-typing-answer-default: #5A4BD1;--practice-typing-editing-line: #F59E0B;--practice-typing-editing-glow: 245, 158, 11;--practice-phonetic-color: #6E6D7A;--practice-phonetic-opacity: .65;--practice-grammar-text-0: 45, 75, 190;--practice-grammar-text-1: 90, 65, 190;--practice-grammar-text-2: 15, 130, 95;--practice-grammar-text-3: 180, 45, 75;--practice-grammar-text-4: 190, 90, 25;--practice-grammar-text-5: 15, 120, 190;--practice-analysis-btn-bg: rgba(5, 150, 105, .08);--practice-analysis-btn-border: rgba(5, 150, 105, .25);--practice-analysis-btn-color: #059669;--practice-analysis-btn-hover-bg: #059669;--practice-analysis-btn-hover-color: #FFFFFF;--practice-pos-tag-bg: var(--color-primary-alpha-08);--practice-pos-tag-color: var(--color-primary);--practice-translation-color: var(--color-text-primary);--shadowing-word-active-bg: rgba(90, 75, 209, .2);--shadowing-word-active-border: rgba(90, 75, 209, .85);--shadowing-word-active-glow: rgba(90, 75, 209, .32);--shadowing-word-active-text: #4637B8;--shadowing-word-active-phonetic: #372A99;--shadowing-word-hover-bg: rgba(90, 75, 209, .08);--shadowing-sentence-active-bg: var(--color-primary-alpha-06);--shadowing-sentence-active-border: var(--color-primary);--shadowing-score-excellent: var(--color-success);--shadowing-score-medium: var(--color-warning);--shadowing-score-poor: var(--color-error);--shadowing-score-omission: var(--color-text-placeholder);--shadowing-record-gradient: linear-gradient(135deg, #DC2626, #B91C1C);--shadowing-record-shadow: rgba(220, 38, 38, .4);--shadowing-phonetic-color: var(--color-text-secondary);--shadowing-control-bar-bg: var(--color-bg-header);--shadowing-control-bar-border: var(--color-border);--shadowing-tab-active-bg: var(--color-primary);--shadowing-tab-active-color: #FFFFFF;--shadowing-tab-inactive-color: var(--color-text-secondary)}[data-theme=focus]{--color-primary: #D97706;--color-primary-light: #F59E0B;--color-primary-dark: #B45309;--color-primary-alpha-06: rgba(217, 119, 6, .06);--color-primary-alpha-08: rgba(217, 119, 6, .08);--color-primary-alpha-10: rgba(217, 119, 6, .1);--color-primary-alpha-15: rgba(217, 119, 6, .15);--color-primary-alpha-20: rgba(217, 119, 6, .2);--color-primary-alpha-30: rgba(217, 119, 6, .3);--color-primary-alpha-40: rgba(217, 119, 6, .4);--color-success: #059669;--color-success-light: #34D399;--color-warning: #F59E0B;--color-warning-light: #FDE68A;--color-warning-text: #B45309;--color-vip-bg: #FEF3C7;--color-vip-gradient-1: #FDE68A;--color-vip-gradient-2: #F59E0B;--color-vip-text: #92400E;--color-error: #DC2626;--color-error-light: #F87171;--color-bg: #FBF8F1;--color-bg-card: #FFFDF9;--color-bg-sidebar: #F5EFE3;--color-bg-header: rgba(251, 248, 241, .88);--color-bg-hover: #F3EBDD;--color-bg-active: #EADDC7;--color-text-primary: #2B2620;--color-text-secondary: #786E64;--color-text-placeholder: #A69C91;--color-text-inverse: #FFFDF9;--color-border: #EEE6D8;--color-border-hover: #DFD4C0;--color-divider: #F2ECE0;--shadow-card: 0 1px 3px rgba(180, 83, 9, .04), 0 4px 14px rgba(180, 83, 9, .06);--shadow-hover: 0 4px 20px rgba(217, 119, 6, .12), 0 1px 4px rgba(180, 83, 9, .06);--shadow-dropdown: 0 10px 36px rgba(180, 83, 9, .12), 0 2px 8px rgba(180, 83, 9, .06);--practice-typing-inactive-line: #DFD4C0;--practice-typing-answer-default: #D97706;--practice-typing-editing-line: #F59E0B;--practice-typing-editing-glow: 245, 158, 11;--practice-phonetic-color: #786E64;--practice-phonetic-opacity: .65;--practice-grammar-text-0: 160, 90, 10;--practice-grammar-text-1: 180, 60, 40;--practice-grammar-text-2: 20, 130, 80;--practice-grammar-text-3: 190, 40, 40;--practice-grammar-text-4: 180, 90, 20;--practice-grammar-text-5: 20, 110, 170;--practice-analysis-btn-bg: rgba(217, 119, 6, .08);--practice-analysis-btn-border: rgba(217, 119, 6, .25);--practice-analysis-btn-color: #D97706;--practice-analysis-btn-hover-bg: #D97706;--practice-analysis-btn-hover-color: #FFFFFF;--practice-pos-tag-bg: var(--color-primary-alpha-08);--practice-pos-tag-color: var(--color-primary-dark);--practice-translation-color: var(--color-text-primary);--shadowing-word-active-bg: rgba(217, 119, 6, .22);--shadowing-word-active-border: rgba(217, 119, 6, .88);--shadowing-word-active-glow: rgba(217, 119, 6, .32);--shadowing-word-active-text: #B45309;--shadowing-word-active-phonetic: #92400E;--shadowing-word-hover-bg: rgba(217, 119, 6, .1);--shadowing-sentence-active-bg: var(--color-primary-alpha-06);--shadowing-sentence-active-border: var(--color-primary);--shadowing-score-excellent: var(--color-success);--shadowing-score-medium: var(--color-warning);--shadowing-score-poor: var(--color-error);--shadowing-score-omission: var(--color-text-placeholder);--shadowing-record-gradient: linear-gradient(135deg, #EF4444, #DC2626);--shadowing-record-shadow: rgba(239, 68, 68, .4);--shadowing-phonetic-color: var(--color-text-secondary);--shadowing-control-bar-bg: var(--color-bg-header);--shadowing-control-bar-border: var(--color-border);--shadowing-tab-active-bg: var(--color-primary);--shadowing-tab-active-color: #FFFFFF;--shadowing-tab-inactive-color: var(--color-text-secondary)}[data-theme=calm]{--color-primary: #059669;--color-primary-light: #10B981;--color-primary-dark: #047857;--color-primary-alpha-06: rgba(5, 150, 105, .06);--color-primary-alpha-08: rgba(5, 150, 105, .08);--color-primary-alpha-10: rgba(5, 150, 105, .1);--color-primary-alpha-15: rgba(5, 150, 105, .15);--color-primary-alpha-20: rgba(5, 150, 105, .2);--color-primary-alpha-30: rgba(5, 150, 105, .3);--color-primary-alpha-40: rgba(5, 150, 105, .4);--color-success: #059669;--color-success-light: #34D399;--color-warning: #D97706;--color-warning-light: #FBBF24;--color-warning-text: #B45309;--color-vip-bg: #ECFDF5;--color-vip-gradient-1: #A7F3D0;--color-vip-gradient-2: #6EE7B7;--color-vip-text: #065F46;--color-error: #DC2626;--color-error-light: #F87171;--color-bg: #F2F6F3;--color-bg-card: #FBFDFB;--color-bg-sidebar: #E7EFEA;--color-bg-header: rgba(242, 246, 243, .88);--color-bg-hover: #E5ECE6;--color-bg-active: #D4E3D7;--color-text-primary: #222D26;--color-text-secondary: #627367;--color-text-placeholder: #8FA295;--color-text-inverse: #FBFDFB;--color-border: #DAE5DC;--color-border-hover: #C3D5C6;--color-divider: #E1ECE3;--shadow-card: 0 1px 3px rgba(5, 150, 105, .04), 0 4px 14px rgba(5, 150, 105, .05);--shadow-hover: 0 4px 20px rgba(5, 150, 105, .1), 0 1px 4px rgba(5, 150, 105, .06);--shadow-dropdown: 0 10px 36px rgba(5, 150, 105, .12), 0 2px 8px rgba(5, 150, 105, .06);--practice-typing-inactive-line: #C3D5C6;--practice-typing-answer-default: #059669;--practice-typing-editing-line: #D97706;--practice-typing-editing-glow: 217, 119, 6;--practice-phonetic-color: #627367;--practice-phonetic-opacity: .65;--practice-grammar-text-0: 25, 110, 80;--practice-grammar-text-1: 70, 75, 160;--practice-grammar-text-2: 15, 125, 75;--practice-grammar-text-3: 175, 45, 60;--practice-grammar-text-4: 170, 85, 20;--practice-grammar-text-5: 20, 105, 165;--practice-analysis-btn-bg: rgba(5, 150, 105, .08);--practice-analysis-btn-border: rgba(5, 150, 105, .25);--practice-analysis-btn-color: #059669;--practice-analysis-btn-hover-bg: #059669;--practice-analysis-btn-hover-color: #FFFFFF;--practice-pos-tag-bg: var(--color-primary-alpha-08);--practice-pos-tag-color: var(--color-primary-dark);--practice-translation-color: var(--color-text-primary);--shadowing-word-active-bg: rgba(5, 150, 105, .22);--shadowing-word-active-border: rgba(5, 150, 105, .88);--shadowing-word-active-glow: rgba(5, 150, 105, .32);--shadowing-word-active-text: #047857;--shadowing-word-active-phonetic: #065F46;--shadowing-word-hover-bg: rgba(5, 150, 105, .1);--shadowing-sentence-active-bg: var(--color-primary-alpha-06);--shadowing-sentence-active-border: var(--color-primary);--shadowing-score-excellent: var(--color-success);--shadowing-score-medium: var(--color-warning);--shadowing-score-poor: var(--color-error);--shadowing-score-omission: var(--color-text-placeholder);--shadowing-record-gradient: linear-gradient(135deg, #DC2626, #B91C1C);--shadowing-record-shadow: rgba(220, 38, 38, .4);--shadowing-phonetic-color: var(--color-text-secondary);--shadowing-control-bar-bg: var(--color-bg-header);--shadowing-control-bar-border: var(--color-border);--shadowing-tab-active-bg: var(--color-primary);--shadowing-tab-active-color: #FFFFFF;--shadowing-tab-inactive-color: var(--color-text-secondary)}[data-theme=sepia]{--color-primary: #B45309;--color-primary-light: #D97706;--color-primary-dark: #92400E;--color-primary-alpha-06: rgba(180, 83, 9, .06);--color-primary-alpha-08: rgba(180, 83, 9, .08);--color-primary-alpha-10: rgba(180, 83, 9, .1);--color-primary-alpha-15: rgba(180, 83, 9, .15);--color-primary-alpha-20: rgba(180, 83, 9, .2);--color-primary-alpha-30: rgba(180, 83, 9, .3);--color-primary-alpha-40: rgba(180, 83, 9, .4);--color-success: #15803D;--color-success-light: #4ADE80;--color-warning: #B45309;--color-warning-light: #FDE68A;--color-warning-text: #92400E;--color-vip-bg: #FEF3C7;--color-vip-gradient-1: #FDE68A;--color-vip-gradient-2: #D97706;--color-vip-text: #78350F;--color-error: #B91C1C;--color-error-light: #F87171;--color-bg: #F0E6D6;--color-bg-card: #F7EFE2;--color-bg-sidebar: #E7DBC6;--color-bg-header: rgba(240, 230, 214, .88);--color-bg-hover: #E6D8C3;--color-bg-active: #D9C5A9;--color-text-primary: #3E3124;--color-text-secondary: #7A6652;--color-text-placeholder: #A3907C;--color-text-inverse: #F7EFE2;--color-border: #DED0BB;--color-border-hover: #CBBCA3;--color-divider: #E5D9C7;--shadow-card: 0 1px 3px rgba(62, 49, 36, .06), 0 4px 14px rgba(62, 49, 36, .07);--shadow-hover: 0 4px 20px rgba(180, 83, 9, .12), 0 1px 4px rgba(62, 49, 36, .07);--shadow-dropdown: 0 10px 36px rgba(62, 49, 36, .14), 0 2px 8px rgba(62, 49, 36, .07);--practice-typing-inactive-line: #CBBCA3;--practice-typing-answer-default: #B45309;--practice-typing-editing-line: #D97706;--practice-typing-editing-glow: 217, 119, 6;--practice-phonetic-color: #7A6652;--practice-phonetic-opacity: .7;--practice-grammar-text-0: 140, 70, 20;--practice-grammar-text-1: 150, 50, 60;--practice-grammar-text-2: 25, 115, 65;--practice-grammar-text-3: 170, 35, 45;--practice-grammar-text-4: 160, 75, 15;--practice-grammar-text-5: 25, 100, 150;--practice-analysis-btn-bg: rgba(180, 83, 9, .08);--practice-analysis-btn-border: rgba(180, 83, 9, .25);--practice-analysis-btn-color: #B45309;--practice-analysis-btn-hover-bg: #B45309;--practice-analysis-btn-hover-color: #FFFFFF;--practice-pos-tag-bg: var(--color-primary-alpha-08);--practice-pos-tag-color: var(--color-primary-dark);--practice-translation-color: var(--color-text-primary);--shadowing-word-active-bg: rgba(180, 83, 9, .22);--shadowing-word-active-border: rgba(180, 83, 9, .88);--shadowing-word-active-glow: rgba(180, 83, 9, .32);--shadowing-word-active-text: #92400E;--shadowing-word-active-phonetic: #78350F;--shadowing-word-hover-bg: rgba(180, 83, 9, .1);--shadowing-sentence-active-bg: var(--color-primary-alpha-06);--shadowing-sentence-active-border: var(--color-primary);--shadowing-score-excellent: var(--color-success);--shadowing-score-medium: var(--color-warning);--shadowing-score-poor: var(--color-error);--shadowing-score-omission: var(--color-text-placeholder);--shadowing-record-gradient: linear-gradient(135deg, #B91C1C, #991B1B);--shadowing-record-shadow: rgba(185, 28, 28, .4);--shadowing-phonetic-color: var(--color-text-secondary);--shadowing-control-bar-bg: var(--color-bg-header);--shadowing-control-bar-border: var(--color-border);--shadowing-tab-active-bg: var(--color-primary);--shadowing-tab-active-color: #FFFFFF;--shadowing-tab-inactive-color: var(--color-text-secondary)}[data-theme=quiet],[data-theme=dark]{--color-primary: #A29BFE;--color-primary-light: #C4B8FF;--color-primary-dark: #6C5CE7;--color-primary-alpha-06: rgba(162, 155, 254, .06);--color-primary-alpha-08: rgba(162, 155, 254, .08);--color-primary-alpha-10: rgba(162, 155, 254, .1);--color-primary-alpha-15: rgba(162, 155, 254, .15);--color-primary-alpha-20: rgba(162, 155, 254, .2);--color-primary-alpha-30: rgba(162, 155, 254, .3);--color-primary-alpha-40: rgba(162, 155, 254, .4);--color-success: #55EFC4;--color-success-light: #7EFFD4;--color-warning: #FDE68A;--color-warning-light: #FFF3BF;--color-warning-text: #F0B429;--color-vip-bg: #2B2515;--color-vip-gradient-1: #D4AF37;--color-vip-gradient-2: #8B6508;--color-vip-text: #FFD700;--color-error: #FF7675;--color-error-light: #FF9F9E;--color-bg: #16161A;--color-bg-card: #1E1E24;--color-bg-sidebar: #1A1A20;--color-bg-header: #1A1A20;--color-bg-hover: #2A2A32;--color-bg-active: #2D2B4E;--color-text-primary: #FFFFFE;--color-text-secondary: #A2B0C4;--color-text-placeholder: #8888A0;--color-text-inverse: #16161A;--color-border: #36364A;--color-border-hover: #4C4C64;--color-divider: #36364A;--shadow-card: 0 2px 12px rgba(0, 0, 0, .3);--shadow-hover: 0 4px 20px rgba(0, 0, 0, .4);--shadow-dropdown: 0 8px 30px rgba(0, 0, 0, .5);--practice-typing-inactive-line: #3A3A44;--practice-typing-answer-default: #818CF8;--practice-typing-editing-line: #FBBF24;--practice-typing-editing-glow: 251, 191, 36;--practice-phonetic-color: #94A1B2;--practice-phonetic-opacity: .75;--practice-grammar-text-0: 180, 200, 255;--practice-grammar-text-1: 210, 195, 255;--practice-grammar-text-2: 150, 240, 200;--practice-grammar-text-3: 255, 180, 190;--practice-grammar-text-4: 255, 200, 150;--practice-grammar-text-5: 160, 220, 255;--practice-analysis-btn-bg: rgba(52, 211, 153, .12);--practice-analysis-btn-border: rgba(52, 211, 153, .35);--practice-analysis-btn-color: #34d399;--practice-analysis-btn-hover-bg: #34d399;--practice-analysis-btn-hover-color: #1a1a1a;--practice-pos-tag-bg: var(--color-primary-alpha-12);--practice-pos-tag-color: var(--color-primary-light);--practice-translation-color: #EEEEF0;--shadowing-word-active-bg: rgba(108, 92, 231, .68);--shadowing-word-active-border: rgba(196, 184, 255, .95);--shadowing-word-active-glow: rgba(108, 92, 231, .55);--shadowing-word-active-text: #FFFFFF;--shadowing-word-active-phonetic: #EDE9FE;--shadowing-word-hover-bg: rgba(162, 155, 254, .15);--shadowing-sentence-active-bg: var(--color-primary-alpha-08);--shadowing-sentence-active-border: var(--color-primary);--shadowing-score-excellent: var(--color-success);--shadowing-score-medium: var(--color-warning);--shadowing-score-poor: var(--color-error);--shadowing-score-omission: var(--color-text-placeholder);--shadowing-record-gradient: linear-gradient(135deg, #FF7675, #E05A47);--shadowing-record-shadow: rgba(255, 118, 117, .4);--shadowing-phonetic-color: var(--color-text-secondary);--shadowing-control-bar-bg: var(--color-bg-header);--shadowing-control-bar-border: var(--color-border);--shadowing-tab-active-bg: var(--color-primary);--shadowing-tab-active-color: #FFFFFF;--shadowing-tab-inactive-color: var(--color-text-secondary)}[data-theme=eye-care]{--color-primary: #5B8C5A;--color-primary-light: #7FB77E;--color-primary-dark: #4A7C59;--color-primary-alpha-06: rgba(91, 140, 90, .06);--color-primary-alpha-08: rgba(91, 140, 90, .08);--color-primary-alpha-10: rgba(91, 140, 90, .1);--color-primary-alpha-15: rgba(91, 140, 90, .15);--color-primary-alpha-20: rgba(91, 140, 90, .2);--color-primary-alpha-30: rgba(91, 140, 90, .3);--color-primary-alpha-40: rgba(91, 140, 90, .4);--color-success: #6B9F6B;--color-success-light: #8FBF8F;--color-warning: #D4A745;--color-warning-light: #E8CE7A;--color-warning-text: #B8912D;--color-vip-bg: #FAF3E0;--color-vip-gradient-1: #E8CE7A;--color-vip-gradient-2: #D4A745;--color-vip-text: #A67C00;--color-error: #C96B6B;--color-error-light: #D98F8F;--color-bg: #F5F0E1;--color-bg-card: #FAF6EB;--color-bg-sidebar: #EDE8D8;--color-bg-header: #EDE8D8;--color-bg-hover: #E8E2D0;--color-bg-active: #DDD6C0;--color-text-primary: #3B3A30;--color-text-secondary: #6B6959;--color-text-placeholder: #A09E8E;--color-text-inverse: #FAF6EB;--color-border: #D8D2C0;--color-border-hover: #C4BFA8;--color-divider: #D8D2C0;--shadow-card: 0 2px 12px rgba(107, 93, 56, .08);--shadow-hover: 0 4px 20px rgba(107, 93, 56, .12);--shadow-dropdown: 0 8px 30px rgba(107, 93, 56, .15);--practice-typing-inactive-line: #C4BFA8;--practice-typing-answer-default: #5B8C5A;--practice-typing-editing-line: #D97706;--practice-typing-editing-glow: 217, 119, 6;--practice-phonetic-color: #6B6959;--practice-phonetic-opacity: .65;--practice-grammar-text-0: 40, 80, 50;--practice-grammar-text-1: 80, 60, 50;--practice-grammar-text-2: 20, 100, 60;--practice-grammar-text-3: 160, 40, 60;--practice-grammar-text-4: 170, 80, 20;--practice-grammar-text-5: 20, 100, 50;--practice-analysis-btn-bg: rgba(91, 140, 90, .08);--practice-analysis-btn-border: rgba(91, 140, 90, .25);--practice-analysis-btn-color: #5B8C5A;--practice-analysis-btn-hover-bg: #5B8C5A;--practice-analysis-btn-hover-color: #ffffff;--practice-pos-tag-bg: var(--color-primary-alpha-08);--practice-pos-tag-color: var(--color-primary-dark);--practice-translation-color: var(--color-text-primary);--shadowing-word-active-bg: rgba(67, 147, 74, .26);--shadowing-word-active-border: rgba(46, 125, 50, .88);--shadowing-word-active-glow: rgba(67, 147, 74, .32);--shadowing-word-active-text: #1B5E20;--shadowing-word-active-phonetic: #236B29;--shadowing-word-hover-bg: rgba(91, 140, 90, .1);--shadowing-sentence-active-bg: var(--color-primary-alpha-06);--shadowing-sentence-active-border: var(--color-primary);--shadowing-score-excellent: var(--color-success);--shadowing-score-medium: var(--color-warning);--shadowing-score-poor: var(--color-error);--shadowing-score-omission: var(--color-text-placeholder);--shadowing-record-gradient: linear-gradient(135deg, #C96B6B, #A85454);--shadowing-record-shadow: rgba(201, 107, 107, .4);--shadowing-phonetic-color: var(--color-text-secondary);--shadowing-control-bar-bg: var(--color-bg-header);--shadowing-control-bar-border: var(--color-border);--shadowing-tab-active-bg: var(--color-primary);--shadowing-tab-active-color: #FFFFFF;--shadowing-tab-inactive-color: var(--color-text-secondary)}@media (min-width: 1920px){:root{--font-size-xs: 16px;--font-size-sm: 17px;--font-size-base: 19px;--font-size-md: 22px;--font-size-lg: 26px;--font-size-xl: 30px;--font-size-2xl: 36px;--font-size-3xl: 44px;--spacing-sm: 14px;--spacing-md: 18px;--spacing-base: 24px;--spacing-lg: 36px;--spacing-xl: 48px;--radius-base: 14px;--radius-lg: 18px;--header-height: 80px;--content-padding: 40px;--sidebar-width: 240px;--sidebar-collapsed-width: 80px}}@media (min-width: 2560px){:root{--font-size-xs: 20px;--font-size-sm: 22px;--font-size-base: 24px;--font-size-md: 28px;--font-size-lg: 32px;--font-size-xl: 38px;--font-size-2xl: 46px;--font-size-3xl: 56px;--spacing-xs: 10px;--spacing-sm: 18px;--spacing-md: 24px;--spacing-base: 32px;--spacing-lg: 48px;--spacing-xl: 64px;--spacing-2xl: 80px;--radius-sm: 12px;--radius-base: 18px;--radius-lg: 24px;--radius-xl: 28px;--header-height: 96px;--content-padding: 56px;--sidebar-width: 300px;--sidebar-collapsed-width: 96px}}@media (max-width: 1199px){:root{--font-size-xs: 14px;--font-size-sm: 15px;--font-size-base: 17px;--font-size-md: 19px;--font-size-lg: 21px;--font-size-xl: 25px;--font-size-2xl: 30px;--font-size-3xl: 36px;--spacing-base: 18px;--spacing-lg: 28px;--spacing-xl: 36px;--header-height: 64px;--content-padding: 24px}}@media (max-width: 991px){:root{--font-size-xs: 14px;--font-size-sm: 15px;--font-size-base: 17px;--font-size-md: 19px;--font-size-lg: 21px;--font-size-xl: 25px;--font-size-2xl: 30px;--font-size-3xl: 36px;--spacing-xs: 6px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-base: 22px;--spacing-lg: 32px;--spacing-xl: 40px;--spacing-2xl: 56px;--content-padding: 24px;--header-height: 64px}}@media (max-width: 575px){:root{--font-size-xs: 13px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-md: 18px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 28px;--font-size-3xl: 34px;--spacing-xs: 6px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-base: 20px;--spacing-lg: 28px;--spacing-xl: 36px;--spacing-2xl: 52px;--radius-sm: 8px;--radius-base: 12px;--radius-lg: 16px;--radius-xl: 20px;--content-padding: 18px;--header-height: 60px}}:root{--shadowing-bg-gradient: var(--color-bg);--shadowing-panel-bg: var(--color-bg-card);--shadowing-panel-soft: var(--color-bg-sidebar);--shadowing-border: var(--color-border);--shadowing-border-active: var(--color-primary);--shadowing-accent: var(--color-primary-light);--shadowing-accent-strong: var(--color-primary);--shadowing-accent-soft: var(--color-primary-alpha-08);--shadowing-accent-ring: var(--color-primary-alpha-20);--shadowing-active-bg: var(--shadowing-sentence-active-bg, var(--color-primary-alpha-06));--shadowing-active-border: var(--shadowing-sentence-active-border, var(--color-primary));--shadowing-active-word-bg: var(--shadowing-word-active-bg, var(--color-primary-alpha-15));--shadowing-active-word-border: var(--shadowing-word-active-border, var(--color-primary-alpha-40));--shadowing-active-word-glow: var(--shadowing-word-active-glow, rgba(108, 92, 231, .12));--shadowing-active-word-text: var(--shadowing-word-active-text, var(--color-primary));--shadowing-active-word-phonetic: var(--shadowing-word-active-phonetic, var(--color-primary-dark));--shadowing-text-main: var(--color-text-primary);--shadowing-text-muted: var(--color-text-secondary);--shadowing-control-bg: var(--color-bg-hover);--shadowing-dark-banner-bg: linear-gradient(135deg, var(--color-bg-sidebar) 0%, var(--color-bg-active) 100%);--shadowing-subtitle-overlay-bg: rgba(26, 26, 32, .88);--shadowing-score-excellent: var(--color-success);--shadowing-score-medium: var(--color-warning);--shadowing-score-poor: var(--color-error);--shadowing-score-omission: var(--color-text-placeholder);--shadowing-card-shadow: var(--shadow-card);--shadowing-card-hover-shadow: var(--shadow-hover)}.shadowing-app-container{width:100vw;height:100vh;display:flex;flex-direction:column;background:var(--color-bg);color:var(--color-text-primary);overflow:hidden}.shadowing-card-base{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg, 16px);padding:16px 18px;box-shadow:var(--shadow-card);transition:all .25s ease}.shadowing-card-base:hover{box-shadow:var(--shadow-hover);border-color:var(--color-primary-alpha-30)}.shadowing-card-base.is-active{background:var(--color-primary-alpha-06);border:2px solid var(--color-primary);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.shadowing-header-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:var(--color-bg-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);z-index:10;flex-shrink:0;box-shadow:var(--shadow-card)}.shadowing-back-icon-btn{width:36px;height:36px;border:1px solid var(--color-border);border-radius:50%;background:var(--color-bg-card);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--color-text-secondary);box-shadow:var(--shadow-card)}.shadowing-back-icon-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-alpha-08);transform:scale(1.05)}.shadowing-video-container{width:100%;padding-top:56.25%;height:0;border-radius:var(--radius-xl, 20px);overflow:hidden;background:#000;box-shadow:var(--shadow-hover);border:1px solid var(--color-border);position:relative}@supports (aspect-ratio: 1){.shadowing-video-container{aspect-ratio:16/9;padding-top:0;height:auto}}.shadowing-video-container video{width:100%;height:100%;object-fit:contain}.shadowing-video-subtitle-banner{position:absolute;bottom:20px;left:20px;right:20px;text-align:center;background:var(--shadowing-subtitle-overlay-bg);padding:12px 20px;border-radius:var(--radius-base, 12px);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);pointer-events:none;display:flex;flex-direction:column;gap:4px}.shadowing-video-subtitle-banner .sub-eng{color:#fff;font-size:16px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.6);line-height:1.4}.shadowing-video-subtitle-banner .sub-chn{color:var(--color-primary-light, #A29BFE);font-size:13.5px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.5)}.shadowing-method-banner{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--shadowing-dark-banner-bg);border-radius:var(--radius-base, 12px);color:var(--color-text-primary);font-size:13px;font-weight:600;border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.shadowing-method-banner .banner-icon{font-size:16px}.shadowing-method-banner .banner-text{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--color-text-secondary)}.shadowing-method-banner .step-highlight{color:var(--color-primary);font-weight:700}.sentence-card-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg, 16px);padding:16px 18px;transition:all .25s ease;margin-bottom:12px;box-shadow:var(--shadow-card)}.sentence-card-item:hover{box-shadow:var(--shadow-hover);border-color:var(--color-primary-alpha-40)}.sentence-card-item.is-active{background:var(--color-primary-alpha-06);border:2px solid var(--color-primary);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.sentence-card-item .sc-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sentence-card-item .sc-tag-idx{font-size:12.5px;font-weight:700;color:var(--color-primary);background:var(--color-primary-alpha-10);padding:3px 9px;border-radius:6px}.sentence-card-item .sc-tag-time{font-size:12px;color:var(--color-text-secondary);font-family:var(--font-mono);margin-left:8px;font-weight:600}.sentence-card-item .sc-action-group{display:flex;align-items:center;gap:12px}.sentence-card-item .sc-btn{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:none;font-size:12.5px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:color .2s ease}.sentence-card-item .sc-btn svg{width:13px;height:13px}.sentence-card-item .sc-btn:hover{color:var(--color-primary)}.sentence-card-item .sc-btn.is-active-fav{color:var(--color-primary);font-weight:700}.shadowing-word-stack{display:inline-flex;flex-direction:column;align-items:center;padding:3px 6px;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),color .18s ease,transform .18s ease;box-shadow:0 0 0 0 transparent;vertical-align:bottom;will-change:transform,box-shadow,background-color}.shadowing-word-stack .phonetic{font-size:12px;color:var(--color-text-secondary);font-family:var(--font-family);line-height:1.25;margin-bottom:3px;font-weight:600;transition:color .18s ease}.shadowing-word-stack .word{font-size:16.5px;font-weight:700;color:var(--color-text-primary);line-height:1.35;transition:color .18s ease}.shadowing-word-stack:hover{background:var(--shadowing-word-hover-bg, var(--color-primary-alpha-08))}.shadowing-word-stack.active{background:var(--shadowing-active-word-bg);box-shadow:0 0 0 2px var(--shadowing-active-word-border),0 3px 12px var(--shadowing-active-word-glow);transform:translateY(-.5px)}.shadowing-word-stack.active .word{color:var(--shadowing-active-word-text);font-weight:700}.shadowing-word-stack.active .phonetic{color:var(--shadowing-active-word-phonetic);font-weight:600}.shadowing-controls-container{width:100%;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl, 20px);box-shadow:var(--shadow-card);box-sizing:border-box;overflow:visible;position:relative;display:flex;flex-direction:column}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-base)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform var(--transition-base),opacity var(--transition-base)}.slide-enter-from{transform:translate(20px);opacity:0}.slide-leave-to{transform:translate(-20px);opacity:0}@media (min-width: 1025px){.phone{display:none!important}}@media (max-width: 1024px){.pc{display:none!important}}.page-container{padding:var(--content-padding);width:100%;min-height:100%}.page-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.page-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.placeholder-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-base),border-color var(--transition-base)}.placeholder-card:hover{box-shadow:var(--shadow-hover);border-color:var(--color-primary-alpha-15)}.placeholder-card{align-items:center;justify-content:center;display:flex;flex-direction:column;gap:var(--spacing-base);padding:var(--spacing-2xl);min-height:200px;text-align:center}.placeholder-card .placeholder-icon{font-size:var(--font-size-3xl);opacity:.6}.placeholder-card .placeholder-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.placeholder-card .placeholder-desc{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:400px}@media (max-width: 768px){.placeholder-card{padding:var(--spacing-lg);min-height:160px}.placeholder-card .placeholder-desc{max-width:100%}}.el-select .el-select__wrapper{background-color:var(--color-bg-hover)!important;border-color:var(--color-border)!important;box-shadow:none!important;border-radius:var(--radius-sm)!important;transition:border-color .2s ease,box-shadow .2s ease!important}.el-select .el-select__wrapper:hover{border-color:var(--color-primary-alpha-30)!important}.el-select .el-select__wrapper.is-focused,.el-select .el-select__wrapper.is-hovering{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px var(--color-primary-alpha-10)!important}.el-select .el-select__wrapper .el-select__selected-item,.el-select .el-select__wrapper .el-select__placeholder{color:var(--color-text-primary)!important}.el-select .el-select__wrapper .el-select__placeholder.is-transparent{color:var(--color-text-placeholder)!important}.el-select .el-select__wrapper .el-select__suffix{color:var(--color-text-secondary)!important}.el-select__popper,.el-popper.is-light{background:var(--color-bg-card)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-sm)!important;box-shadow:var(--shadow-dropdown)!important}.el-select__popper .el-popper__arrow:before,.el-popper.is-light .el-popper__arrow:before{background:var(--color-bg-card)!important;border-color:var(--color-border)!important}.theme-select-popper{z-index:3100!important;background:var(--color-bg-card)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-sm)!important;box-shadow:var(--shadow-dropdown)!important}.theme-select-popper .el-popper__arrow:before{background:var(--color-bg-card)!important;border-color:var(--color-border)!important}.theme-select-popper .el-select-dropdown{background:var(--color-bg-card)!important;border:none!important;border-radius:var(--radius-sm)!important}.theme-select-popper .el-select-dropdown__list{padding:6px!important}.theme-select-popper .el-select-dropdown__item{color:var(--color-text-primary)!important;font-size:var(--font-size-xs)!important;border-radius:6px!important;padding:8px 14px!important;height:auto!important;line-height:1.5!important;transition:background-color .15s ease,color .15s ease!important}.theme-select-popper .el-select-dropdown__item.is-hovering,.theme-select-popper .el-select-dropdown__item:hover{background-color:var(--color-bg-hover)!important;color:var(--color-text-primary)!important}.theme-select-popper .el-select-dropdown__item.is-selected{color:var(--color-primary)!important;font-weight:600!important;background-color:var(--color-primary-alpha-08)!important}.theme-select-popper .el-select-dropdown__item.is-selected.is-hovering,.theme-select-popper .el-select-dropdown__item.is-selected:hover{background-color:var(--color-primary-alpha-15)!important}.theme-select-popper .el-select-dropdown__item.is-disabled{color:var(--color-text-placeholder)!important;cursor:not-allowed!important}.theme-select-popper .el-select-dropdown__empty{color:var(--color-text-placeholder)!important}.el-select-dropdown{background:var(--color-bg-card)!important;border:none!important}.el-select-dropdown__item{color:var(--color-text-primary)!important;transition:background-color .15s ease,color .15s ease!important}.el-select-dropdown__item.is-hovering,.el-select-dropdown__item:hover{background-color:var(--color-bg-hover)!important}.el-select-dropdown__item.is-selected{color:var(--color-primary)!important;font-weight:600!important;background-color:var(--color-primary-alpha-08)!important}.el-select-dropdown__item.is-selected.is-hovering,.el-select-dropdown__item.is-selected:hover{background-color:var(--color-primary-alpha-15)!important}.el-switch.is-checked .el-switch__core{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important}.el-switch__core{background-color:var(--color-border)!important;border-color:var(--color-border)!important}.el-slider__bar{background-color:var(--color-primary)!important}.el-slider__button{border-color:var(--color-primary)!important}.el-slider__runway{background-color:var(--color-border)!important}.el-slider__button-wrapper .el-tooltip__trigger:hover .el-slider__button{border-color:var(--color-primary-light)!important}.el-radio__input.is-checked .el-radio__inner{background:var(--color-primary)!important;border-color:var(--color-primary)!important}.el-radio__inner{border-color:var(--color-border)!important;background:var(--color-bg-card)!important}.el-radio__inner:hover{border-color:var(--color-primary)!important}.el-radio__input.is-checked+.el-radio__label{color:var(--color-primary)!important}.el-radio__label{color:var(--color-text-primary)!important}.el-color-picker__trigger{border-color:var(--color-border)!important;border-radius:var(--radius-sm)!important}.el-color-picker__trigger:hover{border-color:var(--color-primary-alpha-30)!important}.el-input__wrapper,.el-textarea__inner{background-color:var(--color-bg-card)!important;box-shadow:0 0 0 1px var(--color-border) inset!important}.el-input__wrapper:hover,.el-textarea__inner:hover{box-shadow:0 0 0 1px var(--color-primary-alpha-30) inset!important}.el-input__wrapper.is-focus,.el-textarea__inner.is-focus{box-shadow:0 0 0 1px var(--color-primary) inset!important}.el-popper.is-dark{background:var(--color-text-primary)!important;border-color:var(--color-text-primary)!important;color:var(--color-text-inverse)!important}.el-popper.is-dark .el-popper__arrow:before{background:var(--color-text-primary)!important;border-color:var(--color-text-primary)!important}.el-popper.is-dark.note-tooltip-popper,.el-popper.is-light.note-tooltip-popper,.el-popper.note-tooltip-popper{background:var(--color-bg-card)!important;border:1.5px solid var(--color-border)!important;border-radius:var(--radius-base)!important;box-shadow:var(--shadow-dropdown)!important;padding:12px 16px!important;color:var(--color-text-primary)!important;font-family:var(--font-family)!important}.el-popper.is-dark.note-tooltip-popper .el-popper__arrow:before,.el-popper.is-light.note-tooltip-popper .el-popper__arrow:before,.el-popper.note-tooltip-popper .el-popper__arrow:before{background:var(--color-bg-card)!important;border-color:var(--color-border)!important}.note-tooltip-content{max-width:320px}.note-tooltip-content .note-tooltip-header{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--color-primary);margin-bottom:8px;letter-spacing:.5px}.note-tooltip-content .note-tooltip-header .note-tooltip-icon{width:14px;height:14px;color:var(--color-primary);stroke:currentColor}.note-tooltip-content .note-tooltip-body{font-size:13px;line-height:1.6;color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word}.el-dropdown__popper.el-popper{background:var(--color-bg-card)!important;border-color:var(--color-border)!important;box-shadow:var(--shadow-dropdown)!important;border-radius:var(--radius-base)!important}.el-dropdown__popper.el-popper .el-popper__arrow:before{background:var(--color-bg-card)!important;border-color:var(--color-border)!important}.el-dropdown-menu{background-color:var(--color-bg-card)!important;padding:4px 0!important;border-radius:var(--radius-base)!important}.el-dropdown-menu__item{color:var(--color-text-secondary)!important;font-size:13px!important;font-family:var(--font-family)!important;padding:8px 16px!important;transition:all var(--transition-fast)!important}.el-dropdown-menu__item:hover,.el-dropdown-menu__item:focus,.el-dropdown-menu__item.is-focused{background-color:var(--color-primary-alpha-08)!important;color:var(--color-primary)!important}.el-dropdown-menu__item.is-disabled{opacity:.4!important;color:var(--color-text-placeholder)!important}