/**
 * 社区小工具样式
 *
 * 使用父主题 CSS 变量，支持深色模式
 *
 * @package    Hui
 * @subpackage Community/Widgets
 * @since      1.5.0
 */

/* ============================================================================
   通用小工具样式
   ============================================================================ */

/* 小工具容器 */
.hui-widget {
	background: var(--color-bg-container);
	border: 1px solid var(--color-border-secondary);
	border-radius: var(--xun-radius, 8px);
	padding: 1rem;
	/* 间距由父容器 .hui-sidebar-widgets 的 gap 控制，不需要额外 margin */
}

/* 小工具标题 */
.hui-widget .widget-title {
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-text);
	margin: 0 0 1rem 0;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid var(--color-border-secondary);
}

/* 小工具列表 */
.hui-widget-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hui-widget-list li {
	margin-bottom: 0.75rem;
}

.hui-widget-list li:last-child {
	margin-bottom: 0;
}

/* 小工具链接 */
.hui-widget-link {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.5rem;
	border-radius: var(--radius-md, 6px);
	text-decoration: none;
	color: var(--color-text);
	transition: all 0.2s var(--ease-smooth);
}

.hui-widget-link:hover {
	background: var(--color-fill-tertiary);
	color: var(--xun-secondary, var(--color-secondary));
}

/* 小工具图标/头像 */
.hui-widget-avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
}

.hui-widget-icon {
	width: 32px;
	height: 32px;
	border-radius: var(--radius-sm, 4px);
	object-fit: cover;
	flex-shrink: 0;
}

/* 小工具信息区域 */
.hui-widget-info {
	flex: 1;
	min-width: 0;
	overflow: hidden;
}

.hui-widget-name {
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--color-text);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
}

.hui-widget-meta {
	font-size: 0.75rem;
	color: var(--color-text-tertiary);
	margin-top: 0.125rem;
}

/* 小工具徽章/标签 */
.hui-widget-badge {
	font-size: 0.75rem;
	padding: 0.125rem 0.5rem;
	border-radius: var(--radius-full, 9999px);
	background: var(--color-fill-secondary);
	color: var(--color-text-secondary);
	flex-shrink: 0;
}

.hui-widget-badge--primary {
	background: var(--xun-secondary, var(--color-secondary));
	color: #fff;
}

/* 小工具空状态 */
.hui-widget-empty {
	text-align: center;
	padding: 1.5rem 1rem;
	color: var(--color-text-tertiary);
	font-size: 0.875rem;
}

/* ============================================================================
   当前用户卡片（新版 UI）
   ============================================================================ */

/* 卡片容器 - 移除默认内边距 */
.hui-current-user-card {
	padding: 0 !important;
	overflow: hidden;
}

/* 主容器 */
.hui-current-user {
	position: relative;
}

/* 封面区域 */
.hui-current-user__cover {
	position: relative;
	height: 100px;
	background: linear-gradient(135deg, var(--xun-primary, #667eea) 0%, var(--xun-primary-hover, #764ba2) 100%);
	overflow: visible;
}

.hui-current-user__cover-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hui-current-user__cover-placeholder {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, var(--xun-primary, #667eea) 0%, var(--xun-primary-hover, #764ba2) 100%);
}

/* 浮动头像 */
.hui-current-user__avatar {
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: var(--color-bg-container);
	border: 3px solid var(--color-bg-container);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	overflow: hidden;
	z-index: 10;
}

.hui-current-user__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
	transition: transform 0.2s var(--ease-smooth);
}

.hui-current-user__avatar a:hover img {
	transform: scale(1.05);
}

/* 访客头像占位 */
.hui-current-user__avatar--guest {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--color-fill-secondary);
}

.hui-current-user__avatar--guest svg {
	width: 32px;
	height: 32px;
	color: var(--color-text-tertiary);
}

.hui-current-user__avatar--guest img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

/* 用户信息区域 */
.hui-current-user__body {
	padding: 40px 1rem 1rem;
	text-align: center;
}

/* 用户信息 */
.hui-current-user__info {
	margin-bottom: 0.75rem;
}

.hui-current-user__name {
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-text);
	margin: 0 0 0.375rem 0;
}

.hui-current-user__name a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s var(--ease-smooth);
}

.hui-current-user__name a:hover {
	color: var(--xun-secondary, var(--color-secondary));
}

/* 徽章区域 */
.hui-current-user__badges {
	display: flex;
	justify-content: center;
	gap: 0.375rem;
	flex-wrap: wrap;
}

.hui-current-user__badge {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	font-size: 0.6875rem;
	padding: 0.125rem 0.5rem;
	border-radius: var(--radius-full, 9999px);
}

.hui-current-user__badge--vip {
	background: linear-gradient(135deg, #f0b849, #e6a23c);
	color: #fff;
}

.hui-current-user__badge--vip svg {
	width: 10px;
	height: 10px;
}

.hui-current-user__badge--level {
	background: var(--color-fill-secondary);
	color: var(--color-text-secondary);
	font-weight: 500;
}

/* 用户统计 */
.hui-current-user__stats {
	display: flex;
	justify-content: center;
	gap: 1.25rem;
	padding: 0.75rem 0;
	border-top: 1px solid var(--color-border-secondary);
	border-bottom: 1px solid var(--color-border-secondary);
	margin-bottom: 0.75rem;
}

.hui-current-user__stat {
	text-align: center;
}

.hui-current-user__stat-value {
	display: block;
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--color-text);
	line-height: 1.2;
}

.hui-current-user__stat-label {
	display: block;
	font-size: 0.6875rem;
	color: var(--color-text-tertiary);
	margin-top: 0.125rem;
}

/* 签到按钮区域 */
.hui-current-user__checkin {
	margin-bottom: 0.75rem;
}

.hui-current-user__checkin-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.375rem;
	width: 100%;
	padding: 0.5rem 1rem;
	border: none;
	border-radius: var(--radius-full, 9999px);
	font-size: 0.875rem;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s var(--ease-smooth);
	background: var(--xun-secondary, var(--color-secondary));
	color: #fff;
}

.hui-current-user__checkin-btn:hover:not(:disabled) {
	background: var(--xun-secondary-hover, var(--color-secondary-dark));
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.hui-current-user__checkin-btn:disabled {
	cursor: not-allowed;
	opacity: 0.7;
}

.hui-current-user__checkin-btn.is-checked {
	background: var(--color-fill-secondary);
	color: var(--color-text-tertiary);
}

.hui-current-user__checkin-btn.is-checked:hover {
	transform: none;
	box-shadow: none;
}

/* 签到按钮图标 */
.hui-current-user__checkin-btn .hui-checkin-icon {
	flex-shrink: 0;
}

.hui-current-user__checkin-btn .hui-checkin-spinner {
	display: none;
	animation: hui-spin 1s linear infinite;
}

.hui-current-user__checkin-btn.is-loading .hui-checkin-icon {
	display: none;
}

.hui-current-user__checkin-btn.is-loading .hui-checkin-spinner {
	display: block;
}

@keyframes hui-spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

/* 操作按钮 */
.hui-current-user__actions {
	display: flex;
	gap: 0.5rem;
}

.hui-current-user__btn {
	flex: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.375rem;
	padding: 0.5rem 0.75rem;
	border-radius: var(--radius-md, 6px);
	font-size: 0.8125rem;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.2s var(--ease-smooth);
}

.hui-current-user__btn svg {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
}

/* 发布帖子按钮 - 主色 */
.hui-current-user__btn--publish {
	background: var(--xun-secondary, var(--color-secondary));
	color: #fff;
}

.hui-current-user__btn--publish:hover {
	background: var(--xun-secondary-hover, var(--color-secondary-dark));
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* 我的主页按钮 - 轮廓样式 */
.hui-current-user__btn--profile {
	background: var(--color-bg-container);
	color: var(--color-text-secondary);
	border: 1px solid var(--color-border);
}

.hui-current-user__btn--profile:hover {
	border-color: var(--xun-secondary, var(--color-secondary));
	color: var(--xun-secondary, var(--color-secondary));
	background: var(--color-fill-quaternary);
}

/* ============================================================================
   当前用户卡片 - 访客状态
   ============================================================================ */

.hui-current-user--guest .hui-current-user__body {
	padding-top: 44px;
}

.hui-current-user__guest-info {
	margin-bottom: 1rem;
}

.hui-current-user__guest-title {
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-text);
	margin: 0 0 0.375rem 0;
}

.hui-current-user__guest-desc {
	font-size: 0.8125rem;
	color: var(--color-text-tertiary);
	margin: 0;
	line-height: 1.5;
}

/* 访客操作按钮 */
.hui-current-user__guest-actions {
	display: flex;
	gap: 0.5rem;
	margin-bottom: 0.75rem;
}

/* 登录按钮 - 使用主题辅助色 */
.hui-current-user__btn--login {
	background: var(--xun-secondary, var(--color-secondary));
	color: #fff;
}

.hui-current-user__btn--login:hover {
	background: var(--xun-secondary-hover, var(--color-secondary-dark, var(--xun-secondary, var(--color-secondary))));
	transform: translateY(-1px);
	box-shadow: 0 4px 12px oklch(from var(--xun-secondary, var(--color-secondary)) l c h / 0.3);
}

/* 注册按钮 */
.hui-current-user__btn--register {
	background: var(--color-fill-secondary);
	color: var(--color-text-secondary);
	border: 1px solid var(--color-border);
}

.hui-current-user__btn--register:hover {
	background: var(--color-fill-tertiary);
	border-color: var(--xun-secondary, var(--color-secondary));
	color: var(--xun-secondary, var(--color-secondary));
}

/* 社交登录 */
.hui-current-user__social {
	padding-top: 0.75rem;
	border-top: 1px solid var(--color-border-secondary);
}

.hui-current-user__social-label {
	display: block;
	font-size: 0.75rem;
	color: var(--color-text-tertiary);
	margin-bottom: 0.5rem;
}

.hui-current-user__social-icons {
	display: flex;
	justify-content: center;
	gap: 0.75rem;
}

.hui-current-user__social-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--color-fill-secondary);
	color: var(--color-text-secondary);
	transition: all 0.2s var(--ease-smooth);
}

.hui-current-user__social-icon svg {
	width: 18px;
	height: 18px;
}

.hui-current-user__social-icon:hover {
	transform: translateY(-2px);
}

/* 微信图标 */
.hui-current-user__social-icon--wechat:hover {
	background: #07c160;
	color: #fff;
}

