@charset "utf-8";
/*
Theme Name: social主题
Theme URI: https://www.260.cn
Author: 阿叶
Author URI: https://www.260.cn
Description: Social主题，是一款社交主题。
Version: 1.0.0
*/

/*
 * 目录
 * 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: #f8f8f8;
	--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;
}
.part-main {
	margin-left: -10px;
}
.part-main>* {
    padding-left: 10px;
}
.part-main>.uk-grid-margin {
    margin-top: 10px;
}

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

/* --- 面包屑 --- */
.social-breadcrumb {
	margin-bottom: 10px;
}
.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;
}
.social-breadcrumb-category {}


/*用户徽章 */
.user-badge-group {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	vertical-align: middle;
	flex-shrink: 0;
	margin-left: 5px;
}
.user-badge-group span {
	display: inline-block;
	flex-shrink: 0;
	vertical-align: middle;
	font-size: 10px;
	height: 14px;
	line-height: 15px;
	font-weight: normal;
	padding: 0 4px;
	border-radius: 3px;
	letter-spacing: 0.02em;
	cursor: pointer;
}
.user-name-privilege-badge {
    color: #FF5722;
    background: #fff3f0;
    border: 1px solid #ffbaa4;
}
.social-user-privileged-name,
a.social-user-privileged-name,
.social-user-privileged-name a {
	color: #8a2be2;
	font-weight: 700;
}
.user-badge-group .user-level {
    color: var(--pm-c);
    background: #f4f7ff;
    border: 1px solid #ccdaff;
}
.user-badge-group .user-ai-badge {
    color: #5b21b6;
    background: #ede9fe;
    border: 1px solid #c4b5fd;
}

.user-badge-group .user-role-moderator {
    color: #FF5722;
    background: #fff3f0;
    border: 1px solid #ffbaa4;
}
.user-badge-group .user-role-admin {
    background: #fff4f4;
    border: 1px solid #ffcccc;
    color: #FF5722;
}



/* 用户认证徽章 */
.user-verify-badge {
	display: inline-block;
	flex-shrink: 0;
	vertical-align: middle;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.3;
	padding: 1px 4px;
	border-radius: 3px;
	margin-left: 2px;
}
.user-verify-site-owner {
	color: #0d7a5f;
	background: #eefaf6;
	border: 1px solid #b8e6d8;
}

/* 背景色 */
.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: 10px;
}

/* --- 顶栏 --- */
.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;
	height: 40px;
}
.logo a img {
	height: 100%;
}
.toprecom {
	height: 62px;
	display: flex;
}
.toprecom .recom-box {
	height: 62px;
	min-width: 186px;
	margin-left: 2px;
}
.toprecom .recom-text {
	width: 420px;
	height: 60px;
	border: 1px solid #409EFF
}
.toprecom .recom-text ul {
	display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 3px 10px;
    margin-left: -10px;
    position: relative;
}
.toprecom .recom-text ul::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;
}
.toprecom .recom-text ul li {
	width: 50%;
	padding-left: 10px;
	box-sizing: border-box;
}
.toprecom .recom-text ul li a {
	display: block;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	line-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.toprecom .recom-text ul li a:hover {
	text-decoration: underline;
}
.toprecom .recom-text ul li:nth-child(1) a,
.toprecom .recom-text ul li:nth-child(4) a,
.toprecom .recom-text ul li:nth-child(5) a {
	color: #ffeb3b;
}

/* --- 主导航与搜索 --- */
.navbar {
	display: flex;
	align-items: center;
}
.navbar nav {
	flex: 1;
	height: 49px;
}
.navbar nav ul {
	display: flex;
}
.navbar nav ul li {
	position: relative;
}
.navbar nav ul li a {
	display: block;
	font-size: 14px;
	color: #303133;
	padding: 15px 20px 12px 20px;
	border-bottom: 3px solid transparent;
}
.navbar nav ul ul.sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 50;
	display: none;
	min-width: 140px;
	padding: 6px 0;
	background: #fff;
	border: 1px solid var(--br-c);
	box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
}
.navbar nav ul li:hover > ul.sub-menu {
	display: block;
}
.navbar nav ul ul.sub-menu li {
	display: block;
}
.navbar nav ul ul.sub-menu li a {
	padding: 15px;
	border-bottom: 0;
	white-space: nowrap;
	font-size: 13px;
	font-weight: normal;
}
.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;
	font-size: 17px;
	font-weight: bold;
	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;
}



.recom-text {}
.recom-text .uk-grid-margin {
	margin-top: 5px;
}
.recom-text .recom-text-slot a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
	color:  #FF0000;
	font-weight: bold;
	text-align: center;
}
.recom-text .recom-text-slot.is-vacant a {
	cursor: pointer;
}
.recom-text .recom-text-slot.is-vacant.is-submit-disabled a {}
.recom-text .recom-text-slot:nth-child(1) a,
.recom-text .recom-text-slot:nth-child(3) a,
.recom-text .recom-text-slot:nth-child(5) a,
.recom-text .recom-text-slot:nth-child(8) a,
.recom-text .recom-text-slot:nth-child(10) a,
.recom-text .recom-text-slot:nth-child(12) a {
	color: #0000FF !important;
}


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

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

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

.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 !important;
}
.recom-text-slot-manage .uk-dropdown li a:hover {
	background-color: var(--pm-c);
	color: #fff;
}
.recom-text-slot-manage .uk-dropdown li:last-child a {
	border-bottom: 0;
}


/* ==========================================================================
   07. 首页 - 左侧分类导航
   ========================================================================== */
