/*
Theme Name: social主题
Theme URI: https://www.260.cn
Author: 阿叶
Author URI: https://www.260.cn
Description: Social主题，是一款社交主题。
Version: 1.0.0
Text Domain: social
*/

/*
 * 目录
 * 01  CSS 变量
 * 02  基础 / 重置
 * 03  公共组件 / 工具类（含面包屑）
 * 04  页头 Header
 * 05  通用模块 .module
 * 06  首页 - 推荐区
 * 07  首页 - 左侧分类导航
 * 08  首页 - 轮播与帖子列表
 * 09  侧栏 Sidebar
 * 10  帖子详情 .single-post
 * 11  评论 .social-comment
 * 12  发帖页 .social-publish
 * 13  签到 .social-checkin
 * 14  页脚 Footer
 * 15  用户中心 .social-uc
 * 16  登录 / 注册 .social-auth
 * 17  后台推荐文字位
 * 18  UIkit 覆盖
 * 19  关注按钮 .social-uc-follow-btn
 * 20  作者公开主页 /u/ .social-author
 * 21  文章页侧栏作者卡 .social-author-card
 * 22  404 / 搜索 / 杂项
 */


/* ==========================================================================
   01. CSS 变量
   ========================================================================== */
:root {
	--pm-c: #256cf3;
	--br-c: #eee;
	--bg-c: #f9f8f7;
	--dc-c: #e8e8e8;
}


/* ==========================================================================
   02. 基础样式 / 重置
   ========================================================================== */
html, body {
	background-color: var(--bg-c);
	font-size: 14px;
	font-family: arial;
	color: #303133;
}
* {
	line-height: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 17px;
}
img {
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
}
ul, ol {
	padding: 0;
	margin: 0;
	list-style: none;
}
a, a:hover {
	line-height: normal;
	color: #303133;
	text-decoration: none;
}
a:hover {
	color: var(--pm-c);
}
.uk-container {
	max-width: 1260px;
}

/* ==========================================================================
   03. 公共组件 / 工具类
   ========================================================================== */

/* --- 面包屑 --- */
.social-breadcrumb {
	margin-bottom: 15px;
}
.social-breadcrumb ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.social-breadcrumb ul li {
	display: inline-block;
	color: #909399;
	font-size: 13px;
}
.social-breadcrumb ul li a {
	color: #606266;
	font-size: 13px;
}
.social-breadcrumb ul li a:hover {
	color: var(--pm-c);
	text-decoration: none;
}
.social-breadcrumb ul li a::after {
	content: '>';
	font-family: SimSun, serif;
	color: #ccc;
	font-weight: bold;
	margin: 0 4px;
}
.social-breadcrumb ul li span {
	color: #909399;
}
.social-breadcrumb ul li:last-child a::after {
	content: none;
}
/* 用户等级徽章 */
.user-level {
	display: inline-block;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.3;
	padding: 1px 4px;
	border-radius: 3px;
	color: var(--pm-c);
	background: #f4f7ff;
	border: 1px solid #ccdaff;
	flex-shrink: 0;
}
.user-level:empty {
	display: none;
}
.user-role-badge {
	display: inline-block;
	flex-shrink: 0;
	vertical-align: middle;
}
img.user-role-badge {
	width: 16px;
	height: 16px;
	padding: 0;
	border: 0;
	background: none;
	object-fit: contain;
}
span.user-role-badge {
	font-size: 10px;
	font-weight: normal;
	line-height: 1.3;
	padding: 1px 4px;
	border-radius: 3px;
}
span.user-role-admin {
    background: #fff4f4;
    border: 1px solid #ffcccc;
    color: #FF5722;
}
span.user-role-moderator,
span.user-role-editor {
    background: #fff4e4;
    border: 1px solid #ffc876;
    color: #FF9800;
}

/* 背景色 */
.bg-pm {
	background-color: var(--pm-c);
}
.bg-dc {
	background-color: var(--dc-c);
}

/* 文字颜色 */
.c-gold {
	color: #FF5722;
}
.c-red {
	color: #f00 !important;
}

/* 多行省略 */
.line-2 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
}
.line-3 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
}

/* UIkit 扩展 */
.uk-flex-cover {
	flex: 1;
	overflow: hidden;
	position: relative;
}


/* ==========================================================================
   04. 页头 Header
   ========================================================================== */
#header {
	border-bottom: 1px solid var(--br-c);
	margin-bottom: 15px;
}

/* --- 顶栏 --- */
.topbar {
	background-color: #fff;
	background: linear-gradient(to bottom, #ffffff, #eeeeee);
}
.topbar .menu-item > a::after {
	content: '';
	display: inline-block;
	height: 11px;
	width: 1px;
	background-color: #C0C4CC;
	margin: 0 10px;
}
.topbar .menu-item:last-child a::after {
	display: none;
}
.toplink {
	display: flex;
	align-items: center;
}

.toplink a {
	color: #606266;
	font-size: 13px;
	display: block;
	padding: 10px 0;
}
.topuser {
	display: flex;
	align-items: center;
}
.topuser .menu-item > a {
	color: #606266;
	font-size: 13px;
	display: block;
	padding: 10px 0;
	position: relative;
}
.topuser .menu-item > a i {
	display: inline-block;
	margin-left: 2px;
	color: #909399;
	opacity: .6;
}
.topuser .dropdown {
	padding: 0;
	box-shadow: none;
	border: 1px solid var(--br-c);
	min-width: 80px;
}
.topuser .dropdown li {
	text-align: center;
}
.topuser .dropdown li a {
	display: flex;
	padding: 10px;
	font-size: 12px;
	color: #606266;
}
.topuser .dropdown li a:hover {
	background: var(--bg-c);
}
.topbar .social-msg-badge {
	color: #F56C6C;
	text-align: center;
	display: inline-block;
	transform: translateY(1px);
	font-weight: bold;
	margin-left: 2px;
}

/* --- Logo 与推荐位 --- */
.topmain {
	padding: 20px 0;
	display: flex;
	align-items: center;
}
.logo {
	flex: 1;
	overflow: hidden;
}
.logo a {
	display: inline-block;
}
.logo a img {
	height: 60px;
}
.toprecom {
	display: flex;
}
.toprecom a {
	height: 60px;
	min-width: 186px;
	margin-left: 5px;
}

/* --- 主导航与搜索 --- */
.navbar {
	display: flex;
	align-items: center;
}
.navbar nav {
	flex: 1;
	height: 49px;
}
.navbar nav ul {
	display: flex;
}
.navbar nav ul li {}
.navbar nav ul li a {
	display: block;
	font-size: 14px;
	color: #606266;
	padding: 15px 20px 12px 20px;
	border-bottom: 3px solid transparent;
}
.navbar nav ul .current-post-parent a,
.navbar nav ul li a:hover,
.navbar nav ul .current-menu-item a {
	border-color: var(--pm-c);
	background-color: var(--bg-c);
	color: var(--pm-c);
	font-weight: bold;
}
.search {
	height: 49px;
	display: flex;
	align-items: center;
	border-left: 1px solid var(--br-c);
	border-right: 1px solid var(--br-c);
	position: relative;
	padding: 0 15px 0 0;
	gap: 8px;
}
.search .social-search-type {
	border: 0;
	background: transparent;
	color: #606266;
	font-size: 13px;
	height: 32px;
	padding-left: 10px;
	padding-right: 3px;
	border-radius: 4px;
	outline: none;
	cursor: pointer;
	flex-shrink: 0;
}
.search input {
	height: 100%;
	border: 0;
	flex: 1;
	min-width: 0;
	outline: none;
	color: #909399;
	-webkit-appearance: none;
	appearance: none;
}
.search input::-webkit-search-cancel-button,
.search input::-webkit-search-decoration,
.search input::-webkit-search-results-button {
	-webkit-appearance: none;
	appearance: none;
	display: none;
	color: #909399;
}

.search input:focus {
	border-color: #409eff;
}
.search input::placeholder {
color: #999;
}
.search input::-moz-placeholder {
color: #999;
}

.search input:-ms-input-placeholder {
color: #999;
}


.search input::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}
.search button {
	background: transparent;
	border: 0;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translate(0, -50%);
	cursor: pointer;
}
.search button:before {
	font-size: 16px;
	color: #909399;
	transition: all .3s ease;
}
.search:hover button:before {
	color: var(--pm-c);
}

/* ==========================================================================
   05. 通用模块
   ========================================================================== */
.module {
	background-color: #fff;
	border: 1px solid var(--br-c);
	padding: 15px;
	border-radius: 4px;
}
.module-title {
	padding-bottom: 15px;
	border-bottom: 1px solid var(--br-c);
	margin-bottom: 15px;
}
.module-title .title {
	font-size: 15px;
	color: #909399;
}
.module-title b.title {
	font-weight: bold;
	color: #303133;
}


/* ==========================================================================
   06. 首页 - 推荐区
   ========================================================================== */

.recom-box {
	overflow: hidden;
	position: relative;
	display: block;
	background: #eee;
}
.recom-box::before {
	content: '虚位以待';
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #909399;
}
.recom-box::after {
	content: 'AD';
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #000;
	color: #fff;
	font-weight: normal;
	font-size: 9px;
	padding: 2px 4px;
	display: inline-block;
	opacity: .2;
	z-index: 10;
}
.recom-box img {
	position: relative;
	z-index: 10;
	height: 100%;
	max-width: none;
}


.part-recom {}
.part-recom .recom-img {
	margin-bottom: 10px;
}
.part-recom .recom-img > div {}
.part-recom .recom-img a {
	min-height: 58px;
}
.part-recom .recom-text {
	
}
.part-recom .recom-text > div {}
.part-recom .recom-text .uk-grid-margin {
	margin-top: 5px;
}
.part-recom .recom-text .recom-text-box {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
	color:  #f00
}
.part-recom .recom-text .recom-text-box.is-vacant {
	color: #909399;
	font-weight: normal;
	cursor: pointer;
}
.part-recom .recom-text .recom-text-box.is-vacant.is-submit-disabled {}

.part-recom .recom-text>div:nth-child(odd) .recom-text-box {
	color: #256cf3 !important;
}


/* 首页友情链接 */
.home-friend-links {
	margin-top: 12px;
}
.home-friend-links-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.home-friend-links-item {
	display: inline-block;
	font-size: 14px;
	color: #909399;
	text-decoration: none;
}
.home-friend-links-item:hover {
	color: var(--pm-c);
	font-size: 14px;
}

.part-recom .recom-text-slot-manage {
	display: block;
	width: 100%;
}

.part-recom .recom-text-slot-manage .uk-dropdown {
    padding: 0;
    border: 1px solid var(--br-c);
    border-radius: 4px;
    background-color: #fff;
    box-shadow: none;
	min-width: 80px;
}

.part-recom .recom-text-slot-manage .uk-dropdown li a {
	display: block;
    padding: 10px 15px;
    border-bottom: 1px solid var(--br-c);
	text-align: center;
	font-size: 12px;
	color: #909399;
}
.part-recom .recom-text-slot-manage .uk-dropdown li a:hover {
	background-color: var(--pm-c);
	color: #fff;
}
.part-recom .recom-text-slot-manage .uk-dropdown li:last-child a {
	border-bottom: 0;
}


/* ==========================================================================
   07. 首页 - 左侧分类导航
   ========================================================================== */
.sidenav {
	width: 160px;
}
.sidenav li i {
	margin-right: 5px;
}
.sidenav .type {}
.sidenav .type li a:hover,
.sidenav .type .current-menu-item a {
	font-weight: bold;
	color: var(--pm-c);
}
.sidenav .type li {
	margin-bottom: 15px;
}
.sidenav .type li a {
	color: #606266;
	display: block;
}
.sidenav .type li a i {
	font-size: 14px;
	display: inline-block;
	transform: translateY(-0px);
}
.sidenav .type li:nth-child(1) a i {
	color: #ff5722;
}
.sidenav .type li:nth-child(2) a i {
	color: #1e87f0;
}
.sidenav .type li:nth-child(3) a i {
	color: #ff9800;
}
.sidenav .menu li {}
.sidenav .menu li a {
	display: block;
	padding: 10px 18px;
	border-radius: 3px;
	color: #606266;
	font-size: 13px;
}
.sidenav .menu a:hover,
.sidenav .menu .current-menu-item a {
    background: linear-gradient(54.14deg, #71ffff -7.65%, #5fbcff 17.38%, #508bff 45.48%) !important;
	color: #fff;
}
.sidenav .menu .current-menu-item a i {
	color: #fff;
}
.sidenav .menu li span {
	display: block;
	border-top: 1px solid var(--br-c);
	border-bottom: 1px solid var(--br-c);
	padding: 15px 0;
	color: #606266;
}


/* ==========================================================================
   08. 首页 - 轮播与帖子列表
   ========================================================================== */
/* --- 轮播 --- */
.module-slideshow {
	height: 130px;
	position: relative;
	overflow: hidden;
	border-radius: 4px;
}
.module-slideshow .item {}
.module-slideshow .item img {
	width: 100%;
}

/* --- 最新帖子模块 --- */
.module-latest {
	flex: 1;
	overflow: hidden;
}
.module-latest .module-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
.category-publish-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	color: #fff !important;
	background: linear-gradient(54.14deg, #71ffff -7.65%, #5fbcff 17.38%, #508bff 45.48%) !important;
	border-radius: 4px;
	padding: 6px 10px;
	text-decoration: none;
	flex-shrink: 0;
}
.module-latest .module-title .category-publish-btn {
	position: absolute;
	right: 0;
	top: -3px;
}

.list-sort {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}
.list-sort li a {
	display: block;
	font-size: 13px;
	color: #909399;
	padding: 0 12px;
	position: relative;
}
.list-sort li:first-child a {
	padding-left: 0;
}
.list-sort li:last-child a {
	padding-right: 0;
}
.list-sort li:not(:last-child) a::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background: var(--br-c);
}
.list-sort li.is-active a,
.list-sort li a:hover {
	color: var(--pm-c);
}
.list-sort li.is-active a {
	font-weight: bold;
}
.module-latest .latest-title {
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--br-c);
	color: #303133;
	font-size: 15px;
}
.latest-more {
	display: block;
	margin-top: 15px;
	color: #fff !important;
	text-align: center;
	padding: 10px;
	border-radius: 4px;
	font-size: 13px;
	background: var(--pm-c);
	font-weight: bold;
}

