.navigation[data-v-ec1cff09]{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;box-shadow:0 1px 3px #0003}.nav-container[data-v-ec1cff09]{max-width:1450px;margin:0 auto;padding:0 var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;height:60px;width:100%}.nav-brand[data-v-ec1cff09]{flex:0 1 auto}.brand-text[data-v-ec1cff09]{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-primary);cursor:pointer;transition:color var(--transition-fast);background:none;border:none}.brand-text[data-v-ec1cff09]:hover{color:var(--color-secondary)}.nav-menu[data-v-ec1cff09]{display:flex;align-items:center;gap:var(--spacing-xl)}.nav-item[data-v-ec1cff09]{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:all var(--transition-fast);position:relative}.nav-item[data-v-ec1cff09]:hover{background:#ffffff1a}.nav-item.active[data-v-ec1cff09]{background:#ffffff1a;color:var(--color-secondary);font-weight:500}.nav-item.active[data-v-ec1cff09]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-secondary)}.language-toggle[data-v-ec1cff09]{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:var(--border-radius-sm);font-weight:500;min-width:40px;text-align:center}.language-toggle[data-v-ec1cff09]:hover{background:#ffffff1a!important;border-color:#fff3!important}.dropdown[data-v-ec1cff09]{position:relative}.dropdown-toggle[data-v-ec1cff09]{display:flex;align-items:center;gap:5px;background:none;border:none;color:var(--color-primary);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:all var(--transition-fast);position:relative}.dropdown-toggle[data-v-ec1cff09]:hover{background:#ffffff1a}.dropdown-toggle.active[data-v-ec1cff09]{background:#ffffff1a;color:var(--color-secondary);font-weight:500}.dropdown-toggle.active[data-v-ec1cff09]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-secondary)}.dropdown-arrow[data-v-ec1cff09]{font-size:var(--font-size-sm);transition:transform var(--transition-fast)}.dropdown-arrow.open[data-v-ec1cff09]{transform:rotate(180deg)}.dropdown-menu[data-v-ec1cff09]{position:absolute;top:100%;left:0;background:var(--color-surface);border:1px solid var(--color-border);min-width:300px;max-height:400px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast);box-shadow:0 10px 25px #00000080;margin-top:-1px}.dropdown-menu.open[data-v-ec1cff09]{opacity:1;visibility:visible;transform:translateY(0)}.year-group[data-v-ec1cff09]{border-bottom:1px solid var(--color-border)}.year-group[data-v-ec1cff09]:last-child{border-bottom:none}.year-header[data-v-ec1cff09]{padding:var(--spacing-sm) var(--spacing-md);background:#2d2d2d;font-weight:600;color:var(--color-secondary);font-size:var(--font-size-sm)}.year-posts[data-v-ec1cff09]{padding:5px 0}.post-link[data-v-ec1cff09]{display:block;width:100%;text-align:left;background:none;border:none;color:var(--color-primary);padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;transition:background var(--transition-fast);font-size:var(--font-size-base)}.post-link[data-v-ec1cff09]:hover{background:#ffffff1a}.post-link.active[data-v-ec1cff09]{background:#ffffff1a;color:var(--color-secondary);font-weight:500}.mobile-menu-toggle[data-v-ec1cff09]{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:5px}.mobile-menu-toggle span[data-v-ec1cff09]{width:25px;height:3px;background:var(--color-primary);margin:3px 0;transition:var(--transition-fast);border-radius:2px}.mobile-menu[data-v-ec1cff09]{display:none;background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-xl)}.mobile-menu.open[data-v-ec1cff09]{display:block}.mobile-nav-item[data-v-ec1cff09]{display:block;width:100%;background:none;border:none;color:var(--color-primary);font-size:var(--font-size-lg);padding:var(--spacing-lg) 0;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background var(--transition-fast)}.mobile-nav-item[data-v-ec1cff09]:hover{background:#ffffff1a}.mobile-nav-item.active[data-v-ec1cff09]{background:#ffffff1a;color:var(--color-secondary);font-weight:500}.mobile-blog-section[data-v-ec1cff09]{margin:var(--spacing-xl) 0}.mobile-blog-header[data-v-ec1cff09]{font-weight:600;color:var(--color-secondary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-lg)}.mobile-year-group[data-v-ec1cff09]{margin:var(--spacing-lg) 0}.mobile-year-header[data-v-ec1cff09]{font-weight:600;color:var(--color-secondary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm)}.mobile-post-link[data-v-ec1cff09]{display:block;width:100%;text-align:left;background:none;border:none;color:var(--color-primary);padding:var(--spacing-sm) 0;cursor:pointer;transition:background var(--transition-fast);font-size:var(--font-size-base);border-bottom:1px solid var(--color-border)}.mobile-post-link[data-v-ec1cff09]:hover{background:#ffffff1a}.mobile-post-link.active[data-v-ec1cff09]{background:#ffffff1a;color:var(--color-secondary);font-weight:500}@media (max-width: 768px){.nav-menu[data-v-ec1cff09]{gap:var(--spacing-sm)}.nav-item[data-v-ec1cff09],.dropdown-toggle[data-v-ec1cff09]{display:none}.mobile-menu-toggle[data-v-ec1cff09]{display:flex}.nav-container[data-v-ec1cff09]{padding:0 var(--spacing-xl);width:100%;max-width:none;margin:0}.brand-text[data-v-ec1cff09]{font-size:var(--font-size-xl)}}.tag-more[data-v-3ed5e097]{background:#ffffff0d;opacity:.7}.btn[data-v-bcb7e286]{background:var(--color-border);color:var(--color-primary);border:none;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);transition:background var(--transition-fast)}.btn[data-v-bcb7e286]:hover:not(.btn-disabled){background:#444}.btn-disabled[data-v-bcb7e286]{opacity:.6;cursor:not-allowed}.btn-full[data-v-bcb7e286]{width:100%;justify-content:center}.btn-sm[data-v-bcb7e286]{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base)}.btn-md[data-v-bcb7e286]{padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--font-size-lg)}.btn-lg[data-v-bcb7e286]{padding:var(--spacing-lg) var(--spacing-3xl);font-size:var(--font-size-xl)}.post-content-renderer[data-v-7df6ce2c]{line-height:1.7;color:var(--color-primary);font-size:var(--font-size-lg)}.post-content-renderer[data-v-7df6ce2c] h2{font-size:var(--font-size-4xl);font-weight:700;margin:var(--spacing-4xl) 0 var(--spacing-2xl);color:var(--color-secondary)}.post-content-renderer[data-v-7df6ce2c] h3{font-size:var(--font-size-2xl);font-weight:700;margin:var(--spacing-3xl) 0 var(--spacing-xl);color:var(--color-secondary)}.post-content-renderer[data-v-7df6ce2c] h4{font-size:var(--font-size-xl);font-weight:700;margin:var(--spacing-2xl) 0 var(--spacing-lg);color:var(--color-secondary)}.post-content-renderer[data-v-7df6ce2c] p{margin-bottom:var(--spacing-2xl)}.post-content-renderer[data-v-7df6ce2c] .content-image-wrapper{margin:var(--spacing-4xl) 0;text-align:center}.post-content-renderer[data-v-7df6ce2c] .content-image,.post-content-renderer[data-v-7df6ce2c] img{max-width:100%;height:auto;border-radius:0;box-shadow:0 4px 20px #0000004d}.post-content-renderer[data-v-7df6ce2c] .image-caption{font-size:var(--font-size-base);color:var(--color-secondary);font-weight:400;text-align:center;margin-bottom:var(--spacing-sm);opacity:.7;letter-spacing:.5px}.post-content-renderer[data-v-7df6ce2c] .content-images-side-by-side,.post-content-renderer[data-v-7df6ce2c] .image-comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3xl);margin:var(--spacing-4xl) 0;align-items:start}.post-content-renderer[data-v-7df6ce2c] .content-images-side-by-side .content-image-wrapper,.post-content-renderer[data-v-7df6ce2c] .image-comparison .content-image-wrapper{margin:0}.post-content-renderer[data-v-7df6ce2c] .content-images-side-by-side .content-image,.post-content-renderer[data-v-7df6ce2c] .image-comparison img{width:100%;max-width:600px;aspect-ratio:16/9;height:auto;border-radius:0;box-shadow:0 4px 20px #0000004d;display:block;margin-left:auto;margin-right:auto;object-fit:cover}.post-content-renderer[data-v-7df6ce2c] video{width:100%;max-width:100%;height:auto;box-shadow:0 4px 20px #0000004d;margin:var(--spacing-4xl) 0;display:block}@media (max-width: 768px){.post-content-renderer[data-v-7df6ce2c]{font-size:var(--font-size-base);padding:0 var(--spacing-lg)}.post-content-renderer[data-v-7df6ce2c] h2{font-size:var(--font-size-3xl);margin:var(--spacing-3xl) 0 var(--spacing-xl)}.post-content-renderer[data-v-7df6ce2c] h3{font-size:var(--font-size-2xl);margin:var(--spacing-2xl) 0 var(--spacing-lg)}.post-content-renderer[data-v-7df6ce2c] h4{font-size:var(--font-size-lg);margin:var(--spacing-xl) 0 var(--spacing-md)}.post-content-renderer[data-v-7df6ce2c] p{margin-bottom:var(--spacing-xl)}.post-content-renderer[data-v-7df6ce2c] .content-image-wrapper{margin:var(--spacing-3xl) 0}.post-content-renderer[data-v-7df6ce2c] .content-images-side-by-side,.post-content-renderer[data-v-7df6ce2c] .image-comparison{grid-template-columns:1fr;gap:var(--spacing-xl);margin:var(--spacing-3xl) 0}.post-content-renderer[data-v-7df6ce2c] .content-images-side-by-side .content-image,.post-content-renderer[data-v-7df6ce2c] .image-comparison img{max-width:100%;aspect-ratio:16/9}.post-content-renderer[data-v-7df6ce2c] .image-caption{font-size:var(--font-size-base)}.post-content-renderer[data-v-7df6ce2c] video{margin:var(--spacing-3xl) 0}}@media (max-width: 480px){.post-content-renderer[data-v-7df6ce2c]{padding:0 var(--spacing-md)}.post-content-renderer[data-v-7df6ce2c] h2{font-size:var(--font-size-2xl);margin:var(--spacing-2xl) 0 var(--spacing-lg)}.post-content-renderer[data-v-7df6ce2c] h3{font-size:var(--font-size-xl);margin:var(--spacing-xl) 0 var(--spacing-md)}.post-content-renderer[data-v-7df6ce2c] h4{font-size:var(--font-size-base);margin:var(--spacing-lg) 0 var(--spacing-sm)}.post-content-renderer[data-v-7df6ce2c] p{margin-bottom:var(--spacing-lg)}.post-content-renderer[data-v-7df6ce2c] .content-image-wrapper{margin:var(--spacing-2xl) 0}.post-content-renderer[data-v-7df6ce2c] .content-images-side-by-side,.post-content-renderer[data-v-7df6ce2c] .image-comparison{gap:var(--spacing-lg);margin:var(--spacing-2xl) 0}.post-content-renderer[data-v-7df6ce2c] video{margin:var(--spacing-2xl) 0}}:root{--color-primary: #ffffff;--color-secondary: #cccccc;--color-background: #0a0a0a;--color-surface: #1a1a1a;--color-surface-light: #0f0f0f;--color-border: #333;--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-size-base: .9rem;--font-size-lg: 1rem;--font-size-xl: 1.1rem;--font-size-2xl: 1.2rem;--font-size-3xl: 1.5rem;--font-size-4xl: 1.8rem;--font-size-5xl: 2rem;--font-size-6xl: 2.5rem;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 15px;--spacing-xl: 20px;--spacing-2xl: 25px;--spacing-3xl: 30px;--spacing-4xl: 40px;--spacing-5xl: 50px;--spacing-6xl: 60px;--max-width: 1200px;--border-radius: 8px;--transition: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-primary);line-height:1.6;min-width:320px;min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column;width:100%}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-4xl);width:100%}.tag{background:#ffffff1a;color:var(--color-primary);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border:1px solid rgba(255,255,255,.2);display:inline-block}.tag-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.btn{background:var(--color-border);color:var(--color-primary);border:none;padding:var(--spacing-md) var(--spacing-2xl);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);transition:background var(--transition)}.btn:hover{background:#444}.btn-full{width:100%;justify-content:center}.text-xl{font-size:var(--font-size-xl)}.text-lg{font-size:var(--font-size-lg)}.font-bold{font-weight:700}.m-3xl{margin:var(--spacing-3xl)}@media (max-width: 768px){.container{padding:0 var(--spacing-lg)}}@media (max-width: 480px){.container{padding:0 var(--spacing-md)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border)}::-webkit-scrollbar-thumb:hover{background:#555}.banner{width:100%;background:var(--color-surface);padding:var(--spacing-6xl) 0;margin-bottom:0}.banner:nth-child(2n){background:var(--color-surface-light)}.banner-type1{position:relative;height:500px;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;overflow:hidden}.banner-type1:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000c,#0006)}.banner-type1 .banner-content{position:relative;z-index:2;width:100%}.banner-type1 .banner-text{max-width:600px}.banner-type2 .banner-content{display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-5xl);align-items:center}.banner-type2 .banner-text{max-width:600px}.banner-type2 .banner-image{width:100%;height:300px;overflow:hidden;position:relative}.banner-type2 .banner-image img{width:100%;height:100%;object-fit:cover}.banner-type2 .image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#ff6b6b1a,#4ecdc41a)}.banner-type3 .banner-content{display:flex;flex-direction:column;gap:var(--spacing-5xl)}.banner-type3 .banner-header{text-align:center}.banner-type3 .banner-video{width:100%;overflow:hidden}.banner-type3 .banner-video video{width:100%;height:auto;display:block}.banner-type3 .banner-info{background:linear-gradient(135deg,#000c,#0009);padding:var(--spacing-5xl);margin-top:var(--spacing-4xl);border-left:4px solid var(--color-secondary)}.banner-type3 .info-content{margin-bottom:var(--spacing-4xl)}.banner-type3 .info-content .banner-excerpt{margin-bottom:var(--spacing-3xl);font-size:var(--font-size-lg);line-height:1.7;color:var(--color-primary);opacity:.95}.banner-type3 .info-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-3xl);border-top:1px solid rgba(255,255,255,.1)}.banner-title{font-size:var(--font-size-6xl);font-weight:700;color:var(--color-primary);line-height:1.2;margin-bottom:var(--spacing-2xl)}.banner-excerpt{font-size:var(--font-size-xl);color:var(--color-primary);line-height:1.6;margin-bottom:var(--spacing-3xl);opacity:.9}.banner-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-3xl)}.banner-date{color:var(--color-secondary);font-size:var(--font-size-base)}.arrow{font-size:var(--font-size-2xl);margin-left:var(--spacing-sm)}.posts-list-section{margin-bottom:var(--spacing-6xl)}.posts-list-header{background:var(--color-surface);padding:var(--spacing-3xl) 0;margin-bottom:0}.section-title{font-size:var(--font-size-5xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xl)}.posts-list{display:flex;flex-direction:column}.post-list-item{background:var(--color-surface-light);cursor:pointer;transition:background var(--transition);border-bottom:1px solid var(--color-border);padding:var(--spacing-4xl) 0}.post-list-item:nth-child(2n){background:var(--color-surface)}.post-list-item:hover{background:#2a2a2a}.post-list-content{display:grid;grid-template-columns:1fr 200px;gap:var(--spacing-4xl);align-items:center}.post-list-text{display:flex;flex-direction:column;gap:var(--spacing-lg)}.post-list-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-primary);line-height:1.3}.post-list-excerpt{font-size:var(--font-size-lg);color:var(--color-primary);line-height:1.5;opacity:.8}.post-list-meta{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-lg)}.post-list-date{color:var(--color-secondary);font-size:var(--font-size-base)}.post-list-image{width:100%;height:120px;object-fit:cover;background:#222}.home-page{padding:0}.posts-section{margin-bottom:var(--spacing-6xl)}.posts-grid{display:flex;flex-direction:column}.contact-page{padding:var(--spacing-6xl) 0}.page-header{text-align:center;margin-bottom:var(--spacing-6xl);padding:var(--spacing-5xl);background:#ffffff0d;border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.1)}.page-title{font-size:var(--font-size-6xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-2xl)}.page-subtitle{font-size:var(--font-size-xl);color:var(--color-primary);line-height:1.6;max-width:600px;margin:0 auto;opacity:.8}.contact-content{display:flex;justify-content:center;max-width:600px;margin:0 auto}.info-grid{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.info-card{display:flex;align-items:center;gap:var(--spacing-2xl);padding:var(--spacing-3xl);background:#ffffff0d;border-bottom:1px solid var(--color-border)}.info-card:hover{background:#ffffff14}.info-icon{font-size:var(--font-size-5xl);width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--color-border);flex-shrink:0}.info-content h3{margin-bottom:var(--spacing-sm);color:var(--color-primary)}.social-link{color:var(--color-primary);opacity:.8;text-decoration:none;transition:opacity var(--transition)}.social-link:hover{opacity:1;color:var(--color-secondary)}.dev-blog-page{padding:0}.post-header{background:var(--color-surface);padding:var(--spacing-5xl) 0;border-bottom:1px solid var(--color-border)}.post-title{font-size:var(--font-size-5xl);font-weight:700;color:var(--color-primary);line-height:1.2;margin-bottom:var(--spacing-3xl)}.post-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-2xl)}.post-content{padding:var(--spacing-5xl) 0}.post-media{margin-bottom:var(--spacing-4xl);overflow:hidden}.post-image,.post-video{width:100%;height:auto;display:block}.post-body{line-height:1.7;color:var(--color-primary);font-size:var(--font-size-lg)}.post-body h2{font-size:var(--font-size-4xl);font-weight:700;margin:var(--spacing-4xl) 0 var(--spacing-2xl);color:var(--color-secondary)}.post-body h3{font-size:var(--font-size-2xl);font-weight:700;margin:var(--spacing-3xl) 0 var(--spacing-xl);color:var(--color-secondary)}.post-body p{margin-bottom:var(--spacing-2xl)}.not-found{text-align:center;padding:var(--spacing-6xl) var(--spacing-4xl)}.not-found h1{font-size:var(--font-size-6xl);font-weight:700;color:var(--color-secondary);margin-bottom:var(--spacing-2xl)}.not-found p{font-size:var(--font-size-xl);color:var(--color-primary);margin-bottom:var(--spacing-4xl);opacity:.8}@media (max-width: 900px){.banner-type2 .banner-content{grid-template-columns:1fr;gap:var(--spacing-3xl)}.banner-type2 .banner-image{height:200px}.post-list-content{grid-template-columns:1fr;gap:var(--spacing-2xl)}.post-list-image{height:100px}}@media (max-width: 768px){.banner-type1{height:400px}.banner-title{font-size:var(--font-size-4xl)}.banner-excerpt{font-size:var(--font-size-lg)}.banner-footer{flex-direction:column;gap:var(--spacing-lg);align-items:flex-start}.banner-type3 .banner-info{padding:var(--spacing-4xl);margin-top:var(--spacing-3xl)}.banner-type3 .info-footer{flex-direction:column;gap:var(--spacing-lg);align-items:flex-start}.section-title{font-size:var(--font-size-3xl)}.post-list-item{padding:var(--spacing-3xl) 0}.post-list-title{font-size:var(--font-size-2xl)}.page-title{font-size:var(--font-size-5xl)}.page-subtitle{font-size:var(--font-size-lg)}.post-title{font-size:var(--font-size-4xl)}.post-body h2{font-size:var(--font-size-3xl)}.post-body h3{font-size:var(--font-size-2xl)}.post-body{font-size:var(--font-size-base)}.post-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-lg)}.not-found h1{font-size:var(--font-size-5xl)}.not-found p{font-size:var(--font-size-lg)}}.main-content{flex:1;padding:0;width:100%;margin-top:60px}@media (max-width: 768px){.main-content{margin-top:60px;padding:0;width:100%}}