.article-detail-page[data-v-4b55eba7]{padding:var(--spacing-10) var(--spacing-8);min-height:calc(100vh - var(--navbar-height))}[data-v-4b55eba7] .reading-progress-bar{position:fixed;top:var(--navbar-height);left:0;height:2px;background:var(--color-primary);z-index:101;transition:width var(--transition-fast)}.content-container[data-v-4b55eba7]{max-width:var(--content-max-width);margin:0 auto}.content-wrapper[data-v-4b55eba7]{display:grid;grid-template-columns:1fr var(--sidebar-width);gap:var(--spacing-12);align-items:start;position:relative}.article-wrapper[data-v-4b55eba7]{flex:1;min-width:0;padding:var(--spacing-4) 0}.article-header[data-v-4b55eba7]{margin-bottom:var(--spacing-8)}.article-header-inner[data-v-4b55eba7]{display:flex;align-items:flex-start;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.top-badge[data-v-4b55eba7]{flex-shrink:0;font-size:9px;color:#fff;background:var(--color-warning);border-radius:var(--radius-sm);padding:1px 6px;letter-spacing:.04em;font-weight:var(--font-weight-medium);margin-top:6px}.article-title[data-v-4b55eba7]{flex:1;font-family:var(--font-family-serif);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:var(--line-height-tight);margin:0;letter-spacing:.02em}.article-meta[data-v-4b55eba7]{display:flex;flex-wrap:wrap;gap:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-border-light)}.meta-item[data-v-4b55eba7]{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);color:var(--color-text-muted)}.meta-item svg[data-v-4b55eba7]{width:12px;height:12px}.meta-tag[data-v-4b55eba7]{color:var(--color-primary)}.article-cover[data-v-4b55eba7]{margin-bottom:var(--spacing-8);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border-light)}.article-cover img[data-v-4b55eba7]{width:100%;max-height:320px;aspect-ratio:16 / 9;object-fit:cover;display:block}.article-summary[data-v-4b55eba7]{border-left:3px solid var(--color-primary);background:var(--color-primary-bg);border-radius:var(--radius-sm);padding:var(--spacing-4) var(--spacing-5);margin-bottom:var(--spacing-8)}.article-summary p[data-v-4b55eba7]{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.article-body[data-v-4b55eba7]{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text);margin-bottom:var(--spacing-10);letter-spacing:.02em}.article-body[data-v-4b55eba7] .md-editor{background-color:transparent!important;border:none!important;max-width:none!important}.article-body[data-v-4b55eba7] .md-editor-preview-wrapper{background-color:transparent!important;padding:0!important;max-width:none!important}.article-body[data-v-4b55eba7] .md-editor-preview{padding:0;background-color:transparent!important;color:var(--color-text);font-family:var(--font-family-serif);max-width:none!important}.article-body[data-v-4b55eba7] .md-editor-preview h1,.article-body[data-v-4b55eba7] .md-editor-preview h2,.article-body[data-v-4b55eba7] .md-editor-preview h3,.article-body[data-v-4b55eba7] .md-editor-preview h4{font-family:var(--font-family-serif);margin-top:var(--spacing-8);margin-bottom:var(--spacing-4);color:var(--color-text);font-weight:var(--font-weight-semibold);scroll-margin-top:100px;letter-spacing:.02em}.article-body[data-v-4b55eba7] .md-editor-preview h1{font-size:var(--font-size-2xl);border-bottom:1px solid var(--color-border-light);padding-bottom:var(--spacing-2)}.article-body[data-v-4b55eba7] .md-editor-preview h2{font-size:var(--font-size-xl);border-bottom:1px solid var(--color-border-light);padding-bottom:var(--spacing-2)}.article-body[data-v-4b55eba7] .md-editor-preview h3{font-size:var(--font-size-lg)}.article-body[data-v-4b55eba7] .md-editor-preview p{margin-bottom:var(--spacing-6);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);letter-spacing:.02em}.article-body[data-v-4b55eba7] .md-editor-preview img{max-width:100%;border-radius:var(--radius-md);border:1px solid var(--color-border-light);margin:var(--spacing-6) 0}.article-body[data-v-4b55eba7] .md-editor-preview code{background:var(--color-bg-hover);padding:2px 6px;border-radius:var(--radius-sm);font-family:monospace;font-size:var(--font-size-xs);color:var(--color-primary)}.article-body[data-v-4b55eba7] .md-editor-preview pre{background:var(--color-bg-hover);border-radius:var(--radius-md);padding:var(--spacing-4);overflow-x:auto;margin:var(--spacing-6) 0;position:relative;border:1px solid var(--color-border-light)}.article-body[data-v-4b55eba7] .md-editor-preview pre code{background:transparent;padding:0;color:var(--color-text)}.article-body[data-v-4b55eba7] .md-editor-preview blockquote{border-left:3px solid var(--color-border);background:var(--color-bg-hover);padding:var(--spacing-3) var(--spacing-5);margin:var(--spacing-6) 0;border-radius:var(--radius-sm);color:var(--color-text-secondary)}.article-body[data-v-4b55eba7] .md-editor-preview a{color:var(--color-primary);text-decoration:none;border-bottom:1px dashed var(--color-primary);transition:color var(--transition-fast)}.article-body[data-v-4b55eba7] .md-editor-preview a:hover{color:var(--color-primary-light);border-bottom-style:solid}.article-body[data-v-4b55eba7] .md-editor-preview ul,.article-body[data-v-4b55eba7] .md-editor-preview ol{margin-bottom:var(--spacing-5);padding-left:var(--spacing-6);color:var(--color-text-secondary)}.article-body[data-v-4b55eba7] .md-editor-preview li{margin-bottom:var(--spacing-2)}[data-v-4b55eba7] .code-copy-btn{position:absolute;top:8px;right:8px;padding:2px 8px;font-size:10px;color:var(--color-text-muted);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:opacity .2s,background-color .2s,color .2s;z-index:10}[data-v-4b55eba7] pre:hover .code-copy-btn{opacity:1}[data-v-4b55eba7] .code-copy-btn:hover{background:var(--color-bg-hover);color:var(--color-text)}[data-v-4b55eba7] .code-copy-btn.copied{background:var(--color-success);color:var(--color-text-inverse);border-color:var(--color-success);opacity:1}.article-actions[data-v-4b55eba7]{display:flex;gap:var(--spacing-4);padding-top:var(--spacing-6);border-top:1px solid var(--color-border-light)}.like-btn[data-v-4b55eba7],.back-btn[data-v-4b55eba7]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-5);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;letter-spacing:.05em;background:transparent;transition:all var(--transition-fast)}.like-btn[data-v-4b55eba7]{border:1px solid var(--color-primary);color:var(--color-primary)}.like-btn[data-v-4b55eba7]:hover:not(:disabled){background:var(--color-primary-bg)}.like-btn.liked[data-v-4b55eba7]{border-color:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed}.like-btn[data-v-4b55eba7]:disabled{opacity:.6;cursor:not-allowed}.like-btn svg[data-v-4b55eba7],.back-btn svg[data-v-4b55eba7]{width:12px;height:12px}.back-btn[data-v-4b55eba7]{border:1px solid var(--color-border);color:var(--color-text-secondary)}.back-btn[data-v-4b55eba7]:hover{border-color:var(--color-primary);color:var(--color-primary)}.comment-section[data-v-4b55eba7]{margin-top:var(--spacing-10);padding-top:var(--spacing-8);border-top:1px solid var(--color-border-light)}.empty-state[data-v-4b55eba7]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12);color:var(--color-text-muted)}.empty-state svg[data-v-4b55eba7]{width:40px;height:40px;margin-bottom:var(--spacing-4)}.empty-state p[data-v-4b55eba7]{font-size:var(--font-size-sm)}.sidebar[data-v-4b55eba7]{width:var(--sidebar-width);flex-shrink:0;position:sticky;top:calc(var(--navbar-height) + var(--spacing-8));height:fit-content}.desktop-sidebar[data-v-4b55eba7]{display:block}.mobile-only[data-v-4b55eba7]{display:none}.sidebar-widget[data-v-4b55eba7]{margin-bottom:var(--spacing-8)}.toc-wrapper[data-v-4b55eba7]{max-height:350px;overflow-y:auto;scrollbar-width:thin}.toc-list[data-v-4b55eba7]{list-style:none;margin:0;padding:0}.desktop-toc-item[data-v-4b55eba7]{position:relative}.toc-link[data-v-4b55eba7]{display:block;padding:var(--spacing-2) 0;font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.02em}.toc-link[data-v-4b55eba7]:hover{color:var(--color-primary)}.desktop-toc-item.is-active .toc-link[data-v-4b55eba7]{color:var(--color-primary);font-weight:var(--font-weight-medium)}.desktop-toc-item.is-active[data-v-4b55eba7]:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:2px;height:10px;background:var(--color-primary)}.info-list[data-v-4b55eba7]{display:flex;flex-direction:column;gap:var(--spacing-1)}.info-item[data-v-4b55eba7]{display:flex;justify-content:space-between;padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-border-light)}.info-item[data-v-4b55eba7]:last-child{border-bottom:none}.info-label[data-v-4b55eba7]{font-size:11px;color:var(--color-text-muted)}.info-value[data-v-4b55eba7]{font-size:11px;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.toc-toggle-btn[data-v-4b55eba7],.info-toggle-btn[data-v-4b55eba7]{position:fixed;display:none;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;box-shadow:var(--shadow-sm);z-index:50;transition:all var(--transition-fast)}.toc-toggle-btn[data-v-4b55eba7]:hover,.info-toggle-btn[data-v-4b55eba7]:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-bg-hover)}.toc-toggle-btn svg[data-v-4b55eba7],.info-toggle-btn svg[data-v-4b55eba7]{width:12px;height:12px}.mobile-toc[data-v-4b55eba7]{display:flex;flex-direction:column}.mobile-toc-item[data-v-4b55eba7]{position:relative;padding:var(--spacing-3) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:color var(--transition-fast)}.mobile-toc-item[data-v-4b55eba7]:last-child{border-bottom:none}.mobile-toc-item[data-v-4b55eba7]:hover{background:transparent;color:var(--color-primary)}.mobile-toc-item.is-active[data-v-4b55eba7]{background:transparent;color:var(--color-primary);font-weight:var(--font-weight-medium)}.mobile-info[data-v-4b55eba7]{display:flex;flex-direction:column;gap:0}.mobile-info .info-item[data-v-4b55eba7]{display:flex;justify-content:space-between;padding:var(--spacing-3) 0;background:transparent;border-bottom:1px solid var(--color-border-light)}.mobile-info .info-item[data-v-4b55eba7]:last-child{border-bottom:none}.mobile-info .info-label[data-v-4b55eba7]{font-size:var(--font-size-xs);color:var(--color-text-muted)}.mobile-info .info-value[data-v-4b55eba7]{font-size:var(--font-size-xs);color:var(--color-text)}@media(max-width:1024px){.article-detail-page[data-v-4b55eba7]{padding:var(--spacing-6) var(--spacing-8)}.content-wrapper[data-v-4b55eba7]{grid-template-columns:1fr}.desktop-sidebar[data-v-4b55eba7]{display:none}.toc-toggle-btn[data-v-4b55eba7],.info-toggle-btn[data-v-4b55eba7]{display:flex;left:var(--spacing-6)}.toc-toggle-btn[data-v-4b55eba7]{bottom:calc(var(--spacing-6) + 48px)}.info-toggle-btn[data-v-4b55eba7]{bottom:var(--spacing-6)}.article-wrapper[data-v-4b55eba7]{max-width:none;padding:var(--spacing-3) 0}}@media(max-width:768px){.article-detail-page[data-v-4b55eba7]{padding:var(--spacing-6) var(--spacing-4)}.article-wrapper[data-v-4b55eba7]{padding:var(--spacing-3) 0}.article-title[data-v-4b55eba7]{font-size:var(--font-size-2xl)}.article-actions[data-v-4b55eba7]{flex-direction:column;gap:var(--spacing-3)}.like-btn[data-v-4b55eba7],.back-btn[data-v-4b55eba7]{width:100%}.toc-toggle-btn[data-v-4b55eba7],.info-toggle-btn[data-v-4b55eba7]{left:var(--spacing-4)}.toc-toggle-btn[data-v-4b55eba7]{bottom:calc(var(--spacing-4) + 48px)}.info-toggle-btn[data-v-4b55eba7]{bottom:var(--spacing-4)}}@media(max-width:480px){.article-detail-page[data-v-4b55eba7]{padding:var(--spacing-4) var(--spacing-3)}.article-title[data-v-4b55eba7]{font-size:var(--font-size-xl)}.toc-toggle-btn[data-v-4b55eba7],.info-toggle-btn[data-v-4b55eba7]{left:var(--spacing-4);padding:var(--spacing-2) var(--spacing-3)}.toc-toggle-btn[data-v-4b55eba7]{bottom:calc(var(--spacing-4) + 42px)}.info-toggle-btn[data-v-4b55eba7]{bottom:var(--spacing-4)}}