.sidenav {
	width: 160px;
}
.sidenav.social-sticky-scroll,
.sidebar.social-sticky-scroll {
	position: sticky;
	top: 10px;
	max-height: calc(100vh - 20px);
}
.sidenav.social-sticky-scroll::-webkit-scrollbar,
.sidebar.social-sticky-scroll::-webkit-scrollbar {
	width: 6px;
}
.sidenav.social-sticky-scroll::-webkit-scrollbar-thumb,
.sidebar.social-sticky-scroll::-webkit-scrollbar-thumb {
	background: #c0c4cc;
	border-radius: 6px;
}
.sidenav.social-sticky-scroll::-webkit-scrollbar-track,
.sidebar.social-sticky-scroll::-webkit-scrollbar-track {
	background: transparent;
}
.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 !important;
}
.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: 16px;
	font-weight: bold;
}
.social-post-badge {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	margin-left: 5px;
	vertical-align: middle;
}

.social-post-badge span {
	display: inline-block;
	color: #fff;
	background-color: #909399;
	border-radius: 4px;
	font-size: 11px;
	height: 19px;
	line-height: 20px;
	padding: 0 5px;
}

.social-post-badge .badge-god {
	color: #fff;
	background-color: #5FBA00;
}

.social-post-badge .badge-essence {
	color: #fff;
	background-color: #00BCD4;
}

.social-post-badge .badge-sticky {
	color: #fff;
	background-color: var(--pm-c);
}

.social-post-badge .badge-push {
	color: #fff;
	background-color: #ff5722;
}

.social-post-badge .badge-gold {
	background-color: #FFA500;
}

.social-post-badge .badge-gold.is-bounty-finished {
	color: #909399;
	background-color: #e4e7ed;
}

.post-list .post-item.is-bounty-finished .social-post-badge .badge-gold {
	color: #909399;
	background-color: #e4e7ed;
}

.social-post-badge .badge-reward {
	background-color: #e58209;
}

.social-post-badge .badge-reward.is-reward-finished {
	color: #909399;
	background-color: #e4e7ed;
}

.social-post-badge .badge-paywall {
	background-color: #009688;
}

.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: 22px;
	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-time {
	line-height: 24px;
	font-size: 12px;
	color: #909399;
}

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

.category-thread-head .module-title {
	display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.category-thread-head .module-title .title {
    font-weight: bold;
    color: #303133;
}
.category-thread-head .category-publish-btn {
    position: absolute;
    right: 0;
    top: -3px;
}
.category-thread-stats {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	color: #909399;
}


.category-thread-moderators {
	color: #909399;
}
.category-thread-moderators-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0;
}

.category-thread-moderators-label {
	font-size: 13px;
	color: #909399;
	white-space: nowrap;
}

.category-thread-moderator {
	display: flex;
	align-items: center;
	text-decoration: none;
	font-size: 13px;
}

.category-thread-moderator:not(:last-child)::after {
	content: '、';
	color: #909399;
}
.category-thread-moderator:hover {
	color: #256cf3;
}

.category-thread-moderators-empty {
	font-size: 13px;
	color: #c0c4cc;
	white-space: nowrap;
}


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

.category-thread-toolbar {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-bottom: 15px;
	border-bottom: 1px solid var(--br-c);
}

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

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

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

.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-row {
	display: flex;
	align-items: center;
	gap: 15px;
	font-size: 13px;
}
.category-thread-row-head {
	padding: 6px 0;
	background: var(--bg-c);
	color: #909399;
	font-size: 13px;
}

.category-thread-row-head .category-thread-filters {
	align-items: center;
	gap: 20px;
}

.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-title-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	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;
	font-size: 12px;
	text-decoration: none;
	word-break: break-all;
	margin-bottom: 3px;
	display: block;
}

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

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

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

a.category-thread-last-author {
	color: #606266;
	font-size: 12px;
	text-decoration: none;
	word-break: break-all;
}

a.category-thread-last-author:hover {
	color: #256cf3;
}

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

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

.category-thread-row:hover {
	background: var(--bg-c);
}

/* ==========================================================================
   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: 60px;
	background: var(--pm-c);
	margin-bottom: 2px;
}
.side-sponsor a img {
	width: 100%
}
.side-sponsor a:last-child {
	margin-bottom: 0;
}
.side-sponsor a::before {
    color: #fff;
}

/* 站点公告 */
.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-title {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed var(--br-c);
}
.single-post .single-title h1 {
	font-size: 20px;
	line-height: 20px;
	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.reply-reward.is-finished {
}



.single-post .single-left {
    margin-right: 10px;
}
.single-post .single-left .author-avatar {
    display: block;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid var(--br-c);
    padding: 2px;
}
.single-post .single-left .author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.single-post .single-right {
	flex: 1;
	position: relative
}

.single-post .single-reward-prompt {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	max-width: 240px;
	height: 30px;
	padding: 0 12px;
	border: 1px solid #fdba74;
	border-radius: 4px;
	background: #fff7ed;
	color: #ea580c;
	font-size: 12px;
	line-height: 1;
	cursor: pointer;
	white-space: nowrap;
}

.single-post .single-reward-prompt:hover {
	background: #ffedd5;
	color: #c2410c;
}

.single-post .single-right .single-author {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	padding-right: 250px;
}
.single-post .single-right .single-author .single-author-name {
	font-size: 14px;
    color: #303133;
    font-weight: bold;
    text-decoration: none;
}

/* --- 文章 meta --- */
.single-post .single-meta {
	display: flex;
	align-items: center;
    font-size: 13px;
    color: #909399;
}
.single-post .single-meta .pub-time {
	font-size: 13px;
	color: #909399;
}

.single-post .single-meta .meta-location {
	font-size: 13px;
	color: #909399;
}

.social-reward-append-box {
	width: 460px;
	max-width: calc(100vw - 32px);
	border-radius: 8px;
	padding: 24px;
}

.social-reward-append-title {
	margin: 0 0 18px;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 700;
	color: #303133;
}

.social-reward-amount-options {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 14px;
}

.social-reward-amount-option {
	height: 40px;
	border: 1px solid var(--br-c);
	border-radius: 4px;
	background: #fff;
	color: #303133;
	font-size: 14px;
	cursor: pointer;
}

.social-reward-amount-option:hover,
.social-reward-amount-option.is-active {
	border-color: #f97316;
	background: #fff7ed;
	color: #ea580c;
}

.social-reward-custom-field {
	display: block;
	margin: 0 0 14px;
	color: #606266;
	font-size: 13px;
}

.social-reward-custom-field span {
	display: block;
	margin-bottom: 6px;
}

.social-reward-custom-field input {
	width: 100%;
	height: 40px;
	border: 1px solid var(--br-c);
	border-radius: 4px;
	padding: 0 12px;
	font-size: 14px;
	box-sizing: border-box;
}

.social-reward-append-error {
	margin-bottom: 12px;
	color: #f56c6c;
	font-size: 13px;
}

.social-reward-append-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}