/* --- 帖子列表 --- */
.post-list {}
.post-list .post-item {
	display: flex;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--br-c);
}
.post-list .post-item:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}
.post-list .post-item .item-left {
	margin-right: 15px;
}
.post-list .post-item .post-comment {
	text-align: center;
	padding: 8px 12px;
	background-color: var(--bg-c);
	border-radius: 4px;
}
.post-list .post-item .post-comment span {
	display: block;
	font-size: 12px;
	color: #909399;
}
.post-list .post-item .post-comment .t {
	margin-top: 2px;
}
.post-list .post-item .comment-have {
	background-color: #f4f7ff;
}
.post-list .post-item .comment-have span {
	color: var(--pm-c);
}
.post-list .post-item .comment-many {
	background: linear-gradient(54.14deg, #71ffff -7.65%, #5fbcff 17.38%, #508bff 45.48%) !important;
}
.post-list .post-item .comment-many span {
	color: #fff;
}
.post-list .post-item .item-right {
	flex: 1;
	overflow: hidden;
}
.post-list .post-item .post-title {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}
.post-list .post-item .post-title a {
	font-size: 17px;
	font-weight: bold;
}
.post-list .post-item .post-title .social-post-badge,
.category-thread-title-wrap .social-post-badge {
	display: inline-block;
	color: #fff;
	background-color: #909399;
	border-radius: 4px;
	font-size: 11px;
	padding: 3px 6px;
	margin-left: 5px;
}
.post-list .post-item .post-title a.is-essence-title,
.single-post .single-title h1.is-essence-title {
	color: #ff5722;
}
.post-list .post-item .post-title .social-post-badge.social-post-badge-god,
.category-thread-title-wrap .social-post-badge.social-post-badge-god {
	color: #fff;
	background-color: #5FBA00;
}
.post-list .post-item .post-title .social-post-badge.badge-essence,
.category-thread-title-wrap .social-post-badge.badge-essence {
	color: #fff;
	background-color: #ff5722;
}
.post-list .post-item .post-title .social-post-badge.badge-sticky,
.category-thread-title-wrap .social-post-badge.badge-sticky {
	color: #fff;
	background-color: #409eff;
}
.post-list .post-item .post-title .social-post-badge.badge-home-push,
.category-thread-title-wrap .social-post-badge.badge-home-push {
	color: #fff;
	background-color: #ff5722;
}
.post-list .post-item .post-title .social-post-badge.badge-gold,
.category-thread-title-wrap .social-post-badge.badge-gold {
	background-color: #FFA500;
}
.post-list .post-item .post-title .social-post-badge.social-post-badge-reward,
.category-thread-title-wrap .social-post-badge.social-post-badge-reward {
	background-color: #ff5722;
}
.post-list .post-item .post-title .social-post-badge.badge-paywall,
.category-thread-title-wrap .social-post-badge.badge-paywall {
	background-color: #009688;
}
.post-list .post-item .post-title .social-post-badge.badge-poll,
.category-thread-title-wrap .social-post-badge.badge-poll {
	background-color: #7c4dff;
}
.post-list .post-item .post-main {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.post-list .post-item .post-desc {
	flex: 1;
}
.post-list .post-item .post-desc p {
	font-size: 13px;
	color: #909399;
	line-height: 24px;
	margin: 0;
}
.post-list .post-item .post-thumb {
	width: 100px;
	height: 68px;
	overflow: hidden;
	position: relative;
	margin-left: 15px;
	border: 1px dashed var(--br-c);
	background-color: #fcfcfc;
	border-radius: 4px;
}

.post-list .post-item .site-weight {
	margin-bottom: 15px;
}



.post-list .post-item .post-foot {
	display: flex;
	font-size: 13px;
	color: #606266;
	height: 20px;
	overflow: hidden;
	border: 1px dashed var(--br-c);
	background-color: #fcfcfc;
	border-radius: 4px;
	padding: 6px 8px;
}
.post-list .post-item .user-info {
	display: flex;
	align-items: center;
}
.post-list .post-item .user-ava {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	overflow: hidden;
}
.post-list .post-item .user-ava img {
	height: 100%;
	width: 100%;
}
.post-list .post-item .user-name {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-left: 6px;
}
.post-list .post-item .user-name a {
	color: #606266;
	font-size: 13px;
}
.post-list .post-item .user-level,
.post-list .post-item .user-role-badge {
	margin-left: 3px;
}
.post-list .post-item .user-role-badge {
	transform: translateY(1px);
}
.post-list .post-time {
	line-height: 24px;
	font-size: 12px;
	color: #909399;
}

/* --- 分类列表：论坛表格式 --- */
.module-category-head {}

.category-thread-head-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.category-thread-head-title {
	margin: 0;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.3;
	color: #303133;
}

.category-thread-head-desc {
	margin-top: 10px;
	font-size: 13px;
	line-height: 1.7;
	color: #909399;
}

.category-thread-head-desc p {
	margin: 0;
}

.category-thread-head-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #ebeef5;
}

.category-thread-stats {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}

.category-thread-stats li {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.category-thread-stats li:not(:last-child)::after {
	content: '';
	display: inline-block;
	height: 10px;
	width: 1px;
	background: #dae1e5;
	margin: 0 10px;
}

.category-thread-stat-num {
	font-weight: 600;
	line-height: 1;
	color: #303133;
	font-size: 12px;
}

.category-thread-stat-label {
	font-size: 12px;
	color: #909399;
}

.category-thread-moderators {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.category-thread-moderators-label {
	font-size: 12px;
	color: #909399;
	flex-shrink: 0;
}

.category-thread-moderators-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-left: 5px;
}

.category-thread-moderator {
	display: inline-block;
	text-decoration: none;
	color: #606266;
	font-size: 12px;
}

.category-thread-moderator:hover {
	color: #256cf3;
}

.category-thread-moderators-list .category-thread-moderator:not(:last-child)::after {
	content: '、';
	color: #c0c4cc;
	pointer-events: none;
}

.category-thread-moderators-empty {
	font-size: 12px;
	color: #c0c4cc;
}

.module-category-head .category-publish-btn {
	position: static;
	top: auto;
	right: auto;
}

.category-thread-board {
	background: transparent;
}

.category-thread-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 15px;
	border-bottom: 1px solid #ebeef5;
}

.category-thread-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.category-thread-filter {
	font-size: 13px;
	color: #909399;
	text-decoration: none;
}

.category-thread-filter.is-active,
.category-thread-filter:hover {
	color: #256cf3;
}

.category-thread-newwin {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	flex-shrink: 0;
	margin: 0;
	font-size: 13px;
	color: #909399;
	cursor: pointer;
	user-select: none;
}

.category-thread-newwin input {
	margin: 0;
	cursor: pointer;
}

.category-thread-table {
	width: 100%;
}

.category-thread-row {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 10px 15px;
	border-bottom: 1px solid #ebeef5;
	font-size: 13px;
}

.category-thread-row:last-child {
	border-bottom: 0;
}

.category-thread-row-head {
	padding: 10px 15px;
	background: #fafbfc;
	color: #909399;
	font-size: 12px;
}

.category-thread-row-empty {
	color: #909399;
}

.category-thread-col-title {
	flex: 1;
	min-width: 0;
}

.category-thread-col-author {
	width: 150px;
	flex-shrink: 0;
	min-width: 0;
	text-align: center;
}

.category-thread-col-stats {
	width: 100px;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	text-align: center;
}

.category-thread-col-last {
	width: 150px;
	flex-shrink: 0;
	min-width: 0;
	text-align: center;
}

.category-thread-table.is-link-model .category-thread-col-weight {
	width: 120px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.category-thread-table.is-link-model .category-thread-col-weight .site-weight-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	text-decoration: none;
	color: inherit;
}

.category-thread-table.is-link-model .category-thread-col-weight .site-weight-link:hover {
	opacity: 0.88;
}

.category-thread-table.is-link-model .category-thread-col-weight .site-weight {
	gap: 6px;
	flex-wrap: nowrap;
	justify-content: center;
}

.category-thread-table.is-link-model .category-thread-col-weight .site-weight .item {
	width: 55px;
	height: 22px;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 10px;
	background-repeat: no-repeat;
}

.category-thread-title-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	min-width: 0;
}

.category-thread-title {
	color: #303133;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
	word-break: break-word;
}

.category-thread-title:hover {
	color: #256cf3;
}

.category-thread-author {
	color: #606266;
	text-decoration: none;
	word-break: break-all;
	margin-bottom: 3px;
	display: block;
}

.category-thread-meta,
.category-thread-last-author {
	color: #909399;
	font-size: 12px;
	word-break: break-all;
	display: block;
}

.category-thread-meta.is-today {
	color: #ff5722;
}

.category-thread-last-author {
	margin-bottom: 3px;
	display: block;
}

.category-thread-replies {
	color: var(--pm-c);
}

.category-thread-views {
	color: #909399;
	font-size: 12px;
	line-height: 1.2;
}

.category-thread-row:hover {
	background: #fafcff;
}

/* ==========================================================================
   09. 侧栏 Sidebar
   ========================================================================== */
.sidebar {
	width: 300px;
}

/* 每日任务 */
.side-taks {}
.side-taks .checkin {}
.side-taks .checkin .social-sign-ajax-submit {
	display: block;
	text-align: center;
	padding: 10px;
	border-radius: 4px;
	background: var(--pm-c);
	color: #fff;
	cursor: pointer;
}
.side-taks .checkin .social-sign-ajax-submit:before {
	margin-right: 3px;
	display: inline-block;
	font-size: 15px;
}
.side-taks ul {
	margin: 15px 0;
	background: #fcfcfc;
	padding: 15px;
	border-radius: 4px;
	border: 1px dashed var(--br-c);
}
.side-taks ul li {
	margin-bottom: 20px;
	color: #606266;
	display: flex;
	align-items: center;
	font-size: 14px;
	position: relative;
}
.side-taks ul li:last-child {
	margin-bottom: 0;
}
.side-taks ul li .gold {
	color: #FF5722;
	display: inline-block;
	flex: 1;
	margin-left: 5px;
}
.side-taks ul li .count {
	color: #909399;
	font-size: 13px;
}
.side-taks .tips {
	color: #606266;
	opacity: .6;
	display: block;
	text-align: center;
	font-size: 13px;
}

/* 赞助商 */
.side-sponsor {}
.side-sponsor a {
	min-height: 70px;
	margin-bottom: 5px;
}
.side-sponsor a img {
	height: 70px;
}
.side-sponsor a:last-child {
	margin-bottom: 0;
}
	
/* 站点公告 */
.side-notice {}
.side-notice li {
	display: flex;
	align-items: center;
	padding: 12px;
}
.side-notice li:nth-child(odd) {
	background: var(--bg-c);
}
.side-notice li:hover {
	background-color: #f4f7ff;
}
.side-notice li a {
	display: block;
	color: #606266;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	flex: 1;
}
.side-notice li a:hover {
	color: var(--pm-c);
}
.side-notice li .time {
	color: #909399;
	display: inline-block;
	margin-left: 5px;
	font-size: 13px;
}


/* ==========================================================================
   10. 帖子详情页 .single-post
   ========================================================================== */
.single-post {
	padding: 20px;
	position: relative;
}

/* --- 标题与分类 --- */
.single-post .single-header {}
.single-post .single-tags {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
	transform: translateY(1px);
}
.single-post .single-title .single-tags {
	margin-bottom: 0;
}
.single-post .single-tags .social-post-badge {
	display: inline-block;
	color: #fff;
	background-color: #909399;
	border-radius: 4px;
	font-size: 11px;
	padding: 3px 6px;
	margin-left: 0;
}
.single-post .single-tags .social-post-badge.social-post-badge-god {
	background-color: #5FBA00;
}
.single-post .single-tags .social-post-badge.badge-essence {
	background-color: #ff5722;
}
.single-post .single-tags .social-post-badge.badge-sticky {
	background-color: #409eff;
}
.single-post .single-tags .social-post-badge.badge-home-push {
	background-color: #ff5722;
}
.single-post .single-tags .social-post-badge.badge-gold {
	background-color: #FFA500;
}
.single-post .single-tags .social-post-badge.social-post-badge-reward {
	background-color: #ff5722;
}
.single-post .single-tags .social-post-badge.badge-paywall {
	background-color: #009688;
}
.single-post .single-tags .social-post-badge.badge-poll {
	background-color: #7c4dff;
}
.single-post .single-title {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 12px;
	margin-bottom: 25px;
}
.single-post .single-title h1 {
	font-size: 22px;
	font-weight: bold;
	margin: 0;
}

.single-post .single-bounty-tips {
	padding: 12px 16px;
	margin-top: 20px;
	border-radius: 4px;
	font-size: 13px;
	text-align: center;
	color: #fff;
}
.single-post .single-bounty-tips.reply-reward {
	color: #FFA500;
    border: 1px dashed #FFA500;
    background-color: #fff9e0;
}

.single-post .single-bounty-tips.bounty-reward {
	color: #ff5722;
	border: 1px dashed #fdba74;
	background-color: #ffedd5;
}

