.blog-detail-page[data-v-87a4f57f]{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;padding:0 80px;transition:background-color .3s ease,color .3s ease}.container[data-v-87a4f57f]{margin:0 auto;max-width:900px;padding:70px 0}.article-skeleton[data-v-87a4f57f]{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:transparent;border:none;border-radius:0;box-shadow:none;overflow:visible}.skeleton-cover[data-v-87a4f57f]{animation:skeleton-loading-87a4f57f 1.5s infinite;background:linear-gradient(90deg,var(--bg-color-hover) 25%,var(--bg-color-secondary) 50%,var(--bg-color-hover) 75%);background-size:200% 100%;height:300px}.skeleton-content[data-v-87a4f57f]{padding:30px}.skeleton-line[data-v-87a4f57f]{animation:skeleton-loading-87a4f57f 1.5s infinite;background:linear-gradient(90deg,var(--bg-color-hover) 25%,var(--bg-color-secondary) 50%,var(--bg-color-hover) 75%);background-size:200% 100%;border-radius:4px;height:16px;margin-bottom:16px}.skeleton-line.title[data-v-87a4f57f]{height:32px;width:80%}.skeleton-meta[data-v-87a4f57f]{display:flex;gap:16px;margin-bottom:24px}.skeleton-line.meta[data-v-87a4f57f]{height:14px;width:120px}.skeleton-line.content[data-v-87a4f57f]{height:16px;width:100%}@keyframes skeleton-loading-87a4f57f{0%{background-position:200% 0}to{background-position:-200% 0}}.article[data-v-87a4f57f]{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:transparent;border:none;border-radius:0;box-shadow:none;overflow:visible;transition:none}.article-header[data-v-87a4f57f]{margin-bottom:40px;position:relative}.article-cover[data-v-87a4f57f]{border-radius:16px;height:400px;margin-bottom:40px;overflow:hidden}.article-cover img[data-v-87a4f57f]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.article-cover:hover img[data-v-87a4f57f]{transform:scale(1.05)}.article-info[data-v-87a4f57f]{padding:0}.article-title[data-v-87a4f57f]{color:var(--text-primary);font-size:36px;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0 0 24px}.article-meta[data-v-87a4f57f]{border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:24px;padding-bottom:24px}.meta-item[data-v-87a4f57f]{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;gap:8px}.article-content[data-v-87a4f57f]{line-height:1.8;padding:40px 0}.markdown-content[data-v-87a4f57f]{background-color:transparent;color:var(--text-primary);font-size:16px;line-height:1.7}.empty-content[data-v-87a4f57f]{color:var(--text-secondary);padding:40px;text-align:center}[data-v-87a4f57f] .md-editor-preview-wrapper{border:none!important;box-shadow:none!important}[data-v-87a4f57f] .md-editor-preview{padding:0!important}[data-v-87a4f57f] .dark .md-editor-preview{background-color:transparent!important;color:var(--text-primary)!important}[data-v-87a4f57f] .dark .md-editor-preview pre{background-color:#0000004d!important;border:1px solid hsla(0,0%,100%,.1)!important}[data-v-87a4f57f] .dark .md-editor-preview code{background-color:#0003!important;color:#e6edf3!important}[data-v-87a4f57f] .dark .md-editor-preview pre code{background-color:transparent!important}[data-v-87a4f57f] .dark .md-editor-preview table,[data-v-87a4f57f] .dark .md-editor-preview table td,[data-v-87a4f57f] .dark .md-editor-preview table th{border-color:#ffffff1a!important}[data-v-87a4f57f] .dark .md-editor-preview table th{background-color:#ffffff0d!important}[data-v-87a4f57f] .dark .md-editor-preview blockquote{background-color:#ffffff0d!important;border-left-color:var(--primary-color)!important;color:var(--text-secondary)!important}[data-v-87a4f57f] .dark .md-editor-preview a{color:var(--primary-color)!important}[data-v-87a4f57f] .dark .md-editor-preview a:hover{color:var(--primary-color-hover)!important}[data-v-87a4f57f] .dark .md-editor-preview ol li:before,[data-v-87a4f57f] .dark .md-editor-preview ul li:before{color:var(--primary-color)!important}[data-v-87a4f57f] .dark .md-editor-preview h1,[data-v-87a4f57f] .dark .md-editor-preview h2,[data-v-87a4f57f] .dark .md-editor-preview h3,[data-v-87a4f57f] .dark .md-editor-preview h4,[data-v-87a4f57f] .dark .md-editor-preview h5,[data-v-87a4f57f] .dark .md-editor-preview h6{border-bottom-color:#ffffff1a!important;color:var(--text-primary)!important}[data-v-87a4f57f] .dark .md-editor-preview hr{border-color:#ffffff1a!important}.article-footer[data-v-87a4f57f]{border-top:1px solid var(--border-color);margin-top:40px;padding:40px 0 0}.article-tags[data-v-87a4f57f]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.tag[data-v-87a4f57f]{background-color:var(--primary-color);border-radius:20px;color:#fff;font-size:14px;font-weight:600;letter-spacing:.02em;padding:6px 16px}.article-actions[data-v-87a4f57f]{display:flex;gap:16px;justify-content:flex-end}.action-btn[data-v-87a4f57f]{align-items:center;background-color:var(--bg-color-secondary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.action-btn[data-v-87a4f57f]:hover{background-color:var(--bg-color-hover);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.like-btn[data-v-87a4f57f]:hover{border-color:#ef4444;color:#ef4444}.like-btn .active[data-v-87a4f57f]{color:#ef4444}.comments-section[data-v-87a4f57f]{border-top:1px solid var(--border-color);margin-top:40px;padding:40px 0 0}.section-title[data-v-87a4f57f]{color:var(--text-primary);font-size:24px;font-weight:600;letter-spacing:-.01em;margin-bottom:24px}.comment-placeholder[data-v-87a4f57f]{align-items:center;background-color:var(--bg-color-hover);border-radius:16px;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.comment-placeholder svg[data-v-87a4f57f]{color:var(--text-secondary);height:48px;margin-bottom:16px;width:48px}.error-state[data-v-87a4f57f]{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:transparent;border:none;border-radius:0;box-shadow:none;padding:80px 0;text-align:center}.error-icon[data-v-87a4f57f]{color:var(--text-secondary);font-size:64px;margin-bottom:24px}.error-title[data-v-87a4f57f]{color:var(--text-primary);font-size:28px;font-weight:600;margin:0 0 16px}.error-text[data-v-87a4f57f]{color:var(--text-secondary);font-size:16px;line-height:1.5;margin:0 0 32px}.back-to-blog[data-v-87a4f57f]{align-items:center;background-color:var(--primary-color);border-radius:20px;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.back-to-blog[data-v-87a4f57f]:hover{background-color:var(--primary-color-hover);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}@media(max-width:1024px){.blog-detail-page[data-v-87a4f57f]{padding:0 40px}.article-info[data-v-87a4f57f]{padding:30px}.article-title[data-v-87a4f57f]{font-size:32px}.article-content[data-v-87a4f57f],.article-footer[data-v-87a4f57f],.comments-section[data-v-87a4f57f]{padding:0 30px 30px}}@media(max-width:768px){.blog-detail-page[data-v-87a4f57f]{padding:0 24px}.container[data-v-87a4f57f]{padding:40px 0}.article-cover[data-v-87a4f57f]{height:250px}.article-info[data-v-87a4f57f]{padding:24px}.article-title[data-v-87a4f57f]{font-size:28px}.article-content[data-v-87a4f57f],.article-footer[data-v-87a4f57f],.comments-section[data-v-87a4f57f]{padding:0 24px 24px}.article-meta[data-v-87a4f57f]{gap:16px}.action-btn[data-v-87a4f57f]{font-size:14px;padding:10px 20px}}[data-v-87a4f57f]:root{--bg-color:#f8fafc;--bg-color-secondary:#fff;--bg-color-hover:#f1f5f9;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#e2e8f0;--primary-color:#3b82f6;--primary-color-hover:#2563eb}.dark[data-v-87a4f57f]{--bg-color:#0f172a;--bg-color-secondary:#1e293b;--bg-color-hover:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border-color:#334155;--primary-color:#3b82f6;--primary-color-hover:#2563eb}