.social-reward-confirm {
	flex: 0 0 auto;
	height: 38px;
	padding: 0 18px;
	border: 0;
	border-radius: 4px;
	background: #f97316;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
}

.social-reward-confirm:hover {
	background: #ea580c;
}

.social-reward-confirm:disabled {
	cursor: not-allowed;
	opacity: .65;
}

.social-reward-balance {
	min-width: 0;
	color: #606266;
	font-size: 13px;
	text-align: right;
}

.social-reward-balance span {
	margin-left: 4px;
	color: #303133;
	font-weight: 700;
}

.social-reward-balance a {
	color: #409eff;
	text-decoration: none;
}

.single-post .single-meta .meta-item {
	display: flex;
	align-items: center;
	font-size: 13px;
	color: #909399;
}
.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-data {
	position: absolute;
	top: 0;
	right: 0;
	margin: 22px 20px;
}
.single-post .single-data span {
	font-size: 13px;
	color: #909399;
	display: inline-block;
	position: relative;
}
.single-post .single-data span b {
	color: var(--pm-c);
}
.single-post .single-data span::after {
	content: '';
	display: inline-block;
	height: 10px;
	width: 1px;
	background: #dae1e5;
	margin: 0 10px;
}
.single-post .single-data span: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;
	margin: 15px 0;
	line-height: 24px;
	color: #303133;
	white-space: normal;
	word-break: break-all;
	overflow-wrap: break-word;
}
.single-post .single-content p:first-child {
	margin-top: 0;
}
.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;
	color: var(--pm-c);
}
.single-post .single-content p code {
	white-space: normal;	
}
.single-post .single-content img:not(.social-weibo-emotion) {
	max-width: 100%;
	height: auto;
	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;
}

.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: #e58209;
    border: 1px dashed #e58209;
    background-color: #ffead1;
}

.single-post .single-paywall-lock {
	margin: 20px 0;
	padding: 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;
}
.single-post .single-paywall-buyers-link {
	color: #009688 !important;
	font-size: 13px;
}
.single-post .single-paywall-buyers-link:hover {
	text-decoration: none;
}
.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-lock .single-paywall-lock-inner .single-paywall-unlock-btn {
    background: #009688;
    color: #fff;
    border: 1px solid #009688;
    cursor: pointer;
}
.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 {
	position: relative;
	margin: 20px 0;
	padding: 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;
}
.single-post .single-paywall-unlocked-buyers-link {
	position: absolute;
	top: 20px;
	right: 20px;
}
.single-post .single-paywall-unlocked-content {
	margin-top: 8px;
}
.social-paywall-buyers-modal .uk-modal-dialog {
	max-width: 520px;
	border-radius: 4px;
}
.social-paywall-buyers-empty {
	padding: 26px 0;
	color: #909399;
	text-align: center;
}
.social-paywall-buyers-list {
	max-height: 420px;
	margin: 0;
	padding: 0;
	overflow-y: auto;
}
.social-paywall-buyers-table {
	margin-bottom: 0;
	font-size: 13px;
	color: #666;
}
.social-paywall-buyers-table th,
.social-paywall-buyers-table td {
	vertical-align: middle;
}
.social-paywall-buyers-name {
	color: #303133;
	font-weight: 600;
}
.social-paywall-buyers-name:hover {
	color: #009688;
	text-decoration: none;
}
.social-paywall-buyers-more {
	margin: 12px 0 0;
	color: #909399;
	font-size: 13px;
	text-align: center;
}

