.article-view[data-v-68c4f04c]{min-height:100vh;background:#fafafa}.loading-wrapper[data-v-68c4f04c]{display:flex;justify-content:center;align-items:center;min-height:50vh}.loading-content[data-v-68c4f04c]{text-align:center;color:#6b7280}.loading-spinner[data-v-68c4f04c]{width:3rem;height:3rem;border:3px solid #e5e7eb;border-top:3px solid #667eea;border-radius:50%;animation:spin-data-v-68c4f04c 1s linear infinite;margin:0 auto 1rem}@keyframes spin-data-v-68c4f04c{to{transform:rotate(1turn)}}.article-header[data-v-68c4f04c]{background:#fff;padding:3rem 0;border-bottom:1px solid #e5e7eb}.header-container[data-v-68c4f04c]{max-width:800px;margin:0 auto;padding:0 1rem}.category-wrapper[data-v-68c4f04c]{margin-bottom:1rem}.category-badge[data-v-68c4f04c]{display:inline-block;padding:.5rem 1rem;background:#4f46e5;color:#fff;border-radius:25px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.article-title[data-v-68c4f04c]{font-size:2.5rem;font-weight:800;color:#1f2937;line-height:1.2;margin-bottom:2rem}.article-meta[data-v-68c4f04c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #f3f4f6}.author-info[data-v-68c4f04c]{display:flex;align-items:center;gap:1rem}.author-avatar[data-v-68c4f04c]{width:3rem;height:3rem;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6b7280}.author-avatar svg[data-v-68c4f04c]{width:1.5rem;height:1.5rem}.author-name[data-v-68c4f04c]{font-weight:600;color:#1f2937;margin:0}.author-role[data-v-68c4f04c]{font-size:.875rem;color:#6b7280;margin:0}.publish-info[data-v-68c4f04c]{display:flex;flex-direction:column;gap:.5rem;color:#6b7280;font-size:.875rem}.publish-date[data-v-68c4f04c]{display:flex;align-items:center;gap:.5rem}.icon[data-v-68c4f04c]{width:1rem;height:1rem}.featured-image-wrapper[data-v-68c4f04c]{margin-top:2rem}.featured-image[data-v-68c4f04c]{width:100%;height:400px;object-fit:cover;border-radius:12px}.article-main[data-v-68c4f04c]{background:#fff;padding:3rem 0}.main-container[data-v-68c4f04c]{max-width:800px;margin:0 auto;padding:0 1rem}.article-excerpt[data-v-68c4f04c]{background:#f8fafc;border-left:4px solid #667eea;padding:1.5rem;margin-bottom:2rem;border-radius:0 8px 8px 0}.article-excerpt p[data-v-68c4f04c]{font-size:1.125rem;font-style:italic;color:#374151;margin:0}.article-content[data-v-68c4f04c]{font-size:1.125rem;line-height:1.8;color:#374151;margin-bottom:3rem}.article-content h1[data-v-68c4f04c],.article-content h2[data-v-68c4f04c],.article-content h3[data-v-68c4f04c],.article-content h4[data-v-68c4f04c],.article-content h5[data-v-68c4f04c],.article-content h6[data-v-68c4f04c]{color:#1f2937;font-weight:700;margin:2rem 0 1rem}.article-content p[data-v-68c4f04c]{margin-bottom:1.5rem}.article-content img[data-v-68c4f04c]{max-width:100%;height:auto;border-radius:8px;margin:2rem 0}.article-navigation[data-v-68c4f04c]{background:#fff;padding:2rem 0;border-top:1px solid #e5e7eb}.nav-container[data-v-68c4f04c]{max-width:800px;margin:0 auto;padding:0 1rem;display:flex;justify-content:flex-start}.nav-button[data-v-68c4f04c]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.nav-button[data-v-68c4f04c]:hover{background:#5a67d8}.error-wrapper[data-v-68c4f04c]{display:flex;justify-content:center;align-items:center;min-height:50vh}.error-content[data-v-68c4f04c]{text-align:center;max-width:400px;padding:2rem}.error-icon[data-v-68c4f04c]{width:4rem;height:4rem;color:#ef4444;margin:0 auto 1rem}.error-content h2[data-v-68c4f04c]{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.error-content p[data-v-68c4f04c]{color:#6b7280;margin-bottom:2rem}.error-button[data-v-68c4f04c]{background:#667eea;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:background .3s ease}.error-button[data-v-68c4f04c]:hover{background:#5a67d8}@media (max-width:768px){.article-title[data-v-68c4f04c]{font-size:2rem}.article-meta[data-v-68c4f04c]{flex-direction:column;align-items:flex-start;gap:1rem}.featured-image[data-v-68c4f04c]{height:250px}}