:root{--bg-color: #ffffff;--text-color: #333333;--text-color-light: #555555;--link-color: #007bff;--bg-overlay: rgba(255, 255, 255, .3);--card-bg: rgba(255, 255, 255, .15);--card-border: rgba(255, 255, 255, .2);--card-hover-bg: rgba(255, 255, 255, .3);--card-shadow: 0 1px 3px rgba(0, 0, 0, .05);--card-hover-shadow: 0 2px 4px rgba(0, 0, 0, .1);--menu-bg: #f8f8f8;--menu-text-color: #333333;--menu-active-color: #007bff;--menu-text-shadow: 0 1px 2px rgba(0, 0, 0, .1);--submenu-bg: rgba(255, 255, 255, .85);--submenu-border: rgba(0, 0, 0, .1);--submenu-shadow: 0 4px 16px rgba(0, 0, 0, .1);--submenu-hover-bg: rgba(0, 123, 255, .1);--submenu-active-bg: rgba(0, 123, 255, .2);--search-bg: rgba(0, 0, 0, .05);--search-shadow: 0 4px 20px rgba(0, 0, 0, .05);--placeholder-color: #888888;--search-btn-hover-bg: #f0f0f0;--engine-btn-hover-bg: rgba(0, 0, 0, .1);--ad-bg: #ffffff;--modal-overlay-bg: rgba(0, 0, 0, .5);--modal-bg: #ffffff;--modal-header-bg: #f9f9f9;--modal-header-border: #e5e7eb;--modal-text: #111827;--modal-text-light: #6b7280;--modal-btn-hover-bg: #f3f4f6;--modal-btn-hover-color: #cf1313;--modal-card-bg: #f3f4f6;--modal-card-border: transparent;--modal-card-hover-bg: #e5e7eb;--modal-placeholder-bg: #e5e7eb;--modal-placeholder-text: #6b7280}html.dark-milky{--bg-color: #121212;--text-color: #eeeeee;--text-color-light: rgba(255, 255, 255, .8);--link-color: #61afef;--bg-overlay: rgba(0, 0, 0, .3);--card-bg: rgba(255, 255, 255, .15);--card-border: rgba(255, 255, 255, .2);--card-hover-bg: rgba(255, 255, 255, .3);--card-shadow: 0 1px 3px rgba(0, 0, 0, .2);--card-hover-shadow: 0 3px 6px rgba(0, 0, 0, .3);--menu-bg: #2a2a2a;--menu-text-color: #fff;--menu-active-color: #399dff;--menu-text-shadow: 0 1px 2px rgba(0, 0, 0, .3);--submenu-bg: rgba(50, 50, 50, .85);--submenu-border: rgba(255, 255, 255, .15);--submenu-shadow: 0 4px 16px rgba(0, 0, 0, .4);--submenu-hover-bg: rgba(57, 157, 255, .25);--submenu-active-bg: rgba(57, 157, 255, .35);--search-bg: #b3b7b83b;--search-shadow: 0 4px 20px rgba(0, 0, 0, .1);--placeholder-color: #BBBBBB;--search-btn-hover-bg: #3367d6;--engine-btn-hover-bg: rgba(255, 255, 255, .1);--ad-bg: #1e1e1e;--modal-overlay-bg: rgba(0, 0, 0, .7);--modal-bg: #2a2a2e;--modal-header-bg: #333333;--modal-header-border: #444444;--modal-text: #eeeeee;--modal-text-light: #aaaaaa;--modal-btn-hover-bg: #444444;--modal-btn-hover-color: #ff4d4d;--modal-card-bg: #333333;--modal-card-border: transparent;--modal-card-hover-bg: #444444;--modal-placeholder-bg: #444444;--modal-placeholder-text: #aaaaaa}html.dark-smoky{--bg-color: #121212;--text-color: #eeeeee;--text-color-light: rgba(255, 255, 255, .8);--link-color: #61afef;--bg-overlay: rgba(0, 0, 0, .3);--card-bg: rgba(0, 0, 0, .2);--card-border: rgba(255, 255, 255, .1);--card-hover-bg: rgba(0, 0, 0, .4);--card-shadow: 0 1px 3px rgba(0, 0, 0, .3);--card-hover-shadow: 0 3px 6px rgba(0, 0, 0, .5);--menu-bg: #2a2a2a;--menu-text-color: #fff;--menu-active-color: #399dff;--menu-text-shadow: 0 1px 2px rgba(0, 0, 0, .3);--submenu-bg: rgba(50, 50, 50, .85);--submenu-border: rgba(255, 255, 255, .15);--submenu-shadow: 0 4px 16px rgba(0, 0, 0, .4);--submenu-hover-bg: rgba(57, 157, 255, .25);--submenu-active-bg: rgba(57, 157, 255, .35);--search-bg: #b3b7b83b;--search-shadow: 0 4px 20px rgba(0, 0, 0, .1);--placeholder-color: #BBBBBB;--search-btn-hover-bg: #3367d6;--engine-btn-hover-bg: rgba(255, 255, 255, .1);--ad-bg: #1e1e1e;--modal-overlay-bg: rgba(0, 0, 0, .7);--modal-bg: #2a2a2e;--modal-header-bg: #333333;--modal-header-border: #444444;--modal-text: #eeeeee;--modal-text-light: #aaaaaa;--modal-btn-hover-bg: #444444;--modal-btn-hover-color: #ff4d4d;--modal-card-bg: #333333;--modal-card-border: transparent;--modal-card-hover-bg: #444444;--modal-placeholder-bg: #444444;--modal-placeholder-text: #aaaaaa}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}