/** * Batch3e: author card, forum topic terms, forum tab topics. */ .aksrt-author-card { border-radius: 12px; overflow: hidden; border: 1px solid var(--color-line, #e5e7eb); background: var(--surface-1, #fff); margin-bottom: 0; text-align: center; } .aksrt-author-card__cover { height: 84px; background: linear-gradient(135deg, #93c5fd, #c4b5fd) center/cover no-repeat; } .aksrt-author-card__body { padding: 0 14px 16px; } .aksrt-author-card__avatar { display: inline-block; margin-top: -36px; border-radius: 50%; overflow: hidden; border: 3px solid var(--surface-1, #fff); width: 72px; height: 72px; } .aksrt-author-card__avatar img { width: 100%; height: 100%; object-fit: cover; display: block; } .aksrt-author-card__name { display: block; margin-top: 8px; font-weight: 700; font-size: 16px; color: inherit; text-decoration: none; } .aksrt-author-card__bio { margin-top: 6px; font-size: 12px; color: var(--muted-2-color, #888); line-height: 1.5; } .aksrt-author-card__stats { display: flex; justify-content: center; gap: 16px; margin-top: 12px; font-size: 12px; color: var(--muted-2-color, #888); } .aksrt-author-card__stats b { display: block; font-size: 16px; color: var(--color-ink, #111); } .aksrt-author-card__btn { display: inline-block; margin-top: 12px; padding: 6px 16px; border-radius: 999px; background: var(--color-primary, #3b82f6); color: #fff !important; text-decoration: none; font-size: 13px; } .aksrt-ftag-list { display: flex; flex-direction: column; gap: 6px; } .aksrt-ftag-list.is-card { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .aksrt-ftag-item { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 8px; text-decoration: none; color: inherit; background: var(--surface-2, #f8fafc); font-size: 13px; } .aksrt-ftag-item__name { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .aksrt-ftag-item__count { font-size: 11px; color: var(--muted-2-color, #999); } .aksrt-ftab { margin-bottom: 10px; } .aksrt-ftab__nav { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 10px; padding: 0; } .aksrt-ftab__btn { border: 0; background: var(--surface-2, #f3f4f6); border-radius: 999px; padding: 5px 12px; font-size: 12px; cursor: pointer; } .aksrt-ftab__btn.is-active { background: var(--color-primary, #3b82f6); color: #fff; } .aksrt-ftab__panel { display: none; } .aksrt-ftab__panel.is-active { display: block; } .aksrt-ftab__empty { font-size: 12px; color: var(--muted-2-color, #999); margin: 0; }