.article-page{width:100%}.article-head{position:relative;display:flex;align-items:center;min-height:32px;margin-bottom:8px}.article-back{position:absolute;left:0;color:var(--txt)}.article-back,.article-back svg{display:block;width:32px;height:32px}.article-page-title{width:100%;margin:0;font-size:20px;font-weight:700;text-align:center;color:var(--txt)}.article-card{display:block;margin-top:16px;padding:16px;border:1px solid var(--edge);border-radius:12px;background:var(--surf);color:var(--txt);text-align:left}.article-card__cover{display:block;width:100%;height:auto;margin:0 0 16px;border-radius:12px}.article-card__title{margin:0;font-size:18px;font-weight:700}.article-card__excerpt{margin:8px 0 0;font-size:16px;font-weight:400;color:var(--sub)}.article-card__foot{display:flex;justify-content:flex-end;margin:12px 0 0}.article-card__more{display:inline-flex;align-items:center;justify-content:center;min-width:120px;padding:8px 16px;border-radius:10px;background:linear-gradient(var(--cta-from),var(--cta-to));color:var(--cta-ink);font-size:14px;font-weight:600;white-space:nowrap;transition:transform .2s ease}.article-card__more:hover{transform:scale(1.02)}.article-detail-card{margin-top:16px;padding:16px;border:1px solid var(--edge);border-radius:12px;background:var(--surf);color:var(--txt);text-align:left}.article-detail__cover{display:block;width:100%;height:auto;margin:0 0 16px;border-radius:12px}.article-detail__title{margin:0 0 12px;font-size:20px;font-weight:700}.article-tags__heading{margin:16px 0 8px;font-size:16px;font-weight:700;color:var(--txt)}.article-tags{display:flex;flex-wrap:wrap;gap:8px}.article-tags .tag{display:inline-block;padding:4px 12px;border:1px solid var(--edge);border-radius:50px;background:var(--bg1);color:var(--sub);font-size:14px}.article-more-heading{margin:24px 0 0;font-size:18px;font-weight:700;color:var(--txt)}.article-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:64px 0;text-align:center;color:var(--sub)}