/* QQ 图标 */
.hui-current-user__social-icon--qq:hover {
	background: #12b7f5;
	color: #fff;
}

/* ============================================================================
   当前用户卡片 - 旧版样式（保留兼容）
   ============================================================================ */

.hui-widget-current-user:not(.hui-current-user-card) {
	text-align: center;
}

.hui-widget-current-user:not(.hui-current-user-card) .hui-user-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 1rem;
}

.hui-widget-current-user:not(.hui-current-user-card) .hui-user-avatar {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	object-fit: cover;
	border: 3px solid var(--color-border-secondary);
}

.hui-widget-current-user:not(.hui-current-user-card) .hui-user-name {
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-text);
	margin: 0;
}

.hui-widget-current-user:not(.hui-current-user-card) .hui-user-vip {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	font-size: 0.75rem;
	padding: 0.125rem 0.5rem;
	border-radius: var(--radius-full, 9999px);
	background: linear-gradient(135deg, #f0b849, #e6a23c);
	color: #fff;
}

/* 用户统计 */
.hui-widget-current-user:not(.hui-current-user-card) .hui-user-stats {
	display: flex;
	justify-content: center;
	gap: 1.5rem;
	padding: 0.75rem 0;
	border-top: 1px solid var(--color-border-secondary);
	border-bottom: 1px solid var(--color-border-secondary);
	margin-bottom: 1rem;
}

.hui-widget-current-user:not(.hui-current-user-card) .hui-stat-item {
	text-align: center;
}

.hui-widget-current-user:not(.hui-current-user-card) .hui-stat-value {
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--color-text);
}

.hui-widget-current-user:not(.hui-current-user-card) .hui-stat-label {
	font-size: 0.75rem;
	color: var(--color-text-tertiary);
	margin-top: 0.125rem;
}

/* 用户操作按钮 */
.hui-widget-current-user:not(.hui-current-user-card) .hui-user-actions {
	display: flex;
	gap: 0.5rem;
}

.hui-widget-current-user:not(.hui-current-user-card) .hui-user-actions .btn {
	flex: 1;
	padding: 0.5rem 1rem;
	font-size: 0.875rem;
	border-radius: var(--radius-md, 6px);
	text-decoration: none;
	text-align: center;
	transition: all 0.2s var(--ease-smooth);
}

.hui-widget-current-user:not(.hui-current-user-card) .hui-user-actions .btn-primary {
	background: var(--xun-secondary, var(--color-secondary));
	color: #fff;
}

.hui-widget-current-user:not(.hui-current-user-card) .hui-user-actions .btn-primary:hover {
	background: var(--xun-secondary-hover, var(--color-secondary-dark));
}

.hui-widget-current-user:not(.hui-current-user-card) .hui-user-actions .btn-outline {
	background: transparent;
	border: 1px solid var(--color-border);
	color: var(--color-text-secondary);
}

.hui-widget-current-user:not(.hui-current-user-card) .hui-user-actions .btn-outline:hover {
	border-color: var(--xun-secondary, var(--color-secondary));
	color: var(--xun-secondary, var(--color-secondary));
}

/* 访客状态 */
.hui-widget-current-user:not(.hui-current-user-card) .hui-guest-content {
	padding: 1rem 0;
}

.hui-widget-current-user:not(.hui-current-user-card) .hui-guest-icon {
	font-size: 2.5rem;
	margin-bottom: 0.75rem;
}

.hui-widget-current-user:not(.hui-current-user-card) .hui-guest-title {
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-text);
	margin: 0 0 0.5rem 0;
}

.hui-widget-current-user:not(.hui-current-user-card) .hui-guest-desc {
	font-size: 0.875rem;
	color: var(--color-text-tertiary);
	margin: 0 0 1rem 0;
}

.hui-widget-current-user:not(.hui-current-user-card) .hui-guest-btn {
	display: inline-block;
	padding: 0.625rem 1.5rem;
	background: var(--xun-secondary, var(--color-secondary));
	color: #fff;
	border-radius: var(--radius-md, 6px);
	text-decoration: none;
	font-size: 0.875rem;
	transition: all 0.2s var(--ease-smooth);
}

.hui-widget-current-user:not(.hui-current-user-card) .hui-guest-btn:hover {
	background: var(--xun-secondary-hover, var(--color-secondary-dark));
}

/* ============================================================================
   热门话题
   ============================================================================ */

.hui-widget-hot-topics .hui-topics-list {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.hui-widget-hot-topics .hui-topic-item {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.5rem;
	border-radius: var(--radius-md, 6px);
	text-decoration: none;
	color: var(--color-text);
	transition: all 0.2s var(--ease-smooth);
}

.hui-widget-hot-topics .hui-topic-item:hover {
	background: var(--color-fill-tertiary);
}

.hui-widget-hot-topics .hui-topic-icon {
	width: 32px;
	height: 32px;
	border-radius: var(--radius-sm, 4px);
	object-fit: cover;
	flex-shrink: 0;
	background: var(--color-fill-secondary);
}

.hui-widget-hot-topics .hui-topic-icon-placeholder {
	width: 32px;
	height: 32px;
	border-radius: var(--radius-sm, 4px);
	background: var(--color-fill-secondary);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-text-tertiary);
	font-size: 1rem;
	flex-shrink: 0;
}

.hui-widget-hot-topics .hui-topic-name {
	flex: 1;
	font-size: 0.875rem;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.hui-widget-hot-topics .hui-topic-count {
	font-size: 0.75rem;
	color: var(--color-text-tertiary);
	flex-shrink: 0;
}

/* ============================================================================
   热门圈子
   ============================================================================ */

.hui-widget-hot-circles .hui-circles-list {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.hui-widget-hot-circles .hui-circle-item {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.5rem;
	border-radius: var(--radius-md, 6px);
	text-decoration: none;
	color: var(--color-text);
	transition: all 0.2s var(--ease-smooth);
}

.hui-widget-hot-circles .hui-circle-item:hover {
	background: var(--color-fill-tertiary);
}

.hui-widget-hot-circles .hui-circle-cover {
	width: 48px;
	height: 48px;
	border-radius: var(--radius-md, 6px);
	object-fit: cover;
	flex-shrink: 0;
	background: var(--color-fill-secondary);
}

.hui-widget-hot-circles .hui-circle-cover--placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--color-text-tertiary);
}

.hui-widget-hot-circles .hui-circle-info {
	flex: 1;
	min-width: 0;
}

.hui-widget-hot-circles .hui-circle-name {
	font-size: 0.875rem;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
}

.hui-widget-hot-circles .hui-circle-stats {
	display: flex;
	gap: 0.75rem;
	font-size: 0.75rem;
	color: var(--color-text-tertiary);
	margin-top: 0.25rem;
}

/* ============================================================================
   活跃用户（新版头像墙设计）
   ============================================================================ */

/* 主容器 */
.hui-active-users {
	padding: 0.25rem 0;
}

/* 头像网格 */
.hui-active-users__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	justify-content: flex-start;
}

/* 单个用户项 */
.hui-active-users__item {
	position: relative;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	overflow: visible;
	text-decoration: none;
	transition: transform 0.2s var(--ease-smooth);
}

.hui-active-users__item:hover {
	transform: translateY(-3px);
	z-index: 10;
}

/* 头像 */
.hui-active-users__avatar {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid var(--color-bg-container);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	transition: all 0.2s var(--ease-smooth);
}

.hui-active-users__item:hover .hui-active-users__avatar {
	border-color: var(--xun-secondary, var(--color-secondary));
	box-shadow: 0 4px 12px oklch(from var(--xun-secondary, var(--color-secondary)) l c h / 0.25);
}

/* 前三名特殊样式 */
.hui-active-users__item--top .hui-active-users__avatar {
	border-width: 2px;
}

/* 排名徽章 */
.hui-active-users__rank {
	position: absolute;
	bottom: -2px;
	right: -2px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	font-size: 0.625rem;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid var(--color-bg-container);
	z-index: 2;
}

/* 第一名 - 金色 */
.hui-active-users__rank--1 {
	background: linear-gradient(135deg, #ffd700, #ffb800);
	color: #7c5800;
}

/* 第二名 - 银色 */
.hui-active-users__rank--2 {
	background: linear-gradient(135deg, #e8e8e8, #c0c0c0);
	color: #555;
}

/* 第三名 - 铜色 */
.hui-active-users__rank--3 {
	background: linear-gradient(135deg, #e6a87c, #cd7f32);
	color: #5c3d1e;
}

/* 悬浮提示卡片 */
.hui-active-users__tooltip {
	position: absolute;
	bottom: calc(100% + 8px);
	left: 50%;
	transform: translateX(-50%) scale(0.9);
	background: var(--color-bg-elevated, var(--color-bg-container));
	border: 1px solid var(--color-border-secondary);
	border-radius: var(--radius-md, 6px);
	padding: 0.5rem 0.75rem;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s var(--ease-smooth);
	box-shadow: var(--shadow-dropdown, 0 4px 12px rgba(0, 0, 0, 0.15));
	z-index: 100;
	pointer-events: none;
}

/* 提示卡片箭头 */
.hui-active-users__tooltip::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 6px solid transparent;
	border-top-color: var(--color-bg-elevated, var(--color-bg-container));
}

.hui-active-users__tooltip::before {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 7px solid transparent;
	border-top-color: var(--color-border-secondary);
}

.hui-active-users__item:hover .hui-active-users__tooltip {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) scale(1);
}

/* 用户名 */
.hui-active-users__name {
	display: block;
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--color-text);
	line-height: 1.3;
}

/* 统计数据 */
.hui-active-users__stat {
	display: block;
	font-size: 0.6875rem;
	color: var(--color-text-tertiary);
	margin-top: 0.125rem;
}

/* 旧版样式（保留兼容） */
.hui-widget-active-users .hui-user-item {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.5rem;
	border-radius: var(--radius-md, 6px);
	text-decoration: none;
	color: var(--color-text);
	transition: all 0.2s var(--ease-smooth);
}

.hui-widget-active-users .hui-user-item:hover {
	background: var(--color-fill-tertiary);
}

.hui-widget-active-users .hui-user-rank {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--color-fill-secondary);
	color: var(--color-text-tertiary);
	font-size: 0.75rem;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.hui-widget-active-users .hui-user-rank--top {
	background: var(--xun-secondary, var(--color-secondary));
	color: #fff;
}

.hui-widget-active-users .hui-user-avatar {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
}