.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 8px;
	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 {
}
.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;
	gap: 8px;
	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 {
	min-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.social-post-tip-reason-text {
	color: #909399;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-left: 50px;
}
.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,
.social-comment-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,
.social-comment-tip-preset.is-active,
.social-comment-tip-preset:hover {
	border-color: #faad14;
	color: #faad14;
}
.social-post-tip-custom {
	display: inline-flex;
	margin: 0;
}
.social-post-tip-custom input {
	width: 132px;
	height: 36px;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
	padding: 0 10px;
	outline: none;
	font-size: 13px;
	color: #606266;
}
.social-post-tip-custom input:focus {
	border-color: #faad14;
}
.social-post-tip-custom input::-webkit-outer-spin-button,
.social-post-tip-custom input::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
}
.social-post-tip-custom input[type='number'] {
	-moz-appearance: textfield;
}
.social-post-tip-reason {
	display: block;
}
.social-post-tip-reason-label {
	display: block;
	margin-bottom: 10px;
	margin-top: 15px;
	font-size: 13px;
	color: #606266;
}
.social-post-tip-reason input {
	width: 100%;
	height: 36px;
	border: 1px solid #dcdfe6;
	border-radius: 4px;
	padding: 0 10px;
	outline: none;
	font-size: 13px;
	color: #606266;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.social-post-tip-reason input:focus {
	border-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-price-value {
	color: #ff5722;
	font-weight: 700;
}

.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 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: 0;
	bottom: 0;
	z-index: 6;
}
.single-post .single-thread-more-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	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: 13px;
	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: 16px;
	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-highlight-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-post-highlight-modal {
	display: none;
}
.social-post-highlight-modal.uk-open {
	display: block;
}
.social-post-highlight-modal .uk-modal-dialog {
	max-width: 420px;
}
.social-post-highlight-desc {
	margin: 0 0 12px;
	color: #909399;
	font-size: 13px;
}
.social-post-highlight-colors {
	display: flex;
	flex-wrap: nowrap;
	gap: 10px;
}
.social-post-highlight-color {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 10px 8px;
	border: 1px solid var(--br-c);
	border-radius: 4px;
	cursor: pointer;
	text-align: center;
}
.social-post-highlight-color.is-selected {
	border-color: var(--pm-c);
	box-shadow: inset 0 0 0 1px var(--pm-c);
}
.social-post-highlight-color-input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
.social-post-highlight-swatch {
	display: block;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.08);
}
.social-post-highlight-label {
	font-size: 12px;
	color: #606266;
}
.social-post-highlight-submit.is-loading,
.social-post-highlight-clear.is-loading {
	opacity: 0.7;
	pointer-events: none;
}
.single-post .single-thread-more-dropdown .single-post-highlight-btn.is-active {
	font-weight: bold;
}
.post-list .post-item .post-title a.is-highlight-title,
.single-post .single-title h1.is-highlight-title {
	font-weight: bold;
}
.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-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-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-shrink: 0;
	width: 50px;
	margin-right: 10px;
}

.social-comment .social-comment-avatar {
	display: block;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	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-display-medal-wrap {
	margin-top: 8px;
	text-align: center;
}

.social-comment-display-medal {
	display: inline-block;
	text-decoration: none;
}

.social-comment-display-medal img {
}

.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: 14px;
	font-weight: bold;
	color: #303133;
	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: 15px;
	line-height: 2rem;
	color: #303133;
	word-break: break-word;
}

.social-comment .social-comment-text p {
	font-size: 15px;
	line-height: 24px;
	color: #303133;
	margin: 12px 0;
}
.social-comment .social-comment-text p:first-child {
	margin-top: 0;
}
.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:not(.social-weibo-emotion) {
	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:not(.social-weibo-emotion) {
	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-tip-btn.is-done {
	color: #ff5722;
}

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

.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,
.social-comment .social-comment-tip-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: #b96f14;
    border: 1px dashed #b96f14;
    background-color: #fff4e6;
}
.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;
	position: relative;
}

.social-comment .social-comment-sign p {
	margin: 0;
}

.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-closed-message {
	padding: 18px 0;
	color: #909399;
	font-size: 14px;
	text-align: center;
}

.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;
	background: var(--pm-c) !important;
}
.social-comment .social-comment-recom .recom-box:before {
	color: #fff;
}
.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 [data-bounty-slots]::-webkit-outer-spin-button,
.social-publish [data-bounty-slots]::-webkit-inner-spin-button,
.social-publish [data-bounty-per]::-webkit-outer-spin-button,
.social-publish [data-bounty-per]::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

.social-publish [data-bounty-slots],
.social-publish [data-bounty-per] {
	-moz-appearance: textfield;
}

.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-comment-toggle {
	display: flex;
	flex-basis: 100%;
	align-items: center;
	gap: 6px;
	margin: 0 0 2px;
	font-size: 13px;
	color: #606266;
	cursor: pointer;
}

.social-publish-comment-toggle input {
	margin: 0;
}

.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-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 var(--br-c);
}

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

.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-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 {
	height: 20px;
}
.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-item.is-level .social-leaderboard-stat-level-badge {
	display: flex;
	justify-content: center;
	align-items: center;
}



.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 var(--br-c);
}

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





/* ==========================================================================
   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-profile-medals {
}

.social-author-profile-medal {
	display: inline-block;
	text-decoration: none;
}

.social-author-profile-medal img {
	height: 35px;
	width: auto;
}

.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-user-score-progress-hd {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 6px;
	font-size: 12px;
	color: #909399;
}

.social-user-score-progress-label {
	color: #909399;
}

.social-user-score-progress-value {
	color: #909399;
	text-align: right;
	white-space: nowrap;
}

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

.social-user-score-progress-fill,
.social-author-profile-exp-bar span,
.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;
}

/* --- 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：详情表格 --- */
.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-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 {
}

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

.social-author-side-followers-table .social-author-side-user-ava {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	overflow: hidden;
}

.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: flex-start;
	gap: 10px;
	margin-bottom: 8px;
}

.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-actions {
	flex-shrink: 0;
	align-self: center;
	margin-left: auto;
}