/* --- 文章 meta --- */
.single-post .single-meta {
	display: flex;
	align-items: center;
	padding: 10px;
	border: 1px dashed var(--br-c);
	background-color: #fcfcfc;
	border-radius: 4px;
}
.single-post .single-meta .pub-time {
	font-size: 13px;
	color: #909399;
}
.single-post .single-meta .meta-author {
	flex-shrink: 0;
	max-width: 45%;
}
.single-post .single-meta .single-meta-author {
	display: flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
	text-decoration: none;
}
.single-post .single-meta .single-meta-author-avatar {
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	object-fit: cover;
}
.single-post .single-meta .single-meta-author-name {
	overflow: hidden;
	color: #606266;
	font-size: 13px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.single-post .single-meta .meta-location {
	font-size: 13px;
	color: #909399;
}

.single-post .single-meta .meta-item {
	display: flex;
	align-items: center;
	font-size: 13px;
	color: #606266;
	cursor: pointer;
}
.single-post .single-meta .meta-item::after {
	content: '';
	display: inline-block;
	height: 10px;
	width: 1px;
	background: #dae1e5;
	margin: 0 10px;
}
.single-post .single-meta .meta-item:last-child:after {
	display: none;
}

/* --- 正文与友链信息表 --- */
.single-post .single-poll-block {
	margin-top: 20px;
	padding: 16px;
	border: 1px solid var(--br-c);
	border-radius: 4px;
	background: var(--bg-c);
}
.single-post .single-poll-head {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 12px;
	font-size: 13px;
}
.single-post .single-poll-title {
	font-weight: 600;
	color: #303133;
}
.single-post .single-poll-title i {
	margin-right: 4px;
	color: #256cf3;
}
.single-post .single-poll-deadline,
.single-post .single-poll-hint,
.single-post .single-poll-summary {
	color: #909399;
	font-size: 13px;
}
.single-post .single-poll-status.is-closed {
	color: #e53935;
}
.single-post .single-poll-options {
	list-style: none;
	margin: 0;
	padding: 0;
}
.single-post .single-poll-option {
	margin-bottom: 8px;


}
.single-post .single-poll-option-label {
	display: block;
	gap: 8px;
	border-bottom: 1px solid var(--br-c);
	cursor: default;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.single-post .single-poll-option.is-selected .single-poll-option-label {
	display: block;
}
.single-post .single-poll-option-label input {
	margin: 0;
}
.single-post .single-poll-option-main {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-bottom: 5px;
}
.single-post .single-poll-option-text {
	flex: 1;
	min-width: 120px;
	font-size: 13px;
	color: #303133;
}
.single-post .single-poll-option-meta {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
}
.single-post .single-poll-bar {
	flex: 1;
	height: 8px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
	background: #ddd;
	overflow: hidden;
}
.single-post .single-poll-bar-fill {
	display: block;
	height: 100%;
	background: #7c4dff;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.single-post .single-poll-percent,
.single-post .single-poll-votes {
	font-size: 12px;
	color: #606266;
	white-space: nowrap;
	width: 30px;
    text-align: right;
}
.single-post .single-poll-actions,
.single-post .single-poll-foot {
	margin-top: 12px;
	display: flex;
	align-items: center;
	gap: 12px;
}
.social-publish-poll-fields {
	padding-top: 4px;
}
.social-publish-poll-toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	cursor: pointer;
}
.social-publish-poll-panel {
	margin-top: 12px;
	padding: 14px;
	border: 1px dashed var(--br-c);
	border-radius: 6px;
	background: #fafbfc;
}
.social-publish-poll-panel .uk-button {
	background-color: #ff5722;
    border-color: #ff5722;
    color: #fff;
}
.social-publish-poll-option-row {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
}
.social-publish-poll-option-row .uk-input {
	flex: 1;
}
.single-post .single-content {
	padding: 25px 0;
}
.single-post .social-post-links {
	margin-top: 20px;
	overflow: hidden;
	font-size: 13px;
	border: 1px solid var(--br-c);
}
.single-post .social-post-links .uk-table {
	margin: 0;
	background-color: #fff;
}
.single-post .social-post-links tr {
	border-bottom: 1px solid var(--br-c);
}
.single-post .social-post-links tr:last-child {
	border-bottom: none;
}
.single-post .social-post-links tr .row {
	border-right: 1px solid var(--br-c);
	width: 100px;
	font-size: 13px;
	color: #606266;
	background-color: var(--bg-c);
}

.single-post .single-content p {
	font-size: 15px;
	line-height: 32px;
	color: #303133;
}
.single-post .single-content p:last-child,
.single-post .single-content p:last-child {
	margin-bottom: 0;
}
.single-post .single-content p a,
.single-post .single-content p a {
	font-weight: bold;
}

.single-post .single-content img {
	max-width: 100%;
	height: auto;
	border: 1px solid var(--br-c);
	padding: 5px;
	margin-bottom: 15px;
}

.single-post .single-content video,
.social-comment .social-comment-text video {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 12px 0;
}

.aie-container {
	position: relative;
}
.aie-container>div {
	position: relative;
	z-index: 10;
}
.aie-container::after {
	content: '';
	display: inline-block;
	width: 253px;
	height: 70px;
	background-image: url(assets/images/editorbg.png);
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 30px 10px;
}
.aie-container aie-footer>div >span {
	font-size: 12px;
	color: #909399;
	line-height: 20px;
}
#comment-aieditor .aie-container::after {
    width: 210px;
    height: 60px;
    background-size: 100%;
    background-repeat: no-repeat;
	display: none;
}

/* @ 用户提及 */
a.social-mention,
span.social-mention {
	display: inline-block;
	padding: 0 6px;
	height: 22px;
	line-height: 24px;
	font-weight: bold;
	font-size: 12px;
	border-radius: 4px;
	color:  var(--pm-c);
	background: #f4f7ff
}
span.social-mention.is-unknown {
	color: #909399;
	font-weight: 500;
	background: rgba(144, 147, 153, 0.12);
	cursor: default;
}

.single-post .single-bounty-tips.bounty-reward {
	color: #ff5722;
	border: 1px dashed #fdba74;
	background-color: #ffedd5;
}

.single-post .single-paywall-lock {
	margin-top: 24px;
	padding: 28px 20px;
	border: 1px dashed #009688;
	border-radius: 4px;
	background-color: #fafdfd;
	text-align: center;
}
.single-post .single-paywall-lock-inner i {
	font-size: 36px;
	color: #009688
}
.single-post .single-paywall-lock-title {
	margin: 12px 0 8px;
	font-size: 16px;
	font-weight: 600;
	color: #303133;
}
.single-post .single-paywall-lock-price {
	margin: 0 0 8px;
	color: #606266;
}
.single-post .single-paywall-lock-price strong {
	color: #ff5722;
	font-size: 18px;
}
.single-post .single-paywall-lock-hint {
	margin: 0 0 16px;
	font-size: 13px;
	color: #909399;
}
.single-post .single-paywall-lock-error {
	margin-top: 12px;
	font-size: 13px;
}
.single-post .single-paywall-login-link {
    display: inline-block;
    text-align: center;
    padding: 10px 30px;
    border: 0;
    border-radius: 4px;
    background: #009688;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
}

.single-post .single-paywall-unlocked {
    margin-top: 24px;
    padding: 28px 20px;
    border-radius: 4px;
	border: 1px dashed #009688;
    background-color: #fafdfd;
}
.single-paywall-unlocked::before {
	content: '已解锁内容';
	display: inline-block;
	margin-bottom: 15px;
	padding: 4px 8px;
	border-radius: 4px;
	background: #009688;
	color: #fff;
	font-size: 13px;
}

.social-publish-coin-panel .uk-textarea {
	min-height: 160px;
	resize: vertical;
}
.social-publish-paywall-insert-row {
	margin-top: 12px;
}
.social-publish-paywall-insert-row button {
	background-color: #ff5722 !important;
	border: 1px solid #ff5722 !important;
	color: #fff !important;
}

/* --- 点赞 / 收藏 / 分享 --- */
.single-post .single-actions {
	margin-top: 20px;
	text-align: center;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.single-post .single-actions .action-item {
	margin: 0 10px;
	color: #909399;
	font-size: 12px;
}
.single-post .single-actions .action-item i {
	cursor: pointer;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	display: inline-block;
	border-radius: 50%;
	background-color: var(--bg-c);
	margin-bottom: 8px;
}
.single-post .single-actions .action-item i:hover {
	opacity: .8;
}
.single-post .single-actions .action-like i {
	background: #ff8800;
}
.single-post .single-actions .action-collection i {
	background: #6999ee;
	line-height: 47px;
	font-size: 20px;
}
.single-post .single-actions .action-like.is-active {
	color: #ff8800;
	font-weight: bold;
}
.single-post .single-actions .action-collection.is-active {
	color: #6999ee;
	font-weight: bold;
}
.single-post .single-actions .action-share i {
	background: #36cfc9;
	line-height: 47px;
}
.single-post .single-actions .action-tip i {
	background: #faad14;
	line-height: 47px;
}
.single-post .single-actions .action-tip.is-active,
.single-post .single-actions .action-tip.is-done {
	color: #faad14;
	font-weight: bold;
}
.single-post .single-actions .action-item.is-loading {
	opacity: 0.6;
	pointer-events: none;
}
.single-post .single-actions .action-home-push i {
	background: #ff5722;
}
.single-post .single-actions .action-home-push.is-active {
	color: #ff5722;
	font-weight: bold;
}

/* --- 主题打赏 --- */
.social-post-tip-list-wrap {
	margin-top: 20px;
	margin-bottom: 16px;
}
.social-post-tip-list-head {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px;
	padding: 8px 60px 8px 15px;
	background: #fdf5e6;
	color: #4e7cff;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%);
}
.social-post-tip-list-head-icon {
	flex-shrink: 0;
	width: 11px;
	height: 11px;
	border: 2px solid #ff7043;
	border-radius: 50%;
	box-sizing: border-box;
}
.social-post-tip-list-head-text {
	color: #ff7043;
}
.social-post-tip-list {
	margin: 0;
	list-style: none;
	padding: 0 15px;
}
.social-post-tip-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed var(--br-c);
	font-size: 13px;
}

.social-post-tip-user {
	display: inline-flex;
	align-items: center;
	min-width: 0;
}
.social-post-tip-user-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #303133;
	text-decoration: none;
	min-width: 0;
}
.social-post-tip-user-link:hover {
	text-decoration: none;
	opacity: 0.85;
}
.social-post-tip-avatar {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	border-radius: 4px;
	object-fit: cover;
	background: #f2f3f5;
}
.social-post-tip-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.social-post-tip-user a {
	color: #303133;
	text-decoration: none;
}
.social-post-tip-amount {
	color: #ff7043;
}
.social-post-tip-empty {
	padding: 12px 0;
	color: #909399;
	font-size: 13px;
}
.social-post-tip-modal .social-post-tip-desc {
	margin: 0 0 16px;
	color: #606266;
	font-size: 13px;
}
.social-post-tip-presets {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 16px;
}
.social-post-tip-preset {
	border: 1px solid #dcdfe6;
	background: #fff;
	border-radius: 4px;
	padding: 8px 14px;
	cursor: pointer;
	font-size: 13px;
	color: #606266;
}
.social-post-tip-preset.is-active,
.social-post-tip-preset:hover {
	border-color: #faad14;
	color: #faad14;
}
.social-post-tip-balance {
	margin: 0 0 16px;
	font-size: 13px;
	color: #606266;
}
.social-post-tip-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
}

/* --- 广告说明页 --- */
.social-ads-info-page .social-ads-info-body {
	font-size: 14px;
	line-height: 1.7;
	color: #606266;
}

.social-ads-info-page .social-ads-info-subtitle {
	margin: 24px 0 12px;
	font-size: 15px;
	font-weight: 600;
	color: #303133;
}

.social-ads-info-page .social-ads-info-list {
	margin: 0;
	padding-left: 1.4em;
}

.social-ads-info-page .social-ads-info-list li {
	margin-bottom: 6px;
}

.social-ads-info-page .social-ads-info-table-wrap {
	overflow-x: auto;
}

.social-ads-info-page .social-ads-info-table {
	margin: 0;
	font-size: 13px;
}

.social-ads-info-page .social-ads-info-table .col-position {
	width: 88px;
}

.social-ads-info-page .social-ads-info-table .col-slot {
	width: 56px;
}

.social-ads-info-page .social-ads-info-table .col-price {
	width: 72px;
	white-space: nowrap;
}

.social-ads-info-page .social-ads-info-table .col-status {
	width: 80px;
}

.social-ads-info-page .social-ads-info-table .col-expires {
	width: 140px;
	white-space: nowrap;
}

.social-ads-info-page .social-ads-info-status {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 3px;
	font-size: 12px;
	line-height: 1.4;
}

.social-ads-info-page .social-ads-info-status.is-active {
	color: #fff;
	background: #67C23A;
}

.social-ads-info-page .social-ads-info-status.is-expired {
	color: #d63638;
	background: #fdecea;
}

.social-ads-info-page .social-ads-info-status.is-vacant {
	color: #909399;
	background: #f4f4f5;
}

.social-ads-info-page .social-ads-info-table tbody tr.is-highlighted {
	background-color: #ffedc0;
}


/* --- 作者签名 --- */
.single-post .single-sign {
	border-top: 1px dashed var(--br-c);
	margin-top: 25px;
	padding-top: 20px;
	padding-right: 40px;
	border-radius: 4px;
	position: relative;
}
.single-post .single-sign {
	color: #909399;
	font-size: 13px;
}
.single-post .single-sign a {
	color: #909399;
	font-size: 13px;
}
.single-post .single-sign p {
	margin: 0;
}
.single-post .single-sign::before {
	content: '';
	display: inline-block;
	height: 7px;
	width: 60px;
	background-color: #fff;
	background-image: url(assets/images/sigline.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	top: -4px;
	left: 0;
}

/* --- 文章详情底部更多操作 --- */
.single-post .single-thread-more {
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 6;
}
.single-post .single-thread-more-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	background: #fff;
	color: #606266;
	font-size: 15px;
	line-height: 1;
	cursor: pointer;
}
.single-post .single-thread-more-btn:focus {
	outline: none;
}
.single-post .single-thread-more-dropdown {
	min-width: 120px;
	box-shadow: none;
	border: 1px solid var(--br-c);
	border-radius: 4px;
	padding: 0;
	overflow: hidden;
}
.single-post .single-thread-more-dropdown .uk-dropdown-nav {
	margin: 0;
	padding: 4px 0;
}
.single-post .single-thread-more-dropdown .uk-dropdown-nav > li > a,
.single-post .single-thread-more-dropdown .uk-dropdown-nav > li > button.single-thread-more-action {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	padding: 8px 16px;
	font-size: 12px;
	line-height: 1.4;
	color: #909399;
	text-align: left;
	background: none;
	border: 0;
}
.single-post .single-thread-more-dropdown .uk-dropdown-nav > li > a i,
.single-post .single-thread-more-dropdown .uk-dropdown-nav > li > button.single-thread-more-action i {
	font-size: 14px;
	line-height: 1;
	flex-shrink: 0;
}
.single-post .single-thread-more-dropdown .uk-dropdown-nav > li > button.single-thread-more-action {
	cursor: pointer;
}
.single-post .single-thread-more-dropdown .uk-dropdown-nav > li > a:hover,
.single-post .single-thread-more-dropdown .uk-dropdown-nav > li > button.single-thread-more-action:hover {
	color: var(--pm-c);
	background: #f4f7ff;
}
.single-post .single-thread-more-dropdown .single-post-delete-btn {
	color: #f56c6c;
}
.single-post .single-thread-more-dropdown .single-post-delete-btn:hover {
	color: #f56c6c;
	background: #fef0f0;
}
.single-post .single-thread-more-dropdown .single-post-delete-btn.is-loading,
.single-post .single-thread-more-dropdown .single-post-report-btn.is-loading,
.single-post .single-thread-more-dropdown .single-post-sticky-btn.is-loading,
.single-post .single-thread-more-dropdown .single-post-essence-btn.is-loading,
.single-post .single-thread-more-dropdown .single-post-move-btn.is-loading {
	opacity: .6;
	pointer-events: none;
}