.hui-widget-active-users .hui-user-info {
	flex: 1;
	min-width: 0;
}

.hui-widget-active-users .hui-user-name {
	font-size: 0.875rem;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
}

.hui-widget-active-users .hui-user-activity {
	font-size: 0.75rem;
	color: var(--color-text-tertiary);
	margin-top: 0.125rem;
}

/* ============================================================================
   最新帖子 / 热门帖子小工具 - 新版样式
   ============================================================================ */

/* 帖子列表容器 */
.hui-post-widget-list {
	display: flex;
	flex-direction: column;
	gap: 0;
}

/* 单个帖子项 */
.hui-post-widget-item {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	padding: 0.875rem 0;
	border-bottom: 1px solid var(--color-border-secondary);
	position: relative;
}

.hui-post-widget-item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.hui-post-widget-item:first-child {
	padding-top: 0;
}

/* 作者头像 */
.hui-post-widget-avatar {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	display: block;
}

.hui-post-widget-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.2s;
}

.hui-post-widget-avatar:hover img {
	transform: scale(1.1);
}

/* 帖子内容区域 */
.hui-post-widget-content {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
}

/* 作者信息行 */
.hui-post-widget-author {
	display: flex;
	align-items: center;
	gap: 0.375rem;
}

.hui-post-widget-author-name {
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--color-text);
	text-decoration: none;
	transition: color 0.2s;
}

.hui-post-widget-author-name:hover {
	color: var(--xun-secondary, var(--color-secondary));
}

/* VIP 徽章 */
.hui-post-widget-vip {
	display: inline-flex;
	align-items: center;
	color: #f59e0b;
}

/* 帖子标题 */
.hui-post-widget-title {
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--color-text);
	text-decoration: none;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.5;
	transition: color 0.2s;
}

.hui-post-widget-title:hover {
	color: var(--xun-secondary, var(--color-secondary));
}

/* 帖子元信息 */
.hui-post-widget-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	font-size: 0.75rem;
	color: var(--color-text-tertiary);
}

.hui-post-widget-time {
	flex-shrink: 0;
}

.hui-post-widget-stats {
	display: flex;
	align-items: center;
	gap: 0.625rem;
}

.hui-post-widget-stats > span {
	display: inline-flex;
	align-items: center;
	gap: 0.1875rem;
}

.hui-post-widget-stats svg {
	opacity: 0.6;
	flex-shrink: 0;
}

/* 热门标记 */
.hui-post-widget-hot {
	position: absolute;
	top: 0.875rem;
	right: 0;
	color: #ef4444;
	opacity: 0.8;
}

.hui-post-widget-item:first-child .hui-post-widget-hot {
	top: 0;
}

/* ============================================================================
   热门帖子专属样式
   ============================================================================ */

/* 热门帖子带排名 */
.hui-popular-widget-list .hui-post-widget-item {
	padding-left: 2rem;
}

.hui-popular-widget-rank {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	border-radius: 4px;
	background: var(--color-fill-secondary);
	color: var(--color-text-tertiary);
	font-size: 0.75rem;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hui-popular-widget-rank.is-top {
	background: var(--xun-secondary, var(--color-secondary));
	color: #fff;
}

/* ============================================================================
   旧版样式（保留兼容）
   ============================================================================ */

.hui-widget-post-list {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.hui-widget-post-item {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	padding: 0.75rem 0;
	text-decoration: none;
	color: var(--color-text);
	border-bottom: 1px solid var(--color-border-secondary);
	transition: all 0.2s var(--ease-smooth);
}

.hui-widget-post-item:last-child {
	border-bottom: none;
}

.hui-widget-posts .hui-posts-list {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.hui-widget-posts .hui-post-item {
	display: flex;
	gap: 0.75rem;
	padding: 0.5rem;
	border-radius: var(--radius-md, 6px);
	text-decoration: none;
	color: var(--color-text);
	transition: all 0.2s var(--ease-smooth);
}

.hui-widget-posts .hui-post-item:hover {
	background: var(--color-fill-tertiary);
}

.hui-widget-posts .hui-post-thumb {
	width: 60px;
	height: 60px;
	border-radius: var(--radius-sm, 4px);
	object-fit: cover;
	flex-shrink: 0;
	background: var(--color-fill-secondary);
}

.hui-widget-posts .hui-post-info {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.hui-widget-posts .hui-post-title {
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--color-text);
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.4;
}

.hui-widget-posts .hui-post-meta {
	display: flex;
	gap: 0.75rem;
	font-size: 0.75rem;
	color: var(--color-text-tertiary);
	margin-top: 0.375rem;
}

.hui-widget-posts .hui-post-meta span {
	display: flex;
	align-items: center;
	gap: 0.25rem;
}

/* ============================================================================
   热门帖子专属样式 - 新版
   ============================================================================ */

/* 热门帖子列表 */
.hui-widget-popular-list .hui-widget-popular-item {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
}

/* 排名序号 */
.hui-widget-post-rank {
	width: 22px;
	height: 22px;
	border-radius: 6px;
	background: var(--color-fill-secondary);
	color: var(--color-text-tertiary);
	font-size: 0.75rem;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-top: 0.125rem;
}

/* 前三名特殊样式 */
.hui-widget-post-rank.is-top {
	background: var(--xun-secondary, var(--color-secondary));
	color: #fff;
}

/* 浏览数和点赞数 */
.hui-widget-post-views,
.hui-widget-post-likes {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
}

.hui-widget-post-views svg,
.hui-widget-post-likes svg {
	opacity: 0.6;
	flex-shrink: 0;
}

/* ============================================================================
   旧版热门帖子样式（保留兼容）
   ============================================================================ */

.hui-widget-popular-posts .hui-popular-post-item {
	align-items: flex-start;
}

.hui-widget-popular-posts .hui-post-rank {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--color-fill-secondary);
	color: var(--color-text-tertiary);
	font-size: 0.75rem;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-top: 0.125rem;
}

.hui-widget-popular-posts .hui-post-rank--top {
	background: var(--xun-secondary, var(--color-secondary));
	color: #fff;
}

.hui-widget-popular-posts .hui-post-stats {
	display: flex;
	gap: 0.75rem;
	font-size: 0.75rem;
	color: var(--color-text-tertiary);
	margin-top: 0.375rem;
}

.hui-widget-popular-posts .hui-post-views,
.hui-widget-popular-posts .hui-post-likes {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
}

.hui-widget-popular-posts .hui-icon {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
}

/* ============================================================================
   圈子信息卡片（旧版样式，保留兼容）
   ============================================================================ */

.hui-widget-circle-info {
	text-align: center;
}

.hui-widget-circle-info .hui-circle-header {
	margin-bottom: 1rem;
}

.hui-widget-circle-info .hui-circle-cover {
	width: 80px;
	height: 80px;
	border-radius: var(--radius-lg, 12px);
	object-fit: cover;
	margin: 0 auto 0.75rem;
	background: var(--color-fill-secondary);
}

.hui-widget-circle-info .hui-circle-name {
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--color-text);
	margin: 0 0 0.5rem 0;
}

.hui-widget-circle-info .hui-circle-desc {
	font-size: 0.875rem;
	color: var(--color-text-secondary);
	margin: 0;
	line-height: 1.5;
}

/* 圈子统计 */
.hui-widget-circle-info .hui-circle-stats {
	display: flex;
	justify-content: center;
	gap: 1.5rem;
	padding: 0.75rem 0;
	border-top: 1px solid var(--color-border-secondary);
	border-bottom: 1px solid var(--color-border-secondary);
	margin-bottom: 1rem;
}

.hui-widget-circle-info .hui-stat-item {
	text-align: center;
}

.hui-widget-circle-info .hui-stat-value {
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--color-text);
}

.hui-widget-circle-info .hui-stat-label {
	font-size: 0.75rem;
	color: var(--color-text-tertiary);
	margin-top: 0.125rem;
}

