@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap";.language-switcher[data-v-f0e51530]{position:relative}.current-lang[data-v-f0e51530]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.current-lang[data-v-f0e51530]:hover{background:#ffffff1a;border-color:var(--color-border-hover)}.flag[data-v-f0e51530]{font-size:1.1rem}.arrow[data-v-f0e51530]{transition:transform var(--transition-fast)}.arrow.rotated[data-v-f0e51530]{transform:rotate(180deg)}.dropdown[data-v-f0e51530]{position:absolute;top:calc(100% + 8px);right:0;min-width:150px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;z-index:var(--z-dropdown)}.dropdown-item[data-v-f0e51530]{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:none;color:var(--color-text-secondary);font-family:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.dropdown-item[data-v-f0e51530]:hover{background:#ffffff0d;color:var(--color-text-primary)}.dropdown-item.active[data-v-f0e51530]{background:#00d4ff1a;color:var(--color-accent-cyan)}.dropdown-enter-active[data-v-f0e51530],.dropdown-leave-active[data-v-f0e51530]{transition:all .2s ease}.dropdown-enter-from[data-v-f0e51530],.dropdown-leave-to[data-v-f0e51530]{opacity:0;transform:translateY(-10px)}.theme-switcher[data-v-637c6b4d]{position:relative}.theme-btn[data-v-637c6b4d]{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.theme-btn[data-v-637c6b4d]:hover{background:#ffffff1a;border-color:var(--color-border-hover)}.theme-icon[data-v-637c6b4d]{font-size:1.1rem}.arrow[data-v-637c6b4d]{transition:transform var(--transition-fast)}.arrow.rotated[data-v-637c6b4d]{transform:rotate(180deg)}.dropdown[data-v-637c6b4d]{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;z-index:var(--z-dropdown)}.dropdown-item[data-v-637c6b4d]{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:none;color:var(--color-text-secondary);font-family:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.dropdown-item[data-v-637c6b4d]:hover{background:#ffffff0d;color:var(--color-text-primary)}.dropdown-item.active[data-v-637c6b4d]{background:#00d4ff1a;color:var(--color-accent-cyan)}.theme-name[data-v-637c6b4d]{flex:1}.dropdown-enter-active[data-v-637c6b4d],.dropdown-leave-active[data-v-637c6b4d]{transition:all .2s ease}.dropdown-enter-from[data-v-637c6b4d],.dropdown-leave-to[data-v-637c6b4d]{opacity:0;transform:translateY(-10px)}.header[data-v-88c7d8ac]{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a0fcc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border)}.header-container[data-v-88c7d8ac]{display:flex;align-items:center;justify-content:space-between;height:70px}.logo[data-v-88c7d8ac]{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);text-decoration:none}.logo-icon[data-v-88c7d8ac]{font-size:1.8rem}.logo-text[data-v-88c7d8ac]{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav[data-v-88c7d8ac]{display:flex;gap:2rem}.nav-link[data-v-88c7d8ac]{color:var(--color-text-secondary);text-decoration:none;font-weight:500;transition:color var(--transition-fast);position:relative}.nav-link[data-v-88c7d8ac]:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-normal)}.nav-link[data-v-88c7d8ac]:hover,.nav-link.router-link-active[data-v-88c7d8ac]{color:var(--color-text-primary)}.nav-link.router-link-active[data-v-88c7d8ac]:after{width:100%}.header-actions[data-v-88c7d8ac]{display:flex;align-items:center;gap:1rem}.github-link[data-v-88c7d8ac]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.github-link[data-v-88c7d8ac]:hover{color:var(--color-text-primary);background:#ffffff0d}.menu-toggle[data-v-88c7d8ac]{display:none;flex-direction:column;gap:5px;padding:10px;background:none;border:none;cursor:pointer}.menu-toggle span[data-v-88c7d8ac]{display:block;width:24px;height:2px;background:var(--color-text-primary);transition:all var(--transition-fast)}@media(max-width:768px){.nav[data-v-88c7d8ac]{position:fixed;top:70px;left:0;right:0;flex-direction:column;align-items:center;padding:2rem;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.nav-open[data-v-88c7d8ac]{transform:translateY(0);opacity:1;visibility:visible}.menu-toggle[data-v-88c7d8ac]{display:flex}}.footer[data-v-d1491a24]{margin-top:auto;padding:3rem 0;background:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.footer-container[data-v-d1491a24]{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.footer-brand[data-v-d1491a24]{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600}.logo-icon[data-v-d1491a24]{font-size:1.5rem}.logo-text[data-v-d1491a24]{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-links[data-v-d1491a24]{display:flex;gap:2rem}.footer-links a[data-v-d1491a24]{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer-links a[data-v-d1491a24]:hover{color:var(--color-accent-cyan)}.footer-copyright[data-v-d1491a24]{color:var(--color-text-muted);font-size:var(--font-size-sm)}:root{--color-bg-primary: #0a0a0f;--color-bg-secondary: #12121a;--color-bg-tertiary: #1a1a2e;--color-bg-card: rgba(26, 26, 46, .8);--color-accent-cyan: #00d4ff;--color-accent-purple: #7b2cbf;--color-accent-pink: #ff006e;--color-accent-green: #00ff88;--color-accent-orange: #ff8c00;--gradient-primary: linear-gradient(135deg, #00d4ff 0%, #7b2cbf 100%);--gradient-secondary: linear-gradient(135deg, #7b2cbf 0%, #ff006e 100%);--gradient-bg: linear-gradient(180deg, #0a0a0f 0%, #1a1a2e 100%);--gradient-card: linear-gradient(145deg, rgba(26, 26, 46, .9) 0%, rgba(18, 18, 26, .9) 100%);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .7);--color-text-muted: rgba(255, 255, 255, .5);--color-text-accent: #00d4ff;--color-border: rgba(255, 255, 255, .1);--color-border-hover: rgba(0, 212, 255, .5);--glass-bg: rgba(26, 26, 46, .6);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(20px);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-glow-cyan: 0 0 30px rgba(0, 212, 255, .3);--shadow-glow-purple: 0 0 30px rgba(123, 44, 191, .3);--font-family: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--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: 2rem;--font-size-4xl: 2.5rem;--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: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-dropdown: 100;--z-modal: 200;--z-toast: 300;--container-max: 1200px;--container-padding: 1.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--gradient-bg);color:var(--color-text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(0,212,255,.08) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(123,44,191,.08) 0%,transparent 40%);pointer-events:none;z-index:-1}#app{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}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)}a{color:var(--color-accent-cyan);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-purple)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-family:inherit;font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-normal);text-decoration:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow-cyan)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 40px #00d4ff80}.btn-secondary{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-accent-cyan);color:var(--color-accent-cyan)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{color:var(--color-text-primary);background:#ffffff0d}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-md);font-family:inherit;font-size:var(--font-size-base);color:var(--color-text-primary);background:#0000004d;border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-accent-cyan);box-shadow:0 0 0 3px #00d4ff1a}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-textarea{min-height:150px;resize:vertical;font-family:var(--font-mono)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:40px;cursor:pointer}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.text-center{text-align:center}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 20px #00d4ff4d}50%{box-shadow:0 0 40px #00d4ff80}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-cyan)}::selection{background:#00d4ff4d;color:#fff}.page-enter-active,.page-leave-active{transition:opacity .3s ease,transform .3s ease}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-10px)}