.header[data-v-122385e3]{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;transition:all .3s}.header.scrolled[data-v-122385e3]{background:#ffffffeb;backdrop-filter:blur(20px);border-bottom:1px solid #e2e8f0;padding:10px 0;box-shadow:0 1px 3px #0000000d}.header-inner[data-v-122385e3]{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.logo[data-v-122385e3]{display:flex;align-items:center;gap:10px;text-decoration:none;color:#161718}.logo-text[data-v-122385e3]{font-size:20px;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links[data-v-122385e3]{display:flex;gap:32px}.nav-links a[data-v-122385e3]{color:#64748b;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.nav-links a[data-v-122385e3]:hover,.nav-links a.active[data-v-122385e3]{color:#8b5cf6}.header-actions[data-v-122385e3]{display:flex;align-items:center;gap:12px}.lang-selector[data-v-122385e3]{position:relative;display:flex;align-items:center;gap:6px;cursor:pointer;padding:8px 12px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:13px}.lang-selector[data-v-122385e3]:hover{border-color:#8b5cf6;color:#8b5cf6}.lang-dropdown[data-v-122385e3]{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:6px;min-width:160px;box-shadow:0 20px 40px #0000001f;z-index:200}.lang-dropdown button[data-v-122385e3]{display:block;width:100%;padding:8px 12px;border:none;background:transparent;color:#64748b;text-align:left;border-radius:8px;cursor:pointer;font-size:13px;font-family:inherit}.lang-dropdown button[data-v-122385e3]:hover{background:#f8fafc;color:#8b5cf6}.lang-dropdown button.active[data-v-122385e3]{background:#8b5cf614;color:#8b5cf6;font-weight:600}.blog-main[data-v-122385e3]{max-width:900px;margin:0 auto;padding:120px 24px 80px}.blog-hero[data-v-122385e3]{text-align:center;margin-bottom:64px}.blog-hero h1[data-v-122385e3]{font-size:42px;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 16px}.blog-hero p[data-v-122385e3]{font-size:18px;color:#64748b;max-width:500px;margin:0 auto}.articles-grid[data-v-122385e3]{display:flex;flex-direction:column;gap:24px}.article-card[data-v-122385e3]{display:flex;gap:24px;padding:28px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;text-decoration:none;transition:all .3s}.article-card[data-v-122385e3]:hover{border-color:#8b5cf64d;transform:translateY(-2px);box-shadow:0 12px 40px #8b5cf614}.article-card-image[data-v-122385e3]{flex-shrink:0}.article-icon[data-v-122385e3]{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:16px}.article-icon.cat-technology[data-v-122385e3]{background:#8b5cf61a;color:#8b5cf6}.article-icon.cat-web-development[data-v-122385e3]{background:#06b6d41a;color:#06b6d4}.article-icon.cat-tutorial[data-v-122385e3]{background:#eab3081a;color:#eab308}.article-card-body[data-v-122385e3]{flex:1;min-width:0}.article-meta[data-v-122385e3]{display:flex;gap:12px;align-items:center;margin-bottom:10px;font-size:13px}.article-category[data-v-122385e3]{padding:3px 10px;background:#8b5cf614;color:#8b5cf6;border-radius:6px;font-weight:600}.article-date[data-v-122385e3],.article-read[data-v-122385e3]{color:#94a3b8}.article-card h2[data-v-122385e3]{font-size:20px;font-weight:700;color:#161718;margin:0 0 8px;line-height:1.3}.article-card p[data-v-122385e3]{font-size:14px;color:#64748b;line-height:1.6;margin:0 0 12px}.article-tags[data-v-122385e3]{display:flex;gap:6px;flex-wrap:wrap}.tag[data-v-122385e3]{padding:3px 10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;color:#94a3b8}.footer[data-v-122385e3]{border-top:1px solid #e2e8f0;padding:40px 24px 30px;background:#fff}.footer-inner[data-v-122385e3]{max-width:1200px;margin:0 auto}.footer-brand[data-v-122385e3]{margin-bottom:24px}.footer-brand .logo[data-v-122385e3]{margin-bottom:8px}.footer-brand p[data-v-122385e3]{font-size:14px;color:#94a3b8;margin:0}.footer-bottom[data-v-122385e3]{padding-top:20px;border-top:1px solid #e2e8f0}.footer-bottom p[data-v-122385e3]{font-size:13px;color:#94a3b8;margin:0}@media(max-width:768px){.nav-links[data-v-122385e3]{display:none}.blog-hero h1[data-v-122385e3]{font-size:32px}.article-card[data-v-122385e3]{flex-direction:column;gap:16px}.article-icon[data-v-122385e3]{width:60px;height:60px}.article-icon svg[data-v-122385e3]{width:32px;height:32px}}