.article-detail-wrapper[data-v-0643d564]{margin:0 auto;min-height:400px;width:100%}.article-detail-wrapper[data-v-0643d564],.breadcrumbs[data-v-0643d564]{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.breadcrumbs[data-v-0643d564]{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.9rem;margin-bottom:1.5rem}.breadcrumbs .crumb-link[data-v-0643d564]{color:var(--color-text-secondary);text-decoration:none;transition:color .2s}.breadcrumbs .crumb-link[data-v-0643d564]:hover{color:var(--color-primary-500)}.breadcrumbs .separator[data-v-0643d564]{color:var(--color-text-light);margin:0 .5rem}.breadcrumbs .crumb-current[data-v-0643d564]{color:var(--color-text-primary);font-weight:500}.article-loading[data-v-0643d564]{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:4rem 0;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.article-loading .loading-spinner[data-v-0643d564]{animation:spin-0643d564 1s linear infinite;border:3px solid var(--color-surface-variant);border-radius:50%;border-top-color:var(--color-primary-500);height:40px;margin-bottom:1rem;width:40px}.article-error[data-v-0643d564]{color:var(--color-text-secondary);padding:4rem 0;text-align:center;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.article-error .error-icon[data-v-0643d564]{color:var(--color-error-500);font-size:3rem;height:48px;margin-bottom:1rem;width:48px}.article-error .retry-btn[data-v-0643d564]{background:var(--color-primary-500);border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1.5rem;transition:all .2s}.article-error .retry-btn[data-v-0643d564]:hover{background:var(--color-primary-600)}.article-layout[data-v-0643d564]{display:flex;gap:2rem}@media (max-width:1024px){.article-layout[data-v-0643d564]{flex-direction:column}}.article[data-v-0643d564]{flex:1;min-width:0}.article__header[data-v-0643d564]{border-bottom:1px solid var(--color-border);margin-bottom:2rem;padding-bottom:2rem}.article__header[data-v-0643d564],.article__title[data-v-0643d564]{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.article__title[data-v-0643d564]{color:var(--color-text-primary);font-size:2.25rem;font-weight:700;line-height:1.3;margin-bottom:1.5rem}@media (max-width:768px){.article__title[data-v-0643d564]{font-size:1.75rem}}.article__meta[data-v-0643d564]{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.875rem;gap:1.5rem;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.article__meta .meta-item[data-v-0643d564]{align-items:center;display:flex;gap:.5rem}.article__meta .meta-item .meta-icon[data-v-0643d564]{font-size:1.1rem}.article-outline[data-v-0643d564]{flex-shrink:0;width:240px}@media (max-width:1024px){.article-outline[data-v-0643d564]{display:none}}.article-outline .outline-card[data-v-0643d564]{background:var(--color-surface-variant);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;position:sticky;top:calc(var(--app-header-height, 80px) + 2rem);transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.article-outline .outline-title[data-v-0643d564]{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.article-outline .outline-list[data-v-0643d564]{list-style:none;margin:0;padding:0}.article-outline .outline-item[data-v-0643d564]{margin-bottom:.5rem}.article-outline .outline-item a[data-v-0643d564]{border-left:2px solid transparent;border-radius:4px;color:var(--color-text-secondary);display:block;font-size:.875rem;line-height:1.5;padding:.25rem .5rem;text-decoration:none;transition:all .2s}.article-outline .outline-item a[data-v-0643d564]:hover{background:var(--color-primary-50);color:var(--color-primary-500)}.dark .article-outline .outline-item a[data-v-0643d564]:hover,body.dark-mode .article-outline .outline-item a[data-v-0643d564]:hover,html.dark-mode .article-outline .outline-item a[data-v-0643d564]:hover{background:var(--color-primary-alpha)}.article-outline .outline-item--active a[data-v-0643d564]{background:var(--color-primary-50);border-left-color:var(--color-primary-500);color:var(--color-primary-500);font-weight:500}.dark .article-outline .outline-item--active a[data-v-0643d564],body.dark-mode .article-outline .outline-item--active a[data-v-0643d564],html.dark-mode .article-outline .outline-item--active a[data-v-0643d564]{background:var(--color-primary-alpha)}.article-outline .outline-item--level-2[data-v-0643d564]{padding-left:0}.article-outline .outline-item--level-3[data-v-0643d564]{padding-left:1rem}.article-outline .outline-item--level-4[data-v-0643d564]{padding-left:2rem}.article-outline .outline-item--level-5[data-v-0643d564]{padding-left:3rem}.article-outline .outline-item--level-6[data-v-0643d564]{padding-left:4rem}@keyframes spin-0643d564{to{transform:rotate(1turn)}}[data-v-0643d564] .article-content{color:var(--color-text-primary);font-size:1.05rem;line-height:1.8;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}[data-v-0643d564] .article-content h2,[data-v-0643d564] .article-content h3,[data-v-0643d564] .article-content h4{color:var(--color-text-primary);font-weight:600;line-height:1.3;margin:2.5rem 0 1.5rem;scroll-margin-top:140px}[data-v-0643d564] .article-content h2{border-bottom:1px solid var(--color-border);font-size:1.75rem;padding-bottom:.5rem}[data-v-0643d564] .article-content h3{font-size:1.4rem}[data-v-0643d564] .article-content h4{font-size:1.15rem}[data-v-0643d564] .article-content p{margin-bottom:1.5rem}[data-v-0643d564] .article-content ol,[data-v-0643d564] .article-content ul{margin-bottom:1.5rem;padding-left:1.5rem}[data-v-0643d564] .article-content ol li,[data-v-0643d564] .article-content ul li{margin-bottom:.5rem}[data-v-0643d564] .article-content img{border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;height:auto;margin:2rem 0;max-width:100%}[data-v-0643d564] .article-content pre{background:#1e293b;border-radius:8px;color:#f8fafc;font-family:JetBrains Mono,monospace;font-size:.9rem;margin:1.5rem 0;overflow-x:auto;padding:1.5rem}.dark[data-v-0643d564] .article-content pre,body.dark-mode[data-v-0643d564] .article-content pre,html.dark-mode[data-v-0643d564] .article-content pre{background:#0f172a}[data-v-0643d564] .article-content code{background:var(--color-surface-variant);border-radius:4px;color:var(--color-primary-500);font-family:JetBrains Mono,monospace;font-size:.9em;padding:.2rem .4rem}[data-v-0643d564] .article-content blockquote{background:var(--color-surface-variant);border-left:4px solid var(--color-primary-500);border-radius:0 8px 8px 0;color:var(--color-text-secondary);font-style:italic;margin:1.5rem 0;padding:1rem 1.5rem}[data-v-0643d564] .article-content a{border-bottom:1px solid transparent;color:var(--color-primary-500);text-decoration:none;transition:border-color .2s}[data-v-0643d564] .article-content a:hover{border-bottom-color:currentColor}[data-v-0643d564] .article-content .highlight-pulse{animation:highlight-0643d564 2s ease-out}@keyframes highlight-0643d564{0%{background-color:#7c3aed33}to{background-color:transparent}}