.blog-app[data-v-39b0f397]{display:flex;flex-direction:column;min-height:100vh}.blog-main[data-v-39b0f397]{flex:1;padding:1rem 0;background:var(--bg-light)}.hamburger[data-v-39b0f397]{display:block;width:24px;height:2px;background:#fff;position:relative;transition:all .3s}.hamburger[data-v-39b0f397]:after,.hamburger[data-v-39b0f397]:before{content:"";position:absolute;width:24px;height:2px;background:#fff;transition:all .3s}.hamburger[data-v-39b0f397]:before{top:-8px}.hamburger[data-v-39b0f397]:after{bottom:-8px}.mobile-menu-toggle[aria-expanded=true] .hamburger[data-v-39b0f397]{background:transparent}.mobile-menu-toggle[aria-expanded=true] .hamburger[data-v-39b0f397]:before{transform:rotate(45deg);top:0}.mobile-menu-toggle[aria-expanded=true] .hamburger[data-v-39b0f397]:after{transform:rotate(-45deg);bottom:0}.router-link-exact-active[data-v-39b0f397]{background:hsla(0,0%,100%,.15)!important;font-weight:600}.footer-link[data-v-39b0f397]{color:hsla(0,0%,100%,.7);text-decoration:none;transition:color .3s}.footer-link[data-v-39b0f397]:hover{color:#fff;text-decoration:underline}:root{--primary-color:#3498db;--secondary-color:#2c3e50;--accent-color:#e74c3c;--text-color:#333;--text-light:#666;--bg-color:#fff;--bg-light:#f8f9fa;--border-color:#e0e0e0;--shadow:0 2px 12px rgba(0,0,0,.08);--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--mobile:576px;--tablet:768px;--desktop:992px;--large-desktop:1200px;--font-xs:0.75rem;--font-sm:0.875rem;--font-md:1rem;--font-lg:1.25rem;--font-xl:1.5rem;--font-xxl:2rem}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-color)}.container{width:100%;max-width:var(--large-desktop);margin:0 auto;padding:0 var(--space-md)}.hide-mobile{display:none}.hide-desktop{display:block}@media (min-width:768px){.hide-mobile{display:block}.hide-desktop{display:none}}.mt-1{margin-top:var(--space-xs)}.mt-2{margin-top:var(--space-sm)}.mt-3{margin-top:var(--space-md)}.mt-4{margin-top:var(--space-lg)}.mt-5{margin-top:var(--space-xl)}.mb-1{margin-bottom:var(--space-xs)}.mb-2{margin-bottom:var(--space-sm)}.mb-3{margin-bottom:var(--space-md)}.mb-4{margin-bottom:var(--space-lg)}.mb-5{margin-bottom:var(--space-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.text-light{color:var(--text-light)}.row{display:flex;flex-wrap:wrap;margin:0 calc(var(--space-sm)*-1)}.col{padding:0 var(--space-sm);flex:1 0 100%}@media (min-width:576px){.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-4{flex:0 0 33.333%;max-width:33.333%}.col-sm-8{flex:0 0 66.667%;max-width:66.667%}}@media (min-width:768px){.col-md-4{flex:0 0 33.333%;max-width:33.333%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-8{flex:0 0 66.667%;max-width:66.667%}}.btn{display:inline-block;padding:.6rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;text-decoration:none;font-size:var(--font-md);transition:all .3s ease;text-align:center;min-height:44px;min-width:44px}.btn:hover{background:#2980b9;transform:translateY(-2px);box-shadow:var(--shadow)}.btn-outline{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:#fff}.card{background:#fff;border-radius:8px;padding:var(--space-md);box-shadow:var(--shadow);transition:transform .3s ease;height:100%}.card:hover{transform:translateY(-5px);box-shadow:0 5px 20px rgba(0,0,0,.12)}.card-header{padding-bottom:var(--space-sm);margin-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.card-title{font-size:var(--font-lg);color:var(--secondary-color);margin-bottom:var(--space-xs)}.article-card{display:block;color:inherit;transition:all .3s ease}.article-card,.article-card:hover{text-decoration:none}.article-date{color:var(--text-light);font-size:var(--font-sm);margin-bottom:var(--space-sm)}.article-excerpt{color:var(--text-color);line-height:1.7;margin-bottom:var(--space-md)}.read-more{color:var(--primary-color);font-weight:500;display:inline-flex;align-items:center;gap:.5rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin:var(--space-xl) 0}.feature-item{text-align:center;padding:var(--space-lg)}.feature-icon{font-size:3rem;margin-bottom:var(--space-md)}.feature-icon,.tag{display:inline-block}.tag{background:var(--bg-light);color:var(--text-light);padding:.25rem .75rem;border-radius:20px;font-size:var(--font-sm);margin-right:.5rem;margin-bottom:.5rem;transition:all .2s ease}.tag:hover{background:var(--primary-color);color:#fff}.tag-list{display:flex;flex-wrap:wrap;margin:var(--space-sm) 0}.code-block{background:#f8f8f8;border-left:4px solid var(--primary-color);padding:var(--space-md);margin:var(--space-md) 0;border-radius:4px;overflow-x:auto}.code-block pre{margin:0;font-family:Monaco,Consolas,monospace;font-size:.9rem}.blockquote{border-left:4px solid var(--primary-color);padding-left:var(--space-md);margin:var(--space-lg) 0;font-style:italic;color:var(--text-light)}.blog-navbar{background:var(--secondary-color);color:#fff;padding:var(--space-sm) 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.1);width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.nav-container{justify-content:space-between}.blog-logo,.nav-container{display:flex;align-items:center}.blog-logo{font-size:var(--font-xl);font-weight:700;color:#fff;text-decoration:none;gap:var(--space-xs)}.blog-nav{gap:var(--space-md)}.blog-nav,.nav-link{display:flex;align-items:center}.nav-link{color:hsla(0,0%,100%,.9);text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease;gap:.5rem}.nav-link.active,.nav-link:hover{color:#fff;background:hsla(0,0%,100%,.1)}.mobile-menu-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;width:44px;height:44px;align-items:center;justify-content:center}.blog-footer{background:var(--secondary-color);color:#fff;padding:var(--space-xl) 0 var(--space-md);margin-top:auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-xl);margin-bottom:var(--space-xl)}.footer-section h3{margin-bottom:var(--space-md);color:hsla(0,0%,100%,.9)}.footer-section p{color:hsla(0,0%,100%,.7);line-height:1.7}.copyright{text-align:center;padding-top:var(--space-md);border-top:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.5);font-size:var(--font-sm)}.blog-sidebar{background:var(--bg-light);border-radius:8px;padding:var(--space-md)}.blog-sidebar,.sidebar-title{margin-bottom:var(--space-md)}.sidebar-title{font-size:var(--font-lg);color:var(--secondary-color);padding-bottom:var(--space-sm);border-bottom:2px solid var(--primary-color)}.article-content{line-height:1.8}.article-content h1,.article-content h2,.article-content h3,.article-content h4{color:var(--secondary-color);margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.article-content p{margin-bottom:var(--space-md)}.article-content img{max-width:100%;height:auto;border-radius:8px;margin:var(--space-md) 0}.article-content ol,.article-content ul{margin-left:var(--space-lg);margin-bottom:var(--space-md)}.article-content blockquote{@extend .blockquote}@media (max-width:767px){.container{padding:0 var(--space-sm)}.mobile-menu-toggle{display:flex}.blog-nav{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background:var(--secondary-color);flex-direction:column;padding:80px var(--space-md) var(--space-md);transition:right .3s ease;z-index:999}.blog-nav.active{right:0}.nav-link{width:100%;padding:var(--space-sm);justify-content:flex-start}.feature-grid,.footer-content{grid-template-columns:1fr}.footer-content{gap:var(--space-lg)}}@media (min-width:768px) and (max-width:991px){.container{max-width:720px}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (prefers-color-scheme:dark){:root{--text-color:#e0e0e0;--text-light:#aaa;--bg-color:#1a1a1a;--bg-light:#2d2d2d;--border-color:#404040;--shadow:0 2px 12px rgba(0,0,0,.3)}.blog-sidebar,.card{background:var(--bg-light)}}:export{primaryColor:var(--primary-color);secondaryColor:var(--secondary-color);mobileBreakpoint:var(--mobile);tabletBreakpoint:var(--tablet)}.blog-card[data-v-b09acfb8]{background:var(--bg-color);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);transition:all .3s ease;border-top:4px solid var(--card-accent,var(--primary-color));height:100%;display:flex;flex-direction:column}.blog-card[data-v-b09acfb8]:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,.15)}.card-image[data-v-b09acfb8]{position:relative;height:200px;overflow:hidden}.card-image img[data-v-b09acfb8]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.blog-card:hover .card-image img[data-v-b09acfb8]{transform:scale(1.05)}.image-skeleton[data-v-b09acfb8]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading-data-v-b09acfb8 1.5s infinite}@keyframes loading-data-v-b09acfb8{0%{background-position:200% 0}to{background-position:-200% 0}}.card-content[data-v-b09acfb8]{padding:1.5rem;flex:1;display:flex;flex-direction:column}.card-meta[data-v-b09acfb8]{display:flex;gap:1rem;font-size:.875rem;color:var(--text-light);margin-bottom:.75rem;flex-wrap:wrap}.category[data-v-b09acfb8]{background:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem}.read-time[data-v-b09acfb8]{margin-left:auto}.card-title[data-v-b09acfb8]{font-size:1.25rem;color:var(--secondary-color);margin-bottom:1rem;line-height:1.4;-webkit-line-clamp:2}.card-excerpt[data-v-b09acfb8],.card-title[data-v-b09acfb8]{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.card-excerpt[data-v-b09acfb8]{color:var(--text-color);line-height:1.6;margin-bottom:1.5rem;flex:1;-webkit-line-clamp:3}.card-footer[data-v-b09acfb8]{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color)}.tags[data-v-b09acfb8]{display:flex;flex-wrap:wrap;gap:.5rem}.tag[data-v-b09acfb8]{background:var(--bg-light);color:var(--text-light);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.tag[data-v-b09acfb8]:hover{background:var(--primary-color);color:#fff}.read-more[data-v-b09acfb8]{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .2s ease;white-space:nowrap}.read-more[data-v-b09acfb8]:hover{color:var(--accent-color)}@media (max-width:768px){.card-image[data-v-b09acfb8]{height:160px}.card-content[data-v-b09acfb8]{padding:1.25rem}.card-meta[data-v-b09acfb8]{flex-direction:column;gap:.5rem}.read-time[data-v-b09acfb8]{margin-left:0}.card-footer[data-v-b09acfb8]{flex-direction:column;gap:1rem;align-items:flex-start}}