/* 加入按钮 */
.hui-widget-circle-info .hui-circle-join {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.hui-widget-circle-info .hui-join-btn {
	display: block;
	padding: 0.625rem 1rem;
	border-radius: var(--radius-md, 6px);
	text-decoration: none;
	text-align: center;
	font-size: 0.875rem;
	transition: all 0.2s var(--ease-smooth);
}

.hui-widget-circle-info .hui-join-btn--join {
	background: var(--xun-secondary, var(--color-secondary));
	color: #fff;
}

.hui-widget-circle-info .hui-join-btn--join:hover {
	background: var(--xun-secondary-hover, var(--color-secondary-dark));
}

.hui-widget-circle-info .hui-join-btn--joined {
	background: var(--color-fill-secondary);
	color: var(--color-text-secondary);
}

.hui-widget-circle-info .hui-join-btn--joined:hover {
	background: var(--color-error-bg);
	color: var(--color-error);
}

.hui-widget-circle-info .hui-circle-price {
	font-size: 0.875rem;
	color: var(--color-warning);
}

/* ============================================================================
   圈子信息卡片小工具（新版样式）
   ============================================================================ */

.hui-circle-info-widget {
	overflow: hidden;
}

/* 封面区域 */
.hui-circle-info-widget__cover {
	position: relative;
	height: 100px;
	background: linear-gradient(135deg, var(--xun-primary, var(--color-text)) 0%, var(--xun-primary-hover, var(--color-text-secondary)) 100%);
	margin: -1rem -1rem 0 -1rem;
	border-radius: var(--xun-radius, 8px) var(--xun-radius, 8px) 0 0;
}

.hui-circle-info-widget__cover-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hui-circle-info-widget__cover-placeholder {
	width: 100%;
	height: 100%;
}

/* 头像 */
.hui-circle-info-widget__avatar {
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 60px;
	border-radius: var(--radius-lg, 12px);
	background: var(--color-bg-container);
	border: 3px solid var(--color-bg-container);
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hui-circle-info-widget__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hui-circle-info-widget__avatar-text {
	font-size: 1.5rem;
	font-weight: 600;
	color: var(--color-text-tertiary);
	background: var(--color-fill-secondary);
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 信息区域 */
.hui-circle-info-widget__body {
	padding-top: 40px;
	text-align: center;
}

/* 名称 */
.hui-circle-info-widget__name {
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--color-text);
	margin: 0 0 0.5rem 0;
}

/* 描述 */
.hui-circle-info-widget__desc {
	font-size: 0.875rem;
	color: var(--color-text-secondary);
	margin: 0 0 1rem 0;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* 统计数据 */
.hui-circle-info-widget__stats {
	display: flex;
	justify-content: center;
	gap: 1.5rem;
	padding: 0.75rem 0;
	border-top: 1px solid var(--color-border-secondary);
	border-bottom: 1px solid var(--color-border-secondary);
	margin-bottom: 1rem;
}

.hui-circle-info-widget__stat {
	text-align: center;
}

.hui-circle-info-widget__stat-value {
	display: block;
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--color-text);
}

.hui-circle-info-widget__stat-label {
	display: block;
	font-size: 0.75rem;
	color: var(--color-text-tertiary);
	margin-top: 0.125rem;
}

/* 操作按钮区域 */
.hui-circle-info-widget__actions {
	display: flex;
	justify-content: center;
}

.hui-circle-info-widget__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.375rem;
	padding: 0.625rem 1.5rem;
	border-radius: var(--radius-md, 6px);
	font-size: 0.875rem;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
	border: none;
	transition: all 0.2s var(--ease-smooth);
}

.hui-circle-info-widget__btn svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

/* 加入按钮 */
.hui-circle-info-widget__btn--join {
	background: var(--xun-secondary, var(--color-secondary));
	color: #fff;
}

.hui-circle-info-widget__btn--join:hover {
	background: var(--xun-secondary-hover, var(--color-secondary-dark));
}

/* 已加入按钮 */
.hui-circle-info-widget__btn--joined {
	background: var(--color-fill-secondary);
	color: var(--color-text-secondary);
}

.hui-circle-info-widget__btn--joined:hover {
	background: var(--color-error-bg);
	color: var(--color-error);
}

.hui-circle-info-widget__btn--joined:hover span {
	display: none;
}

.hui-circle-info-widget__btn--joined:hover::after {
	content: '退出';
}

/* 付费按钮 */
.hui-circle-info-widget__btn--paid {
	background: linear-gradient(135deg, #f0b849, #e6a23c);
	color: #fff;
}

.hui-circle-info-widget__btn--paid:hover {
	background: linear-gradient(135deg, #e6a23c, #d4940a);
}

/* 登录按钮 */
.hui-circle-info-widget__btn--login {
	background: var(--color-fill-secondary);
	color: var(--color-text-secondary);
}

.hui-circle-info-widget__btn--login:hover {
	background: var(--xun-secondary, var(--color-secondary));
	color: #fff;
}

/* ============================================================================
   圈子管理员小工具
   ============================================================================ */

/* 旧版样式（保留兼容） */
.hui-widget-circle-admins .hui-admin-item {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.5rem;
	border-radius: var(--radius-md, 6px);
	text-decoration: none;
	color: var(--color-text);
	transition: all 0.2s var(--ease-smooth);
}

.hui-widget-circle-admins .hui-admin-item:hover {
	background: var(--color-fill-tertiary);
}

.hui-widget-circle-admins .hui-admin-avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
}

.hui-widget-circle-admins .hui-admin-info {
	flex: 1;
	min-width: 0;
}

.hui-widget-circle-admins .hui-admin-name {
	font-size: 0.875rem;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
}

.hui-widget-circle-admins .hui-admin-role {
	font-size: 0.75rem;
	padding: 0.125rem 0.375rem;
	border-radius: var(--radius-sm, 4px);
	flex-shrink: 0;
}

.hui-widget-circle-admins .hui-admin-role--creator {
	background: linear-gradient(135deg, #f0b849, #e6a23c);
	color: #fff;
}

.hui-widget-circle-admins .hui-admin-role--admin {
	background: var(--color-fill-secondary);
	color: var(--color-text-secondary);
}

/* 新版圈子管理员小工具样式 */
.hui-circle-admins-widget {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

/* 分区标题 */
.hui-circle-admins-widget__section-title {
	display: flex;
	align-items: center;
	gap: 0.375rem;
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--color-text-tertiary);
	text-transform: uppercase;
	letter-spacing: 0.025em;
	margin-bottom: 0.5rem;
}

.hui-circle-admins-widget__section-title svg {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
	color: var(--xun-secondary, var(--color-secondary));
}

/* 管理员列表 */
.hui-circle-admins-widget__list {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

/* 管理员项目 */
.hui-circle-admins-widget__item {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.5rem;
	border-radius: var(--radius-md, 6px);
	text-decoration: none;
	color: var(--color-text);
	transition: all 0.2s var(--ease-smooth);
}

.hui-circle-admins-widget__item:hover {
	background: var(--color-fill-tertiary);
}

/* 头像 */
.hui-circle-admins-widget__avatar {
	position: relative;
	width: 40px;
	height: 40px;
	flex-shrink: 0;
}

.hui-circle-admins-widget__avatar img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}

/* VIP 徽章 */
.hui-circle-admins-widget__vip-badge {
	position: absolute;
	bottom: -2px;
	right: -2px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: linear-gradient(135deg, #f0b849, #e6a23c);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid var(--color-bg-container);
}

.hui-circle-admins-widget__vip-badge svg {
	width: 10px;
	height: 10px;
}

/* 信息区域 */
.hui-circle-admins-widget__info {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0.125rem;
}

/* 名称 */
.hui-circle-admins-widget__name {
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--color-text);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 角色标识 */
.hui-circle-admins-widget__role {
	display: inline-flex;
	align-items: center;
	font-size: 0.6875rem;
	padding: 0.0625rem 0.375rem;
	border-radius: var(--radius-sm, 4px);
	width: fit-content;
}

.hui-circle-admins-widget__role--creator {
	background: linear-gradient(135deg, #f0b849, #e6a23c);
	color: #fff;
}

.hui-circle-admins-widget__role--admin {
	background: var(--color-fill-secondary);
	color: var(--color-text-secondary);
}

/* ============================================================================
   话题信息卡片（旧版样式，保留兼容）
   ============================================================================ */

.hui-widget-topic-info {
	text-align: center;
}

.hui-widget-topic-info .hui-topic-header {
	margin-bottom: 1rem;
}

.hui-widget-topic-info .hui-topic-icon {
	width: 64px;
	height: 64px;
	border-radius: var(--radius-lg, 12px);
	object-fit: cover;
	margin: 0 auto 0.75rem;
	background: var(--color-fill-secondary);
}

.hui-widget-topic-info .hui-topic-icon-placeholder {
	width: 64px;
	height: 64px;
	border-radius: var(--radius-lg, 12px);
	background: var(--color-fill-secondary);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 0.75rem;
	font-size: 1.5rem;
	color: var(--color-text-tertiary);
}

.hui-widget-topic-info .hui-topic-name {
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--color-text);
	margin: 0 0 0.5rem 0;
}

.hui-widget-topic-info .hui-topic-desc {
	font-size: 0.875rem;
	color: var(--color-text-secondary);
	margin: 0 0 0.75rem 0;
	line-height: 1.5;
}

.hui-widget-topic-info .hui-topic-count {
	font-size: 0.875rem;
	color: var(--color-text-tertiary);
}

.hui-widget-topic-info .hui-topic-count strong {
	color: var(--xun-secondary, var(--color-secondary));
	font-weight: 600;
}

/* ============================================================================
   话题信息卡片小工具（新版样式）
   ============================================================================ */

.hui-topic-info-widget {
	text-align: center;
}

/* 头部区域 */
.hui-topic-info-widget__header {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 1rem;
}

/* 话题图标 */
.hui-topic-info-widget__icon {
	width: 64px;
	height: 64px;
	border-radius: var(--radius-lg, 12px);
	overflow: hidden;
	background: var(--color-fill-secondary);
	flex-shrink: 0;
}

.hui-topic-info-widget__icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hui-topic-info-widget__icon-placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.75rem;
	font-weight: 600;
	color: var(--color-text-tertiary);
	background: linear-gradient(135deg, var(--color-fill-secondary) 0%, var(--color-fill-tertiary) 100%);
}

/* 标题区域 */
.hui-topic-info-widget__title-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.375rem;
}

/* 话题名称 */
.hui-topic-info-widget__name {
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--color-text);
	margin: 0;
	line-height: 1.4;
}

/* 徽章 */
.hui-topic-info-widget__badge {
	display: inline-flex;
	align-items: center;
	font-size: 0.6875rem;
	padding: 0.125rem 0.5rem;
	border-radius: var(--radius-full, 9999px);
}

.hui-topic-info-widget__badge--featured {
	background: linear-gradient(135deg, #f0b849, #e6a23c);
	color: #fff;
}

/* 描述区域 */
.hui-topic-info-widget__desc {
	font-size: 0.875rem;
	color: var(--color-text-secondary);
	line-height: 1.6;
	margin: 0 0 1rem 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* 统计区域 */
.hui-topic-info-widget__stats {
	display: flex;
	justify-content: center;
	gap: 1.5rem;
	padding: 0.75rem 0;
	border-top: 1px solid var(--color-border-secondary);
}

.hui-topic-info-widget__stat {
	text-align: center;
}

.hui-topic-info-widget__stat-value {
	display: block;
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--xun-secondary, var(--color-secondary));
}

.hui-topic-info-widget__stat-label {
	display: block;
	font-size: 0.75rem;
	color: var(--color-text-tertiary);
	margin-top: 0.125rem;
}

/* 新版话题信息卡片小工具样式 */
.hui-topic-info-widget {
	text-align: center;
}

.hui-topic-info-widget .hui-topic-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 1rem;
}

.hui-topic-info-widget .hui-topic-icon {
	width: 64px;
	height: 64px;
	border-radius: var(--radius-lg, 12px);
	object-fit: cover;
	background: var(--color-fill-secondary);
}

.hui-topic-info-widget .hui-topic-icon-placeholder {
	width: 64px;
	height: 64px;
	border-radius: var(--radius-lg, 12px);
	background: var(--color-fill-secondary);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-text-tertiary);
}

.hui-topic-info-widget .hui-topic-icon-placeholder svg {
	width: 28px;
	height: 28px;
}

.hui-topic-info-widget .hui-topic-name {
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--color-text);
	margin: 0;
}