/* 删除理由弹窗 */
.social-delete-reason-modal {
	display: none;
}
.social-delete-reason-modal.uk-open {
	display: block;
}
.social-delete-reason-modal .uk-modal-dialog {
	max-width: 480px;
}
.social-delete-reason-modal .uk-form-label {
	display: block;
	color: #909399;
	margin-bottom: 6px;
}
.social-delete-reason-modal .social-delete-reason-tip {
	margin: 8px 0 0;
	color: #909399;
	font-size: 13px;
}
.social-delete-reason-modal .social-delete-reason-input {
	width: 100%;
}
.social-delete-reason-modal .social-delete-reason-custom-wrap[hidden] {
	display: none;
}
.social-delete-reason-modal .social-delete-reason-custom {
	width: 100%;
}
.social-delete-reason-modal .social-delete-reason-error {
	margin-top: 6px;
	font-size: 12px;
	color: #f0506e;
}
.social-delete-reason-modal .social-delete-reason-submit.is-loading {
	opacity: 0.7;
	pointer-events: none;
}

/* 举报弹窗由 Ajax 插入 body，默认不展示 */
.social-report-modal {
	display: none;
}
.social-report-modal.uk-open {
	display: block;
}
.social-report-modal .uk-modal-dialog {
	max-width: 480px;
}
.social-post-move-modal {
	display: none;
}
.social-post-move-modal.uk-open {
	display: block;
}
.social-post-move-modal .uk-modal-dialog {
	max-width: 420px;
}
.social-post-move-modal .uk-form-label {
	display: block;
	color: #909399;
	margin-bottom: 6px;
}
.social-post-move-submit.is-loading {
	opacity: 0.7;
	pointer-events: none;
}
.social-report-modal .uk-form-label {
	display: block;
	color: #909399;
	margin-bottom: 6px;
}
.social-report-types {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px 16px;
}
.social-report-type-item {
	display: flex;
	align-items: center;
	gap: 2px;
	font-size: 14px;
	cursor: pointer;
	color: #606266;
}

.social-search-users .post-item-empty {
	padding: 24px 0;
	text-align: center;
	color: #909399;
}
.social-search-user-table .social-uc-col-login {
	width: 140px;
	color: #606266;
	font-size: 13px;
}
.social-search-user-table .social-uc-col-coins,
.social-search-user-table .social-uc-col-posts,
.social-search-user-table .social-uc-col-reply,
.social-search-user-table .social-uc-col-followers,
.social-search-user-table .social-uc-col-following {
	width: 64px;
	text-align: center;
	font-size: 13px;
}
.social-search-user-table .social-uc-col-coins {
	color: #ff5722;
}
.social-search-user-table .social-search-stat-link {
	display: inline-block;
	min-width: 2em;
	color: #606266;
}
.social-search-user-table .social-search-stat-link:hover {
	color: var(--pm-c);
}
.social-search-user-login {
	color: #909399;
}

/* 关注 / 粉丝列表 */
.social-uc-following .social-uc-table .social-uc-col-followers,
.social-uc-followers .social-uc-table .social-uc-col-followers,
.social-uc-following .social-uc-table .social-uc-col-coins,
.social-uc-followers .social-uc-table .social-uc-col-coins,
.social-uc-following .social-uc-table .social-uc-col-posts,
.social-uc-followers .social-uc-table .social-uc-col-posts,
.social-uc-following .social-uc-table .social-uc-col-reply,
.social-uc-followers .social-uc-table .social-uc-col-reply {
	width: 80px;
	text-align: center;
	font-size: 13px;
}
.social-uc-following .social-uc-table .social-uc-col-online,
.social-uc-followers .social-uc-table .social-uc-col-online {
	width: 80px;
	text-align: center;
	font-size: 13px;
	color: #606266;
	white-space: nowrap;
}
.social-uc-following .social-uc-table .social-uc-col-coins,
.social-uc-followers .social-uc-table .social-uc-col-coins {
	color: #ff5722;
}
.social-uc-following .social-uc-table .social-uc-col-followers .social-uc-table-link,
.social-uc-followers .social-uc-table .social-uc-col-followers .social-uc-table-link,
.social-uc-following .social-uc-table .social-uc-col-posts .social-uc-table-link,
.social-uc-followers .social-uc-table .social-uc-col-posts .social-uc-table-link,
.social-uc-following .social-uc-table .social-uc-col-reply .social-uc-table-link,
.social-uc-followers .social-uc-table .social-uc-col-reply .social-uc-table-link {
	color: #606266;
}
.social-uc-following .social-uc-table .social-uc-col-followers .social-uc-table-link:hover,
.social-uc-followers .social-uc-table .social-uc-col-followers .social-uc-table-link:hover,
.social-uc-following .social-uc-table .social-uc-col-posts .social-uc-table-link:hover,
.social-uc-followers .social-uc-table .social-uc-col-posts .social-uc-table-link:hover,
.social-uc-following .social-uc-table .social-uc-col-reply .social-uc-table-link:hover,
.social-uc-followers .social-uc-table .social-uc-col-reply .social-uc-table-link:hover {
	color: var(--pm-c);
}

.social-search-users .social-uc-table .social-uc-col-user .social-uc-user-ava {
	width: 28px;
	height: 28px;
}

.social-uc-points-exchange .uk-tab {}
.social-uc-points-exchange .uk-tab li {
	cursor: pointer;
}
.social-uc-points-exchange .uk-tab li span {
	display: block;
	padding-bottom: 15px;
	color: #909399;
}
.social-uc-points-exchange .uk-tab .uk-active span {
	font-weight: bold;
	color: #303133;
}


/* ==========================================================================
   11. 评论模块（.social-comment）
   ========================================================================== */

.social-comment .module {
	padding: 20px;
}

/* --- 标题 --- */
.social-comment .module-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.social-comment .social-comment-count {
	font-style: normal;
	color: #909399;
	font-weight: normal;
	font-size: 13px;
}

.social-comment .social-comment-count::before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 10px;
	background-color: var(--br-c);
	margin: 0 12px;
}

/* --- 评论列表 --- */
.social-comment .social-comment-list .social-comment-item {
	display: flex;
	background-color: #fff;
	padding: 20px 0;
	border-bottom: 1px solid var(--br-c);
}

.social-comment .social-comment-list .social-comment-item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: 0;
}

.social-comment .social-comment-list .social-comment-empty {
	padding: 40px 0;
	text-align: center;
	color: #909399;
	font-size: 14px;
	list-style: none;
}

.social-comment .social-comment-avatar {
	display: block;
	flex-shrink: 0;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 10px;
	border: 1px solid var(--br-c);
	padding: 2px;
}

.social-comment .social-comment-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;

	border-radius: 50%;
}

.social-comment .social-comment-content {
	flex: 1;
	min-width: 0;
}

.social-comment .social-comment-head {
	position: relative;
}

.social-comment .social-comment-floor {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	padding: 4px 7px;
	border-radius: 3px;
	background-color: var(--bg-c);
	color: #909399;
}

.social-comment .social-comment-floor-1 {
	background-color: #ff8800;
	color: #fff;
}

.social-comment .social-comment-floor-2 {
	background-color: #a4bb37;
	color: #fff;
}

.social-comment .social-comment-floor-3 {
	background-color: #6999ee;
	color: #fff;
}

.social-comment .social-comment-user {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.social-comment .social-comment-user-name {
	font-size: 15px;
	font-weight: bold;
	color: #303133;
	margin-right: 5px;
	text-decoration: none;
}

.social-comment .social-comment-user-name:hover {
	color: var(--pm-c);
}

.social-comment .social-comment-meta span {
	display: inline-block;
	font-size: 13px;
	color: #909399;
	position: relative;
}

.social-comment .social-comment-meta span::after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 10px;
	background-color: var(--br-c);
	margin: 0 8px;
}

.social-comment .social-comment-meta span:last-child::after {
	display: none;
}

.social-comment .social-comment-body {
	padding: 20px 0;
	background-image: linear-gradient(90deg, rgba(159, 219, 252, .15) 3%, transparent 0), linear-gradient(1turn, rgba(159, 219, 252, .15) 3%, transparent 0);
	background-size: 20px 20px;
	background-position: 50%;
}

.social-comment .social-comment-text {
	font-size: 14px;
	line-height: 1.8;
	color: #303133;
	word-break: break-word;
}

.social-comment .social-comment-text p {
	font-size: 15px;
	line-height: 2rem;
	color: #303133;
	margin: 0 0 8px;
}

.social-comment .social-comment-text p:last-child {
	margin-bottom: 0;
}

.social-comment .social-comment-text a.social-mention,
.social-comment .social-comment-text span.social-mention,
.social-comment .social-comment-quote a.social-mention,
.social-comment .social-comment-quote span.social-mention {
	vertical-align: baseline;
}

.social-comment .social-comment-text img {
	max-width: 100%;
	height: auto;
	max-height: 520px;
	margin-bottom: 15px;
}

/* 引用回复 */
.social-comment .social-comment-quote {
	padding: 20px;
	margin-bottom: 20px;
	position: relative;
	font-size: 13px;
	line-height: 26px;
	display: block;
	font-style: normal;
	border-left: 5px solid var(--br-c);
	background: var(--bg-c);
}


.social-comment .social-comment-quote-head {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
	color: #909399;
	font-size: 13px;
}

.social-comment .social-comment-quote-head a {
	color: #303133;
	font-size: 13px;
}

.social-comment .social-comment-quote p {
	font-size: 13px;
	line-height: 24px;
	color: #606266;
	margin: 6px 0;
	word-break: break-all;
}
.social-comment .social-comment-quote img {
	max-width: 300px;
}
/* 操作与签名 */
.social-comment .social-comment-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.social-comment .social-comment-foot-main {
	display: flex;
	align-items: center;
	gap: 0;
}

.social-comment .social-comment-foot-main > .social-comment-action:not(:last-child)::after {
	content: '';
	display: inline-block;
	height: 10px;
	width: 1px;
	background: #dae1e5;
	margin: 0 10px;
}

.social-comment .social-comment-action {
	display: inline-flex;
	align-items: center;
	font-size: 12px;
	color: #909399;
	cursor: pointer;
}

.social-comment .social-comment-action::before {
	margin-right: 2px;
	font-size: 13px;
}

.social-comment .social-comment-action:hover {
	color: var(--pm-c);
}

.social-comment .social-comment-action.is-active {
	color: var(--pm-c);
}

.social-comment .social-comment-like-btn,
.social-comment .social-comment-reply-btn,
.social-comment .social-comment-view-replies-btn {
	border: none;
	background: transparent;
	padding: 0;
	font-family: inherit;
}

.social-comment .social-comment-more {
	position: relative;
	flex-shrink: 0;
}

.social-comment .social-comment-more-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #909399;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
}

.social-comment .social-comment-more-btn:focus {
	outline: none;
}

.social-comment .social-comment-more-btn:hover {
	color: var(--pm-c);
}

.social-comment .social-comment-more-dropdown {
	min-width: 120px;
	box-shadow: none;
	border: 1px solid var(--br-c);
	border-radius: 4px;
	padding: 0;
	overflow: hidden;
}

.social-comment .social-comment-more-dropdown .uk-dropdown-nav {
	margin: 0;
	padding: 4px 0;
}

.social-comment .social-comment-more-dropdown .uk-dropdown-nav > li > button.social-comment-more-action {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	padding: 8px 16px;
	font-size: 12px;
	line-height: 1.4;
	color: #909399;
	text-align: left;
	background: none;
	border: 0;
	cursor: pointer;
}

.social-comment .social-comment-more-dropdown .uk-dropdown-nav > li > button.social-comment-more-action i {
	font-size: 14px;
	line-height: 1;
	flex-shrink: 0;
}

.social-comment .social-comment-more-dropdown .uk-dropdown-nav > li > button.social-comment-more-action:hover {
	color: var(--pm-c);
	background: #f4f7ff;
}

.social-comment .social-comment-more-dropdown .social-comment-delete-btn {
	color: #f56c6c;
}

.social-comment .social-comment-more-dropdown .social-comment-delete-btn:hover {
	color: #f56c6c;
	background: #fef0f0;
}

.social-comment .social-comment-more-dropdown .social-comment-report-btn.is-disabled,
.social-comment .social-comment-more-dropdown .social-comment-report-btn:disabled {
	opacity: .45;
	cursor: not-allowed;
	pointer-events: none;
}

.social-comment .social-comment-more-dropdown .social-comment-delete-btn.is-loading {
	opacity: .6;
	pointer-events: none;
}

.social-comment .social-comment-item.is-being-edited {
	background: #fff8f8;
	border-radius: 4px;
	box-shadow: inset 0 0 0 1px rgba(255, 64, 64, 0.25);
	padding: 15px !important;
}

.social-comment .social-comment-view-replies-btn::before {
	display: none;
}

.social-comment .social-comment-view-replies-btn.is-loading {
	opacity: 0.7;
	pointer-events: none;
}

.social-comment-replies-modal {
	display: none;
}

.social-comment-replies-modal.uk-open {
	display: block;
}

.social-comment-replies-modal .uk-modal-dialog {
	max-width: 640px;
}

.social-comment-replies-modal-body {
	max-height: 60vh;
	overflow-y: auto;
}

.social-comment-replies-modal-loading {
	padding: 24px 0;
	text-align: center;
	color: #909399;
	font-size: 14px;
}

.social-comment-replies-modal-content .social-comment-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.social-comment .social-comment-like-btn.is-loading {
	opacity: 0.7;
	pointer-events: none;
}

.social-comment .social-comment-god-slot {
	list-style: none;
	padding: 20px;
    background-color: #fefffd;
    border: 1px solid #5fba00;
	margin-top: 20px;
	position: relative;
	border-radius: 4px;
}

.social-comment .social-comment-god-badge {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-bottom: 10px;
	padding: 6px 12px;
	font-size: 13px;
	color: #fff;
	border-bottom-right-radius: 6px;
	background: #5fba00
}

.social-comment .social-comment-god-badge i {
	font-size: 14px;
	line-height: 1;
}

.social-comment .social-comment-god-slot .social-comment-item {
	margin-bottom: 0;
	background: transparent;
	display: flex;
	padding-top: 30px;
}

.social-comment .social-comment-bounty-reward.badge-gold {
	display: inline-block;
	margin-top: 10px;
	padding: 4px 10px;
	border-radius: 4px;
	font-size: 12px;
	color: #FFA500;
    border: 1px dashed #FFA500;
    background-color: #fff9e0;
}
.social-comment .social-comment-reward-payout.badge-reward {
	display: inline-block;
	margin-top: 10px;
	padding: 4px 10px;
	border-radius: 4px;
	font-size: 12px;
	color: #ff5722;
    border: 1px dashed #ff5722;
    background-color: #ffedd5;
}
.social-comment .social-comment-reward-best-badge {
	display: inline-block;
	margin-left: 6px;
	padding: 2px 4px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 600;
	color: #fff;
	background-color: #ff5722;
}
.social-comment .social-comment-reward-accept-btn {
	border: none;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
	font-family: inherit;
	color: #fff;
	background-color: #ff5722;
}

