@import"https://at.alicdn.com/t/font_2605666_1i02mfre568.css";.el-notification.right{background-color:#f0d9ff4d;padding:7px 13px 10px;font-size:10px;line-height:10px;font-family:revert}.v-dialog__body{padding:10px!important;color:#606266;font-size:14px;word-break:break-all;max-height:65vh!important;min-height:50vh!important;overflow-y:auto!important}.v-dialog__header{padding:10px 10px 0!important}.v-dialog__footer{padding:0 10px 10px!important;text-align:right;box-sizing:border-box;-webkit-box-sizing:border-box}.formClass{margin:0 10px;width:100%}.paddingway{padding:10px 0 0}.v-list-item{padding:0 10px!important}.v-list-item__icon{margin:10px 0!important}.v-list-item__content{padding:10px 0!important}.v-application--is-ltr .v-list-item__action:first-child,.v-application--is-ltr .v-list-item__icon:first-child{margin-right:15px!important}.base-dialog-css{max-height:60vh}.title-header{position:absolute;padding-top:5px;padding-left:5px;z-index:50;width:100%;height:32px}.dialog-content{padding-top:40px;padding-left:10px;padding-right:10px;min-height:350px}.dialog-footer{width:100%;position:relative;margin-top:50px!important}.footer-slot{display:block;position:absolute;bottom:5px;right:15px}.w-e-toolbar,.w-e-text-container,.w-e-menu-panel{background:none!important}.notify-container[data-v-f2aaf55e]{width:100%;min-width:320px;max-width:420px;background:var(--notify-bg);border-radius:16px;border:2px solid var(--border-button);box-shadow:var(--notify-shadow-default);overflow:hidden;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);position:relative}.notify-container.slide-in[data-v-f2aaf55e]{animation:slideInRight-f2aaf55e .5s cubic-bezier(.68,-.55,.265,1.55)}.notify-container.slide-out[data-v-f2aaf55e]{animation:slideOutRight-f2aaf55e .3s ease}.notify-container[data-v-f2aaf55e]:hover{border-color:var(--border-button-hover);box-shadow:var(--notify-shadow-hover);transform:translateY(-2px) scale(1.02)}.notify-container.notify-success[data-v-f2aaf55e]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--decoration-success)}.notify-container.notify-error[data-v-f2aaf55e]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--decoration-error)}.notify-container.notify-warning[data-v-f2aaf55e]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--decoration-warning)}.notify-container.notify-info[data-v-f2aaf55e]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--decoration-info)}.notify-content[data-v-f2aaf55e]{display:flex;align-items:flex-start;padding:16px 18px;gap:14px}.notify-content .notify-icon[data-v-f2aaf55e]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-top:1px;border-radius:50%;background:var(--notify-close-bg)}.notify-content .notify-icon svg[data-v-f2aaf55e]{width:20px;height:20px;filter:drop-shadow(var(--glow-icon))}.notify-success .notify-content .notify-icon[data-v-f2aaf55e]{background:var(--notify-icon-bg-success)}.notify-success .notify-content .notify-icon svg[data-v-f2aaf55e]{color:var(--text-success);filter:drop-shadow(var(--notify-icon-shadow-success))}.notify-error .notify-content .notify-icon[data-v-f2aaf55e]{background:var(--notify-icon-bg-error)}.notify-error .notify-content .notify-icon svg[data-v-f2aaf55e]{color:var(--text-error);filter:drop-shadow(var(--notify-icon-shadow-error))}.notify-warning .notify-content .notify-icon[data-v-f2aaf55e]{background:var(--notify-icon-bg-warning)}.notify-warning .notify-content .notify-icon svg[data-v-f2aaf55e]{color:var(--text-warning);filter:drop-shadow(var(--notify-icon-shadow-warning))}.notify-info .notify-content .notify-icon[data-v-f2aaf55e]{background:var(--notify-icon-bg-info)}.notify-info .notify-content .notify-icon svg[data-v-f2aaf55e]{color:var(--text-info);filter:drop-shadow(var(--notify-icon-shadow-info))}.notify-content .notify-text[data-v-f2aaf55e]{flex:1;min-width:0}.notify-content .notify-text .notify-title[data-v-f2aaf55e]{font-weight:700;font-size:15px;line-height:1.4;margin-bottom:5px;color:var(--text-brand);text-shadow:var(--text-glow-subtle);letter-spacing:.5px}.notify-content .notify-text .notify-message[data-v-f2aaf55e]{font-size:13px;line-height:1.6;color:var(--notify-text-body);word-wrap:break-word;word-break:break-word}.notify-content .notify-close[data-v-f2aaf55e]{flex-shrink:0;margin-left:8px;opacity:.5;transition:all .2s ease}.notify-content .notify-close .close-btn[data-v-f2aaf55e]{background:var(--notify-close-bg);border:1px solid var(--notify-close-border);border-radius:50%;cursor:pointer;padding:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--notify-close-text);transition:all .2s ease}.notify-content .notify-close .close-btn[data-v-f2aaf55e]:hover{background:var(--notify-close-bg-hover);border-color:var(--notify-close-border-hover);color:var(--notify-close-text-hover);transform:rotate(90deg) scale(1.1);box-shadow:var(--notify-close-shadow-hover)}.notify-progress[data-v-f2aaf55e]{position:relative;height:4px;background:var(--notify-progress-bg);overflow:hidden;border-radius:2px}.notify-progress .notify-progress-bar[data-v-f2aaf55e]{position:absolute;top:0;left:0;height:100%;width:100%;transform-origin:left;will-change:width;border-radius:2px;box-shadow:0 0 8px currentColor}.notify-container.notify-success .notify-progress .notify-progress-bar[data-v-f2aaf55e]{background:var(--notify-progress-success);color:var(--notify-status-success-text)}.notify-container.notify-error .notify-progress .notify-progress-bar[data-v-f2aaf55e]{background:var(--notify-progress-error);color:var(--notify-status-error-text)}.notify-container.notify-warning .notify-progress .notify-progress-bar[data-v-f2aaf55e]{background:var(--notify-progress-warning);color:var(--notify-status-warning-text)}.notify-container.notify-info .notify-progress .notify-progress-bar[data-v-f2aaf55e]{background:var(--notify-progress-info);color:var(--notify-status-info-text)}@keyframes slideInRight-f2aaf55e{0%{transform:translate(480px) scale(.8) rotate(-5deg);opacity:0}to{transform:translate(0) scale(1) rotate(0);opacity:1}}@keyframes slideOutRight-f2aaf55e{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(480px) scale(.9);opacity:0}}.image-preview-overlay[data-v-0045d07b]{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--image-preview-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:9999;cursor:zoom-out;animation:image-preview-fade-in-0045d07b .3s ease-out}.image-preview-overlay .preview-container[data-v-0045d07b]{position:relative;max-width:90%;max-height:90%;animation:image-preview-zoom-in-0045d07b .3s ease-out}.image-preview-overlay .preview-container .preview-image[data-v-0045d07b]{max-width:100%;max-height:90vh;border-radius:8px;border:4px solid var(--image-preview-img-border);box-shadow:var(--image-preview-img-shadow);object-fit:contain}@keyframes image-preview-fade-in-0045d07b{0%{opacity:0}to{opacity:1}}@keyframes image-preview-zoom-in-0045d07b{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.image-preview-fade-enter-active[data-v-0045d07b],.image-preview-fade-leave-active[data-v-0045d07b]{transition:opacity .3s ease}.image-preview-fade-enter-from[data-v-0045d07b],.image-preview-fade-leave-to[data-v-0045d07b]{opacity:0}#app[data-v-b7e07ff8]{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#app{width:100%;height:100vh;overflow:hidden}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;outline:none}input,textarea{outline:none;border:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0000004d}@media (hover: none) and (pointer: coarse){.card:hover,.blog-card:hover,.article-card:hover,.content-section:hover,.mobile-article-card:hover,.home-content-bg:hover,.content-left:hover,.content-right:hover,.article-item:hover,.tag-badge:hover,.blog-list-item:hover,.compact-blog-card:hover,.blog-cover img:hover{transform:none!important}}:root{--brand-pink-005: rgba(255, 183, 197, .05);--brand-pink-008: rgba(255, 183, 197, .08);--brand-pink-010: rgba(255, 183, 197, .1);--brand-pink-015: rgba(255, 183, 197, .15);--brand-pink-020: rgba(255, 183, 197, .2);--brand-pink-025: rgba(255, 183, 197, .25);--brand-pink-030: rgba(255, 183, 197, .3);--brand-pink-035: rgba(255, 183, 197, .35);--brand-pink-040: rgba(255, 183, 197, .4);--brand-pink-045: rgba(255, 183, 197, .45);--brand-pink-050: rgba(255, 183, 197, .5);--brand-pink-060: rgba(255, 183, 197, .6);--brand-pink-070: rgba(255, 183, 197, .7);--brand-pink-080: rgba(255, 183, 197, .8);--brand-pink-090: rgba(255, 183, 197, .9);--brand-pink-100: rgba(255, 183, 197, 1);--brand-pink-glow-010: rgba(255, 183, 197, .1);--brand-pink-glow-020: rgba(255, 183, 197, .2);--brand-pink-glow-030: rgba(255, 183, 197, .3);--brand-pink-glow-040: rgba(255, 183, 197, .4);--brand-pink-glow-050: rgba(255, 183, 197, .5);--brand-pink-glow-060: rgba(255, 183, 197, .6);--brand-pink-glow-070: rgba(255, 183, 197, .7);--brand-pink-glow-080: rgba(255, 183, 197, .8);--brand-pink-glow-100: rgba(255, 183, 197, 1);--brand-rose-008: rgba(255, 100, 150, .08);--brand-rose-010: rgba(255, 100, 150, .1);--brand-rose-015: rgba(255, 100, 150, .15);--brand-rose-020: rgba(255, 100, 150, .2);--brand-rose-025: rgba(255, 100, 150, .25);--brand-rose-030: rgba(255, 100, 150, .3);--brand-rose-035: rgba(255, 100, 150, .35);--brand-rose-040: rgba(255, 100, 150, .4);--brand-rose-045: rgba(255, 100, 150, .45);--brand-rose-050: rgba(255, 100, 150, .5);--brand-rose-060: rgba(255, 100, 150, .6);--brand-rose-070: rgba(255, 100, 150, .7);--brand-rose-080: rgba(255, 100, 150, .8);--brand-rose-090: rgba(255, 100, 150, .9);--brand-rose-100: rgba(255, 100, 150, 1);--white-000: rgba(255, 255, 255, 0);--white-002: rgba(255, 255, 255, .02);--white-003: rgba(255, 255, 255, .03);--white-005: rgba(255, 255, 255, .05);--white-008: rgba(255, 255, 255, .08);--white-010: rgba(255, 255, 255, .1);--white-012: rgba(255, 255, 255, .12);--white-015: rgba(255, 255, 255, .15);--white-020: rgba(255, 255, 255, .2);--white-030: rgba(255, 255, 255, .3);--white-040: rgba(255, 255, 255, .4);--white-050: rgba(255, 255, 255, .5);--white-060: rgba(255, 255, 255, .6);--white-070: rgba(255, 255, 255, .7);--white-085: rgba(255, 255, 255, .85);--white-090: rgba(255, 255, 255, .9);--white-092: rgba(255, 255, 255, .92);--white-095: rgba(255, 255, 255, .95);--white-098: rgba(255, 255, 255, .98);--white-100: rgba(255, 255, 255, 1);--canvas-bg-top: rgba(10, 10, 26, 1);--canvas-bg-mid: rgba(26, 26, 58, 1);--canvas-bg-bottom: rgba(45, 58, 90, 1);--header-bg-top: rgba(26, 26, 46, .7);--header-bg-mid: rgba(22, 33, 62, .6);--header-bg-bottom: rgba(26, 58, 92, .5);--menu-mobile-top: rgba(26, 26, 46, .65);--menu-mobile-mid: rgba(22, 33, 62, .55);--menu-mobile-bottom: rgba(26, 58, 92, .45);--accent-indigo-050: rgba(125, 146, 213, .5);--accent-indigo-060: rgba(125, 146, 213, .6);--accent-indigo-100: rgba(125, 146, 213, 1);--btn-sky-020: rgba(100, 150, 255, .2);--btn-sky-030: rgba(100, 183, 255, .3);--btn-sky-050: rgba(100, 183, 255, .5);--btn-sky-border: rgba(100, 183, 255, .5);--btn-sky-shadow: rgba(100, 183, 255, .3);--btn-sky-hover-border: rgba(100, 183, 255, .8);--btn-sky-hover-shadow: rgba(100, 183, 255, .6);--black-005: rgba(0, 0, 0, .05);--black-010: rgba(0, 0, 0, .1);--black-015: rgba(0, 0, 0, .15);--black-020: rgba(0, 0, 0, .2);--black-030: rgba(0, 0, 0, .3);--black-040: rgba(0, 0, 0, .4);--black-060: rgba(0, 0, 0, .6);--black-090: rgba(0, 0, 0, .9);--state-success-025: rgba(100, 221, 120, .25);--state-success-040: rgba(100, 221, 120, .4);--state-success-070: rgba(100, 221, 120, .7);--state-success-080: rgba(100, 221, 120, .8);--state-success-090: rgba(100, 221, 120, .9);--state-error-020: rgba(255, 100, 100, .2);--state-error-025: rgba(255, 100, 100, .25);--state-error-030: rgba(255, 100, 100, .3);--state-error-040: rgba(255, 100, 100, .4);--state-error-050: rgba(255, 100, 100, .5);--state-error-060: rgba(255, 100, 100, .6);--state-error-070: rgba(255, 100, 100, .7);--state-error-080: rgba(255, 100, 100, .8);--state-error-090: rgba(255, 100, 100, .9);--state-error-deep-020: rgba(255, 50, 50, .2);--state-error-deep-040: rgba(255, 50, 50, .4);--state-danger-015: rgba(244, 67, 54, .15);--state-danger-020: rgba(244, 67, 54, .2);--state-danger-030: rgba(244, 67, 54, .3);--state-danger-040: rgba(244, 67, 54, .4);--state-danger-050: rgba(244, 67, 54, .5);--state-danger-060: rgba(244, 67, 54, .6);--state-danger-090: rgba(244, 67, 54, .9);--state-warning-025: rgba(255, 183, 77, .25);--state-warning-040: rgba(255, 183, 77, .4);--state-warning-070: rgba(255, 183, 77, .7);--state-warning-080: rgba(255, 183, 77, .8);--state-warning-090: rgba(255, 183, 77, .9);--state-info-025: rgba(100, 181, 246, .25);--state-info-040: rgba(100, 181, 246, .4);--state-info-070: rgba(100, 181, 246, .7);--state-info-080: rgba(100, 181, 246, .8);--state-info-090: rgba(100, 181, 246, .9);--social-twitter: rgba(26, 145, 218, 1);--notify-bg-start: rgba(255, 255, 255, .98);--notify-bg-end: rgba(255, 250, 255, .95);--notify-text: rgba(100, 100, 120, .8);--neutral-gray-070: rgba(128, 128, 128, .7);--neutral-gray-090: rgba(128, 128, 128, .9);--shooting-tail: rgba(200, 220, 255, 1);--card-title-blue: rgba(80, 100, 160, 1);--generic-gray: rgba(128, 128, 128, 1);--link-color: rgba(100, 181, 246, .9);--link-hover-color: rgba(130, 200, 255, 1);--theme-primary: rgba(64, 158, 255, 1);--reset-body-bg: rgba(245, 245, 245, 1);--primary-color: var(--theme-primary);--success-color: rgba(103, 194, 58, 1);--warning-color: rgba(230, 162, 60, 1);--danger-color: rgba(245, 108, 108, 1);--info-color: rgba(144, 147, 153, 1);--bg-color: var(--reset-body-bg);--bg-light: var(--white-100);--bg-dark: rgba(29, 30, 31, 1);--text-color: rgba(48, 49, 51, 1);--text-color-secondary: rgba(96, 98, 102, 1);--text-color-placeholder: rgba(192, 196, 204, 1);--border-color: rgba(220, 223, 230, 1);--border-color-light: rgba(235, 238, 245, 1);--page-bg: var(--canvas-bg-bottom);--card-bg-default: var(--white-008);--card-bg-hover: var(--white-010);--card-bg-active: var(--white-012);--card-bg-transparent: var(--white-005);--input-bg-default: var(--white-010);--input-bg-focus: var(--white-015);--input-bg-disabled: var(--black-005);--input-focus-inset-shadow: inset 0 0 10px var(--brand-pink-005);--input-default-shadow: var(--brand-pink-glow-010);--search-btn-hover-shadow: 0 0 15px var(--brand-pink-glow-060);--toolbar-bg: var(--black-040);--nav-item-bg-hover: var(--brand-pink-010);--nav-item-bg-active: var(--brand-pink-015);--btn-primary-bg: linear-gradient(135deg, var(--brand-pink-040) 0%, var(--brand-rose-035) 100%);--btn-primary-bg-hover: linear-gradient(135deg, var(--brand-pink-060) 0%, var(--brand-rose-050) 100%);--btn-secondary-bg: var(--brand-pink-020);--btn-secondary-bg-hover: var(--brand-pink-030);--btn-danger-bg: linear-gradient(135deg, var(--state-error-030) 0%, var(--state-error-deep-020) 100%);--btn-danger-bg-hover: linear-gradient(135deg, var(--state-error-050) 0%, var(--state-error-deep-040) 100%);--btn-search-bg: linear-gradient(135deg, var(--brand-pink-030) 0%, var(--brand-rose-025) 100%);--btn-search-bg-hover: linear-gradient(135deg, var(--brand-pink-050) 0%, var(--brand-rose-040) 100%);--tag-bg-default: var(--brand-pink-020);--tag-bg-hover: var(--brand-pink-030);--tag-bg-active: var(--brand-pink-050);--badge-bg: linear-gradient(135deg, var(--brand-pink-080) 0%, var(--brand-rose-060) 100%);--badge-bg-hover: linear-gradient(135deg, var(--brand-pink-100) 0%, var(--brand-rose-080) 100%);--badge-bg-active: linear-gradient(135deg, var(--brand-pink-100) 0%, var(--brand-rose-090) 100%);--tag-count-bg: var(--black-020);--tag-name-text-shadow: 0 0 5px var(--brand-pink-glow-030);--badge-shadow-default: var(--brand-pink-glow-050);--badge-shadow-hover: var(--brand-pink-glow-080);--badge-shadow-active: 0 0 20px var(--brand-pink-glow-100);--tag-item-hover-shadow: 0 0 15px var(--brand-pink-glow-040);--tag-item-active-shadow: 0 0 20px var(--brand-pink-glow-060);--selected-tag-bg: var(--brand-pink-030);--selected-tag-remove-hover: var(--brand-rose-100);--border-default: var(--brand-pink-020);--border-light: var(--brand-pink-015);--border-strong: var(--brand-pink-030);--border-focus: var(--brand-pink-060);--border-hover: var(--brand-pink-050);--border-divider: var(--brand-pink-020);--border-input: var(--brand-pink-030);--border-card: var(--brand-pink-020);--border-button: var(--brand-pink-050);--border-button-hover: var(--brand-pink-080);--border-tag: var(--brand-pink-030);--border-tag-active: var(--brand-pink-080);--text-primary: var(--white-095);--text-title: var(--white-098);--text-heading: var(--white-092);--text-secondary: var(--white-090);--text-meta: var(--white-070);--text-placeholder: var(--white-050);--text-disabled: var(--white-040);--text-brand: var(--brand-pink-090);--text-link: var(--brand-pink-090);--text-link-hover: var(--white-100);--text-success: var(--state-success-090);--text-error: var(--state-error-090);--text-warning: var(--state-warning-090);--text-info: var(--state-info-090);--text-neutral: var(--neutral-gray-070);--text-neutral-hover: var(--neutral-gray-090);--shadow-card: 0 2px 12px 0 var(--black-010);--shadow-card-hover: 0 0 30px rgba(255, 183, 197, .25);--shadow-button: 0 2px 8px var(--brand-pink-glow-030);--shadow-button-hover: 0 4px 15px var(--brand-pink-glow-050);--shadow-input-focus: 0 0 20px var(--brand-pink-glow-030);--shadow-inner: inset 0 0 30px var(--brand-pink-005);--glow-text-title: 0 0 15px var(--brand-pink-glow-050);--glow-logo: 0 0 12px var(--brand-pink-glow-060);--glow-logo-strong: 0 0 10px var(--brand-pink-glow-070);--glow-icon: 0 2px 4px var(--brand-rose-030);--header-glow-radial: radial-gradient(ellipse at center, var(--brand-pink-005) 0%, transparent 70%);--header-highlight-top: linear-gradient(90deg, var(--white-000) 0%, var(--white-030) 50%, var(--white-000) 100%);--nav-hover-shadow: 0 0 15px var(--brand-pink-glow-020);--nav-active-shadow: 0 0 20px var(--brand-pink-glow-030);--notify-shadow-default: 0 6px 24px var(--brand-pink-glow-030), 0 3px 12px var(--brand-rose-015), var(--shadow-inner);--notify-shadow-hover: 0 8px 32px var(--brand-pink-glow-040), 0 4px 16px var(--brand-rose-020), inset 0 0 40px var(--brand-pink-008);--text-glow-subtle: 0 0 8px var(--brand-pink-glow-030);--gradient-header: linear-gradient(180deg, var(--header-bg-top) 0%, var(--header-bg-mid) 50%, var(--header-bg-bottom) 100%);--gradient-mobile-menu: linear-gradient(180deg, var(--menu-mobile-top) 0%, var(--menu-mobile-mid) 50%, var(--menu-mobile-bottom) 100%);--gradient-card-default: linear-gradient(135deg, var(--white-008) 0%, var(--white-003) 100%);--gradient-card-featured: linear-gradient(135deg, var(--white-005) 0%, var(--white-002) 100%);--gradient-input-default: linear-gradient(135deg, var(--white-010) 0%, var(--white-005) 100%);--gradient-input-focus: linear-gradient(135deg, var(--white-015) 0%, var(--white-008) 100%);--gradient-tag-default: linear-gradient(135deg, var(--brand-pink-015) 0%, var(--brand-rose-010) 100%);--gradient-tag-hover: linear-gradient(135deg, var(--brand-pink-030) 0%, var(--brand-rose-020) 100%);--gradient-tag-active: linear-gradient(135deg, var(--brand-pink-040) 0%, var(--brand-rose-030) 100%);--decoration-success: linear-gradient(90deg, rgba(100, 221, 120, 0) 0%, var(--state-success-080) 50%, rgba(100, 221, 120, 0) 100%);--decoration-error: linear-gradient(90deg, rgba(255, 100, 100, 0) 0%, var(--state-error-080) 50%, rgba(255, 100, 100, 0) 100%);--decoration-warning: linear-gradient(90deg, rgba(255, 183, 77, 0) 0%, var(--state-warning-080) 50%, rgba(255, 183, 77, 0) 100%);--decoration-info: linear-gradient(90deg, rgba(100, 181, 246, 0) 0%, var(--state-info-080) 50%, rgba(100, 181, 246, 0) 100%);--notify-icon-bg-success: linear-gradient(135deg, var(--state-success-025) 0%, rgba(76, 175, 80, .2) 100%);--notify-icon-bg-error: linear-gradient(135deg, var(--state-error-025) 0%, var(--state-danger-020) 100%);--notify-icon-bg-warning: linear-gradient(135deg, var(--state-warning-025) 0%, rgba(255, 152, 0, .2) 100%);--notify-icon-bg-info: linear-gradient(135deg, var(--state-info-025) 0%, rgba(33, 150, 243, .2) 100%);--notify-icon-shadow-success: 0 2px 4px var(--state-success-040);--notify-icon-shadow-error: 0 2px 4px var(--state-error-040);--notify-icon-shadow-warning: 0 2px 4px var(--state-warning-040);--notify-icon-shadow-info: 0 2px 4px var(--state-info-040);--notify-progress-success: linear-gradient(90deg, var(--state-success-090) 0%, var(--state-success-070) 100%);--notify-progress-error: linear-gradient(90deg, var(--state-error-090) 0%, var(--state-error-070) 100%);--notify-progress-warning: linear-gradient(90deg, var(--state-warning-090) 0%, var(--state-warning-070) 100%);--notify-progress-info: linear-gradient(90deg, var(--state-info-090) 0%, var(--state-info-070) 100%);--user-info-bg: var(--brand-pink-010);--user-info-border: var(--brand-pink-015);--user-avatar-bg: linear-gradient(135deg, var(--brand-pink-030), var(--brand-rose-025));--user-avatar-shadow: 0 0 10px var(--brand-pink-glow-040);--page-dots-bg: linear-gradient(135deg, var(--white-005) 0%, var(--white-002) 100%);--page-dots-border: var(--brand-pink-020);--page-dot-inactive: var(--brand-pink-040);--page-dot-inactive-hover: var(--brand-pink-080);--page-dot-active-stroke: var(--brand-pink-080);--page-dot-active-fill: var(--brand-pink-060);--page-dot-active-glow: 0 0 6px var(--brand-pink-glow-060);--scrollbar-thumb: var(--brand-pink-030);--scrollbar-thumb-hover: var(--brand-pink-060);--btn-sky-bg: linear-gradient(135deg, var(--btn-sky-030) 0%, var(--btn-sky-020) 100%);--btn-sky-bg-hover: linear-gradient(135deg, var(--btn-sky-050) 0%, rgba(100, 150, 255, .3) 100%);--btn-sky-border-value: var(--btn-sky-border);--btn-sky-border-hover-value: var(--btn-sky-hover-border);--btn-sky-shadow-value: 0 2px 8px var(--btn-sky-shadow);--btn-sky-shadow-hover-value: 0 0 15px var(--btn-sky-hover-shadow);--btn-clear-bg: linear-gradient(135deg, var(--state-error-030) 0%, var(--state-error-deep-020) 100%);--btn-clear-bg-hover: linear-gradient(135deg, var(--state-error-050) 0%, var(--state-error-deep-040) 100%);--btn-clear-border: var(--state-error-050);--btn-clear-border-hover: var(--state-error-080);--btn-clear-shadow: var(--state-error-030);--btn-clear-shadow-hover: 0 0 15px var(--state-error-060);--btn-logout-hover-bg: var(--state-danger-015);--btn-logout-hover-border: var(--state-danger-060);--btn-logout-hover-text: var(--state-danger-090);--btn-logout-hover-shadow: 0 0 15px var(--state-danger-040);--search-loading-color: var(--brand-pink-060);--notify-bg: linear-gradient(135deg, var(--notify-bg-start) 0%, var(--notify-bg-end) 100%);--notify-text-body: var(--notify-text);--notify-close-bg: linear-gradient(135deg, var(--brand-pink-015) 0%, var(--brand-rose-010) 100%);--notify-close-bg-hover: linear-gradient(135deg, var(--brand-pink-040) 0%, var(--brand-rose-025) 100%);--notify-close-border: var(--brand-pink-030);--notify-close-border-hover: var(--brand-pink-060);--notify-close-text: var(--brand-rose-060);--notify-close-text-hover: var(--brand-rose-090);--notify-close-shadow-hover: 0 0 12px var(--brand-pink-glow-040);--notify-progress-bg: var(--brand-pink-010);--blog-detail-card-bg: linear-gradient(135deg, var(--white-008) 0%, var(--white-003) 100%);--blog-detail-card-border: var(--border-default);--blog-detail-card-shadow: 0 2px 12px var(--black-010);--blog-detail-top-actions-bg: linear-gradient(135deg, var(--brand-pink-015) 0%, var(--brand-rose-010) 100%);--blog-detail-top-actions-border: var(--brand-pink-025);--blog-detail-btn-border: var(--brand-pink-040);--blog-detail-btn-shadow: 0 2px 8px var(--black-015);--btn-back-bg: linear-gradient(135deg, var(--brand-pink-035) 0%, var(--brand-rose-030) 100%);--btn-back-border: var(--brand-pink-060);--btn-back-hover-bg: linear-gradient(135deg, var(--brand-pink-050) 0%, var(--brand-rose-040) 100%);--btn-back-hover-border: var(--brand-pink-080);--btn-back-hover-shadow: 0 0 20px var(--brand-pink-glow-050);--btn-edit-bg: linear-gradient(135deg, var(--brand-pink-050) 0%, var(--brand-rose-045) 100%);--btn-edit-border: var(--brand-pink-070);--btn-edit-hover-bg: linear-gradient(135deg, var(--brand-pink-070) 0%, var(--brand-rose-060) 100%);--btn-edit-hover-border: var(--brand-pink-090);--btn-edit-hover-shadow: 0 0 25px var(--brand-pink-glow-060);--blog-detail-header-border: var(--brand-pink-015);--blog-title-color: var(--text-title);--blog-title-shadow: var(--glow-text-title);--blog-meta-bg: linear-gradient(135deg, var(--brand-pink-010) 0%, var(--brand-rose-008) 100%);--blog-meta-border: var(--border-default);--blog-meta-text: var(--text-secondary);--blog-meta-icon: var(--text-brand);--tag-chip-bg: linear-gradient(135deg, var(--brand-pink-040) 0%, var(--brand-rose-035) 100%);--tag-chip-border: var(--border-button);--tag-chip-shadow: var(--shadow-button);--tag-chip-hover-shadow: 0 4px 12px var(--brand-pink-glow-050);--tag-chip-hover-border: var(--border-strong);--blog-cover-border: var(--white-090);--blog-cover-shadow: 0 4px 15px var(--black-030);--blog-cover-hover-shadow: 0 6px 20px var(--black-040);--blog-cover-hover-border: var(--white-100);--blog-body-text: var(--text-primary);--heading-color: var(--text-title);--heading-shadow: 0 0 10px var(--brand-pink-glow-020);--inline-code-bg: var(--brand-pink-015);--inline-code-color: var(--text-secondary);--code-block-bg: var(--black-030);--code-block-border: var(--border-light);--code-block-text: var(--text-secondary);--blockquote-color: var(--text-placeholder);--blockquote-border: var(--border-button);--blockquote-bg: var(--brand-pink-005);--blog-image-border: var(--white-090);--blog-image-shadow: 0 4px 15px var(--black-030);--blog-image-hover-shadow: 0 6px 20px var(--black-040);--blog-image-hover-border: var(--white-100);--back-to-top-bg: linear-gradient(135deg, var(--brand-pink-050) 0%, var(--brand-rose-045) 100%);--back-to-top-border: var(--border-strong);--back-to-top-shadow: 0 2px 8px var(--black-015);--back-to-top-icon-filter: drop-shadow(0 2px 4px var(--white-030));--back-to-top-inner-ring: var(--white-020);--back-to-top-hover-bg: linear-gradient(135deg, var(--brand-pink-070) 0%, var(--brand-rose-060) 100%);--back-to-top-hover-border: var(--brand-pink-090);--back-to-top-hover-shadow: 0 4px 12px var(--brand-pink-glow-030);--back-to-top-hover-icon-filter: drop-shadow(0 4px 8px var(--white-050));--image-preview-overlay: var(--black-040);--image-preview-img-border: var(--white-100);--image-preview-img-shadow: 0 10px 40px var(--black-060);--blog-editor-hint-bg: var(--brand-pink-010);--blog-editor-hint-border: var(--border-default);--blog-editor-hint-active-bg: var(--brand-pink-030);--blog-editor-hint-active-border: var(--border-button);--blog-editor-hint-icon-bg: var(--brand-pink-050);--blog-editor-hint-icon-border: var(--border-strong);--blog-editor-title-shadow: 0 0 10px var(--brand-pink-glow-030);--blog-editor-input-border: var(--border-button);--btn-publish-bg: linear-gradient(135deg, var(--brand-pink-050) 0%, var(--brand-rose-045) 100%);--btn-publish-hover-bg: linear-gradient(135deg, var(--brand-pink-070) 0%, var(--brand-rose-060) 100%);--btn-publish-border: var(--border-strong);--btn-publish-shadow: 0 4px 15px var(--brand-pink-glow-040);--blog-editor-content-bg: var(--white-005);--blog-editor-content-border: var(--border-light);--blog-editor-tab-bg: var(--white-010);--blog-editor-tab-border: var(--border-tag);--blog-editor-tab-text: var(--text-placeholder);--blog-editor-tab-active-text: var(--text-secondary);--blog-editor-tab-active-indicator: var(--border-button);--page-nav-bg: linear-gradient(135deg, var(--white-005) 0%, var(--white-002) 100%);--page-nav-border: var(--border-default);--page-nav-btn-bg: var(--brand-pink-030);--page-nav-btn-hover-bg: var(--brand-pink-060);--page-nav-arrow-bg: linear-gradient(135deg, var(--brand-pink-030) 0%, var(--brand-rose-025) 100%);--page-nav-arrow-border: var(--border-button);--page-nav-arrow-text: var(--text-primary);--page-nav-arrow-shadow: 0 4px 15px var(--brand-pink-glow-030);--page-nav-arrow-hover-bg: linear-gradient(135deg, var(--brand-pink-050) 0%, var(--brand-rose-040) 100%);--page-nav-arrow-hover-border: var(--border-strong);--page-nav-arrow-hover-shadow: 0 0 25px var(--brand-pink-glow-060);--html-editor-title-color: var(--text-primary);--html-editor-title-shadow: 0 0 8px var(--brand-pink-glow-030);--html-editor-btn-bg: linear-gradient(135deg, var(--brand-pink-040) 0%, var(--brand-rose-035) 100%);--html-editor-btn-border: var(--border-button);--html-editor-btn-shadow: 0 2px 8px var(--brand-pink-glow-030);--blog-creator-bg: var(--page-bg);--blog-creator-card-bg: var(--card-bg-default);--blog-creator-card-border: var(--border-card);--blog-creator-card-shadow: var(--shadow-card);--blog-creator-input-bg: var(--input-bg-default);--blog-creator-input-border: var(--border-input);--blog-creator-input-focus-bg: var(--input-bg-focus);--blog-creator-input-focus-border: var(--border-focus);--blog-creator-input-placeholder: var(--text-placeholder);--blog-creator-label-color: var(--text-secondary);--blog-creator-section-title: var(--text-heading);--blog-creator-section-border: var(--border-divider);--tag-selector-container-bg: var(--card-bg-transparent);--tag-selector-container-border: var(--border-light);--tag-item-bg: var(--gradient-tag-default);--tag-item-border: var(--border-tag);--tag-item-hover-bg: var(--gradient-tag-hover);--tag-item-hover-border: var(--border-focus);--tag-item-active-bg: var(--gradient-tag-active);--tag-item-active-border: var(--border-tag-active);--tag-item-text: var(--text-primary);--tag-item-badge-bg: var(--badge-bg);--tag-item-badge-text: white;--tag-input-bg: var(--input-bg-default);--tag-input-border: var(--border-input);--tag-input-focus-bg: var(--input-bg-focus);--tag-input-focus-border: var(--border-focus);--tag-input-placeholder: var(--text-placeholder);--tag-input-text: var(--text-primary);--selected-tag-border: var(--border-strong);--selected-tag-text: var(--text-primary);--selected-tag-remove-color: var(--text-meta);--md-editor-container-bg: var(--card-bg-default);--md-editor-container-border: var(--border-card);--md-editor-toolbar-bg: var(--toolbar-bg);--md-editor-toolbar-border: var(--border-divider);--md-editor-tab-bg: transparent;--md-editor-tab-active-bg: var(--brand-pink-015);--md-editor-tab-text: var(--text-placeholder);--md-editor-tab-active-text: var(--text-secondary);--md-editor-tab-indicator: var(--border-button);--md-editor-textarea-bg: var(--input-bg-default);--md-editor-textarea-text: var(--text-primary);--md-editor-textarea-border: var(--border-input);--md-editor-textarea-focus-border: var(--border-focus);--md-editor-textarea-placeholder: var(--text-placeholder);--md-editor-preview-bg: var(--card-bg-transparent);--md-editor-preview-text: var(--text-primary);--md-editor-preview-border: var(--border-light);--btn-save-bg: linear-gradient(135deg, var(--brand-pink-060) 0%, var(--brand-rose-050) 100%);--btn-save-border: var(--border-button);--btn-save-hover-bg: linear-gradient(135deg, var(--brand-pink-080) 0%, var(--brand-rose-070) 100%);--btn-save-hover-border: var(--border-button-hover);--btn-save-shadow: 0 4px 15px var(--brand-pink-glow-040);--btn-save-hover-shadow: 0 6px 20px var(--brand-pink-glow-060);--btn-draft-bg: linear-gradient(135deg, var(--brand-pink-030) 0%, var(--brand-rose-025) 100%);--btn-draft-border: var(--border-button);--btn-draft-hover-bg: linear-gradient(135deg, var(--brand-pink-050) 0%, var(--brand-rose-040) 100%);--btn-draft-hover-border: var(--border-focus);--btn-cancel-bg: var(--btn-secondary-bg);--btn-cancel-border: var(--border-button);--btn-cancel-hover-bg: var(--btn-secondary-bg-hover);--btn-cancel-hover-border: var(--border-focus);--btn-delete-bg: linear-gradient(135deg, var(--state-error-040) 0%, var(--state-danger-030) 100%);--btn-delete-border: rgba(244, 67, 54, .5);--btn-delete-hover-bg: linear-gradient(135deg, var(--state-error-060) 0%, var(--state-danger-050) 100%);--btn-delete-hover-border: rgba(244, 67, 54, .7);--image-upload-area-bg: var(--input-bg-default);--image-upload-area-border: var(--border-input);--image-upload-area-border-dashed: var(--border-divider);--image-upload-area-hover-bg: var(--input-bg-focus);--image-upload-area-hover-border: var(--border-focus);--image-upload-icon-color: var(--text-meta);--image-upload-text-color: var(--text-secondary);--image-upload-hint-color: var(--text-placeholder);--image-preview-border: var(--border-card);--image-preview-shadow: var(--shadow-card);--html-editor-btn-hover-bg: linear-gradient(135deg, var(--brand-pink-060) 0%, var(--brand-rose-050) 100%);--html-editor-btn-hover-border: var(--border-strong);--html-editor-btn-hover-shadow: 0 0 15px var(--brand-pink-glow-050);--html-editor-content-bg: linear-gradient(135deg, var(--white-008) 0%, var(--white-003) 100%);--sql2string-title-color: var(--text-primary);--sql2string-title-shadow: 0 0 8px var(--brand-pink-glow-030);--sql2string-textarea-bg: linear-gradient(135deg, var(--white-008) 0%, var(--white-003) 100%);--sql2string-textarea-border: var(--border-light);--sql2string-textarea-text: var(--text-primary);--sql2string-textarea-placeholder: var(--text-placeholder);--sql2string-textarea-focus-border: var(--border-focus);--sql2string-textarea-focus-shadow: var(--shadow-input-focus);--sql2string-textarea-focus-bg: var(--gradient-input-focus);--sql2string-convert-btn-bg: linear-gradient(135deg, var(--brand-pink-040) 0%, var(--brand-rose-035) 100%);--sql2string-convert-btn-border: var(--border-button);--sql2string-convert-btn-shadow: 0 2px 8px var(--brand-pink-glow-030);--sql2string-convert-btn-hover-bg: linear-gradient(135deg, var(--brand-pink-060) 0%, var(--brand-rose-050) 100%);--sql2string-convert-btn-hover-border: var(--border-strong);--sql2string-convert-btn-hover-shadow: 0 0 20px var(--brand-pink-glow-050);--home-title-shadow: 0 0 10px var(--brand-pink-glow-050);--home-article-card-bg: linear-gradient(135deg, var(--white-008) 0%, var(--white-003) 100%);--home-article-card-border: var(--border-default);--home-article-card-hover-bg: linear-gradient(135deg, var(--brand-pink-015) 0%, var(--white-010) 100%);--home-article-card-hover-border: var(--border-button);--home-article-card-hover-shadow: 0 0 15px var(--brand-pink-glow-030);--home-article-title-color: var(--text-primary);--home-article-title-shadow: 0 0 5px var(--brand-pink-glow-030);--home-article-meta-color: var(--text-brand);--home-empty-data-color: var(--accent-indigo-100);--home-tag-item-bg: linear-gradient(135deg, var(--brand-pink-015) 0%, var(--brand-rose-010) 100%);--home-tag-item-border: var(--border-tag);--home-tag-item-text: var(--text-primary);--home-tag-name-shadow: 0 0 5px var(--brand-pink-glow-030);--home-tag-badge-bg: linear-gradient(135deg, var(--brand-pink-080) 0%, var(--brand-rose-060) 100%);--home-tag-badge-shadow: 0 0 10px var(--brand-pink-glow-050);--home-tag-item-hover-bg: linear-gradient(135deg, var(--brand-pink-030) 0%, var(--brand-rose-020) 100%);--home-tag-item-hover-border: var(--border-focus);--home-tag-item-hover-shadow: 0 0 15px var(--brand-pink-glow-040);--home-tag-badge-hover-bg: linear-gradient(135deg, var(--brand-pink-100) 0%, var(--brand-rose-080) 100%);--home-tag-badge-hover-shadow: 0 0 15px var(--brand-pink-glow-080);--home-welcome-title-color: #fff;--home-welcome-title-shadow: 0 0 10px rgba(255, 183, 197, .8), 0 0 20px rgba(255, 183, 197, .6), 0 0 30px rgba(255, 183, 197, .4), 0 0 40px rgba(255, 100, 150, .3);--home-welcome-title-before: rgba(255, 183, 197, .3);--home-subtitle-color: rgba(255, 255, 255, .9);--home-subtitle-shadow: 0 0 10px rgba(255, 183, 197, .5);--home-card-bg: rgba(255, 255, 255, .95);--home-card-shadow: 0 4px 20px rgba(125, 146, 213, .15);--home-card-border: rgba(125, 146, 213, .1);--home-card-hover-shadow: 0 12px 35px rgba(125, 146, 213, .25);--home-card-hover-border: rgba(125, 146, 213, .3);--home-card-icon-color: rgb(125, 146, 213);--home-card-icon-hover-color: rgb(100, 120, 190);--home-card-title-color: rgb(80, 100, 160);--home-card-desc-color: rgb(125, 146, 213);--home-content-bg: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100%);--home-content-border: 2px solid rgba(255, 183, 197, .3);--home-content-shadow: 0 0 20px rgba(255, 183, 197, .2), inset 0 0 20px rgba(255, 183, 197, .05);--home-content-radial: radial-gradient(circle, rgba(255, 183, 197, .1) 0%, transparent 70%);--home-content-hover-border: rgba(255, 183, 197, .6);--home-content-hover-shadow: 0 0 30px rgba(255, 183, 197, .4), inset 0 0 30px rgba(255, 183, 197, .1);--home-section-divider: 2px solid rgba(255, 183, 197, .3);--home-title-icon-color: rgba(255, 183, 197, .9);--home-title-icon-filter: drop-shadow(0 0 5px rgba(255, 183, 197, .5));--home-section-title-color: rgba(255, 255, 255, .95);--home-view-more-color: rgba(255, 183, 197, .9);--home-view-more-shadow: 0 0 5px rgba(255, 183, 197, .3);--home-view-more-hover-color: rgba(255, 255, 255, 1);--home-view-more-hover-shadow: 0 0 10px rgba(255, 183, 197, .8);--home-avatar-size: 130px;--home-avatar-border: 3px solid rgba(255, 183, 197, .6);--home-avatar-shadow: 0 0 20px rgba(255, 183, 197, .4), 0 0 40px rgba(255, 100, 150, .2);--home-avatar-hover-border: rgba(255, 183, 197, .9);--home-avatar-hover-shadow: 0 0 30px rgba(255, 183, 197, .6), 0 0 60px rgba(255, 100, 150, .3);--home-avatar-bg: linear-gradient(135deg, rgba(255, 183, 197, .3), rgba(255, 100, 150, .25));--home-avatar-placeholder: rgba(255, 183, 197, .9);--notify-status-success-text: var(--state-success-090);--notify-status-error-text: var(--state-error-090);--notify-status-warning-text: var(--state-warning-090);--notify-status-info-text: var(--state-info-090);--tag-item-shadow: var(--brand-pink-glow-040);--btn-delete-active-bg: var(--brand-rose-080);--btn-delete-hover-active-bg: var(--brand-rose-100);--page-dot-inactive-bg: var(--brand-pink-010);--blog-list-search-btn-bg: linear-gradient(135deg, rgba(255, 183, 197, .5) 0%, rgba(255, 100, 150, .45) 100%);--blog-list-search-btn-border: rgba(255, 183, 197, .7);--blog-list-featured-bg: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100%);--blog-list-featured-radial: radial-gradient(circle, rgba(255, 183, 197, .15) 0%, transparent 70%);--blog-list-featured-title-color: rgba(255, 255, 255, .98);--blog-list-featured-tag-text: rgba(255, 255, 255, .95);--blog-list-featured-summary-color: rgba(255, 255, 255, .85);--blog-list-compact-bg: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .03) 100%);--blog-list-compact-border: rgba(255, 183, 197, .25);--blog-list-compact-shadow: 0 4px 15px rgba(255, 183, 197, .15);--blog-list-compact-hover-border: rgba(255, 183, 197, .6);--blog-list-compact-hover-shadow: 0 8px 25px rgba(255, 183, 197, .35);--blog-list-compact-hover-bg: linear-gradient(135deg, rgba(255, 183, 197, .15) 0%, rgba(255, 255, 255, .08) 100%);--blog-list-compact-title-color: rgba(255, 255, 255, .92);--blog-list-compact-title-shadow: 0 0 8px rgba(255, 183, 197, .3);--blog-list-compact-tag-bg: linear-gradient(135deg, rgba(255, 183, 197, .25) 0%, rgba(255, 100, 150, .2) 100%);--blog-list-compact-tag-border: rgba(255, 183, 197, .35);--blog-list-compact-tag-text: rgba(255, 255, 255, .9);--blog-list-compact-tag-shadow: 0 0 5px rgba(255, 183, 197, .3);--blog-list-compact-date-color: rgba(255, 183, 197, .85);--blog-list-compact-date-shadow: 0 0 5px rgba(255, 183, 197, .2);--blog-list-compact-btn-bg: linear-gradient(135deg, rgba(255, 183, 197, .25) 0%, rgba(255, 100, 150, .2) 100%);--blog-list-compact-btn-border: rgba(255, 183, 197, .4);--blog-list-compact-btn-text: rgba(255, 255, 255, .9);--blog-list-compact-btn-hover-bg: linear-gradient(135deg, rgba(255, 183, 197, .45) 0%, rgba(255, 100, 150, .35) 100%);--blog-list-compact-btn-hover-border: rgba(255, 183, 197, .7);--blog-list-compact-btn-hover-shadow: 0 0 15px rgba(255, 183, 197, .5);--login-card-bg: linear-gradient(135deg, var(--white-070) 0%, var(--white-085) 100%);--login-card-shadow: 0 8px 32px var(--black-020), 0 2px 8px var(--white-030), inset 0 0 60px var(--white-020);--login-title-color: var(--accent-indigo-100);--login-subtitle-color: var(--accent-indigo-100);--login-form-icon-color: rgba(125, 146, 213, .6);--login-input-bg: rgba(125, 146, 213, .05);--login-input-focus-bg: rgba(125, 146, 213, .08);--login-input-border: rgba(125, 146, 213, .3);--login-input-focus-border: var(--accent-indigo-100);--login-input-focus-shadow: rgba(125, 146, 213, .1);--login-input-text: var(--accent-indigo-100);--login-input-placeholder: rgba(125, 146, 213, .5);--login-input-disabled-bg: var(--black-005);--login-toggle-btn-color: rgba(125, 146, 213, .6);--login-toggle-btn-hover: var(--accent-indigo-100);--login-divider-color: rgba(125, 146, 213, .2);--login-divider-dot: rgba(125, 146, 213, .4);--login-divider-dot-glow: rgba(125, 146, 213, .3);--login-btn-bg: linear-gradient(135deg, rgba(125, 146, 213, .15) 0%, rgba(125, 146, 213, .1) 100%);--login-btn-border: rgba(125, 146, 213, .4);--login-btn-hover-border: var(--accent-indigo-100);--login-btn-shadow: 0 2px 10px rgba(125, 146, 213, .2);--login-btn-text: rgba(125, 146, 213, .8);--login-btn-hover-text: rgba(125, 146, 213, 1);--login-btn-hover-shadow: 0 4px 15px rgba(125, 146, 213, .4);--login-footer-text: gray;--login-footer-link: grey;--login-twitter-icon: rgb(26, 145, 218);--login-icp-text: grey;--tool-tab-bg: linear-gradient(135deg, var(--white-008) 0%, var(--white-003) 100%);--tool-tab-border: var(--border-light);--tool-tab-text: rgba(255, 255, 255, .9);--tool-tab-shadow: var(--shadow-card);--tool-tab-active-bg: linear-gradient(135deg, var(--brand-pink-040) 0%, var(--brand-rose-035) 100%);--tool-tab-active-border: var(--border-focus);--tool-tab-active-shadow: 0 0 20px var(--brand-pink-glow-040);--tool-tab-hover-bg: linear-gradient(135deg, var(--brand-pink-030) 0%, var(--brand-rose-025) 100%);--tool-tab-hover-border: var(--border-button);--tool-tab-hover-shadow: 0 0 15px var(--brand-pink-glow-030);--tool-content-bg: linear-gradient(135deg, var(--white-010) 0%, var(--white-005) 100%);--tool-content-border: var(--border-default);--tool-content-shadow: 0 4px 20px var(--black-015), inset 0 0 30px var(--brand-pink-005);--blog-list-card-border: 2px solid rgba(255, 183, 197, .3);--blog-list-card-shadow: 0 0 30px rgba(255, 183, 197, .25), inset 0 0 30px rgba(255, 183, 197, .05);--blog-list-item-bg: linear-gradient(135deg, rgba(255, 183, 197, .15) 0%, transparent 100%);--blog-list-item-hover-border: rgba(255, 183, 197, .7);--blog-list-item-hover-shadow: 0 0 50px rgba(255, 183, 197, .4), inset 0 0 50px rgba(255, 183, 197, .1);--blog-list-title-shadow: 0 0 15px rgba(255, 183, 197, .5);--blog-list-tag-bg: linear-gradient(135deg, rgba(255, 183, 197, .3) 0%, rgba(255, 100, 150, .25) 100%);--blog-list-tag-border: rgba(255, 183, 197, .45);--blog-list-tag-text-shadow: 0 0 8px rgba(255, 183, 197, .4);--blog-list-tag-shadow: 0 0 10px rgba(255, 183, 197, .3);--blog-list-meta-shadow: 0 0 5px rgba(255, 183, 197, .2);--blog-list-divider: rgba(255, 183, 197, .2);--blog-list-meta-color: rgba(255, 183, 197, .9);--blog-list-meta-icon-shadow: 0 0 8px rgba(255, 183, 197, .4);--blog-list-btn-bg: linear-gradient(135deg, rgba(255, 183, 197, .3) 0%, rgba(255, 100, 150, .25) 100%);--blog-list-btn-border: rgba(255, 183, 197, .5);--blog-list-btn-shadow: 0 0 15px rgba(255, 183, 197, .3);--blog-list-btn-hover-bg: linear-gradient(135deg, rgba(255, 183, 197, .5) 0%, rgba(255, 100, 150, .4) 100%);--blog-list-btn-hover-border: rgba(255, 183, 197, .8);--blog-list-btn-hover-shadow: 0 0 25px rgba(255, 183, 197, .6);--skeleton-item-bg: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .03) 100%);--skeleton-item-border: rgba(255, 183, 197, .2);--skeleton-featured-border: rgba(255, 183, 197, .3);--skeleton-title-shimmer: linear-gradient(90deg, rgba(255, 183, 197, .2) 0%, rgba(255, 183, 197, .35) 50%, rgba(255, 183, 197, .2) 100%);--skeleton-content-shimmer: linear-gradient(90deg, rgba(255, 183, 197, .15) 0%, rgba(255, 183, 197, .25) 50%, rgba(255, 183, 197, .15) 100%);--skeleton-meta-shimmer: linear-gradient(90deg, rgba(255, 183, 197, .1) 0%, rgba(255, 183, 197, .2) 50%, rgba(255, 183, 197, .1) 100%);--footer-border: var(--border-color-light);--footer-text: var(--text-color-secondary);--footer-link-hover: var(--primary-color);--font-size-small: 12px;--font-size-base: 14px;--font-size-medium: 16px;--font-size-large: 18px;--font-size-extra-large: 20px;--spacing-mini: 4px;--spacing-small: 8px;--spacing-base: 16px;--spacing-large: 24px;--spacing-extra-large: 32px;--border-radius-small: 2px;--border-radius-base: 4px;--border-radius-large: 8px;--border-radius-round: 20px;--border-radius-circle: 50%;--box-shadow-base: 0 2px 12px 0 var(--black-010);--box-shadow-dark: 0 2px 12px 0 var(--black-020);--box-shadow-light: 0 1px 3px 0 var(--black-010);--transition-base: all .3s cubic-bezier(.645, .045, .355, 1);--transition-fast: all .2s ease-in-out;--transition-slow: all .5s ease-in-out}.theme-spring{--brand-pink-005: rgba(240, 140, 170, .05);--brand-pink-008: rgba(240, 140, 170, .08);--brand-pink-010: rgba(240, 140, 170, .1);--brand-pink-015: rgba(240, 140, 170, .15);--brand-pink-020: rgba(240, 140, 170, .2);--brand-pink-025: rgba(240, 140, 170, .25);--brand-pink-030: rgba(240, 140, 170, .3);--brand-pink-035: rgba(240, 140, 170, .35);--brand-pink-040: rgba(240, 140, 170, .4);--brand-pink-045: rgba(240, 140, 170, .45);--brand-pink-050: rgba(240, 140, 170, .5);--brand-pink-060: rgba(240, 140, 170, .6);--brand-pink-070: rgba(240, 140, 170, .7);--brand-pink-080: rgba(240, 140, 170, .8);--brand-pink-090: rgba(240, 140, 170, .9);--brand-pink-100: rgba(240, 140, 170, 1);--brand-pink-glow-010: rgba(240, 140, 170, .1);--brand-pink-glow-020: rgba(240, 140, 170, .2);--brand-pink-glow-030: rgba(240, 140, 170, .3);--brand-pink-glow-040: rgba(240, 140, 170, .4);--brand-pink-glow-050: rgba(240, 140, 170, .5);--brand-pink-glow-060: rgba(240, 140, 170, .6);--brand-pink-glow-070: rgba(240, 140, 170, .7);--brand-pink-glow-080: rgba(240, 140, 170, .8);--brand-pink-glow-100: rgba(240, 140, 170, 1);--brand-rose-008: rgba(220, 120, 150, .08);--brand-rose-010: rgba(220, 120, 150, .1);--brand-rose-015: rgba(220, 120, 150, .15);--brand-rose-020: rgba(220, 120, 150, .2);--brand-rose-025: rgba(220, 120, 150, .25);--brand-rose-030: rgba(220, 120, 150, .3);--brand-rose-035: rgba(220, 120, 150, .35);--brand-rose-040: rgba(220, 120, 150, .4);--brand-rose-045: rgba(220, 120, 150, .45);--brand-rose-050: rgba(220, 120, 150, .5);--brand-rose-060: rgba(220, 120, 150, .6);--brand-rose-070: rgba(220, 120, 150, .7);--brand-rose-080: rgba(220, 120, 150, .8);--brand-rose-090: rgba(220, 120, 150, .9);--brand-rose-100: rgba(220, 120, 150, 1);--white-000: rgba(255, 255, 255, 0);--white-002: rgba(255, 255, 255, .5);--white-003: rgba(255, 255, 255, .6);--white-005: rgba(255, 255, 255, .7);--white-008: rgba(255, 255, 255, .75);--white-010: rgba(255, 255, 255, .8);--white-012: rgba(255, 255, 255, .85);--white-015: rgba(255, 255, 255, .9);--white-020: rgba(255, 255, 255, .95);--white-030: rgba(255, 255, 255, 1);--white-040: rgba(100, 100, 120, .6);--white-050: rgba(100, 100, 120, .7);--white-060: rgba(100, 100, 120, .8);--white-070: rgba(80, 80, 100, .85);--white-085: rgba(60, 60, 80, .9);--white-090: rgba(50, 50, 70, .95);--white-092: rgba(40, 40, 60, .98);--white-095: rgba(30, 30, 50, 1);--white-098: rgba(20, 20, 40, 1);--white-100: rgba(255, 255, 255, 1);--canvas-bg-top: rgba(255, 248, 220, 1);--canvas-bg-mid: rgba(224, 246, 255, 1);--canvas-bg-bottom: rgba(176, 224, 230, 1);--header-bg-top: rgba(255, 255, 255, .85);--header-bg-mid: rgba(255, 250, 250, .8);--header-bg-bottom: rgba(255, 245, 245, .75);--menu-mobile-top: rgba(255, 255, 255, .8);--menu-mobile-mid: rgba(255, 250, 250, .75);--menu-mobile-bottom: rgba(255, 245, 245, .7);--accent-indigo-050: rgba(80, 100, 160, .5);--accent-indigo-060: rgba(80, 100, 160, .6);--accent-indigo-100: rgba(80, 100, 160, 1);--btn-sky-020: rgba(70, 110, 200, .2);--btn-sky-030: rgba(70, 130, 220, .3);--btn-sky-050: rgba(70, 130, 220, .5);--btn-sky-border: rgba(70, 130, 220, .5);--btn-sky-shadow: rgba(70, 130, 220, .3);--btn-sky-hover-border: rgba(70, 130, 220, .8);--btn-sky-hover-shadow: rgba(70, 130, 220, .6);--black-005: rgba(0, 0, 0, .03);--black-010: rgba(0, 0, 0, .08);--black-015: rgba(0, 0, 0, .1);--black-020: rgba(0, 0, 0, .15);--black-030: rgba(0, 0, 0, .2);--black-040: rgba(0, 0, 0, .25);--black-060: rgba(0, 0, 0, .4);--black-090: rgba(0, 0, 0, .7);--state-success-025: rgba(76, 175, 80, .25);--state-success-040: rgba(76, 175, 80, .4);--state-success-070: rgba(76, 175, 80, .7);--state-success-080: rgba(76, 175, 80, .8);--state-success-090: rgba(76, 175, 80, .9);--state-error-020: rgba(244, 67, 54, .2);--state-error-025: rgba(244, 67, 54, .25);--state-error-030: rgba(244, 67, 54, .3);--state-error-040: rgba(244, 67, 54, .4);--state-error-050: rgba(244, 67, 54, .5);--state-error-060: rgba(244, 67, 54, .6);--state-error-070: rgba(244, 67, 54, .7);--state-error-080: rgba(244, 67, 54, .8);--state-error-090: rgba(244, 67, 54, .9);--state-error-deep-020: rgba(220, 40, 40, .2);--state-error-deep-040: rgba(220, 40, 40, .4);--state-danger-015: rgba(211, 47, 47, .15);--state-danger-020: rgba(211, 47, 47, .2);--state-danger-040: rgba(211, 47, 47, .4);--state-danger-060: rgba(211, 47, 47, .6);--state-danger-090: rgba(211, 47, 47, .9);--state-warning-025: rgba(255, 152, 0, .25);--state-warning-040: rgba(255, 152, 0, .4);--state-warning-070: rgba(255, 152, 0, .7);--state-warning-080: rgba(255, 152, 0, .8);--state-warning-090: rgba(255, 152, 0, .9);--state-info-025: rgba(33, 150, 243, .25);--state-info-040: rgba(33, 150, 243, .4);--state-info-070: rgba(33, 150, 243, .7);--state-info-080: rgba(33, 150, 243, .8);--state-info-090: rgba(33, 150, 243, .9);--social-twitter: rgba(29, 161, 242, 1);--notify-bg-start: rgba(255, 255, 255, 1);--notify-bg-end: rgba(250, 250, 255, .98);--notify-text: rgba(60, 60, 80, .9);--neutral-gray-070: rgba(100, 100, 120, .7);--neutral-gray-090: rgba(80, 80, 100, .9);--shooting-tail: rgba(100, 150, 255, 1);--card-title-blue: rgba(60, 80, 140, 1);--generic-gray: rgba(100, 100, 120, 1);--link-color: rgba(33, 150, 243, .9);--link-hover-color: rgba(25, 118, 210, 1);--theme-primary: rgba(64, 158, 255, 1);--reset-body-bg: rgba(245, 245, 245, 1);--primary-color: var(--theme-primary);--success-color: rgba(103, 194, 58, 1);--warning-color: rgba(230, 162, 60, 1);--danger-color: rgba(245, 108, 108, 1);--info-color: rgba(144, 147, 153, 1);--bg-color: var(--reset-body-bg);--bg-light: var(--white-100);--bg-dark: rgba(29, 30, 31, 1);--text-color: rgba(48, 49, 51, 1);--text-color-secondary: rgba(96, 98, 102, 1);--text-color-placeholder: rgba(192, 196, 204, 1);--border-color: rgba(220, 223, 230, 1);--border-color-light: rgba(235, 238, 245, 1);--page-bg: rgba(176, 224, 230, 1);--card-bg-default: rgba(255, 255, 255, .75);--card-bg-hover: rgba(255, 255, 255, .8);--card-bg-active: rgba(255, 255, 255, .85);--card-bg-transparent: rgba(255, 255, 255, .7);--input-bg-default: rgba(255, 255, 255, .8);--input-bg-focus: rgba(255, 255, 255, .9);--input-bg-disabled: rgba(0, 0, 0, .03);--input-focus-inset-shadow: inset 0 0 10px rgba(255, 100, 150, .05);--input-default-shadow: rgba(255, 100, 150, .1);--search-btn-hover-shadow: 0 0 15px rgba(255, 100, 150, .6);--toolbar-bg: rgba(0, 0, 0, .25);--nav-item-bg-hover: rgba(255, 100, 150, .1);--nav-item-bg-active: rgba(255, 100, 150, .15);--btn-primary-bg: linear-gradient(135deg, rgba(255, 100, 150, .4) 0%, rgba(200, 50, 100, .35) 100%);--btn-primary-bg-hover: linear-gradient(135deg, rgba(255, 100, 150, .6) 0%, rgba(200, 50, 100, .5) 100%);--btn-secondary-bg: rgba(255, 100, 150, .2);--btn-secondary-bg-hover: rgba(255, 100, 150, .3);--btn-danger-bg: linear-gradient(135deg, rgba(244, 67, 54, .3) 0%, rgba(220, 40, 40, .2) 100%);--btn-danger-bg-hover: linear-gradient(135deg, rgba(244, 67, 54, .5) 0%, rgba(220, 40, 40, .4) 100%);--btn-search-bg: linear-gradient(135deg, rgba(255, 100, 150, .3) 0%, rgba(200, 50, 100, .25) 100%);--btn-search-bg-hover: linear-gradient(135deg, rgba(255, 100, 150, .5) 0%, rgba(200, 50, 100, .4) 100%);--tag-bg-default: rgba(255, 100, 150, .2);--tag-bg-hover: rgba(255, 100, 150, .3);--tag-bg-active: rgba(255, 100, 150, .5);--badge-bg: linear-gradient(135deg, rgba(255, 100, 150, .8) 0%, rgba(200, 50, 100, .6) 100%);--badge-bg-hover: linear-gradient(135deg, rgba(255, 100, 150, 1) 0%, rgba(200, 50, 100, .8) 100%);--badge-bg-active: linear-gradient(135deg, rgba(255, 100, 150, 1) 0%, rgba(200, 50, 100, .9) 100%);--tag-count-bg: rgba(0, 0, 0, .15);--tag-name-text-shadow: 0 0 5px rgba(255, 100, 150, .3);--badge-shadow-default: rgba(255, 100, 150, .5);--badge-shadow-hover: rgba(255, 100, 150, .8);--badge-shadow-active: 0 0 20px rgba(255, 100, 150, 1);--tag-item-hover-shadow: 0 0 15px rgba(255, 100, 150, .4);--tag-item-active-shadow: 0 0 20px rgba(255, 100, 150, .6);--selected-tag-bg: rgba(255, 100, 150, .3);--border-default: rgba(240, 140, 170, .15);--border-light: rgba(240, 140, 170, .1);--border-strong: rgba(240, 140, 170, .25);--border-focus: rgba(240, 140, 170, .5);--border-hover: rgba(240, 140, 170, .35);--border-divider: rgba(240, 140, 170, .15);--border-input: rgba(240, 140, 170, .25);--border-card: rgba(240, 140, 170, .15);--border-button: rgba(240, 140, 170, .35);--border-button-hover: rgba(240, 140, 170, .6);--border-tag: rgba(240, 140, 170, .25);--border-tag-active: rgba(240, 140, 170, .6);--text-primary: rgba(60, 60, 70, 1);--text-title: rgba(50, 50, 60, 1);--text-heading: rgba(70, 70, 80, .98);--text-secondary: rgba(80, 80, 90, .95);--text-meta: rgba(100, 100, 110, .85);--text-placeholder: rgba(120, 120, 130, .7);--text-disabled: rgba(130, 130, 140, .6);--text-brand: rgba(240, 140, 170, .85);--text-link: rgba(240, 140, 170, .85);--text-link-hover: rgba(220, 120, 150, 1);--text-success: rgba(76, 175, 80, .85);--text-error: rgba(244, 67, 54, .85);--text-warning: rgba(255, 152, 0, .85);--text-info: rgba(33, 150, 243, .85);--text-neutral: rgba(100, 100, 110, .7);--text-neutral-hover: rgba(80, 80, 90, .9);--shadow-card: 0 2px 12px 0 rgba(0, 0, 0, .06);--shadow-card-hover: 0 0 25px rgba(240, 140, 170, .15);--shadow-button: 0 2px 8px rgba(240, 140, 170, .2);--shadow-button-hover: 0 4px 12px rgba(240, 140, 170, .3);--shadow-input-focus: 0 0 15px rgba(240, 140, 170, .2);--shadow-inner: inset 0 0 25px rgba(240, 140, 170, .04);--glow-text-title: 0 0 12px rgba(240, 140, 170, .3);--glow-logo: 0 0 10px rgba(240, 140, 170, .4);--glow-logo-strong: 0 0 8px rgba(240, 140, 170, .5);--glow-icon: 0 2px 4px rgba(220, 120, 150, .2);--header-glow-radial: radial-gradient(ellipse at center, rgba(255, 100, 150, .05) 0%, transparent 70%);--header-highlight-top: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .6) 50%, rgba(255, 255, 255, 0) 100%);--nav-hover-shadow: 0 0 15px rgba(255, 100, 150, .2);--nav-active-shadow: 0 0 20px rgba(255, 100, 150, .3);--notify-shadow-default: 0 4px 12px rgba(255, 100, 150, .2);--notify-shadow-hover: 0 6px 16px rgba(255, 100, 150, .3);--text-glow-subtle: 0 0 8px rgba(255, 100, 150, .3);--gradient-header: linear-gradient(180deg, rgba(255, 255, 255, .7) 0%, rgba(255, 250, 250, .6) 50%, rgba(255, 245, 245, .5) 100%);--gradient-mobile-menu: linear-gradient(180deg, rgba(255, 255, 255, .65) 0%, rgba(255, 250, 250, .55) 50%, rgba(255, 245, 245, .45) 100%);--gradient-card-default: linear-gradient(135deg, rgba(255, 255, 255, .75) 0%, rgba(255, 255, 255, .6) 100%);--gradient-card-featured: linear-gradient(135deg, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .5) 100%);--gradient-input-default: linear-gradient(135deg, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, .7) 100%);--gradient-input-focus: linear-gradient(135deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .75) 100%);--gradient-tag-default: linear-gradient(135deg, rgba(255, 100, 150, .15) 0%, rgba(200, 50, 100, .1) 100%);--gradient-tag-hover: linear-gradient(135deg, rgba(255, 100, 150, .3) 0%, rgba(200, 50, 100, .2) 100%);--gradient-tag-active: linear-gradient(135deg, rgba(255, 100, 150, .4) 0%, rgba(200, 50, 100, .3) 100%);--decoration-success: linear-gradient(90deg, rgba(76, 175, 80, 0) 0%, rgba(76, 175, 80, .8) 50%, rgba(76, 175, 80, 0) 100%);--decoration-error: linear-gradient(90deg, rgba(244, 67, 54, 0) 0%, rgba(244, 67, 54, .8) 50%, rgba(244, 67, 54, 0) 100%);--decoration-warning: linear-gradient(90deg, rgba(255, 152, 0, 0) 0%, rgba(255, 152, 0, .8) 50%, rgba(255, 152, 0, 0) 100%);--decoration-info: linear-gradient(90deg, rgba(33, 150, 243, 0) 0%, rgba(33, 150, 243, .8) 50%, rgba(33, 150, 243, 0) 100%);--notify-icon-bg-success: linear-gradient(135deg, rgba(76, 175, 80, .25) 0%, rgba(76, 175, 80, .2) 100%);--notify-icon-bg-error: linear-gradient(135deg, rgba(244, 67, 54, .25) 0%, rgba(211, 47, 47, .2) 100%);--notify-icon-bg-warning: linear-gradient(135deg, rgba(255, 152, 0, .25) 0%, rgba(255, 152, 0, .2) 100%);--notify-icon-bg-info: linear-gradient(135deg, rgba(33, 150, 243, .25) 0%, rgba(33, 150, 243, .2) 100%);--notify-icon-shadow-success: 0 2px 4px rgba(76, 175, 80, .4);--notify-icon-shadow-error: 0 2px 4px rgba(244, 67, 54, .4);--notify-icon-shadow-warning: 0 2px 4px rgba(255, 152, 0, .4);--notify-icon-shadow-info: 0 2px 4px rgba(33, 150, 243, .4);--notify-progress-success: linear-gradient(90deg, rgba(76, 175, 80, .9) 0%, rgba(76, 175, 80, .7) 100%);--notify-progress-error: linear-gradient(90deg, rgba(244, 67, 54, .9) 0%, rgba(244, 67, 54, .7) 100%);--notify-progress-warning: linear-gradient(90deg, rgba(255, 152, 0, .9) 0%, rgba(255, 152, 0, .7) 100%);--notify-progress-info: linear-gradient(90deg, rgba(33, 150, 243, .9) 0%, rgba(33, 150, 243, .7) 100%);--user-info-bg: rgba(255, 100, 150, .1);--user-info-border: rgba(255, 100, 150, .15);--user-avatar-bg: linear-gradient(135deg, rgba(255, 100, 150, .3), rgba(200, 50, 100, .25));--user-avatar-shadow: 0 0 10px rgba(255, 100, 150, .4);--page-dots-bg: linear-gradient(135deg, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .5) 100%);--page-dots-border: rgba(255, 100, 150, .2);--page-dot-inactive: rgba(255, 100, 150, .4);--page-dot-inactive-hover: rgba(255, 100, 150, .8);--page-dot-active-stroke: rgba(255, 100, 150, .8);--page-dot-active-fill: rgba(255, 100, 150, .6);--page-dot-active-glow: 0 0 6px rgba(255, 100, 150, .6);--scrollbar-thumb: rgba(255, 100, 150, .3);--scrollbar-thumb-hover: rgba(255, 100, 150, .6);--btn-sky-bg: linear-gradient(135deg, rgba(70, 130, 220, .3) 0%, rgba(70, 110, 200, .2) 100%);--btn-sky-bg-hover: linear-gradient(135deg, rgba(70, 130, 220, .5) 0%, rgba(100, 150, 255, .3) 100%);--btn-sky-border-value: rgba(70, 130, 220, .5);--btn-sky-border-hover-value: rgba(70, 130, 220, .8);--btn-sky-shadow-value: 0 2px 8px rgba(70, 130, 220, .3);--btn-sky-shadow-hover-value: 0 0 15px rgba(70, 130, 220, .6);--btn-clear-bg: linear-gradient(135deg, rgba(244, 67, 54, .3) 0%, rgba(220, 40, 40, .2) 100%);--btn-clear-bg-hover: linear-gradient(135deg, rgba(244, 67, 54, .5) 0%, rgba(220, 40, 40, .4) 100%);--btn-clear-border: rgba(244, 67, 54, .5);--btn-clear-border-hover: rgba(244, 67, 54, .8);--btn-clear-shadow: rgba(244, 67, 54, .3);--btn-clear-shadow-hover: 0 0 15px rgba(244, 67, 54, .6);--btn-logout-hover-bg: rgba(211, 47, 47, .15);--btn-logout-hover-border: rgba(211, 47, 47, .6);--btn-logout-hover-text: rgba(211, 47, 47, .9);--btn-logout-hover-shadow: 0 0 15px rgba(211, 47, 47, .4);--search-loading-color: rgba(255, 100, 150, .6);--notify-bg: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(250, 250, 255, .98) 100%);--notify-text-body: rgba(60, 60, 80, .9);--notify-close-bg: linear-gradient(135deg, rgba(255, 100, 150, .15) 0%, rgba(200, 50, 100, .1) 100%);--notify-close-bg-hover: linear-gradient(135deg, rgba(255, 100, 150, .4) 0%, rgba(200, 50, 100, .25) 100%);--notify-close-border: rgba(255, 100, 150, .3);--notify-close-border-hover: rgba(255, 100, 150, .6);--notify-close-text: rgba(200, 50, 100, .6);--notify-close-text-hover: rgba(200, 50, 100, .9);--notify-close-shadow-hover: 0 0 12px rgba(255, 100, 150, .4);--notify-progress-bg: rgba(255, 100, 150, .1);--blog-detail-card-bg: linear-gradient(135deg, rgba(255, 255, 255, .75) 0%, rgba(255, 255, 255, .6) 100%);--blog-detail-card-border: rgba(255, 100, 150, .2);--blog-detail-card-shadow: 0 2px 12px rgba(0, 0, 0, .1);--blog-detail-top-actions-bg: linear-gradient(135deg, rgba(255, 100, 150, .15) 0%, rgba(200, 50, 100, .1) 100%);--blog-detail-top-actions-border: rgba(255, 100, 150, .25);--blog-detail-btn-border: rgba(255, 100, 150, .4);--blog-detail-btn-shadow: 0 2px 8px rgba(0, 0, 0, .15);--btn-back-bg: linear-gradient(135deg, rgba(255, 100, 150, .35) 0%, rgba(200, 50, 100, .3) 100%);--btn-back-border: rgba(255, 100, 150, .6);--btn-back-hover-bg: linear-gradient(135deg, rgba(255, 100, 150, .5) 0%, rgba(200, 50, 100, .4) 100%);--btn-back-hover-border: rgba(255, 100, 150, .8);--btn-back-hover-shadow: 0 0 20px rgba(255, 100, 150, .5);--btn-edit-bg: linear-gradient(135deg, rgba(255, 100, 150, .5) 0%, rgba(200, 50, 100, .45) 100%);--btn-edit-border: rgba(255, 100, 150, .7);--btn-edit-hover-bg: linear-gradient(135deg, rgba(255, 100, 150, .7) 0%, rgba(200, 50, 100, .6) 100%);--btn-edit-hover-border: rgba(255, 100, 150, .9);--btn-edit-hover-shadow: 0 0 25px rgba(255, 100, 150, .6);--blog-detail-header-border: rgba(255, 100, 150, .15);--blog-title-color: rgba(20, 20, 40, 1);--blog-title-shadow: 0 0 15px rgba(255, 100, 150, .5);--blog-meta-bg: linear-gradient(135deg, rgba(255, 100, 150, .1) 0%, rgba(200, 50, 100, .08) 100%);--blog-meta-border: rgba(255, 100, 150, .2);--blog-meta-text: rgba(50, 50, 70, .95);--blog-meta-icon: rgba(255, 100, 150, .9);--tag-chip-bg: linear-gradient(135deg, rgba(255, 100, 150, .4) 0%, rgba(200, 50, 100, .35) 100%);--tag-chip-border: rgba(255, 100, 150, .5);--tag-chip-shadow: 0 2px 8px rgba(255, 100, 150, .3);--tag-chip-hover-shadow: 0 4px 12px rgba(255, 100, 150, .5);--tag-chip-hover-border: rgba(255, 100, 150, .3);--blog-cover-border: rgba(50, 50, 70, .95);--blog-cover-shadow: 0 4px 15px rgba(0, 0, 0, .3);--blog-cover-hover-shadow: 0 6px 20px rgba(0, 0, 0, .4);--blog-cover-hover-border: rgba(30, 30, 50, 1);--blog-body-text: rgba(30, 30, 50, 1);--heading-color: rgba(20, 20, 40, 1);--heading-shadow: 0 0 10px rgba(255, 100, 150, .2);--inline-code-bg: rgba(255, 100, 150, .15);--inline-code-color: rgba(50, 50, 70, .95);--code-block-bg: rgba(0, 0, 0, .2);--code-block-border: rgba(255, 100, 150, .15);--code-block-text: rgba(50, 50, 70, .95);--blockquote-color: rgba(100, 100, 120, .7);--blockquote-border: rgba(255, 100, 150, .5);--blockquote-bg: rgba(255, 100, 150, .05);--blog-image-border: rgba(50, 50, 70, .95);--blog-image-shadow: 0 4px 15px rgba(0, 0, 0, .3);--blog-image-hover-shadow: 0 6px 20px rgba(0, 0, 0, .4);--blog-image-hover-border: rgba(30, 30, 50, 1);--back-to-top-bg: linear-gradient(135deg, rgba(255, 100, 150, .5) 0%, rgba(200, 50, 100, .45) 100%);--back-to-top-border: rgba(255, 100, 150, .3);--back-to-top-shadow: 0 2px 8px rgba(0, 0, 0, .15);--back-to-top-icon-filter: drop-shadow(0 2px 4px rgba(100, 100, 120, .6));--back-to-top-inner-ring: rgba(255, 255, 255, .95);--back-to-top-hover-bg: linear-gradient(135deg, rgba(255, 100, 150, .7) 0%, rgba(200, 50, 100, .6) 100%);--back-to-top-hover-border: rgba(255, 100, 150, .9);--back-to-top-hover-shadow: 0 4px 12px rgba(255, 100, 150, .3);--back-to-top-hover-icon-filter: drop-shadow(0 4px 8px rgba(100, 100, 120, .7));--image-preview-overlay: rgba(0, 0, 0, .4);--image-preview-img-border: rgba(255, 255, 255, 1);--image-preview-img-shadow: 0 10px 40px rgba(0, 0, 0, .6);--blog-editor-hint-bg: rgba(255, 100, 150, .1);--blog-editor-hint-border: rgba(255, 100, 150, .2);--blog-editor-hint-active-bg: rgba(255, 100, 150, .3);--blog-editor-hint-active-border: rgba(255, 100, 150, .5);--blog-editor-hint-icon-bg: rgba(255, 100, 150, .5);--blog-editor-hint-icon-border: rgba(255, 100, 150, .3);--blog-editor-title-shadow: 0 0 10px rgba(255, 100, 150, .3);--blog-editor-input-border: rgba(255, 100, 150, .5);--btn-publish-bg: linear-gradient(135deg, rgba(255, 100, 150, .5) 0%, rgba(200, 50, 100, .45) 100%);--btn-publish-hover-bg: linear-gradient(135deg, rgba(255, 100, 150, .7) 0%, rgba(200, 50, 100, .6) 100%);--btn-publish-border: rgba(255, 100, 150, .3);--btn-publish-shadow: 0 4px 15px rgba(255, 100, 150, .4);--blog-editor-content-bg: rgba(255, 255, 255, .7);--blog-editor-content-border: rgba(255, 100, 150, .15);--blog-editor-tab-bg: rgba(255, 255, 255, .8);--blog-editor-tab-border: rgba(255, 100, 150, .3);--blog-editor-tab-text: rgba(100, 100, 120, .7);--blog-editor-tab-active-text: rgba(50, 50, 70, .95);--blog-editor-tab-active-indicator: rgba(255, 100, 150, .5);--page-nav-bg: linear-gradient(135deg, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .5) 100%);--page-nav-border: rgba(255, 100, 150, .2);--page-nav-btn-bg: rgba(255, 100, 150, .3);--page-nav-btn-hover-bg: rgba(255, 100, 150, .6);--page-nav-arrow-bg: linear-gradient(135deg, rgba(255, 100, 150, .3) 0%, rgba(200, 50, 100, .25) 100%);--page-nav-arrow-border: rgba(255, 100, 150, .5);--page-nav-arrow-text: rgba(30, 30, 50, 1);--page-nav-arrow-shadow: 0 4px 15px rgba(255, 100, 150, .3);--page-nav-arrow-hover-bg: linear-gradient(135deg, rgba(255, 100, 150, .5) 0%, rgba(200, 50, 100, .4) 100%);--page-nav-arrow-hover-border: rgba(255, 100, 150, .3);--page-nav-arrow-hover-shadow: 0 0 25px rgba(255, 100, 150, .6);--html-editor-title-color: rgba(30, 30, 50, 1);--html-editor-title-shadow: 0 0 8px rgba(255, 100, 150, .3);--html-editor-btn-bg: linear-gradient(135deg, rgba(255, 100, 150, .4) 0%, rgba(200, 50, 100, .35) 100%);--html-editor-btn-border: rgba(255, 100, 150, .5);--html-editor-btn-shadow: 0 2px 8px rgba(255, 100, 150, .3);--html-editor-btn-hover-bg: linear-gradient(135deg, rgba(255, 100, 150, .6) 0%, rgba(200, 50, 100, .5) 100%);--html-editor-btn-hover-border: rgba(255, 100, 150, .3);--html-editor-btn-hover-shadow: 0 0 15px rgba(255, 100, 150, .5);--html-editor-content-bg: linear-gradient(135deg, rgba(255, 255, 255, .75) 0%, rgba(255, 255, 255, .6) 100%);--blog-creator-bg: var(--page-bg);--blog-creator-card-bg: var(--card-bg-default);--blog-creator-card-border: var(--border-card);--blog-creator-card-shadow: var(--shadow-card);--blog-creator-input-bg: var(--input-bg-default);--blog-creator-input-border: var(--border-input);--blog-creator-input-focus-bg: var(--input-bg-focus);--blog-creator-input-focus-border: var(--border-focus);--blog-creator-input-placeholder: var(--text-placeholder);--blog-creator-label-color: var(--text-secondary);--blog-creator-section-title: var(--text-heading);--blog-creator-section-border: var(--border-divider);--tag-selector-container-bg: var(--card-bg-transparent);--tag-selector-container-border: var(--border-light);--tag-item-bg: var(--gradient-tag-default);--tag-item-border: var(--border-tag);--tag-item-hover-bg: var(--gradient-tag-hover);--tag-item-hover-border: var(--border-focus);--tag-item-active-bg: var(--gradient-tag-active);--tag-item-active-border: var(--border-tag-active);--tag-item-text: var(--text-primary);--tag-item-badge-bg: var(--badge-bg);--tag-item-badge-text: white;--tag-input-bg: var(--input-bg-default);--tag-input-border: var(--border-input);--tag-input-focus-bg: var(--input-bg-focus);--tag-input-focus-border: var(--border-focus);--tag-input-placeholder: var(--text-placeholder);--tag-input-text: var(--text-primary);--selected-tag-border: var(--border-strong);--selected-tag-text: var(--text-primary);--selected-tag-remove-color: var(--text-meta);--selected-tag-remove-hover: var(--state-error-090);--md-editor-container-bg: var(--card-bg-default);--md-editor-container-border: var(--border-card);--md-editor-toolbar-bg: var(--toolbar-bg);--md-editor-toolbar-border: var(--border-divider);--md-editor-tab-bg: transparent;--md-editor-tab-active-bg: rgba(255, 100, 150, .15);--md-editor-tab-text: var(--text-placeholder);--md-editor-tab-active-text: var(--text-secondary);--md-editor-tab-indicator: var(--border-button);--md-editor-textarea-bg: var(--input-bg-default);--md-editor-textarea-text: var(--text-primary);--md-editor-textarea-border: var(--border-input);--md-editor-textarea-focus-border: var(--border-focus);--md-editor-textarea-placeholder: var(--text-placeholder);--md-editor-preview-bg: var(--card-bg-transparent);--md-editor-preview-text: var(--text-primary);--md-editor-preview-border: var(--border-light);--btn-save-bg: linear-gradient(135deg, rgba(255, 100, 150, .6) 0%, rgba(200, 50, 100, .5) 100%);--btn-save-border: var(--border-button);--btn-save-hover-bg: linear-gradient(135deg, rgba(255, 100, 150, .8) 0%, rgba(200, 50, 100, .7) 100%);--btn-save-hover-border: var(--border-button-hover);--btn-save-shadow: 0 4px 15px rgba(255, 100, 150, .4);--btn-save-hover-shadow: 0 6px 20px rgba(255, 100, 150, .6);--btn-draft-bg: linear-gradient(135deg, rgba(255, 100, 150, .3) 0%, rgba(200, 50, 100, .25) 100%);--btn-draft-border: var(--border-button);--btn-draft-hover-bg: linear-gradient(135deg, rgba(255, 100, 150, .5) 0%, rgba(200, 50, 100, .4) 100%);--btn-draft-hover-border: var(--border-focus);--btn-cancel-bg: var(--btn-secondary-bg);--btn-cancel-border: var(--border-button);--btn-cancel-hover-bg: var(--btn-secondary-bg-hover);--btn-cancel-hover-border: var(--border-focus);--btn-delete-bg: linear-gradient(135deg, rgba(244, 67, 54, .4) 0%, rgba(220, 40, 40, .3) 100%);--btn-delete-border: rgba(244, 67, 54, .5);--btn-delete-hover-bg: linear-gradient(135deg, rgba(244, 67, 54, .6) 0%, rgba(220, 40, 40, .5) 100%);--btn-delete-hover-border: rgba(244, 67, 54, .7);--image-upload-area-bg: var(--input-bg-default);--image-upload-area-border: var(--border-input);--image-upload-area-border-dashed: var(--border-divider);--image-upload-area-hover-bg: var(--input-bg-focus);--image-upload-area-hover-border: var(--border-focus);--image-upload-icon-color: var(--text-meta);--image-upload-text-color: var(--text-secondary);--image-upload-hint-color: var(--text-placeholder);--image-preview-border: var(--border-card);--image-preview-shadow: var(--shadow-card);--sql2string-title-color: rgba(30, 30, 50, 1);--sql2string-title-shadow: 0 0 8px rgba(255, 100, 150, .3);--sql2string-textarea-bg: linear-gradient(135deg, rgba(255, 255, 255, .75) 0%, rgba(255, 255, 255, .6) 100%);--sql2string-textarea-border: rgba(255, 100, 150, .15);--sql2string-textarea-text: rgba(30, 30, 50, 1);--sql2string-textarea-placeholder: rgba(100, 100, 120, .7);--sql2string-textarea-focus-border: rgba(255, 100, 150, .6);--sql2string-textarea-focus-shadow: 0 0 20px rgba(255, 100, 150, .3);--sql2string-textarea-focus-bg: linear-gradient(135deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .75) 100%);--sql2string-convert-btn-bg: linear-gradient(135deg, rgba(255, 100, 150, .4) 0%, rgba(200, 50, 100, .35) 100%);--sql2string-convert-btn-border: rgba(255, 100, 150, .5);--sql2string-convert-btn-shadow: 0 2px 8px rgba(255, 100, 150, .3);--sql2string-convert-btn-hover-bg: linear-gradient(135deg, rgba(255, 100, 150, .6) 0%, rgba(200, 50, 100, .5) 100%);--sql2string-convert-btn-hover-border: rgba(255, 100, 150, .3);--sql2string-convert-btn-hover-shadow: 0 0 20px rgba(255, 100, 150, .5);--home-title-shadow: 0 0 10px rgba(255, 100, 150, .5);--home-article-card-bg: linear-gradient(135deg, rgba(255, 255, 255, .75) 0%, rgba(255, 255, 255, .6) 100%);--home-article-card-border: rgba(255, 100, 150, .2);--home-article-card-hover-bg: linear-gradient(135deg, rgba(255, 100, 150, .15) 0%, rgba(255, 255, 255, .8) 100%);--home-article-card-hover-border: rgba(255, 100, 150, .5);--home-article-card-hover-shadow: 0 0 15px rgba(255, 100, 150, .3);--home-article-title-color: rgba(30, 30, 50, 1);--home-article-title-shadow: 0 0 5px rgba(255, 100, 150, .3);--home-article-meta-color: rgba(255, 100, 150, .9);--home-empty-data-color: rgba(80, 100, 160, 1);--home-tag-item-bg: linear-gradient(135deg, rgba(255, 100, 150, .15) 0%, rgba(200, 50, 100, .1) 100%);--home-tag-item-border: rgba(255, 100, 150, .3);--home-tag-item-text: rgba(30, 30, 50, 1);--home-tag-name-shadow: 0 0 5px rgba(255, 100, 150, .3);--home-tag-badge-bg: linear-gradient(135deg, rgba(255, 100, 150, .8) 0%, rgba(200, 50, 100, .6) 100%);--home-tag-badge-shadow: 0 0 10px rgba(255, 100, 150, .5);--home-tag-item-hover-bg: linear-gradient(135deg, rgba(255, 100, 150, .3) 0%, rgba(200, 50, 100, .2) 100%);--home-tag-item-hover-border: rgba(255, 100, 150, .6);--home-tag-item-hover-shadow: 0 0 15px rgba(255, 100, 150, .4);--home-tag-badge-hover-bg: linear-gradient(135deg, rgba(255, 100, 150, 1) 0%, rgba(200, 50, 100, .8) 100%);--home-tag-badge-hover-shadow: 0 0 15px rgba(255, 100, 150, .8);--home-welcome-title-color: rgba(255, 255, 255, 1);--home-welcome-title-shadow: 0 0 10px rgba(255, 100, 150, .8), 0 0 20px rgba(255, 100, 150, .6), 0 0 30px rgba(255, 100, 150, .4), 0 0 40px rgba(200, 50, 100, .3);--home-welcome-title-before: rgba(255, 100, 150, .3);--home-subtitle-color: rgba(255, 255, 255, .9);--home-subtitle-shadow: 0 0 10px rgba(255, 100, 150, .5);--home-card-bg: rgba(255, 255, 255, .95);--home-card-shadow: 0 4px 20px rgba(80, 100, 160, .15);--home-card-border: rgba(80, 100, 160, .1);--home-card-hover-shadow: 0 12px 35px rgba(80, 100, 160, .25);--home-card-hover-border: rgba(80, 100, 160, .3);--home-card-icon-color: rgb(80, 100, 160);--home-card-icon-hover-color: rgb(60, 80, 140);--home-card-title-color: rgb(60, 80, 140);--home-card-desc-color: rgb(80, 100, 160);--home-content-bg: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100%);--home-content-border: 2px solid rgba(255, 100, 150, .3);--home-content-shadow: 0 0 20px rgba(255, 100, 150, .2), inset 0 0 20px rgba(255, 100, 150, .05);--home-content-radial: radial-gradient(circle, rgba(255, 100, 150, .1) 0%, transparent 70%);--home-content-hover-border: rgba(255, 100, 150, .6);--home-content-hover-shadow: 0 0 30px rgba(255, 100, 150, .4), inset 0 0 30px rgba(255, 100, 150, .1);--home-section-divider: 2px solid rgba(255, 100, 150, .3);--home-title-icon-color: rgba(255, 100, 150, .9);--home-title-icon-filter: drop-shadow(0 0 5px rgba(255, 100, 150, .5));--home-section-title-color: rgba(30, 30, 50, .95);--home-view-more-color: rgba(255, 100, 150, .9);--home-view-more-shadow: 0 0 5px rgba(255, 100, 150, .3);--home-view-more-hover-color: rgba(30, 30, 50, 1);--home-view-more-hover-shadow: 0 0 10px rgba(255, 100, 150, .8);--home-avatar-size: 130px;--home-avatar-border: 3px solid rgba(255, 100, 150, .6);--home-avatar-shadow: 0 0 20px rgba(255, 100, 150, .4), 0 0 40px rgba(200, 50, 100, .2);--home-avatar-hover-border: rgba(255, 100, 150, .9);--home-avatar-hover-shadow: 0 0 30px rgba(255, 100, 150, .6), 0 0 60px rgba(200, 50, 100, .3);--home-avatar-bg: linear-gradient(135deg, rgba(255, 100, 150, .3), rgba(200, 50, 100, .25));--home-avatar-placeholder: rgba(255, 100, 150, .9);--notify-status-success-text: rgba(76, 175, 80, .9);--notify-status-error-text: rgba(244, 67, 54, .9);--notify-status-warning-text: rgba(255, 152, 0, .9);--notify-status-info-text: rgba(33, 150, 243, .9);--tag-item-shadow: rgba(255, 100, 150, .4);--btn-delete-active-bg: rgba(200, 50, 100, .8);--btn-delete-hover-active-bg: rgba(200, 50, 100, 1);--page-dot-inactive-bg: rgba(255, 100, 150, .1);--blog-list-search-btn-bg: linear-gradient(135deg, rgba(255, 100, 150, .5) 0%, rgba(200, 50, 100, .45) 100%);--blog-list-search-btn-border: rgba(255, 100, 150, .7);--blog-list-featured-bg: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100%);--blog-list-featured-radial: radial-gradient(circle, rgba(255, 100, 150, .15) 0%, transparent 70%);--blog-list-featured-title-color: rgba(30, 30, 50, .98);--blog-list-featured-tag-text: rgba(30, 30, 50, .95);--blog-list-featured-summary-color: rgba(50, 50, 70, .85);--blog-list-compact-bg: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .03) 100%);--blog-list-compact-border: rgba(255, 100, 150, .25);--blog-list-compact-shadow: 0 4px 15px rgba(255, 100, 150, .15);--blog-list-compact-hover-border: rgba(255, 100, 150, .6);--blog-list-compact-hover-shadow: 0 8px 25px rgba(255, 100, 150, .35);--blog-list-compact-hover-bg: linear-gradient(135deg, rgba(255, 100, 150, .15) 0%, rgba(255, 255, 255, .08) 100%);--blog-list-compact-title-color: rgba(30, 30, 50, .92);--blog-list-compact-title-shadow: 0 0 8px rgba(255, 100, 150, .3);--blog-list-compact-tag-bg: linear-gradient(135deg, rgba(255, 100, 150, .25) 0%, rgba(200, 50, 100, .2) 100%);--blog-list-compact-tag-border: rgba(255, 100, 150, .35);--blog-list-compact-tag-text: rgba(30, 30, 50, .9);--blog-list-compact-tag-shadow: 0 0 5px rgba(255, 100, 150, .3);--blog-list-compact-date-color: rgba(255, 100, 150, .85);--blog-list-compact-date-shadow: 0 0 5px rgba(255, 100, 150, .2);--blog-list-compact-btn-bg: linear-gradient(135deg, rgba(255, 100, 150, .25) 0%, rgba(200, 50, 100, .2) 100%);--blog-list-compact-btn-border: rgba(255, 100, 150, .4);--blog-list-compact-btn-text: rgba(30, 30, 50, .9);--blog-list-compact-btn-hover-bg: linear-gradient(135deg, rgba(255, 100, 150, .45) 0%, rgba(200, 50, 100, .35) 100%);--blog-list-compact-btn-hover-border: rgba(255, 100, 150, .7);--blog-list-compact-btn-hover-shadow: 0 0 15px rgba(255, 100, 150, .5);--login-card-bg: linear-gradient(135deg, rgba(240, 140, 170, .7) 0%, rgba(240, 140, 170, .85) 100%);--login-card-shadow: 0 8px 32px rgba(0, 0, 0, .1), 0 2px 8px rgba(240, 140, 170, .15), inset 0 0 60px rgba(255, 255, 255, .8);--login-title-color: rgba(80, 100, 160, 1);--login-subtitle-color: rgba(80, 100, 160, 1);--login-form-icon-color: rgba(80, 100, 160, .6);--login-input-bg: rgba(240, 140, 170, .05);--login-input-focus-bg: rgba(240, 140, 170, .08);--login-input-border: rgba(240, 140, 170, .3);--login-input-focus-border: rgba(240, 140, 170, 1);--login-input-focus-shadow: rgba(240, 140, 170, .1);--login-input-text: rgba(60, 60, 70, 1);--login-input-placeholder: rgba(240, 140, 170, .5);--login-input-disabled-bg: rgba(0, 0, 0, .03);--login-toggle-btn-color: rgba(80, 100, 160, .6);--login-toggle-btn-hover: rgba(80, 100, 160, 1);--login-divider-color: rgba(240, 140, 170, .2);--login-divider-dot: rgba(240, 140, 170, .4);--login-divider-dot-glow: rgba(240, 140, 170, .3);--login-btn-bg: linear-gradient(135deg, rgba(240, 140, 170, .15) 0%, rgba(240, 140, 170, .1) 100%);--login-btn-border: rgba(240, 140, 170, .4);--login-btn-hover-border: rgba(240, 140, 170, 1);--login-btn-shadow: 0 2px 10px rgba(240, 140, 170, .2);--login-btn-text: rgba(80, 100, 160, .8);--login-btn-hover-text: rgba(80, 100, 160, 1);--login-btn-hover-shadow: 0 4px 15px rgba(240, 140, 170, .4);--login-footer-text: rgba(100, 100, 120, .7);--login-footer-link: rgba(80, 80, 100, .9);--login-twitter-icon: rgb(29, 161, 242);--login-icp-text: rgba(100, 100, 120, .7);--tool-tab-bg: linear-gradient(135deg, rgba(255, 255, 255, .75) 0%, rgba(255, 255, 255, .6) 100%);--tool-tab-border: rgba(255, 100, 150, .15);--tool-tab-text: rgba(30, 30, 50, .9);--tool-tab-shadow: 0 2px 12px 0 rgba(0, 0, 0, .08);--tool-tab-active-bg: linear-gradient(135deg, rgba(255, 100, 150, .4) 0%, rgba(200, 50, 100, .35) 100%);--tool-tab-active-border: rgba(255, 100, 150, .6);--tool-tab-active-shadow: 0 0 20px rgba(255, 100, 150, .4);--tool-tab-hover-bg: linear-gradient(135deg, rgba(255, 100, 150, .3) 0%, rgba(200, 50, 100, .25) 100%);--tool-tab-hover-border: rgba(255, 100, 150, .5);--tool-tab-hover-shadow: 0 0 15px rgba(255, 100, 150, .3);--tool-content-bg: linear-gradient(135deg, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, .7) 100%);--tool-content-border: rgba(255, 100, 150, .2);--tool-content-shadow: 0 4px 20px rgba(0, 0, 0, .15), inset 0 0 30px rgba(255, 100, 150, .05);--blog-list-card-border: 2px solid rgba(255, 100, 150, .3);--blog-list-card-shadow: 0 0 30px rgba(255, 100, 150, .25), inset 0 0 30px rgba(255, 100, 150, .05);--blog-list-item-bg: linear-gradient(135deg, rgba(255, 100, 150, .15) 0%, transparent 100%);--blog-list-item-hover-border: rgba(255, 100, 150, .7);--blog-list-item-hover-shadow: 0 0 50px rgba(255, 100, 150, .4), inset 0 0 50px rgba(255, 100, 150, .1);--blog-list-title-shadow: 0 0 15px rgba(255, 100, 150, .5);--blog-list-tag-bg: linear-gradient(135deg, rgba(255, 100, 150, .3) 0%, rgba(200, 50, 100, .25) 100%);--blog-list-tag-border: rgba(255, 100, 150, .45);--blog-list-tag-text-shadow: 0 0 8px rgba(255, 100, 150, .4);--blog-list-tag-shadow: 0 0 10px rgba(255, 100, 150, .3);--blog-list-meta-shadow: 0 0 5px rgba(255, 100, 150, .2);--blog-list-divider: rgba(255, 100, 150, .2);--blog-list-meta-color: rgba(255, 100, 150, .9);--blog-list-meta-icon-shadow: 0 0 8px rgba(255, 100, 150, .4);--blog-list-btn-bg: linear-gradient(135deg, rgba(255, 100, 150, .3) 0%, rgba(200, 50, 100, .25) 100%);--blog-list-btn-border: rgba(255, 100, 150, .5);--blog-list-btn-shadow: 0 0 15px rgba(255, 100, 150, .3);--blog-list-btn-hover-bg: linear-gradient(135deg, rgba(255, 100, 150, .5) 0%, rgba(200, 50, 100, .4) 100%);--blog-list-btn-hover-border: rgba(255, 100, 150, .8);--blog-list-btn-hover-shadow: 0 0 25px rgba(255, 100, 150, .6);--skeleton-item-bg: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .03) 100%);--skeleton-item-border: rgba(255, 100, 150, .2);--skeleton-featured-border: rgba(255, 100, 150, .3);--skeleton-title-shimmer: linear-gradient(90deg, rgba(255, 100, 150, .2) 0%, rgba(255, 100, 150, .35) 50%, rgba(255, 100, 150, .2) 100%);--skeleton-content-shimmer: linear-gradient(90deg, rgba(255, 100, 150, .15) 0%, rgba(255, 100, 150, .25) 50%, rgba(255, 100, 150, .15) 100%);--skeleton-meta-shimmer: linear-gradient(90deg, rgba(255, 100, 150, .1) 0%, rgba(255, 100, 150, .2) 50%, rgba(255, 100, 150, .1) 100%);--footer-border: rgba(235, 238, 245, 1);--footer-text: rgba(96, 98, 102, 1);--footer-link-hover: rgba(64, 158, 255, 1)}.theme-winter{--brand-pink-005: rgba(129, 212, 250, .05);--brand-pink-008: rgba(129, 212, 250, .08);--brand-pink-010: rgba(129, 212, 250, .1);--brand-pink-015: rgba(129, 212, 250, .15);--brand-pink-020: rgba(129, 212, 250, .2);--brand-pink-025: rgba(129, 212, 250, .25);--brand-pink-030: rgba(129, 212, 250, .3);--brand-pink-035: rgba(129, 212, 250, .35);--brand-pink-040: rgba(129, 212, 250, .4);--brand-pink-045: rgba(129, 212, 250, .45);--brand-pink-050: rgba(129, 212, 250, .5);--brand-pink-060: rgba(129, 212, 250, .6);--brand-pink-070: rgba(129, 212, 250, .7);--brand-pink-080: rgba(129, 212, 250, .8);--brand-pink-090: rgba(129, 212, 250, .9);--brand-pink-100: rgba(129, 212, 250, 1);--brand-pink-glow-010: rgba(129, 212, 250, .1);--brand-pink-glow-020: rgba(129, 212, 250, .2);--brand-pink-glow-030: rgba(129, 212, 250, .3);--brand-pink-glow-040: rgba(129, 212, 250, .4);--brand-pink-glow-050: rgba(129, 212, 250, .5);--brand-pink-glow-060: rgba(129, 212, 250, .6);--brand-pink-glow-070: rgba(129, 212, 250, .7);--brand-pink-glow-080: rgba(129, 212, 250, .8);--brand-pink-glow-100: rgba(129, 212, 250, 1);--brand-rose-008: rgba(179, 157, 219, .08);--brand-rose-010: rgba(179, 157, 219, .1);--brand-rose-015: rgba(179, 157, 219, .15);--brand-rose-020: rgba(179, 157, 219, .2);--brand-rose-025: rgba(179, 157, 219, .25);--brand-rose-030: rgba(179, 157, 219, .3);--brand-rose-035: rgba(179, 157, 219, .35);--brand-rose-040: rgba(179, 157, 219, .4);--brand-rose-045: rgba(179, 157, 219, .45);--brand-rose-050: rgba(179, 157, 219, .5);--brand-rose-060: rgba(179, 157, 219, .6);--brand-rose-070: rgba(179, 157, 219, .7);--brand-rose-080: rgba(179, 157, 219, .8);--brand-rose-090: rgba(179, 157, 219, .9);--brand-rose-100: rgba(179, 157, 219, 1);--white-000: rgba(255, 255, 255, 0);--white-002: rgba(255, 255, 255, .5);--white-003: rgba(255, 255, 255, .6);--white-005: rgba(255, 255, 255, .7);--white-008: rgba(255, 255, 255, .75);--white-010: rgba(255, 255, 255, .8);--white-012: rgba(255, 255, 255, .85);--white-015: rgba(255, 255, 255, .9);--white-020: rgba(255, 255, 255, .95);--white-030: rgba(255, 255, 255, 1);--white-040: rgba(100, 100, 120, .6);--white-050: rgba(100, 100, 120, .7);--white-060: rgba(100, 100, 120, .8);--white-070: rgba(80, 80, 100, .85);--white-085: rgba(60, 60, 80, .9);--white-090: rgba(50, 50, 70, .95);--white-092: rgba(40, 40, 60, .98);--white-095: rgba(30, 30, 50, 1);--white-098: rgba(20, 20, 40, 1);--white-100: rgba(255, 255, 255, 1);--canvas-bg-top: rgba(224, 247, 250, 1);--canvas-bg-mid: rgba(178, 235, 242, 1);--canvas-bg-bottom: rgba(129, 212, 250, 1);--header-bg-top: rgba(255, 255, 255, .85);--header-bg-mid: rgba(240, 248, 255, .8);--header-bg-bottom: rgba(224, 247, 250, .75);--menu-mobile-top: rgba(255, 255, 255, .8);--menu-mobile-mid: rgba(240, 248, 255, .75);--menu-mobile-bottom: rgba(224, 247, 250, .7);--accent-indigo-050: rgba(30, 100, 180, .5);--accent-indigo-060: rgba(30, 100, 180, .6);--accent-indigo-100: rgba(30, 100, 180, 1);--btn-sky-020: rgba(41, 128, 185, .2);--btn-sky-030: rgba(41, 128, 185, .3);--btn-sky-050: rgba(41, 128, 185, .5);--btn-sky-border: rgba(41, 128, 185, .5);--btn-sky-shadow: rgba(41, 128, 185, .3);--btn-sky-hover-border: rgba(41, 128, 185, .8);--btn-sky-hover-shadow: rgba(41, 128, 185, .6);--black-005: rgba(0, 20, 40, .03);--black-010: rgba(0, 20, 40, .08);--black-015: rgba(0, 20, 40, .1);--black-020: rgba(0, 20, 40, .15);--black-030: rgba(0, 20, 40, .2);--black-040: rgba(0, 20, 40, .25);--black-060: rgba(0, 20, 40, .4);--black-090: rgba(0, 20, 40, .7);--state-success-025: rgba(76, 175, 80, .25);--state-success-040: rgba(76, 175, 80, .4);--state-success-070: rgba(76, 175, 80, .7);--state-success-080: rgba(76, 175, 80, .8);--state-success-090: rgba(76, 175, 80, .9);--state-error-020: rgba(244, 67, 54, .2);--state-error-025: rgba(244, 67, 54, .25);--state-error-030: rgba(244, 67, 54, .3);--state-error-040: rgba(244, 67, 54, .4);--state-error-050: rgba(244, 67, 54, .5);--state-error-060: rgba(244, 67, 54, .6);--state-error-070: rgba(244, 67, 54, .7);--state-error-080: rgba(244, 67, 54, .8);--state-error-090: rgba(244, 67, 54, .9);--state-error-deep-020: rgba(220, 40, 40, .2);--state-error-deep-040: rgba(220, 40, 40, .4);--state-danger-015: rgba(211, 47, 47, .15);--state-danger-020: rgba(211, 47, 47, .2);--state-danger-040: rgba(211, 47, 47, .4);--state-danger-060: rgba(211, 47, 47, .6);--state-danger-090: rgba(211, 47, 47, .9);--state-warning-025: rgba(255, 152, 0, .25);--state-warning-040: rgba(255, 152, 0, .4);--state-warning-070: rgba(255, 152, 0, .7);--state-warning-080: rgba(255, 152, 0, .8);--state-warning-090: rgba(255, 152, 0, .9);--state-info-025: rgba(33, 150, 243, .25);--state-info-040: rgba(33, 150, 243, .4);--state-info-070: rgba(33, 150, 243, .7);--state-info-080: rgba(33, 150, 243, .8);--state-info-090: rgba(33, 150, 243, .9);--social-twitter: rgba(29, 161, 242, 1);--notify-bg-start: rgba(255, 255, 255, 1);--notify-bg-end: rgba(240, 248, 255, .98);--notify-text: rgba(30, 60, 90, .9);--neutral-gray-070: rgba(70, 130, 180, .7);--neutral-gray-090: rgba(50, 100, 150, .9);--shooting-tail: rgba(100, 180, 255, 1);--card-title-blue: rgba(30, 80, 140, 1);--generic-gray: rgba(70, 130, 180, 1);--link-color: rgba(41, 128, 185, .9);--link-hover-color: rgba(30, 100, 180, 1);--theme-primary: rgba(41, 128, 185, 1);--reset-body-bg: rgba(240, 248, 255, 1);--primary-color: var(--theme-primary);--success-color: rgba(103, 194, 58, 1);--warning-color: rgba(230, 162, 60, 1);--danger-color: rgba(245, 108, 108, 1);--info-color: rgba(144, 147, 153, 1);--bg-color: var(--reset-body-bg);--bg-light: var(--white-100);--bg-dark: rgba(29, 30, 31, 1);--text-color: rgba(48, 49, 51, 1);--text-color-secondary: rgba(96, 98, 102, 1);--text-color-placeholder: rgba(192, 196, 204, 1);--border-color: rgba(220, 223, 230, 1);--border-color-light: rgba(235, 238, 245, 1);--page-bg: rgba(129, 212, 250, 1);--card-bg-default: rgba(255, 255, 255, .75);--card-bg-hover: rgba(255, 255, 255, .8);--card-bg-active: rgba(255, 255, 255, .85);--card-bg-transparent: rgba(255, 255, 255, .7);--input-bg-default: rgba(255, 255, 255, .8);--input-bg-focus: rgba(255, 255, 255, .9);--input-bg-disabled: rgba(0, 0, 0, .03);--input-focus-inset-shadow: inset 0 0 10px rgba(129, 212, 250, .05);--input-default-shadow: rgba(129, 212, 250, .1);--search-btn-hover-shadow: 0 0 15px rgba(129, 212, 250, .6);--toolbar-bg: rgba(0, 20, 40, .25);--nav-item-bg-hover: rgba(129, 212, 250, .1);--nav-item-bg-active: rgba(129, 212, 250, .15);--btn-primary-bg: linear-gradient(135deg, rgba(129, 212, 250, .4) 0%, rgba(41, 128, 185, .35) 100%);--btn-primary-bg-hover: linear-gradient(135deg, rgba(129, 212, 250, .6) 0%, rgba(41, 128, 185, .5) 100%);--btn-secondary-bg: rgba(129, 212, 250, .2);--btn-secondary-bg-hover: rgba(129, 212, 250, .3);--btn-danger-bg: linear-gradient(135deg, rgba(244, 67, 54, .3) 0%, rgba(220, 40, 40, .2) 100%);--btn-danger-bg-hover: linear-gradient(135deg, rgba(244, 67, 54, .5) 0%, rgba(220, 40, 40, .4) 100%);--btn-search-bg: linear-gradient(135deg, rgba(129, 212, 250, .3) 0%, rgba(41, 128, 185, .25) 100%);--btn-search-bg-hover: linear-gradient(135deg, rgba(129, 212, 250, .5) 0%, rgba(41, 128, 185, .4) 100%);--tag-bg-default: rgba(129, 212, 250, .2);--tag-bg-hover: rgba(129, 212, 250, .3);--tag-bg-active: rgba(129, 212, 250, .5);--badge-bg: linear-gradient(135deg, rgba(129, 212, 250, .8) 0%, rgba(41, 128, 185, .6) 100%);--badge-bg-hover: linear-gradient(135deg, rgba(129, 212, 250, 1) 0%, rgba(41, 128, 185, .8) 100%);--badge-bg-active: linear-gradient(135deg, rgba(129, 212, 250, 1) 0%, rgba(41, 128, 185, .9) 100%);--tag-count-bg: rgba(0, 20, 40, .15);--tag-name-text-shadow: 0 0 5px rgba(129, 212, 250, .3);--badge-shadow-default: rgba(129, 212, 250, .5);--badge-shadow-hover: rgba(129, 212, 250, .8);--badge-shadow-active: 0 0 20px rgba(129, 212, 250, 1);--tag-item-hover-shadow: 0 0 15px rgba(129, 212, 250, .4);--tag-item-active-shadow: 0 0 20px rgba(129, 212, 250, .6);--selected-tag-bg: rgba(129, 212, 250, .3);--border-default: rgba(129, 212, 250, .15);--border-light: rgba(129, 212, 250, .1);--border-strong: rgba(129, 212, 250, .25);--border-focus: rgba(129, 212, 250, .5);--border-hover: rgba(129, 212, 250, .35);--border-divider: rgba(129, 212, 250, .15);--border-input: rgba(129, 212, 250, .25);--border-card: rgba(129, 212, 250, .15);--border-button: rgba(129, 212, 250, .35);--border-button-hover: rgba(129, 212, 250, .6);--border-tag: rgba(129, 212, 250, .25);--border-tag-active: rgba(129, 212, 250, .6);--text-primary: rgba(60, 60, 70, 1);--text-title: rgba(50, 50, 60, 1);--text-heading: rgba(70, 70, 80, .98);--text-secondary: rgba(80, 80, 90, .95);--text-meta: rgba(50, 80, 120, .95);--text-placeholder: rgba(120, 120, 130, .7);--text-disabled: rgba(130, 130, 140, .6);--text-brand: rgba(129, 212, 250, .85);--text-link: rgba(129, 212, 250, .85);--text-link-hover: rgba(41, 128, 185, 1);--text-success: rgba(76, 175, 80, .85);--text-error: rgba(244, 67, 54, .85);--text-warning: rgba(255, 152, 0, .85);--text-info: rgba(33, 150, 243, .85);--text-neutral: rgba(100, 100, 110, .7);--text-neutral-hover: rgba(80, 80, 90, .9);--shadow-card: 0 2px 12px 0 rgba(0, 0, 0, .06);--shadow-card-hover: 0 0 25px rgba(129, 212, 250, .15);--shadow-button: 0 2px 8px rgba(129, 212, 250, .2);--shadow-button-hover: 0 4px 12px rgba(129, 212, 250, .3);--shadow-input-focus: 0 0 15px rgba(129, 212, 250, .2);--shadow-inner: inset 0 0 25px rgba(129, 212, 250, .04);--glow-text-title: 0 0 12px rgba(129, 212, 250, .3);--glow-logo: 0 0 10px rgba(129, 212, 250, .4);--glow-logo-strong: 0 0 8px rgba(129, 212, 250, .5);--glow-icon: 0 2px 4px rgba(179, 157, 219, .2);--header-glow-radial: radial-gradient(ellipse at center, rgba(129, 212, 250, .05) 0%, transparent 70%);--header-highlight-top: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .6) 50%, rgba(255, 255, 255, 0) 100%);--nav-hover-shadow: 0 0 15px rgba(129, 212, 250, .2);--nav-active-shadow: 0 0 20px rgba(129, 212, 250, .3);--notify-shadow-default: 0 6px 24px rgba(129, 212, 250, .3), 0 3px 12px rgba(41, 128, 185, .15), inset 0 0 30px rgba(129, 212, 250, .05);--notify-shadow-hover: 0 8px 32px rgba(129, 212, 250, .4), 0 4px 16px rgba(41, 128, 185, .2), inset 0 0 40px rgba(129, 212, 250, .08);--text-glow-subtle: 0 0 8px rgba(129, 212, 250, .3);--gradient-header: linear-gradient(180deg, rgba(255, 255, 255, .7) 0%, rgba(255, 250, 250, .6) 50%, rgba(255, 245, 245, .5) 100%);--gradient-mobile-menu: linear-gradient(180deg, rgba(255, 255, 255, .65) 0%, rgba(255, 250, 250, .55) 50%, rgba(255, 245, 245, .45) 100%);--gradient-card-default: linear-gradient(135deg, rgba(255, 255, 255, .75) 0%, rgba(255, 255, 255, .6) 100%);--gradient-card-featured: linear-gradient(135deg, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .5) 100%);--gradient-input-default: linear-gradient(135deg, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, .7) 100%);--gradient-input-focus: linear-gradient(135deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .75) 100%);--gradient-tag-default: linear-gradient(135deg, rgba(129, 212, 250, .15) 0%, rgba(41, 128, 185, .1) 100%);--gradient-tag-hover: linear-gradient(135deg, rgba(129, 212, 250, .3) 0%, rgba(41, 128, 185, .2) 100%);--gradient-tag-active: linear-gradient(135deg, rgba(129, 212, 250, .4) 0%, rgba(41, 128, 185, .3) 100%);--decoration-success: linear-gradient(90deg, rgba(76, 175, 80, 0) 0%, rgba(76, 175, 80, .8) 50%, rgba(76, 175, 80, 0) 100%);--decoration-error: linear-gradient(90deg, rgba(244, 67, 54, 0) 0%, rgba(244, 67, 54, .8) 50%, rgba(244, 67, 54, 0) 100%);--decoration-warning: linear-gradient(90deg, rgba(255, 152, 0, 0) 0%, rgba(255, 152, 0, .8) 50%, rgba(255, 152, 0, 0) 100%);--decoration-info: linear-gradient(90deg, rgba(33, 150, 243, 0) 0%, rgba(33, 150, 243, .8) 50%, rgba(33, 150, 243, 0) 100%);--notify-icon-bg-success: linear-gradient(135deg, rgba(76, 175, 80, .25) 0%, rgba(76, 175, 80, .2) 100%);--notify-icon-bg-error: linear-gradient(135deg, rgba(244, 67, 54, .25) 0%, rgba(211, 47, 47, .2) 100%);--notify-icon-bg-warning: linear-gradient(135deg, rgba(255, 152, 0, .25) 0%, rgba(255, 152, 0, .2) 100%);--notify-icon-bg-info: linear-gradient(135deg, rgba(33, 150, 243, .25) 0%, rgba(33, 150, 243, .2) 100%);--notify-icon-shadow-success: 0 2px 4px rgba(76, 175, 80, .4);--notify-icon-shadow-error: 0 2px 4px rgba(244, 67, 54, .4);--notify-icon-shadow-warning: 0 2px 4px rgba(255, 152, 0, .4);--notify-icon-shadow-info: 0 2px 4px rgba(33, 150, 243, .4);--notify-progress-success: linear-gradient(90deg, rgba(76, 175, 80, .9) 0%, rgba(76, 175, 80, .7) 100%);--notify-progress-error: linear-gradient(90deg, rgba(244, 67, 54, .9) 0%, rgba(244, 67, 54, .7) 100%);--notify-progress-warning: linear-gradient(90deg, rgba(255, 152, 0, .9) 0%, rgba(255, 152, 0, .7) 100%);--notify-progress-info: linear-gradient(90deg, rgba(33, 150, 243, .9) 0%, rgba(33, 150, 243, .7) 100%);--user-info-bg: rgba(129, 212, 250, .1);--user-info-border: rgba(129, 212, 250, .15);--user-avatar-bg: linear-gradient(135deg, rgba(129, 212, 250, .3), rgba(41, 128, 185, .25));--user-avatar-shadow: 0 0 10px rgba(129, 212, 250, .4);--page-dots-bg: linear-gradient(135deg, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .5) 100%);--page-dots-border: rgba(129, 212, 250, .2);--page-dot-inactive: rgba(129, 212, 250, .4);--page-dot-inactive-hover: rgba(129, 212, 250, .8);--page-dot-active-stroke: rgba(129, 212, 250, .8);--page-dot-active-fill: rgba(129, 212, 250, .6);--page-dot-active-glow: 0 0 6px rgba(129, 212, 250, .6);--scrollbar-thumb: rgba(129, 212, 250, .3);--scrollbar-thumb-hover: rgba(129, 212, 250, .6);--btn-sky-bg: linear-gradient(135deg, rgba(70, 130, 220, .3) 0%, rgba(70, 110, 200, .2) 100%);--btn-sky-bg-hover: linear-gradient(135deg, rgba(70, 130, 220, .5) 0%, rgba(100, 150, 255, .3) 100%);--btn-sky-border-value: rgba(70, 130, 220, .5);--btn-sky-border-hover-value: rgba(70, 130, 220, .8);--btn-sky-shadow-value: 0 2px 8px rgba(70, 130, 220, .3);--btn-sky-shadow-hover-value: 0 0 15px rgba(70, 130, 220, .6);--btn-clear-bg: linear-gradient(135deg, rgba(244, 67, 54, .3) 0%, rgba(220, 40, 40, .2) 100%);--btn-clear-bg-hover: linear-gradient(135deg, rgba(244, 67, 54, .5) 0%, rgba(220, 40, 40, .4) 100%);--btn-clear-border: rgba(244, 67, 54, .5);--btn-clear-border-hover: rgba(244, 67, 54, .8);--btn-clear-shadow: rgba(244, 67, 54, .3);--btn-clear-shadow-hover: 0 0 15px rgba(244, 67, 54, .6);--btn-logout-hover-bg: rgba(211, 47, 47, .15);--btn-logout-hover-border: rgba(211, 47, 47, .6);--btn-logout-hover-text: rgba(211, 47, 47, .9);--btn-logout-hover-shadow: 0 0 15px rgba(211, 47, 47, .4);--search-loading-color: rgba(129, 212, 250, .6);--notify-bg: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(250, 250, 255, .98) 100%);--notify-text-body: rgba(60, 60, 80, .9);--notify-close-bg: linear-gradient(135deg, rgba(129, 212, 250, .15) 0%, rgba(41, 128, 185, .1) 100%);--notify-close-bg-hover: linear-gradient(135deg, rgba(129, 212, 250, .4) 0%, rgba(41, 128, 185, .25) 100%);--notify-close-border: rgba(129, 212, 250, .3);--notify-close-border-hover: rgba(129, 212, 250, .6);--notify-close-text: rgba(41, 128, 185, .6);--notify-close-text-hover: rgba(41, 128, 185, .9);--notify-close-shadow-hover: 0 0 12px rgba(129, 212, 250, .4);--notify-progress-bg: rgba(129, 212, 250, .1);--blog-detail-card-bg: linear-gradient(135deg, rgba(255, 255, 255, .75) 0%, rgba(255, 255, 255, .6) 100%);--blog-detail-card-border: rgba(129, 212, 250, .2);--blog-detail-card-shadow: 0 2px 12px rgba(0, 0, 0, .1);--blog-detail-top-actions-bg: linear-gradient(135deg, rgba(129, 212, 250, .15) 0%, rgba(41, 128, 185, .1) 100%);--blog-detail-top-actions-border: rgba(129, 212, 250, .25);--blog-detail-btn-border: rgba(129, 212, 250, .4);--blog-detail-btn-shadow: 0 2px 8px rgba(0, 0, 0, .15);--btn-back-bg: linear-gradient(135deg, rgba(129, 212, 250, .35) 0%, rgba(41, 128, 185, .3) 100%);--btn-back-border: rgba(129, 212, 250, .6);--btn-back-hover-bg: linear-gradient(135deg, rgba(129, 212, 250, .5) 0%, rgba(41, 128, 185, .4) 100%);--btn-back-hover-border: rgba(129, 212, 250, .8);--btn-back-hover-shadow: 0 0 20px rgba(129, 212, 250, .5);--btn-edit-bg: linear-gradient(135deg, rgba(129, 212, 250, .5) 0%, rgba(41, 128, 185, .45) 100%);--btn-edit-border: rgba(129, 212, 250, .7);--btn-edit-hover-bg: linear-gradient(135deg, rgba(129, 212, 250, .7) 0%, rgba(41, 128, 185, .6) 100%);--btn-edit-hover-border: rgba(129, 212, 250, .9);--btn-edit-hover-shadow: 0 0 25px rgba(129, 212, 250, .6);--blog-detail-header-border: rgba(129, 212, 250, .15);--blog-title-color: rgba(20, 20, 40, 1);--blog-title-shadow: 0 0 15px rgba(129, 212, 250, .5);--blog-meta-bg: linear-gradient(135deg, rgba(129, 212, 250, .1) 0%, rgba(41, 128, 185, .08) 100%);--blog-meta-border: rgba(129, 212, 250, .2);--blog-meta-text: rgba(50, 50, 70, .95);--blog-meta-icon: rgba(129, 212, 250, .9);--tag-chip-bg: linear-gradient(135deg, rgba(129, 212, 250, .4) 0%, rgba(41, 128, 185, .35) 100%);--tag-chip-border: rgba(129, 212, 250, .5);--tag-chip-shadow: 0 2px 8px rgba(129, 212, 250, .3);--tag-chip-hover-shadow: 0 4px 12px rgba(129, 212, 250, .5);--tag-chip-hover-border: rgba(129, 212, 250, .3);--blog-cover-border: rgba(50, 50, 70, .95);--blog-cover-shadow: 0 4px 15px rgba(0, 0, 0, .3);--blog-cover-hover-shadow: 0 6px 20px rgba(0, 0, 0, .4);--blog-cover-hover-border: rgba(30, 30, 50, 1);--blog-body-text: rgba(30, 30, 50, 1);--heading-color: rgba(20, 20, 40, 1);--heading-shadow: 0 0 10px rgba(129, 212, 250, .2);--inline-code-bg: rgba(129, 212, 250, .15);--inline-code-color: rgba(50, 50, 70, .95);--code-block-bg: rgba(0, 0, 0, .2);--code-block-border: rgba(129, 212, 250, .15);--code-block-text: rgba(50, 50, 70, .95);--blockquote-color: rgba(100, 100, 120, .7);--blockquote-border: rgba(129, 212, 250, .5);--blockquote-bg: rgba(129, 212, 250, .05);--blog-image-border: rgba(50, 50, 70, .95);--blog-image-shadow: 0 4px 15px rgba(0, 0, 0, .3);--blog-image-hover-shadow: 0 6px 20px rgba(0, 0, 0, .4);--blog-image-hover-border: rgba(30, 30, 50, 1);--back-to-top-bg: linear-gradient(135deg, rgba(129, 212, 250, .5) 0%, rgba(41, 128, 185, .45) 100%);--back-to-top-border: rgba(129, 212, 250, .3);--back-to-top-shadow: 0 2px 8px rgba(0, 0, 0, .15);--back-to-top-icon-filter: drop-shadow(0 2px 4px rgba(100, 100, 120, .6));--back-to-top-inner-ring: rgba(255, 255, 255, .95);--back-to-top-hover-bg: linear-gradient(135deg, rgba(129, 212, 250, .7) 0%, rgba(41, 128, 185, .6) 100%);--back-to-top-hover-border: rgba(129, 212, 250, .9);--back-to-top-hover-shadow: 0 4px 12px rgba(129, 212, 250, .3);--back-to-top-hover-icon-filter: drop-shadow(0 4px 8px rgba(100, 100, 120, .7));--image-preview-overlay: rgba(0, 0, 0, .4);--image-preview-img-border: rgba(255, 255, 255, 1);--image-preview-img-shadow: 0 10px 40px rgba(0, 0, 0, .6);--blog-editor-hint-bg: rgba(129, 212, 250, .1);--blog-editor-hint-border: rgba(129, 212, 250, .2);--blog-editor-hint-active-bg: rgba(129, 212, 250, .3);--blog-editor-hint-active-border: rgba(129, 212, 250, .5);--blog-editor-hint-icon-bg: rgba(129, 212, 250, .5);--blog-editor-hint-icon-border: rgba(129, 212, 250, .3);--blog-editor-title-shadow: 0 0 10px rgba(129, 212, 250, .3);--blog-editor-input-border: rgba(129, 212, 250, .5);--btn-publish-bg: linear-gradient(135deg, rgba(129, 212, 250, .5) 0%, rgba(41, 128, 185, .45) 100%);--btn-publish-hover-bg: linear-gradient(135deg, rgba(129, 212, 250, .7) 0%, rgba(41, 128, 185, .6) 100%);--btn-publish-border: rgba(129, 212, 250, .3);--btn-publish-shadow: 0 4px 15px rgba(129, 212, 250, .4);--blog-editor-content-bg: rgba(255, 255, 255, .7);--blog-editor-content-border: rgba(129, 212, 250, .15);--blog-editor-tab-bg: rgba(255, 255, 255, .8);--blog-editor-tab-border: rgba(129, 212, 250, .3);--blog-editor-tab-text: rgba(100, 100, 120, .7);--blog-editor-tab-active-text: rgba(50, 50, 70, .95);--blog-editor-tab-active-indicator: rgba(129, 212, 250, .5);--page-nav-bg: linear-gradient(135deg, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .5) 100%);--page-nav-border: rgba(129, 212, 250, .2);--page-nav-btn-bg: rgba(129, 212, 250, .3);--page-nav-btn-hover-bg: rgba(129, 212, 250, .6);--page-nav-arrow-bg: linear-gradient(135deg, rgba(129, 212, 250, .3) 0%, rgba(41, 128, 185, .25) 100%);--page-nav-arrow-border: rgba(129, 212, 250, .5);--page-nav-arrow-text: rgba(30, 30, 50, 1);--page-nav-arrow-shadow: 0 4px 15px rgba(129, 212, 250, .3);--page-nav-arrow-hover-bg: linear-gradient(135deg, rgba(129, 212, 250, .5) 0%, rgba(41, 128, 185, .4) 100%);--page-nav-arrow-hover-border: rgba(129, 212, 250, .3);--page-nav-arrow-hover-shadow: 0 0 25px rgba(129, 212, 250, .6);--html-editor-title-color: rgba(30, 30, 50, 1);--html-editor-title-shadow: 0 0 8px rgba(129, 212, 250, .3);--html-editor-btn-bg: linear-gradient(135deg, rgba(129, 212, 250, .4) 0%, rgba(41, 128, 185, .35) 100%);--html-editor-btn-border: rgba(129, 212, 250, .5);--html-editor-btn-shadow: 0 2px 8px rgba(129, 212, 250, .3);--html-editor-btn-hover-bg: linear-gradient(135deg, rgba(129, 212, 250, .6) 0%, rgba(41, 128, 185, .5) 100%);--html-editor-btn-hover-border: rgba(129, 212, 250, .3);--html-editor-btn-hover-shadow: 0 0 15px rgba(129, 212, 250, .5);--html-editor-content-bg: linear-gradient(135deg, rgba(255, 255, 255, .75) 0%, rgba(255, 255, 255, .6) 100%);--blog-creator-bg: var(--page-bg);--blog-creator-card-bg: var(--card-bg-default);--blog-creator-card-border: var(--border-card);--blog-creator-card-shadow: var(--shadow-card);--blog-creator-input-bg: var(--input-bg-default);--blog-creator-input-border: var(--border-input);--blog-creator-input-focus-bg: var(--input-bg-focus);--blog-creator-input-focus-border: var(--border-focus);--blog-creator-input-placeholder: var(--text-placeholder);--blog-creator-label-color: var(--text-secondary);--blog-creator-section-title: var(--text-heading);--blog-creator-section-border: var(--border-divider);--tag-selector-container-bg: var(--card-bg-transparent);--tag-selector-container-border: var(--border-light);--tag-item-bg: var(--gradient-tag-default);--tag-item-border: var(--border-tag);--tag-item-hover-bg: var(--gradient-tag-hover);--tag-item-hover-border: var(--border-focus);--tag-item-active-bg: var(--gradient-tag-active);--tag-item-active-border: var(--border-tag-active);--tag-item-text: var(--text-primary);--tag-item-badge-bg: var(--badge-bg);--tag-item-badge-text: white;--tag-input-bg: var(--input-bg-default);--tag-input-border: var(--border-input);--tag-input-focus-bg: var(--input-bg-focus);--tag-input-focus-border: var(--border-focus);--tag-input-placeholder: var(--text-placeholder);--tag-input-text: var(--text-primary);--selected-tag-border: var(--border-strong);--selected-tag-text: var(--text-primary);--selected-tag-remove-color: var(--text-meta);--selected-tag-remove-hover: var(--state-error-090);--md-editor-container-bg: var(--card-bg-default);--md-editor-container-border: var(--border-card);--md-editor-toolbar-bg: var(--toolbar-bg);--md-editor-toolbar-border: var(--border-divider);--md-editor-tab-bg: transparent;--md-editor-tab-active-bg: rgba(129, 212, 250, .15);--md-editor-tab-text: var(--text-placeholder);--md-editor-tab-active-text: var(--text-secondary);--md-editor-tab-indicator: var(--border-button);--md-editor-textarea-bg: var(--input-bg-default);--md-editor-textarea-text: var(--text-primary);--md-editor-textarea-border: var(--border-input);--md-editor-textarea-focus-border: var(--border-focus);--md-editor-textarea-placeholder: var(--text-placeholder);--md-editor-preview-bg: var(--card-bg-transparent);--md-editor-preview-text: var(--text-primary);--md-editor-preview-border: var(--border-light);--btn-save-bg: linear-gradient(135deg, rgba(129, 212, 250, .6) 0%, rgba(41, 128, 185, .5) 100%);--btn-save-border: var(--border-button);--btn-save-hover-bg: linear-gradient(135deg, rgba(129, 212, 250, .8) 0%, rgba(41, 128, 185, .7) 100%);--btn-save-hover-border: var(--border-button-hover);--btn-save-shadow: 0 4px 15px rgba(129, 212, 250, .4);--btn-save-hover-shadow: 0 6px 20px rgba(129, 212, 250, .6);--btn-draft-bg: linear-gradient(135deg, rgba(129, 212, 250, .3) 0%, rgba(41, 128, 185, .25) 100%);--btn-draft-border: var(--border-button);--btn-draft-hover-bg: linear-gradient(135deg, rgba(129, 212, 250, .5) 0%, rgba(41, 128, 185, .4) 100%);--btn-draft-hover-border: var(--border-focus);--btn-cancel-bg: var(--btn-secondary-bg);--btn-cancel-border: var(--border-button);--btn-cancel-hover-bg: var(--btn-secondary-bg-hover);--btn-cancel-hover-border: var(--border-focus);--btn-delete-bg: linear-gradient(135deg, rgba(244, 67, 54, .4) 0%, rgba(220, 40, 40, .3) 100%);--btn-delete-border: rgba(244, 67, 54, .5);--btn-delete-hover-bg: linear-gradient(135deg, rgba(244, 67, 54, .6) 0%, rgba(220, 40, 40, .5) 100%);--btn-delete-hover-border: rgba(244, 67, 54, .7);--image-upload-area-bg: var(--input-bg-default);--image-upload-area-border: var(--border-input);--image-upload-area-border-dashed: var(--border-divider);--image-upload-area-hover-bg: var(--input-bg-focus);--image-upload-area-hover-border: var(--border-focus);--image-upload-icon-color: var(--text-meta);--image-upload-text-color: var(--text-secondary);--image-upload-hint-color: var(--text-placeholder);--image-preview-border: var(--border-card);--image-preview-shadow: var(--shadow-card);--sql2string-title-color: rgba(30, 30, 50, 1);--sql2string-title-shadow: 0 0 8px rgba(129, 212, 250, .3);--sql2string-textarea-bg: linear-gradient(135deg, rgba(255, 255, 255, .75) 0%, rgba(255, 255, 255, .6) 100%);--sql2string-textarea-border: rgba(129, 212, 250, .15);--sql2string-textarea-text: rgba(30, 30, 50, 1);--sql2string-textarea-placeholder: rgba(100, 100, 120, .7);--sql2string-textarea-focus-border: rgba(129, 212, 250, .6);--sql2string-textarea-focus-shadow: 0 0 20px rgba(129, 212, 250, .3);--sql2string-textarea-focus-bg: linear-gradient(135deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .75) 100%);--sql2string-convert-btn-bg: linear-gradient(135deg, rgba(129, 212, 250, .4) 0%, rgba(41, 128, 185, .35) 100%);--sql2string-convert-btn-border: rgba(129, 212, 250, .5);--sql2string-convert-btn-shadow: 0 2px 8px rgba(129, 212, 250, .3);--sql2string-convert-btn-hover-bg: linear-gradient(135deg, rgba(129, 212, 250, .6) 0%, rgba(41, 128, 185, .5) 100%);--sql2string-convert-btn-hover-border: rgba(129, 212, 250, .3);--sql2string-convert-btn-hover-shadow: 0 0 20px rgba(129, 212, 250, .5);--home-title-shadow: 0 0 10px rgba(129, 212, 250, .5);--home-article-card-bg: linear-gradient(135deg, rgba(255, 255, 255, .75) 0%, rgba(255, 255, 255, .6) 100%);--home-article-card-border: rgba(129, 212, 250, .2);--home-article-card-hover-bg: linear-gradient(135deg, rgba(129, 212, 250, .15) 0%, rgba(255, 255, 255, .8) 100%);--home-article-card-hover-border: rgba(129, 212, 250, .5);--home-article-card-hover-shadow: 0 0 15px rgba(129, 212, 250, .3);--home-article-title-color: rgba(30, 30, 50, 1);--home-article-title-shadow: 0 0 5px rgba(129, 212, 250, .3);--home-article-meta-color: rgba(50, 80, 120, .95);--home-empty-data-color: rgba(80, 100, 160, 1);--home-tag-item-bg: linear-gradient(135deg, rgba(129, 212, 250, .15) 0%, rgba(41, 128, 185, .1) 100%);--home-tag-item-border: rgba(129, 212, 250, .3);--home-tag-item-text: rgba(30, 30, 50, 1);--home-tag-name-shadow: 0 0 5px rgba(129, 212, 250, .3);--home-tag-badge-bg: linear-gradient(135deg, rgba(129, 212, 250, .8) 0%, rgba(41, 128, 185, .6) 100%);--home-tag-badge-shadow: 0 0 10px rgba(129, 212, 250, .5);--home-tag-item-hover-bg: linear-gradient(135deg, rgba(129, 212, 250, .3) 0%, rgba(41, 128, 185, .2) 100%);--home-tag-item-hover-border: rgba(129, 212, 250, .6);--home-tag-item-hover-shadow: 0 0 15px rgba(129, 212, 250, .4);--home-tag-badge-hover-bg: linear-gradient(135deg, rgba(129, 212, 250, 1) 0%, rgba(41, 128, 185, .8) 100%);--home-tag-badge-hover-shadow: 0 0 15px rgba(129, 212, 250, .8);--home-welcome-title-color: rgba(255, 255, 255, 1);--home-welcome-title-shadow: 0 0 10px rgba(129, 212, 250, .8), 0 0 20px rgba(129, 212, 250, .6), 0 0 30px rgba(129, 212, 250, .4), 0 0 40px rgba(41, 128, 185, .3);--home-welcome-title-before: rgba(129, 212, 250, .2);--home-subtitle-color: rgba(30, 30, 50, .85);--home-subtitle-shadow: 0 0 8px rgba(129, 212, 250, .3);--home-card-bg: rgba(255, 255, 255, .95);--home-card-shadow: 0 4px 20px rgba(80, 100, 160, .15);--home-card-border: rgba(80, 100, 160, .1);--home-card-hover-shadow: 0 12px 35px rgba(80, 100, 160, .25);--home-card-hover-border: rgba(80, 100, 160, .3);--home-card-icon-color: rgb(80, 100, 160);--home-card-icon-hover-color: rgb(60, 80, 140);--home-card-title-color: rgb(60, 80, 140);--home-card-desc-color: rgb(80, 100, 160);--home-content-bg: linear-gradient(135deg, rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .55) 100%);--home-content-border: 2px solid rgba(41, 128, 185, .35);--home-content-shadow: 0 0 20px rgba(41, 128, 185, .25), inset 0 0 20px rgba(255, 255, 255, .5);--home-content-radial: radial-gradient(circle, rgba(41, 128, 185, .08) 0%, transparent 70%);--home-content-hover-border: rgba(41, 128, 185, .55);--home-content-hover-shadow: 0 0 30px rgba(41, 128, 185, .35), inset 0 0 30px rgba(255, 255, 255, .6);--home-section-divider: 2px solid rgba(41, 128, 185, .3);--home-title-icon-color: rgba(41, 128, 185, .85);--home-title-icon-filter: drop-shadow(0 0 5px rgba(41, 128, 185, .4));--home-section-title-color: rgba(30, 30, 50, .95);--home-view-more-color: rgba(41, 128, 185, .85);--home-view-more-shadow: 0 0 5px rgba(41, 128, 185, .3);--home-view-more-hover-color: rgba(30, 30, 50, 1);--home-view-more-hover-shadow: 0 0 10px rgba(41, 128, 185, .6);--home-avatar-size: 130px;--home-avatar-border: 3px solid rgba(41, 128, 185, .6);--home-avatar-shadow: 0 0 20px rgba(41, 128, 185, .4), 0 0 40px rgba(30, 100, 180, .25);--home-avatar-hover-border: rgba(41, 128, 185, .85);--home-avatar-hover-shadow: 0 0 30px rgba(41, 128, 185, .5), 0 0 60px rgba(30, 100, 180, .3);--home-avatar-bg: linear-gradient(135deg, rgba(41, 128, 185, .35), rgba(30, 100, 180, .3));--home-avatar-placeholder: rgba(41, 128, 185, .85);--notify-status-success-text: rgba(76, 175, 80, .9);--notify-status-error-text: rgba(244, 67, 54, .9);--notify-status-warning-text: rgba(255, 152, 0, .9);--notify-status-info-text: rgba(33, 150, 243, .9);--tag-item-shadow: rgba(129, 212, 250, .4);--btn-delete-active-bg: rgba(41, 128, 185, .8);--btn-delete-hover-active-bg: rgba(41, 128, 185, 1);--page-dot-inactive-bg: rgba(129, 212, 250, .1);--blog-list-search-btn-bg: linear-gradient(135deg, rgba(129, 212, 250, .5) 0%, rgba(41, 128, 185, .45) 100%);--blog-list-search-btn-border: rgba(129, 212, 250, .7);--blog-list-featured-bg: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100%);--blog-list-featured-radial: radial-gradient(circle, rgba(129, 212, 250, .15) 0%, transparent 70%);--blog-list-featured-title-color: rgba(30, 30, 50, .98);--blog-list-featured-tag-text: rgba(30, 30, 50, .95);--blog-list-featured-summary-color: rgba(50, 50, 70, .85);--blog-list-compact-bg: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .03) 100%);--blog-list-compact-border: rgba(129, 212, 250, .25);--blog-list-compact-shadow: 0 4px 15px rgba(129, 212, 250, .15);--blog-list-compact-hover-border: rgba(129, 212, 250, .6);--blog-list-compact-hover-shadow: 0 8px 25px rgba(129, 212, 250, .35);--blog-list-compact-hover-bg: linear-gradient(135deg, rgba(129, 212, 250, .15) 0%, rgba(255, 255, 255, .08) 100%);--blog-list-compact-title-color: rgba(30, 30, 50, .92);--blog-list-compact-title-shadow: 0 0 8px rgba(129, 212, 250, .3);--blog-list-compact-tag-bg: linear-gradient(135deg, rgba(129, 212, 250, .25) 0%, rgba(41, 128, 185, .2) 100%);--blog-list-compact-tag-border: rgba(129, 212, 250, .35);--blog-list-compact-tag-text: rgba(30, 30, 50, .9);--blog-list-compact-tag-shadow: 0 0 5px rgba(129, 212, 250, .3);--blog-list-compact-date-color: rgba(50, 80, 120, .95);--blog-list-compact-date-shadow: 0 0 5px rgba(129, 212, 250, .2);--blog-list-compact-btn-bg: linear-gradient(135deg, rgba(129, 212, 250, .25) 0%, rgba(41, 128, 185, .2) 100%);--blog-list-compact-btn-border: rgba(129, 212, 250, .4);--blog-list-compact-btn-text: rgba(30, 30, 50, .9);--blog-list-compact-btn-hover-bg: linear-gradient(135deg, rgba(129, 212, 250, .45) 0%, rgba(41, 128, 185, .35) 100%);--blog-list-compact-btn-hover-border: rgba(129, 212, 250, .7);--blog-list-compact-btn-hover-shadow: 0 0 15px rgba(129, 212, 250, .5);--login-card-bg: linear-gradient(135deg, rgba(129, 212, 250, .75) 0%, rgba(129, 212, 250, .85) 100%);--login-card-shadow: 0 8px 32px rgba(0, 0, 0, .1), 0 2px 8px rgba(129, 212, 250, .15), inset 0 0 60px rgba(255, 255, 255, .8);--login-title-color: rgba(30, 100, 180, 1);--login-subtitle-color: rgba(30, 100, 180, 1);--login-form-icon-color: rgba(30, 100, 180, .6);--login-input-bg: rgba(129, 212, 250, .05);--login-input-focus-bg: rgba(129, 212, 250, .08);--login-input-border: rgba(129, 212, 250, .3);--login-input-focus-border: rgba(41, 128, 185, 1);--login-input-focus-shadow: rgba(129, 212, 250, .1);--login-input-text: rgba(30, 60, 90, 1);--login-input-placeholder: rgba(129, 212, 250, .5);--login-input-disabled-bg: rgba(0, 0, 0, .03);--login-toggle-btn-color: rgba(30, 100, 180, .6);--login-toggle-btn-hover: rgba(30, 100, 180, 1);--login-divider-color: rgba(129, 212, 250, .2);--login-divider-dot: rgba(129, 212, 250, .4);--login-divider-dot-glow: rgba(129, 212, 250, .3);--login-btn-bg: linear-gradient(135deg, rgba(129, 212, 250, .15) 0%, rgba(129, 212, 250, .1) 100%);--login-btn-border: rgba(129, 212, 250, .4);--login-btn-hover-border: rgba(41, 128, 185, 1);--login-btn-shadow: 0 2px 10px rgba(129, 212, 250, .2);--login-btn-text: rgba(30, 100, 180, .8);--login-btn-hover-text: rgba(30, 100, 180, 1);--login-btn-hover-shadow: 0 4px 15px rgba(129, 212, 250, .4);--login-footer-text: rgba(100, 100, 120, .7);--login-footer-link: rgba(80, 80, 100, .9);--login-twitter-icon: rgb(29, 161, 242);--login-icp-text: rgba(100, 100, 120, .7);--tool-tab-bg: linear-gradient(135deg, rgba(255, 255, 255, .75) 0%, rgba(255, 255, 255, .6) 100%);--tool-tab-border: rgba(129, 212, 250, .15);--tool-tab-text: rgba(30, 30, 50, .9);--tool-tab-shadow: 0 2px 12px 0 rgba(0, 0, 0, .08);--tool-tab-active-bg: linear-gradient(135deg, rgba(129, 212, 250, .4) 0%, rgba(41, 128, 185, .35) 100%);--tool-tab-active-border: rgba(129, 212, 250, .6);--tool-tab-active-shadow: 0 0 20px rgba(129, 212, 250, .4);--tool-tab-hover-bg: linear-gradient(135deg, rgba(129, 212, 250, .3) 0%, rgba(41, 128, 185, .25) 100%);--tool-tab-hover-border: rgba(129, 212, 250, .5);--tool-tab-hover-shadow: 0 0 15px rgba(129, 212, 250, .3);--tool-content-bg: linear-gradient(135deg, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, .7) 100%);--tool-content-border: rgba(129, 212, 250, .2);--tool-content-shadow: 0 4px 20px rgba(0, 0, 0, .15), inset 0 0 30px rgba(129, 212, 250, .05);--blog-list-card-border: 2px solid rgba(129, 212, 250, .3);--blog-list-card-shadow: 0 0 30px rgba(129, 212, 250, .25), inset 0 0 30px rgba(129, 212, 250, .05);--blog-list-item-bg: linear-gradient(135deg, rgba(129, 212, 250, .15) 0%, transparent 100%);--blog-list-item-hover-border: rgba(129, 212, 250, .7);--blog-list-item-hover-shadow: 0 0 50px rgba(129, 212, 250, .4), inset 0 0 50px rgba(129, 212, 250, .1);--blog-list-title-shadow: 0 0 15px rgba(129, 212, 250, .5);--blog-list-tag-bg: linear-gradient(135deg, rgba(129, 212, 250, .3) 0%, rgba(41, 128, 185, .25) 100%);--blog-list-tag-border: rgba(129, 212, 250, .45);--blog-list-tag-text-shadow: 0 0 8px rgba(129, 212, 250, .4);--blog-list-tag-shadow: 0 0 10px rgba(129, 212, 250, .3);--blog-list-meta-shadow: 0 0 5px rgba(129, 212, 250, .2);--blog-list-divider: rgba(129, 212, 250, .2);--blog-list-meta-color: rgba(50, 80, 120, .95);--blog-list-meta-icon-shadow: 0 0 8px rgba(129, 212, 250, .4);--blog-list-btn-bg: linear-gradient(135deg, rgba(129, 212, 250, .3) 0%, rgba(41, 128, 185, .25) 100%);--blog-list-btn-border: rgba(129, 212, 250, .5);--blog-list-btn-shadow: 0 0 15px rgba(129, 212, 250, .3);--blog-list-btn-hover-bg: linear-gradient(135deg, rgba(129, 212, 250, .5) 0%, rgba(41, 128, 185, .4) 100%);--blog-list-btn-hover-border: rgba(129, 212, 250, .8);--blog-list-btn-hover-shadow: 0 0 25px rgba(129, 212, 250, .6);--skeleton-item-bg: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .03) 100%);--skeleton-item-border: rgba(129, 212, 250, .2);--skeleton-featured-border: rgba(129, 212, 250, .3);--skeleton-title-shimmer: linear-gradient(90deg, rgba(129, 212, 250, .2) 0%, rgba(129, 212, 250, .35) 50%, rgba(129, 212, 250, .2) 100%);--skeleton-content-shimmer: linear-gradient(90deg, rgba(129, 212, 250, .15) 0%, rgba(129, 212, 250, .25) 50%, rgba(129, 212, 250, .15) 100%);--skeleton-meta-shimmer: linear-gradient(90deg, rgba(129, 212, 250, .1) 0%, rgba(129, 212, 250, .2) 50%, rgba(129, 212, 250, .1) 100%);--footer-border: rgba(235, 238, 245, 1);--footer-text: rgba(96, 98, 102, 1);--footer-link-hover: rgba(64, 158, 255, 1)}