/*
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;
	font-size: 14px;
	text-decoration: none;
}
a:hover {
	color: var(--pm-c);
}

/* ==========================================================================
   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 6px;
	border-radius: 3px;
	color: var(--pm-c);
	background: #f4f7ff;
	border: 1px solid #ccdaff;
	flex-shrink: 0;
}
.user-level:empty {
	display: none;
}

/* 背景色 */
.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 {
}
.toprecom {
	display: flex;
}
.toprecom a {
	height: 60px;
	width: 200px;
	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;
}
.recom-box img {
	position: relative;
	z-index: 10;
}


.part-recom {}
.part-recom .recom-img {}
.part-recom .recom-img a {
	min-height: 58px;
}
.part-recom .recom-text {}
.part-recom .recom-text a,
.part-recom .recom-text .recom-text-box {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
	color: #606266;
}
.part-recom .recom-text .recom-text-box.is-vacant {
	color: #909399;
	cursor: pointer;
}
/* 首页友情链接 */
.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: #606266;
	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%;
}


/* ==========================================================================
   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-color: var(--pm-c);
	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;
}
.module-latest .module-title .category-publish-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	color: #fff;
	position: absolute;
	right: 0;
	top: -3px;
	background-image: linear-gradient(15deg, #00ebff 0% 20.32%, #8972ff 80.02%, #ae8dff 100%);
	border-radius: 4px;
	padding: 6px 10px;
}

.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;
}
.module-latest .latest-more {
	display: block;
	margin-top: 15px;
	color: #fff;
	text-align: center;
	padding: 12px;
	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: 4px;
}
.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: 15px;
	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 {
	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 .social-post-badge.social-post-badge-god {
	color: #fff;
	background-color: var(--pm-c);
}
.post-list .post-item .post-title .social-post-badge.badge-gold {
	background-color: #FFA500;
}
.post-list .post-item .post-title .social-post-badge.social-post-badge-reward {
	background-color: #ff5722;
}
.post-list .post-item .post-title .social-post-badge.badge-paywall {
	background-color: var(--pm-c);
}
.post-list .post-item .post-main {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.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: 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 {
	margin-left: 3px;
}
.post-list .post-time {
	line-height: 24px;
	font-size: 12px;
	color: #909399;
}

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

/* 每日任务 */
.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: 68px;
	margin-bottom: 5px;
}
.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;
}


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

/* --- 标题与分类 --- */
.single-post .single-header {}
.single-post .single-cat {}
.single-post .single-cat a {
	font-size: 12px;
	display: inline-block;
	color: #606266;
	background: var(--bg-c);
	padding: 6px 8px;
	border-radius: 4px;
	border: 1px solid var(--br-c);
}
.single-post .single-cat a:hover {
	color: #fff;
	border-color: var(--pm-c);
	background-color: var(--pm-c);
}
.single-post .single-title {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 12px;
	margin: 25px 0;
}
.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-location {
	font-size: 13px;
	color: #909399;
}

.single-post .single-meta .post-edit {
	display: flex;
	align-items: center;
}
.single-post .single-meta .post-edit a {
	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-content {
	padding: 25px;
	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%;
}
.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;
}

.single-post .single-content p {
	font-size: 13px;
	line-height: 2;
	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;
}

/* @ 用户提及 */
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 #9fc5f8;
	border-radius: 4px;
	background-color: #f4f7ff;
	text-align: center;
}
.single-post .single-paywall-lock-inner i {
	font-size: 36px;
	color: var(--pm-c);
}
.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 {
	color: var(--pm-c);
    display: inline-block;
    text-align: center;
    padding: 10px 30px;
    border: 0;
    border-radius: 4px;
    background: var(--pm-c);
    color: #fff;
    cursor: pointer;
    font-size: 14px;
}

.single-post .single-paywall-unlocked {
    margin-top: 24px;
    padding: 28px 20px;
    border: 1px dashed #9fc5f8;
    border-radius: 4px;
    background-color: #f4f7ff;
}