.social-author-card-follow-btn {
    min-width: 44px;
    height: 26px;
    padding: 0 10px;
    font-size: 11px;
}

.social-author-card-name-row {
	margin-bottom: 12px;
	min-width: 0;
}

.social-author-card-name-wrap {
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.social-author-card-name-wrap .social-author-card-name {
	font-size: 15px !important;
	font-weight: bold;
	color: #303133;
	text-decoration: none;
}

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

.social-author-card-level-row {
	margin: 0;
}
.social-author-card-level-row .user-badge-group {
	margin-left: 0;
}


.social-author-card-bio {
	padding: 10px;
	background: var(--bg-c);
	margin: 15px 0;
	border-radius: 4px;
}

.social-author-card-medals {
    margin: 10px 0;
}

.social-author-card-medal {
	display: inline-block;
	text-decoration: none;
}

.social-author-card-medal img {
	width: auto;
	height: 35px;
}

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

.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 2px;
	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);
}


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

/* 勋章中心 */
.social-medals-page {
	display: grid;
	grid-template-columns: 180px minmax(0, 1fr);
	gap: 12px;
	align-items: start;
}
.social-medals-sidebar {}
.social-medals-sidebar a {
	display: block;
	padding: 15px;
	font-size: 13px;
	color: #909399;
	border-radius: 4px;
}
.social-medals-sidebar a:last-child {
	border-bottom: 0;
}

.social-medals-sidebar a.is-active,
.social-medals-sidebar a:hover {
	color: var(--pm-c);
	background: #f4f7ff;
}
.social-medals-content {
	min-width: 0;
}
.social-medal-empty {
	color: #909399;
	background: #fff;
}
.social-medals-section {
	margin-bottom: 12px;
}
.social-medals-table td {
	line-height: 35px;
}
.social-medals-table tr.is-medal-highlighted {
	background: #fff8e5 !important;
}
.social-medals-table tr.is-medal-highlighted td {
	background: transparent;
}
.social-medal-primary-link,
.social-medal-action,
.social-medal-submit {
	font-size: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    border: 0;
    border-radius: 4px;
    color: #fff;
    background: var(--pm-c);
    cursor: pointer;
}
.social-medal-action {
	width: 72px;
}
.social-medal-primary-link:hover,
.social-medal-action:hover {
	color: #fff;
}
.social-medal-action.is-disabled {
	background: #607D8B;
	color: #fff;
	cursor: default;
	pointer-events: none;
}
.social-medal-action.is-owned {
	background: #67C23A;
	color: #fff;
	cursor: default;
	pointer-events: none;
}
.social-medal-action.is-displayed {
	background: #909399;
	color: #fff;
}
.social-medal-action.is-paused {
	background: #C0C4CC;
	color: #fff;
	cursor: default;
	pointer-events: none;
}
.social-medal-display-form {
	margin: 0;
}
.social-medal-privilege-list {
	display: grid;
	margin: 15px 0;
}
.social-medal-privilege-item {
	display: flex;
	align-items: center;
	gap: 8px;
	min-height: 32px;
	margin: 0;
}
.social-medal-modal-actions {
	margin-top: 15px;
}
.social-medal-card .social-medal-action {
	display: inline;
	height: auto;
	padding: 0;
	border-radius: 0;
	color: #0645ad;
	background: transparent;
	font-size: 13px;
	line-height: 1.4;
}
.social-medal-card .social-medal-action:hover {
	color: #0645ad;
	text-decoration: underline;
}
.social-medals-grid {}
.social-medals-grid >div {
	width: 14.28%;
}
.social-medal-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	width: 112px;
	min-width: 0;
	padding: 0;
	border: 0;
	background: transparent;
	text-align: center;
}
.social-medal-image {
}
.social-medal-image img {
}
.social-medal-image-empty {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 26px;
	color: #909399;
}
.social-medal-card-body {
	min-width: 0;
	width: 100%;
}
.social-medal-card .title {
	font-weight: bold;
	font-size: 13px;
	margin-bottom:6px;
}
.social-medal-card p {
	margin: 0 0 10px;
	color: #606266;
	line-height: 1.6;
}
.social-medal-meta {
	display: flex;
	gap: 8px;
	margin-bottom: 10px;
	color: #909399;
	font-size: 13px;
}
.social-medal-state {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 72px;
		height: 30px;
		border-radius: 4px;
		background: #C0C4CC;
		color: #fff;
		font-size: 12px;
		cursor: default;
		pointer-events: none;
}
.social-medal-state.is-owned {
    color: #fff;
    font-size: 12px;
    background: #67C23A;
}
.social-medal-state.is-pending {
	color: #ad6800;
	background: transparent;
}
.social-medal-state.is-restricted {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 30px;
	border-radius: 4px;
	background: #C0C4CC;
	color: #fff;
	font-size: 12px;
	cursor: default;
	pointer-events: none;
}
.social-medal-expire {
	display: block;
	color: #909399;
	font-size: 13px;
}
.social-medal-records {
}
.social-medal-record-block {}

