.blog-detail-page[data-v-67ad3067]{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-67ad3067]{margin:0 auto;max-width:900px;padding:70px 0}.article-skeleton[data-v-67ad3067]{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:transparent;border:none;border-radius:0;box-shadow:none;overflow:visible}.skeleton-cover[data-v-67ad3067]{animation:skeleton-loading-67ad3067 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-67ad3067]{padding:30px}.skeleton-line[data-v-67ad3067]{animation:skeleton-loading-67ad3067 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-67ad3067]{height:32px;width:80%}.skeleton-meta[data-v-67ad3067]{display:flex;gap:16px;margin-bottom:24px}.skeleton-line.meta[data-v-67ad3067]{height:14px;width:120px}.skeleton-line.content[data-v-67ad3067]{height:16px;width:100%}@keyframes skeleton-loading-67ad3067{0%{background-position:200% 0}to{background-position:-200% 0}}.article[data-v-67ad3067]{-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-67ad3067]{margin-bottom:40px;position:relative}.article-cover[data-v-67ad3067]{border-radius:16px;height:400px;margin-bottom:40px;overflow:hidden}.article-cover img[data-v-67ad3067]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.article-cover:hover img[data-v-67ad3067]{transform:scale(1.05)}.article-info[data-v-67ad3067]{padding:0}.article-title[data-v-67ad3067]{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-67ad3067]{border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:24px;padding-bottom:24px}.meta-item[data-v-67ad3067]{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;gap:8px}.article-content[data-v-67ad3067]{line-height:1.8;padding:40px 0}.markdown-content[data-v-67ad3067]{background-color:transparent;color:var(--text-primary);font-size:16px;line-height:1.7}.empty-content[data-v-67ad3067]{color:var(--text-secondary);padding:40px;text-align:center}[data-v-67ad3067] .md-editor-preview-wrapper{border:none!important;box-shadow:none!important}[data-v-67ad3067] .md-editor-preview{padding:0!important}[data-v-67ad3067] .dark .md-editor-preview{background-color:transparent!important;color:var(--text-primary)!important}[data-v-67ad3067] .dark .md-editor-preview pre{background-color:#0000004d!important;border:1px solid hsla(0,0%,100%,.1)!important}[data-v-67ad3067] .dark .md-editor-preview code{background-color:#0003!important;color:#e6edf3!important}[data-v-67ad3067] .dark .md-editor-preview pre code{background-color:transparent!important}[data-v-67ad3067] .dark .md-editor-preview table,[data-v-67ad3067] .dark .md-editor-preview table td,[data-v-67ad3067] .dark .md-editor-preview table th{border-color:#ffffff1a!important}[data-v-67ad3067] .dark .md-editor-preview table th{background-color:#ffffff0d!important}[data-v-67ad3067] .dark .md-editor-preview blockquote{background-color:#ffffff0d!important;border-left-color:var(--primary-color)!important;color:var(--text-secondary)!important}[data-v-67ad3067] .dark .md-editor-preview a{color:var(--primary-color)!important}[data-v-67ad3067] .dark .md-editor-preview a:hover{color:var(--primary-color-hover)!important}[data-v-67ad3067] .dark .md-editor-preview ol li:before,[data-v-67ad3067] .dark .md-editor-preview ul li:before{color:var(--primary-color)!important}[data-v-67ad3067] .dark .md-editor-preview h1,[data-v-67ad3067] .dark .md-editor-preview h2,[data-v-67ad3067] .dark .md-editor-preview h3,[data-v-67ad3067] .dark .md-editor-preview h4,[data-v-67ad3067] .dark .md-editor-preview h5,[data-v-67ad3067] .dark .md-editor-preview h6{border-bottom-color:#ffffff1a!important;color:var(--text-primary)!important}[data-v-67ad3067] .dark .md-editor-preview hr{border-color:#ffffff1a!important}.article-footer[data-v-67ad3067]{border-top:1px solid var(--border-color);margin-top:40px;padding:40px 0 0}.article-tags[data-v-67ad3067]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.tag[data-v-67ad3067]{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-67ad3067]{display:flex;gap:16px;justify-content:flex-end}.action-btn[data-v-67ad3067]{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-67ad3067]:hover{background-color:var(--bg-color-hover);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.like-btn[data-v-67ad3067]:hover{border-color:#ef4444;color:#ef4444}.like-btn .active[data-v-67ad3067]{color:#ef4444}.comments-section[data-v-67ad3067]{border-top:1px solid var(--border-color);margin-top:40px;padding:40px 0 0}.section-title[data-v-67ad3067]{color:var(--text-primary);font-size:24px;font-weight:600;letter-spacing:-.01em;margin-bottom:24px}.comment-form[data-v-67ad3067]{margin-bottom:32px}.form-row[data-v-67ad3067]{display:flex;gap:12px;margin-bottom:12px}.form-input[data-v-67ad3067]{background:var(--bg-color-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);flex:1;font-size:14px;outline:none;padding:10px 16px;transition:border-color .3s}.form-input[data-v-67ad3067]:focus{border-color:var(--primary-color)}.form-textarea[data-v-67ad3067]{background:var(--bg-color-secondary);border:1px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;min-height:80px;outline:none;padding:12px 16px;resize:vertical;transition:border-color .3s;width:100%}.form-textarea[data-v-67ad3067]:focus{border-color:var(--primary-color)}.form-actions[data-v-67ad3067]{align-items:center;display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.reply-hint[data-v-67ad3067]{color:var(--primary-color);font-size:13px;margin-right:auto}.cancel-reply[data-v-67ad3067]{background:none;border:none;cursor:pointer;margin-left:6px;text-decoration:underline}.cancel-reply[data-v-67ad3067],.char-count[data-v-67ad3067]{color:var(--text-secondary);font-size:12px}.submit-btn[data-v-67ad3067]{background:var(--primary-color);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 24px;transition:all .3s}.submit-btn[data-v-67ad3067]:hover:not(:disabled){background:var(--primary-color-hover,#2563eb);transform:translateY(-1px)}.submit-btn[data-v-67ad3067]:disabled{cursor:not-allowed;opacity:.5}.spin[data-v-67ad3067]{animation:spin-67ad3067 1s linear infinite}@keyframes spin-67ad3067{to{transform:rotate(1turn)}}.comment-list[data-v-67ad3067]{display:flex;flex-direction:column;gap:20px}.comment-item[data-v-67ad3067]{display:flex;gap:12px}.comment-item.reply[data-v-67ad3067]{margin-top:16px}.comment-avatar[data-v-67ad3067]{align-items:center;background:linear-gradient(135deg,var(--primary-color),#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.comment-avatar.small[data-v-67ad3067]{font-size:13px;height:32px;width:32px}.comment-body[data-v-67ad3067]{flex:1;min-width:0}.comment-header[data-v-67ad3067]{align-items:center;display:flex;gap:10px;margin-bottom:6px}.comment-author[data-v-67ad3067]{color:var(--text-primary);font-size:14px;font-weight:600}.comment-time[data-v-67ad3067]{color:var(--text-secondary);font-size:12px}.comment-text[data-v-67ad3067]{color:var(--text-primary);font-size:14px;line-height:1.7;word-break:break-word}.comment-actions-bar[data-v-67ad3067]{display:flex;gap:16px;margin-top:8px}.comment-action[data-v-67ad3067]{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:4px;padding:2px 4px;transition:color .2s}.comment-action[data-v-67ad3067]:hover{color:var(--primary-color)}.comment-replies[data-v-67ad3067]{border-left:2px solid var(--border-color);margin-top:12px;padding-left:12px}.comment-empty[data-v-67ad3067],.comment-loading[data-v-67ad3067]{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:8px;justify-content:center;padding:40px 20px}.comment-loading[data-v-67ad3067]{flex-direction:row;font-size:14px;gap:8px}.comment-empty svg[data-v-67ad3067]{height:40px;margin-bottom:8px;width:40px}.error-state[data-v-67ad3067]{-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-67ad3067]{color:var(--text-secondary);font-size:64px;margin-bottom:24px}.error-title[data-v-67ad3067]{color:var(--text-primary);font-size:28px;font-weight:600;margin:0 0 16px}.error-text[data-v-67ad3067]{color:var(--text-secondary);font-size:16px;line-height:1.5;margin:0 0 32px}.back-to-blog[data-v-67ad3067]{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-67ad3067]: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-67ad3067]{padding:0 40px}.article-info[data-v-67ad3067]{padding:30px}.article-title[data-v-67ad3067]{font-size:32px}.article-content[data-v-67ad3067],.article-footer[data-v-67ad3067],.comments-section[data-v-67ad3067]{padding:0 30px 30px}}@media(max-width:768px){.blog-detail-page[data-v-67ad3067]{padding:0 24px}.container[data-v-67ad3067]{padding:40px 0}.article-cover[data-v-67ad3067]{height:250px}.article-info[data-v-67ad3067]{padding:24px}.article-title[data-v-67ad3067]{font-size:28px}.article-content[data-v-67ad3067],.article-footer[data-v-67ad3067],.comments-section[data-v-67ad3067]{padding:0 24px 24px}.article-meta[data-v-67ad3067]{gap:16px}.action-btn[data-v-67ad3067]{font-size:14px;padding:10px 20px}}@media(max-width:480px){.blog-detail-page[data-v-67ad3067]{padding:0 12px}.container[data-v-67ad3067]{padding:24px 0}.article-cover[data-v-67ad3067]{border-radius:12px;height:180px;margin-bottom:24px}.article-title[data-v-67ad3067]{font-size:22px}.article-info[data-v-67ad3067]{padding:16px}.article-content[data-v-67ad3067],.article-footer[data-v-67ad3067]{padding:0 16px 16px}.article-actions[data-v-67ad3067],.article-meta[data-v-67ad3067]{flex-direction:column;gap:12px}.action-btn[data-v-67ad3067]{justify-content:center;width:100%}.comments-section[data-v-67ad3067]{padding:0 16px 16px}}[data-v-67ad3067]: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-67ad3067]{--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}