.blog-post-page[data-v-b82f686f]{width:100%;background:var(--bg-primary)}.loading-state[data-v-b82f686f]{padding:80px 20px;color:var(--text-tertiary);text-align:center}.post-container[data-v-b82f686f]{max-width:900px;padding:40px 20px;margin:0 auto;animation:fadeIn-b82f686f .3s ease-in}@keyframes fadeIn-b82f686f{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.post-meta[data-v-b82f686f]{margin-bottom:40px}.post-meta .skeleton-blog-back[data-v-b82f686f]{margin-bottom:24px}.post-meta .back-link[data-v-b82f686f]{display:inline-block;margin-bottom:24px;font-weight:500;color:var(--primary-color);text-decoration:none;transition:color .2s}.post-meta .back-link[data-v-b82f686f]:hover{color:var(--primary-hover)}.post-meta .meta-info[data-v-b82f686f]{display:flex;gap:12px;align-items:center;margin-bottom:20px}.post-meta .post-category[data-v-b82f686f]{display:inline-block;padding:6px 16px;font-size:14px;font-weight:500;color:var(--tag-text);background:var(--tag-bg);border-radius:16px}.post-meta .featured-badge[data-v-b82f686f]{display:inline-block;padding:6px 16px;font-size:14px;font-weight:500;color:var(--featured-text);background:var(--featured-bg);border-radius:16px}.post-meta .post-title[data-v-b82f686f]{margin:0 0 16px;font-size:42px;font-weight:700;line-height:1.3;color:var(--text-primary)}.post-meta .post-footer[data-v-b82f686f]{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.post-meta .post-footer .post-date[data-v-b82f686f]{font-size:16px;color:var(--text-tertiary)}.post-meta .post-footer .post-tags[data-v-b82f686f]{display:flex;flex-wrap:wrap;gap:8px}.post-meta .post-footer .post-tags .tag[data-v-b82f686f]{padding:4px 12px;font-size:14px;color:var(--tag-text);background:var(--tag-bg);border-radius:6px}.post-cover[data-v-b82f686f]{margin-bottom:40px;overflow:hidden;border-radius:12px}.post-cover img[data-v-b82f686f]{display:block;width:100%;height:auto}.post-content[data-v-b82f686f]{font-size:17px;line-height:1.8;color:var(--text-secondary)}.post-content[data-v-b82f686f] h2{padding-bottom:12px;margin-top:48px;margin-bottom:24px;font-size:32px;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.post-content[data-v-b82f686f] h3{margin-top:36px;margin-bottom:16px;font-size:24px;font-weight:600;color:var(--text-primary)}.post-content[data-v-b82f686f] p{margin-bottom:16px}.post-content[data-v-b82f686f] code{padding:2px 8px;font-family:Monaco,Menlo,monospace;font-size:.9em;color:var(--text-primary);background:var(--bg-tertiary);border-radius:4px}.post-content[data-v-b82f686f] pre{padding:20px;margin:24px 0;overflow-x:auto;background:#1e1e1e;border-radius:8px}.post-content[data-v-b82f686f] pre code{padding:0;color:#d4d4d4;background:transparent}.post-content[data-v-b82f686f] ul,.post-content[data-v-b82f686f] ol{padding-left:32px;margin-bottom:24px}.post-content[data-v-b82f686f] ul li,.post-content[data-v-b82f686f] ol li{margin-bottom:8px}.post-content[data-v-b82f686f] blockquote{padding:16px 24px;margin:24px 0;background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:0 8px 8px 0}.post-content[data-v-b82f686f] table{display:block;width:100%;max-width:100%;margin:24px 0;overflow-x:auto;border-collapse:collapse}.post-content[data-v-b82f686f] table th,.post-content[data-v-b82f686f] table td{padding:12px 16px;text-align:left;border:1px solid var(--border-color)}.post-content[data-v-b82f686f] table th{font-weight:600;color:var(--text-primary);background:var(--bg-tertiary)}.post-content[data-v-b82f686f] img{max-width:100%;height:auto;margin:24px 0;border-radius:8px}.post-content[data-v-b82f686f] a{font-weight:500;color:var(--primary-color);text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}.post-content[data-v-b82f686f] a:hover{border-bottom-color:var(--primary-color)}.post-content[data-v-b82f686f] a:visited{color:var(--link-visited)}.related-posts[data-v-b82f686f]{padding-top:40px;margin-top:60px;border-top:1px solid var(--border-color)}.related-posts h3[data-v-b82f686f]{margin-bottom:20px;font-size:24px;font-weight:600;color:var(--text-primary)}.related-posts .related-list[data-v-b82f686f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.related-posts .related-card[data-v-b82f686f]{padding:16px;text-decoration:none;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s}.related-posts .related-card[data-v-b82f686f]:hover{background:var(--tag-bg);border-color:var(--primary-color)}.related-posts .related-card h4[data-v-b82f686f]{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-primary)}.related-posts .related-card time[data-v-b82f686f]{font-size:13px;color:var(--text-tertiary)}.post-navigation[data-v-b82f686f]{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:40px;margin-top:60px;border-top:1px solid var(--border-color)}.post-navigation .nav-link[data-v-b82f686f]{display:flex;flex-direction:column;padding:20px;text-decoration:none;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;transition:all .3s}.post-navigation .nav-link[data-v-b82f686f]:hover{background:var(--tag-bg);border-color:var(--primary-color)}.post-navigation .nav-link.next[data-v-b82f686f]{text-align:right}.post-navigation .nav-link .nav-label[data-v-b82f686f]{margin-bottom:8px;font-size:14px;font-weight:500;color:var(--primary-color)}.post-navigation .nav-link .nav-title[data-v-b82f686f]{font-size:16px;font-weight:600;color:var(--text-primary)}.not-found[data-v-b82f686f]{padding:80px 20px;text-align:center}.not-found h1[data-v-b82f686f]{margin-bottom:20px;font-size:48px;color:var(--text-primary)}.not-found p[data-v-b82f686f]{margin-bottom:32px;font-size:16px;color:var(--text-secondary)}.not-found .back-link[data-v-b82f686f]{display:inline-block;margin-bottom:24px;font-weight:500;color:var(--primary-color);text-decoration:none;transition:color .2s}.not-found .back-link[data-v-b82f686f]:hover{color:var(--primary-hover)}@media (width <= 768px){.post-container[data-v-b82f686f]{padding:20px 16px}.post-title[data-v-b82f686f]{font-size:32px!important}.post-content[data-v-b82f686f]{font-size:16px!important}.post-content[data-v-b82f686f] h2{font-size:26px}.post-content[data-v-b82f686f] h3{font-size:20px}.post-navigation[data-v-b82f686f]{grid-template-columns:1fr}.post-navigation .nav-link.next[data-v-b82f686f]{text-align:left}.related-posts .related-list[data-v-b82f686f]{grid-template-columns:1fr}}