.social-medal-records li {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	padding: 10px 0;
	border-bottom: 1px solid var(--br-c);
}
.social-medal-records li:last-child {
	border-bottom: 0;
}
.social-medal-record-user {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex: 0 0 auto;
}
.social-medal-record-text {
	color: #909399;
}
.social-medal-record-name {
	color: var(--pm-c);
}
.social-medal-modal {
	z-index: 9999;
}
.social-medal-modal-box {
}
.social-medal-modal-main {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}
.social-medal-modal-image {
	width: 96px;
    height: 96px;
    flex: 0 0 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    box-shadow: inset 0 0 0 3px #f3f3f3;
    background: #fff;
}
.social-medal-modal-image img {
	object-fit: cover;
}
.social-medal-modal-info .title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}
.social-medal-modal-info p {
	color: #909399;
	margin: 15px 0;
}
.social-medal-modal-info .social-medal-requirement,
.social-medal-modal-info .social-medal-progress {
	color: #909399;
	margin: 15px 0;
}
.social-medal-modal-price {
	margin: 12px 0;
	color: var(--pm-c);
}
.social-medal-duration-options {
	margin-top: 14px;
}
.social-medal-duration-options strong {
	display: block;
	margin-bottom: 8px;
}
.social-medal-duration-options label {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 6px;
	color: #606266;
}
.social-medal-modal textarea {
	box-sizing: border-box;
	width: 100%;
	margin: 14px 0 10px;
	padding: 10px;
	border: 1px solid var(--br-c);
	border-radius: 4px;
	resize: vertical;
}

/* 附件链接 */
.social-attachment-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 9px;
	border: 1px solid #dbeafe;
	border-radius: 4px;
	background: #eff6ff;
	color: #1d4ed8;
	font-size: 13px;
	text-decoration: none;
	vertical-align: middle;
}

.social-attachment-link::before {
	content: "\eceb";
	font-family: "remixicon" !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	color: #2563eb;
	font-size: 14px;
	font-style: normal;
	font-weight: 400 !important;
	line-height: 1;
	letter-spacing: 0;
}

.social-attachment-link.social-attachment-ext-pdf {
	color: #b91c1c !important;
	border-color: #fecaca;
	background: #fef2f2;
}

.social-attachment-link.social-attachment-ext-pdf::before {
	color: #dc2626;
}

.social-attachment-link.social-attachment-ext-doc,
.social-attachment-link.social-attachment-ext-docx {
	color: #1d4ed8 !important;
	border-color: #bfdbfe;
	background: #eff6ff;
}

.social-attachment-link.social-attachment-ext-doc::before,
.social-attachment-link.social-attachment-ext-docx::before {
	color: #2563eb;
}

.social-attachment-link.social-attachment-ext-xls,
.social-attachment-link.social-attachment-ext-xlsx {
	color: #15803d !important;
	border-color: #bbf7d0;
	background: #f0fdf4;
}

.social-attachment-link.social-attachment-ext-xls::before,
.social-attachment-link.social-attachment-ext-xlsx::before {
	color: #16a34a;
}

.social-attachment-link.social-attachment-ext-csv {
	color: #0f766e !important;
	border-color: #99f6e4;
	background: #f0fdfa;
}

.social-attachment-link.social-attachment-ext-csv::before {
	color: #0d9488;
}

.social-attachment-link.social-attachment-ext-ppt,
.social-attachment-link.social-attachment-ext-pptx {
	color: #c2410c !important;
	border-color: #fed7aa;
	background: #fff7ed;
}

.social-attachment-link.social-attachment-ext-ppt::before,
.social-attachment-link.social-attachment-ext-pptx::before {
	color: #ea580c;
}

.social-attachment-link.social-attachment-ext-txt {
	color: #475569 !important;
	border-color: #cbd5e1;
	background: #f8fafc;
}

.social-attachment-link.social-attachment-ext-txt::before {
	color: #64748b;
}

.social-attachment-link.social-attachment-ext-zip,
.social-attachment-link.social-attachment-ext-rar,
.social-attachment-link.social-attachment-ext-7z {
	color: #6d28d9 !important;
	border-color: #ddd6fe;
	background: #f5f3ff;
}

.social-attachment-link.social-attachment-ext-zip::before,
.social-attachment-link.social-attachment-ext-rar::before,
.social-attachment-link.social-attachment-ext-7z::before {
	color: #7c3aed;
}

.social-attachment-ext-pdf::before {
	content: "\ecfd";
}

.social-attachment-ext-doc::before,
.social-attachment-ext-docx::before {
	content: "\ed1d";
}

.social-attachment-ext-xls::before,
.social-attachment-ext-xlsx::before {
	content: "\ecdf";
}

.social-attachment-ext-csv::before {
	content: "\eced";
}

.social-attachment-ext-ppt::before,
.social-attachment-ext-pptx::before {
	content: "\ed01";
}

.social-attachment-ext-txt::before {
	content: "\ed0f";
}

.social-attachment-ext-zip::before,
.social-attachment-ext-rar::before,
.social-attachment-ext-7z::before {
	content: "\ed1f";
}

.aie-content .social-attachment-link,
.social-comment .social-comment-text .social-attachment-link,
.social-comment .social-comment-quote .social-attachment-link,
.social-publish-editor-wrap .social-attachment-link {
	display: inline-flex;
	margin: 2px;
	font-weight: 400;
	line-height: 1.2;
	text-decoration: none;
}



/* 用户个性签名 */
.social-user-signature {
	color: #909399;
	font-size: 13px;
	line-height: 24px;
	text-decoration: none;
}

.social-user-signature a {
	color: #909399;
	text-decoration: underline;
}

.social-user-signature p {
	margin: 0;
}

.social-user-signature.is-empty,
.single-sign.is-empty,
.social-author-card-bio.is-empty,
.social-author-m-bio.is-empty,
.social-uc-m-profile-bio.is-empty {
	color: #909399;
	font-size: 13px;
	line-height: 24px;
}