.hui-topic-info-widget .hui-topic-desc {
	font-size: 0.875rem;
	color: var(--color-text-secondary);
	margin: 0 0 1rem 0;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.hui-topic-info-widget .hui-topic-count {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	font-size: 0.875rem;
	color: var(--color-text-tertiary);
	padding: 0.5rem 1rem;
	background: var(--color-fill-quaternary);
	border-radius: var(--radius-full, 9999px);
}

.hui-topic-info-widget .hui-topic-count svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

.hui-topic-info-widget .hui-topic-count strong {
	color: var(--xun-secondary, var(--color-secondary));
	font-weight: 600;
}

.hui-topic-info-widget .hui-topic-featured {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	font-size: 0.75rem;
	color: #f0b849;
	margin-top: 0.75rem;
}

.hui-topic-info-widget .hui-topic-featured svg {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
}

/* ============================================================================
   帖子作者卡片（旧版样式 - 保留兼容）
   ============================================================================ */

/* 旧版样式已被新版替代，以下样式仅用于兼容旧版 HTML 结构 */
.hui-widget-post-author .hui-author-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 1rem;
}

.hui-widget-post-author .hui-author-avatar {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	object-fit: cover;
	border: 3px solid var(--color-border-secondary);
}

.hui-widget-post-author .hui-author-name {
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-text);
	margin: 0;
	text-decoration: none;
}

.hui-widget-post-author .hui-author-name:hover {
	color: var(--xun-secondary, var(--color-secondary));
}

.hui-widget-post-author .hui-author-bio {
	font-size: 0.875rem;
	color: var(--color-text-secondary);
	margin: 0.5rem 0 0 0;
	line-height: 1.5;
}

/* 作者统计 */
.hui-widget-post-author .hui-author-stats {
	display: flex;
	justify-content: center;
	gap: 1.5rem;
	padding: 0.75rem 0;
	border-top: 1px solid var(--color-border-secondary);
	border-bottom: 1px solid var(--color-border-secondary);
	margin-bottom: 1rem;
}

.hui-widget-post-author .hui-stat-item {
	text-align: center;
}

.hui-widget-post-author .hui-stat-value {
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--color-text);
}

.hui-widget-post-author .hui-stat-label {
	font-size: 0.75rem;
	color: var(--color-text-tertiary);
	margin-top: 0.125rem;
}

/* 关注按钮 */
.hui-widget-post-author .hui-follow-btn {
	display: inline-block;
	padding: 0.5rem 1.5rem;
	border-radius: var(--radius-md, 6px);
	text-decoration: none;
	font-size: 0.875rem;
	transition: all 0.2s var(--ease-smooth);
	cursor: pointer;
	border: none;
}

.hui-widget-post-author .hui-follow-btn--follow {
	background: var(--xun-secondary, var(--color-secondary));
	color: #fff;
}

.hui-widget-post-author .hui-follow-btn--follow:hover {
	background: var(--xun-secondary-hover, var(--color-secondary-dark));
}

.hui-widget-post-author .hui-follow-btn--following {
	background: var(--color-fill-secondary);
	color: var(--color-text-secondary);
}

.hui-widget-post-author .hui-follow-btn--following:hover {
	background: var(--color-error-bg);
	color: var(--color-error);
}

/* 新版帖子作者卡片小工具样式 */
.hui-post-author-widget {
	text-align: center;
}

.hui-post-author-widget .hui-author-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 1rem;
}

.hui-post-author-widget .hui-author-avatar-link {
	display: block;
}

.hui-post-author-widget .hui-author-avatar {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	object-fit: cover;
	border: 3px solid var(--color-border-secondary);
	transition: all 0.2s var(--ease-smooth);
}

.hui-post-author-widget .hui-author-avatar-link:hover .hui-author-avatar {
	border-color: var(--xun-secondary, var(--color-secondary));
}

.hui-post-author-widget .hui-author-name {
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-text);
	text-decoration: none;
	transition: color 0.2s var(--ease-smooth);
}

.hui-post-author-widget .hui-author-name:hover {
	color: var(--xun-secondary, var(--color-secondary));
}

.hui-post-author-widget .hui-author-bio {
	font-size: 0.875rem;
	color: var(--color-text-secondary);
	margin: 0;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* 作者统计 */
.hui-post-author-widget .hui-author-stats {
	display: flex;
	justify-content: center;
	gap: 1.5rem;
	padding: 0.75rem 0;
	border-top: 1px solid var(--color-border-secondary);
	border-bottom: 1px solid var(--color-border-secondary);
	margin-bottom: 1rem;
}

.hui-post-author-widget .hui-stat-item {
	text-align: center;
}

.hui-post-author-widget .hui-stat-value {
	display: block;
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--color-text);
}

.hui-post-author-widget .hui-stat-label {
	display: block;
	font-size: 0.75rem;
	color: var(--color-text-tertiary);
	margin-top: 0.125rem;
}

/* 作者操作按钮 */
.hui-post-author-widget .hui-author-actions {
	display: flex;
	justify-content: center;
}

.hui-post-author-widget .hui-follow-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.375rem;
	padding: 0.5rem 1.5rem;
	border-radius: var(--radius-md, 6px);
	font-size: 0.875rem;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
	border: none;
	transition: all 0.2s var(--ease-smooth);
}

.hui-post-author-widget .hui-follow-btn svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

.hui-post-author-widget .hui-follow-btn--follow {
	background: var(--xun-secondary, var(--color-secondary));
	color: #fff;
}

.hui-post-author-widget .hui-follow-btn--follow:hover {
	background: var(--xun-secondary-hover, var(--color-secondary-dark));
}

.hui-post-author-widget .hui-follow-btn--following {
	background: var(--color-fill-secondary);
	color: var(--color-text-secondary);
}

.hui-post-author-widget .hui-follow-btn--following:hover {
	background: var(--color-error-bg);
	color: var(--color-error);
}

.hui-post-author-widget .hui-follow-btn--following:hover .xun-follow-text span {
	display: none;
}

.hui-post-author-widget .hui-follow-btn--following:hover .xun-follow-text::after {
	content: '取消关注';
}

.hui-post-author-widget .hui-follow-btn--login {
	background: var(--color-fill-secondary);
	color: var(--color-text-secondary);
}

.hui-post-author-widget .hui-follow-btn--login:hover {
	background: var(--xun-secondary, var(--color-secondary));
	color: #fff;
}

/* ============================================================================
   深色模式适配
   ============================================================================ */

@media (prefers-color-scheme: dark) {
	:root:not(.light) .hui-widget {
		background: var(--color-bg-container);
	}

	:root:not(.light) .hui-widget-current-user .hui-user-avatar,
	:root:not(.light) .hui-widget-post-author .hui-author-avatar,
	:root:not(.light) .hui-current-user__avatar {
		border-color: rgba(255, 255, 255, 0.1);
	}

	:root:not(.light) .hui-current-user__cover-placeholder {
		background: linear-gradient(135deg, var(--xun-primary, #4a5568) 0%, var(--xun-primary-hover, #2d3748) 100%);
	}
}

.dark .hui-widget {
	background: var(--color-bg-container);
}

.dark .hui-widget-current-user .hui-user-avatar,
.dark .hui-widget-post-author .hui-author-avatar,
.dark .hui-current-user__avatar {
	border-color: rgba(255, 255, 255, 0.1);
}

.dark .hui-current-user__cover-placeholder {
	background: linear-gradient(135deg, var(--xun-primary, #4a5568) 0%, var(--xun-primary-hover, #2d3748) 100%);
}

/* ============================================================================
   响应式适配
   ============================================================================ */

@media (max-width: 768px) {
	.hui-widget {
		padding: 0.875rem;
	}

	.hui-widget-current-user .hui-user-stats,
	.hui-widget-circle-info .hui-circle-stats,
	.hui-widget-post-author .hui-author-stats {
		gap: 1rem;
	}

	.hui-widget-current-user .hui-stat-value,
	.hui-widget-circle-info .hui-stat-value,
	.hui-widget-post-author .hui-stat-value {
		font-size: 1rem;
	}
}

/* ============================================================================
   圈子成员小工具（带 Tab 切换）
   ============================================================================ */

/* 主容器 */
.hui-circle-members {
	padding: 0;
}

/* 标题区域 */
.hui-circle-members__header {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 1rem;
}

.hui-circle-members__icon {
	color: var(--xun-secondary, var(--color-secondary));
	flex-shrink: 0;
}

.hui-circle-members__title {
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-text);
	margin: 0;
}

/* Tab 导航 */
.hui-circle-members__tabs {
	display: flex;
	gap: 0;
	border-bottom: 1px solid var(--color-border-secondary);
	margin-bottom: 1rem;
}

.hui-circle-members__tab {
	flex: 1;
	padding: 0.625rem 0.5rem;
	background: none;
	border: none;
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--color-text-secondary);
	cursor: pointer;
	position: relative;
	transition: color 0.2s var(--ease-smooth);
}

.hui-circle-members__tab:hover {
	color: var(--color-text);
}

.hui-circle-members__tab.is-active {
	color: var(--xun-secondary, var(--color-secondary));
}

/* Tab 下划线指示器 */
.hui-circle-members__tab::after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 50%;
	transform: translateX(-50%) scaleX(0);
	width: 60%;
	height: 2px;
	background: var(--xun-secondary, var(--color-secondary));
	border-radius: 1px;
	transition: transform 0.2s var(--ease-smooth);
}

.hui-circle-members__tab.is-active::after {
	transform: translateX(-50%) scaleX(1);
}

/* Tab 面板 */
.hui-circle-members__panels {
	position: relative;
}

.hui-circle-members__panel {
	display: none;
}

.hui-circle-members__panel.is-active {
	display: block;
}

/* 成员列表 */
.hui-circle-members__list {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

/* 单个成员项 */
.hui-circle-members__item {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.5rem;
	border-radius: var(--radius-md, 6px);
	transition: background 0.2s var(--ease-smooth);
}

.hui-circle-members__item:hover {
	background: var(--color-fill-tertiary);
}

/* 头像区域 */
.hui-circle-members__avatar-link {
	flex-shrink: 0;
	text-decoration: none;
}

.hui-circle-members__avatar-wrap {
	position: relative;
	width: 44px;
	height: 44px;
}

.hui-circle-members__avatar {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid var(--color-border-secondary);
	transition: border-color 0.2s var(--ease-smooth);
}

.hui-circle-members__avatar-link:hover .hui-circle-members__avatar {
	border-color: var(--xun-secondary, var(--color-secondary));
}

/* 在线状态指示器 */
.hui-circle-members__status {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--color-text-quaternary);
	border: 2px solid var(--color-bg-container);
}

.hui-circle-members__status.is-online {
	background: #22c55e;
}

/* 用户信息 */
.hui-circle-members__info {
	flex: 1;
	min-width: 0;
	overflow: hidden;
}

.hui-circle-members__name {
	display: block;
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--color-text);
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color 0.2s var(--ease-smooth);
}