.social-comment .social-comment-reward-accept-btn:hover {
	color: #fff;
	background-color: #e64a19;
}

.social-comment .social-comment-reward-accept-btn.is-loading {
	opacity: 0.7;
	pointer-events: none;
}

.social-comment .social-comment-sign {
	border-top: 1px dashed var(--br-c);
	margin-top: 25px;
	padding-top: 20px;
	border-radius: 4px;
	font-size: 13px;
	position: relative;
	color: #909399;
}

.social-comment .social-comment-sign p {
	margin: 0;
	color: #909399;
}
.social-comment .social-comment-sign a {
	text-decoration: underline;
	color: #909399;
}

.social-comment .social-comment-sign::before {
	content: '';
	display: inline-block;
	height: 7px;
	width: 60px;
	background-color: #fff;
	background-image: url(assets/images/sigline.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	top: -4px;
	left: 0;
}

/* --- 发表回复 --- */
.social-comment .social-comment-form-wrap {
	display: flex;
	align-items: stretch;
	gap: 20px;
	padding-top: 20px;
}

.social-comment .social-comment-form {
	flex: 1;
	min-width: 0;
	padding-top: 0;
	display: flex;
	align-items: flex-start;
}

.social-comment .social-comment-recom {
	flex-shrink: 0;
	width: 200px;
}

.social-comment .social-comment-recom .recom-box {
	display: block;
	width: 200px;
	height: 200px;
	overflow: hidden;
}

.social-comment .social-comment-recom .recom-box img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.social-comment .social-comment-form-avatar {
	display: block;
	flex-shrink: 0;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 10px;
	border: 1px solid var(--br-c);
	padding: 2px;
}

.social-comment .social-comment-form-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.social-comment .social-comment-form-main {
	flex: 1;
	min-width: 0;
}

.social-comment .social-comment-quote-preview {
	margin-bottom: 10px;
}

.social-comment .social-comment-quote-preview-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 8px 12px;
	font-size: 13px;
	color: #606266;
	background: #f5f7fa;
	border: 1px dashed var(--br-c);
	border-radius: 4px;
}

.social-comment .social-comment-quote-cancel {
	border: none;
	background: transparent;
	font-size: 18px;
	line-height: 1;
	color: #909399;
	cursor: pointer;
	padding: 0 4px;
}

.social-comment .social-comment-quote-cancel:hover {
	color: var(--pm-c);
}

.social-comment .social-comment-editor-wrap {
	min-height: 120px;
	border: 1px solid var(--br-c);
	border-radius: 4px;
	background: #fff;
}

.social-comment .social-comment-editor-wrap .aie-container {
	border: none;
}

.social-comment .social-comment-editor-placeholder {
	min-height: 100px;
	padding: 12px 14px;
	font-size: 14px;
	color: #c0c4cc;
	border: 1px solid var(--br-c);
	border-radius: 4px;
	background: #fafafa;
	box-sizing: border-box;
}

.social-comment .social-comment-form-foot {
	display: flex;
	align-items: center;
	margin-top: 15px;
}

.social-comment .social-comment-submit {
	padding: 10px 15px;
	font-size: 13px;
	line-height: 1;
	border: none;
	border-radius: 4px;
	background: var(--pm-c);
	color: #fff;
	cursor: pointer;
}

.social-comment .social-comment-submit:hover {
	opacity: 0.92;
}

.social-comment .social-comment-submit:disabled {
	opacity: 0.65;
	cursor: not-allowed;
	background: #c0c4cc;
}

.social-comment .social-comment-submit.is-loading {
	opacity: 0.7;
	pointer-events: none;
}

/* ==========================================================================
   12. 发帖页 .social-publish
   ========================================================================== */
.social-publish {
	padding-bottom: 32px;
}

.social-publish-body {}

.social-publish-form .required {
	color: #f56c6c;
}

/* --- 回帖奖励 / 悬赏 --- */
.social-publish-coin-radios {
	display: flex;
	flex-wrap: wrap;
	gap: 16px 24px;
	margin-bottom: 12px;
}
.social-publish-coin-radio {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	color: #606266;
	cursor: pointer;
}
.social-publish-coin-radio input {
	margin: 0;
}
.social-publish-coin-panel {
	margin-top: 12px;
	padding: 14px 16px;
	border: 1px dashed #ff5722;
	border-radius: 6px;
	background-color: #fff8f0;
}
.social-publish-coin-summary {
	margin: 10px 0 0;
	font-size: 13px;
	color: #606266;
}
.social-publish-coin-summary a,
.social-publish-coin-summary strong {
	color: #ff5722;
}

.social-publish-editor-wrap {
}



#publish-aieditor .tiptap.ProseMirror.aie-content,
#publish-aieditor .ProseMirror.aie-content,
#publish-aieditor .aie-content {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	min-height: 320px;
	height: 320px;
	max-height: 320px;
	overflow-x: hidden;
	overflow-y: auto;
}

.social-publish-content-input {
	display: none !important;
}

.social-publish-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
}

.social-publish-actions a {
	display: block;
	font-size: .875rem;
	line-height: 38px;
}
/* --- 友链自定义字段 --- */
.social-publish-link-fields {
	padding: 20px;
	border: 1px solid var(--br-c);
	background: var(--bg-c);
	border-radius: 4px;
}
.social-publish-body button,
.social-publish-body select,
.social-publish-body input {
	border-radius: 4px;
}

/* 友链权重展示（发帖页 / 列表 / 详情共用） */
.site-weight {
	display: flex;
	gap: 10px;
}
.site-weight .item {
	width: 55px;
	height: 22px;
	font-size: 13px;
	line-height: 24px;
	text-align: right;
	color: #fff;
	letter-spacing: 11px;
}
.site-weight .bd_pc {
	background-image: url(assets/images/bd_pc.png);
}
.site-weight .bd_m {
	background-image: url(assets/images/bd_m.png);
}
.site-weight .sg_pc {
	background-image: url(assets/images/sg_pc.png);
}
.site-weight .so_pc {
	background-image: url(assets/images/so_pc.png);
}
.site-weight .bing {
	background-image: url(assets/images/bing.png);
}



/* ==========================================================================
   13. 签到页 .social-checkin
   ========================================================================== */
.social-checkin {
	padding-bottom: 20px;
}

.social-checkin-hero {
	margin-bottom: 15px;
}

.social-checkin-hero-card {
	display: flex;
	overflow: hidden;
	border-radius: 4px;
	border: 1px solid var(--br-c);
	background: #fff;
}

.social-checkin-hero-aside {
	flex: 0 0 160px;
	padding: 16px;
	background: var(--bg-c);
	border-right: 1px solid var(--br-c);
}

.social-checkin-hero-user {
	display: flex;
	align-items: center;
	gap: 12px;
}

.social-checkin-hero-avatar-wrap {
	display: block;
	flex-shrink: 0;
	text-decoration: none;
}

.social-checkin-hero-avatar {
	display: block;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid #fff;
	box-shadow: 0 0 0 1px var(--br-c);
}

.social-checkin-hero-info {
	min-width: 0;
	flex: 1;
}

.social-checkin-hero-name {
	font-size: 15px;
	font-weight: 700;
	color: #303133;
	line-height: 1.3;
}

.social-checkin-hero-name a {
	color: #303133;
	text-decoration: none;
}

.social-checkin-hero-name a:hover {
	color: var(--pm-c);
}

.social-checkin-hero-level {
	margin-top: 10px;
}

.social-checkin-hero-level .user-level,
.social-checkin-hero-level .user-role-badge {
	margin: 0;
}

.social-checkin-hero-action {
	margin-top: 8px;
}

.social-checkin-hero-sign {
	display: inline-block;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	color: var(--pm-c);
	cursor: pointer;
}

.social-checkin-hero-sign:hover {
	opacity: 0.85;
}

.social-checkin-hero-sign.is-loading {
	opacity: 0.6;
	pointer-events: none;
}

.social-checkin-hero-panel {
	flex: 1;
	min-width: 0;
	padding: 16px 24px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.social-checkin-hero-stats {
	display: flex;
	align-items: stretch;
}

.social-checkin-stat-item {
	flex: 1;
	padding: 0 18px;
	text-align: center;
	border-right: 1px solid var(--br-c);
}

.social-checkin-stat-item:first-child {
	padding-left: 0;
}

.social-checkin-stat-item:last-child {
	padding-right: 0;
	border-right: 0;
}

.social-checkin-stat-value {
	line-height: 1.1;
}

.social-checkin-stat-value .num {
	font-size: 20px;
	font-weight: bold;
	color: var(--pm-c);
}

.social-checkin-stat-value .unit {
	font-size: 13px;
	color: #909399;
	margin-left: 2px;
	font-weight: 400;
}

.social-checkin-stat-item.is-coins .social-checkin-stat-value .num {
	color: #ff5722;
}

.social-checkin-stat-label {
	display: block;
	margin-top: 4px;
	font-size: 12px;
	color: #909399;
	line-height: 1.3;
}

@media (max-width: 720px) {
	.social-checkin-hero-card {
		flex-direction: column;
	}

	.social-checkin-hero-aside {
		flex: none;
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid var(--br-c);
	}

	.social-checkin-hero-panel {
		padding: 16px;
	}

	.social-checkin-hero-stats {
		flex-direction: column;
		gap: 14px;
	}

	.social-checkin-stat-item {
		padding: 0;
		border-right: 0;
		border-bottom: 1px solid var(--br-c);
		padding-bottom: 14px;
	}

	.social-checkin-stat-item:last-child {
		border-bottom: 0;
		padding-bottom: 0;
	}
}

.social-checkin-desc {
	margin: 0 0 12px;
	color: #606266;
	line-height: 1.7;
}

.social-checkin-my {
	margin-bottom: 16px;
	color: #303133;
}

.social-checkin-guest {
	margin-bottom: 16px;
	color: #606266;
}

.social-checkin-btn,
.side-taks .checkin .social-sign-ajax-submit {
	display: block;
	text-align: center;
	padding: 10px 18px;
	border: 0;
	border-radius: 4px;
	background: var(--pm-c);
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	font-size: 14px;
	line-height: 1.4;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.social-checkin-btn:hover,
.side-taks .checkin .social-sign-ajax-submit:hover {
	color: #fff;
	opacity: 0.92;
}

.social-checkin-btn.is-signed,
.side-taks .checkin .social-sign-ajax-submit.is-signed {
	background: #67c23a;
}

.social-checkin-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #ebeef5;
}

.social-checkin-tabs > li {
	margin-right: 20px;
}

.social-checkin-tabs > li > a {
	display: block;
	font-size: 14px;
	padding: 12px 0;
	color: #606266;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
}

.social-checkin-tabs > li > a:hover {
	color: var(--pm-c);
}

.social-checkin-tabs > li.is-active > a {
	color: var(--pm-c);
	border-bottom-color: var(--pm-c);
	font-weight: 600;
}

.social-checkin-table-panel {
	padding-top: 16px;
}

.social-checkin-table-wrap {
	overflow-x: auto;
}

.social-checkin-table {
	margin-bottom: 0;
}

.social-checkin-table .col-streak,
.social-checkin-table .col-total-days,
.social-checkin-table .col-reward,
.social-checkin-table .col-streak-bonus,
.social-checkin-table .col-time {
	white-space: nowrap;
	font-size: 13px;
}

.social-checkin-table .col-reward,
.social-checkin-table .col-streak-bonus {
	color: #ff5722;
}

.social-checkin-user-cell {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}

.social-checkin-user-name {
	font-size: 13px;
	color: #303133;
	text-decoration: none;
}

a.social-checkin-user-name:hover {
	color: var(--pm-c);
	font-size: 13px;
}

.social-checkin-user-cell .user-level,
.social-checkin-user-cell .user-role-badge {
	margin-left: 0;
}

.social-checkin-empty {
	color: #909399;
	padding: 40px 0;
	text-align: center;
}

/* ==========================================================================
   13b. 排行榜 .social-leaderboard
   ========================================================================== */
.social-leaderboard {
	padding-bottom: 20px;
}

.social-leaderboard-hero {
	margin-bottom: 15px;
}

.social-leaderboard-hero-card {
	display: flex;
	overflow: hidden;
	border-radius: 4px;
	border: 1px solid var(--br-c);
	background: #fff;
}

.social-leaderboard-hero-aside {
	flex: 0 0 180px;
	padding: 16px;
	background: linear-gradient(135deg, #fff8ef 0%, #fff 100%);
	border-right: 1px solid var(--br-c);
}

.social-leaderboard-hero-user {
	display: flex;
	align-items: center;
	gap: 12px;
}

.social-leaderboard-hero-avatar-wrap {
	display: block;
	flex-shrink: 0;
	text-decoration: none;
}

.social-leaderboard-hero-avatar {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid #fff;
	box-shadow: 0 0 0 1px var(--br-c);
}

.social-leaderboard-hero-info {
	min-width: 0;
	flex: 1;
}

.social-leaderboard-hero-name {
	font-size: 15px;
	font-weight: 700;
	color: #303133;
	line-height: 1.3;
}

.social-leaderboard-hero-name a {
	color: #303133;
	text-decoration: none;
}

.social-leaderboard-hero-name a:hover {
	color: var(--pm-c);
}

.social-leaderboard-hero-level {
	margin-top: 8px;
}

.social-leaderboard-hero-panel {
	flex: 1;
	min-width: 0;
	padding: 16px 20px;
	display: flex;
	align-items: center;
}

.social-leaderboard-hero-stats {
	display: flex;
	align-items: stretch;
	width: 100%;
}

.social-leaderboard-stat-item {
	flex: 1;
	padding: 0 12px;
	text-align: center;
	border-right: 1px solid var(--br-c);
}

.social-leaderboard-stat-item:last-child {
	border-right: 0;
}

.social-leaderboard-stat-value .num {
	font-size: 18px;
	font-weight: 700;
	color: var(--pm-c);
}

.social-leaderboard-stat-item.is-coins .social-leaderboard-stat-value .num {
	color: #ff5722;
}


.social-leaderboard-stat-label {
	display: block;
	margin-top: 4px;
	font-size: 12px;
	color: #909399;
}

.social-leaderboard-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #ebeef5;
}

.social-leaderboard-tabs > li {
	margin-right: 20px;
}

.social-leaderboard-tabs > li > a {
	display: block;
	font-size: 14px;
	padding: 12px 0;
	color: #909399;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
}

.social-leaderboard-tabs > li > a:hover {
	color: var(--pm-c);
}

.social-leaderboard-tabs > li.is-active > a {
	color: var(--pm-c);
	border-bottom-color: var(--pm-c);
	font-weight: 600;
}

.social-leaderboard-list-panel {
	padding-top: 16px;
}

.social-leaderboard-list {
	margin: 0;
}

.social-leaderboard-item {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 15px;
}

.social-leaderboard-item-rank {
	flex-shrink: 0;
}

.social-leaderboard-item-user {
	flex: 1;
	min-width: 0;
}

.social-leaderboard-item-metric {
	flex-shrink: 0;
	text-align: right;
	min-width: 72px;
}

.social-leaderboard-item-metric strong {
	display: block;
	font-size: 13px;
	color: #ff5722;
	font-weight: normal;
}

.uk-list-striped > .social-leaderboard-item.is-self,
.uk-list-striped > .social-leaderboard-item.is-self:nth-of-type(odd),
.uk-list-striped > .social-leaderboard-item.is-self:nth-of-type(even) {
	background: #fff8ef;
}

.social-leaderboard-rank {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	font-weight: 700;
	font-size: 13px;
	color: #c0c4cc;
	background: none;
}

.social-leaderboard-rank.is-top.is-top-1 {
	color: #ff5722;
}

.social-leaderboard-rank.is-top.is-top-2 {
	color: #ff9800;
}

.social-leaderboard-rank.is-top.is-top-3 {
	color: #ffc107;
}

.social-leaderboard-user-cell {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}

.social-leaderboard-user-name {
	font-size: 13px;
	color: #303133;
	text-decoration: none;
}

a.social-leaderboard-user-name:hover {
	color: var(--pm-c);
}

.social-leaderboard-empty {
	color: #909399;
	padding: 40px 0;
	text-align: center;
}

@media (max-width: 960px) {
	.social-leaderboard-hero-card {
		flex-direction: column;
	}

	.social-leaderboard-hero-aside {
		flex: none;
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid var(--br-c);
	}

	.social-leaderboard-hero-stats {
		flex-wrap: wrap;
	}

	.social-leaderboard-stat-item {
		flex: 1 1 33%;
		border-right: 0;
		padding: 8px 0;
	}
}

.side-taks .checkin .social-sign-ajax-submit.is-loading {
	opacity: 0.7;
	pointer-events: none;
}



/* ==========================================================================
   14. 页脚 Footer
   ========================================================================== */
#footer {
	margin-top: 15px;
	padding: 30px 0;
	background-color: #333;
}
.foot-main {
	color: #909399;
	font-size: 13px;
	display: flex;
	align-items: center;
}
.foot-main a {
	font-size: 13px;
	color: #909399;
}
.foot-nav {
	font-size: 13px;
}
.foot-nav a {
	color: #909399;
}
.foot-nav a::after {
	content: '';
	display: inline-block;
	height: 10px;
	width: 1px;
	background-color: #909399;
	margin: 0 8px 0 10px;
	opacity: .5;
}
.foot-nav a:last-child::after {
	display: none;
}