/* 富文本降级 textarea */
textarea.social-aieditor-fallback,
.social-aieditor-fallback {
	display: block !important;
	box-sizing: border-box;
	width: 100%;
	min-height: 120px;
	padding: 10px 12px;
	border: 1px solid var(--br-c, #dcdfe6);
	border-radius: 4px;
	background: #fff;
	color: #303133;
	font-size: 14px;
	line-height: 1.6;
	resize: vertical;
}

textarea.social-aieditor-fallback:focus,
.social-aieditor-fallback:focus {
	outline: none;
	border-color: var(--pm-c, #409eff);
	box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.12);
}

.social-publish-content-input.social-aieditor-fallback {
	min-height: 280px;
}

.social-comment-content-fallback {
	min-height: 120px;
}

.is-aieditor-fallback #publish-aieditor,
.is-aieditor-fallback #comment-aieditor,
.is-aieditor-fallback #uc-signature-aieditor {
	display: none !important;
}

.social-uc-signature-editor.is-aieditor-fallback textarea.social-aieditor-fallback {
	min-height: 120px;
	max-height: 200px;
}

/* AiEditor 浮动工具栏 */
.aie-bubble-menu-item svg {
	display: none !important;
}

.aie-bubble-menu {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
}

.aie-bubble-menu-item {
	padding: 4px 10px;
	font-size: 13px;
	line-height: 1.4;
	color: #303133;
	cursor: pointer;
	white-space: nowrap;
	border-radius: 4px;
}

.aie-bubble-menu-item:hover {
	background: #f5f7fa;
}

.aie-bubble-menu-item.active {
	color: var(--pm-c, #409eff);
	font-weight: 600;
}

.aie-bubble-menu-item::after {
	font-size: inherit;
	line-height: inherit;
}

.aie-bubble-menu-item#bold::after {
	content: '加粗';
}

.aie-bubble-menu-item#italic::after {
	content: '斜体';
}

.aie-bubble-menu-item#underline::after {
	content: '下划线';
}

.aie-bubble-menu-item#strike::after {
	content: '删除线';
}

.aie-bubble-menu-item#code::after {
	content: '行内代码';
}

.aie-bubble-menu-item#edit::after {
	content: '编辑链接';
}

.aie-bubble-menu-item#unlink::after {
	content: '取消链接';
}

.aie-bubble-menu-item#visit::after {
	content: '打开链接';
}

.aie-bubble-menu-item#AlignLeft::after {
	content: '左对齐';
}

.aie-bubble-menu-item#AlignCenter::after {
	content: '居中';
}

.aie-bubble-menu-item#AlignRight::after {
	content: '右对齐';
}

.aie-bubble-menu-item#delete::after {
	content: '删除';
}

.aie-bubble-menu-item#imageLink::after {
	content: '图片链接';
}

.aie-bubble-menu-item#ai::after {
	content: 'AI';
}

.aie-bubble-menu-item#translate::after {
	content: '翻译';
}

.aie-bubble-menu-item#highlight::after {
	content: '高亮';
}

.aie-bubble-menu-item#font-color::after {
	content: '文字颜色';
}

.social-uc-m .aie-bubble-menu-item,
.social-comment .aie-bubble-menu-item {
	padding: .08rem .2rem;
	font-size: .26rem;
	border-radius: .08rem;
}

/* 微博表情工具栏 */
.social-aie-weibo-emotion-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: var(--aie-menus-svg-color, #333);
	position: relative;
}

.social-aie-weibo-emotion-btn[data-title]:hover::before,
.social-aie-weibo-emotion-btn[data-title]:hover::after {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	pointer-events: none;
	z-index: 41;
}