.hui-circle-members__name:hover {
	color: var(--xun-secondary, var(--color-secondary));
}

.hui-circle-members__meta {
	display: block;
	font-size: 0.75rem;
	color: var(--color-text-tertiary);
	margin-top: 0.125rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 关注按钮 */
.hui-circle-members__follow-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.25rem;
	padding: 0.375rem 0.75rem;
	border-radius: var(--radius-full, 9999px);
	font-size: 0.75rem;
	font-weight: 500;
	cursor: pointer;
	border: 1px solid var(--xun-secondary, var(--color-secondary));
	background: transparent;
	color: var(--xun-secondary, var(--color-secondary));
	transition: all 0.2s var(--ease-smooth);
	flex-shrink: 0;
}

.hui-circle-members__follow-btn svg {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
}

.hui-circle-members__follow-btn:hover {
	background: var(--xun-secondary, var(--color-secondary));
	color: #fff;
}

/* 已关注状态 */
.hui-circle-members__follow-btn.is-following {
	background: var(--color-fill-secondary);
	border-color: var(--color-border);
	color: var(--color-text-secondary);
}

.hui-circle-members__follow-btn.is-following:hover {
	background: var(--color-error-bg);
	border-color: var(--color-error);
	color: var(--color-error);
}

.hui-circle-members__follow-btn.is-following:hover span {
	display: none;
}

.hui-circle-members__follow-btn.is-following:hover::after {
	content: '取关';
}

/* 空状态 */
.hui-circle-members__empty {
	text-align: center;
	padding: 1.5rem 1rem;
	color: var(--color-text-tertiary);
	font-size: 0.875rem;
}


/* ============================================================================
   圈子信息卡片小工具（新版设计）
   ============================================================================ */

/* 卡片容器 - 移除默认内边距 */
.hui-circle-info-card {
	padding: 0 !important;
	overflow: hidden;
}

/* 主容器 */
.hui-circle-card {
	position: relative;
}

/* 封面区域 */
.hui-circle-card__cover {
	position: relative;
	height: 120px;
	background: linear-gradient(135deg, var(--xun-primary, var(--color-text)) 0%, var(--xun-primary-hover, var(--color-text-secondary)) 100%);
	overflow: visible;
}

.hui-circle-card__cover-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hui-circle-card__cover-placeholder {
	width: 100%;
	height: 100%;
}

/* 头像 - 叠加在封面上 */
.hui-circle-card__avatar {
	position: absolute;
	bottom: -32px;
	left: 50%;
	transform: translateX(-50%);
	width: 64px;
	height: 64px;
	border-radius: var(--radius-lg, 12px);
	background: var(--color-bg-container);
	border: 4px solid var(--color-bg-container);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
}

.hui-circle-card__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hui-circle-card__avatar-text {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--color-text-tertiary);
	background: var(--color-fill-secondary);
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 信息区域 */
.hui-circle-card__body {
	padding: 44px 1rem 1rem;
	text-align: center;
}

.hui-circle-card__body--no-cover {
	padding-top: 1rem;
}

/* 标题区域 */
.hui-circle-card__header {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	flex-wrap: wrap;
	margin-bottom: 0.5rem;
}

/* 圈子名称 */
.hui-circle-card__name {
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--color-text);
	margin: 0;
	line-height: 1.4;
}

/* 徽章 */
.hui-circle-card__badge {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	font-size: 0.6875rem;
	font-weight: 500;
	padding: 0.125rem 0.5rem;
	border-radius: var(--radius-full, 9999px);
}

.hui-circle-card__badge svg {
	width: 12px;
	height: 12px;
	flex-shrink: 0;
}

.hui-circle-card__badge--official {
	background: linear-gradient(135deg, #3b82f6, #1d4ed8);
	color: #fff;
}

.hui-circle-card__badge--private {
	background: var(--color-fill-secondary);
	color: var(--color-text-secondary);
}

/* 创建者信息 */
.hui-circle-card__creator {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	margin-bottom: 0.75rem;
}

.hui-circle-card__creator-link {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	text-decoration: none;
	transition: opacity 0.2s var(--ease-smooth);
}

.hui-circle-card__creator-link:hover {
	opacity: 0.8;
}

.hui-circle-card__creator-avatar {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	object-fit: cover;
}

.hui-circle-card__creator-name {
	font-size: 0.8125rem;
	color: var(--color-text-secondary);
}

.hui-circle-card__creator-label {
	font-size: 0.75rem;
	color: var(--color-text-tertiary);
}

/* 描述 */
.hui-circle-card__desc {
	font-size: 0.875rem;
	color: var(--color-text-secondary);
	margin: 0 0 1rem 0;
	line-height: 1.6;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* 统计数据 */
.hui-circle-card__stats {
	display: flex;
	justify-content: center;
	gap: 0;
	padding: 0.75rem 0;
	border-top: 1px solid var(--color-border-secondary);
	border-bottom: 1px solid var(--color-border-secondary);
	margin-bottom: 1rem;
}

.hui-circle-card__stat {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.25rem;
	padding: 0 0.5rem;
	position: relative;
}

/* 分隔线 */
.hui-circle-card__stat:not(:last-child)::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 24px;
	background: var(--color-border-secondary);
}

.hui-circle-card__stat svg {
	color: var(--color-text-tertiary);
	flex-shrink: 0;
}

.hui-circle-card__stat-value {
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-text);
	line-height: 1.2;
}

.hui-circle-card__stat-label {
	font-size: 0.6875rem;
	color: var(--color-text-tertiary);
}

/* 操作按钮区域 */
.hui-circle-card__actions {
	display: flex;
	gap: 0.5rem;
	margin-bottom: 0.75rem;
}

/* 按钮基础样式 */
.hui-circle-card__btn {
	flex: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.375rem;
	padding: 0.625rem 1rem;
	border-radius: var(--radius-md, 6px);
	font-size: 0.875rem;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
	border: none;
	transition: all 0.2s var(--ease-smooth);
}

.hui-circle-card__btn svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

/* 全宽按钮 */
.hui-circle-card__btn--full {
	flex: none;
	width: 100%;
}

/* 发帖按钮 */
.hui-circle-card__btn--publish {
	background: var(--xun-secondary, var(--color-secondary));
	color: #fff;
}

.hui-circle-card__btn--publish:hover {
	background: var(--xun-secondary-hover, var(--color-secondary-dark));
	transform: translateY(-1px);
	box-shadow: 0 4px 12px oklch(from var(--xun-secondary, var(--color-secondary)) l c h / 0.3);
}

/* 加入按钮 */
.hui-circle-card__btn--join {
	background: var(--xun-secondary, var(--color-secondary));
	color: #fff;
}

.hui-circle-card__btn--join:hover {
	background: var(--xun-secondary-hover, var(--color-secondary-dark));
	transform: translateY(-1px);
	box-shadow: 0 4px 12px oklch(from var(--xun-secondary, var(--color-secondary)) l c h / 0.3);
}

/* 已加入按钮 */
.hui-circle-card__btn--joined {
	background: var(--color-fill-secondary);
	color: var(--color-text-secondary);
	border: 1px solid var(--color-border);
}

.hui-circle-card__btn--joined:hover {
	background: var(--color-error-bg);
	border-color: var(--color-error);
	color: var(--color-error);
}

.hui-circle-card__btn--joined:hover span {
	display: none;
}

.hui-circle-card__btn--joined:hover::after {
	content: '退出';
}

