.locale-switcher[data-v-5254c4fb]{position:relative;-webkit-user-select:none;user-select:none}.locale-switcher__trigger[data-v-5254c4fb]{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:4px 12px;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-accent);border:1px solid var(--color-border);box-shadow:0 1px 3px #0000004d,inset 0 1px #ffffff0d;transform:perspective(600px) rotateX(2deg);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.locale-switcher__trigger[data-v-5254c4fb]:hover{box-shadow:0 0 calc(var(--glow-spread) * 1.5) var(--glow-hover-color),0 2px 6px #0006;background:var(--color-bg-card)}.locale-switcher__flag[data-v-5254c4fb]{font-size:14px;line-height:1}.locale-switcher__label[data-v-5254c4fb]{line-height:1}.locale-switcher__arrow[data-v-5254c4fb]{transition:transform var(--transition-fast);color:var(--color-text-muted)}.locale-switcher__arrow--open[data-v-5254c4fb]{transform:rotate(180deg)}.locale-switcher__dropdown[data-v-5254c4fb]{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;padding:var(--spacing-xs) 0;z-index:200;list-style:none;overflow:hidden}.locale-switcher__option[data-v-5254c4fb]{display:flex;align-items:center;gap:8px;padding:8px 14px;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:background var(--transition-fast),color var(--transition-fast)}.locale-switcher__option[data-v-5254c4fb]:hover{background:#00d4ff14;color:var(--color-accent)}.locale-switcher__option--active[data-v-5254c4fb]{color:var(--color-accent);background:#00d4ff1f}.locale-switcher__option--active[data-v-5254c4fb]:after{content:"✓";margin-left:auto;font-size:var(--font-size-xs);color:var(--color-accent)}.dropdown-enter-active[data-v-5254c4fb],.dropdown-leave-active[data-v-5254c4fb]{transition:opacity .2s ease,transform .2s ease}.dropdown-enter-from[data-v-5254c4fb],.dropdown-leave-to[data-v-5254c4fb]{opacity:0;transform:translateY(-8px)}.category-nav[data-v-70cb9f50]{position:relative;margin-bottom:var(--spacing-lg)}.category-nav__scroll[data-v-70cb9f50]{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-sm) 0;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;-webkit-overflow-scrolling:touch}.category-nav__scroll[data-v-70cb9f50]::-webkit-scrollbar{height:4px}.category-nav__scroll[data-v-70cb9f50]::-webkit-scrollbar-track{background:transparent}.category-nav__scroll[data-v-70cb9f50]::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.category-nav__item[data-v-70cb9f50]{white-space:nowrap;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),color var(--transition-fast);border:1px solid var(--color-border)}.category-nav__item[data-v-70cb9f50]:hover{background:var(--color-bg-card);box-shadow:0 0 calc(var(--glow-spread) * 1.5) var(--glow-hover-color),0 2px 6px #0006}.category-nav__item--active[data-v-70cb9f50]{background:#00d4ff26;color:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 var(--glow-spread) var(--glow-color),0 0 calc(var(--glow-spread) * 2) #00d4ff1a;text-shadow:0 0 8px var(--glow-color)}.layout[data-v-6cf99619]{display:flex;flex-direction:column;min-height:100vh}.layout__header[data-v-6cf99619]{position:sticky;top:0;z-index:100;padding:var(--spacing-md) var(--spacing-xl);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);border-radius:0}.layout__header-inner[data-v-6cf99619]{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;gap:var(--spacing-lg)}.layout__logo[data-v-6cf99619]{font-size:var(--font-size-xl);font-weight:700;letter-spacing:.02em;text-decoration:none;flex-shrink:0}.layout__nav[data-v-6cf99619]{display:flex;gap:var(--spacing-md)}.layout__nav-link[data-v-6cf99619]{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);text-decoration:none}.layout__nav-link[data-v-6cf99619]:hover{color:var(--color-accent);background-color:#00d4ff14}.layout__nav-link--active[data-v-6cf99619]{color:var(--color-accent);background-color:#00d4ff1f;box-shadow:0 0 8px var(--glow-color)}.layout__actions[data-v-6cf99619]{flex-shrink:0}.layout__body[data-v-6cf99619]{display:flex;flex:1;max-width:1400px;width:100%;margin:0 auto;padding:var(--spacing-xl);gap:var(--spacing-xl)}.layout__main[data-v-6cf99619]{flex:1;min-width:0}.layout__sidebar[data-v-6cf99619]{width:280px;flex-shrink:0;padding:var(--spacing-lg);border-radius:var(--radius-lg);position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto}.layout__sidebar-section[data-v-6cf99619]{margin-bottom:var(--spacing-lg)}.layout__sidebar-title[data-v-6cf99619]{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.05em}.layout__stats[data-v-6cf99619]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.layout__footer[data-v-6cf99619]{margin-top:auto;padding:var(--spacing-lg) var(--spacing-xl);border-radius:0}.layout__footer-inner[data-v-6cf99619]{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.layout__copyright[data-v-6cf99619]{color:var(--color-text-muted);font-size:var(--font-size-sm)}.layout__footer-links[data-v-6cf99619]{display:flex;gap:var(--spacing-lg)}.layout__footer-link[data-v-6cf99619]{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-muted);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-fast)}.layout__footer-link[data-v-6cf99619]:hover{color:var(--color-accent)}@media(max-width:1024px){.layout__sidebar[data-v-6cf99619]{display:none}}@media(max-width:768px){.layout__header-inner[data-v-6cf99619]{flex-wrap:wrap}.layout__nav[data-v-6cf99619]{order:3;width:100%;justify-content:center}.layout__body[data-v-6cf99619]{padding:var(--spacing-md)}.layout__footer-inner[data-v-6cf99619]{flex-direction:column;text-align:center}}.page-enter-active,.page-leave-active{transition:opacity .25s ease,transform .25s ease}.page-enter-from{opacity:0;transform:translateY(12px)}.page-leave-to{opacity:0;transform:translateY(-8px)}:root{--color-bg-primary: #0a1628;--color-bg-secondary: #0f1f3a;--color-bg-tertiary: #162847;--color-bg-card: #132040;--color-surface: #1a2d50;--color-border: #1e3a5f;--color-border-glow: #00d4ff;--color-text-primary: #e8f0fe;--color-text-secondary: #8ba3c7;--color-text-muted: #5a7a9e;--color-accent: #00d4ff;--color-accent-secondary: #0088cc;--color-accent-glow: rgba(0, 212, 255, .3);--color-success: #00e676;--color-warning: #ffab00;--color-error: #ff5252;--color-featured: #ffd740;--perspective: 1200px;--isometric-rotateX: 5deg;--isometric-rotateY: -3deg;--isometric-rotateZ: 0deg;--depth-base: 8px;--depth-hover: 16px;--depth-active: 4px;--glow-spread: 12px;--glow-color: rgba(0, 212, 255, .15);--glow-hover-color: rgba(0, 212, 255, .35);--font-sans: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 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;--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: 10px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 var(--glow-spread) var(--glow-color);--shadow-glow-hover: 0 0 calc(var(--glow-spread) * 2) var(--glow-hover-color)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-text-primary)}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:600;color:var(--color-text-primary)}.app-root{display:flex;flex-direction:column;min-height:100vh}.app-header{position:sticky;top:0;z-index:100;padding:var(--spacing-md) var(--spacing-xl);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.nav-bar{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto}.nav-logo{font-size:var(--font-size-xl);font-weight:700;color:var(--color-accent);letter-spacing:.02em}.nav-links{display:flex;gap:var(--spacing-lg)}.nav-link{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.nav-link:hover,.nav-link.router-link-active{color:var(--color-accent);background-color:#00d4ff14}.app-main{flex:1;max-width:1280px;width:100%;margin:0 auto;padding:var(--spacing-xl)}.app-footer{text-align:center;padding:var(--spacing-lg) var(--spacing-xl);color:var(--color-text-muted);font-size:var(--font-size-sm);border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.article-card{overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base)}.article-card:hover{transform:translateY(-4px) scale(1.01)}.article-link{display:block;color:inherit}.article-cover{width:100%;height:200px;overflow:hidden}.article-cover img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.article-card:hover .article-cover img{transform:scale(1.05)}.article-body{padding:var(--spacing-md)}.article-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-summary{color:var(--color-text-secondary);font-size:var(--font-size-sm);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--spacing-sm)}.article-meta{display:flex;gap:var(--spacing-md);color:var(--color-text-muted);font-size:var(--font-size-xs)}.article-detail{max-width:800px;margin:0 auto;padding:var(--spacing-2xl)}.article-detail .article-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.article-detail .article-meta{margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.article-detail .article-cover{height:400px;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.article-content{font-size:var(--font-size-base);line-height:1.8;color:var(--color-text-secondary)}.article-content p{margin-bottom:var(--spacing-md)}.article-content h2,.article-content h3{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.article-original{margin-top:var(--spacing-xl);text-align:center}.hero{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);margin-bottom:var(--spacing-lg)}.hero-title{font-size:var(--font-size-4xl);color:var(--color-accent);margin-bottom:var(--spacing-md)}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.page-title{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);font-size:var(--font-size-2xl)}.loading-indicator,.empty-state{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-muted);font-size:var(--font-size-lg)}.feedback-form{max-width:600px;margin:0 auto;padding:var(--spacing-2xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500}.form-input,.form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:var(--font-sans);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.form-textarea{resize:vertical;min-height:120px}.success-msg{color:var(--color-success);margin-top:var(--spacing-md);font-size:var(--font-size-sm)}.error-msg{color:var(--color-error);margin-top:var(--spacing-md);font-size:var(--font-size-sm)}@media(max-width:768px){.articles-grid{grid-template-columns:1fr}.hero-title{font-size:var(--font-size-2xl)}.nav-bar{flex-direction:column;gap:var(--spacing-sm)}.article-detail{padding:var(--spacing-md)}.article-detail .article-title{font-size:var(--font-size-xl)}}.isometric-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md),var(--depth-base) var(--depth-base) 0 #00000040,var(--shadow-glow);transform:perspective(var(--perspective)) rotateX(var(--isometric-rotateX)) rotateY(var(--isometric-rotateY));transition:transform var(--transition-base),box-shadow var(--transition-base)}.isometric-card:hover{transform:perspective(var(--perspective)) rotateX(0) rotateY(0) translateY(-2px);box-shadow:var(--shadow-lg),var(--depth-hover) var(--depth-hover) 0 #0000004d,var(--shadow-glow-hover)}.depth-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:inset 0 1px #ffffff0a,inset 0 -2px 4px #0003,var(--depth-base) var(--depth-base) 0 #0000004d,var(--shadow-glow);position:relative}.depth-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(0,212,255,.03) 0%,transparent 50%,rgba(0,136,204,.02) 100%);pointer-events:none}.glow-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-xl);background:linear-gradient(135deg,var(--color-accent-secondary),var(--color-accent));color:var(--color-bg-primary);font-weight:600;font-size:var(--font-size-sm);border:none;border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 0 var(--glow-spread) var(--glow-color),0 2px 8px #0000004d;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.glow-button:hover{transform:translateY(-1px);box-shadow:0 0 calc(var(--glow-spread) * 2.5) var(--glow-hover-color),0 4px 16px #0006;background:linear-gradient(135deg,var(--color-accent),#33ddff)}.glow-button:active{transform:translateY(1px);box-shadow:0 0 var(--glow-spread) var(--glow-color),0 1px 4px #0000004d}.glow-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.isometric-badge{display:inline-flex;align-items:center;padding:2px 10px;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-accent);border:1px solid var(--color-border);box-shadow:0 1px 3px #0000004d,inset 0 1px #ffffff0d;transform:perspective(600px) rotateX(2deg)}.isometric-badge--featured{background:#ffd7401f;color:var(--color-featured);border-color:#ffd7404d}.depth-divider{height:2px;border:none;background:linear-gradient(90deg,transparent,var(--color-border-glow),transparent);margin:var(--spacing-lg) 0;box-shadow:0 0 8px var(--glow-color)}.glow-text{color:var(--color-accent);text-shadow:0 0 8px var(--glow-color)}.isometric-grid{display:grid;gap:var(--spacing-lg);perspective:var(--perspective)}.isometric-grid>*{transform:rotateX(var(--isometric-rotateX)) rotateY(var(--isometric-rotateY));transition:transform var(--transition-base)}.isometric-grid>*:hover{transform:rotateX(0) rotateY(0) scale(1.02)}.floating-element{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.pulse-glow{animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:var(--shadow-glow)}50%{box-shadow:var(--shadow-glow-hover)}}.scan-line{position:relative;overflow:hidden}.scan-line:after{content:"";position:absolute;top:-100%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);animation:scanLine 4s linear infinite}@keyframes scanLine{0%{top:-2px}to{top:100%}}.depth-sidebar{background:var(--color-bg-secondary);border-right:1px solid var(--color-border);box-shadow:inset -4px 0 8px #0003,4px 0 #00000026}.isometric-stat{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--depth-base) var(--depth-base) 0 #0003,var(--shadow-glow);transform:perspective(var(--perspective)) rotateX(3deg)}.isometric-stat__value{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-accent);text-shadow:0 0 12px var(--glow-color)}.isometric-stat__label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-xs)}