.social-aie-weibo-emotion-btn[data-title]:hover::after {
	content: attr(data-title);
	bottom: calc(100% + 8px);
	padding: 4px 8px;
	font-size: 12px;
	line-height: 1.4;
	white-space: nowrap;
	color: var(--aie-menus-tip-text-color, #eee);
	background: var(--aie-menus-tip-bg-color, #333);
	border-radius: 4px;
}

.social-aie-weibo-emotion-btn[data-title]:hover::before {
	content: '';
	bottom: calc(100% + 2px);
	border: 4px solid transparent;
	border-top-color: var(--aie-menus-tip-bg-color, #333);
}

.social-aie-weibo-emotion-btn > div {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 16px;
}

.social-aie-weibo-emotion-btn svg {
	display: block;
}

.social-aie-weibo-emotion-panel {
	width: min(360px, calc(100vw - 16px));
	max-height: min(280px, calc(100vh - 16px));
	overflow-x: hidden;
	overflow-y: auto;
	padding: 8px;
	background: var(--aie-popover-bg-color, #fff);
	border: 1px solid var(--aie-popover-border-color, #e9e9e9);
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	touch-action: pan-y;
}

.social-aie-weibo-emotion-panel--fixed {
	position: fixed;
	z-index: 10050;
}

@media (max-width: 768px) {
	.social-aie-weibo-emotion-panel {
		width: calc(100vw - 16px);
		max-height: min(50vh, 240px);
	}

	.social-aie-weibo-emotion-grid {
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}
}

.social-aie-weibo-emotion-status {
	padding: 16px 8px;
	font-size: 13px;
	color: #909399;
	text-align: center;
}

.social-aie-weibo-emotion-grid {
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
}

.social-aie-weibo-emotion-item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	aspect-ratio: 1;
	padding: 4px;
	border: 0;
	border-radius: 6px;
	background: transparent;
	cursor: pointer;
}

.social-aie-weibo-emotion-item:hover {
	background: var(--aie-menus-item-hover-color, #eee);
}

.social-aie-weibo-emotion-item img {
	display: block;
	width: 22px;
	height: 22px;
	max-width: 22px;
	max-height: 22px;
	object-fit: contain;
	pointer-events: none;
}

img.social-weibo-emotion,
.aie-content img.social-weibo-emotion,
.single-content img.social-weibo-emotion,
.social-comment-body img.social-weibo-emotion,
.social-comment-text img.social-weibo-emotion,
.social-publish-editor-wrap img.social-weibo-emotion {
	display: inline-block;
	width: 22px;
	height: 22px;
	max-width: 22px;
	max-height: 22px;
	margin: 0 2px;
	padding: 0;
	border: 0;
	vertical-align: -0.2em;
	line-height: 1;
	object-fit: contain;
}

.aie-content img:not(.social-weibo-emotion),
.social-publish-editor-wrap img:not(.social-weibo-emotion) {
	display: block;
	max-width: 100%;
	height: auto;
}

/* @ 用户工具栏 */
.social-aie-mention-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: var(--aie-menus-svg-color, #333);
	position: relative;
}

.social-aie-mention-btn[data-title]:hover::before,
.social-aie-mention-btn[data-title]:hover::after {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	pointer-events: none;
	z-index: 41;
}

.social-aie-mention-btn[data-title]:hover::after {
	content: attr(data-title);
	bottom: calc(100% + 8px);
	padding: 4px 8px;
	font-size: 12px;
	line-height: 1.4;
	white-space: nowrap;
	color: var(--aie-menus-tip-text-color, #eee);
	background: var(--aie-menus-tip-bg-color, #333);
	border-radius: 4px;
}

.social-aie-mention-btn[data-title]:hover::before {
	content: '';
	bottom: calc(100% + 2px);
	border: 4px solid transparent;
	border-top-color: var(--aie-menus-tip-bg-color, #333);
}

.social-aie-mention-btn > div {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 16px;
}

.social-aie-mention-btn i {
	display: block;
	font-size: 16px;
	line-height: 1;
}

.social-aie-mention-panel {
	width: min(320px, calc(100vw - 16px));
	max-height: min(360px, calc(100vh - 16px));
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background: var(--aie-popover-bg-color, #fff);
	border: 1px solid var(--aie-popover-border-color, #e9e9e9);
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
}

.social-aie-mention-panel--fixed {
	position: fixed;
	z-index: 10050;
}

.social-aie-mention-search-wrap {
	padding: 10px 10px 0;
}

.social-aie-mention-input {
	width: 100%;
	height: 34px;
	padding: 0 10px;
	border: 1px solid var(--aie-input-border-color, #e9e9e9);
	border-radius: 6px;
	font-size: 14px;
	box-sizing: border-box;
	outline: none;
}

.social-aie-mention-input:focus {
	border-color: #409eff;
}

.social-aie-mention-list {
	flex: 1 1 auto;
	min-height: 120px;
	max-height: 240px;
	margin-top: 8px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.social-aie-mention-item {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	padding: 8px 12px;
	border: 0;
	background: transparent;
	text-align: left;
	cursor: pointer;
	box-sizing: border-box;
}

.social-aie-mention-item:hover,
.social-aie-mention-item.is-selected {
	background: var(--aie-menus-item-hover-color, #f5f7fa);
}

.social-aie-mention-avatar {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	object-fit: cover;
	flex: 0 0 32px;
}

.social-aie-mention-meta {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.social-aie-mention-name {
	font-size: 14px;
	color: #303133;
	line-height: 1.3;
}

.social-aie-mention-login {
	font-size: 12px;
	color: #909399;
	line-height: 1.3;
}

.social-aie-mention-self {
	display: inline-block;
	margin-left: 4px;
	padding: 0 4px;
	font-size: 11px;
	color: #409eff;
	background: rgba(64, 158, 255, 0.1);
	border-radius: 3px;
}

.social-aie-mention-empty,
.social-aie-mention-status {
	padding: 24px 12px;
	font-size: 13px;
	color: #909399;
	text-align: center;
}

.social-aie-mention-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	padding: 10px;
	border-top: 1px solid var(--aie-popover-border-color, #e9e9e9);
}

.social-aie-mention-cancel,
.social-aie-mention-confirm {
	height: 32px;
	padding: 0 14px;
	border-radius: 6px;
	font-size: 13px;
	cursor: pointer;
}

.social-aie-mention-cancel {
	border: 1px solid #dcdfe6;
	background: #fff;
	color: #606266;
}

.social-aie-mention-confirm {
	border: 1px solid #409eff;
	background: #409eff;
	color: #fff;
}

.social-aie-mention-confirm:disabled {
	opacity: 0.55;
	cursor: not-allowed;
}

.social-aie-mention-fallback-wrap {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.social-aie-mention-fallback-btn {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	align-self: flex-start;
	height: 28px;
	padding: 0 10px;
	border: 1px solid #dcdfe6;
	border-radius: 6px;
	background: #fff;
	color: #606266;
	font-size: 13px;
	cursor: pointer;
}

.social-aie-mention-fallback-btn i {
	font-size: 15px;
	line-height: 1;
}

.social-aie-mention-fallback-btn:hover {
	border-color: #409eff;
	color: #409eff;
}

.aie-content a.social-mention,
.social-comment-text a.social-mention,
.social-publish-editor-wrap a.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, #409eff);
	background: #f4f7ff;
	text-decoration: none;
}

@media (max-width: 768px) {
	.social-aie-mention-panel {
		width: calc(100vw - 16px);
		max-height: min(60vh, 360px);
	}
}