.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 12px;
	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-item.is-loading {
	opacity: 0.6;
	pointer-events: none;
}

/* --- 广告说明页 --- */
.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;
	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-report-btn {
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 2;
	display: inline-block;
	color: #909399;
	font-size: 12px;
	border-radius: 4px;
	cursor: pointer;
	transition: all .2s ease;
	user-select: none;
}
.single-post-report-btn:hover {
	color: var(--pm-c);
	border-color: var(--pm-c);
}

/* 举报弹窗由 Ajax 插入 body，默认不展示 */
.social-report-modal {
	display: none;
}
.social-report-modal.uk-open {
	display: block;
}
.social-report-modal .uk-modal-dialog {
	max-width: 480px;
}
.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-pagination {
	padding: 15px 20px;
	text-align: center;
}

.social-comment .social-comment-pagination .pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.social-comment .social-comment-pagination .page-item a {
	display: inline-block;
	padding: 6px 12px;
	font-size: 12px;
	color: #606266;
	background: #fff;
	border: 1px solid var(--br-c);
	border-radius: 4px;
}

.social-comment .social-comment-pagination .page-item a:hover {
	border-color: var(--pm-c);
	color: var(--pm-c);
}

.social-comment .social-comment-pagination .page-item.is-current a {
	background: var(--pm-c);
	border-color: var(--pm-c);
	color: #fff;
}

.social-comment .social-comment-pagination .page-item.is-current a:hover {
	color: #fff;
}

.social-comment .social-comment-pagination .page-prev a,
.social-comment .social-comment-pagination .page-next a {
	padding: 6px 14px;
}

/* --- 评论列表 --- */
.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: 36px;
	height: 36px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 10px;
}

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

.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;
	gap: 4px;
}

.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 {
	margin: 15px 0;
	padding: 15px 0;
	margin-top: 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;
}

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

.social-comment .social-comment-quote::after,
.social-comment .social-comment-quote::before {
	content: '';
	display: inline-block;
	position: absolute;
	height: 20px;
	width: 20px;
	background-image: url(assets/images/quote-bg.png);
	background-repeat: no-repeat;
	background-size: 100%;
	opacity: .05;
	margin: 10px;
}

.social-comment .social-comment-quote::before {
	left: 0;
	top: 0;
	transform: rotate(180deg);
}

.social-comment .social-comment-quote::after {
	right: 0;
	bottom: 0;
}

.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: #606266;
	font-size: 13px;
}

.social-comment .social-comment-quote p {
	font-size: 13px;
	line-height: 1.7;
	color: #303133;
	margin: 0;
}

/* 操作与签名 */
.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: 16px;
}

.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-delete-btn {
	border: none;
	background: transparent;
	padding: 0;
	font-family: inherit;
}

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

.social-comment .social-comment-delete-btn:hover {
	color: #f78989;
}

.social-comment .social-comment-delete-btn.is-loading {
	opacity: 0.7;
	pointer-events: 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: #f2f6ff;
	border: 1px solid var(--pm-c);
	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: var(--pm-c);
}

.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;
}

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

.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;
	overflow: hidden;
}

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

.aie-container span {
	font-size: 12px;
	color: #909399;
	line-height: 20px;
}

.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: #fff9e0;
}
.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 {
	overflow: hidden;
	background: #fff;
}

#publish-aieditor .aie-container,
.social-publish-editor-wrap .aie-container {
	min-height: 0;
}

#publish-aieditor .aie-container span {
	line-height: 20px;
	font-size: 12px;
	color: #909399;
}

#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: 32px;
}

.social-checkin-hero-right {
	min-width: 0;
}

.social-checkin-user-head {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 20px;
}

.social-checkin-hero-avatar {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
}

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

.social-checkin-hero-name {
	font-size: 16px;
	font-weight: bold;
	color: #303133;
	margin-bottom: 15px;
}

.social-checkin-hero-desc {
	font-size: 13px;
	color: #606266;
	word-break: break-word;
}

