:root{--color-primary: #646cff;--color-primary-hover: #535bf2;--color-secondary: #409eff;--color-success: #67c23a;--color-warning: #e6a23c;--color-danger: #f56c6c;--color-info: #909399;--dark-bg-primary: #121212;--dark-bg-secondary: #1e1e1e;--dark-bg-tertiary: #242424;--dark-text-primary: rgba(255, 255, 255, .87);--dark-text-secondary: rgba(255, 255, 255, .6);--dark-text-tertiary: rgba(255, 255, 255, .4);--dark-border: rgba(255, 255, 255, .1);--light-bg-primary: #ffffff;--light-bg-secondary: #f5f7fa;--light-bg-tertiary: #e4e7ed;--light-text-primary: #303133;--light-text-secondary: #606266;--light-text-tertiary: #909399;--light-border: #ebeef5;--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 4px;--radius-base: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;color-scheme:dark;--bg-primary: var(--dark-bg-primary);--bg-secondary: var(--dark-bg-secondary);--bg-tertiary: var(--dark-bg-tertiary);--text-primary: var(--dark-text-primary);--text-secondary: var(--dark-text-secondary);--text-tertiary: var(--dark-text-tertiary);--border-color: var(--dark-border);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.light-theme{color-scheme:light;--bg-primary: var(--light-bg-primary);--bg-secondary: var(--light-bg-secondary);--bg-tertiary: var(--light-bg-tertiary);--text-primary: var(--light-text-primary);--text-secondary: var(--light-text-secondary);--text-tertiary: var(--light-text-tertiary);--border-color: var(--light-border)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);margin:0;padding:0;min-height:100vh;overflow-x:hidden}#app{width:100%;min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-family:inherit;font-size:var(--font-size-base);font-weight:500;line-height:1.5;color:var(--text-primary);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-fast);outline:none}button:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}button:focus{box-shadow:0 0 0 3px #646cff4d}button:disabled{opacity:.6;cursor:not-allowed}button.primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}button.primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}input,textarea,select{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-base);transition:all var(--transition-fast);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #646cff4d}.card{background-color:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.container{width:100%;max-width:var(--breakpoint-2xl);margin:0 auto;padding:0 var(--spacing-md)}.grid{display:grid;gap:var(--spacing-md)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.m-0{margin:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.overflow-hidden{overflow:hidden}.hidden{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out forwards}.animate-slide-in{animation:slideIn var(--transition-normal) ease-out forwards}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}@media(min-width:640px){.container{padding:0 var(--spacing-lg)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.grid-cols-4{grid-template-columns:repeat(4,1fr)}.container{padding:0 var(--spacing-xl)}}@media(min-width:1280px){.container{padding:0 var(--spacing-2xl)}}@media(prefers-color-scheme:dark){a:hover{color:#747bff}}.navbar[data-v-60f7733f]{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s ease;background:transparent;padding:1rem 0}.navbar.scrolled[data-v-60f7733f]{background-color:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;padding:.75rem 0}.container[data-v-60f7733f]{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.logo[data-v-60f7733f]{display:flex;align-items:center;text-decoration:none}.logo-container[data-v-60f7733f]{display:flex;align-items:center}.logo-icon[data-v-60f7733f]{width:36px;height:36px;border-radius:8px;margin-right:.75rem}.logo-text[data-v-60f7733f]{font-size:1.5rem;font-weight:700;color:#fff;background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}.nav-links[data-v-60f7733f]{display:flex;align-items:center;gap:2rem}.nav-link[data-v-60f7733f]{color:#94a3b8;text-decoration:none;font-weight:500;transition:color .3s ease;position:relative}.nav-link[data-v-60f7733f]:hover,.nav-link.active[data-v-60f7733f]{color:#fff}.nav-link.active[data-v-60f7733f]:after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:1px}.language-switcher[data-v-60f7733f]{position:relative;display:flex;align-items:center;cursor:pointer;color:#fff;padding:.5rem .75rem;width:5.5rem;border-radius:.5rem;background:#ffffff0d;transition:background-color .3s ease}.language-switcher[data-v-60f7733f]:hover{background:#ffffff1a}.language-dropdown[data-v-60f7733f]{width:5.5rem;position:absolute;top:100%;right:0;margin-top:.5rem;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;box-shadow:0 10px 25px #0003;overflow:hidden;z-index:1001}.language-option[data-v-60f7733f]{display:block;width:5.5rem;padding:.6rem;background:transparent;border:none;color:#94a3b8;text-align:left;cursor:pointer;transition:all .3s ease}.language-option[data-v-60f7733f]:hover,.language-option.active[data-v-60f7733f]{background:#ffffff0d;color:#fff}.mobile-menu-btn[data-v-60f7733f]{display:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.375rem;color:#fff;cursor:pointer;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .3s ease}.mobile-menu-btn[data-v-60f7733f]:hover{background:#fff3;border-color:#fff6;transform:translateY(-1px)}.mobile-nav[data-v-60f7733f]{position:fixed;top:0;right:0;height:50vh;width:300px;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:-10px 0 30px #0003;display:flex;flex-direction:column;padding:60px 20px 20px;z-index:999;transform:translate(100%);transition:transform .3s ease;display:none;overflow-y:auto;border-radius:0 0 0 1rem}.mobile-nav.mobile-menu-open[data-v-60f7733f]{transform:translate(0);display:flex}.mobile-close-btn[data-v-60f7733f]{position:absolute;top:20px;right:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.375rem;color:#fff;cursor:pointer;padding:.5rem;transition:all .3s ease;z-index:1000}.mobile-close-btn[data-v-60f7733f]:hover{background:#fff3;border-color:#fff6;transform:rotate(90deg)}.mobile-overlay[data-v-60f7733f]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:998;cursor:pointer}.mobile-nav-link[data-v-60f7733f]{color:#94a3b8;text-decoration:none;font-weight:500;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.05);transition:color .3s ease}.mobile-nav-link[data-v-60f7733f]:hover,.mobile-nav-link.active[data-v-60f7733f]{color:#fff}.mobile-language-switcher[data-v-60f7733f]{margin-top:auto;display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.mobile-language-option[data-v-60f7733f]{width:100%;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#94a3b8;cursor:pointer;transition:all .3s ease;text-align:center;font-size:.9rem}.mobile-language-option[data-v-60f7733f]:hover,.mobile-language-option.active[data-v-60f7733f]{background:#ffffff1a;color:#fff;border-color:#3b82f6}@keyframes rotate-60f7733f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.nav-links[data-v-60f7733f]{display:none}.mobile-menu-btn[data-v-60f7733f]{display:block}.logo-text[data-v-60f7733f]{font-size:1.25rem}.logo-icon[data-v-60f7733f]{width:32px;height:32px}}@media(max-width:480px){.container[data-v-60f7733f]{padding:0 1rem}.mobile-nav[data-v-60f7733f]{width:100%}}.logo-icon[data-v-60f7733f],.mobile-nav[data-v-60f7733f],.navbar[data-v-60f7733f]{transform:translateZ(0);will-change:transform}.language-dropdown[data-v-60f7733f]{transform-origin:top right;transform:scale(1)}.navbar.scrolled .logo-icon[data-v-60f7733f]{animation-duration:2s}.nav-link[data-v-60f7733f]:after{transform:scaleX(1);transform-origin:left}@media(max-width:768px){.navbar[data-v-60f7733f]{padding:.75rem 0}.navbar.scrolled[data-v-60f7733f]{padding:.5rem 0}}@media(-webkit-device-pixel-ratio:2),(resolution:192dpi){.logo-icon[data-v-60f7733f]{background-image:conic-gradient(from 90deg at 50% 50%,#3b82f6,#8b5cf6,#3b82f6);background-size:100% 100%}}@media(hover:none)and (pointer:coarse){.nav-link[data-v-60f7733f]:active,.language-switcher[data-v-60f7733f]:active{transform:scale(.97)}}.app[data-v-5f5b8fe9]{min-height:100vh;display:flex;flex-direction:column}.main-content[data-v-5f5b8fe9]{flex:1}.footer[data-v-5f5b8fe9]{background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color);padding:var(--spacing-xl) 0;transition:background-color var(--transition-normal)}.footer-content[data-v-5f5b8fe9]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.footer-logo .logo-container[data-v-5f5b8fe9]{display:flex;align-items:center}.footer-logo .logo-icon[data-v-5f5b8fe9]{width:32px;height:32px;border-radius:var(--radius-sm);margin-right:var(--spacing-sm)}.footer-logo .logo-text[data-v-5f5b8fe9]{font-size:var(--font-size-xl);font-weight:700;color:#fff;background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}.footer-links[data-v-5f5b8fe9]{display:flex;gap:var(--spacing-xl)}.footer-link[data-v-5f5b8fe9]{color:var(--text-tertiary);text-decoration:none;transition:color var(--transition-fast);position:relative}.footer-link[data-v-5f5b8fe9]:hover{color:var(--text-primary)}.footer-link[data-v-5f5b8fe9]:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-fast)}.footer-link[data-v-5f5b8fe9]:hover:after{width:100%}.footer-copyright[data-v-5f5b8fe9]{color:var(--text-tertiary);font-size:var(--font-size-sm)}.page-fade-enter-active[data-v-5f5b8fe9],.page-fade-leave-active[data-v-5f5b8fe9]{transition:opacity var(--transition-normal),transform var(--transition-normal)}.page-fade-enter-from[data-v-5f5b8fe9]{opacity:0;transform:translateY(10px)}.page-fade-leave-to[data-v-5f5b8fe9]{opacity:0;transform:translateY(-10px)}.slide-down-enter-active[data-v-5f5b8fe9],.slide-down-leave-active[data-v-5f5b8fe9]{transition:all var(--transition-fast)}.slide-down-enter-from[data-v-5f5b8fe9],.slide-down-leave-to[data-v-5f5b8fe9]{transform:translateY(-100%)}@keyframes logoSpin-5f5b8fe9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.footer-links[data-v-5f5b8fe9]{flex-direction:column;align-items:center;gap:var(--spacing-md)}.footer-content[data-v-5f5b8fe9]{gap:var(--spacing-md)}}@media print{.footer[data-v-5f5b8fe9]{display:none}}