/* ==========================================================================
   15. 用户中心 .social-uc
   ========================================================================== */

/* --- 布局 --- */
.social-uc-sidebar {
	width: 280px;
}

@media (max-width: 960px) {
	.social-uc-body {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.social-uc-body > .social-uc-sidebar,
	.social-uc-body > .social-uc-main {
		width: 100% !important;
		max-width: 100%;
		margin-left: 0 !important;
	}

	.social-uc-sidebar {
		width: 100%;
	}

	.social-uc-nav .uk-nav {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}

	.social-uc-nav .uk-nav li {
		flex: 0 0 auto;
	}

	.social-uc-nav .uk-nav li a {
		padding: 8px 14px;
		white-space: nowrap;
	}

	.social-uc-nav-group-title {
		padding: 10px 0;
	}

	.social-uc-profile-count > [class*='uk-width'] {
		width: 50% !important;
	}

	.social-uc-points-summary .social-uc-promotion-cards {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 640px) {
	.social-uc-profile-count > [class*='uk-width'] {
		width: 100% !important;
	}

	.social-uc-profile-info > [class*='uk-width'] {
		width: 100% !important;
	}

	.social-uc-points-summary .social-uc-promotion-cards,
	.social-uc-points-summary--no-yuan .social-uc-promotion-cards {
		grid-template-columns: 1fr;
	}

	.social-uc-points-actions {
		gap: 12px 16px;
	}
}

.social-uc-panel {}

.social-uc-panel-body {}

/* --- 侧栏导航 --- */
.social-uc-nav-group-title {
	display: flex;
	align-items: center;
	padding: 15px 0;
	font-size: 13px;
	color: #606266;
	border-bottom: 1px solid var(--br-c);
	border-top: 1px solid var(--br-c);
}

.social-uc-nav-group-title i {
	margin-right: 6px;
	font-size: 16px;
	color: #909399;
}

.social-uc-nav-group:nth-child(1) .social-uc-nav-group-title {
	border-top: none;
	padding-top: 0;
}

.social-uc-nav .uk-nav li a {
	display: block;
	padding: 12px 22px;
	border-radius: 4px;
	color: #606266;
	font-size: 13px;
	position: relative;
}

.social-uc-nav .uk-nav li.uk-active > a,
.social-uc-nav .uk-nav li a:hover {
	background: var(--pm-c);
	color: #fff;
}

.social-uc-nav-badge {
	display: inline-block;
	min-width: 14px;
	line-height: 18px;
	padding: 0 3px;
	border-radius: 10px;
	background: #f44336;
	color: #fff;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	transform: translateY(-2px);
}

.social-uc-nav li.uk-active > a .social-uc-nav-badge {
}

.social-uc-nav-logout {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid var(--br-c);
}

.social-uc-nav-logout-link {
	display: block;
	padding: 12px 22px;
	border-radius: 4px;
	color: #909399;
	font-size: 13px;
	text-decoration: none;
}

.social-uc-nav-logout-link:hover {
	color: #f56c6c;
	background: #fef0f0;
}

.social-uc-messages-tabs.social-uc-pm-segment {
	margin-bottom: 12px;
}

.social-uc-messages-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.social-uc-messages-head .title {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	flex: 1;
	min-width: 0;
	margin: 0;
}

.social-uc-messages-head-unread {
	font-weight: 400;
	font-size: 13px;
	color: #909399;
}

.social-uc-messages-mark-all {
	flex-shrink: 0;
	height: 28px;
	padding: 0 12px;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
	background: #fff;
	color: #606266;
	font-family: inherit;
	font-size: 13px;
	line-height: 26px;
	cursor: pointer;
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
}

.social-uc-messages-mark-all:hover:not(:disabled) {
	color: var(--pm-c);
	border-color: var(--pm-c);
	background: #f4f7ff;
}

.social-uc-messages-mark-all:disabled {
	opacity: 0.65;
	cursor: wait;
}

.social-uc-messages-unread-num {
	color: #f44336;
	font-weight: bold;
}

.social-uc-messages-row:not(.is-unread) {
	color: #909399;
}

.social-uc-messages-row:not(.is-unread) .social-uc-messages-title,
.social-uc-messages-row:not(.is-unread) .social-uc-messages-title-link {
	color: #909399;
	font-weight: 400;
}

.social-uc-messages-title-link {
	color: inherit;
	text-decoration: none;
}

.social-uc-messages-title-link:hover {
	color: var(--pm-c);
}

.social-uc-messages-row.is-unread {
	background: #fff8e6;
}

.social-uc-messages-row.is-unread .social-uc-col-msg-category,
.social-uc-messages-row.is-unread .social-uc-col-desc,
.social-uc-messages-row.is-unread .social-uc-col-time {
	color: #333;
}

.social-uc-messages .social-uc-col-msg-category {
	width: 56px;
	text-align: center;
	white-space: nowrap;
	font-size: 13px;
}
.social-uc-messages .social-uc-col-desc {
	width: 96px;
	white-space: nowrap;
	font-size: 13px;
}
.social-uc-messages .social-uc-col-content {
	min-width: 160px;
}
.social-uc-messages .social-uc-col-time {
	width: 140px;
	white-space: nowrap;
	font-size: 13px;
	color: #909399;
}

.social-uc-messages-row.is-unread .social-uc-messages-title,
.social-uc-messages-row.is-unread .social-uc-messages-title-link {
	color: #333;
}

/* --- 占位页 --- */
.social-uc-placeholder {
	padding: 48px 16px;
}

.social-uc-placeholder-icon {
	font-size: 56px;
	color: #ccc;
	line-height: 1;
}

.social-uc-placeholder-title {
	margin: 16px 0 8px;
	font-size: 18px;
	font-weight: 600;
	color: #666;
}

.social-uc-placeholder-desc {
	margin: 0;
	color: #999;
}

/* --- 个人信息 --- */
.social-uc-profile-count {
	margin-bottom: 24px;
}

.social-uc-profile-count-item {
	display: flex;
	align-items: center;
	padding: 20px;
	border-radius: 4px;
}

.social-uc-profile-count > div:nth-child(1) .social-uc-profile-count-item {
	background: #f56c6c;
}

.social-uc-profile-count > div:nth-child(2) .social-uc-profile-count-item {
	background: #00d084;
}

.social-uc-profile-count > div:nth-child(3) .social-uc-profile-count-item {
	background: #39f;
}

.social-uc-profile-count > div:nth-child(4) .social-uc-profile-count-item {
	background: #ffa500;
}

.social-uc-profile-count-item > i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	font-size: 18px;
	color: #fff;
	background-color: #ffffff20;
	border-radius: 4px;
	margin-right: 10px;
}

.social-uc-profile-count-bd {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.social-uc-profile-count-bd strong {
	font-size: 17px;
	color: #fff;
}

.social-uc-profile-count-bd span {
	margin-top: 4px;
	font-size: 13px;
	color: #fff;
	opacity: 0.8;
}

.social-uc-profile-info-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 15px;
	border: 1px solid #ebeef5;
	border-radius:4px;
	background: #fff;
}

.social-uc-profile-info-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #f5f7fa;
	color: var(--pm-c, #1e87f0);
	flex-shrink: 0;
}

.social-uc-profile-info-icon i {
	font-size: 18px;
	line-height: 1;
}

.social-uc-profile-info-meta {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.social-uc-profile-info-label {
	font-size: 12px;
	display: inline-block;
	margin-bottom: 3px;
	color: #909399;
}

.social-uc-profile-info-value {
	margin-top: 4px;
	font-size: 14px;
	color: #303133;
	word-break: break-all;
}

.social-uc-profile-info-value .user-level,
.social-uc-profile-info-value .user-role-badge {
	margin: 0;
}

.social-uc-profile-posts .social-uc-empty {
	margin: 0;
}

/* --- 表格 --- */
.social-uc-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.social-uc-table {
	margin: 0;
	font-size: 14px;
}

.social-uc-table thead th {
	font-size: 13px;
	white-space: nowrap;
}

.social-uc-table tbody td {
	text-align: left;
	font-size: 13px;
}

.social-uc-col-title {
	min-width: 200px;
}

.social-uc-col-content {
	min-width: 240px;
}

.social-uc-col-category {
	min-width: 120px;
	white-space: nowrap;
}

.social-uc-col-user {
	min-width: 200px;
}

.social-uc-col-post {
	min-width: 160px;
}

.social-uc-col-time {}

.social-uc-col-reply {
	width: 72px;
	text-align: center;
}

.social-uc-col-action {
	width: 72px;
	text-align: center;
	white-space: nowrap;
}

.social-uc-col-type {
	width: 120px;
	white-space: nowrap;
}

.social-uc-col-remark {
	min-width: 160px;
	color: #666;
}

.social-uc-col-amount {
	width: 88px;
	text-align: right;
	white-space: nowrap;
}

.social-uc-col-balance {
	width: 88px;
	text-align: right;
	white-space: nowrap;
	color: #666;
}

.social-uc-user-cell {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #333;
}

.social-uc-user-cell:hover {
	color: var(--pm-c, #1e87f0);
}

.social-uc-user-ava {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
}

.social-uc-user-name {
	font-weight: 500;
}

.social-uc-user-meta {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	min-width: 0;
}

.social-uc-user-meta .user-level,
.social-uc-user-meta .user-role-badge {
	margin-left: 0;
}

.social-uc-unfavorite {
	border: none;
	background: none;
	padding: 0;
	cursor: pointer;
	font-size: inherit;
	font-family: inherit;
}

.social-uc-unfavorite:hover {
	opacity: 0.85;
}

.social-uc-unfavorite:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.social-uc-table-link {
	color: #333;
	font-weight: 500;
}

.social-uc-table-link:hover {
	color: var(--pm-c, #1e87f0);
}

.social-uc-table-action {
	color: var(--pm-c, #1e87f0);
}

.social-uc-table-action:hover {
	opacity: 0.85;
}

.social-uc-empty {
	padding: 48px 16px;
	text-align: center;
	color: #999;
	font-size: 14px;
}

/* --- 积分 --- */
.social-uc-points-summary {
	margin-bottom: 16px;
}

.social-uc-points-summary .social-uc-promotion-cards {
	grid-template-columns: repeat(3, 1fr);
}

.social-uc-points-summary--no-yuan .social-uc-promotion-cards {
	grid-template-columns: repeat(2, 1fr);
}

.social-uc-promotion-card-value.is-coin {
	color: #ff5722;
}

.social-uc-points-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 15px;
}

.social-uc-points-actions a {
	color: #606266;
	font-size: 14px;
	text-decoration: none;
	display: inline-block;
	padding: 5px 15px;
	border-radius: 4px;
	border: 1px solid var(--br-c);
}

.social-uc-points-actions a:hover {
	background: var(--pm-c);
	color: #fff;
	border-color: var(--pm-c);
}

.social-uc-points-rate {
	margin: 0 0 16px;
}

.social-uc-points-rules-intro {
	color: #909399;
	margin: 15px 0;
	font-size: 13px;
}

.social-uc-points-logs {
	margin-top: 4px;
}

.social-uc-points-logs-tabs {
	display: flex;
	gap: 16px;
	align-items: center;
}

.social-uc-points-logs-tabs .title {
}

.social-uc-points-logs-tabs .title.is-active {
	color: #333;
	font-weight: bold;
}


.social-uc-pm-segment {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 4px;
	box-sizing: border-box;
	border-bottom: 1px solid var(--br-c);
	padding-left: 5px;
}

a.social-uc-pm-segment-item {
	display: inline-block;
	padding: 8px 16px 10px 16px;
	font-size: 14px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #909399;
	text-decoration: none;
	margin-bottom: -1px;
	box-sizing: border-box;
}

a.social-uc-pm-segment-item.is-active {
	background: #fff;
	color: var(--pm-c);
	font-weight: bold;
	border: 1px solid var(--br-c);
	border-bottom: 0;
}

.social-yuan-modal .uk-modal-dialog {
	max-width: 480px;
}

.social-uc-points-page .module {
	padding: 20px 24px;
}

.social-uc-points-page-brief {
	font-size: 14px;
	color: #666;
}

.social-uc-points-page-brief strong {
	color: #ff5722;
}

.social-uc-exchange-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 20px;
	margin-top: 8px;
}
.social-uc-exchange-meta .uk-text-meta {
	margin: 0;
}
.social-uc-exchange-num {
	color: #ff5722;
	font-weight: 700;
}

.social-uc-points-page-actions {
	margin-top: 20px;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.social-uc-withdraw-submit-tip {
	margin: 10px 0 0;
	color: #909399;
	font-size: 13px;
	line-height: 1.5;
}

.social-uc-points-balance-actions a.uk-button {
	text-decoration: none;
}

.social-uc-points-withdraw-summary .social-uc-points-withdraw-stats {
	margin: 0 0 8px;
	color: #333;
	line-height: 1.6;
}

.social-uc-points-withdraw-summary .social-uc-points-withdraw-stats strong {
	color: #ff5722;
}
.social-uc-points-withdraw-summary .social-uc-points-withdraw-stats a {
	color: var(--pm-c);
}
.social-uc-points-withdraw-weekly {
	background: var(--bg-c);
	font-size: 13px;
	border-radius: 4px;
	padding: 10px;
}

.social-uc-withdraw-pay {
	padding: 14px 16px;
	border: 1px solid #ebeef5;
	border-radius: 6px;
	background: #fafbfc;
}

.social-uc-withdraw-pay-method {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.social-uc-withdraw-pay-method .uk-button,
.social-uc-withdraw-pay-method .social-uc-m-btn {
	margin-left: auto;
	flex-shrink: 0;
}

.social-uc-withdraw-pay-label {
	flex-shrink: 0;
	font-size: 13px;
	color: #909399;
}

.social-uc-withdraw-pay-value {
	font-size: 14px;
	color: #303133;
	font-weight: 600;
}

.social-uc-withdraw-pay-name {
	font-weight: 400;
	color: #606266;
}

.social-alipay-account-modal .uk-modal-dialog {
	max-width: 480px;
}

.social-uc-points-recharge-summary .social-uc-points-recharge-stats {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 8px 24px;
	margin: 0 0 8px;
	color: #333;
}

.social-uc-points-recharge-summary .social-uc-points-recharge-stat strong {
	color: #ff5722;
}

.social-uc-recharge-amount-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.social-uc-recharge-amount-item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 72px;
	padding: 8px 14px;
	border: 1px solid var(--br-c);
	border-radius: 4px;
	cursor: pointer;
	user-select: none;
}

.social-uc-recharge-amount-item input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.social-uc-recharge-amount-item:has(input:checked) {
	border-color: var(--pm-c);
	color: var(--pm-c);
	background: #f4f7ff;
}

.social-uc-recharge-payable {
	font-size: 15px;
	color: #303133;
}

.social-uc-recharge-qr-panel {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dashed var(--br-c);
	text-align: center;
}

.social-uc-recharge-qr-title {
	margin: 0 0 8px;
	font-size: 16px;
}

.social-uc-recharge-qr-wrap {
	margin: 16px auto;
	display: inline-block;
	padding: 12px;
	border: 1px solid var(--br-c);
	background: #fff;
}

.social-uc-recharge-qr-host {
	width: 220px;
	height: 220px;
}

.social-uc-recharge-qr-host img,
.social-uc-recharge-qr-host canvas {
	display: block;
	max-width: 100%;
	height: auto;
}

.social-uc-points-amount-plus {
	color: #19be6b;
	font-weight: 500;
}

.social-uc-points-amount-minus {
	color: #ed4014;
	font-weight: 500;
}

/* --- 表单 --- */
.social-uc-form-wrap {
	max-width: 680px;
}

.social-uc-avatar-box {
	gap: 20px;
	margin-top: 8px;
}

.social-uc-avatar-preview {
	width: 86px;
	height: 86px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
}

.social-uc-avatar-actions label.uk-button {
	margin: 0;
	cursor: pointer;
}

.social-uc-form .uk-form-label {
	font-weight: 500;
}

.social-rename-coin-cost {
	color: #ff5722;
	font-weight: 700;
}

.social-rename-free-badge {
	margin-left: 6px;
	color: #19be6b;
	font-weight: 600;
}

.social-uc-signature-editor {
	overflow: hidden;
}

#uc-signature-aieditor .aie-container {
	min-height: 0;
}

#uc-signature-aieditor .tiptap.ProseMirror.aie-content,
#uc-signature-aieditor .ProseMirror.aie-content,
#uc-signature-aieditor .aie-content {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	min-height: 230px;
	height: 230px;
	max-height: 520px;
	overflow-x: hidden;
	overflow-y: auto;
}

.single-sign a {
	color: var(--pm-c);
}

.single-sign ul,
.single-sign ol {
	margin: 0;
	padding-left: 1.4em;
}

/* ==========================================================================
   16. 登录 / 注册页
   ========================================================================== */

/* --- 页面容器 --- */
.social-auth-page {
	min-height: 600px;
	position: relative;
	padding: 30px 0;
	overflow: hidden;
}
.social-auth-shell {
	max-width: 520px;
	margin: 0 auto;
}

.social-auth-panel {
	background: #fff;
	border-radius: 4px;
	overflow: hidden;
	border: 1px solid var(--br-c);
	padding: 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.social-auth-panel-head {
	margin-bottom: 28px;
	text-align: center;
	color: #C0C4CC;
}

.social-auth-title {
	font-size: 22px;
	margin: 0 10px;
	display: inline-block;
	color: #C0C4CC;
	text-decoration: none;
	transition: color 0.2s ease;
}

.social-auth-title:hover {
	color: #303133;
	font-size: 22px;
	text-decoration: none;
}

.social-auth-title.is-active {
	color: #303133;
	pointer-events: none;
	cursor: default;
}

.social-auth-form {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.social-auth-field {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.social-auth-label {
	font-size: 13px;
	color: #909399;
}

.social-auth-input-wrap {
	position: relative;
}

.social-auth-input-icon {
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
	color: #a8abb2;
	pointer-events: none;
}

.social-auth-input {
	width: 100%;
	height: 40px;
	padding: 0 14px 0 42px;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
	background: #fafbfc;
	font-size: 14px;
	color: #303133;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
	box-sizing: border-box;
}

.social-auth-input::placeholder {
	color: #c0c4cc;
}

.social-auth-input:hover {
	border-color: #c6e2ff;
	background: #fff;
}

.social-auth-input:focus {
	outline: none;
	border-color: var(--pm-c);
	background: #fff;
	box-shadow: 0 0 0 3px rgba(30, 135, 240, 0.12);
}

.social-auth-options {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: -4px;
	font-size: 13px;
}

.social-auth-check {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	cursor: pointer;
	color: #606266;
	user-select: none;
}

.social-auth-check input {
	width: 16px;
	height: 16px;
	margin: 0;
	accent-color: var(--pm-c);
	cursor: pointer;
}

.social-auth-agreement {
	margin: -6px 0 0;
	font-size: 12px;
	line-height: 1.6;
	color: #909399;
}

.social-auth-agreement a {
	color: var(--pm-c);
	text-decoration: none;
}

.social-auth-agreement a:hover {
	text-decoration: underline;
}

.social-auth-link {
	color: var(--pm-c);
	text-decoration: none;
	white-space: nowrap;
}

.social-auth-link:hover {
	text-decoration: underline;
}

.social-auth-submit {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 45px;
	margin-top: 4px;
	border: none;
	border-radius: 4px;
	background: var(--pm-c);
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
}



.social-auth-submit:disabled,
.social-auth-submit.is-loading {
	opacity: 0.72;
	cursor: not-allowed;
	transform: none;
}

.social-auth-email-row {
	display: flex;
	align-items: stretch;
	gap: 10px;
}

.social-auth-email-row-input {
	flex: 1;
	min-width: 0;
}

.social-auth-code-btn {
	flex-shrink: 0;
	align-self: stretch;
	min-width: 108px;
	padding: 0 14px;
	border: 1px solid var(--pm-c);
	border-radius: 4px;
	background: #fff;
	color: var(--pm-c);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	cursor: pointer;
}

.social-auth-code-btn:hover:not(:disabled) {
	background: #ecf9ff;
}

.social-auth-code-btn:disabled,
.social-auth-code-btn.is-counting {
	opacity: 0.65;
	cursor: not-allowed;
}

.social-login-settings-tabs {
	margin-bottom: 16px;
}

.social-login-settings-panel[hidden] {
	display: none !important;
}

.social-auth-oauth {
	margin-top: 20px;
}

.social-auth-oauth-divider {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
	color: #909399;
	font-size: 13px;
}

.social-auth-oauth-divider::before,
.social-auth-oauth-divider::after {
	content: "";
	flex: 1;
	height: 1px;
	background: #ebeef5;
}

.social-auth-oauth-qq {
	display: block;
	line-height: 0;
	text-align: center;
}

.social-auth-oauth-qq img {
	display: inline-block;
	width: 120px;
	height: 24px;
}

.social-uc-qq-bind-notice {
	margin-bottom: 12px;
	padding: 10px 12px;
	border-radius: 8px;
	font-size: 14px;
	line-height: 1.5;
}

.social-uc-qq-bind-notice--success {
	background: #f0f9eb;
	color: #529b2e;
	border: 1px solid #e1f3d8;
}

.social-uc-qq-bind-notice--error {
	background: #fef0f0;
	color: #c45656;
	border: 1px solid #fde2e2;
}
.social-uc-email-bind-status {
	margin-top: 8px;
}
 
.social-uc-qq-bind-status {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	margin-top: 8px;
	padding: 10px 14px;
	border-radius: 8px;
	background: #f0f9eb;
	color: #529b2e;
	font-size: 14px;
	box-sizing: border-box;
}

.social-uc-qq-bind-status i {
	font-size: 18px;
}

.social-uc-qq-bind-btn {
	display: inline-flex;
	line-height: 0;
}

.social-uc-qq-bind-action {
	display: block;
	width: 100%;
	margin-top: 8px;
}

.social-uc-qq-unbind-tip {
	color: #909399;
}

.social-uc-qq-bind-btn img {
	display: inline-block;
	width: 120px;
	height: 24px;
}

.social-uc-account-bind-wrap .social-uc-email-bind,
.social-uc-account-bind-wrap .social-uc-qq-bind {
	padding-bottom: 24px;
	margin-bottom: 24px;
	border-bottom: 1px solid #eef0f3;
}

.social-uc-account-bind-wrap .social-uc-qq-bind {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}

.social-uc-email-bind-current {
	display: inline-flex;
	align-items: center;
	width: 100%;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 8px;
	background: #f0f9eb;
	color: #529b2e;
	font-size: 14px;
}

.social-uc-email-bind-current--empty {
	background: #f4f4f5;
	color: #606266;
}

.social-uc-email-bind-current i {
	font-size: 18px;
}

.social-uc-email-bind-form {
	margin-top: 12px;
	padding: 16px;
	border-radius: 8px;
	background: #fafafa;
	border: 1px solid #eef0f3;
}

.social-uc-email-bind-tip {
	margin-top: 8px;
	font-size: 14px;
}



.social-auth-alert {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 14px 16px;
	border-radius: 10px;
	font-size: 14px;
	line-height: 1.6;
}

.social-auth-alert i {
	font-size: 20px;
	flex-shrink: 0;
	margin-top: 1px;
}

.social-auth-alert p {
	margin: 0;
}

.social-auth-alert--danger {
	background: #fef0f0;
	color: #c45656;
	border: 1px solid #fde2e2;
}

@media (max-width: 860px) {
	.social-auth-panel {
		padding: 25px;
	}
}

/* 兼容旧类名 */
.social-uc-auth {
	min-height: 420px;
	max-width: 520px;
	margin: 0 auto;
}

.social-uc-auth [data-uc-submit][disabled] {
	opacity: 0.7;
}



/* ==========================================================================
   17. 后台推荐文字位
   ========================================================================== */
.social-recom-text-form input {
	border-radius: 4px;
}
.social-recom-text-form label {
	display: block;
	margin-bottom: 6px;
	color: #909399;
}
.social-recom-text-form .social-recom-text-color-input {
	width: 55px;
	cursor: pointer;
}
.social-recom-text-actions {
	margin-top: 16px;
	gap: 12px;
}
.social-recom-text-buttons {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
}

/* ==========================================================================
   18. UIkit 覆盖
   ========================================================================== */
.uk-notification-message {
	font-size: 14px;
	border-radius: 4px;
}
.uk-notification-message-success {
	background-color: #32d296;
	color: #fff;
}
.uk-notification-message-danger {
	background-color: #f0506e;
	color: #fff;
}
.uk-notification .uk-notification-close {
	display: none;
}
.uk-notification-message-primary {
	background-color: #0f9fff;
	color: #fff;
}

.uk-notification-message-warning {
	background: #faa05a;
	color: #fff;
}
.uk-textarea,
.uk-input,
.uk-button {
	border-radius: 4px !important;
}
.uk-form-label {
	display: inline-block;
	margin-bottom: 5px;
}

#comment-aieditor .aie-content {
	min-height: 80px !important;
}

/* ==========================================================================
   19. 关注按钮（作者页 / 用户中心 / 侧栏粉丝表）
   ========================================================================== */

/* 默认：关注 */
.social-uc-follow-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 72px;
	height: 32px;
	padding: 0 14px;
	border: 1px solid var(--pm-c);
	border-radius: 4px;
	background: var(--pm-c);
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	user-select: none;
	box-sizing: border-box;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

.social-uc-follow-btn:hover:not(:disabled):not(.is-busy) {
	background: #1678e0;
	border-color: #1678e0;
}

/* 已关 */
.social-uc-follow-btn.social-uc-follow-following {
	background: #f0f7ff;
	color: var(--pm-c);
	border-color: #b3d8ff;
}

.social-uc-follow-btn.social-uc-follow-following:hover:not(:disabled):not(.is-busy) {
	color: #f56c6c;
	border-color: #fbc4c4;
	background: #fef0f0;
}

/* 互关 */
.social-uc-follow-btn.social-uc-follow-mutual {
	background: #f0f7ff;
	color: var(--pm-c);
	border-color: #b3d8ff;
}

.social-uc-follow-btn.social-uc-follow-mutual:hover:not(:disabled):not(.is-busy) {
	background: #e1efff;
	border-color: #91caff;
}

.social-uc-follow-btn.is-busy {
	opacity: 0.65;
	cursor: wait;
}

.social-uc-follow-btn:focus {
	outline: none;
}

.social-uc-follow-btn:focus-visible {
	outline: 2px solid var(--pm-c);
	outline-offset: 2px;
}

/* 屏蔽管理：取消屏蔽 */
.social-uc-blocked-users .social-uc-col-action {
	width: 96px;
}

.social-uc-unblock-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 88px;
	height: 32px;
	padding: 0 14px;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
	background: #fff;
	color: #606266;
	font-family: inherit;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	cursor: pointer;
	user-select: none;
	box-sizing: border-box;
}

.social-uc-unblock-btn:hover:not(:disabled):not(.is-busy) {
	color: var(--pm-c);
	border-color: var(--pm-c);
	background: #f4f7ff;
}

.social-uc-unblock-btn.is-busy {
	opacity: 0.65;
	cursor: wait;
}

.social-uc-unblock-btn:focus {
	outline: none;
}

.social-uc-unblock-btn:focus-visible {
	outline: 2px solid var(--pm-c);
	outline-offset: 2px;
}

/* 作者页头部：关注 / 屏蔽 */
.social-author-header-actions {
	flex-shrink: 0;
	align-self: center;
	margin-left: auto;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 10px;
	width: 100px;
}

.social-author-follow-btn,
.social-author-block-btn {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 40px;
	padding: 0;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	box-sizing: border-box;
}

.social-author-block-btn {
	border: 1px solid #f56c6c;
	background: #f56c6c;
	color: #fff;
	font-family: inherit;
	cursor: pointer;
	user-select: none;
}

.social-author-block-btn:hover:not(:disabled):not(.is-busy) {
	color: #fff;
	border-color: #f56c6c;
	background: #f56c6c;
}

.social-author-block-btn.is-blocked {
	background: #fef0f0;
	color: #f56c6c;
	border-color: #f56c6c;
}

.social-author-block-btn.is-busy {
	opacity: 0.65;
	cursor: wait;
}

.social-author-block-btn:focus {
	outline: none;
}

.social-author-block-btn:focus-visible {
	outline: 2px solid #f56c6c;
	outline-offset: 2px;
}

/* 侧栏粉丝表：紧凑关注 */
.social-author-side-follow-btn {
	min-width: 50px;
	height: 28px;
	padding: 0 8px;
	font-size: 12px;
}

/* ==========================================================================
   20. 作者公开主页 /u/
   ========================================================================== */

/* --- 两栏布局 --- */
.social-user-profile-layout {
	align-items: flex-start;
}

.social-user-profile-side {
	width: 280px;
}

/* --- 顶部资料卡 --- */
.social-author-header-card {
	padding: 24px;
}

.social-author-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
}

.social-author-header-main {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	min-width: 0;
	flex: 1;
}

.social-author-avatar img {
	display: block;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	object-fit: cover;
}

.social-author-meta {
	min-width: 0;
	flex: 1;
}

.social-author-name {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 10px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
	color: #303133;
}

.social-author-url {
	font-size: 14px;
	line-height: 1.7;
	color: #909399;
	word-break: break-all;
}

.social-author-url p {
	margin: 0;
}

.social-author-level {
	margin-top: 12px;
	max-width: 360px;
}

.social-author-url .social-author-empty-text,
.social-author-empty-text {
	color: #909399;
}

.social-author-profile-level {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 10px;
}

.social-author-profile-score {
	font-size: 13px;
	color: #909399;
}

.social-author-profile-exp-bar {
	height: 8px;
	border-radius: 999px;
	background: #eef1f6;
	overflow: hidden;
}

.social-author-profile-exp-bar span {
	display: block;
	height: 100%;
	border-radius: inherit;
	background-image: linear-gradient(15deg, #00ebff 0% 20.32%, #8972ff 80.02%, #ae8dff 100%);
}

/* --- Tab 导航 --- */
.social-author-body {
	padding: 0;
	overflow: hidden;
}

.social-author-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	border-bottom: 1px solid var(--br-c);
	background: #fafbfc;
}

.social-author-tab-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 14px 20px;
	font-size: 14px;
	color: #606266;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.social-author-tab-link:hover {
	color: var(--pm-c);
	background: rgba(30, 135, 240, 0.04);
}

.social-author-tab-link.is-active {
	color: var(--pm-c);
	font-weight: 600;
	border-bottom-color: var(--pm-c);
	background: #fff;
}

.social-author-tab-panel {
	padding: 20px;
}

/* --- 资料 Tab：统计卡片（复用 UC .social-uc-profile-count）--- */
.social-author-tab-profile .social-uc-profile-count {
	margin-bottom: 20px;
}

.social-author-tab-profile .social-uc-profile-count-item {
	text-decoration: none;
	color: #fff;
}

.social-author-tab-profile .social-uc-profile-count-item:hover {
	opacity: 0.92;
}

/* --- 资料 Tab：详情表格 --- */
.social-author-profile-table .social-author-profile-col-label {
	width: 80px;
	color: #909399;
}

.social-author-profile-table .social-author-profile-col-value {
	color: #303133;
}

.social-author-profile-signature {
	color: #909399;
	font-size: 13px;
	line-height: 1.6;
}

.social-author-profile-signature p {
	margin: 0 0 4px;
}

.social-author-profile-signature p:last-child {
	margin-bottom: 0;
}

.social-author-profile-signature a {
	color: #909399;
}

/* --- 空状态与分页 --- */
.social-author-empty {
	padding: 36px 16px;
	text-align: center;
	color: #909399;
	font-size: 14px;
	background: #fafbfc;
	border-radius: 4px;
}

.social-author-tab-replies .social-uc-col-content,
.social-author-tab-replies .social-uc-col-post {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 260px;
}

.social-author-tab-replies .social-uc-col-content .social-uc-table-link,
.social-author-tab-replies .social-uc-col-post .social-uc-table-link {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* --- 右侧边栏 --- */
.social-author-side {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.social-author-side-stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

.social-author-side-stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 12px 8px;
	border-radius: 4px;
	background: #fafbfc;
	border: 1px dashed var(--br-c);
	text-decoration: none;
	color: inherit;
}

.social-author-side-stat strong {
	display: block;
	margin-bottom: 4px;
	font-size: 18px;
	line-height: 1.2;
	color: #303133;
}

.social-author-side-stat span {
	font-size: 12px;
	color: #909399;
}

a.social-author-side-stat:hover strong {
	color: var(--pm-c);
}

.social-author-side-module-link {
	display: inline-block;
	color: inherit;
	text-decoration: none;
}

.social-author-side-module-link:hover {
	color: var(--pm-c);
}

.social-author-side-module-link:hover b.title {
	color: var(--pm-c);
}

/* 侧栏粉丝预览表 */
.social-author-side-followers-wrap {
	margin: 0;
}

.social-author-side-followers-table {
	margin: 0;
}

.social-author-side-followers-table tbody td {
	padding: 8px 10px;
}

.social-author-side-followers-table .social-uc-user-cell {
	gap: 8px;
	min-width: 0;
}

.social-author-side-followers-table .social-author-side-user-ava {
	width: 28px;
	height: 28px;
}

.social-author-side-followers-table .social-uc-user-name {
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.social-author-side-col-user {
	text-align: left;
}

.social-author-side-col-action {
	width: 76px;
	text-align: right !important;
	white-space: nowrap;
	vertical-align: middle;
}

.social-author-side-empty {
	margin: 0;
	font-size: 13px;
	color: #909399;
}

/* --- 窄屏 --- */
@media (max-width: 960px) {
	.social-user-profile-layout {
		display: block;
	}

	.social-user-profile-side {
		width: 100%;
		margin-top: 12px;
	}

	.social-author-header {
		flex-direction: column;
	}

	.social-author-header-actions {
		align-self: flex-start;
		margin-left: 0;
		width: 100px;
	}

	.social-author-follow-btn,
	.social-author-block-btn {
		width: 100px;
	}

	.social-author-tabs {
		overflow-x: auto;
		flex-wrap: nowrap;
	}

	.social-author-tab-link {
		flex-shrink: 0;
	}
}

/* ==========================================================================
   21. 文章页侧栏作者卡
   ========================================================================== */

.social-author-card-head {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 12px;
}

.social-author-card-avatar {
	display: block;
	flex-shrink: 0;
	text-decoration: none;
}

.social-author-card-avatar img {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
	border: 1px solid var(--br-c);
    padding: 2px;
}

.social-author-card-info {
	min-width: 0;
	flex: 1;
}

.social-author-card-name-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 15px;
}

.social-author-card-name {
	display: inline-block;
	font-size: 15px !important;
	font-weight: bold;
	color: #303133;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	max-width: 80%;
}

.social-author-card-name-row .user-level,
.social-author-card-name-row .user-role-badge {
	margin: 0;
}

.social-author-card-name:hover {
	color: var(--pm-c);
}

.social-author-card-bio {
	margin: 0;
	max-width: 100%;
	font-size: 13px;
	color: #909399;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.social-author-card-exp {
	margin-bottom: 15px;
}

.social-author-card-exp-hd {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 6px;
	font-size: 12px;
	color: #909399;
}

.social-author-card-exp-value {
	color: #909399;
}

.social-author-card-exp-bar {
	height: 8px;
	border-radius: 999px;
	background: #eef1f6;
	overflow: hidden;
}

.social-author-card-exp-fill {
	display: block;
	height: 100%;
	border-radius: inherit;
	background-image: linear-gradient(15deg, #00ebff 0% 20.32%, #8972ff 80.02%, #ae8dff 100%);
	transition: width 0.3s ease;
}

.social-author-card-stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	padding: 15px 0;
	border-radius: 4px;
	background: #fcfcfc;
	border: 1px dashed var(--br-c);
}

.social-author-card-stat {
	text-align: center;
	border-right: 1px dashed var(--br-c);
}

a.social-author-card-stat {
	display: block;
	text-decoration: none;
	color: inherit;
}

a.social-author-card-stat:hover .social-author-card-stat-value {
	color: var(--pm-c);
}

.social-author-card-stat:last-child {
	border-right: 0;
}

.social-author-card-stat-label {
	display: block;
	margin-bottom: 4px;
	font-size: 12px;
	color: #909399;
	line-height: 1.2;
}

.social-author-card-stat-value {
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #303133;
}

/* ==========================================================================
   22. 404 / 搜索 / 杂项
   ========================================================================== */

.foot-nav .foot-nav-text {
	color: #909399;
	font-size: 14px;
}

/* --- 404 --- */
.social-404 {
	padding: 24px 20px;
	text-align: center;
}
.social-404-title {
	margin: 0 0 12px;
	font-size: 20px;
}
.social-404-desc {
	margin: 0 0 20px;
	color: #909399;
}

/* 搜索 */
.social-search-summary {
	font-size: 13px;
	font-weight: normal;
	color: #909399;
	margin-left: 8px;
}
mark.social-search-mark {
	background: #fff3cd;
	color: inherit;
	padding: 0 2px;
}

/* 全站统一分页（分类列表、用户中心、签到、排行榜、搜索、评论等） */
.social-post-list-pagination {
	margin-top: 16px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.social-post-list-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	margin: 0 4px 4px 0;
	padding: 0 12px;
	border: 1px solid var(--br-c);
	border-radius: 4px;
	color: #606266;
	font-size: 12px;
	text-decoration: none;
	background: #fff;
}

.social-post-list-pagination .page-numbers:hover {
	border-color: var(--pm-c);
	color: var(--pm-c);
}

.social-post-list-pagination .page-numbers.current {
	color: #fff;
	background: var(--pm-c);
	border-color: var(--pm-c);
}

.social-post-list-pagination .page-numbers.dots {
	border-color: transparent;
	background: transparent;
}

/* 用户中心 - 我的推广 */
.social-uc-profile-count-link {
	display: flex;
	color: inherit;
	text-decoration: none;
}
.social-uc-profile-count-link:hover {
	color: var(--pm-c, #409eff);
}

/* 用户中心 - 我的推广 */
.social-uc-promotion-summary {
	margin-bottom: 16px;
}
.social-uc-promotion-cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
}
.social-uc-promotion-card {
	background: #f8fafc;
	border: 1px solid #eef2f7;
	border-radius: 4px;
	padding: 14px 16px;
}
.social-uc-promotion-card-label {
	font-size: 13px;
	color: #64748b;
	margin-bottom: 6px;
}
.social-uc-promotion-card-value {
	font-size: 22px;
	font-weight: 700;
	color: #0f172a;
	line-height: 1.2;
}
.social-uc-promotion-card-value span {
	font-size: 13px;
	font-weight: 400;
	color: #64748b;
	margin-left: 4px;
}
.social-uc-promotion-guide {
	margin-bottom: 16px;
}
.social-uc-promotion-guide-body {
	font-size: 14px;
	line-height: 1.7;
	color: #334155;
}
.social-uc-promotion-guide-body p {
	margin: 0 0 8px;
}
.social-uc-promotion-ref-link {
	color: var(--pm-c, #409eff);
	word-break: break-all;
}
.social-uc-promotion-guide-body p:last-child {
	margin-bottom: 0;
}
.social-uc-promotion-guide-body code {
	background: #f1f5f9;
	padding: 1px 6px;
	border-radius: 4px;
	font-size: 12px;
}
.social-uc-promotion-section-tabs.social-uc-pm-segment {
	margin-bottom: 12px;
}
.social-uc-points-withdraw .social-uc-promotion-section-tabs.social-uc-pm-segment,
.social-uc-points-recharge .social-uc-promotion-section-tabs.social-uc-pm-segment {
	margin-bottom: 16px;
}
.side-taks ul li a {
	color: inherit;
	text-decoration: none;
}
.side-taks ul li a:hover {
	color: var(--pm-c, #409eff);
}
@media (max-width: 960px) {
	.social-uc-promotion-cards {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 480px) {
	.social-uc-promotion-cards {
		grid-template-columns: 1fr;
	}
}


.uk-lightbox {
	background: #00000095;
}
.footer-tool {
	position: fixed;
	bottom: 10%;
	right: 10px
}
.footer-tool .footer-tool-warp {
    border-radius: 4px;
    background-color: #fff;
	overflow: hidden;
	border: 1px solid var(--br-c);
}
.footer-tool .footer-tool-item {
    height: 40px;
    width: 40px;
    line-height: 42px;
    text-align: center;
    display: block;
	border-bottom: 1px solid var(--br-c);
}
.footer-tool .footer-tool-item:hover {
	background-color: var(--pm-c);
	color: #fff;
}
.footer-tool .footer-tool-item:last-child {
	border-bottom: none;
}


.aie-container .aie-bubble-menu-item {
	font-size: 13px !important;
}