.social-checkin-hero-desc.is-empty {
	color: #c0c4cc;
}

.social-checkin-stats {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.social-checkin-stat {
	flex: 1;
	padding: 15px;
	background: #fcfcfc;
	border: 1px dashed var(--br-c);
	border-radius: 4px;
	text-align: center;
}

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

.social-checkin-stat-value {
	color: #303133;
	line-height: 1.2;
}

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

.social-checkin-stat-value .unit {
	font-size: 12px;
	color: #606266;
	margin-left: 1px;
}

@media (max-width: 640px) {
	.social-checkin-stats {
		flex-direction: column;
	}
}

.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;
}

.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-pagination {
	margin-top: 20px;
}

.social-checkin-pagination .pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
	justify-content: center;
}

.social-checkin-pagination .page-item a,
.social-checkin-pagination .page-item span {
	display: inline-block;
	min-width: 32px;
	padding: 6px 10px;
	text-align: center;
	border: 1px solid #dcdfe6;
	border-radius: 3px;
	color: #606266;
	text-decoration: none;
	font-size: 14px;
}

.social-checkin-pagination .page-item.is-current a {
	background: var(--pm-c);
	border-color: var(--pm-c);
	color: #fff;
}

.social-checkin-pagination .page-item a:hover {
	border-color: var(--pm-c);
	color: var(--pm-c);
}

.social-checkin-pagination .page-ellipsis span {
	border: none;
	padding: 6px 4px;
}

.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;
}

.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-weight: 500;
	color: #303133;
	text-decoration: none;
}

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

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

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

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

/* 通用分页条（签到等复用，勿与 .social-comment 混用） */
.comment-pagination {
	padding: 15px 20px;
	text-align: center;
}

.comment-pagination .pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.comment-pagination .page-item a {
	display: inline-block;
	padding: 6px 12px;
	font-size: 12px;
	color: #606266;
	background: #fff;
	border: 1px solid var(--br-c);
	border-radius: 4px;
}

.comment-pagination .page-item a:hover {
	border-color: var(--pm-c);
	color: var(--pm-c);
}

.comment-pagination .page-item.is-current a {
	background: var(--pm-c);
	border-color: var(--pm-c);
	color: #fff;
}

.comment-pagination .page-item.is-current a:hover {
	color: #fff;
}

.comment-pagination .page-prev a,
.comment-pagination .page-next a {
	padding: 6px 14px;
}



/* ==========================================================================
   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;
}

.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: #333;
	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-messages-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
	font-size: 13px;
	color: #606266;
	border-bottom: 1px solid var(--br-c);
	padding-bottom: 15px;
}

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

.social-uc-messages-row {
	cursor: pointer;
}

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

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

.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 {
	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 {
	margin: 0;
}

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

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

.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;
}

.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: 10px;
	color: #333;
}

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

.social-uc-user-ava {
	width: 36px;
	height: 36px;
	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 {
	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 {
	padding: 24px;
	border-radius: 4px;
	background: #ffa500;
}

.social-uc-points-balance-label {
	font-size: 13px;
	color: #fff;
	margin-bottom: 8px;
	opacity: 0.8;
}

.social-uc-points-balance-value {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 36px;
	font-weight: 700;
	color: #fff;
	line-height: 1.2;
}

.social-uc-points-balance-value i {
	font-size: 32px;
	color: #fff;
	opacity: 0.9;
}

.social-uc-points-balance-tip {
	margin-top: 8px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.65);
}
.social-uc-points-balance-tip a {
	font-size: 12px;
	color: #fff
}

.social-uc-points-balance-yuan {
	margin-top: 20px;
	padding-top: 16px;
	border-top: 1px solid rgba(255, 255, 255, 0.25);
}

.social-uc-yuan-unit {
	font-size: 16px;
	font-weight: 600;
	margin-left: 4px;
}

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

.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-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-points-page-actions {
	margin-top: 20px;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

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

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

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

.social-uc-points-withdraw-weekly {
	margin: 12px 0 0;
}

.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-breakdown {
	padding-left: 24px;
	border-left: 1px solid rgba(255, 255, 255, 0.25);
}

.social-uc-points-breakdown-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
}

.social-uc-points-breakdown-list {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-top: 10px;
}

.social-uc-points-breakdown-list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 0;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.9);
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.social-uc-points-breakdown-list li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.social-uc-points-breakdown-name {
	flex-shrink: 0;
	opacity: 0.75;
}

.social-uc-points-breakdown-detail {
	text-align: right;
	color: #fff;
	opacity: .8;
}

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

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

@media (max-width: 959px) {
	.social-uc-points-breakdown {
		margin-top: 16px;
		padding-left: 0;
		padding-top: 16px;
		border-left: none;
		border-top: 1px solid rgba(255, 255, 255, 0.25);
	}
}

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

.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-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: 140px;
	height: 140px;
	max-height: 240px;
	overflow-x: hidden;
	overflow-y: auto;
}

#uc-signature-aieditor .aie-bubble-text,
#uc-signature-aieditor .aie-bubble-link,
#uc-signature-aieditor .aie-bubble-image,
#uc-signature-aieditor .aie-bubble-table,
#uc-signature-aieditor .aie-bubble-menu,
#uc-signature-aieditor [class*="aie-bubble"] {
	display: none !important;
	pointer-events: none !important;
	visibility: hidden !important;
}

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

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

/* --- 分页 --- */
.social-uc-pagination {
	padding: 15px 20px;
	text-align: center;
}

