.loading-state[data-v-31f6e464],.error-state[data-v-31f6e464]{padding:100px 0;text-align:center;color:var(--text-sub)}.article-container[data-v-31f6e464]{max-width:820px;margin:0 auto}.article-header[data-v-31f6e464]{margin-bottom:36px;text-align:center}.article-header h1[data-v-31f6e464]{font-size:2rem;font-weight:800;line-height:1.4;margin-bottom:16px}.article-meta[data-v-31f6e464]{display:flex;justify-content:center;gap:20px;align-items:center}.meta-date[data-v-31f6e464]{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-sub)}.meta-category[data-v-31f6e464]{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--primary-light);color:var(--primary);font-size:.82rem;font-weight:600}.article-cover[data-v-31f6e464]{margin-bottom:32px;border-radius:var(--radius);overflow:hidden}.article-cover img[data-v-31f6e464]{width:100%;max-height:400px;object-fit:cover}@media(max-width:768px){.article-header h1[data-v-31f6e464]{font-size:1.5rem}}