/* 付费按钮 */
.hui-circle-card__btn--paid {
	background: linear-gradient(135deg, #f59e0b, #d97706);
	color: #fff;
}

.hui-circle-card__btn--paid:hover {
	background: linear-gradient(135deg, #d97706, #b45309);
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}

/* 登录按钮 */
.hui-circle-card__btn--login {
	background: var(--xun-secondary, var(--color-secondary));
	color: #fff;
}

.hui-circle-card__btn--login:hover {
	background: var(--xun-secondary-hover, var(--color-secondary-dark));
	transform: translateY(-1px);
	box-shadow: 0 4px 12px oklch(from var(--xun-secondary, var(--color-secondary)) l c h / 0.3);
}

/* 成员数提示 */
.hui-circle-card__members-hint {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.375rem;
	font-size: 0.75rem;
	color: var(--color-text-tertiary);
	padding: 0.375rem 0.75rem;
	background: var(--color-fill-quaternary);
	border-radius: var(--radius-full, 9999px);
}

.hui-circle-card__members-hint svg {
	color: var(--xun-secondary, var(--color-secondary));
	flex-shrink: 0;
}

/* 深色模式适配 */
@media (prefers-color-scheme: dark) {
	:root:not(.light) .hui-circle-card__cover-placeholder {
		background: linear-gradient(135deg, var(--xun-primary, #4a5568) 0%, var(--xun-primary-hover, #2d3748) 100%);
	}

	:root:not(.light) .hui-circle-card__avatar {
		border-color: var(--color-bg-container);
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	}
}

.dark .hui-circle-card__cover-placeholder {
	background: linear-gradient(135deg, var(--xun-primary, #4a5568) 0%, var(--xun-primary-hover, #2d3748) 100%);
}

.dark .hui-circle-card__avatar {
	border-color: var(--color-bg-container);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* 响应式适配 */
@media (max-width: 768px) {
	.hui-circle-card__cover {
		height: 100px;
	}

	.hui-circle-card__avatar {
		width: 56px;
		height: 56px;
		bottom: -28px;
	}

	.hui-circle-card__body {
		padding-top: 36px;
	}

	.hui-circle-card__stats {
		gap: 0;
	}

	.hui-circle-card__stat {
		padding: 0 0.25rem;
	}

	.hui-circle-card__stat-value {
		font-size: 0.9375rem;
	}
}


/* ============================================================================
   话题信息卡片小工具（新版设计）
   ============================================================================ */

/* 卡片容器 */
.hui-topic-card {
	padding: 0 !important;
	overflow: hidden;
}

/* 内部容器 */
.hui-topic-card__inner {
	padding: 1rem;
}

/* 头部区域 */
.hui-topic-card__header {
	display: flex;
	gap: 1rem;
	margin-bottom: 1rem;
}

/* 话题图标 */
.hui-topic-card__icon {
	flex-shrink: 0;
	width: 56px;
	height: 56px;
	border-radius: var(--radius-lg, 12px);
	overflow: hidden;
	background: linear-gradient(135deg, var(--xun-primary, var(--color-text)) 0%, var(--xun-primary-hover, var(--color-text-secondary)) 100%);
	display: flex;
	align-items: center;
	justify-content: center;
}

.hui-topic-card__icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hui-topic-card__icon-text {
	font-size: 1.5rem;
	font-weight: 700;
	color: #fff;
}

/* 信息区域 */
.hui-topic-card__info {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* 标题行 */
.hui-topic-card__title-row {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex-wrap: wrap;
	margin-bottom: 0.25rem;
}

/* 话题名称 */
.hui-topic-card__name {
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--color-text);
	margin: 0;
	line-height: 1.4;
}

/* 徽章 */
.hui-topic-card__badge {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	font-size: 0.6875rem;
	font-weight: 500;
	padding: 0.125rem 0.5rem;
	border-radius: var(--radius-full, 9999px);
}

.hui-topic-card__badge svg {
	width: 12px;
	height: 12px;
	flex-shrink: 0;
}

.hui-topic-card__badge--hot {
	background: linear-gradient(135deg, #ef4444, #dc2626);
	color: #fff;
}

/* 描述 */
.hui-topic-card__desc {
	font-size: 0.8125rem;
	color: var(--color-text-secondary);
	margin: 0;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* 统计数据 */
.hui-topic-card__stats {
	display: flex;
	justify-content: space-between;
	gap: 0;
	padding: 0.75rem 0;
	border-top: 1px solid var(--color-border-secondary);
	border-bottom: 1px solid var(--color-border-secondary);
	margin-bottom: 1rem;
}

.hui-topic-card__stat {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.25rem;
	position: relative;
}

/* 分隔线 */
.hui-topic-card__stat:not(:last-child)::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 24px;
	background: var(--color-border-secondary);
}

.hui-topic-card__stat svg {
	color: var(--color-text-tertiary);
	flex-shrink: 0;
}

.hui-topic-card__stat-value {
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-text);
	line-height: 1.2;
}

.hui-topic-card__stat-label {
	font-size: 0.6875rem;
	color: var(--color-text-tertiary);
}

/* 操作按钮区域 */
.hui-topic-card__actions {
	margin-bottom: 0.75rem;
}

/* 按钮基础样式 */
.hui-topic-card__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.375rem;
	width: 100%;
	padding: 0.625rem 1rem;
	border-radius: var(--radius-md, 6px);
	font-size: 0.875rem;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
	border: none;
	transition: all 0.2s var(--ease-smooth);
}

.hui-topic-card__btn svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

/* 关注按钮 */
.hui-topic-card__btn--follow,
.hui-topic-card__btn--login {
	background: var(--xun-secondary, var(--color-secondary));
	color: #fff;
}

.hui-topic-card__btn--follow:hover,
.hui-topic-card__btn--login:hover {
	background: var(--xun-secondary-hover, var(--color-secondary-dark));
	transform: translateY(-1px);
	box-shadow: 0 4px 12px oklch(from var(--xun-secondary, var(--color-secondary)) l c h / 0.3);
}

/* 已关注按钮 */
.hui-topic-card__btn--following {
	background: var(--color-fill-secondary);
	color: var(--color-text-secondary);
	border: 1px solid var(--color-border);
}

.hui-topic-card__btn--following:hover {
	background: var(--color-error-bg);
	border-color: var(--color-error);
	color: var(--color-error);
}

.hui-topic-card__btn--following:hover span {
	display: none;
}

.hui-topic-card__btn--following:hover::after {
	content: '取消关注';
}

/* 关注者提示 */
.hui-topic-card__followers-hint {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.375rem;
	font-size: 0.75rem;
	color: var(--color-text-tertiary);
	padding: 0.375rem 0.75rem;
	background: var(--color-fill-quaternary);
	border-radius: var(--radius-full, 9999px);
	margin: 0 auto;
	width: fit-content;
}

.hui-topic-card__followers-hint svg {
	color: var(--xun-secondary, var(--color-secondary));
	flex-shrink: 0;
}

/* 深色模式适配 */
@media (prefers-color-scheme: dark) {
	:root:not(.light) .hui-topic-card__icon {
		background: linear-gradient(135deg, var(--xun-primary, #4a5568) 0%, var(--xun-primary-hover, #2d3748) 100%);
	}
}

.dark .hui-topic-card__icon {
	background: linear-gradient(135deg, var(--xun-primary, #4a5568) 0%, var(--xun-primary-hover, #2d3748) 100%);
}

/* 响应式适配 */
@media (max-width: 768px) {
	.hui-topic-card__icon {
		width: 48px;
		height: 48px;
	}

	.hui-topic-card__icon-text {
		font-size: 1.25rem;
	}

	.hui-topic-card__name {
		font-size: 1rem;
	}

	.hui-topic-card__stat-value {
		font-size: 0.9375rem;
	}
}


/* ============================================================================
   热门话题小工具 - 新版样式
   ============================================================================ */

/* 主容器 */
.hui-hot-topics {
	padding: 0.25rem 0;
}

/* 列表布局 */
.hui-hot-topics__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.125rem;
}

/* 列表项 */
.hui-hot-topics__item {
	margin: 0;
}

/* 链接 */
.hui-hot-topics__link {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	padding: 0.5rem 0.625rem;
	border-radius: var(--radius-md, 6px);
	text-decoration: none;
	color: var(--color-text);
	transition: all 0.2s var(--ease-smooth);
}

.hui-hot-topics__link:hover {
	background: var(--color-fill-tertiary);
}

.hui-hot-topics__link:hover .hui-hot-topics__name {
	color: var(--xun-secondary, var(--color-secondary));
}

/* 排名数字 */
.hui-hot-topics__rank {
	width: 20px;
	height: 20px;
	border-radius: 4px;
	background: var(--color-fill-secondary);
	color: var(--color-text-tertiary);
	font-size: 0.75rem;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

/* 前三名特殊样式 */
.hui-hot-topics__rank.is-top {
	background: var(--xun-secondary, var(--color-secondary));
	color: #fff;
}

/* 图标容器 */
.hui-hot-topics__icon {
	width: 28px;
	height: 28px;
	border-radius: var(--radius-sm, 4px);
	background: var(--color-fill-secondary);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	overflow: hidden;
}

.hui-hot-topics__icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* # 号占位符 */
.hui-hot-topics__hash {
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--xun-secondary, var(--color-secondary));
}

/* 话题名称 */
.hui-hot-topics__name {
	flex: 1;
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--color-text);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color 0.2s var(--ease-smooth);
}

/* 帖子数量 */
.hui-hot-topics__count {
	font-size: 0.75rem;
	color: var(--color-text-tertiary);
	flex-shrink: 0;
	padding: 0.125rem 0.5rem;
	background: var(--color-fill-quaternary);
	border-radius: var(--radius-full, 9999px);
}

/* 热门火焰图标 */
.hui-hot-topics__hot {
	color: #ef4444;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	animation: hui-hot-pulse 1.5s ease-in-out infinite;
}

@keyframes hui-hot-pulse {
	0%, 100% {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		opacity: 0.7;
		transform: scale(1.1);
	}
}

/* ============================================================================
   热门话题 - 标签云布局
   ============================================================================ */

.hui-hot-topics--tags {
	padding: 0;
}

.hui-hot-topics__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

/* 单个标签 */
.hui-hot-topics__tag {
	display: inline-flex;
	align-items: center;
	gap: 0.125rem;
	padding: 0.375rem 0.75rem;
	background: var(--color-fill-secondary);
	border-radius: var(--radius-full, 9999px);
	text-decoration: none;
	color: var(--color-text-secondary);
	font-size: 0.8125rem;
	transition: all 0.2s var(--ease-smooth);
}

.hui-hot-topics__tag:hover {
	background: var(--xun-secondary, var(--color-secondary));
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px oklch(from var(--xun-secondary, var(--color-secondary)) l c h / 0.25);
}

/* 热门标签特殊样式 */
.hui-hot-topics__tag.is-hot {
	background: linear-gradient(135deg, var(--xun-secondary, var(--color-secondary)) 0%, var(--xun-secondary-hover, var(--color-secondary-dark)) 100%);
	color: #fff;
	font-weight: 500;
}

.hui-hot-topics__tag.is-hot:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 16px oklch(from var(--xun-secondary, var(--color-secondary)) l c h / 0.35);
}

/* 标签内的 # 号 */
.hui-hot-topics__tag-hash {
	font-weight: 600;
	opacity: 0.8;
}

/* 标签内的名称 */
.hui-hot-topics__tag-name {
	max-width: 120px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 标签内的数量 */
.hui-hot-topics__tag-count {
	font-size: 0.6875rem;
	opacity: 0.7;
	margin-left: 0.25rem;
}

/* 深色模式适配 */
@media (prefers-color-scheme: dark) {
	:root:not(.light) .hui-hot-topics__tag:not(.is-hot) {
		background: var(--color-fill-tertiary);
	}
}

.dark .hui-hot-topics__tag:not(.is-hot) {
	background: var(--color-fill-tertiary);
}

/* 响应式适配 */
@media (max-width: 768px) {
	.hui-hot-topics__link {
		padding: 0.375rem 0.5rem;
	}

	.hui-hot-topics__rank {
		width: 18px;
		height: 18px;
		font-size: 0.6875rem;
	}

	.hui-hot-topics__icon {
		width: 24px;
		height: 24px;
	}

	.hui-hot-topics__name {
		font-size: 0.8125rem;
	}

	.hui-hot-topics__tag {
		padding: 0.3125rem 0.625rem;
		font-size: 0.75rem;
	}

	.hui-hot-topics__tag-name {
		max-width: 80px;
	}
}


/* ============================================================================
   帖子作者卡片小工具 - 新版样式
   ============================================================================ */

/* 移除小工具默认内边距，但保留标题的内边距 */
.hui-widget-post-author {
	padding: 0 !important;
	overflow: hidden;
}

/* 标题样式 - 需要单独设置内边距 */
.hui-widget-post-author .widget-title {
	margin: 0 !important;
	padding: 1rem !important;
	padding-bottom: 0.75rem !important;
	border-bottom: 1px solid var(--color-border-secondary);
}

/* 确保小工具在 grid 布局中占满整行 */
.hui-single-post-sidebar .hui-widget-post-author {
	grid-column: 1 / -1 !important;
}

/* 主容器 - 确保垂直布局，覆盖 author.css 中的 flex 布局 */
.hui-widget-post-author .hui-author-card {
	position: relative;
	display: block !important;
	width: 100%;
	box-sizing: border-box;
	padding: 0 !important;
	background: transparent !important;
	gap: 0 !important;
}

/* 移除 author.css 中的伪元素 */
.hui-widget-post-author .hui-author-card::before {
	display: none !important;
}

/* 封面区域 */
.hui-author-card__cover {
	position: relative;
	display: block;
	width: 100%;
	height: 80px;
	background: linear-gradient(135deg, var(--xun-primary, #667eea) 0%, var(--xun-primary-hover, #764ba2) 100%);
	overflow: visible;
}

.hui-author-card__cover-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hui-author-card__cover-placeholder {
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, var(--xun-primary, #667eea) 0%, var(--xun-primary-hover, #764ba2) 100%);
}

/* 浮动头像 */
.hui-author-card__avatar {
	position: absolute;
	bottom: -28px;
	left: 50%;
	transform: translateX(-50%);
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--color-bg-container);
	border: 3px solid var(--color-bg-container);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	overflow: hidden;
	z-index: 10;
	display: block;
}

.hui-author-card__avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
	transition: transform 0.2s var(--ease-smooth);
}

.hui-author-card__avatar:hover img {
	transform: scale(1.05);
}

/* 信息区域 */
.hui-author-card__body {
	display: block;
	width: 100%;
	padding: 36px 1rem 1rem;
	text-align: center;
	box-sizing: border-box;
}

/* 用户信息 */
.hui-author-card__info {
	display: block;
	margin-bottom: 0.5rem;
}

.hui-author-card__name {
	display: block;
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-text);
	text-decoration: none;
	margin-bottom: 0.375rem;
	transition: color 0.2s var(--ease-smooth);
}

.hui-author-card__name:hover {
	color: var(--xun-secondary, var(--color-secondary));
}

/* 徽章区域 */
.hui-author-card__badges {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.375rem;
	flex-wrap: wrap;
}

.hui-author-card__badge {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	font-size: 0.6875rem;
	padding: 0.125rem 0.5rem;
	border-radius: var(--radius-full, 9999px);
}

.hui-author-card__badge--vip {
	background: linear-gradient(135deg, var(--vip-color, #f0b849), var(--vip-color, #e6a23c));
	color: #fff;
}

.hui-author-card__badge--vip svg {
	width: 10px;
	height: 10px;
}

/* 简介 */
.hui-author-card__bio {
	display: block;
	font-size: 0.8125rem;
	color: var(--color-text-tertiary);
	margin: 0 0 0.75rem 0;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* 统计数据 */
.hui-author-card__stats {
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 0;
	width: 100%;
	padding: 0.75rem 0;
	border-top: 1px solid var(--color-border-secondary);
	border-bottom: 1px solid var(--color-border-secondary);
	margin-bottom: 0.75rem;
	box-sizing: border-box;
}

.hui-author-card__stat {
	flex: 1;
	text-align: center;
	position: relative;
	min-width: 0;
}

/* 分隔线 */
.hui-author-card__stat:not(:last-child)::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 24px;
	background: var(--color-border-secondary);
}

.hui-author-card__stat-value {
	display: block;
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--color-text);
	line-height: 1.2;
}

.hui-author-card__stat-label {
	display: block;
	font-size: 0.6875rem;
	color: var(--color-text-tertiary);
	margin-top: 0.125rem;
}

/* 操作按钮区域 */
.hui-author-card__actions {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
}

/* 按钮基础样式 */
.hui-author-card__btn {
	flex: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.375rem;
	padding: 0.5rem 1rem;
	border-radius: var(--radius-md, 6px);
	font-size: 0.875rem;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
	border: none;
	transition: all 0.2s var(--ease-smooth);
	box-sizing: border-box;
}

.hui-author-card__btn svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

/* 私信按钮 */
.hui-author-card__btn--message {
	flex: 0 0 auto;
	width: 40px;
	padding: 0.5rem;
	background: var(--color-fill-secondary);
	color: var(--color-text-secondary);
	border: 1px solid var(--color-border);
}

.hui-author-card__btn--message:hover {
	background: var(--color-fill-tertiary);
	border-color: var(--xun-secondary, var(--color-secondary));
	color: var(--xun-secondary, var(--color-secondary));
}

/* 关注按钮 */
.hui-author-card__btn--follow {
	background: var(--xun-secondary, var(--color-secondary));
	color: #fff;
}

.hui-author-card__btn--follow:hover {
	background: var(--xun-secondary-hover, var(--color-secondary-dark));
	transform: translateY(-1px);
	box-shadow: 0 4px 12px oklch(from var(--xun-secondary, var(--color-secondary)) l c h / 0.3);
}

/* 已关注按钮 */
.hui-author-card__btn--following {
	background: var(--color-fill-secondary);
	color: var(--color-text-secondary);
	border: 1px solid var(--color-border);
}

.hui-author-card__btn--following:hover {
	background: var(--color-error-bg);
	border-color: var(--color-error);
	color: var(--color-error);
}

.hui-author-card__btn--following:hover .xun-follow-text {
	display: none;
}

.hui-author-card__btn--following:hover::after {
	content: '取消关注';
}

/* 深色模式适配 */
@media (prefers-color-scheme: dark) {
	:root:not(.light) .hui-author-card__cover-placeholder {
		background: linear-gradient(135deg, var(--xun-primary, #4a5568) 0%, var(--xun-primary-hover, #2d3748) 100%);
	}
}

.dark .hui-author-card__cover-placeholder {
	background: linear-gradient(135deg, var(--xun-primary, #4a5568) 0%, var(--xun-primary-hover, #2d3748) 100%);
}

/* 响应式适配 */
@media (max-width: 768px) {
	.hui-author-card__cover {
		height: 60px;
	}

	.hui-author-card__avatar {
		width: 48px;
		height: 48px;
		bottom: -24px;
	}

	.hui-author-card__body {
		padding-top: 32px;
	}

	.hui-author-card__name {
		font-size: 0.9375rem;
	}

	.hui-author-card__stat-value {
		font-size: 1rem;
	}
}

/* ============================================================================
   旧版帖子作者样式（保留兼容）
   ============================================================================ */

.hui-post-author-widget {
	text-align: center;
	padding: 0.5rem 0;
}

.hui-author-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 1rem;
}

.hui-author-avatar-link {
	display: block;
}

.hui-author-avatar {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	object-fit: cover;
	border: 3px solid var(--color-border-secondary);
	transition: transform 0.2s var(--ease-smooth);
}

.hui-author-avatar-link:hover .hui-author-avatar {
	transform: scale(1.05);
}

.hui-author-name {
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-text);
	text-decoration: none;
	transition: color 0.2s var(--ease-smooth);
}

.hui-author-name:hover {
	color: var(--xun-secondary, var(--color-secondary));
}

.hui-author-bio {
	font-size: 0.8125rem;
	color: var(--color-text-tertiary);
	margin: 0;
	line-height: 1.5;
}

.hui-author-stats {
	display: flex;
	justify-content: center;
	gap: 1.5rem;
	padding: 0.75rem 0;
	border-top: 1px solid var(--color-border-secondary);
	border-bottom: 1px solid var(--color-border-secondary);
	margin-bottom: 1rem;
}

.hui-stat-item {
	text-align: center;
}

.hui-stat-value {
	display: block;
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--color-text);
}

.hui-stat-label {
	display: block;
	font-size: 0.75rem;
	color: var(--color-text-tertiary);
	margin-top: 0.125rem;
}

.hui-author-actions {
	display: flex;
	justify-content: center;
}

.hui-follow-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.375rem;
	padding: 0.5rem 1.5rem;
	border-radius: var(--radius-full, 9999px);
	font-size: 0.875rem;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
	border: none;
	transition: all 0.2s var(--ease-smooth);
}

.hui-follow-btn svg {
	width: 16px;
	height: 16px;
}

.hui-follow-btn--follow,
.hui-follow-btn--login {
	background: var(--xun-secondary, var(--color-secondary));
	color: #fff;
}

.hui-follow-btn--follow:hover,
.hui-follow-btn--login:hover {
	background: var(--xun-secondary-hover, var(--color-secondary-dark));
}

.hui-follow-btn--following {
	background: var(--color-fill-secondary);
	color: var(--color-text-secondary);
}

.hui-follow-btn--following:hover {
	background: var(--color-error-bg);
	color: var(--color-error);
}


/* ============================================================================
   相关帖子小工具 - 新版样式
   ============================================================================ */

/* 主容器 */
.hui-related-posts {
	display: flex;
	flex-direction: column;
	gap: 0;
}

/* 单个帖子项 */
.hui-related-posts__item {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	padding: 0.75rem 0;
	border-bottom: 1px solid var(--color-border-secondary);
}

.hui-related-posts__item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.hui-related-posts__item:first-child {
	padding-top: 0;
}

/* 作者头像 */
.hui-related-posts__avatar {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	overflow: hidden;
	display: block;
}

.hui-related-posts__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.2s var(--ease-smooth);
}

.hui-related-posts__avatar:hover img {
	transform: scale(1.1);
}

/* 帖子内容区域 */
.hui-related-posts__content {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

/* 作者信息行 */
.hui-related-posts__author {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.hui-related-posts__author-name {
	font-size: 0.8125rem;
	font-weight: 500;
	color: var(--color-text);
	text-decoration: none;
	transition: color 0.2s var(--ease-smooth);
}

.hui-related-posts__author-name:hover {
	color: var(--xun-secondary, var(--color-secondary));
}

.hui-related-posts__time {
	font-size: 0.75rem;
	color: var(--color-text-tertiary);
}

/* 帖子标题/内容 */
.hui-related-posts__title {
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--color-text);
	text-decoration: none;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.5;
	transition: color 0.2s var(--ease-smooth);
}

.hui-related-posts__title:hover {
	color: var(--xun-secondary, var(--color-secondary));
}

/* 统计数据 */
.hui-related-posts__meta {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	font-size: 0.75rem;
	color: var(--color-text-tertiary);
	margin-top: 0.125rem;
}

.hui-related-posts__stat {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
}

.hui-related-posts__stat svg {
	opacity: 0.6;
	flex-shrink: 0;
}

/* 响应式适配 */
@media (max-width: 768px) {
	.hui-related-posts__avatar {
		width: 32px;
		height: 32px;
	}

	.hui-related-posts__author-name {
		font-size: 0.75rem;
	}

	.hui-related-posts__title {
		font-size: 0.8125rem;
	}

	.hui-related-posts__meta {
		gap: 0.5rem;
		font-size: 0.6875rem;
	}
}