.social-uc-pagination-list {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.social-uc-pagination-item a {
	display: inline-block;
	padding: 6px 12px;
	font-size: 12px;
	color: #606266;
	background: #fff;
	border: 1px solid var(--br-c);
	border-radius: 4px;
}

.social-uc-pagination-item a:hover {
	border-color: var(--pm-c);
	color: var(--pm-c);
}

.social-uc-pagination-current a {
	background: var(--pm-c);
	border-color: var(--pm-c);
	color: #fff;
}

.social-uc-pagination-current a:hover {
	color: #fff;
}

.social-uc-pagination-prev a,
.social-uc-pagination-next a {
	padding: 6px 14px;
}

.social-uc-pagination-ellipsis span {
	display: inline-block;
	padding: 6px 8px;
	color: #999;
}

/* ==========================================================================
   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-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-qq-bind-status {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 8px;
	background: #f0f9eb;
	color: #529b2e;
	font-size: 14px;
}

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

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

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



.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 {
	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: #f4f7ff;
	color: var(--pm-c);
	border-color: var(--pm-c);
}

.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-author-follow-btn {
	flex-shrink: 0;
	align-self: center;
	margin-left: auto;
	min-width: 120px;
	height: 44px;
	padding: 0 28px;
	border-radius: 4px;
	font-size: 16px;
}

/* 侧栏粉丝表：紧凑关注 */
.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-empty {
	padding: 36px 16px;
	text-align: center;
	color: #909399;
	font-size: 14px;
	background: #fafbfc;
	border-radius: 4px;
}

.social-author-pagination {
	margin-top: 16px;
}

.social-author-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	height: 34px;
	margin: 0 4px 4px 0;
	padding: 0 10px;
	border: 1px solid var(--br-c);
	border-radius: 4px;
	color: #606266;
	text-decoration: none;
}

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

/* --- 右侧边栏 --- */
.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-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-follow-btn {
		align-self: flex-start;
		margin-left: 0;
		width: 100%;
		max-width: 200px;
	}

	.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;
}

.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;
}

.social-author-card-name-row .user-level {
	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);
}

.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-search-pagination {
	margin-top: 16px;
}

/* 用户中心 - 积分说明 */
.social-uc-points-intro {
	margin: 0 0 12px;
}
.social-uc-profile-count-link {
	display: flex;
	color: inherit;
	text-decoration: none;
}
.social-uc-profile-count-link:hover {
	color: var(--pm-c, #409eff);
}