.page-elastic-enter-active{animation:macos-appear .4s cubic-bezier(.4,0,.2,1) forwards}.page-elastic-leave-active{animation:macos-disappear .2s cubic-bezier(.4,0,.2,1) forwards}.page-slide-enter-active{animation:slide-in-right .4s cubic-bezier(.4,0,.2,1) forwards}.page-slide-leave-active{animation:slide-out-left .25s cubic-bezier(.4,0,.2,1) forwards}.page-scale-enter-active{animation:fade-in-scale .5s cubic-bezier(.175,.885,.32,1.275) forwards}.page-scale-leave-active{animation:fade-in-scale .2s cubic-bezier(.4,0,.2,1) reverse forwards}#app{font-weight:400;height:100vh;width:100%}#app,body{margin:0;padding:0}body,html{overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent;border-radius:4px}::-webkit-scrollbar-thumb{background:hsla(0,0%,50%,.3);border-radius:4px;-webkit-transition:all .2s ease;transition:all .2s ease}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,50%,.5);border-radius:6px}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}.top-system-notification[data-v-2883b2c5]{position:fixed;top:80px;right:20px;width:48px;height:48px;background:var(--bg-secondary);border-radius:24px;box-shadow:0 4px 12px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.08);z-index:9999;overflow:hidden;backdrop-filter:blur(16px);border:1px solid var(--border-color);transition:all .35s cubic-bezier(.4,0,.2,1);cursor:pointer}.top-system-notification.expanded[data-v-2883b2c5]{width:400px;height:auto;min-height:100px;border-radius:16px;padding:16px 20px;top:60px;box-shadow:0 10px 30px rgba(0,0,0,.16),0 4px 12px rgba(0,0,0,.1)}.collapsed-view[data-v-2883b2c5]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.collapsed-icon[data-v-2883b2c5]{width:24px;height:24px;color:var(--text-secondary);animation:pulse-2883b2c5 2s ease-in-out infinite}.expanded-view[data-v-2883b2c5]{display:none}.top-system-notification.expanded .expanded-view[data-v-2883b2c5]{display:block}.top-system-notification.expanded .collapsed-view[data-v-2883b2c5]{display:none}@keyframes pulse-2883b2c5{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes rainbow-2883b2c5{0%{filter:hue-rotate(0deg) brightness(1);text-shadow:0 0 10px rgba(255,152,0,.8)}25%{filter:hue-rotate(90deg) brightness(1.2);text-shadow:0 0 15px rgba(76,175,80,.8)}50%{filter:hue-rotate(180deg) brightness(1.4);text-shadow:0 0 20px rgba(64,158,255,.8)}75%{filter:hue-rotate(270deg) brightness(1.2);text-shadow:0 0 15px rgba(244,67,54,.8)}to{filter:hue-rotate(1turn) brightness(1);text-shadow:0 0 10px rgba(255,152,0,.8)}}@keyframes ring-glow-2883b2c5{0%,to{box-shadow:0 4px 12px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.08);transform:scale(1)}50%{box-shadow:0 4px 12px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.08),0 0 0 4px rgba(255,152,0,.6),0 0 20px rgba(255,152,0,.4);transform:scale(1.05)}}.top-system-notification:not(.expanded) .collapsed-icon[data-v-2883b2c5]{animation:pulse-2883b2c5 1.5s ease-in-out infinite,rainbow-2883b2c5 3s linear infinite}.top-system-notification[data-v-2883b2c5]:not(.expanded){animation:ring-glow-2883b2c5 1.5s ease-in-out infinite}.top-system-notification.expanded .collapsed-icon[data-v-2883b2c5],.top-system-notification.expanded[data-v-2883b2c5]{animation:none}.notification-content[data-v-2883b2c5]{display:flex;flex-direction:column;gap:10px}.content-header[data-v-2883b2c5]{display:flex;align-items:center;gap:12px}.notification-icon[data-v-2883b2c5]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:8px;background:var(--bg-tertiary)}.icon-el[data-v-2883b2c5]{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.title-time[data-v-2883b2c5]{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-title[data-v-2883b2c5]{font-size:14px;font-weight:600;margin:0;color:var(--text-primary);line-height:1.4;flex-shrink:0}.notification-time[data-v-2883b2c5]{font-size:12px;color:var(--text-tertiary);font-weight:500;opacity:.8;flex-shrink:0}.close-btn[data-v-2883b2c5]{flex-shrink:0;width:24px;height:24px;border-radius:8px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--text-tertiary);opacity:.6;padding:0}.close-btn[data-v-2883b2c5]:hover{background:var(--bg-tertiary);color:var(--text-secondary);opacity:1}.close-el[data-v-2883b2c5]{width:14px;height:14px;display:flex;align-items:center;justify-content:center}.notification-message[data-v-2883b2c5]{font-size:13px;line-height:1.6;color:var(--text-secondary);margin:0;padding-left:36px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.progress-bar[data-v-2883b2c5]{position:absolute;bottom:0;left:0;right:0;height:3px;background:currentColor;transition:width .05s linear;border-radius:0 0 16px 16px;opacity:.25}.type-warning .collapsed-icon[data-v-2883b2c5],.type-warning .icon-el[data-v-2883b2c5]{color:#ff9800}.type-warning .progress-bar[data-v-2883b2c5]{background:linear-gradient(90deg,#ff9800,#ffb74d)}.type-info .collapsed-icon[data-v-2883b2c5],.type-info .icon-el[data-v-2883b2c5]{color:var(--accent-color,#409eff)}.type-info .progress-bar[data-v-2883b2c5]{background:linear-gradient(90deg,var(--accent-color,#409eff),#66b1ff)}.type-success .collapsed-icon[data-v-2883b2c5],.type-success .icon-el[data-v-2883b2c5]{color:#4caf50}.type-success .progress-bar[data-v-2883b2c5]{background:linear-gradient(90deg,#4caf50,#81c784)}.type-error .collapsed-icon[data-v-2883b2c5],.type-error .icon-el[data-v-2883b2c5]{color:#f44336}.type-error .progress-bar[data-v-2883b2c5]{background:linear-gradient(90deg,#f44336,#e57373)}.slide-in-enter-active[data-v-2883b2c5],.slide-in-leave-active[data-v-2883b2c5]{transition:all .35s cubic-bezier(.4,0,.2,1)}.slide-in-enter-from[data-v-2883b2c5],.slide-in-leave-to[data-v-2883b2c5]{opacity:0;transform:translateX(30px)}.top-system-notification.expanded:hover .progress-bar[data-v-2883b2c5]{opacity:.15}.top-system-notification[data-v-2883b2c5]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.notification-message[data-v-2883b2c5]{max-height:3.2em}@media (max-width:640px){.top-system-notification[data-v-2883b2c5]{top:70px;right:12px;width:40px;height:40px;border-radius:20px}.top-system-notification.expanded[data-v-2883b2c5]{width:calc(100% - 24px);right:12px;left:12px;padding:12px 14px}.collapsed-icon[data-v-2883b2c5]{width:20px;height:20px}.notification-title[data-v-2883b2c5]{font-size:12px}.notification-message[data-v-2883b2c5]{font-size:11px;padding-left:26px}.notification-time[data-v-2883b2c5]{font-size:10px}.close-btn[data-v-2883b2c5],.notification-icon[data-v-2883b2c5]{width:18px;height:18px}.icon-el[data-v-2883b2c5]{width:14px;height:14px}}:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#1a1a1a;--text-secondary:#666;--text-tertiary:#999;--border-color:rgba(0,0,0,.08);--border-light:rgba(0,0,0,.04);--shadow-color:rgba(0,0,0,.1);--shadow-light:rgba(0,0,0,.05);--accent-color:#409eff;--header-bg:hsla(0,0%,100%,.95);--card-bg:#fff;--hover-bg:rgba(0,0,0,.02);--gradient-primary:linear-gradient(135deg,#f8fafc,#f1f5f9);--gradient-secondary:linear-gradient(135deg,#fff,#f8fafc);--overlay-light:rgba(0,0,0,.1);--overlay-dark:rgba(0,0,0,.3);--danger-color:#ef4444;--success-color:#22c55e;--warning-color:#ffa940;--info-color:#52c41a;--danger-hover:#dc2626;--success-hover:#16a34a;--warning-hover:#fb923c;--info-hover:#3b82f6;--input-bg:#f8fafc;--input-border:rgba(0,0,0,.08);--input-hover-border:#409eff;--input-focus-bg:#fff;--input-placeholder:#999;--input-color:#1a1a1a}.dark-theme{--bg-primary:#0f0f1f;--bg-secondary:#1a1a2e;--bg-tertiary:#16213e;--text-primary:#fff;--text-secondary:hsla(0,0%,100%,.85);--text-tertiary:hsla(0,0%,100%,.6);--border-color:hsla(0,0%,100%,.12);--border-light:hsla(0,0%,100%,.06);--shadow-color:rgba(0,0,0,.4);--shadow-light:rgba(0,0,0,.2);--accent-color:#6e8efb;--header-bg:rgba(26,26,46,.95);--card-bg:#1e1e3a;--hover-bg:hsla(0,0%,100%,.05);--gradient-primary:linear-gradient(135deg,#0f0f1f,#1a1a2e);--gradient-secondary:linear-gradient(135deg,#1a1a2e,#16213e);--overlay-light:rgba(0,0,0,.3);--overlay-dark:rgba(0,0,0,.6);--danger-color:#f87171;--success-color:#4ade80;--warning-color:#fbbf24;--info-color:#4ade80;--danger-hover:#fca5a5;--success-hover:#86efac;--warning-hover:#fcd34d;--info-hover:#60a5fa}*{transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)}.el-dropdown-menu.user-menu,.el-popper.user-dropdown-popover,.el-popper.user-dropdown-popover .el-dropdown-menu,.el-popper.user-dropdown-popover .el-dropdown-menu__item{background:var(--bg-secondary)!important;border-color:var(--border-color)!important}.el-dialog:not(.user-card-dialog),.el-dialog:not(.user-card-dialog) .el-dialog__body,.el-dialog:not(.user-card-dialog) .el-dialog__footer,.el-dialog:not(.user-card-dialog) .el-dialog__header,.el-message-box{background:var(--card-bg)!important}.el-message-box{border-color:var(--border-color)!important}.el-message-box__header{background:var(--card-bg)!important;border-bottom-color:var(--border-color)!important}.el-message-box__title{color:var(--text-primary)!important}.el-message-box__content{color:var(--text-secondary)!important}.el-message-box__message{color:var(--text-primary)!important}.el-message-box__btns{background:var(--card-bg)!important;border-top-color:var(--border-color)!important}.el-overlay,.el-overlay.el-message-box__wrapper{background-color:var(--overlay-dark)!important}.el-message{background:var(--bg-secondary)!important;border-color:var(--border-color)!important;box-shadow:0 4px 12px var(--shadow-color)!important}.el-message__content{color:var(--text-primary)!important}.el-message__icon{color:var(--accent-color)!important}.el-message--success{background:var(--bg-secondary)!important;border-color:var(--success-color)!important}.el-message--success .el-message__icon{color:var(--success-color)!important}.el-message--error{background:var(--bg-secondary)!important;border-color:var(--danger-color)!important}.el-message--error .el-message__icon{color:var(--danger-color)!important}.el-message--warning{background:var(--bg-secondary)!important;border-color:var(--warning-color)!important}.el-message--warning .el-message__icon{color:var(--warning-color)!important}.el-message--info{background:var(--bg-secondary)!important;border-color:var(--info-color)!important}.el-message--info .el-message__icon{color:var(--info-color)!important}.el-select-dropdown{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important}.el-select-dropdown__item{color:var(--text-primary)!important;background:transparent!important}.el-select-dropdown__item:hover{background:var(--hover-bg)!important}.el-select-dropdown__item.selected{color:var(--accent-color)!important;background:rgba(64,158,255,.1)!important}.el-popper__arrow:before{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important}.search-suggestions{background:var(--bg-secondary)!important;border-color:var(--border-color)!important}.dark-theme,:root{transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1)}.el-input__wrapper{background-color:var(--input-bg)!important;border-color:var(--input-border)!important;box-shadow:none!important;transition:all .3s ease}.el-input__wrapper:hover{border-color:var(--input-hover-border)!important}.el-input__wrapper.is-focus{border-color:var(--accent-color)!important;background-color:var(--input-focus-bg)!important;box-shadow:0 0 0 2px rgba(102,126,234,.1)!important}.el-input__inner{color:var(--input-color)!important;background-color:transparent!important}.el-input__inner::-moz-placeholder{color:var(--input-placeholder)!important}.el-input__inner::placeholder{color:var(--input-placeholder)!important}.el-select__wrapper{background-color:var(--input-bg)!important;border-color:var(--input-border)!important;box-shadow:none!important;transition:all .3s ease}.el-select__wrapper:hover{border-color:var(--input-hover-border)!important;background-color:var(--input-bg)!important}.el-select__wrapper.is-focus{border-color:var(--accent-color)!important;background-color:var(--input-focus-bg)!important;box-shadow:0 0 0 2px rgba(102,126,234,.1)!important}.el-select__placeholder{color:var(--input-placeholder)!important}.el-select__input,.el-select__selected-item,.el-textarea__inner{color:var(--input-color)!important}.el-textarea__inner{background-color:var(--input-bg)!important;border-color:var(--input-border)!important;box-shadow:none!important;transition:all .3s ease}.el-textarea__inner:hover{border-color:var(--input-hover-border)!important}.el-textarea__inner:focus{border-color:var(--accent-color)!important;background-color:var(--input-focus-bg)!important;box-shadow:0 0 0 2px rgba(102,126,234,.1)!important}.el-textarea__inner::-moz-placeholder{color:var(--input-placeholder)!important}.el-textarea__inner::placeholder{color:var(--input-placeholder)!important}*,body,html{scrollbar-width:none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{width:0!important;height:0!important}::-webkit-scrollbar,::-webkit-scrollbar-thumb{background:transparent!important;display:none!important}::-webkit-scrollbar-thumb{border-radius:0!important}::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background:transparent!important;display:none!important}::-webkit-scrollbar-button{display:none!important}::-webkit-scrollbar-piece{background:transparent!important}:root{--macos-spring:cubic-bezier(0.68,-0.55,0.265,1.55);--macos-ease:cubic-bezier(0.4,0,0.2,1);--macos-bounce:cubic-bezier(0.175,0.885,0.32,1.275);--macos-smooth:cubic-bezier(0.25,0.1,0.25,1);--macos-snap:cubic-bezier(0.1,0.9,0.2,1);--duration-instant:0.1s;--duration-fast:0.2s;--duration-normal:0.3s;--duration-smooth:0.4s;--duration-slow:0.6s;--duration-slower:0.8s;--glass-blur:blur(20px);--glass-blur-heavy:blur(40px);--shadow-subtle:0 1px 2px rgba(0,0,0,.05);--shadow-light:0 2px 8px rgba(0,0,0,.08);--shadow-medium:0 4px 16px rgba(0,0,0,.12);--shadow-heavy:0 8px 32px rgba(0,0,0,.16);--shadow-floating:0 20px 60px rgba(0,0,0,.2);--shadow-glow:0 0 20px rgba(64,158,255,.3)}@keyframes macos-appear{0%{opacity:0;transform:scale(.92) translateY(8px)}50%{transform:scale(1.02) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes macos-disappear{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(8px)}}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-30px) scale(.98)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(30px) scale(.98)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes slide-in-bottom{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px rgba(64,158,255,.3)}50%{box-shadow:0 0 20px rgba(64,158,255,.6),0 0 30px rgba(64,158,255,.3)}}@keyframes breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.9}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin-in{0%{opacity:0;transform:rotate(-180deg) scale(.5)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes sparkle{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-8px) rotate(1deg)}75%{transform:translateY(-4px) rotate(-1deg)}}@keyframes gradient-flow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes progress-shine{0%{left:-100%}to{left:100%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes flip-in{0%{transform:perspective(400px) rotateY(90deg);opacity:0}to{transform:perspective(400px) rotateY(0);opacity:1}}@keyframes menu-pop{0%{opacity:0;transform:scale(.95) translateY(-5px);filter:blur(5px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes tooltip-appear{0%{opacity:0;transform:translateX(50%) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.macos-transition{transition:all var(--duration-normal) var(--macos-ease)}.macos-transition-fast{transition:all var(--duration-fast) var(--macos-ease)}.macos-transition-slow{transition:all var(--duration-smooth) var(--macos-ease)}.macos-spring{transition:all var(--duration-smooth) var(--macos-spring)}.macos-bounce{transition:all var(--duration-smooth) var(--macos-bounce)}.color-transition{transition:color var(--duration-fast) var(--macos-ease),background-color var(--duration-fast) var(--macos-ease),border-color var(--duration-fast) var(--macos-ease)}.transform-transition{transition:transform var(--duration-normal) var(--macos-ease),opacity var(--duration-normal) var(--macos-ease)}.shadow-transition{transition:box-shadow var(--duration-normal) var(--macos-ease)}.all-transition{transition:all var(--duration-normal) var(--macos-ease);will-change:transform,opacity,box-shadow}.animate-appear{animation:macos-appear var(--duration-smooth) var(--macos-spring) forwards}.animate-slide-left{animation:slide-in-left var(--duration-smooth) var(--macos-ease) forwards}.animate-slide-right{animation:slide-in-right var(--duration-smooth) var(--macos-ease) forwards}.animate-slide-bottom{animation:slide-in-bottom var(--duration-smooth) var(--macos-ease) forwards}.animate-slide-top{animation:slide-in-top var(--duration-smooth) var(--macos-ease) forwards}.animate-fade-up{animation:fade-in-up var(--duration-smooth) var(--macos-ease) forwards}.animate-scale-in{animation:fade-in-scale var(--duration-smooth) var(--macos-ease) forwards}.animate-bounce-in{animation:bounce-in var(--duration-slow) var(--macos-bounce) forwards}.animate-spin-in{animation:spin-in var(--duration-slow) var(--macos-ease) forwards}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-breathe{animation:breathe 3s ease-in-out infinite}.animate-float{animation:float 4s ease-in-out infinite}.animate-sparkle{animation:sparkle 1.5s ease-in-out infinite}.animate-flip{animation:flip-in var(--duration-slow) var(--macos-ease) forwards}.animate-menu-pop{animation:menu-pop var(--duration-fast) var(--macos-spring) forwards}.stagger-item{opacity:0;animation:fade-in-up var(--duration-smooth) var(--macos-ease) forwards}.stagger-item:first-child{animation-delay:.05s}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}.stagger-item:nth-child(7){animation-delay:.35s}.stagger-item:nth-child(8){animation-delay:.4s}.stagger-item:nth-child(9){animation-delay:.45s}.stagger-item:nth-child(10){animation-delay:.5s}.stagger-item:nth-child(11){animation-delay:.55s}.stagger-item:nth-child(12){animation-delay:.6s}.stagger-item-right{opacity:0;animation:slide-in-right var(--duration-smooth) var(--macos-ease) forwards}.stagger-item-left{opacity:0;animation:slide-in-left var(--duration-smooth) var(--macos-ease) forwards}.stagger-item-scale{opacity:0;animation:fade-in-scale var(--duration-smooth) var(--macos-bounce) forwards}.macos-btn-hover{transition:all var(--duration-fast) var(--macos-ease);&:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium),var(--shadow-glow)}&:active{transform:translateY(0);box-shadow:var(--shadow-light)}}.macos-card-hover{transition:all var(--duration-normal) var(--macos-ease);transform-style:preserve-3d;&:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-floating)}&:active{transform:translateY(-4px) scale(1.01)}}.macos-thumbnail-hover{transition:all var(--duration-normal) var(--macos-ease);&:hover{transform:scale(1.08);z-index:10}}.macos-menu-item-hover{transition:all var(--duration-fast) var(--macos-ease);border-radius:8px;&:hover{background:rgba(64,158,255,.1);transform:translateX(4px)}}.macos-icon-hover{transition:all var(--duration-normal) var(--macos-spring);&:hover{transform:scale(1.2) rotate(10deg);color:var(--accent-color)}}.macos-avatar-hover{transition:all var(--duration-normal) var(--macos-ease);&:hover{border-color:var(--accent-color);box-shadow:0 0 15px rgba(64,158,255,.4)}}.macos-input-focus{transition:all var(--duration-fast) var(--macos-ease);&:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(64,158,255,.2),var(--shadow-glow)}}.glass-effect{background:hsla(0,0%,100%,.72);border:1px solid hsla(0,0%,100%,.3)}.glass-effect,.glass-effect-dark{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.glass-effect-dark{background:rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.1)}.glass-effect-heavy{background:hsla(0,0%,100%,.85);backdrop-filter:var(--glass-blur-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy);border:1px solid hsla(0,0%,100%,.5)}.macos-scrollbar::-webkit-scrollbar{width:8px;height:8px}.macos-scrollbar::-webkit-scrollbar-track{background:transparent;border-radius:4px}.macos-scrollbar::-webkit-scrollbar-thumb{background:hsla(0,0%,50%,.4);border-radius:4px;-webkit-transition:all var(--duration-fast) var(--macos-ease);transition:all var(--duration-fast) var(--macos-ease)}.macos-scrollbar::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,50%,.6);border-radius:6px}.macos-scrollbar::-webkit-scrollbar-corner{background:transparent}.skeleton{background:linear-gradient(90deg,hsla(0,0%,78%,.1),hsla(0,0%,78%,.2) 50%,hsla(0,0%,78%,.1));background-size:200% 100%}.skeleton,.skeleton-dark{animation:shimmer 1.5s ease-in-out infinite}.skeleton-dark{background:linear-gradient(90deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,.05));background-size:200% 100%}.macos-spinner{width:24px;height:24px;border:3px solid rgba(64,158,255,.2);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}.macos-spinner-large{width:40px;height:40px;border:4px solid rgba(64,158,255,.2);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.loading-dots{display:inline-flex;gap:4px}.loading-dots span{width:8px;height:8px;background:var(--accent-color);border-radius:50%;animation:wave 1s ease-in-out infinite}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}.macos-progress{height:4px;background:rgba(64,158,255,.2);border-radius:2px;overflow:hidden}.macos-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-color),#66b1ff);border-radius:2px;transition:width var(--duration-normal) var(--macos-ease);position:relative;overflow:hidden}.macos-progress-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);animation:progress-shine 1.5s ease-in-out infinite}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);animation:fade-in-up var(--duration-fast) var(--macos-ease) forwards;z-index:9998}.modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;animation:macos-appear var(--duration-smooth) var(--macos-spring) forwards}.dialog-enter-active{animation:macos-appear var(--duration-smooth) var(--macos-spring)}.dialog-leave-active{animation:macos-disappear var(--duration-fast) var(--macos-ease)}.dropdown-enter-active{animation:menu-pop var(--duration-fast) var(--macos-spring);transform-origin:top center}.dropdown-leave-active{animation:menu-pop var(--duration-fast) var(--macos-ease) reverse;transform-origin:top center}.tab-enter-active{animation:fade-in-up var(--duration-normal) var(--macos-ease)}.tab-leave-active{animation:fade-in-up var(--duration-fast) var(--macos-ease) reverse;position:absolute}.page-fade-enter-active,.page-fade-leave-active{transition:opacity var(--duration-normal) var(--macos-ease)}.page-fade-enter-from,.page-fade-leave-to{opacity:0}.page-slide-enter-active{animation:slide-in-right var(--duration-smooth) var(--macos-ease)}.page-slide-leave-active{animation:slide-out-left var(--duration-normal) var(--macos-ease)}@keyframes slide-out-left{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-30px)}}.page-slide-reverse-enter-active{animation:slide-in-left var(--duration-smooth) var(--macos-ease)}.page-slide-reverse-leave-active{animation:slide-out-right var(--duration-normal) var(--macos-ease)}@keyframes slide-out-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(30px)}}.page-scale-enter-active{animation:fade-in-scale var(--duration-smooth) var(--macos-ease)}.page-scale-leave-active{animation:fade-in-scale var(--duration-fast) var(--macos-ease) reverse}.page-elastic-enter-active{animation:macos-appear var(--duration-smooth) var(--macos-spring)}.page-elastic-leave-active{animation:macos-disappear var(--duration-fast) var(--macos-ease)}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity var(--duration-slow) var(--macos-ease),transform var(--duration-slow) var(--macos-ease)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.parallax-element{transition:transform var(--duration-normal) linear;will-change:transform}.frosted-glass{background:hsla(0,0%,100%,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;transition:all var(--duration-normal) var(--macos-ease);&:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.2)}}.neon-text{color:var(--accent-color);text-shadow:0 0 5px var(--accent-color),0 0 10px var(--accent-color),0 0 20px var(--accent-color);animation:pulse-glow 2s ease-in-out infinite}.gradient-text{background:linear-gradient(135deg,var(--accent-color),#a777e3,#ff7eb3);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-flow 3s ease infinite}.animated-border{position:relative;overflow:hidden;&:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,var(--accent-color),#a777e3,#ff7eb3,var(--accent-color));background-size:300% 300%;animation:gradient-flow 3s ease infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--duration-normal) var(--macos-ease)}&:hover:before{opacity:1}}.audio-wave{display:flex;align-items:center;gap:3px;height:20px}.audio-wave span{display:block;width:3px;background:var(--accent-color);border-radius:2px;animation:audio-wave 1s ease-in-out infinite}.audio-wave span:first-child{height:6px;animation-delay:0s}.audio-wave span:nth-child(2){height:12px;animation-delay:.1s}.audio-wave span:nth-child(3){height:18px;animation-delay:.2s}.audio-wave span:nth-child(4){height:10px;animation-delay:.3s}.audio-wave span:nth-child(5){height:14px;animation-delay:.4s}@keyframes audio-wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.audio-ring{position:relative;width:60px;height:60px}.audio-ring svg{transform:rotate(-90deg)}.audio-ring circle{fill:none;stroke-width:4;stroke-linecap:round}.audio-ring .bg{stroke:rgba(64,158,255,.2)}.audio-ring .progress{stroke:var(--accent-color);stroke-dasharray:157;stroke-dashoffset:157;transition:stroke-dashoffset var(--duration-normal) var(--macos-ease);filter:drop-shadow(0 0 6px var(--accent-color))}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:768px){:root{--duration-normal:0.2s;--duration-smooth:0.3s;--duration-slow:0.4s}.macos-card-hover:hover{transform:translateY(-4px) scale(1.01)}.stagger-item{animation-duration:.3s}}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.duration-fast{animation-duration:var(--duration-fast)}.duration-normal{animation-duration:var(--duration-normal)}.duration-smooth{animation-duration:var(--duration-smooth)}.duration-slow{animation-duration:var(--duration-slow)}.duration-slower{animation-duration:var(--duration-slower)}.infinite{animation-iteration-count:infinite}.el-popper.user-dropdown-popover,.el-popper.user-dropdown-popover .el-dropdown-menu{background-color:#fff!important;background:#fff!important;border-color:rgba(0,0,0,.08)!important}.el-popper.user-dropdown-popover .el-dropdown-menu__item{background-color:transparent!important}.el-popper.user-dropdown-popover .el-dropdown-menu__item:hover{background-color:#409eff!important;color:#fff!important}.dark-theme .el-popper.user-dropdown-popover,.dark-theme .el-popper.user-dropdown-popover .el-dropdown-menu{background-color:#1a1a2e!important;background:#1a1a2e!important;border-color:hsla(0,0%,100%,.12)!important}.dark-theme .el-popper.user-dropdown-popover .el-dropdown-menu__item:hover{background-color:#6e8efb!important;color:#fff!important}.el-popper.user-dropdown-popover .menu-header{background:linear-gradient(135deg,#fff,#f8fafc)!important}.dark-theme .el-popper.user-dropdown-popover .menu-header{background:linear-gradient(135deg,#1a1a2e,#16213e)!important}.search-suggestions{background-color:#fff!important;background:#fff!important;border-color:rgba(0,0,0,.08)!important}.dark-theme .search-suggestions{background-color:#1a1a2e!important;background:#1a1a2e!important;border-color:hsla(0,0%,100%,.12)!important}.search-suggestions .suggestion-item.selected,.search-suggestions .suggestion-item:hover{background-color:#409eff!important}.dark-theme .search-suggestions .suggestion-item.selected,.dark-theme .search-suggestions .suggestion-item:hover{background-color:#6e8efb!important}.dark-theme .search-suggestions .suggestion-item.selected .suggestion-icon,.dark-theme .search-suggestions .suggestion-item.selected .suggestion-text,.dark-theme .search-suggestions .suggestion-item:hover .suggestion-icon,.dark-theme .search-suggestions .suggestion-item:hover .suggestion-text,.search-suggestions .suggestion-item.selected .suggestion-icon,.search-suggestions .suggestion-item.selected .suggestion-text,.search-suggestions .suggestion-item:hover .suggestion-icon,.search-suggestions .suggestion-item:hover .suggestion-text{color:#fff!important}