.blog-post-page[data-v-6b5c374c]{background:#fff;min-height:100vh}.blog-post-page__container[data-v-6b5c374c]{margin:0 auto;max-width:1200px;padding:0 24px}.blog-post-page__loading[data-v-6b5c374c]{padding:80px 0}.blog-post-page__error[data-v-6b5c374c]{background:#f8f9fa;padding:80px 0}.blog-post-page__header[data-v-6b5c374c]{color:#fff;padding:40px 0;position:relative}[dir=ltr] .blog-post-page__header[data-v-6b5c374c]{background:linear-gradient(135deg,#667eea,#764ba2)}[dir=rtl] .blog-post-page__header[data-v-6b5c374c]{background:linear-gradient(-135deg,#667eea,#764ba2)}.blog-post-page__breadcrumbs[data-v-6b5c374c]{margin-bottom:24px}.blog-post-page__breadcrumbs[data-v-6b5c374c] .q-breadcrumbs__el{color:#fffc}.blog-post-page__breadcrumbs[data-v-6b5c374c] .q-breadcrumbs__el:hover{color:#fff}.blog-post-page__breadcrumbs[data-v-6b5c374c] .q-breadcrumbs__separator{color:#fff9}.blog-post-page__breadcrumb-current[data-v-6b5c374c]{color:#fff!important;font-weight:600}.blog-post-page__meta[data-v-6b5c374c]{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.blog-post-page__categories[data-v-6b5c374c]{display:flex;flex-wrap:wrap;gap:8px}.blog-post-page__category[data-v-6b5c374c]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;text-decoration:none;transition:all .2s ease}.blog-post-page__category[data-v-6b5c374c]:hover{background:#ffffff4d}.blog-post-page__date[data-v-6b5c374c]{color:#ffffffe6;font-size:14px}.blog-post-page__title[data-v-6b5c374c]{font-size:48px;font-weight:800;line-height:1.2;margin:0 0 32px;max-width:800px}.blog-post-page__author-info[data-v-6b5c374c]{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.blog-post-page__author[data-v-6b5c374c]{align-items:center;display:flex}.blog-post-page__author-name[data-v-6b5c374c]{font-size:16px;font-weight:600}.blog-post-page__author-title[data-v-6b5c374c]{font-size:12px;opacity:.8}.blog-post-page__reading-time[data-v-6b5c374c]{align-items:center;display:flex;font-size:14px;opacity:.9}.blog-post-page__featured-image[data-v-6b5c374c]{border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-top:40px;overflow:hidden}.blog-post-page__featured-image img[data-v-6b5c374c]{height:400px;object-fit:cover;width:100%}.blog-post-page__content[data-v-6b5c374c]{padding:80px 0}.blog-post-page__main[data-v-6b5c374c]{align-items:start;display:grid;gap:40px 60px;grid-template-columns:60px minmax(0,1fr) 300px}.blog-post-page__share-sticky[data-v-6b5c374c]{align-self:start;height:0;position:-webkit-sticky;position:sticky;top:120px;z-index:3}.blog-post-page__content-col[data-v-6b5c374c]{max-width:100%;min-width:0;overflow-x:hidden}.blog-post-page__text[data-v-6b5c374c]{color:#333;font-size:18px;line-height:1.8;max-width:100%;overflow-x:hidden}.blog-post-page__text[data-v-6b5c374c] h1,.blog-post-page__text[data-v-6b5c374c] h2,.blog-post-page__text[data-v-6b5c374c] h3,.blog-post-page__text[data-v-6b5c374c] h4,.blog-post-page__text[data-v-6b5c374c] h5,.blog-post-page__text[data-v-6b5c374c] h6{color:#1a1a1a;font-weight:700;margin:32px 0 16px}.blog-post-page__text[data-v-6b5c374c] h1{font-size:36px}.blog-post-page__text[data-v-6b5c374c] h2{font-size:28px}.blog-post-page__text[data-v-6b5c374c] h3{font-size:24px}.blog-post-page__text[data-v-6b5c374c] h4{font-size:20px}.blog-post-page__text[data-v-6b5c374c] p{margin:0 0 24px}.blog-post-page__text[data-v-6b5c374c] img{border-radius:12px;display:block;height:auto;margin:24px 0;max-width:100%;object-fit:contain;width:auto}.blog-post-page__text[data-v-6b5c374c] figure,.blog-post-page__text[data-v-6b5c374c] figure img,.blog-post-page__text[data-v-6b5c374c] iframe,.blog-post-page__text[data-v-6b5c374c] video{height:auto;max-width:100%}.blog-post-page__text[data-v-6b5c374c] blockquote{background:#f8f9fa;font-style:italic;margin:24px 0;padding:16px 24px}[dir=ltr] .blog-post-page__text[data-v-6b5c374c] blockquote{border-left:4px solid #007acc;border-radius:0 8px 8px 0}[dir=rtl] .blog-post-page__text[data-v-6b5c374c] blockquote{border-radius:8px 0 0 8px;border-right:4px solid #007acc}.blog-post-page__text[data-v-6b5c374c] code{background:#f1f3f4;border-radius:4px;font-family:Courier New,monospace;font-size:16px;padding:2px 6px}.blog-post-page__text[data-v-6b5c374c] pre{background:#282c34;border-radius:12px;color:#abb2bf;margin:24px 0;overflow-x:auto;padding:24px}.blog-post-page__text[data-v-6b5c374c] pre code{background:none;color:inherit;padding:0}.blog-post-page__text[data-v-6b5c374c] ol,.blog-post-page__text[data-v-6b5c374c] ul{margin:24px 0}[dir=ltr] .blog-post-page__text[data-v-6b5c374c] ol,[dir=ltr] .blog-post-page__text[data-v-6b5c374c] ul{padding-left:32px}[dir=rtl] .blog-post-page__text[data-v-6b5c374c] ol,[dir=rtl] .blog-post-page__text[data-v-6b5c374c] ul{padding-right:32px}.blog-post-page__text[data-v-6b5c374c] ol li,.blog-post-page__text[data-v-6b5c374c] ul li{margin-bottom:8px}.blog-post-page__tags[data-v-6b5c374c]{border-top:1px solid #e0e0e0;margin-top:40px;padding-top:24px}.blog-post-page__tags-title[data-v-6b5c374c]{color:#333;font-size:18px;font-weight:600;margin:0 0 16px}.blog-post-page__tags-list[data-v-6b5c374c]{display:flex;flex-wrap:wrap;gap:8px}.blog-post-page__tag[data-v-6b5c374c]{background:#f1f3f4;border-radius:20px;color:#007acc;font-size:14px;font-weight:500;padding:6px 16px;text-decoration:none;transition:all .2s ease}.blog-post-page__tag[data-v-6b5c374c]:hover{background:#007acc;color:#fff}.blog-post-page__share-bottom[data-v-6b5c374c]{border-top:1px solid #e0e0e0;margin-top:32px;padding-top:24px}.blog-post-page__share-title[data-v-6b5c374c]{color:#333;font-size:18px;font-weight:600;margin:0 0 16px}.blog-post-page__share-buttons[data-v-6b5c374c]{display:flex;flex-wrap:wrap;gap:12px}.blog-post-page__sidebar[data-v-6b5c374c]{position:-webkit-sticky;position:sticky;top:24px}.blog-post-page__toc[data-v-6b5c374c]{background:#f8f9fa;border-radius:12px;margin-bottom:32px;padding:24px}.blog-post-page__toc-title[data-v-6b5c374c]{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}.blog-post-page__toc-nav[data-v-6b5c374c]{display:flex;flex-direction:column;gap:8px}.blog-post-page__toc-link[data-v-6b5c374c]{color:#666;font-size:14px;line-height:1.4;text-decoration:none;transition:color .2s ease}.blog-post-page__toc-link[data-v-6b5c374c]:hover{color:#007acc}.blog-post-page__toc-link--1[data-v-6b5c374c]{font-weight:600}[dir=ltr] .blog-post-page__toc-link--2[data-v-6b5c374c]{padding-left:16px}[dir=rtl] .blog-post-page__toc-link--2[data-v-6b5c374c]{padding-right:16px}.blog-post-page__toc-link--3[data-v-6b5c374c]{font-size:13px}[dir=ltr] .blog-post-page__toc-link--3[data-v-6b5c374c]{padding-left:32px}[dir=rtl] .blog-post-page__toc-link--3[data-v-6b5c374c]{padding-right:32px}.blog-post-page__toc-link--4[data-v-6b5c374c]{font-size:13px}[dir=ltr] .blog-post-page__toc-link--4[data-v-6b5c374c]{padding-left:48px}[dir=rtl] .blog-post-page__toc-link--4[data-v-6b5c374c]{padding-right:48px}.blog-post-page__recent[data-v-6b5c374c]{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:24px}.blog-post-page__recent-title[data-v-6b5c374c]{color:#333;font-size:16px;font-weight:600;margin:0 0 20px}.blog-post-page__recent-list[data-v-6b5c374c]{display:flex;flex-direction:column;gap:16px}.blog-post-page__recent-post-link[data-v-6b5c374c]{color:inherit;display:flex;gap:12px;text-decoration:none;transition:transform .2s ease}.blog-post-page__recent-post-link[data-v-6b5c374c]:hover{transform:translateY(-2px)}.blog-post-page__recent-post-image[data-v-6b5c374c]{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;width:60px}.blog-post-page__recent-post-image img[data-v-6b5c374c]{height:100%;object-fit:cover;width:100%}.blog-post-page__recent-post-content[data-v-6b5c374c]{flex:1;min-width:0}.blog-post-page__recent-post-title[data-v-6b5c374c]{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:14px;font-weight:600;margin:0 0 6px;overflow:hidden}.blog-post-page__recent-post-date[data-v-6b5c374c]{color:#666;font-size:12px}.blog-post-page__related[data-v-6b5c374c]{background:#f8f9fa;padding:80px 0}.blog-post-page__related-title[data-v-6b5c374c]{color:#1a1a1a;font-size:32px;font-weight:700;margin:0 0 48px;text-align:center}.blog-post-page__related-grid[data-v-6b5c374c]{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.blog-post-page__related-post[data-v-6b5c374c]{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:transform .3s ease}.blog-post-page__related-post[data-v-6b5c374c]:hover{transform:translateY(-8px)}.blog-post-page__related-post-link[data-v-6b5c374c]{color:inherit;display:block;text-decoration:none}.blog-post-page__related-post-image[data-v-6b5c374c]{align-items:center;background:#f5f5f5;display:flex;height:200px;justify-content:center}.blog-post-page__related-post-image img[data-v-6b5c374c]{height:100%;object-fit:cover;width:100%}.blog-post-page__related-post-content[data-v-6b5c374c]{padding:24px}.blog-post-page__related-post-title[data-v-6b5c374c]{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:18px;font-weight:600;margin:0 0 12px;overflow:hidden}.blog-post-page__related-post-excerpt[data-v-6b5c374c]{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;line-height:1.6;margin:0 0 12px;overflow:hidden}.blog-post-page__related-post-date[data-v-6b5c374c]{color:#999;font-size:14px}@media (max-width:1024px){.blog-post-page__main[data-v-6b5c374c]{gap:40px;grid-template-columns:1fr}.blog-post-page__share-sticky[data-v-6b5c374c]{display:none}.blog-post-page__sidebar[data-v-6b5c374c]{order:-1;position:static}.blog-post-page__toc[data-v-6b5c374c]{display:none}}@media (max-width:768px){.desktop-only[data-v-6b5c374c]{display:none}.mobile-only[data-v-6b5c374c]{display:block}.blog-post-page__container[data-v-6b5c374c]{padding:0 20px}.blog-post-page__header[data-v-6b5c374c]{padding:32px 0}.blog-post-page__title[data-v-6b5c374c]{font-size:32px}.blog-post-page__content[data-v-6b5c374c]{padding:0 0 120px}.blog-post-page__text[data-v-6b5c374c]{font-size:16px}.blog-post-page__text[data-v-6b5c374c] h1{font-size:28px}.blog-post-page__text[data-v-6b5c374c] h2{font-size:24px}.blog-post-page__text[data-v-6b5c374c] h3{font-size:20px}.blog-post-page__text[data-v-6b5c374c] h4{font-size:18px}.blog-post-page__featured-image img[data-v-6b5c374c]{height:250px}.blog-post-page__related[data-v-6b5c374c]{padding:60px 0}.blog-post-page__related-title[data-v-6b5c374c]{font-size:24px}.blog-post-page__related-grid[data-v-6b5c374c]{gap:24px;grid-template-columns:1fr}.blog-post-page__share-bottom[data-v-6b5c374c]{background:#fff;border:1px solid #e0e0e0;border-radius:16px;bottom:calc(16px + env(safe-area-inset-bottom));box-shadow:0 10px 30px #0000001f;left:20px;padding:10px 12px calc(10px + env(safe-area-inset-bottom)/2);position:fixed;right:20px;z-index:100}.blog-post-page__share-title[data-v-6b5c374c]{display:none}}@media (max-width:480px){.blog-post-page__container[data-v-6b5c374c]{padding:0 16px}.blog-post-page__title[data-v-6b5c374c]{font-size:24px}.blog-post-page__author-info[data-v-6b5c374c],.blog-post-page__share-buttons[data-v-6b5c374c]{align-items:flex-start;flex-direction:column}}.desktop-only[data-v-6b5c374c]{display:block}.mobile-only[data-v-6b5c374c]{display:none}