html{transition:background-color .3s ease,color .3s ease}*,*:before,*:after{transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}:root{--color-bg-page: #f5f5f5;--color-bg-card: #ffffff;--color-bg-section: #f9fafb;--color-bg-overlay: rgba(0, 0, 0, .5);--color-bg-filter: #ffffff;--color-bg-filter-active: #27272a;--color-header-bg: rgba(24, 24, 27, .4);--color-header-border: rgba(255, 255, 255, .08);--color-header-text: #ffffff;--color-header-text-muted: rgba(255, 255, 255, .7);--color-header-search-bg: rgba(255, 255, 255, .1);--color-header-search-border: rgba(255, 255, 255, .2);--color-header-search-text: #99a1af;--color-header-btn-bg-start: #f6339a;--color-header-btn-bg-end: #9810fa;--color-header-btn-hover-start: #e51e8f;--color-header-btn-hover-end: #850ec9;--color-footer-bg: #18181b;--color-footer-border: #27272a;--color-footer-text: #ffffff;--color-footer-text-muted: #aaa;--color-footer-text-dim: #888;--color-footer-social-bg: #27272a;--color-footer-social-hover: #373740;--color-text-primary: #101828;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-text-placeholder: #99a1af;--color-text-light: #ffffff;--color-text-caption: #6a7282;--color-text-nav: #3f3f47;--color-text-active: #a65f00;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--color-border-accent: #f0b100;--color-border-input: #d1d5dc;--color-accent: #f0b100;--color-accent-hover: #d08700;--color-accent-light: #fefce8;--color-primary: #1890ff;--color-primary-hover: #40a9ff;--color-orange: #ff6900;--color-orange-active: #ff6900;--color-danger: #fb2c36;--color-success: #059669;--color-info: #2563eb;--color-warning: #d08700;--gradient-hero: linear-gradient(103.21deg, #a63f23 0%, #762711 100%);--gradient-upload: linear-gradient(90deg, #f6339a 0%, #9810fa 100%);--gradient-user-icon: linear-gradient(135deg, #c27aff 0%, #fb64b6 100%);--gradient-badge: linear-gradient(90deg, rgba(240, 177, 0, .2) 0%, rgba(208, 135, 0, .2) 100%);--color-stage-bg-start: #e5e5e5;--color-stage-bg-end: #d4d4d4;--color-stage-panel-bg: rgba(255, 255, 255, .85);--color-stage-control-bg: rgba(255, 255, 255, .92);--color-tag-bg: #f4f4f4;--color-weak-orange-bg: #fff2e8;--color-weak-orange-border: #ffc7a3;--color-favorited-bg: #fff5e6;--color-divider-soft: #eee;--color-section-tint-bg: rgba(249, 250, 251, .5);--color-status-pending-bg: #fef3c7;--color-status-paid-bg: #d1fae5;--color-status-cancelled-bg: #f3f4f6;--color-accent-blue-bg: #eff6ff;--color-accent-blue-border: #bedbff;--color-accent-blue-text: #155dfc;--color-gold-halo: #fff085;--color-danger-weak-bg: #fef2f2;--color-hero-bg-start: #a63f23;--color-hero-bg-mid: #8f341a;--color-hero-bg-end: #762711;--color-hero-title: #fdf8e7;--color-hero-subtitle: rgba(253, 248, 231, .8);--color-hero-search-bg: rgba(253, 248, 231, .1);--color-hero-search-border: rgba(253, 248, 231, .2);--color-hero-search-text: rgba(253, 248, 231, .6);--color-hero-search-btn-bg: #a63f23;--color-hero-search-btn-text: #fdf8e7;--color-hero-send-btn-bg: #fdf8e7;--color-hero-send-btn-text: #a63f23;--color-hero-toggle-active: #a63f23;--color-hero-glow: rgba(249, 207, 0, .15);--color-card-bg: #ffffff;--color-card-border: #e5e7eb;--color-card-badge-bg: rgba(0, 0, 0, .7);--color-card-badge-text: #ffffff;--color-card-hover-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--color-card-hover-border: #fdc700;--color-user-sidebar-bg: #ffffff;--color-user-sidebar-border: #f3f4f6;--color-user-nav-active-bg: #fefce8;--color-user-nav-hover: #f5f5f5;--color-badge-published-bg: #d1fae5;--color-badge-published-text: #059669;--color-badge-review-bg: #dbeafe;--color-badge-review-text: #2563eb;--color-badge-draft-bg: #f3f4f6;--color-badge-draft-text: #4b5563;--color-badge-rejected-bg: #fee2e2;--color-badge-rejected-text: #dc2626;--shadow-sm: 0px 1px 3px 0px rgba(0, 0, 0, .1), 0px 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .15);--shadow-filter-panel: 0 4px 12px rgba(0, 0, 0, .15);--shadow-card-hover: 0 8px 16px rgba(0, 0, 0, .12);--color-filter-section-bg: #f5f5f5;--color-filter-btn-bg: #ffffff;--color-filter-btn-text: #3f3f47;--color-filter-btn-hover: #f0f0f0;--color-modal-overlay: rgba(0, 0, 0, .5);--color-modal-bg: #ffffff;--color-modal-border: #e0e0e0;--color-product-info-bg: rgba(24, 24, 27, .9);--color-product-badge-bg: linear-gradient(135deg, #c27aff 0%, #fb64b6 100%);--color-spinner-border: #f3f3f3;--color-spinner-accent: #3498db;--color-loading-text: #666;--color-ai-bg: #f5f5f7;--color-ai-panel-bg: #ffffff;--color-ai-header-bg: rgba(255, 255, 255, .85);--color-ai-header-border: rgba(0, 0, 0, .08);--color-ai-sidebar-bg: #f0f0f2;--color-ai-sidebar-border: rgba(0, 0, 0, .06);--color-ai-input-bg: rgba(0, 0, 0, .04);--color-ai-input-border: rgba(0, 0, 0, .1);--color-ai-bubble-assistant-bg: #e8e8ee;--color-ai-bubble-assistant-text: #1a1a2e;--color-ai-bubble-user-bg: #b8462c;--color-ai-bubble-user-text: #ffffff;--color-ai-welcome-title: #1a1a2e;--color-ai-accent: #b8462c;--color-ai-scrollbar: rgba(0, 0, 0, .15)}[data-theme=dark]{--color-bg-page: #12121e;--color-bg-card: #1e1e32;--color-bg-section: #1a1a2e;--color-bg-overlay: rgba(0, 0, 0, .7);--color-bg-filter: #1e1e32;--color-bg-filter-active: #2a2a42;--color-header-bg: rgba(18, 18, 30, .85);--color-header-border: rgba(255, 255, 255, .06);--color-header-text: #e8e8f0;--color-header-text-muted: rgba(232, 232, 240, .6);--color-header-search-bg: rgba(255, 255, 255, .05);--color-header-search-border: rgba(255, 255, 255, .12);--color-header-search-text: #6a6a7a;--color-header-btn-bg-start: #f6339a;--color-header-btn-bg-end: #9810fa;--color-header-btn-hover-start: #e51e8f;--color-header-btn-hover-end: #850ec9;--color-footer-bg: #0d0d18;--color-footer-border: #1e1e32;--color-footer-text: #e8e8f0;--color-footer-text-muted: #7a7a8a;--color-footer-text-dim: #5a5a6a;--color-footer-social-bg: #1e1e32;--color-footer-social-hover: #2a2a42;--color-text-primary: #e8e8f0;--color-text-secondary: #8a8a9a;--color-text-muted: #6a6a7a;--color-text-placeholder: #5a5a6a;--color-text-light: #ffffff;--color-text-caption: #7a7a8a;--color-text-nav: #b0b0c0;--color-text-active: #d4a017;--color-border: #2a2a42;--color-border-light: #222238;--color-border-accent: #d4a017;--color-border-input: #3a3a50;--color-accent: #d4a017;--color-accent-hover: #bf8f0d;--color-accent-light: #2a2a15;--color-primary: #4096ff;--color-primary-hover: #69b1ff;--color-orange: #ff6900;--color-orange-active: #ff8533;--color-danger: #ff4d5a;--color-success: #34d399;--color-info: #60a5fa;--color-warning: #d4a017;--gradient-hero: linear-gradient(103.21deg, #7a2d15 0%, #4a1c0d 100%);--gradient-upload: linear-gradient(90deg, #f6339a 0%, #9810fa 100%);--gradient-user-icon: linear-gradient(135deg, #c27aff 0%, #fb64b6 100%);--gradient-badge: linear-gradient(90deg, rgba(240, 177, 0, .25) 0%, rgba(208, 135, 0, .25) 100%);--color-stage-bg-start: #1c1c2e;--color-stage-bg-end: #13131f;--color-stage-panel-bg: rgba(20, 20, 31, .85);--color-stage-control-bg: rgba(20, 20, 31, .92);--color-tag-bg: #2a2a42;--color-weak-orange-bg: rgba(255, 105, 0, .12);--color-weak-orange-border: rgba(255, 105, 0, .4);--color-favorited-bg: rgba(255, 105, 0, .14);--color-divider-soft: #222238;--color-section-tint-bg: rgba(42, 42, 66, .5);--color-status-pending-bg: rgba(208, 135, 0, .16);--color-status-paid-bg: rgba(5, 150, 105, .16);--color-status-cancelled-bg: #2a2a42;--color-accent-blue-bg: rgba(64, 150, 255, .14);--color-accent-blue-border: rgba(64, 150, 255, .4);--color-accent-blue-text: #69b1ff;--color-gold-halo: rgba(240, 177, 0, .4);--color-danger-weak-bg: rgba(251, 44, 54, .12);--color-hero-bg-start: #7a2d15;--color-hero-bg-mid: #5e2410;--color-hero-bg-end: #4a1c0d;--color-hero-title: #f0e8d0;--color-hero-subtitle: rgba(240, 232, 208, .6);--color-hero-search-bg: rgba(240, 232, 208, .08);--color-hero-search-border: rgba(240, 232, 208, .15);--color-hero-search-text: rgba(240, 232, 208, .5);--color-hero-search-btn-bg: #8a351a;--color-hero-search-btn-text: #f0e8d0;--color-hero-send-btn-bg: #f0e8d0;--color-hero-send-btn-text: #7a2d15;--color-hero-toggle-active: #8a351a;--color-hero-glow: rgba(212, 160, 23, .08);--color-card-bg: #1e1e32;--color-card-border: #2a2a42;--color-card-badge-bg: rgba(0, 0, 0, .8);--color-card-badge-text: #e8e8f0;--color-card-hover-shadow: 0 4px 12px rgba(0, 0, 0, .4);--color-card-hover-border: #d4a017;--color-user-sidebar-bg: #1e1e32;--color-user-sidebar-border: #222238;--color-user-nav-active-bg: #2a2a15;--color-user-nav-hover: #2a2a42;--color-badge-published-bg: rgba(5, 150, 105, .2);--color-badge-published-text: #34d399;--color-badge-review-bg: rgba(37, 99, 235, .2);--color-badge-review-text: #60a5fa;--color-badge-draft-bg: rgba(75, 85, 99, .2);--color-badge-draft-text: #9ca3af;--color-badge-rejected-bg: rgba(220, 38, 38, .2);--color-badge-rejected-text: #f87171;--shadow-sm: 0px 1px 3px 0px rgba(0, 0, 0, .3), 0px 1px 2px -1px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .5);--shadow-filter-panel: 0 4px 12px rgba(0, 0, 0, .5);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .5);--color-filter-section-bg: #12121e;--color-filter-btn-bg: #1e1e32;--color-filter-btn-text: #b0b0c0;--color-filter-btn-hover: #2a2a42;--color-modal-overlay: rgba(0, 0, 0, .7);--color-modal-bg: #1e1e32;--color-modal-border: #2a2a42;--color-product-info-bg: rgba(18, 18, 30, .95);--color-product-badge-bg: linear-gradient(135deg, #c27aff 0%, #fb64b6 100%);--color-spinner-border: #2a2a42;--color-spinner-accent: #60a5fa;--color-loading-text: #8a8a9a;--color-ai-bg: #12121e;--color-ai-panel-bg: #1a1a2e;--color-ai-header-bg: rgba(26, 26, 46, .9);--color-ai-header-border: rgba(255, 255, 255, .08);--color-ai-sidebar-bg: rgba(0, 0, 0, .25);--color-ai-sidebar-border: rgba(255, 255, 255, .06);--color-ai-input-bg: rgba(255, 255, 255, .06);--color-ai-input-border: rgba(255, 255, 255, .1);--color-ai-bubble-assistant-bg: rgba(255, 255, 255, .08);--color-ai-bubble-assistant-text: #e8e8f0;--color-ai-bubble-user-bg: #b8462c;--color-ai-bubble-user-text: #ffffff;--color-ai-welcome-title: #e8e8f0;--color-ai-accent: #b8462c;--color-ai-scrollbar: rgba(255, 255, 255, .15)}[data-theme=dark] .filter-options .filter-option:not(.active) .option-icon{filter:brightness(0) invert(.85)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg-page)}#app{min-height:100vh}a{color:#1890ff;text-decoration:none}a:hover{color:#40a9ff}button{cursor:pointer;outline:none}ul,ol{list-style:none}@media (max-width: 1280px){.container{max-width:1024px}}@media (max-width: 768px){.container{max-width:100%}}