:root{--color-primary: 106 17 203;--color-accent: 37 117 252;--color-secondary: 78 84 200;--color-tertiary: 143 148 251;--color-gray-900: 15 15 30;--color-gray-800: 35 35 55;--color-gray-100: 245 245 255;--color-gray-50: 250 250 255;--color-success: 46 204 113;--color-warning: 241 196 15;--color-error: 231 76 60;--color-white-rgb: 255 255 255;--color-black-rgb: 0 0 0;--color-gray: 221 221 221;--color-brand-blue: 67 97 238;--color-spinner: 52 152 219;--color-border-light: 230 230 230;--color-subtle-bg: 248 250 252;--color-subtle-bg-alt: 250 251 252;--color-subtle-bg-hover: 241 245 249;--color-text-muted: 100 116 139;--color-text-darker: 71 85 105;--color-text-deep: 51 65 85;--color-border-muted: 226 232 240;--color-border-soft: 203 213 225;--color-gray-medium: 148 163 184;--color-spinner-track: 243 243 243;--color-border-neutral: 204 204 204;--color-light-gray: 250 250 250;--color-dark-gray: 17 17 17;--color-dark-black: 34 34 34;--color-warning-accent: 255 152 0;--color-dark-surface: 42 42 42;--color-gray-700: 68 68 68;--color-md-bg: 18 18 18;--color-md-text: 224 224 224;--color-md-heading-border: 58 58 92;--color-md-h1: 240 240 255;--color-md-h2: 208 208 255;--color-md-h2-border: 45 45 68;--color-md-h3: 192 192 255;--color-md-h4: 176 176 255;--color-md-strong: 255 255 255;--color-md-table-bg: 30 30 45;--color-md-th-bg: 42 42 63;--color-md-th-color: 224 224 255;--color-md-td-color: 215 215 240;--color-md-td-bg: 35 35 54;--color-md-table-border: 61 61 92;--color-md-zebra-bg: 28 28 42;--color-md-code-bg: 175 177 255;--color-md-code-color: 12 9 8;--color-md-link: 143 148 251;--color-md-link-hover: 167 171 255;--color-md-blockquote: 184 185 255;--color-md-blockquote-border: 78 84 200;--color-md-blockquote-bg: 28 28 45;--color-md-hr: 51 51 85;--color-404-text: 45 55 72;--color-404-primary: 2 136 209;--color-404-primary-hover: 2 119 189;--color-404-primary-dark: 1 87 155;--color-404-primary-darker: 1 67 119;--color-404-heading: 26 35 126;--color-404-lead: 69 90 100;--color-404-search-border: 227 242 253;--color-404-signature: 120 144 156;--color-404-btn-secondary-hover-bg: 227 242 253;--color-404-bg-start: 224 247 250;--color-404-bg-end: 187 222 251;--color-404-circle1-start: 129 212 250;--color-404-circle1-end: 79 195 247;--color-404-circle2-start: 179 229 252;--color-404-circle2-end: 129 212 250;--color-404-circle3-start: 225 245 254;--color-404-circle3-end: 179 229 252;--color-404-signature-line: 144 164 174;--color-50x-text: 45 55 72;--color-50x-error-stroke: 229 62 62;--color-50x-heading: 26 32 44;--color-50x-lead: 74 85 104;--color-50x-message-bg: 248 249 252;--color-50x-signature: 113 128 150;--color-50x-primary-btn: 49 130 206;--color-50x-primary-btn-hover: 43 108 176;--color-50x-secondary-text: 74 85 104;--color-50x-secondary-border: 226 232 240;--color-50x-secondary-bg-hover: 247 250 252;--color-50x-secondary-border-hover: 203 213 224;--color-50x-bg-start: 245 247 250;--color-50x-bg-end: 228 237 249;--color-50x-decor1-start: 224 242 254;--color-50x-decor1-end: 219 234 254;--color-50x-decor2-start: 237 233 254;--color-50x-decor2-end: 240 249 255;--color-50x-icon-start: 255 235 238;--color-50x-icon-end: 255 205 210;--color-50x-signature-line: 203 213 224;--color-text-heading: rgb(var(--color-primary))}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px}:root{--gradient-direction: to right;--gradient-primary: linear-gradient( var(--gradient-direction), rgb(var(--color-primary)), rgb(var(--color-secondary)) );--gradient-dark: linear-gradient( 135deg, rgb(var(--color-secondary)) 0%, rgb(var(--color-tertiary)) 100% );--gradient-404-bg: linear-gradient( 135deg, rgb(var(--color-404-bg-start)) 0%, rgb(var(--color-404-bg-end)) 100% );--gradient-404-circle-1: linear-gradient( 135deg, rgb(var(--color-404-circle1-start)) 0%, rgb(var(--color-404-circle1-end)) 100% );--gradient-404-circle-2: linear-gradient( 135deg, rgb(var(--color-404-circle2-start)) 0%, rgb(var(--color-404-circle2-end)) 100% );--gradient-404-circle-3: linear-gradient( 135deg, rgb(var(--color-404-circle3-start)) 0%, rgb(var(--color-404-circle3-end)) 100% );--gradient-404-signature-line: linear-gradient( to right, transparent, rgb(var(--color-404-signature-line)), transparent );--gradient-404-btn-primary: linear-gradient( 135deg, rgb(var(--color-404-primary)) 0%, rgb(var(--color-404-primary-dark)) 100% );--gradient-404-btn-primary-hover: linear-gradient( 135deg, rgb(var(--color-404-primary-hover)) 0%, rgb(var(--color-404-primary-darker)) 100% );--gradient-50x-bg: linear-gradient( 135deg, rgb(var(--color-50x-bg-start)) 0%, rgb(var(--color-50x-bg-end)) 100% );--gradient-50x-decor-1: linear-gradient( 120deg, rgb(var(--color-50x-decor1-start)) 0%, rgb(var(--color-50x-decor1-end)) 100% );--gradient-50x-decor-2: linear-gradient( 300deg, rgb(var(--color-50x-decor2-start)) 0%, rgb(var(--color-50x-decor2-end)) 100% );--gradient-50x-icon: linear-gradient( 135deg, rgb(var(--color-50x-icon-start)) 0%, rgb(var(--color-50x-icon-end)) 100% );--gradient-50x-signature-line: linear-gradient( to right, transparent, rgb(var(--color-50x-signature-line)), transparent )}/*! Layout system extracted from theme.css */.container{max-width:800px;margin:0 auto;width:100%}.about-section,.skills-section,.education-section,.experience-section,.blog-section,.contact-section{padding:2rem 1rem;max-width:800px;margin:0 auto}/*! Utility classes extracted from theme.css */.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.w-100{width:100%}.text-center{text-align:center}.d-flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.absolute-fill{position:absolute;top:0;left:0;width:100%;height:100%}.justify-content-between{justify-content:space-between}.ms-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.section-header{font-weight:700}.bg-surface{background:var(--color-surface)}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.shadow-medium{box-shadow:var(--shadow-medium)}.fixed-bottom-right{position:fixed;bottom:20px;right:20px}.modal{display:none;position:fixed;top:0;left:0;height:auto;width:auto;background:var(--overlay-modal-bg);align-items:center;justify-content:center;z-index:1000}.modal-content{padding:20px;position:relative;text-align:center;max-width:90%;height:auto;width:auto}.modal-content img{max-width:258px;max-height:258px;height:auto;width:auto}.modal .close{position:absolute;top:8px;right:12px;font-size:24px;cursor:pointer}.grid-row{display:flex;flex-wrap:wrap;gap:1rem}.grid-col{flex:1 0 0%}@media (min-width: 576px){.grid-col-sm-6{flex:0 0 calc(50% - 1rem)}}@media (min-width: 768px){.grid-col-md-4{flex:0 0 calc(33.333% - 1rem)}.grid-col-md-8{flex:0 0 calc(66.667% - 1rem)}}.debug *{outline:1px solid magenta!important}:root{color-scheme:light;--font-body: "Open Sans", "Segoe UI", "Microsoft YaHei", sans-serif;--color-bg: rgb(var(--color-gray-50));--color-text: rgb(var(--color-gray-900));--color-nav-bg: rgb(var(--color-gray-50));--color-nav-text: rgb(var(--color-gray-900));--color-surface: rgb(var(--color-gray-100));--color-gray: rgb(var(--color-gray));--color-brand-blue: rgb(var(--color-brand-blue));--color-spinner: rgb(var(--color-spinner));--color-white: rgb(var(--color-white-rgb));--color-black: rgb(var(--color-black-rgb));--color-border-light: rgb(var(--color-border-light));--color-subtle-bg: rgb(var(--color-subtle-bg));--color-subtle-bg-alt: rgb(var(--color-subtle-bg-alt));--color-subtle-bg-hover: rgb(var(--color-subtle-bg-hover));--color-text-muted: rgb(var(--color-text-muted));--color-text-darker: rgb(var(--color-text-darker));--color-text-deep: rgb(var(--color-text-deep));--color-border-muted: rgb(var(--color-border-muted));--color-border-soft: rgb(var(--color-border-soft));--color-gray-medium: rgb(var(--color-gray-medium));--color-spinner-track: rgb(var(--color-spinner-track));--color-border-neutral: rgb(var(--color-border-neutral));--color-light-gray: rgb(var(--color-light-gray));--color-dark-gray: rgb(var(--color-dark-gray));--color-dark-black: rgb(var(--color-dark-black));--color-warning-accent: rgb(var(--color-warning-accent));--color-dark-surface: rgb(var(--color-dark-surface));--color-accent-purple: rgb(var(--color-primary));--md-bg: rgb(var(--color-md-bg));--md-text: rgb(var(--color-md-text));--md-heading-border: rgb(var(--color-md-heading-border));--md-h1-color: rgb(var(--color-md-h1));--md-h2-color: rgb(var(--color-md-h2));--md-h2-border: rgb(var(--color-md-h2-border));--md-h3-color: rgb(var(--color-md-h3));--md-h4-color: rgb(var(--color-md-h4));--md-strong-color: rgb(var(--color-md-strong));--md-table-bg: rgb(var(--color-md-table-bg));--md-th-bg: rgb(var(--color-md-th-bg));--md-th-color: rgb(var(--color-md-th-color));--md-td-color: rgb(var(--color-md-td-color));--md-td-bg: rgb(var(--color-md-td-bg));--md-table-border: rgb(var(--color-md-table-border));--md-zebra-bg: rgb(var(--color-md-zebra-bg));--md-code-bg: rgb(var(--color-md-code-bg));--md-code-color: rgb(var(--color-md-code-color));--md-link-color: rgb(var(--color-md-link));--md-link-hover: rgb(var(--color-md-link-hover));--md-blockquote-color: rgb(var(--color-md-blockquote));--md-blockquote-border: rgb(var(--color-md-blockquote-border));--md-blockquote-bg: rgb(var(--color-md-blockquote-bg));--md-hr-bg: rgb(var(--color-md-hr));--shadow-elevated: 0 4px 6px rgba(var(--color-black-rgb), .1);--overlay-bg: rgba(var(--color-black-rgb), .4);--shadow-medium: 0 2px 8px rgba(var(--color-black-rgb), .2);--shadow-soft: 0 0 4px rgba(var(--color-black-rgb), .3);--shadow-large: 0 8px 30px rgba(var(--color-black-rgb), .08);--shadow-dialog: 0 4px 20px rgba(var(--color-black-rgb), .15);--shadow-focus-purple: 0 0 0 3px rgba(var(--color-primary) / .2);--overlay-light-bg: rgba(var(--color-white-rgb), .95);--overlay-dark-bg: rgba(var(--color-black-rgb), .75);--overlay-dark-surface: rgba(var(--color-dark-black), .95);--shadow-dark: 0 4px 10px rgba(var(--color-black-rgb), .5);--shadow-login-light: 0 4px 12px rgba(var(--color-black-rgb), .1);--shadow-login-dark: 0 4px 12px rgba(var(--color-black-rgb), .5);--shadow-message: 0 2px 8px rgba(var(--color-black-rgb), .05);--shadow-focus-blue: 0 0 0 3px rgba(var(--color-tertiary) / .4);--shadow-nav-mobile: 0 2px 10px rgba(var(--color-black-rgb), .1);--shadow-cert-card: 0 2px 6px rgba(var(--color-black-rgb), .05);--shadow-cert-card-hover: 0 4px 6px rgba(var(--color-black-rgb), .1);--shadow-md-table: 0 2px 4px rgba(var(--color-black-rgb), .2);--overlay-modal-bg: rgba(var(--color-black-rgb), .5)}html.dark-mode{color-scheme:dark;--color-bg: rgb(var(--color-gray-900));--color-text: rgb(var(--color-gray-50));--color-nav-bg: rgb(var(--color-gray-800));--color-nav-text: rgb(var(--color-gray-50));--color-success: rgb(var(--color-success));--color-warning: rgb(var(--color-warning));--color-error: rgb(var(--color-error));--gradient-primary: var(--gradient-dark);--color-surface: rgb(var(--color-gray-800));--color-gray: rgb(var(--color-gray-700));--color-brand-blue: rgb(var(--color-brand-blue));--color-spinner: rgb(var(--color-spinner));--color-white: rgb(var(--color-white-rgb));--color-border-light: rgb(var(--color-gray-700));--color-subtle-bg: rgb(var(--color-gray-700));--color-subtle-bg-alt: rgb(var(--color-dark-black));--color-subtle-bg-hover: rgb(var(--color-gray-700));--color-text-muted: rgb(var(--color-text-muted));--color-text-darker: rgb(var(--color-text-darker));--color-text-deep: rgb(var(--color-text-deep));--color-border-muted: rgb(var(--color-gray-700));--color-border-soft: rgb(var(--color-gray-700));--color-gray-medium: rgb(var(--color-gray-medium));--color-spinner-track: rgb(var(--color-gray-700));--color-accent-purple: rgb(var(--color-primary));--md-bg: rgb(var(--color-md-bg));--md-text: rgb(var(--color-md-text));--md-heading-border: rgb(var(--color-md-heading-border));--md-h1-color: rgb(var(--color-md-h1));--md-h2-color: rgb(var(--color-md-h2));--md-h2-border: rgb(var(--color-md-h2-border));--md-h3-color: rgb(var(--color-md-h3));--md-h4-color: rgb(var(--color-md-h4));--md-strong-color: rgb(var(--color-md-strong));--md-table-bg: rgb(var(--color-md-table-bg));--md-th-bg: rgb(var(--color-md-th-bg));--md-th-color: rgb(var(--color-md-th-color));--md-td-color: rgb(var(--color-md-td-color));--md-td-bg: rgb(var(--color-md-td-bg));--md-table-border: rgb(var(--color-md-table-border));--md-zebra-bg: rgb(var(--color-md-zebra-bg));--md-code-bg: rgb(var(--color-md-code-bg));--md-code-color: rgb(var(--color-md-code-color));--md-link-color: rgb(var(--color-md-link));--md-link-hover: rgb(var(--color-md-link-hover));--md-blockquote-color: rgb(var(--color-md-blockquote));--md-blockquote-border: rgb(var(--color-md-blockquote-border));--md-blockquote-bg: rgb(var(--color-md-blockquote-bg));--md-hr-bg: rgb(var(--color-md-hr))}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}pre{overflow-x:auto}html[lang^=en] .lang-zh,html[lang^=zh] .lang-en{display:none}body{font-family:var(--font-body)!important;margin:0;padding:5rem 0 0;background-color:var(--color-bg);color:var(--color-text);display:flex;flex-direction:column;align-items:stretch;justify-content:center;min-height:100vh;width:100%}main.main-content{width:100%;max-width:100%;margin-left:auto;margin-right:auto;text-align:left}nav{width:100%;background-color:var(--color-nav-bg);color:var(--color-nav-text);padding:.5rem;display:flex;justify-content:space-between;align-items:center;text-align:center;position:fixed;top:0;left:0;right:0;z-index:1000}nav a,nav button:not(.theme-option){color:var(--color-white);text-decoration:none;padding:10px 20px;background:var(--gradient-primary);box-shadow:var(--shadow-elevated);border-radius:4px;transition:filter .3s,transform .3s}nav button:not(.theme-option){border:none;cursor:pointer}nav a:hover,nav button:not(.theme-option):hover{filter:brightness(1.1);transform:translateY(-2px)}nav a:active,nav button:not(.theme-option):active{transform:translateY(0)}nav .hamburger-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}nav .hamburger-btn span{display:block;width:20px;height:2px;margin:3px 0;background:var(--color-white);border-radius:1px;transition:transform .3s,opacity .3s}nav .hamburger-btn.open span:nth-child(1){transform:translateY(5px) rotate(45deg)}nav .hamburger-btn.open span:nth-child(2){opacity:0}nav .hamburger-btn.open span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}nav .side-menu-overlay{position:fixed;inset:0;background:var(--overlay-bg);opacity:0;visibility:hidden;transition:opacity .3s;z-index:1001}nav .side-menu-overlay.open{opacity:1;visibility:visible}nav .side-menu{position:fixed;top:0;left:0;height:100%;width:220px;max-width:80%;padding:60px 20px 20px;background:var(--color-nav-bg);transform:translate(-100%);transition:transform .3s;z-index:1002;display:flex;flex-direction:column;gap:1rem}nav .side-menu.open{transform:translate(0)}nav .side-menu a{color:var(--color-white);text-decoration:none;padding:10px 20px;background:var(--gradient-primary);box-shadow:var(--shadow-elevated);border-radius:4px;transition:filter .3s,transform .3s}nav .side-menu a:hover{filter:brightness(1.1);transform:translateY(-2px)}nav .side-menu a:active{transform:translateY(0)}nav .theme-toggle-wrapper{position:relative;display:inline-block}nav .theme-toggle-main{position:relative;color:var(--color-white);text-decoration:none;padding:6px 12px;font-size:.9rem;background:var(--gradient-primary);box-shadow:var(--shadow-elevated);border-radius:4px;border:none;cursor:pointer;transition:filter .3s,transform .3s}nav .theme-toggle-main:hover{filter:brightness(1.1);transform:translateY(-2px)}nav .theme-toggle-main:active{transform:translateY(0)}nav .theme-options{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);display:flex;gap:4px;padding:4px;background-color:var(--color-nav-bg);border-radius:6px;box-shadow:var(--shadow-medium);z-index:1001}nav .theme-option{width:28px;height:28px;padding:0;border-radius:4px;border:1px solid var(--color-border-neutral);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,box-shadow .2s}nav .theme-option.light{background-color:var(--color-light-gray);color:var(--color-nav-text)}nav .theme-option.dark{background-color:var(--color-dark-gray);color:var(--color-white)}nav .theme-option:hover{box-shadow:var(--shadow-soft)}nav .theme-option.active{border-color:var(--color-warning-accent)}nav .language-selector-wrapper{position:relative;display:inline-block}nav .language-selector-main{position:relative;color:var(--color-white);text-decoration:none;padding:6px 12px;font-size:.9rem;background:var(--gradient-primary);box-shadow:var(--shadow-elevated);border-radius:4px;border:none;cursor:pointer;transition:filter .3s,transform .3s;display:flex;align-items:center;gap:4px}nav .language-selector-main:hover{filter:brightness(1.1);transform:translateY(-2px)}nav .language-selector-main:active{transform:translateY(0)}nav .language-options{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:4px;padding:4px;background-color:var(--color-nav-bg);border-radius:6px;box-shadow:var(--shadow-medium);z-index:1001}nav .language-option{padding:4px 8px;border-radius:4px;border:1px solid var(--color-border-neutral);background-color:var(--color-nav-bg);color:var(--color-nav-text);cursor:pointer;font-size:.9rem;transition:background-color .2s,box-shadow .2s}nav .language-option:hover{box-shadow:var(--shadow-soft)}nav .language-option.active{border-color:var(--color-warning-accent)}.app-header{background:var(--gradient-primary);color:var(--color-white);padding:20px;text-align:center;position:relative}html.dark-mode .app-header{background:var(--gradient-dark);color:var(--color-white)}.btn-primary{background:var(--gradient-primary);border:none;color:var(--color-white);box-shadow:var(--shadow-elevated);transition:filter .3s,transform .3s}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-subtle-bg);color:var(--color-text-muted);border:1px solid var(--color-border-muted);transition:filter .3s,transform .3s}.btn-secondary:hover{background:var(--color-subtle-bg-hover);color:var(--color-text-darker)}.btn-chat{padding:12px 24px;border-radius:24px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .3s}.btn-chat:disabled{opacity:.6;cursor:not-allowed}.verify-btn{margin:.25rem;padding:6px 12px;border-radius:4px;text-decoration:none}.form-label{display:block;margin-bottom:.25rem;font-weight:600}.form-control{display:block;width:100%;padding:.375rem .75rem;border:1px solid var(--color-border-light);border-radius:4px;background-color:var(--color-surface);color:var(--color-text)}.form-control:focus{outline:none;border-color:var(--color-brand-blue)}.invalid-feedback,.valid-feedback{font-size:.875rem;margin-top:.25rem}.invalid-feedback{color:var(--color-error)}.valid-feedback{color:var(--color-success)}.form-check{display:flex;align-items:center}.form-check-input{width:1rem;height:1rem}.form-check-label{margin-left:.5rem}.login-container,.register-container{margin:80px auto;padding:20px;background:var(--color-surface);border-radius:8px;box-shadow:var(--shadow-login-light);width:100%;max-width:450px}@media (min-width: 769px) and (max-width: 1024px){.login-container,.register-container{width:70%}}@media (max-width: 768px){.login-container,.register-container{width:100%}}.login-title,.register-title{text-align:center;margin-bottom:1rem;font-weight:600}.password-wrapper{position:relative}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer}.password-strength{height:4px;border-radius:2px;background:var(--color-gray);margin-top:4px}.password-strength-label{font-size:.875rem;margin-top:4px}.password-strength.weak{background:var(--color-error)}.password-strength.medium{background:var(--color-warning)}.password-strength.strong{background:var(--color-success)}.progress-container{width:100%;height:6px;background:var(--color-gray);border-radius:3px;overflow:hidden}.progress-bar{height:100%;width:0;background:var(--color-brand-blue);transition:width .3s ease}.third-party{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.third-party button{background:none;border:none;cursor:pointer}.global-error{color:var(--color-error);text-align:center;margin-bottom:1rem}.form-message{margin-top:.5rem}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.spinner{--spinner-size: 30px;--spinner-color: var(--color-accent-purple);width:var(--spinner-size);height:var(--spinner-size);border:3px solid var(--color-spinner-track);border-top:3px solid var(--spinner-color);border-radius:50%;animation:spinner-spin 1s linear infinite}.spinner-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader,.doc-loader{display:flex;justify-content:center;align-items:center;padding:20px;text-align:center;margin:auto}.loader .dot,.doc-loader .dot{width:10px;height:10px;margin:0 4px;background:var(--color-spinner);border-radius:50%;animation:dot-bounce 1.4s infinite both}.loader .dot:nth-child(1),.doc-loader .dot:nth-child(1){animation-delay:-.32s}.loader .dot:nth-child(2),.doc-loader .dot:nth-child(2){animation-delay:-.16s}@keyframes dot-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}#enhancement-progress{background:var(--overlay-light-bg);padding:12px 20px;border-radius:24px;box-shadow:var(--shadow-dialog);display:flex;align-items:center;gap:12px;z-index:1000;transition:opacity .3s ease;border:1px solid var(--color-border-muted)}.pulse-container{position:relative;width:40px;height:20px}.pulse-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--color-accent-purple);animation:pulse 1.5s infinite}.pulse-dot-1{left:0}.pulse-dot-2{left:16px;animation-delay:.2s}.pulse-dot-3{left:32px;animation-delay:.4s}@keyframes pulse{0%,to{transform:scale(.8);opacity:.7}50%{transform:scale(1.2);opacity:1}}html.dark-mode .side-menu,html.dark-mode .theme-options{background:var(--color-subtle-bg)}html.dark-mode .theme-option.light{background-color:var(--color-gray);color:var(--color-dark-black)}html.dark-mode .theme-option.dark{background-color:var(--color-dark-black);color:var(--color-white)}html.dark-mode .language-options{background:var(--color-subtle-bg)}html.dark-mode .language-option{background-color:var(--color-dark-black);color:var(--color-white)}html.dark-mode .login-container,html.dark-mode .register-container{background:var(--color-surface);box-shadow:var(--shadow-login-dark)}html.dark-mode main.main-content,html.dark-mode .container{background-color:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-dark)}html.dark-mode .chat-container{background:var(--color-subtle-bg-alt)}html.dark-mode .user-message{background:var(--gradient-dark);color:var(--color-white)}html.dark-mode .input-area{background:var(--color-surface);border-top:1px solid var(--color-subtle-bg)}html.dark-mode .input-area button{background:var(--gradient-dark)}html.dark-mode #message-input{background:var(--color-subtle-bg-alt);color:var(--color-text);border:1px solid var(--color-border-light)}html.dark-mode #message-input:focus{border-color:var(--md-link-color);box-shadow:var(--shadow-focus-blue)}html.dark-mode .cert-card{background:var(--color-dark-surface);color:var(--color-text);border-color:var(--color-border-light)}html.dark-mode header{background:var(--gradient-dark);color:var(--color-white)}html.dark-mode #reset-btn{background:var(--color-subtle-bg);color:var(--color-text);border:1px solid var(--color-border-light)}html.dark-mode #reset-btn:hover{background:var(--color-subtle-bg-hover);color:var(--color-white)}html.dark-mode .btn-primary{background:var(--gradient-dark);color:var(--color-white)}html.dark-mode .btn-secondary{background:var(--color-subtle-bg);color:var(--color-text);border-color:var(--color-border-light)}html.dark-mode .btn-secondary:hover{background:var(--color-subtle-bg-hover);color:var(--color-white)}html.dark-mode #enhancement-progress{background:var(--overlay-dark-surface);color:var(--color-text);border-color:var(--color-border-light)}html.dark-mode .social-icons img[alt="CSDN logo"],html.dark-mode .social-icons img[alt="Medium logo"]{filter:brightness(0) invert(1)}@media (max-width: 768px){nav{padding:8px 10px;gap:8px;height:auto;box-shadow:var(--shadow-nav-mobile)}nav a,nav button:not(.theme-option){min-width:0;margin:3px;padding:10px 5px;box-sizing:border-box;text-align:center;font-size:.85rem;border-radius:8px}}@media (max-width: 480px){nav{padding:6px 8px;gap:6px;flex-wrap:nowrap}nav a,nav button:not(.theme-option){min-width:0;padding:8px 3px;font-size:.8rem;border-radius:6px}}@media (max-width: 360px){nav a,nav button:not(.theme-option){min-width:0;margin:4px 3px;padding:8px 3px;font-size:.75rem}}.example-fallback{color:var(--undefined-var, var(--color-text))}