@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Noto Sans SC,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;font-weight:400}:root{--primary-color: #6366f1;--primary-hover: #4f46e5;--primary-light: rgba(99, 102, 241, .1);--primary-lighter: rgba(99, 102, 241, .05);--secondary-color: #8b5cf6;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--gradient-primary: linear-gradient(135deg, #4f46e5 0%, #6366f1 50%, #8b5cf6 100%);--gradient-success: linear-gradient(135deg, #059669 0%, #10b981 100%);--gradient-warning: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);--gradient-error: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);--gradient-purple: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);--gradient-blue: linear-gradient(135deg, #4f46e5 0%, #818cf8 100%);--gradient-orange: linear-gradient(135deg, #ea580c 0%, #fb923c 100%);--gradient-pink: linear-gradient(135deg, #db2777 0%, #f472b6 100%);--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--bg-color: #f5f7fb;--bg-secondary: #ffffff;--bg-tertiary: #f0f2f8;--text-color: #1e293b;--text-secondary: #475569;--text-tertiary: #94a3b8;--border-color: #e2e8f0;--border-light: #f1f5f9;--card-border: rgba(99, 102, 241, .06);--card-bg: #ffffff;--shadow-color: rgba(99, 102, 241, .04);--shadow-hover: rgba(99, 102, 241, .08);--overlay-color: rgba(255, 255, 255, .88);--shadow-sm: 0 2px 8px 0 rgba(99, 102, 241, .06);--shadow-md: 0 4px 16px 0 rgba(99, 102, 241, .08);--shadow-lg: 0 8px 24px 0 rgba(99, 102, 241, .1);--shadow-xl: 0 16px 40px 0 rgba(99, 102, 241, .12);--shadow-2xl: 0 24px 56px 0 rgba(99, 102, 241, .16);--shadow-focus: 0 0 0 4px rgba(99, 102, 241, .2);--shadow-hover-primary: 0 8px 24px rgba(99, 102, 241, .25);--shadow-hover-success: 0 8px 24px rgba(16, 185, 129, .2);--shadow-hover-error: 0 8px 24px rgba(239, 68, 68, .2);--shadow-card: 0 4px 20px rgba(99, 102, 241, .07), 0 1px 4px rgba(99, 102, 241, .04);--shadow-card-hover: 0 16px 40px rgba(99, 102, 241, .14), 0 4px 8px rgba(99, 102, 241, .06);--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-2xl: 28px;--radius-3xl: 32px;--radius-full: 9999px;--transition-faster: .1s;--transition-fast: .2s;--transition-base: .3s;--transition-slow: .4s;--transition-slower: .5s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--ease-out-cubic: cubic-bezier(.33, 1, .68, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px}[data-theme=dark],:root[data-theme=dark],html[data-theme=dark],.dark{--bg-color: #0d0d1a;--bg-secondary: rgba(255, 255, 255, .05);--bg-tertiary: rgba(255, 255, 255, .03);--text-color: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--border-color: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .05);--card-border: rgba(99, 102, 241, .12);--card-bg: rgba(255, 255, 255, .05);--shadow-color: rgba(0, 0, 0, .4);--shadow-hover: rgba(0, 0, 0, .5);--overlay-color: rgba(13, 13, 26, .88);--shadow-sm: 0 2px 8px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px 0 rgba(0, 0, 0, .35);--shadow-lg: 0 8px 24px 0 rgba(0, 0, 0, .4);--shadow-xl: 0 16px 40px 0 rgba(0, 0, 0, .5);--shadow-2xl: 0 24px 56px 0 rgba(0, 0, 0, .6);--shadow-focus: 0 0 0 4px rgba(99, 102, 241, .3);--shadow-hover-primary: 0 8px 24px rgba(99, 102, 241, .3);--shadow-hover-success: 0 8px 24px rgba(16, 185, 129, .25);--shadow-hover-error: 0 8px 24px rgba(239, 68, 68, .25);--shadow-card: 0 4px 20px rgba(0, 0, 0, .3), 0 0 1px rgba(99, 102, 241, .1);--shadow-card-hover: 0 16px 40px rgba(0, 0, 0, .4), 0 0 2px rgba(99, 102, 241, .2)}[data-theme=dark] body,html[data-theme=dark] body,.dark body{background-color:#0d0d1a!important;color:#f1f5f9!important}:root:not([data-theme=dark]) body,[data-theme=light] body{background-color:#f5f7fb!important;color:#1e293b!important}[data-theme=dark] .option-card,[data-theme=dark] .question-card,[data-theme=dark] .result-card,[data-theme=dark] .boolean-option{background:#ffffff0d;border:0;border-color:#6366f11f;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 0 1px #6366f133}[data-theme=dark] .option-card:before,[data-theme=dark] .question-card:before,[data-theme=dark] .result-card:before,[data-theme=dark] .boolean-option:before{background:linear-gradient(135deg,#6366f10f,#8b5cf608)}[data-theme=dark] .option-indicator{background:#ffffff14;box-shadow:0 2px 8px #0003}::-webkit-scrollbar-thumb{background:#0003;border-radius:4px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#0000004d}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#fff3}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::selection{background:#6366f133;color:inherit}::-moz-selection{background:#6366f133;color:inherit}:focus-visible{outline:2px solid rgba(99,102,241,.5);outline-offset:2px;border-radius:var(--radius-md)}:focus{outline:none}body{background-color:var(--bg-color);background-image:none!important;background-repeat:no-repeat!important;background-size:cover;color:var(--text-color);transition:background-color var(--transition-base) ease,color var(--transition-base) ease}*,*:before,*:after{transition:all var(--transition-fast) var(--ease-out-cubic)}.interactive-element{transform-origin:center;transition:all .3s ease}.interactive-element:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.interactive-element:active{transform:scale(.95);transition:all .1s ease}.floating-card{transition:all .3s ease;will-change:transform,box-shadow}.floating-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)!important}.floating-card:active{transform:translateY(-2px);transition:all .1s ease}.magnetic-button{transition:all .3s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.magnetic-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.magnetic-button:hover:after{width:300px;height:300px}.harmony-page{width:100%;min-height:100vh}.harmony-slide-enter-active{transition:all var(--transition-slow) var(--ease-out-expo)}.harmony-slide-leave-active{transition:all var(--transition-base) var(--ease-out-cubic)}.harmony-slide-enter-from{opacity:0;transform:translateY(30px) scale(.98);filter:blur(5px)}.harmony-slide-leave-to{opacity:0;transform:translate(-30px) scale(.98);filter:blur(5px)}.harmony-fade-enter-active,.harmony-fade-leave-active{transition:all var(--transition-base) var(--ease-out-cubic)}.harmony-fade-enter-from,.harmony-fade-leave-to{opacity:0}.harmony-scale-enter-active,.harmony-scale-leave-active{transition:all var(--transition-base) var(--ease-out-expo)}.harmony-scale-enter-from{opacity:0;transform:scale(.9)}.harmony-scale-leave-to{opacity:0;transform:scale(1.1)}.harmony-slide-up-enter-active{transition:all var(--transition-slow) var(--ease-out-expo)}.harmony-slide-up-leave-active{transition:all var(--transition-base) var(--ease-out-cubic)}.harmony-slide-up-enter-from{opacity:0;transform:translateY(40px)}.harmony-slide-up-leave-to{opacity:0;transform:translateY(-20px)}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.error-shake{animation:errorShake .5s ease-in-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.success-pulse{animation:successPulse .6s ease-in-out}@keyframes skeletonShimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200px 100%;animation:skeletonShimmer 1.5s infinite;border-radius:var(--radius-md)}[data-theme=dark] .skeleton{background:linear-gradient(90deg,var(--gray-700) 25%,var(--gray-600) 50%,var(--gray-700) 75%);background-size:200px 100%}@keyframes blurIn{0%{filter:blur(10px);opacity:0}to{filter:blur(0);opacity:1}}.blur-in{animation:blurIn .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.el-card,[class*=card]{animation:fadeInUp .6s cubic-bezier(.25,.46,.45,.94)}@keyframes buttonPress{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.el-button:active,button:active{animation:buttonPress .15s ease}.el-card{background-color:var(--card-bg)!important;border:0!important;border-radius:var(--radius-3xl)!important;box-shadow:var(--shadow-card)!important;transition:all .3s ease!important;position:relative;overflow:hidden}.el-card:before{content:"";position:absolute;top:0;left:0;right:0;height:0;background:none;opacity:0}.el-card:hover{box-shadow:var(--shadow-card-hover)!important;transform:translateY(-4px)}.el-card:active{transform:translateY(-2px);transition:all var(--transition-faster) ease!important}.el-button{border-radius:var(--radius-2xl)!important;font-weight:500!important;padding:12px 24px!important;transition:all .2s ease!important;border:none!important;font-family:inherit!important;position:relative;overflow:hidden;letter-spacing:.01em}.el-button:before{content:none}.el-button--primary{background:var(--gradient-primary)!important;box-shadow:0 4px 16px #6366f14d!important;color:#fff!important}.el-button--primary:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px #6366f166!important}.el-button--primary:active{transform:scale(.95)!important;transition:all .1s ease!important}.el-button--success{background:var(--gradient-success)!important;box-shadow:0 4px 16px #10b9814d!important;color:#fff!important}.el-button--success:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px #10b98166!important}.el-button--warning{background:var(--gradient-warning)!important;box-shadow:0 4px 16px #f59e0b4d!important;color:#fff!important}.el-button--warning:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px #f59e0b66!important}.el-button--danger{background:var(--gradient-error)!important;box-shadow:0 4px 16px #ef44444d!important;color:#fff!important}.el-button--danger:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px #ef444466!important}.el-button--info{background-color:var(--bg-secondary)!important;color:var(--text-color)!important;box-shadow:var(--shadow-sm)!important;border:0!important}.el-button--info:hover{transform:translateY(-2px)!important;box-shadow:var(--shadow-md)!important;color:var(--primary-color)!important}[data-theme=dark] .el-button--info{background-color:#ffffff0f!important;color:var(--text-color)!important}.el-input__wrapper{background-color:var(--gray-50)!important;border:0!important;border-radius:var(--radius-2xl)!important;box-shadow:none!important;transition:all .2s ease!important;padding:10px 20px!important}.el-input__wrapper:hover{background-color:var(--gray-100)!important}.el-input__wrapper.is-focus{box-shadow:0 0 0 3px #6366f133!important;background-color:#fff!important}[data-theme=dark] .el-input__wrapper{background-color:#ffffff0f!important}[data-theme=dark] .el-input__wrapper:hover{background-color:#ffffff14!important}[data-theme=dark] .el-input__wrapper.is-focus{background-color:#ffffff1a!important;box-shadow:0 0 0 3px #6366f14d!important}.el-input__inner{color:var(--text-color)!important;font-size:15px!important}.el-dialog{background-color:var(--card-bg)!important;border-radius:var(--radius-3xl)!important;box-shadow:var(--shadow-2xl)!important;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:0!important}.el-dialog__header{padding:var(--spacing-lg) var(--spacing-xl)!important;border-bottom:1px solid var(--border-light)!important}.el-dialog__title{color:var(--text-color)!important;font-weight:600!important;font-size:18px!important}.el-dialog__body{padding:var(--spacing-xl)!important}.el-dialog__footer{padding:var(--spacing-lg) var(--spacing-xl)!important;border-top:1px solid var(--border-light)!important}.el-tag{border-radius:var(--radius-full)!important;border:0!important;background-color:var(--primary-lighter)!important;color:var(--primary-color)!important;font-weight:500!important;padding:4px 14px!important}.el-tag--primary{background:var(--gradient-primary)!important;color:#fff!important;border:none!important}.el-radio{background-color:transparent!important;margin-right:16px!important}.el-radio__label{color:var(--text-color)!important;font-weight:500!important}.el-radio__input.is-checked .el-radio__inner{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}.el-slider__runway{background-color:var(--border-color)!important;border-radius:var(--radius-sm)!important}.el-slider__bar{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%)!important}pre.code-block{background-color:var(--bg-secondary)!important;border:1px solid var(--border-light)!important;border-radius:var(--radius-md)!important;padding:16px!important;font-family:SF Mono,Consolas,Liberation Mono,Menlo,monospace!important;line-height:1.5!important}.glass-effect{backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);background:var(--overlay-color);border:0;border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.glass-effect:before{content:none}.glass-effect-strong{backdrop-filter:blur(40px) saturate(1.6);-webkit-backdrop-filter:blur(40px) saturate(1.6);background:#ffffff40;border:0;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3}[data-theme=dark] .glass-effect-strong{background:#0000004d;border:1px solid rgba(255,255,255,.1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-sm);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--gray-400);background-clip:content-box}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--gray-600);background-clip:content-box}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--gray-500);background-clip:content-box}::selection{background:#007aff33;color:var(--text-color)}.fade-enter-active,.fade-leave-active{transition:all var(--transition-base) cubic-bezier(.4,0,.2,1)}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(10px)}.slide-fade-enter-active{transition:all var(--transition-base) cubic-bezier(.23,1,.32,1)}.slide-fade-leave-active{transition:all var(--transition-base) cubic-bezier(.4,0,1,1)}.slide-fade-enter-from{transform:translate(30px) scale(.95);opacity:0;filter:blur(5px)}.slide-fade-leave-to{transform:translate(-30px) scale(.95);opacity:0;filter:blur(5px)}.bounce-enter-active{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) translateY(100px)}50%{opacity:1;transform:scale(1.1) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.rotate-fade-enter-active{transition:all .5s cubic-bezier(.25,.46,.45,.94)}.rotate-fade-enter-from{opacity:0;transform:rotate(-10deg) scale(.9);filter:blur(5px)}.scale-bounce{animation:scaleBounce .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes scaleBounce{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 768px){body{font-size:14px}.el-card{border-radius:var(--radius-md)!important}.el-dialog{border-radius:var(--radius-lg)!important;margin:5vh auto!important}}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px;will-change:transform,opacity}.parallax{transform:translateZ(0);will-change:transform}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.parallax{transform:none!important}}@media (prefers-contrast: high){:root{--border-color: var(--gray-600);--shadow-color: rgba(0, 0, 0, .3);--primary-color: #0056b3}[data-theme=dark]{--border-color: var(--gray-400);--shadow-color: rgba(0, 0, 0, .6);--primary-color: #66b3ff}.glass-effect{background:#ffffffe6!important;border:2px solid var(--gray-600)!important}[data-theme=dark] .glass-effect{background:#000c!important;border:2px solid var(--gray-400)!important}}@media (hover: none) and (pointer: coarse){.el-button{min-height:44px!important}.interactive-element:hover,.floating-card:hover{transform:none}}@media print{.hero-section,.floating-shapes,.dynamic-background{background:#fff!important;box-shadow:none!important}*{animation:none!important;transition:none!important}}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.border-gradient{border:2px solid transparent;background:linear-gradient(var(--card-bg),var(--card-bg)) padding-box,var(--gradient-primary) border-box}.backdrop-blur-strong{backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8)}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.animate-on-scroll.in-view{opacity:1;transform:translateY(0)}.status-indicator{position:relative;display:inline-block}.status-indicator:after{content:"";position:absolute;top:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid var(--card-bg);animation:statusPulse 2s ease-in-out infinite}.status-indicator.online:after{background:var(--success-color)}.status-indicator.busy:after{background:var(--warning-color)}.status-indicator.offline:after{background:var(--error-color)}@keyframes statusPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.loading-shimmer{background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,.5) 50%,transparent 75%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}[data-theme=dark] .loading-shimmer{background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,.1) 50%,transparent 75%);background-size:200% 100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.keyboard-navigation *:focus{outline:3px solid var(--primary-color)!important;outline-offset:2px!important}.keyboard-navigation.using-keyboard *:focus{outline:3px solid var(--primary-color)!important;outline-offset:2px!important;box-shadow:0 0 0 4px #007aff33!important}.high-contrast{--primary-color: #0056b3 !important;--border-color: var(--gray-700) !important;--text-color: #000000 !important;--bg-color: #ffffff !important}[data-theme=dark].high-contrast{--primary-color: #66b3ff !important;--border-color: var(--gray-300) !important;--text-color: #ffffff !important;--bg-color: #000000 !important}.high-contrast .el-button,.high-contrast .el-card,.high-contrast .option-card{border:2px solid var(--gray-700)!important}.high-contrast [data-theme=dark] .el-button,.high-contrast [data-theme=dark] .el-card,.high-contrast [data-theme=dark] .option-card{border:2px solid var(--gray-300)!important}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reading-ruler{position:fixed;left:0;width:100%;height:3px;background:linear-gradient(to right,transparent,var(--primary-color),transparent);box-shadow:0 0 8px #007aff80;pointer-events:none;z-index:9999;transition:top .1s ease}.dyslexia-font,.dyslexia-font *{font-family:OpenDyslexic,Arial,sans-serif!important;letter-spacing:.12em!important;word-spacing:.16em!important;line-height:1.8!important}@supports not (font-family: "OpenDyslexic"){.dyslexia-font,.dyslexia-font *{font-family:Comic Sans MS,Arial,sans-serif!important}}body{line-height:var(--line-height, 1.6);letter-spacing:var(--letter-spacing, .05em)}.focus-mode .distraction{opacity:0!important;pointer-events:none!important}body.blue-light-filter{filter:sepia(30%) saturate(70%)}.keyboard-navigation button,.keyboard-navigation a,.keyboard-navigation [role=button]{min-height:44px;min-width:44px}.skip-to-content{position:absolute;top:-100px;left:0;background:var(--primary-color);color:#fff;padding:12px 20px;text-decoration:none;border-radius:0 0 var(--radius-md) 0;z-index:10000;transition:top .2s ease}.skip-to-content:focus{top:0}.el-message{top:88px!important;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffe6;color:var(--text-color)}[data-theme=dark] .el-message{background:#202020d9;color:var(--text-color)}.el-message-box__wrapper{display:flex;align-items:center;justify-content:center}.el-message-box{margin-top:0!important}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.hover-lift:active{transform:translateY(-2px) scale(.99)}.hover-scale{transition:transform .25s var(--ease-out-expo)}.hover-scale:active{transform:scale(.98)}.focus-ring:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.border-glow{position:relative;overflow:hidden}.border-glow:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);opacity:0;transition:opacity .3s ease}.border-glow:hover:before{opacity:1}.text-gradient-primary{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-purple{background:var(--gradient-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-blur{backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);background:#ffffffb3;border:1px solid rgba(255,255,255,.2)}[data-theme=dark] .glass-blur{background:#1a1a1ab3;border:1px solid rgba(255,255,255,.08)}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.fade-in-up{animation:fadeInUp .5s var(--ease-out-expo) both}.fade-in-up-delayed{animation:fadeInUp .5s var(--ease-out-expo) .1s both}.stagger-children>*{opacity:0;animation:fadeInUp .4s var(--ease-out-expo) both}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.btn-hover-glow:hover{box-shadow:var(--shadow-hover-primary)}.btn-hover-glow.success:hover{box-shadow:var(--shadow-hover-success)}.btn-hover-glow.error:hover{box-shadow:var(--shadow-hover-error)}.pulse-subtle{animation:pulseSlight 2s ease-in-out infinite}@keyframes pulseSlight{0%,to{opacity:1}50%{opacity:.85}}.pause-on-hover:hover{animation-play-state:paused}:root{--glass-border: 0;--glow-primary: 0 0 20px rgba(99, 102, 241, .2);--glow-success: 0 0 20px rgba(16, 185, 129, .2)}[data-theme=dark]{--glass-border: 0;--glow-primary: 0 0 25px rgba(99, 102, 241, .3)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.harmony-card{background:var(--card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:0;border-radius:var(--radius-3xl);padding:var(--spacing-xl);box-shadow:var(--shadow-card);transition:all .3s ease;position:relative;overflow:hidden}.harmony-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.tech-border-glow{position:relative}.tech-border-glow:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(45deg,transparent 40%,rgba(99,102,241,.3) 50%,transparent 60%);background-size:300% 300%;border-radius:inherit;z-index:-1;animation:techBorderFlow 4s ease infinite;opacity:0;transition:opacity .3s}.tech-border-glow:hover:before{opacity:1}@keyframes techBorderFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.harmony-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius-full);font-weight:600;font-size:15px;letter-spacing:-.01em;transition:all var(--transition-fast);cursor:pointer;border:none;position:relative;overflow:hidden}.harmony-btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 16px #6366f14d}.harmony-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.harmony-btn-primary:active{transform:scale(.95)}.harmony-btn-secondary{background:#6366f10f;color:var(--text-color)}[data-theme=dark] .harmony-btn-secondary{background:#ffffff0f;color:#f1f5f9}.harmony-btn-secondary:hover{background:#6366f11a}.harmony-capsule-nav{background:#ffffffe6;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-full);border:0;box-shadow:0 4px 20px #6366f114;padding:6px;display:flex;gap:4px}[data-theme=dark] .harmony-capsule-nav{background:#ffffff0d}.harmony-stat-card{background:var(--bg-secondary);border-radius:var(--radius-2xl);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);border:0;box-shadow:0 2px 12px #6366f10d;transition:all .3s ease}.harmony-stat-card:hover{background:var(--card-bg);box-shadow:0 8px 24px #6366f11a;transform:translateY(-2px)}.harmony-title{background:linear-gradient(135deg,var(--text-primary) 30%,rgba(100,100,100,.8) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;letter-spacing:-.03em}.text-gradient-primary{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.shadow-glow{box-shadow:var(--glow-primary)}.animate-fade-up{animation:fadeUp .6s var(--ease-out-cubic) forwards}.animate-scale-in{animation:scaleIn .4s var(--ease-out-expo) forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.feishu-layout-container,.feishu-layout-container .harmony-app-layout,.feishu-layout-container .harmony-main,.feishu-layout-container .harmony-main-container,.feishu-layout-container .harmony-container{height:auto!important;max-height:none!important;overflow:visible!important;overflow-y:visible!important}.feishu-layout-container .article-content-body,.feishu-layout-container .markdown-renderer{height:auto!important;max-height:none!important;overflow:visible!important;display:block!important}.lazy-image{opacity:0;transition:opacity .3s ease}.lazy-image.lazy-loaded{opacity:1}.lazy-image.lazy-loading{filter:blur(10px);opacity:.7}.lazy-image.lazy-error{opacity:.5}@keyframes lazy-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.lazy-skeleton{background:linear-gradient(90deg,var(--harmony-bg-secondary, #f0f0f0) 0px,var(--harmony-bg-tertiary, #e0e0e0) 40px,var(--harmony-bg-secondary, #f0f0f0) 80px);background-size:200px 100%;animation:lazy-shimmer 1.2s ease-in-out infinite}@media (max-width: 768px){:root{--spacing-xl: 24px;--radius-xl: 20px}.harmony-card{padding:var(--spacing-lg)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-xs{gap:var(--spacing-xs, 4px)}.gap-sm{gap:var(--spacing-sm, 8px)}.gap-md{gap:var(--spacing-md, 16px)}.gap-lg{gap:var(--spacing-lg, 24px)}.gap-xl{gap:var(--spacing-xl, 32px)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs, 4px)}.p-sm{padding:var(--spacing-sm, 8px)}.p-md{padding:var(--spacing-md, 16px)}.p-lg{padding:var(--spacing-lg, 24px)}.p-xl{padding:var(--spacing-xl, 32px)}.px-md{padding-left:var(--spacing-md, 16px);padding-right:var(--spacing-md, 16px)}.py-md{padding-top:var(--spacing-md, 16px);padding-bottom:var(--spacing-md, 16px)}.px-lg{padding-left:var(--spacing-lg, 24px);padding-right:var(--spacing-lg, 24px)}.py-lg{padding-top:var(--spacing-lg, 24px);padding-bottom:var(--spacing-lg, 24px)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.mb-sm{margin-bottom:var(--spacing-sm, 8px)}.mb-md{margin-bottom:var(--spacing-md, 16px)}.mb-lg{margin-bottom:var(--spacing-lg, 24px)}.mt-md{margin-top:var(--spacing-md, 16px)}.mt-lg{margin-top:var(--spacing-lg, 24px)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--text-primary, #1a1a1a)}.text-secondary{color:var(--text-secondary, #666)}.text-muted{color:var(--text-muted, #999)}.text-success{color:var(--success-color, #34C759)}.text-warning{color:var(--warning-color, #FF9500)}.text-error{color:var(--error-color, #FF3B30)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm, 4px)}.rounded-md{border-radius:var(--radius-md, 8px)}.rounded-lg{border-radius:var(--radius-lg, 12px)}.rounded-xl{border-radius:var(--radius-xl, 16px)}.rounded-2xl{border-radius:var(--radius-2xl, 20px)}.rounded-full{border-radius:var(--radius-full, 9999px)}.border{border:1px solid var(--border-color, #e5e7eb)}.border-0{border:none}.border-t{border-top:1px solid var(--border-color, #e5e7eb)}.border-b{border-bottom:1px solid var(--border-color, #e5e7eb)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.shadow-md{box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .07))}.shadow-lg{box-shadow:var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, .1))}.shadow-xl{box-shadow:var(--shadow-xl, 0 20px 25px rgba(0, 0, 0, .15))}.bg-primary{background-color:var(--bg-primary, #ffffff)}.bg-secondary{background-color:var(--bg-secondary, #f9fafb)}.bg-card{background-color:var(--card-bg, #ffffff)}.bg-transparent{background-color:transparent}.bg-gradient-primary{background:var(--gradient-primary, linear-gradient(135deg, #007AFF, #5856D6))}.bg-gradient-success{background:linear-gradient(135deg,#34c759,#30d158)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-100{z-index:100}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.transition-all{transition:all var(--transition-base, .2s ease)}.transition-fast{transition:all var(--transition-fast, .15s ease)}.transition-slow{transition:all var(--transition-slow, .3s ease)}.hover-lift:hover{transform:translateY(-2px)}.hover-scale:hover{transform:scale(1.02)}.active-scale:active{transform:scale(.98)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius-md, 8px);font-weight:500;font-size:14px;border:none;cursor:pointer;transition:all var(--transition-fast, .15s ease);gap:8px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.btn-primary{background:var(--primary-color, #007AFF);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover, #0066CC);box-shadow:0 4px 12px #007aff4d}.btn-secondary{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #1a1a1a)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary, #e5e7eb)}.btn-outline{background:transparent;border:1px solid var(--border-color, #e5e7eb);color:var(--text-primary, #1a1a1a)}.btn-outline:hover:not(:disabled){border-color:var(--primary-color, #007AFF);color:var(--primary-color, #007AFF)}.btn-ghost{background:transparent;color:var(--text-secondary, #666)}.btn-ghost:hover:not(:disabled){background:var(--bg-secondary, #f3f4f6)}.btn-success{background:var(--success-color, #34C759);color:#fff}.btn-danger{background:var(--error-color, #FF3B30);color:#fff}.card{background:var(--card-bg, #ffffff);border-radius:var(--radius-lg, 12px);padding:var(--spacing-lg, 24px);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .05));border:1px solid var(--border-color, #e5e7eb)}.card-hover:hover{box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .08));transform:translateY(-2px)}.card-compact{padding:var(--spacing-md, 16px)}.input{width:100%;padding:10px 14px;border:1px solid var(--border-color, #e5e7eb);border-radius:var(--radius-md, 8px);font-size:14px;background:var(--bg-primary, #ffffff);color:var(--text-primary, #1a1a1a);transition:all var(--transition-fast, .15s ease)}.input:focus{outline:none;border-color:var(--primary-color, #007AFF);box-shadow:0 0 0 3px #007aff1a}.input::placeholder{color:var(--text-muted, #999)}.input-error{border-color:var(--error-color, #FF3B30)}.input-error:focus{box-shadow:0 0 0 3px #ff3b301a}.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full, 9999px);font-size:12px;font-weight:500}.tag-primary{background:#007aff1a;color:var(--primary-color, #007AFF)}.tag-success{background:#34c7591a;color:var(--success-color, #34C759)}.tag-warning{background:#ff95001a;color:var(--warning-color, #FF9500)}.tag-error{background:#ff3b301a;color:var(--error-color, #FF3B30)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .3s ease}.animate-fade-in-up{animation:fadeInUp .3s ease}.animate-fade-in-down{animation:fadeInDown .3s ease}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}[data-theme=dark] .btn-secondary{background:#ffffff1a;color:var(--text-primary)}[data-theme=dark] .btn-outline{border-color:#fff3}[data-theme=dark] .btn-ghost:hover:not(:disabled){background:#ffffff1a}[data-theme=dark] .card{background:var(--card-bg, #1c1c1e);border-color:#ffffff1a}[data-theme=dark] .input{background:var(--bg-secondary, #2c2c2e);border-color:#ffffff1a}@media (max-width: 768px){.hidden-mobile{display:none!important}.flex-col-mobile{flex-direction:column}.text-center-mobile{text-align:center}.w-full-mobile{width:100%}.gap-sm-mobile{gap:var(--spacing-sm, 8px)}}@media (min-width: 769px){.hidden-desktop{display:none!important}}[data-theme=dark] body,html[data-theme=dark] body,.dark body,[data-theme=dark] #app,html[data-theme=dark] #app,.dark #app{background-color:#0d0d1a!important;color:#f1f5f9!important}[data-theme=dark] .harmony-app-layout,html[data-theme=dark] .harmony-app-layout,.dark .harmony-app-layout,[data-theme=dark] .harmony-main,html[data-theme=dark] .harmony-main,.dark .harmony-main,[data-theme=dark] .harmony-main-container,html[data-theme=dark] .harmony-main-container,.dark .harmony-main-container{background-color:#0d0d1a!important}[data-theme=dark] .harmony-container,html[data-theme=dark] .harmony-container,.dark .harmony-container{background-color:transparent!important}[data-theme=dark] .dashboard-container,html[data-theme=dark] .dashboard-container,.dark .dashboard-container{background-color:#0d0d1a!important;color:#f1f5f9!important}[data-theme=dark] .primary-action-pill,html[data-theme=dark] .primary-action-pill,.dark .primary-action-pill,[data-theme=dark] .secondary-action-card,html[data-theme=dark] .secondary-action-card,.dark .secondary-action-card{background:#ffffff0d!important;border-color:#6366f11a!important;color:#f1f5f9!important}[data-theme=dark] .category-item,html[data-theme=dark] .category-item,.dark .category-item,[data-theme=dark] .exam-countdown-card,html[data-theme=dark] .exam-countdown-card,.dark .exam-countdown-card{background:#ffffff0d!important;border-color:#6366f11a!important}[data-theme=dark] .category-name,[data-theme=dark] .primary-title,[data-theme=dark] .secondary-title,html[data-theme=dark] .category-name,html[data-theme=dark] .primary-title,html[data-theme=dark] .secondary-title,.dark .category-name,.dark .primary-title,.dark .secondary-title{color:#f1f5f9!important}[data-theme=dark] .category-count,[data-theme=dark] .primary-desc,[data-theme=dark] .secondary-desc,html[data-theme=dark] .category-count,html[data-theme=dark] .primary-desc,html[data-theme=dark] .secondary-desc,.dark .category-count,.dark .primary-desc,.dark .secondary-desc{color:#94a3b8!important}[data-theme=dark] .category-search,html[data-theme=dark] .category-search,.dark .category-search{background:#ffffff0d!important;border-color:#6366f11a!important}[data-theme=dark] .category-search input,html[data-theme=dark] .category-search input,.dark .category-search input{color:#f1f5f9!important}[data-theme=dark] .hero-section,html[data-theme=dark] .hero-section,.dark .hero-section{background:linear-gradient(135deg,#6366f11a,#8b5cf60f)!important;border-color:#6366f11a!important}[data-theme=dark] .page-container,[data-theme=dark] .content-container,[data-theme=dark] .main-content,html[data-theme=dark] .page-container,html[data-theme=dark] .content-container,html[data-theme=dark] .main-content,.dark .page-container,.dark .content-container,.dark .main-content{background-color:#0d0d1a!important;color:#f1f5f9!important}[data-theme=dark] .el-card,html[data-theme=dark] .el-card,.dark .el-card{background-color:#ffffff0d!important;border-color:#6366f11a!important;color:#f1f5f9!important}[data-theme=dark] .el-card__header,html[data-theme=dark] .el-card__header,.dark .el-card__header{background-color:#ffffff0d!important;border-bottom-color:#2e2e2e!important;color:#f1f5f9!important}[data-theme=dark] .el-card__body,html[data-theme=dark] .el-card__body,.dark .el-card__body{background-color:#ffffff0d!important;color:#f1f5f9!important}[data-theme=dark] .card,[data-theme=dark] .info-card,[data-theme=dark] .content-card,[data-theme=dark] .question-card,[data-theme=dark] .answer-card,html[data-theme=dark] .card,html[data-theme=dark] .info-card,html[data-theme=dark] .content-card,html[data-theme=dark] .question-card,html[data-theme=dark] .answer-card,.dark .card,.dark .info-card,.dark .content-card,.dark .question-card,.dark .answer-card{background-color:#ffffff0d!important;border-color:#6366f11a!important;color:#f1f5f9!important}[data-theme=dark] .practice-container,[data-theme=dark] .exam-container,[data-theme=dark] .study-container,html[data-theme=dark] .practice-container,html[data-theme=dark] .exam-container,html[data-theme=dark] .study-container,.dark .practice-container,.dark .exam-container,.dark .study-container,[data-theme=dark] .knowledge-container,[data-theme=dark] .article-container,[data-theme=dark] .article-content,html[data-theme=dark] .knowledge-container,html[data-theme=dark] .article-container,html[data-theme=dark] .article-content,.dark .knowledge-container,.dark .article-container,.dark .article-content,[data-theme=dark] .english-container,[data-theme=dark] .vocabulary-container,[data-theme=dark] .listening-container,[data-theme=dark] .writing-container,html[data-theme=dark] .english-container,html[data-theme=dark] .vocabulary-container,html[data-theme=dark] .listening-container,html[data-theme=dark] .writing-container,.dark .english-container,.dark .vocabulary-container,.dark .listening-container,.dark .writing-container,[data-theme=dark] .programming-container,[data-theme=dark] .code-editor-container,[data-theme=dark] .solution-container,html[data-theme=dark] .programming-container,html[data-theme=dark] .code-editor-container,html[data-theme=dark] .solution-container,.dark .programming-container,.dark .code-editor-container,.dark .solution-container,[data-theme=dark] .blog-container,[data-theme=dark] .blog-list,[data-theme=dark] .blog-detail,html[data-theme=dark] .blog-container,html[data-theme=dark] .blog-list,html[data-theme=dark] .blog-detail,.dark .blog-container,.dark .blog-list,.dark .blog-detail{background-color:#0d0d1a!important;color:#f1f5f9!important}[data-theme=dark] button:not(.el-button),html[data-theme=dark] button:not(.el-button),.dark button:not(.el-button){background-color:#ffffff0d!important;border-color:#6366f11a!important;color:#f1f5f9!important}[data-theme=dark] button:not(.el-button):hover,html[data-theme=dark] button:not(.el-button):hover,.dark button:not(.el-button):hover{background-color:#242424!important;border-color:#3e3e3e!important}[data-theme=dark] input:not(.el-input__inner),[data-theme=dark] textarea,[data-theme=dark] select,html[data-theme=dark] input:not(.el-input__inner),html[data-theme=dark] textarea,html[data-theme=dark] select,.dark input:not(.el-input__inner),.dark textarea,.dark select{background-color:#ffffff0d!important;border-color:#6366f11a!important;color:#f1f5f9!important}[data-theme=dark] .el-table,html[data-theme=dark] .el-table,.dark .el-table{background-color:#ffffff0d!important;color:#f1f5f9!important}[data-theme=dark] .el-table th,[data-theme=dark] .el-table tr,[data-theme=dark] .el-table td,html[data-theme=dark] .el-table th,html[data-theme=dark] .el-table tr,html[data-theme=dark] .el-table td,.dark .el-table th,.dark .el-table tr,.dark .el-table td{background-color:#ffffff0d!important;border-color:#6366f11a!important;color:#f1f5f9!important}[data-theme=dark] .el-table--striped .el-table__body tr.el-table__row--striped td,html[data-theme=dark] .el-table--striped .el-table__body tr.el-table__row--striped td,.dark .el-table--striped .el-table__body tr.el-table__row--striped td{background-color:#242424!important}[data-theme=dark] .el-dialog,html[data-theme=dark] .el-dialog,.dark .el-dialog{background-color:#ffffff0d!important;border-color:#6366f11a!important}[data-theme=dark] .el-dialog__header,html[data-theme=dark] .el-dialog__header,.dark .el-dialog__header{background-color:#ffffff0d!important;border-bottom-color:#2e2e2e!important}[data-theme=dark] .el-dialog__title,html[data-theme=dark] .el-dialog__title,.dark .el-dialog__title{color:#f1f5f9!important}[data-theme=dark] .el-dialog__body,html[data-theme=dark] .el-dialog__body,.dark .el-dialog__body{background-color:#ffffff0d!important;color:#f1f5f9!important}[data-theme=dark] .el-tabs__header,html[data-theme=dark] .el-tabs__header,.dark .el-tabs__header{background-color:#ffffff0d!important;border-bottom-color:#2e2e2e!important}[data-theme=dark] .el-tabs__item,html[data-theme=dark] .el-tabs__item,.dark .el-tabs__item{color:#94a3b8!important}[data-theme=dark] .el-tabs__item.is-active,html[data-theme=dark] .el-tabs__item.is-active,.dark .el-tabs__item.is-active{color:#f1f5f9!important}[data-theme=dark] .el-dropdown-menu,[data-theme=dark] .el-select-dropdown,html[data-theme=dark] .el-dropdown-menu,html[data-theme=dark] .el-select-dropdown,.dark .el-dropdown-menu,.dark .el-select-dropdown{background-color:#ffffff0d!important;border-color:#6366f11a!important}[data-theme=dark] .el-dropdown-menu__item,[data-theme=dark] .el-select-dropdown__item,html[data-theme=dark] .el-dropdown-menu__item,html[data-theme=dark] .el-select-dropdown__item,.dark .el-dropdown-menu__item,.dark .el-select-dropdown__item{color:#f1f5f9!important}[data-theme=dark] .el-dropdown-menu__item:hover,[data-theme=dark] .el-select-dropdown__item:hover,html[data-theme=dark] .el-dropdown-menu__item:hover,html[data-theme=dark] .el-select-dropdown__item:hover,.dark .el-dropdown-menu__item:hover,.dark .el-select-dropdown__item:hover{background-color:#242424!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6,[data-theme=dark] p,[data-theme=dark] span,[data-theme=dark] div,[data-theme=dark] label,html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] h4,html[data-theme=dark] h5,html[data-theme=dark] h6,html[data-theme=dark] p,html[data-theme=dark] span,html[data-theme=dark] div,html[data-theme=dark] label,.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6,.dark p,.dark span,.dark div,.dark label{color:inherit}[data-theme=dark] a,html[data-theme=dark] a,.dark a{color:#818cf8!important}[data-theme=dark] a:hover,html[data-theme=dark] a:hover,.dark a:hover{color:#a5b4fc!important}.back-button[data-v-33432dfc]{position:fixed;top:20px;left:20px;z-index:9999;box-shadow:0 2px 12px #0000001a;transition:all .3s}.back-button[data-v-33432dfc]:hover{transform:scale(1.1);box-shadow:0 4px 16px #00000026}.error-boundary[data-v-3fc756ea]{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:32px}.error-boundary-inner[data-v-3fc756ea]{text-align:center;max-width:420px;animation:fadeIn-3fc756ea .4s var(--ease-out-expo, ease) both}@keyframes fadeIn-3fc756ea{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.error-icon[data-v-3fc756ea]{color:var(--error-color, #FA2A2D);margin-bottom:20px;opacity:.8}.error-boundary-inner h3[data-v-3fc756ea]{font-size:20px;font-weight:600;color:var(--text-color, #111);margin:0 0 8px}.error-boundary-inner p[data-v-3fc756ea]{font-size:14px;color:var(--text-secondary, #666);margin:0 0 24px;line-height:1.6}.error-actions[data-v-3fc756ea]{display:flex;gap:12px;justify-content:center}.error-btn[data-v-3fc756ea]{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--radius-md, 12px);font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease}.error-btn.primary[data-v-3fc756ea]{background:var(--primary-color, #2563EB);color:#fff}.error-btn.primary[data-v-3fc756ea]:hover{filter:brightness(1.1);transform:translateY(-1px)}.error-btn.primary[data-v-3fc756ea]:active{transform:scale(.97)}.error-btn.secondary[data-v-3fc756ea]{background:var(--bg-tertiary, #F9FAFB);color:var(--text-secondary, #666);border:1px solid var(--border-color, #E5E7EB)}.error-btn.secondary[data-v-3fc756ea]:hover{background:var(--bg-color, #f5f5f5)}.error-detail[data-v-3fc756ea]{margin-top:24px;text-align:left}.error-detail summary[data-v-3fc756ea]{cursor:pointer;font-size:12px;color:var(--text-tertiary, #999);margin-bottom:8px}.error-detail pre[data-v-3fc756ea]{font-size:11px;background:var(--bg-tertiary, #f9fafb);padding:12px;border-radius:8px;overflow-x:auto;color:var(--text-secondary, #666);max-height:200px;line-height:1.5}.network-offline[data-v-c712df11],.network-reconnected[data-v-c712df11]{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500}.network-offline[data-v-c712df11]{background:#dc2626;color:#fff}.network-reconnected[data-v-c712df11]{background:#16a34a;color:#fff}.network-bar-enter-active[data-v-c712df11]{transition:transform .3s var(--ease-out-expo, ease),opacity .3s ease}.network-bar-leave-active[data-v-c712df11]{transition:transform .2s ease-in,opacity .2s ease-in}.network-bar-enter-from[data-v-c712df11],.network-bar-leave-to[data-v-c712df11]{transform:translateY(-100%);opacity:0}.scroll-to-top[data-v-f571ed7e]{position:fixed;bottom:100px;right:24px;z-index:900;width:44px;height:44px;border:none;border-radius:50%;background:var(--card-bg, #fff);color:var(--text-secondary, #666);box-shadow:0 4px 16px #0000001a,0 1px 3px #0000000f;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s var(--ease-out-cubic, ease);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.scroll-to-top[data-v-f571ed7e]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f;color:var(--primary-color, #2563EB)}.scroll-to-top[data-v-f571ed7e]:active{transform:scale(.92)}.scroll-btn-enter-active[data-v-f571ed7e]{transition:all .3s var(--ease-out-expo, ease)}.scroll-btn-leave-active[data-v-f571ed7e]{transition:all .2s ease-in}.scroll-btn-enter-from[data-v-f571ed7e]{opacity:0;transform:translateY(16px) scale(.8)}.scroll-btn-leave-to[data-v-f571ed7e]{opacity:0;transform:scale(.8)}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.page-enter-active{transition:opacity .25s var(--ease-out-cubic),transform .25s var(--ease-out-cubic)}.page-leave-active{transition:opacity .15s ease-in}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0}.stagger-enter-active{transition:opacity .4s var(--ease-out-expo),transform .4s var(--ease-out-expo)}.stagger-enter-from{opacity:0;transform:translateY(16px)}.glass{background:#ffffffb8;backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8);border:1px solid rgba(255,255,255,.2)}[data-theme=dark] .glass,.dark .glass{background:#1e1e28b8;border-color:#ffffff0f}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);transform:translate(-100%);animation:shimmer-sweep 2.8s ease-in-out infinite;pointer-events:none}@keyframes shimmer-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.card-lift{transition:transform var(--transition-base) var(--ease-out-expo),box-shadow var(--transition-base) var(--ease-out-expo);will-change:transform}.card-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.card-lift:active{transform:translateY(0) scale(.985);transition-duration:.1s}.press-scale{transition:transform .15s var(--ease-out-cubic)}.press-scale:active{transform:scale(.96)}.icon-bounce:hover{animation:micro-bounce .35s var(--ease-spring)}@keyframes micro-bounce{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}*:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb40;border-radius:inherit}[data-theme=dark] *:focus-visible,.dark *:focus-visible{box-shadow:0 0 0 3px #6366f159}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=dark] .skeleton,.dark .skeleton{background:linear-gradient(90deg,var(--gray-800) 25%,var(--gray-700) 50%,var(--gray-800) 75%);background-size:200% 100%}.fade-in{animation:fadeIn .4s var(--ease-out-expo) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ripple{position:relative;overflow:hidden}.ripple:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%),rgba(0,0,0,.06) 0%,transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.ripple:active:before{opacity:1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}[data-theme=dark] ::-webkit-scrollbar-thumb,.dark ::-webkit-scrollbar-thumb{background:var(--gray-600)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover,.dark ::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.num-animate{display:inline-block;transition:transform .3s var(--ease-spring)}.num-animate.bump{animation:numBump .35s var(--ease-spring)}@keyframes numBump{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.tab-indicator{position:relative}.tab-indicator:after{content:"";position:absolute;bottom:0;left:0;height:2px;background:var(--primary-color);border-radius:1px;transition:left .3s var(--ease-out-expo),width .3s var(--ease-out-expo)}.list-stagger>*{animation:listFadeIn .35s var(--ease-out-expo) both}.list-stagger>*:nth-child(1){animation-delay:.03s}.list-stagger>*:nth-child(2){animation-delay:.06s}.list-stagger>*:nth-child(3){animation-delay:.09s}.list-stagger>*:nth-child(4){animation-delay:.12s}.list-stagger>*:nth-child(5){animation-delay:.15s}.list-stagger>*:nth-child(6){animation-delay:.18s}.list-stagger>*:nth-child(7){animation-delay:.21s}.list-stagger>*:nth-child(8){animation-delay:.24s}.list-stagger>*:nth-child(n+9){animation-delay:.27s}@keyframes listFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.glass-overlay{background:#ffffffa6;backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6)}[data-theme=dark] .glass-overlay,.dark .glass-overlay{background:#14141eb3}.pulse-soft{animation:pulseSoft 2s ease-in-out infinite}@keyframes pulseSoft{0%,to{opacity:1}50%{opacity:.6}}.progress-glow{position:relative;overflow:hidden}.progress-glow:after{content:"";position:absolute;top:0;left:-30%;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressGlow 2s ease-in-out infinite}@keyframes progressGlow{0%{left:-30%}to{left:130%}}.route-loading-fallback[data-v-9b789a34]{min-height:60vh;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-secondary, #666)}