@charset "utf-8";
/*
 * 目录（与 PC 主题 style.css 章节对齐，便于双端对照）
 * 01  CSS 变量
 * 02  基础 / 重置 / 工具类 / 用户徽章
 * 03  公共组件 / UIkit rem 适配
 * 04  页头 Header
 * 05  通用模块 .module
 * 06  首页 - 推荐区
 * 07  （移动端无左侧分类导航）
 * 08  首页 - 帖子列表
 * 09  （移动端无侧栏 Sidebar）
 * 10  帖子详情 .single-thread
 * 11  评论 .social-comment
 * 12  发帖页 .social-publish-m
 * 13  签到 .social-checkin-m
 * 14  页脚 Tabbar .foot-menu
 * 15–16  用户中心 / 登录注册 → assets/css/uc.css
 * 17  （移动端无后台推荐文字位）
 * 18  UIkit 覆盖
 * 19  版块 .boards-menu
 * 20  作者公开主页 .social-author-m
 * 21  搜索 / 归档 / 分页
 */


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


/* ==========================================================================
   02. 基础样式 / 重置 / 工具类 / 用户徽章
   ========================================================================== */
/* rem 基准：设计稿 375px，1rem = 50px（与 mobile.js setRem 一致，避免 JS 执行前布局闪动） */
html {
	font-size: calc(100vw / 7.5);
}
html, body {
	background-color: var(--bg-c);
	font-size: .28rem;
	font-family: arial;
	color: #303133;
}
* {
	line-height: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-size: .32rem;
}
img {
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
}
ul, ol {
	padding: 0;
	margin: 0;
	list-style: none;
}
a, a:hover {
	line-height: normal;
	color: #303133;
	font-size: .28rem;
	text-decoration: none;
}
a:hover {
	color: var(--pm-c);
}


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


.user-level {
    display: inline-block;
    font-size: .2rem;
    height: .28rem;
    line-height: .3rem;
    padding: 0 .08rem;
    font-weight: normal;
    border-radius: .06rem;
    color: var(--pm-c);
    background: #f4f7ff;
    border: 1px solid #ccdaff;
}
.user-role-badge {
	display: inline-block;
	flex-shrink: 0;
	vertical-align: middle;
}
img.user-role-badge {
	width: .32rem;
	height: .32rem;
	padding: 0;
	border: 0;
	background: none;
	object-fit: contain;
}
span.user-role-badge {
	font-size: .2rem;
	height: .28rem;
	line-height: .3rem;
	padding: 0 .08rem;
	font-weight: normal;
	border-radius: .06rem;
}
span.user-role-admin {
    background: #fff4f4;
    border: 1px solid #ffcccc;
    color: #FF5722;
}
span.user-role-moderator,
span.user-role-editor {
    background: #fff4e4;
    border: 1px solid #ffc876;
    color: #FF9800;
}

/* AI 用户徽章（与 PC 主题 social/style.css 视觉一致，尺寸用 rem） */
.user-badge-group {
	display: inline-flex;
	align-items: center;
	gap: .04rem;
	vertical-align: middle;
	flex-shrink: 0;
}
span.user-ai-badge {
	display: inline-block;
	flex-shrink: 0;
	vertical-align: middle;
	font-size: .2rem;
	font-weight: normal;
	height: .28rem;
	line-height: .3rem;
	padding: 0 .08rem;
	border-radius: .06rem;
	letter-spacing: 0.02em;
	color: #5b21b6;
	background: linear-gradient(135deg, #f3e8ff 0%, #ede9fe 100%);
	border: 1px solid #c4b5fd;
}

/* ==========================================================================
   03. 公共组件 / UIkit rem 适配（375 设计稿，根字号由 mobile.js 设置）
   ========================================================================== */

/* --- Flex --- */
.uk-flex {
	display: flex;
}
.uk-flex-1 {
	flex: 1;
	min-width: 0;
}
.uk-flex-middle {
	align-items: center;
}
.uk-flex-center {
	justify-content: center;
}
.uk-flex-wrap {
	flex-wrap: wrap;
}
.uk-flex-cover {
	flex: 1;
	overflow: hidden;
	position: relative;
	min-width: 0;
}

/* --- 文字 --- */
.uk-text-truncate {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.uk-text-meta {
	font-size: .24rem;
	line-height: 1.4;
	color: #909399;
}
.uk-text-small {
	font-size: .26rem;
	line-height: 1.5;
}
.uk-text-warning {
	color: #faa05a !important;
}

/* --- 间距 --- */
.uk-margin {
	margin-bottom: .4rem;
}
* + .uk-margin {
	margin-top: .4rem !important;
}
.uk-margin-small {
	margin-bottom: .2rem;
}
* + .uk-margin-small {
	margin-top: .2rem !important;
}
.uk-margin-small-top {
	margin-top: .2rem !important;
}
.uk-margin-top {
	margin-top: .4rem !important;
}
.uk-margin-bottom {
	margin-bottom: .4rem !important;
}
.uk-margin-remove-bottom {
	margin-bottom: 0 !important;
}

/* --- Grid / 宽度 --- */
.uk-grid {
	margin-left: -.3rem;
}
.uk-grid > * {
	padding-left: .3rem;
}
.uk-grid-small {
	margin-left: -.3rem;
}
.uk-grid-small > * {
	padding-left: .3rem;
}
* + .uk-grid-margin,
.uk-grid + .uk-grid,
.uk-grid + .uk-grid-row-small,
.uk-grid + .uk-grid-small,
.uk-grid-row-small > .uk-grid-margin,
.uk-grid-small > .uk-grid-margin {
	margin-top: .3rem;
}
.uk-width-1-1 {
	width: 100%;
	box-sizing: border-box;
}
.uk-width-1-2 {
	width: 50%;
	box-sizing: border-box;
}
.uk-width-1-3 {
	width: 33.3333%;
	box-sizing: border-box;
}
.uk-width-2-3 {
	width: 66.6667%;
	box-sizing: border-box;
}
.uk-width-1-4 {
	width: 25%;
	box-sizing: border-box;
}
.uk-child-width-1-2 > *,
.uk-child-width-1-2\@s > * {
	width: 50%;
	box-sizing: border-box;
}
.uk-width-1-3\@m {
	width: 33.3333%;
	box-sizing: border-box;
}
.uk-width-2-3\@m {
	width: 66.6667%;
	box-sizing: border-box;
}

/* --- 表单 --- */
.uk-form-stacked .uk-form-label {
	display: block;
	margin-bottom: .1rem;
}
.uk-form-label {
	display: inline-block;
	margin-bottom: .1rem;
	font-size: .28rem;
	color: #303133;
}
.uk-form-controls {
	margin-left: 0;
}
.uk-textarea,
.uk-input,
.uk-select {
	box-sizing: border-box;
	max-width: 100%;
	width: 100%;
	margin: 0;
	padding: 0 .2rem;
	border: 1px solid var(--br-c);
	border-radius: .08rem;
	background: #fff;
	color: #303133;
	font-size: .28rem;
	transition: border-color .2s ease-in-out;
}
.uk-input,
.uk-select:not([multiple]):not([size]) {
	height: .8rem;
	line-height: .8rem;
	vertical-align: middle;
	display: inline-block;
}
.uk-select[multiple],
.uk-select[size],
.uk-textarea {
	padding-top: .12rem;
	padding-bottom: .12rem;
	line-height: 1.5;
	vertical-align: top;
}
.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
	outline: 0;
	border-color: var(--pm-c);
}
.uk-input:disabled,
.uk-select:disabled,
.uk-textarea:disabled {
	background-color: #f8f8f8;
	color: #909399;
}
.uk-form-width-small {
	width: 2.6rem;
}

/* --- 按钮 --- */
.uk-button {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	padding: 0 .6rem;
	border: 1px solid transparent;
	border-radius: .08rem;
	font-size: .28rem;
	line-height: .76rem;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	vertical-align: middle;
}
.uk-button:not(:disabled) {
	cursor: pointer;
}
.uk-button-primary {
	background-color: var(--pm-c);
	border-color: var(--pm-c);
	color: #fff;
}
.uk-button-default {
	background-color: #fff;
	border-color: var(--br-c);
	color: #303133;
}

/* --- 表格 --- */
.uk-table {
	width: 100%;
	margin-bottom: .4rem;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: .28rem;
}
.uk-table th,
.uk-table td {
	padding: .24rem .2rem;
	vertical-align: top;
}
.uk-table th {
	font-size: .26rem;
	font-weight: 400;
	color: #909399;
	text-align: left;
}
.uk-table td > :last-child,
.uk-table th > :last-child {
	margin-bottom: 0;
}
.uk-table-middle,
.uk-table-middle td,
.uk-table-middle th {
	vertical-align: middle !important;
}
.uk-table-divider > :first-child > tr:not(:first-child),
.uk-table-divider > :not(:first-child) > tr,
.uk-table-divider > tr:not(:first-child) {
	border-top: 1px solid var(--br-c);
}
.uk-table-striped tbody tr:nth-of-type(odd),
.uk-table-striped > tr:nth-of-type(odd) {
	background: #f8f8f8;
}
.uk-table-hover tbody tr:hover,
.uk-table-hover > tr:hover {
	background: #f4f7ff;
}

/* --- 导航 / 其它 --- */
.uk-nav-default {
	margin-left: 0;
	margin-right: 0;
}
.uk-overflow-auto {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.uk-hidden {
	display: none !important;
}


/* ==========================================================================
   04. 页头 Header
   ========================================================================== */

.header {
	align-items: center;
	background: var(--pm-c);
	padding: .3rem .24rem;
}
.header i {
	color: #fff;
	font-size: .4rem;
}
.header-inbox {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: #fff;
	text-decoration: none;
}
.header-inbox i {
	color: #fff;
	font-size: .4rem;
}
.header-inbox-badge {
	position: absolute;
	top: -.08rem;
	right: -.12rem;
	min-width: .28rem;
	height: .28rem;
	padding: 0 .1rem;
	border-radius: .2rem;
	font-size: .18rem;
	line-height: .32rem;
	text-align: center;
	color: #fff;
	background: #ed4014;
	font-weight: 600;
	font-style: normal;
	box-sizing: border-box;
}
.header .logo {
	display: flex;
	align-items: end;
	flex: 1;
	overflow: hidden;
	height: .44rem;
	gap: .16rem;
	min-width: 0;
}
.header .logo > a:first-child {
	display: inline-block;
	height: 100%;
	line-height: 0;
	flex-shrink: 0;
}
.header-desktop-switch {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	font-size: .24rem;
	color: #fff;
	line-height: .24rem;
	opacity: .68;
	text-decoration: none;
	white-space: nowrap;
	transform: translateY(1px);
}
.header-desktop-switch::before {
	content: '|';
	margin-right: .12rem;
	opacity: .5;
}
.header-desktop-switch:active {
	opacity: 0.75;
}
.social-desktop-view-modal .uk-modal-dialog {
	border-radius: .16rem;
}
.social-desktop-view-modal .uk-modal-title {
	font-size: .32rem;
	margin-bottom: .2rem;
}
.social-desktop-view-modal p {
	font-size: .26rem;
	line-height: 1.6;
	color: #666;
	margin-bottom: .28rem;
}
.social-desktop-view-modal .uk-button {
	font-size: .26rem;
}
.header .logo > a:first-child img {
	display: block;
	height: 100%;
	width: auto;
}

.header .top-right {
	display: flex;
	align-items: center;
}
.header .top-right .avatar {
	margin-left: .3rem;
}
.header .top-right .avatar img {
	border-radius: 50%;
	height: .5rem;
	width: .5rem;
}

.navbar {
	background: #fff;
	padding: 0 .24rem;
	border-bottom: 1px solid var(--br-c);
}
.navbar ul {
	overflow: scroll;
	white-space: nowrap;
}
.navbar ul li {
	display: inline-block;
	vertical-align: top;
}
.navbar ul li a {
	display: block;
	padding: .22rem .24rem;
	color: #606266;
	border-bottom: .08rem solid transparent;
}
.navbar ul li .sub-menu {
	display: block;
	margin: 0;
	padding: 0 0 .12rem;
	overflow: visible;
	white-space: nowrap;
}
.navbar ul li .sub-menu li {
	display: block;
}
.navbar ul li .sub-menu li a {
	padding: 0 .24rem .12rem;
	border-bottom: 0;
	color: #909399;
	font-size: .24rem;
}
.navbar ul .current-post-parent a, .navbar ul li a:hover, .navbar ul .current-menu-item a {
    border-color: var(--pm-c);
    background-color: #f4f7ff;
    color: var(--pm-c);
    font-weight: bold;
}


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

.top-recom {
	position: relative;
	margin: .1rem;
}
.top-recom .uk-slideshow-items {
	height: 2.25rem;
}
.top-recom .item {}
.top-recom .item img {
	border-radius: .08rem;
}
.top-recom .uk-slideshow-nav {
	position: absolute;
	bottom: .1rem;
	left: 50%;
	transform: translate(-50%,0);
}
.top-recom .uk-slideshow-nav li {
	display: inline-block;
	margin: 0 .03rem;
}
.top-recom .uk-slideshow-nav li a {
	display: block;
	width: .15rem;
	height: .15rem;
	background: #eee;
	border-radius: 50%;
}
.top-recom .uk-slideshow-nav .uk-active a {
	background: var(--pm-c);
	width: .4rem;
	border-radius: .06rem;
}

.recom-box {
	display: block;
	position: relative;
	overflow: hidden;
	min-height: 2.25rem;
	background: #eee;
	border-radius: .08rem;
}
.recom-box::after {
    content: 'AD';
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #000;
    color: #fff;
    font-weight: normal;
    font-size: .18rem;
    padding: .04rem .08rem;
    display: inline-block;
    opacity: .2;
}
.recom-box::before {
	content: '虚位以待';
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: .26rem;
	color: #909399;
}
.recom-box img {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 2.25rem;
	object-fit: cover;
	border-radius: .08rem;
}


/* ==========================================================================
   05. 通用模块 .module
   ========================================================================== */

.module {
	margin: .1rem;
	border: 1px solid var(--br-c);
	border-radius: .08rem;
	padding: .28rem;
	background: #fff;
}
.module-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .16rem;
	background: #fff;
	padding-bottom: .28rem;
	margin-bottom: .28rem;
	border-bottom: 1px solid var(--br-c);
}
.module-title .title {
	flex: 1;
	min-width: 0;
	font-size: .34rem;
}


/* ==========================================================================
   分类归档头部 .module-category-head
   ========================================================================== */

.module-category-head {
	margin: .1rem;
}



.category-thread-head {
	display: flex;
	position: relative;
	align-items: flex-start;
}

.category-thread-head-main {
	flex: 1;
	min-width: 0;
}

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

.category-thread-head-title {
	margin: 0;
	font-size: .34rem;
	font-weight: bold;
	line-height: 1.35;
	color: #303133;
	flex: 1;
	min-width: 0;
}

.category-thread-head-moderators {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	max-width: 52%;
	min-width: 0;
	font-size: .24rem;
	line-height: 1;
	color: #909399;
	white-space: nowrap;
}

.category-thread-head-moderators-label {
	flex-shrink: 0;
}

.category-thread-head-moderators-avatars {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	padding-left: .12rem;
}

.category-thread-head-moderator-avatar {
	display: block;
	width: .38rem;
	height: .38rem;
	margin-left: -.12rem;
	border: 1px solid #fff;
	border-radius: 50%;
	overflow: hidden;
	background: #f5f7fa;
	box-sizing: border-box;
}

.category-thread-head-moderator-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.module-category-head .category-publish-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	padding: .12rem .2rem;
	font-size: .24rem;
	line-height: 1.2;
	color: #fff;
	text-decoration: none;
	border-radius: .08rem;
	background-image: linear-gradient(15deg, #00ebff 0% 20.32%, #8972ff 80.02%, #ae8dff 100%);
}

.module-category-head .category-publish {
	position: absolute;
	top: 0;
	right: 0;
}

.module-category-head .category-publish a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: .12rem .2rem;
	font-size: .24rem;
	line-height: 1.2;
	color: #fff;
	text-decoration: none;
	border-radius: .08rem;
	background-image: linear-gradient(15deg, #00ebff 0% 20.32%, #8972ff 80.02%, #ae8dff 100%);
}


.category-thread-moderators-top {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: .08rem;
	flex-shrink: 0;
	max-width: 58%;
	text-align: right;
}

.category-thread-moderators-top .category-thread-moderators-list {
	justify-content: flex-end;
}

.category-thread-head-foot {
	display: flex;
	justify-content: space-between;
	gap: .2rem;
	margin-top: .24rem;
	padding-top: .24rem;
	border-top: 1px solid var(--br-c);
}

.category-thread-stats {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .18rem;
	margin: .14rem 0 0;
	padding: 0;
	list-style: none;
	font-size: .24rem;
	color: #909399;
}

.category-thread-meta-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .16rem;
	margin-top: .18rem;
}

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

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

.category-thread-moderators-label,
.category-thread-moderator {
	font-size: .24rem;
}

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


/* ==========================================================================
   分类归档筛选 .module-category-filters
   ========================================================================== */

.module-category-filters {
	padding-bottom: .24rem;
	margin-bottom: .24rem;
	border-bottom: 1px solid var(--br-c);
}

.module-category-filters .category-thread-filters {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 0;
}

.module-category-filters .category-thread-filter {
	position: relative;
	display: block;
	padding: 0 .24rem;
	font-size: .26rem;
	line-height: 1.4;
	color: #909399;
	text-decoration: none;
}

.module-category-filters .category-thread-filter:first-child {
	padding-left: 0;
}

.module-category-filters .category-thread-filter:last-child {
	padding-right: 0;
}

.module-category-filters .category-thread-filter:not(:last-child)::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: .24rem;
	background: var(--br-c);
}

.module-category-filters .category-thread-filter.is-active,
.module-category-filters .category-thread-filter:hover {
	color: var(--pm-c);
}

.module-category-filters .category-thread-filter.is-active {
	font-weight: bold;
}


/* ==========================================================================
   08. 首页 - 帖子列表
   ========================================================================== */

.post-list {
	background: #fff;
}
.post-list .post-item {
	border-bottom: 1px solid var(--br-c);
	display: flex;
	margin-bottom: .4rem;
	padding-bottom: .4rem;
}
.post-list .post-item .post-badge {
	margin-bottom: .1rem;
}
.post-list .post-item .social-post-badge {
	display: inline-block;
	flex-shrink: 0;
	height: .4rem;
	line-height: .42rem;
	padding: 0 .1rem;
	border-radius: .08rem;
	font-size: .22rem;
	font-weight: normal;
	color: #fff;
	background-color: #909399;
}
.post-list .post-item .social-post-badge.badge-gold {
	background: #FFA500;
	color: #fff;
}
.post-list .post-item .social-post-badge.badge-gold.is-bounty-finished,
.post-list .post-item.is-bounty-finished .social-post-badge.badge-gold {
	color: #909399;
	background: #e4e7ed;
}
.post-list .post-item .social-post-badge.social-post-badge-reward {
	background: #ff5722;
	color: #fff;
}
.post-list .post-item .social-post-badge.badge-paywall {
    background-color: #009688;
}
.post-list .post-item .social-post-badge.badge-poll {
	background-color: #7c4dff;
	color: #fff;
}
.post-list .post-item .social-post-badge.social-post-badge-god {
	background-color: #5FBA00;
	color: #fff;
}
.post-list .post-item .social-post-badge.badge-essence {
	background-color: #ff5722;
	color: #fff;
}
.post-list .post-item .social-post-badge.badge-sticky {
	background-color: #409eff;
	color: #fff;
}

.post-list .post-item .post-title {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .08rem .06rem;
	margin-bottom: .15rem;
}
.post-list .post-item .post-title a {
	font-size: .32rem;
	font-weight: bold;
}

.post-list .post-item .post-desc {
	color: #909399;
	font-size: .26rem;
	line-height: .46rem;
}

.post-list .post-item .post-meta {
	display: flex;
	align-items: center;
	margin-top: .2rem;
	border: 1px dashed var(--br-c);
    background-color: #fcfcfc;
    border-radius: .08rem;
    overflow: hidden;
    padding: .14rem .16rem;
}
.post-list .post-item .post-meta .meta-item {
	height: .4rem;
	overflow: hidden;
	display: flex;
	align-items: center;
	color: #909399;
	font-size: .26rem;
}
.post-list .post-item .post-meta .meta-item.uk-flex-1 {
	overflow: visible;
}
.post-list .post-item .post-meta .meta-item .user-info {
	display: flex;
	align-items: center;
	gap: .1rem;
	margin-right: .1rem;
}
.post-list .post-item .post-meta .meta-item .user-info .avatar {
	width: .4rem;
	height: .4rem;
	border-radius: 50%;
}
.post-list .post-item .post-meta .meta-item .user-info .name {
	display: inline-block;
	flex-shrink: 0;
	max-width: 2rem;
	height: .4rem;
	line-height: .4rem;
	color: #909399;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.user-site-owner-name {
	color: #ff9800 !important;
	font-weight: bold;
}
.post-list .post-item .post-meta .post-stat-comments::after {
	content: '';
	display: inline-block;
	height: .2rem;
	width: 1px;
	background: #dae1e5;
	margin: 0 .12rem;
}
.post-list .post-item .post-meta .post-stat-comments,
.post-list .post-item .post-meta .post-stat-views {
	flex-shrink: 0;
	white-space: nowrap;
}
.post-list .post-item .item-right {
	flex: 1;
	min-width: 0;
}

.post-list .post-item .post-comment {
	display: block;
    text-align: center;
    padding: .12rem .2rem;
    background-color: var(--bg-c);
    border-radius: .08rem;
    color: #909399;
    margin-right: .2rem;
}

.post-list .post-item .post-comment .v {
	display: block;
    font-size: .22rem;
}
.post-list .post-item .post-comment .t {
	font-size: .22rem;
}
.post-list .post-item .comment-have {
    background: #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 .post-bounty-tips {
	margin-top: .1rem;
	border-radius: .04rem;
	font-size: .24rem;
	padding: .08rem;
}
.reply-reward {
	color: #FFA500;
    border: 1px dashed #FFA500;
    background-color: #fff9e0;
}
.bounty-reward {
    color: #ff5722;
    border: 1px dashed #fdba74;
    background-color: #ffedd5;
}

/* 友链权重展示（发帖页 / 列表 / 详情共用） */
.site-weight {
	display: flex;
	margin-top: .1rem;
}
.site-weight .item {
	width: 1rem;
	height: .41rem;
	font-size: .26rem;
	line-height: .42rem;
	text-align: right;
	color: #fff;
	letter-spacing: 11px;
	background-size: 100%;
	margin-right: .1rem;
	background-repeat: no-repeat;
}
.site-weight .bd_pc {
	background-image: url(../images/bd_pc.png);
}
.site-weight .bd_m {
	background-image: url(../images/bd_m.png);
}
.site-weight .sg_pc {
	background-image: url(../images/sg_pc.png);
}
.site-weight .so_pc {
	background-image: url(../images/so_pc.png);
}
.site-weight .bing {
	background-image: url(../images/bing.png);
}



.post-list-more {
	background: #fff;
    text-align: center;
	margin: .1rem;
}
.post-list-more a {
	padding: .24rem;
	display: block;
	background: var(--pm-c);
    font-weight: bold;
    color: #fff;
    border-radius: .08rem;
    font-size: .26rem;
}


/* ==========================================================================
   10. 帖子详情 .single-thread
   ========================================================================== */

.single-thread {
	position: relative;
	padding-bottom: .24rem;
}
.single-thread .single-tags {
	display: flex;
	align-items: center;
	gap: .08rem;
	margin-bottom: .3rem;
}
.single-thread .single-tags-m-header {
	justify-content: space-between;
	gap: .16rem;
}
.single-thread .single-tags-main {
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	align-items: center;
	gap: .08rem;
	min-width: 0;
}
.single-thread .single-tags-stats {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	gap: .12rem;
	color: #909399;
	white-space: nowrap;
}
.single-thread .single-tags-stats span {
	position: relative;
	display: inline-block;
	font-size: .24rem;
}
.single-thread .single-tags-stats span:after {
    content: '';
    display: inline-block;
    height: .2rem;
    width: 1px;
    background: #dae1e5;
    margin: 0 .12rem 0 .2rem;
}
.single-thread .single-tags-stats span:last-child:after {
	display: none;
}

.single-thread .single-tags .single-cat a {
	display: inline-block;
	height: .4rem;
	line-height: .42rem;
	padding: 0 .1rem;
	border-radius: .08rem;
	font-size: .22rem;
	color: #fff;
	background: var(--pm-c);
}
.single-thread .single-tags .social-post-badge {
	display: inline-block;
	flex-shrink: 0;
	height: .4rem;
	line-height: .42rem;
	padding: 0 .1rem;
	border-radius: .08rem;
	font-size: .22rem;
	font-weight: normal;
	color: #fff;
	background-color: #909399;
}
.single-thread .single-tags .social-post-badge.badge-gold {
	background: #FFA500;
}
.single-thread .single-tags .social-post-badge.social-post-badge-reward {
	background: #ff5722;
}
.single-thread .single-tags .social-post-badge.badge-paywall {
	background-color: #009688;
}
.single-thread .single-tags .social-post-badge.badge-poll {
	background-color: #7c4dff;
}
.single-thread .single-tags .social-post-badge.social-post-badge-god {
	background-color: #5FBA00;
}
.single-thread .single-tags .social-post-badge.badge-essence {
	background-color: #ff5722;
}
.single-thread .single-tags .social-post-badge.badge-sticky {
	background-color: #409eff;
}

.single-thread .single-title h1 {
    font-size: .4rem;
    line-height: .5rem;
    font-weight: bold;
    margin: 0;
}


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

.single-thread .single-meta .meta-item {
	display: flex;
	align-items: center;
	font-size: .26rem;
	color: #909399;
	cursor: pointer;
}
.single-thread .single-meta .meta-item::after {
	content: '';
	display: inline-block;
	height: .2rem;
	width: 1px;
	background: #dae1e5;
	margin: 0 .16rem;
}
.single-thread .single-meta .meta-item:last-child:after {
	display: none;
}

.single-thread .single-bounty-tips {
	margin-top: .3rem;
   border-radius: .08rem;
   font-size: .26rem;
   padding: .12rem .2rem;
}
.single-thread .single-bounty-tips.reply-reward.is-finished {
	color: #909399;
	border-color: #dcdfe6;
	background-color: #f2f3f5;
}
.single-thread .single-tags .social-post-badge.badge-gold.is-bounty-finished {
	color: #909399;
	background-color: #e4e7ed;
}

/* 友链详情信息表 */
.single-thread .social-post-links {
	margin-top: .24rem;
	overflow: hidden;
	font-size: .26rem;
	border: 1px solid var(--br-c);
	border-radius: .08rem;
	background: #fff;
}
.single-thread .social-post-links .uk-table {
	margin: 0;
	width: 100%;
	table-layout: fixed;
	background-color: #fff;
}
.single-thread .social-post-links .uk-table th,
.single-thread .social-post-links .uk-table td {
	padding: .2rem .24rem;
	vertical-align: middle;
}
.single-thread .social-post-links tr {
	border-bottom: 1px solid var(--br-c);
}
.single-thread .social-post-links tr:last-child {
	border-bottom: none;
}
.single-thread .social-post-links th.row {
	width: 1.56rem;
	min-width: 1.56rem;
	padding: .2rem .16rem;
	border-right: 1px solid var(--br-c);
	font-size: .26rem;
	font-weight: normal;
	color: #606266;
	text-align: left;
	background: #fcfcfc;
	white-space: nowrap;
}
.single-thread .social-post-links td {
	font-size: .26rem;
	color: #303133;
	word-break: break-all;
}
.single-thread .social-post-links .site-weight {
	display: flex;
	flex-wrap: wrap;
	gap: .12rem;
	margin-top: 0;
}
.single-thread .social-post-links .site-weight .item {
	margin-right: 0;
	flex-shrink: 0;
}

/* 主题投票 */
.single-thread .single-poll-block {
	margin-top: .24rem;
	padding: .2rem .24rem;
	border: 1px solid var(--br-c);
	border-radius: .08rem;
	background: #fff;
	overflow: hidden;
}
.single-thread .single-poll-hint,
.single-thread .single-poll-summary {
	color: #909399;
	font-size: .26rem;
}
.single-thread .single-poll-options {
	list-style: none;
	margin: 0;
	padding: 0;
}
.single-thread .single-poll-option {
	margin-bottom: .16rem;
}
.single-thread .single-poll-option-label {
	display: block;
	cursor: default;
	border-bottom: 1px solid var(--br-c);
	padding-bottom: .2rem;
	margin-bottom: .2rem;
}
.single-thread .single-poll-option-label input {
	margin: 0;
}
.single-thread .single-poll-option-main {
	display: flex;
	align-items: center;
	gap: .1rem;
	margin-bottom: .1rem;
}
.single-thread .single-poll-option-text {
	flex: 1;
	min-width: 0;
	font-size: .26rem;
	color: #303133;
	word-break: break-word;
}
.single-thread .single-poll-option-meta {
	display: flex;
	align-items: center;
	gap: .16rem;
	width: 100%;
}
.single-thread .single-poll-bar {
	flex: 1;
	height: .16rem;
	border-top-right-radius: .12rem;
	border-bottom-right-radius: .12rem;
	background: #ddd;
	overflow: hidden;
}
.single-thread .single-poll-bar-fill {
	display: block;
	height: 100%;
	background: #7c4dff;
	border-top-right-radius: .12rem;
	border-bottom-right-radius: .12rem;
}
.single-thread .single-poll-percent,
.single-thread .single-poll-votes {
	font-size: .24rem;
	color: #606266;
	white-space: nowrap;
	width: .6rem;
	text-align: right;
	flex-shrink: 0;
}
.single-thread .single-poll-actions,
.single-thread .single-poll-foot {
	margin-top: .24rem;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .24rem;
}
.single-thread .single-poll-actions .uk-button {
	font-size: .26rem;
	line-height: 1.4;
	padding: .12rem .28rem;
}

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

.single-thread .single-content p {
	font-size: .32rem;
	line-height: .64rem;
	color: #303133;
	margin: .3rem 0;
	word-wrap: break-word;
}

.single-thread .single-content p:first-child, .single-thread .single-content p:last-child {
    margin: 0;
}
.single-content p a {
	color: var(--pm-c);
	font-weight: bold;
}

.single-thread .single-content img:not(.social-weibo-emotion) {
    max-width: 100%;
    height: auto;
	padding: .1rem;
	border: 1px solid var(--br-c);
	margin-bottom: .24rem;
}

.single-thread .single-content video,
.social-comment .social-comment-text video {
	display: block;
	max-width: 100%;
	height: auto;
	margin: .24rem 0;
}
.social-comment .social-comment-text img {
}

/* --- 付费查看 --- */
.single-thread .single-content .single-paywall-lock,
.single-thread .single-content .single-paywall-unlocked {
	margin: .32rem 0;
	padding: .4rem .28rem;
	border-radius: .12rem;
	border: 1px dashed #009688;
	background-color: #fafdfd;
	box-sizing: border-box;
}

.single-thread .single-content .single-paywall-lock-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.single-thread .single-content .single-paywall-lock-inner > i {
	font-size: .5rem;
	color: #009688
}

.single-thread .single-content .single-paywall-lock-title {
	margin: .2rem 0 .12rem;
	font-size: .3rem;
	font-weight: 600;
	line-height: 1.45;
	color: #303133;
}

.single-thread .single-content .single-paywall-lock-price {
	margin: 0 0 .12rem;
	font-size: .28rem;
	line-height: 1.5;
	color: #606266;
}

.single-thread .single-content .single-paywall-lock-price strong {
	color: #ff5722;
	font-size: .36rem;
	font-weight: 700;
}

.single-thread .single-content .single-paywall-lock-hint {
	margin: 0 0 .24rem;
	font-size: .24rem;
	line-height: 1.5;
	color: #909399;
}

.single-thread .single-content .single-paywall-lock-hint strong {
	color: #303133;
	font-weight: 600;
}

.single-thread .single-content .single-paywall-lock-hint a {
	margin-left: .12rem;
	color: var(--pm-c);
	text-decoration: none;
}

.single-thread .single-content .single-paywall-lock-error {
	width: 100%;
	margin: .16rem 0 0;
	font-size: .24rem;
	line-height: 1.45;
	color: #f0506e;
}

.single-thread .single-content .single-paywall-login-link,
.single-thread .single-content .single-paywall-unlock-btn {
	box-sizing: border-box;
	display: block;
	width: 100%;
	max-width: 5.6rem;
	margin: 0 auto;
	padding: 0 .4rem;
	border: 0;
	border-radius: .08rem;
	font-size: .28rem;
	line-height: .76rem;
	text-align: center;
	text-decoration: none;
}

.single-thread .single-content .single-paywall-login-link {
	background: #009688;
	color: #fff;
}

.single-thread .single-content .single-paywall-unlock-btn {
	background-color: #009688;
	border-color: #009688;
	color: #fff;
}

.single-thread .single-content .single-paywall-unlock-btn:disabled {
	opacity: .55;
	cursor: not-allowed;
}

.single-thread .single-content .single-paywall-unlocked {
	text-align: left;
}

.single-thread .single-content .single-paywall-unlocked::before {
	content: '已解锁内容';
	display: inline-block;
	margin-bottom: .16rem;
	padding: .06rem .16rem;
	border-radius: .06rem;
	background: #009688;
	color: #fff;
	font-size: .22rem;
}

.single-thread .single-content .single-paywall-unlocked p {
	margin: .2rem 0;
	font-size: .32rem;
	line-height: .64rem;
	color: #303133;
}

.single-thread .single-content .single-paywall-unlocked p:first-child {
	margin-top: 0;
}

.single-thread .single-content .single-paywall-unlocked p:last-child {
	margin-bottom: 0;
}

.single-thread .single-content .single-paywall-unlocked img {
	max-width: 100%;
	height: auto;
}


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

/* --- 主题打赏 --- */
.social-post-tip-list-wrap {
	margin-top: .4rem;
	margin-bottom: .24rem;
}
.social-post-tip-list-head {
	display: inline-flex;
	align-items: center;
	gap: .12rem;
	margin-bottom: .2rem;
	padding: .14rem 1rem .14rem .16rem;
	background: #fdf5e6;
	color: #4e7cff;
	font-size: .28rem;
	font-weight: 600;
	line-height: 1;
	clip-path: polygon(0 0, calc(100% - .22rem) 0, 100% 50%, calc(100% - .22rem) 100%, 0 100%);
}
.social-post-tip-list-head-icon {
	flex-shrink: 0;
	width: .22rem;
	height: .22rem;
	border: .06rem solid #ff7043;
	border-radius: 50%;
	box-sizing: border-box;
}
.social-post-tip-list-head-text {
	color: #ff7043;
}
.social-post-tip-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.social-post-tip-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: .16rem 0;
	border-bottom: 1px dashed var(--br-c);
	font-size: .26rem;
}
.social-post-tip-user {
	display: inline-flex;
	align-items: center;
	min-width: 0;
}
.social-post-tip-user-link {
	display: inline-flex;
	align-items: center;
	gap: .12rem;
	color: var(--primary-c, #6999ee);
	text-decoration: none;
	min-width: 0;
}
.social-post-tip-avatar {
	flex-shrink: 0;
	width: .4rem;
	height: .4rem;
	border-radius: .08rem;
	object-fit: cover;
	background: #f2f3f5;
}
.social-post-tip-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.social-post-tip-user a {
	color: var(--primary-c, #6999ee);
	text-decoration: none;
}
.social-post-tip-amount {
	color: #faad14;
	font-weight: 600;
}
.social-post-tip-empty {
	padding: .24rem 0;
	color: #909399;
	font-size: .26rem;
}
.social-post-tip-modal .social-post-tip-desc {
	margin: 0 0 .32rem;
	color: #606266;
	font-size: .26rem;
}
.social-post-tip-presets {
	display: flex;
	flex-wrap: wrap;
	gap: .1rem;
	margin-bottom: .32rem;
}
.social-post-tip-preset,
.social-comment-tip-preset {
	border: 1px solid #dcdfe6;
	background: #fff;
	border-radius: .08rem;
	padding: .16rem .2rem;
	cursor: pointer;
	font-size: .26rem;
	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: 2rem;
	height: .72rem;
	border: 1px solid #dcdfe6;
	border-radius: .08rem;
	padding: 0 .2rem;
	outline: none;
	font-size: .26rem;
	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-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-post-tip-balance {
	margin: 0 0 .32rem;
	font-size: .26rem;
	color: #606266;
}
.social-post-tip-actions {
	display: flex;
	justify-content: flex-end;
	gap: .16rem;
}



/* --- 作者签名 --- */
.single-thread .single-sign {
	border-top: 1px dashed var(--br-c);
	margin-top: .5rem;
	padding-top: .4rem;
	padding-right: .8rem;
	border-radius: .08rem;
	position: relative;
}
.single-thread .single-sign p {
	margin: 0;
}
.single-thread .single-sign::before {
	content: '';
	display: inline-block;
	height: .14rem;
	width: 60px;
	background-color: #fff;
	background-image: url(../images/sigline.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	top: -.08rem;
	left: 0;
}

/* 文章详情底部更多操作 */
.single-thread-more {
	position: absolute;
	right: .16rem;
	bottom: .16rem;
	z-index: 6;
}
.single-thread-more-dropdown .single-post-highlight-btn.is-active {
	font-weight: bold;
}
.social-post-highlight-modal {
	display: none;
}
.social-post-highlight-modal.uk-open {
	display: block;
}
.social-post-highlight-desc {
	margin: 0 0 .24rem;
	color: #909399;
	font-size: .26rem;
}
.social-post-highlight-colors {
	display: flex;
	flex-wrap: nowrap;
	gap: .2rem;
}
.social-post-highlight-color {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .12rem;
	padding: .2rem .16rem;
	border: 1px solid var(--br-c);
	border-radius: .08rem;
}
.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: .56rem;
	height: .56rem;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.08);
}
.social-post-highlight-label {
	font-size: .24rem;
	color: #606266;
}
.post-list .post-item .post-title a.is-highlight-title,
.single-thread .single-title h1.is-highlight-title {
	font-weight: bold;
}
.single-thread-more-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: .64rem;
	height: .64rem;
	padding: 0;
	border: 0;
	background: #fff;
	color: #606266;
}
.single-thread-more-btn:focus {
	outline: none;
}
.single-thread-more-dropdown {
	min-width: 1.2rem;
	padding: .08rem 0;
	box-shadow: none;
	border: 1px solid var(--br-c);
	border-radius: .08rem;
	padding: 0;
	overflow: hidden;
}
.single-thread-more-dropdown .uk-dropdown-nav {
	margin: 0;
	padding: .1rem 0;
}
.single-thread-more-dropdown .uk-dropdown-nav > li {
}
.single-thread-more-dropdown .uk-dropdown-nav > li:last-child {
	border-bottom: 0;
}
.single-thread-more-dropdown .uk-dropdown-nav > li > a,
.single-thread-more-dropdown .uk-dropdown-nav > li > button.single-thread-more-action {
	display: flex;
	align-items: center;
	gap: .12rem;
	width: 100%;
	padding: .14rem .24rem;
	font-size: .28rem;
	line-height: 1.4;
	color: #909399;
	text-align: left;
	background: none;
	border: 0;
}
.single-thread-more-dropdown .uk-dropdown-nav > li > a i,
.single-thread-more-dropdown .uk-dropdown-nav > li > button.single-thread-more-action i {
	font-size: .32rem;
	line-height: 1;
	flex-shrink: 0;
}
.single-thread-more-dropdown .uk-dropdown-nav > li > button.single-thread-more-action {
	cursor: pointer;
}
.single-thread-more-dropdown .uk-dropdown-nav > li > a:hover,
.single-thread-more-dropdown .uk-dropdown-nav > li > button.single-thread-more-action:hover {
	color: var(--pm-c);
	background: #f4f7ff;
}
.single-thread-more-dropdown .single-post-delete-btn {
	color: #f56c6c;
}
.single-thread-more-dropdown .single-post-delete-btn:hover {
	color: #f56c6c;
	background: #fef0f0;
}
.single-thread-more-dropdown .single-post-delete-btn.is-loading,
.single-thread-more-dropdown .single-post-report-btn.is-loading,
.single-thread-more-dropdown .single-post-sticky-btn.is-loading,
.single-thread-more-dropdown .single-post-essence-btn.is-loading,
.single-thread-more-dropdown .single-post-highlight-btn.is-loading,
.single-thread-more-dropdown .single-post-move-btn.is-loading {
	opacity: .6;
	pointer-events: none;
}
.single-post-tools.list-sort {
	position: absolute;
	right: .3rem;
	top: .3rem;
	z-index: 2;
}
.single-post-tools.list-sort .single-post-tool-btn {
	display: block;
	font-size: .24rem;
	color: #909399;
	padding: 0 .24rem;
	position: relative;
	border-radius: .08rem;
	cursor: pointer;
	user-select: none;
}
.single-post-tools.list-sort li:first-child .single-post-tool-btn {
	padding-left: 0;
}
.single-post-tools.list-sort li:last-child .single-post-tool-btn {
	padding-right: 0;
}
.single-post-tools.list-sort li:not(:last-child) .single-post-tool-btn::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: .24rem;
	background: var(--br-c);
}
.single-post-tools.list-sort .single-post-tool-btn.is-loading {
	opacity: .72;
	pointer-events: none;
}


/* ==========================================================================
   11. 评论 .social-comment
   ========================================================================== */

/* --- 评论列表 --- */

.social-comment {
	margin: 0 !important;
}
.social-comment .social-comment-count {
	font-style: normal;
	color: #909399;
	font-weight: normal;
	font-size: .26rem;
}

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


.list-sort {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}
.list-sort li a {
	display: block;
	font-size: .26rem;
	color: #909399;
	padding: 0 .24rem;
	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: .24rem;
	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;
}



.social-comment .module-title {
	display: flex;
	align-items: center;
}
.social-comment .module-title b {
	flex: 1;
}
.social-comment .social-comment-list .social-comment-item {
	display: flex;
	background-color: #fff;
	padding-bottom: .4rem;
	margin-bottom: .4rem;
	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: .8rem 0;
	text-align: center;
	color: #909399;
	font-size: .28rem;
	list-style: none;
}

.social-comment .social-comment-avatar-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-shrink: 0;
	width: .78rem;
	margin-right: .16rem;
}

.social-comment .social-comment-avatar {
	display: block;
	flex-shrink: 0;
	width: .68rem;
	height: .68rem;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid var(--br-c);
	padding: .02rem;
}

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

.social-comment-display-medal-wrap {
	margin-top: .1rem;
}

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

.social-comment-display-medal img {
	width: 80%;
	height: auto;
}

.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: .24rem;
	padding: .06rem .1rem;
	border-radius: .06rem;
	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: .12rem;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .08rem;
}

.social-comment .social-comment-user-name {
	font-size: .28rem;
	font-weight: bold;
	color: #303133;
	margin-right: .01rem;
	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: .26rem;
	color: #909399;
	position: relative;
}

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

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

.social-comment .social-comment-body {
	margin: .3rem 0;
	padding: .3rem 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: .4rem .4rem;
	background-position: 50%;
}

.social-comment .social-comment-text {
	font-size: .28rem;
	line-height: .48rem;
	color: #303133;
	word-break: break-word;
}

.social-comment .social-comment-text p {
	font-size: .28rem;
	line-height: .6rem;
	color: #303133;
	margin: 0 0 .16rem;
}

.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;
}
a.social-mention, span.social-mention {
    display: inline-block;
    padding: 0 .12rem;
    height: .44rem;
    line-height: .48rem;
    font-weight: bold;
    font-size: .26rem;
    border-radius: .08rem;
    color: var(--pm-c);
    background: #f4f7ff;
}
.social-comment .social-comment-text img {
	max-width: 100%;
	height: auto;
}

/* 引用回复 */
.social-comment .social-comment-quote {
	padding: .3rem;
	margin-bottom: .3rem;
	position: relative;
	display: block;
	font-style: normal;
	font-size: .26rem;
	border-left: .1rem solid var(--br-c);
	background: var(--bg-c);
	color: #606266;
}



.social-comment .social-comment-quote-head {
	display: flex;
	align-items: center;
	gap: .16rem;
	margin-bottom: .2rem;
	color: #909399;
	font-size: .26rem;
}

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

.social-comment .social-comment-quote p {
	font-size: .26rem;
	line-height: .38rem;
	color: #606266;
    margin: .2rem 0;
	word-break: break-all;
}

.social-comment .social-comment-quote p:last-child {
	margin-bottom: 0;
}
/* 操作与签名 */
.social-comment .social-comment-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .3rem;
}

.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: .2rem;
	width: 1px;
	background: #dae1e5;
	margin: 0 .2rem;
}

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

.social-comment .social-comment-action::before {
	margin-right: .04rem;
	font-size: .26rem;
}

.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;
	font-family: inherit;
}

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

.social-comment .social-comment-more-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	background: transparent;
	color: #909399;
	font-size: .26rem;
	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: 1.2rem;
	padding: 0;
	box-shadow: none;
	border: 1px solid var(--br-c);
	border-radius: .08rem;
	overflow: hidden;
}

.social-comment .social-comment-more-dropdown .uk-dropdown-nav {
	margin: 0;
	padding: .08rem 0;
}

.social-comment .social-comment-more-dropdown .uk-dropdown-nav > li > button.social-comment-more-action {
	display: flex;
	align-items: center;
	gap: .16rem;
	width: 100%;
	padding: .16rem .32rem;
	font-size: .24rem;
	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: .28rem;
	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: #f8fbff;
	border-radius: .08rem;
	box-shadow: inset 0 0 0 1px rgba(64, 158, 255, .25);
}

.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: 92vw;
}

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

.social-comment-replies-modal-loading {
	padding: .4rem 0;
	text-align: center;
	color: #909399;
	font-size: .26rem;
}

.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: .3rem;
    background-color: #fefffd;
    border: 1px solid #5fba00;
	margin: .4rem 0;
	position: relative;
	border-radius: .08rem;
}

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

.social-comment .social-comment-god-badge i {
	font-size: .28rem;
}

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

.social-comment .social-comment-bounty-reward.badge-gold {
	display: inline-block;
	margin-top: .2rem;
	padding: .08rem .2rem;
	border-radius: .08rem;
	font-size: .24rem;
	color: #FFA500;
    border: 1px dashed #FFA500;
    background-color: #fff9e0;
}
.social-comment .social-comment-reward-payout.badge-reward {
	display: inline-block;
	margin-top: .2rem;
	padding: .08rem .2rem;
	border-radius: .08rem;
	font-size: .24rem;
	color: #ff5722;
    border: 1px dashed #ff5722;
    background-color: #ffedd5;
}
.social-comment .social-comment-reward-best-badge {
	display: inline-block;
	margin-left: .12rem;
	padding: .04rem .08rem;
	border-radius: .08rem;
	font-size: .22rem;
	font-weight: bold;
	color: #fff;
	background-color: #ff5722;
}
.social-comment .social-comment-reward-accept-btn {
	border: none;
	padding: .08rem .16rem;
	border-radius: .08rem;
	font-size: .24rem;
	font-weight: bold;
	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: .5rem;
	padding-top: .4rem;
	border-radius: .08rem;
	position: relative;
}

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

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

/* --- 评论列表 --- *//* --- 发表回复 --- */
.social-comment .social-comment-closed-message {
	padding: .28rem 0;
	color: #909399;
	font-size: .26rem;
	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;
}

.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: .04rem;
}

.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: 4rem;
	border: 1px solid var(--br-c);
	border-radius: 4px;
	background: #fff;
	overflow: visible;
}

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

.aie-container span {
	font-size: .24rem;
	color: #909399;
	line-height: .42rem;
}
#comment-aieditor {
	height: 4rem;
}
.social-comment .social-comment-editor-placeholder {
	min-height: 2rem;
	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;
}


/* ==========================================================================
   14. 页脚信息 + Tabbar
   ========================================================================== */

.foot-site-info {
	padding: .4rem .24rem;
	background-color: #333;
	color: #909399;
	font-size: .24rem;
	line-height: 1.6;
	text-align: center;
}

.foot-site-credit {
	margin: 0 0 .16rem;
}

.foot-site-credit-link {
	color: #c0c4cc;
	font-weight: bold;
	font-size: .24rem;
}

.foot-site-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: .08rem .04rem;
	font-size: .24rem;
}

.foot-site-nav a,
.foot-site-nav-text {
	color: #909399;
}

.foot-site-nav a::after,
.foot-site-nav-text::after {
	content: '';
	display: inline-block;
	height: .2rem;
	width: 1px;
	margin: 0 .12rem 0 .16rem;
	background-color: #909399;
	opacity: .5;
	vertical-align: middle;
}

.foot-site-nav a:last-child::after,
.foot-site-nav-text:last-child::after {
	display: none;
}

.foot-placeholder {
	height: calc(1.36rem + env(safe-area-inset-bottom, 0px));
}
.foot-menu {
	position: fixed;
	width: 100%;
	z-index: 999;
	bottom: 0;
	left: 0;
	background: #fff;
	border-top: 1px solid var(--br-c);
	padding-bottom: env(safe-area-inset-bottom, 0px);
	box-sizing: border-box;
}
.foot-menu ul {
	display: flex;
	padding: .2rem .24rem;
}
.foot-menu  li {
	flex: 1;
	text-align: center;
}
.foot-menu li a {
	display: inline-block;
	padding: .1rem .2rem;
	text-align: center;
	border-radius: .08rem;
}
.foot-menu li a i {
	width: .36rem;
	height: .36rem;
	margin: 0 auto;
	font-size: .36rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.foot-menu li a span {
	display: block;
	font-size: .24rem;
	color: #909399;
	margin-top: .03rem;
}
.foot-menu .active a {
	background: #f4f7ff;
	color: var(--pm-c);
}
.foot-menu .active a span {
	color: var(--pm-c);
}
.foot-menu .release {}
.foot-menu .release a {
    background: linear-gradient(54.14deg, #71ffff -7.65%, #5fbcff 17.38%, #508bff 45.48%) !important;
    color: #fff !important;
}
.foot-menu .release span {
	color: #fff !important;
}



/* ==========================================================================
   19. 版块 .boards-menu
   ========================================================================== */

/* 版块菜单 */
.boards-menu__list,
.boards-menu__list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.boards-menu__list > li > a {
	display: block;
	padding: .24rem .16rem;
	border-bottom: 1px solid var(--br-c);
	font-size: .3rem;
	font-weight: bold;
}
.boards-menu__list .sub-menu a {
	padding: .2rem .16rem .2rem .32rem;
	font-size: .28rem;
	font-weight: normal;
	color: #606266;
}

/* ==========================================================================
   12. 发帖页 .social-publish-m
   ========================================================================== */

/* 发帖页（移动端） */
.sm-page-publish .main {
	padding: 0;
	background: var(--bg-c);
}
.sm-page-publish .header .navbar {
	display: none;
}
.social-publish-m {
	font-size: .28rem;
	color: #303133;
}

.social-publish-m-body {
	margin: .1rem;
}
.social-publish-m-section {
	padding: .24rem .2rem;
	border: 1px solid var(--br-c);
	border-radius: .12rem;
	background: #fff;
}

.social-publish-m-field {
	margin-bottom: .2rem;
}
.social-publish-m-field:last-child {
	margin-bottom: 0;
}
.social-publish-m-coin-panel .social-publish-paywall-insert-row {
	margin-top: .12rem;
}
.social-publish-poll-option-row button {
	width: 1rem;
	flex-shrink: 0;
    padding: 0 .2rem;
    min-height: .64rem;
    font-size: .24rem;
}
.social-publish-m-coin-panel .social-publish-m-btn {
    background-color: #ff5722 !important;
    border: 1px solid #ff5722 !important;
    color: #fff !important;
}

.social-publish-m-label {
	display: block;
	margin-bottom: .1rem;
	font-size: .26rem;
	color: #606266;
}
.social-publish-m-form .required {
	color: #ed4014;
}
.social-publish-m-input {
	display: block;
	width: 100%;
	font-size: .26rem;
	box-sizing: border-box;
}
.social-publish-m-grid-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: .12rem;
}
.social-publish-m-hint {
	margin: .1rem 0 0;
	font-size: .22rem;
	line-height: 1.45;
	color: #909399;
}
.social-publish-m-coin-radios,
.social-publish-coin-radios {
	display: flex;
	flex-wrap: wrap;
	gap: .24rem;
	margin-bottom: .16rem;
}
.social-publish-m-coin-radio,
.social-publish-coin-radio {
	display: inline-flex;
	align-items: center;
	gap: .1rem;
	font-size: .24rem;
	color: #606266;
	cursor: pointer;
}
.social-publish-m-coin-radio input,
.social-publish-coin-radio input {
	width: .32rem;
	height: .32rem;
	margin: 0;
	flex-shrink: 0;
	accent-color: var(--pm-c);
}
.social-publish-m-coin-panel {
	margin-top: .04rem;
	padding: .2rem;
	border: 1px dashed #fdba74;
	border-radius: .1rem;
	background: #fff8f0;
}
.social-publish-m-coin-summary {
	margin: .12rem 0 0;
	font-size: .22rem;
	line-height: 1.5;
	color: #606266;
}
.social-publish-m-coin-summary a,
.social-publish-m-coin-summary strong {
	color: #fa8c16;
	font-weight: bold;
	font-size: .26rem;
}

.social-publish-poll-panel {}

.social-publish-poll-options {
	margin-top: .12rem;
}

.social-publish-poll-option-row {
	display: flex;
	align-items: center;
	gap: .12rem;
	margin-bottom: .12rem;
}

.social-publish-poll-option-row .social-publish-m-input,
.social-publish-poll-option-row .uk-input {
	flex: 1;
	min-width: 0;
}

.social-publish-poll-option-row .social-publish-m-btn {
	flex-shrink: 0;
	padding: 0 .2rem;
	min-height: .64rem;
	font-size: .24rem;
}

.social-publish-m-editor {
	min-height: 6.4rem;
	overflow: visible;
	border: 1px solid var(--br-c);
	border-radius: .08rem;
	background: #fff;
}
.social-publish-m-editor #publish-aieditor {
	min-height: 6.4rem;
}
.social-publish-m-editor .aie-container {
	min-height: 6.4rem;
	height: auto;
	border: none;
}
#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: 4.8rem;
	height: 4.8rem;
	max-height: 4.8rem;
	overflow-x: hidden;
	overflow-y: auto;
}
.social-publish-content-input {
	display: none !important;
}
.social-publish-m-actions {
	display: flex;
	flex-direction: column;
	gap: .12rem;
	margin-top: .16rem;
}
.social-publish-m-comment-toggle {
	display: flex;
	align-items: center;
	gap: .1rem;
	font-size: .26rem;
	line-height: 1.4;
	color: #606266;
}
.social-publish-m-comment-toggle input {
	width: .28rem;
	height: .28rem;
	margin: 0;
}
.social-publish-m-btn {
	display: block;
	width: 100%;
	padding: .2rem .28rem;
	border: 0;
	border-radius: .1rem;
	font-size: .3rem;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
	color: #fff;
	background: var(--pm-c);
	text-decoration: none;
	cursor: pointer;
	box-sizing: border-box;
}
.social-publish-m-btn:disabled {
	opacity: .65;
	pointer-events: none;
}
.social-publish-m-btn-outline {
	color: #303133;
	background: #fff;
	border: 1px solid #dcdfe6;
}
.social-publish-link-fields[hidden] {
	display: none !important;
}
.social-publish-m-section .site-weight {
	flex-wrap: wrap;
	gap: .1rem;
}

/* ==========================================================================
   13. 签到 .social-checkin-m
   ========================================================================== */

/* 签到页（移动端） */
.module.social-checkin {
}

.social-checkin-body {
	font-size: .28rem;
}
.social-checkin-m-hero {
	margin: .1rem;
}
.social-checkin-m-hero-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: .08rem;
	border: 1px solid var(--br-c);
	background: #fff;
}
.social-checkin-m-hero-aside {
	display: flex;
	flex-direction: column;
	gap: .24rem;
	padding: .28rem;
	border-bottom: 1px solid var(--br-c);
}
.social-checkin-m-hero-user {
	display: flex;
	align-items: center;
	gap: .2rem;
}
.social-checkin-m-hero-avatar-wrap {
	display: block;
	flex-shrink: 0;
	text-decoration: none;
}
.social-checkin-m-hero-avatar {
	display: block;
	width: .96rem;
	height: .96rem;
	border-radius: 50%;
	object-fit: cover;
	border: .04rem solid #fff;
	box-shadow: 0 0 0 1px var(--br-c);
}
.social-checkin-m-hero-info {
	min-width: 0;
	flex: 1;
}
.social-checkin-m-hero-name {
	font-size: .3rem;
	font-weight: 700;
	line-height: 1.35;
	color: #303133;
}
.social-checkin-m-hero-name a {
	color: #303133;
	text-decoration: none;
}
.social-checkin-m-hero-level {
	margin-top: .12rem;
}
.social-checkin-m-hero-level .user-level,
.social-checkin-m-hero-level .user-role-badge,
.social-checkin-m-hero-level .user-ai-badge,
.social-checkin-m-hero-level .user-badge-group {
	margin: 0;
}
.social-checkin-m-hero-action {
	width: 100%;
	margin-top: 0;
}
.social-checkin-m-hero-sign {
	display: block;
    font-size: .26rem;
    font-weight: bold;
    color: #fff;
    background: var(--pm-c);
    text-align: center;
    padding: .16rem;
    border-radius: .08rem;
}
.social-checkin-m-hero-sign.is-loading {
	opacity: .72;
	pointer-events: none;
}
.social-checkin-m-hero-sign.is-signed {
	background: #67c23a;
	pointer-events: none;
}
.social-checkin-m-hero-panel {
	padding: .28rem .32rem;
}
.social-checkin-m-hero-stats {
	display: flex;
	align-items: stretch;
}
.social-checkin-m-stat-item {
	flex: 1;
	padding: 0 .2rem;
	text-align: center;
	border-right: 1px solid var(--br-c);
}
.social-checkin-m-stat-item:first-child {
	padding-left: 0;
}
.social-checkin-m-stat-item:last-child {
	padding-right: 0;
	border-right: 0;
}
.social-checkin-m-stat-value {
	line-height: 1.1;
}
.social-checkin-m-stat-value .num {
	font-size: .36rem;
	font-weight: 700;
	color: var(--pm-c);
}
.social-checkin-m-stat-value .unit {
	font-size: .22rem;
	color: #909399;
	margin-left: .04rem;
	font-weight: 400;
}
.social-checkin-m-stat-item.is-coins .social-checkin-m-stat-value .num {
	color: #ff5722;
}
.social-checkin-m-stat-label {
	display: block;
	margin-top: .06rem;
	font-size: .22rem;
	color: #909399;
	line-height: 1.3;
}
.social-checkin-m-tabs {
	overflow-x: auto;
	padding-bottom: .28rem;
	border-bottom: 1px solid var(--br-c);
	background: #fff;
	-webkit-overflow-scrolling: touch;
}
.social-checkin-m-tabs-scroll {
	display: flex;
	flex-wrap: nowrap;
	gap: .1rem;
	min-width: min-content;
}
.social-checkin-m-tab {
	flex-shrink: 0;
	padding: .1rem .22rem;
	border-radius: .08rem;
	font-size: .28rem;
	color: #909399;
	background: var(--bg-c);
	white-space: nowrap;
	border: 1px solid var(--br-c);
}
.social-checkin-m-tab.is-active {
	color: #fff;
	background: var(--pm-c);
	border: 1px solid var(--pm-c);
}
.social-checkin-m-panel {
	background: #fff;
}
.social-checkin-m-empty {
	padding: .8rem .28rem;
	text-align: center;
	font-size: .28rem;
	color: #909399;
}
.social-checkin-m-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.social-checkin-m-item {
	display: flex;
	align-items: center;
	gap: .16rem;
	padding: .24rem 0;
	border-bottom: 1px solid var(--br-c);
}

.social-checkin-m-rank {
	flex-shrink: 0;
	width: .44rem;
	font-size: .24rem;
	font-weight: 700;
	line-height: .44rem;
	text-align: center;
	color: #909399;
}
.social-checkin-m-rank.is-top-1 {
	color: #ff8a00;
}
.social-checkin-m-rank.is-top-2 {
	color: #ff9800;
}
.social-checkin-m-rank.is-top-3 {
	color: #ffc107;
}
.social-checkin-m-item-main {
	min-width: 0;
	flex: 1;
}
.social-checkin-m-item-head {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .08rem;
	margin-bottom: .1rem;
}
.social-checkin-m-item-name {
	font-size: .28rem;
	font-weight: 600;
	color: #303133;
}
.social-checkin-m-item-level {
	font-size: .22rem;
	line-height: 1;
}
.social-checkin-m-item-meta {
	display: flex;
	flex-wrap: wrap;
	gap: .08rem .16rem;
	font-size: .22rem;
	color: #909399;
}
.social-checkin-m-item-side {
	flex-shrink: 0;
	min-width: 1.1rem;
	text-align: right;
}
.social-checkin-m-item-side strong {
	display: block;
	font-size: .26rem;
	line-height: 1.25;
	color: #303133;
}
.social-checkin-m-item-side strong.is-gold {
	color: #FFA500;
}
.social-checkin-m-item-side span,
.social-checkin-m-bonus {
	display: block;
	margin-top: .08rem;
	font-size: .22rem;
	color: #909399;
}
/* 全站统一分页 */
.social-post-list-pagination {
	padding: .16rem 0;
	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: .6rem;
	margin: 0 .08rem .08rem 0;
	padding: 0 .2rem;
	border: 1px solid var(--br-c);
	border-radius: .08rem;
	color: #606266;
	font-size: .24rem;
	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-leaderboard-body {
	font-size: .28rem;
}
.social-leaderboard-m-hero {
	margin: .1rem;
}
.social-leaderboard-m-hero-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: .08rem;
	border: 1px solid var(--br-c);
	background: #fff;
}
.social-leaderboard-m-hero-aside {
	padding: .28rem;
	border-bottom: 1px solid var(--br-c);
	background: linear-gradient(135deg, #fff8ef 0%, #fff 100%);
}
.social-leaderboard-m-hero-user {
	display: flex;
	align-items: center;
	gap: .2rem;
}
.social-leaderboard-m-hero-avatar {
	display: block;
	width: .72rem;
	height: .72rem;
	border-radius: 50%;
	object-fit: cover;
	border: .04rem solid #fff;
	box-shadow: 0 0 0 1px var(--br-c);
}
.social-leaderboard-m-hero-name {
	font-size: .3rem;
	font-weight: 700;
	color: #303133;
}
.social-leaderboard-m-hero-name a {
	color: #303133;
	text-decoration: none;
}
.social-leaderboard-m-hero-level {
	margin-top: .12rem;
}
.social-leaderboard-m-hero-panel {
	padding: .24rem .28rem;
}
.social-leaderboard-m-hero-stats {
	display: flex;
	flex-wrap: wrap;
	gap: .16rem 0;
}
.social-leaderboard-m-stat-item {
	flex: 1 1 20%;
	text-align: center;
	padding: .08rem 0;
}
.social-leaderboard-m-stat-value .num {
	font-size: .34rem;
	font-weight: 700;
	color: var(--pm-c);
}
.social-leaderboard-m-stat-value .unit {
	font-size: .22rem;
	color: #909399;
	margin-left: .04rem;
}
.social-leaderboard-m-stat-item.is-coins .social-leaderboard-m-stat-value .num {
	color: #ff5722;
}

.social-leaderboard-m-stat-item.is-level .social-leaderboard-m-stat-level-badge {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: .4rem;
}

.social-leaderboard-m-stat-item.is-level .social-leaderboard-m-stat-level-badge .user-level,
.social-leaderboard-m-stat-item.is-level .social-leaderboard-m-stat-level-badge .user-role-badge {
	margin: 0;
	font-size: .22rem;
	font-weight: 600;
	line-height: 1.2;
	padding: .04rem .12rem;
}
.social-leaderboard-m-stat-item.is-level .social-leaderboard-m-stat-level-badge .user-ai-badge,
.social-leaderboard-m-stat-item.is-level .social-leaderboard-m-stat-level-badge .user-badge-group {
	margin: 0;
}


.social-leaderboard-m-stat-label {
	display: block;
	margin-top: .06rem;
	font-size: .22rem;
	color: #909399;
}
.social-leaderboard-m-tabs {
	border-bottom: 1px solid var(--br-c);
}
.social-leaderboard-m-tabs-scroll {
	display: flex;
	gap: .16rem;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.social-leaderboard-m-tab {
	flex-shrink: 0;
	display: inline-block;
	padding: .16rem .08rem;
	font-size: .28rem;
	color: #909399;
	text-decoration: none;
	border-bottom: .04rem solid transparent;
}
.social-leaderboard-m-tab:hover {
	color: var(--pm-c);
}
.social-leaderboard-m-tab.is-active {
	color: var(--pm-c);
	border-bottom-color: var(--pm-c);
	font-weight: bold;
}
.social-leaderboard-m-panel {
	padding: .12rem .2rem .24rem;
}
.social-leaderboard-list-panel {
	padding: .12rem 0;
}
.social-leaderboard-empty {
	padding: .8rem .28rem;
	text-align: center;
	font-size: .28rem;
	color: #909399;
}
.social-leaderboard-list {
	margin: 0;
}
.social-leaderboard-item {
	display: flex;
	align-items: center;
	gap: .2rem;
	padding: .26rem;
}
.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: 1.2rem;
}
.social-leaderboard-item-metric strong {
	display: block;
	font-size: .26rem;
	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 .social-leaderboard-user-cell {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .08rem;
}
.social-leaderboard .social-leaderboard-user-name {
	font-size: .26rem;
	color: #606266;
	text-decoration: none;
}
.social-leaderboard .social-leaderboard-user-cell .user-level,
.social-leaderboard .social-leaderboard-user-cell .user-role-badge,
.social-leaderboard .social-leaderboard-user-cell .user-ai-badge,
.social-leaderboard .social-leaderboard-user-cell .user-badge-group {
	flex-shrink: 0;
}
.social-leaderboard .social-leaderboard-rank {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: .4rem;
	font-weight: bold;
	font-size: .26rem;
	color: #c0c4cc;
	background: none;
}
.social-leaderboard .social-leaderboard-rank.is-top.is-top-1 {
	color: #FF5722;
}
.social-leaderboard .social-leaderboard-rank.is-top.is-top-2 {
	color: #ff9800;
}
.social-leaderboard .social-leaderboard-rank.is-top.is-top-3 {
	color: #ffc107;
}

/* 评论发表区（移动端纵向排列） */
.social-comment .social-comment-form-wrap {
	flex-direction: column;
	gap: .24rem;
	padding-top: .24rem;
}
.social-comment .social-comment-form-avatar {
	display: none;
}
.social-comment .social-comment-recom {
	display: none;
}

/* 主题详情页底部快捷回复 */
.social-m-quick-reply {
	position: fixed;
	left: 0;
	right: 0;
	bottom: calc(1.36rem + env(safe-area-inset-bottom, 0px));
	z-index: 998;
	padding: .24rem;
	background: #fff;
	border-top: 1px solid var(--br-c);
	box-shadow: 0 -.04rem .16rem rgba(0, 0, 0, .06);
	transform: translateY(110%);
	transition: transform .22s ease, opacity .22s ease;
	opacity: 0;
	pointer-events: none;
}

.social-m-quick-reply.is-visible {
	transform: translateY(0);
	opacity: 1;
	pointer-events: auto;
}

.social-m-quick-reply.is-loading {
	opacity: .75;
}

.social-m-quick-reply-inner {
	display: flex;
	align-items: center;
	gap: .16rem;
}

.social-m-quick-reply-avatar {
	display: none;
}

.social-m-quick-reply-avatar img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;

	box-sizing: border-box;
}

.social-m-quick-reply-field {
	flex: 1;
	min-width: 0;
}

.social-m-quick-reply-input {
	display: block;
	width: 100%;
	height: .72rem;
	padding: 0 .24rem;
	border: 1px solid var(--br-c);
	border-radius: .36rem;
	background: #f5f7fa;
	font-size: .28rem;
	color: #303133;
	outline: none;
	box-sizing: border-box;
}

.social-m-quick-reply-input:focus {
	border-color: var(--pm-c);
	background: #fff;
}

.social-m-quick-reply-input.is-guest {
	cursor: pointer;
	color: #909399;
}

.social-m-quick-reply-submit {
	flex-shrink: 0;
	height: .72rem;
	padding: 0 .28rem;
	border: none;
	border-radius: .36rem;
	background: var(--pm-c);
	color: #fff;
	font-size: .28rem;
	line-height: 1;
	cursor: pointer;
	white-space: nowrap;
}

.social-m-quick-reply-submit.is-guest {
	background: #c0c4cc;
}

.social-m-quick-reply.is-loading .social-m-quick-reply-submit {
	opacity: .65;
	pointer-events: none;
}

body.sm-quick-reply-visible .main {
	padding-bottom: calc(2.4rem + env(safe-area-inset-bottom, 0px));
}

body.sm-quick-reply-visible.sm-no-tabbar .main {
	padding-bottom: calc(1.04rem + env(safe-area-inset-bottom, 0px));
}

body.sm-no-tabbar .social-m-quick-reply {
	bottom: 0;
	padding-bottom: calc(.24rem + env(safe-area-inset-bottom, 0px));
}

body.sm-no-tabbar .foot-placeholder {
	height: 0;
}

/* ==========================================================================
   20. 作者公开主页 .social-author-m
   ========================================================================== */

/* 作者公开主页 */
.social-author-m {
	font-size: .28rem;
	color: #303133;
}
.social-author-m-hero {
	padding: .32rem .24rem .24rem;
	text-align: left;
}
.social-author-m-hero-main {
	max-width: 100%;
}
.social-author-m-hero-head {
	display: flex;
	align-items: center;
}
.social-author-m-avatar-wrap {
	width: 1rem;
	height: 1rem;
	margin-right: .2rem;
}
.social-author-m-hero-meta {
	flex: 1;
}
.social-author-m-avatar {
	display: block;
	width: 100%;
	max-width: 100%;
	max-height: 100%;
	aspect-ratio: 1;
	border-radius: 50%;
	object-fit: cover;
	border: 1px solid var(--br-c);
	padding: .04rem;
	box-sizing: border-box;
}
.social-author-m-name-row {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: .08rem;
	margin-top: 0;
	margin-bottom: .2rem;
}
.social-author-m-name {
	margin: 0;
	font-size: .34rem;
	font-weight: 700;
}
.social-author-m-level {
	flex-shrink: 0;
}
.social-author-m-level .user-level,
.social-author-m-level .user-role-badge,
.social-author-m-level .user-ai-badge,
.social-author-m-level .user-badge-group {
	margin: 0;
}
.social-author-m-bio {
	margin: .12rem 0 0;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.social-author-m-exp {
	margin-top: .2rem;
}

.social-author-m-exp + .social-author-m-actions {
	margin-top: .16rem;
}

.social-author-m-exp .social-user-score-progress-hd {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .12rem;
	margin-bottom: .08rem;
	font-size: .22rem;
	color: #909399;
}

.social-author-m-exp .social-user-score-progress-label {
	color: #606266;
}

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

.social-author-m-exp .social-user-score-progress-bar {
	height: .12rem;
	border-radius: .06rem;
	background: #ebeef5;
	overflow: hidden;
}

.social-author-m-exp .social-user-score-progress-fill {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #409eff, #0f9fff);
	transition: width .3s ease;
}
.social-author-m-follow-btn,
.social-author-m-block-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: .68rem;
	flex: 1;
	padding: 0;
	font-size: .26rem;
	font-weight: bold;
	box-sizing: border-box;
	cursor: pointer;
	user-select: none;
}
.social-author-m-follow-btn {
	margin-top: 0;
	border: 1px solid var(--pm-c);
	border-radius: 4px;
	background: var(--pm-c);
	color: #fff;
}
.social-author-m-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 0;
}
.social-author-m-block-btn {
	flex: 1;
	border: 1px solid #f56c6c;
	border-radius: 4px;
	background: #f56c6c;
	color: #fff;
	font-family: inherit;
}
.social-author-m-block-btn.is-blocked {
	background: #fef0f0;
	color: #f56c6c;
	border-color: #f56c6c;
}
.social-author-m-block-btn.is-busy {
	opacity: 0.65;
	cursor: wait;
}
.social-author-m-follow-btn.social-uc-follow-following,
.social-author-m-follow-btn.social-uc-follow-mutual {
	background: #f4f7ff;
	color: var(--pm-c);
	border-color: #b3d8ff;
}
.social-author-m-stats {
	display: flex;
	margin-top: .24rem;
	padding-top: .2rem;
	border-top: 1px solid var(--br-c);
	text-align: center;
}
.social-author-m-stat {
	flex: 1;
	min-width: 0;
	padding: 0 .06rem;
	color: inherit;
	text-decoration: none;
}
.social-author-m-stat + .social-author-m-stat {
	border-left: 1px solid var(--br-c);
}
.social-author-m-stat b {
	display: block;
	font-size: .32rem;
	font-weight: 700;
	color: #303133;
	line-height: 1.2;
}
.social-author-m-stat span {
	display: block;
	margin-top: .04rem;
	font-size: .22rem;
	color: #909399;
}
.social-author-m-tabs {
	display: flex;
	border-bottom: 1px solid var(--br-c);
	background: #fff;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
.social-author-m-tabs::-webkit-scrollbar {
	display: none;
}
.social-author-m-tab {
	flex-shrink: 0;
	padding: .2rem .24rem;
	font-size: .26rem;
	text-align: center;
	color: #909399;
	text-decoration: none;
	border-bottom: .04rem solid transparent;
	margin-bottom: -1px;
	white-space: nowrap;
}
.social-author-m-tab.is-active {
	color: #303133;
	font-weight: 600;
	border-bottom-color: #303133;
}
.social-author-m-panel {
	margin: .1rem;
	border: 1px solid var(--br-c);
	border-radius: .08rem;
	overflow: hidden;
	background: #fff;
}
.social-author-tab {
	background: #fff;
	padding: .24rem;
}
.social-author-tab-followers,
.social-author-tab-following {
	padding-top: .16rem;
}
.social-author-tab-followers .social-uc-m-list,
.social-author-tab-following .social-uc-m-list {
	margin: 0;
}
.social-author-tab-followers .social-post-list-pagination,
.social-author-tab-following .social-post-list-pagination {
	margin-top: .16rem;
}
.social-author-m-empty {
	padding: .6rem .24rem;
}
.social-author-m-info {
	margin: 0;
	padding: 0;
	list-style: none;
}
.social-author-m-info-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .24rem;
	padding: .22rem ;
	border-bottom: 1px solid var(--br-c);
}
.social-author-m-info-item:last-child {
	border-bottom: 0;
}
.social-author-m-info-label {
	flex-shrink: 0;
	width: 1.6rem;
	font-size: .26rem;
	color: #909399;
}
.social-author-m-info-value {
	flex: 1;
	min-width: 0;
	font-size: .26rem;
	color: #303133;
	text-align: right;
	word-break: break-word;
}
.social-author-m-profile-medals {
}
.social-author-m-profile-medal {
	display: inline-block;
}
.social-author-m-profile-medal img {
	width: auto;
	height: 35px;
}
.social-author-m .social-uc-m-list {
	margin: 0 -.04rem;
}

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

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

/* ==========================================================================
   21. 搜索 / 归档 / 分页
   ========================================================================== */

/* 搜索结果统计 */
.module-title .search-result-count {
	display: block;
	margin-top: .08rem;
	font-size: .24rem;
	font-weight: normal;
	color: #909399;
}

/* ==========================================================================
   18. UIkit 覆盖
   ========================================================================== */
.uk-notification-message {
	font-size: .28rem;
	border-radius: .08rem;
}
.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: .08rem !important;
}

.uk-lightbox {
	background: #00000095;
}

:not(pre)>code, :not(pre)>kbd, :not(pre)>samp {
	font-size: .24rem;
	padding: .1rem .2rem;
}

/* 勋章中心 */
.social-medals-page {}
.social-medal-empty {
	padding: .24rem;
	color: #606266;
	background: #fff;
}
.social-medals-section {
	margin-bottom: .16rem;
}
.social-medals-tabs {
}
.social-medals-tabs .title a {
	color: #909399;
	font-weight: bold;
	font-size: .34rem;	
	margin-right: .1rem;
}
.social-medals-tabs .title .is-active {
	color: #303133;
}
.social-medals-page .social-medals-table,
.social-medals-page .social-medal-records {
	display: block;
	margin: 0;
	padding: 0;
	background: transparent;
}
.social-medals-page .social-medals-table thead,
.social-medals-page .social-medal-records thead {
	display: none;
}
.social-medals-page .social-medals-table tbody,
.social-medals-page .social-medal-records tbody,
.social-medals-page .social-medals-table tr,
.social-medals-page .social-medal-records tr {
	display: block;
}
.social-medals-page .social-medals-table tr,
.social-medals-page .social-medal-records tr {
	margin-bottom: .16rem;
	padding: .18rem .22rem;
	border: 1px solid #eee;
	border-radius: .1rem;
	background: #fff;
}
.social-medals-page .social-medals-table tr {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .18rem;
	min-height: 1.18rem;
}
.social-medals-page .social-medals-table td {
	display: block;
	width: auto;
	min-height: 0;
	padding: 0;
	border: 0;
	color: #303133;
	font-size: .24rem;
	line-height: 1.5;
	text-align: left;
	word-break: break-word;
}
.social-medals-page .social-medal-records td {
	display: inline;
	padding: 0;
	border: 0;
	color: #606266;
	font-size: .24rem;
	line-height: 1.6;
	word-break: break-word;
}
.social-medals-page .social-medal-records td::before {
	content: none;
}
.social-medals-page .social-medals-table td::before {
	content: none;
}
.social-medals-page .social-medals-table td:nth-child(1) {
	flex: 0 0 .92rem;
	order: 1;
}
.social-medals-page .social-medals-table td:nth-child(2) {
	flex: 1 1 auto;
	min-width: 0;
	order: 2;
	font-size: .28rem;
	font-weight: 700;
	color: #303133;
}
.social-medals-page .social-medals-table td:nth-child(3),
.social-medals-page .social-medals-table td:nth-child(5) {
	order: 4;
	color: #909399;
	font-size: .22rem;
}
.social-medals-page .social-medals-table td:nth-child(3) {
	margin-left: 1.1rem;
}
.social-medals-page .social-medals-table td:nth-child(4) {
	display: none;
}
.social-medals-page .social-medals-table td:nth-child(5) {
	color: var(--pm-c);
}
.social-medals-page .social-medals-table td:nth-child(6) {
	flex: 0 0 auto;
	margin-left: auto;
	order: 3;
}
.social-medals-page .social-medal-records td:nth-child(1),
.social-medals-page .social-medal-records td:nth-child(3) {
	color: #303133;
	font-weight: 700;
}
.social-medals-page .social-medal-records td:nth-child(1)::after {
	content: " 获得 ";
	color: #909399;
	font-weight: 400;
}
.social-medals-page .social-medal-records td:nth-child(2) {
	display: block;
	margin-top: .08rem;
	color: #909399;
	font-size: .22rem;
}
.social-medals-page .social-medal-records td:nth-child(2)::before {
	content: "获得时间：";
}
.social-medals-page .social-medal-records td:nth-child(4) {
	display: block;
	color: #909399;
	font-size: .22rem;
}
.social-medals-page .social-medal-records td:nth-child(4)::before {
	content: "到期时间：";
}
.social-medals-list {
	display: flex;
	flex-direction: column;
}
.social-medal-list-item {
	margin-bottom: .2rem;
	padding: .24rem;
	border: 1px solid #eee;
	border-radius: .1rem;
	background: #fff;
}
.social-medal-list-main {
	display: flex;
	align-items: center;
	gap: .18rem;
}
.social-medal-list-info {
	flex: 1 1 auto;
	min-width: 0;
}
.social-medal-list-title {
	font-size: .28rem;
	font-weight: 700;
	color: #303133;
	line-height: 1.35;
}
.social-medal-list-price {
	margin-top: .1rem;
	color: var(--pm-c);
	font-size: .22rem;
}
.social-medal-list-action {
	flex: 0 0 auto;
	margin-left: auto;
}
.social-medal-list-desc {
	margin-top: .2rem;
	padding-top: .2rem;
	border-top: 1px solid #f0f0f0;
	color: #606266;
	font-size: .24rem;
}
.social-medal-record-line {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .08rem;
	color: #909399;
	font-size: .24rem;
	line-height: 1.5;
}
.social-medal-record-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .16rem;
	margin-top: .08rem;
	color: #909399;
	font-size: .22rem;
}
.social-medals-page ul.social-medal-records {
	margin: 0;
	list-style: none;
	background: #fff;
}
.social-medals-page ul.social-medal-records .social-medal-record-item {
	border-bottom: 1px dashed var(--br-c);
	padding-bottom: .2rem;
	margin-bottom: .2rem;
	color: #606266;
	font-size: .24rem;
}
.social-medals-page ul.social-medal-records .social-medal-record-item:last-child {
	border-bottom: 0;
}
.social-medals-page ul.social-medal-records .social-medal-record-user {
	color: #303133;
	font-weight: bold;
}
.social-medals-page ul.social-medal-records .social-medal-record-name {
	color: var(--pm-c);
}
.social-medals-page .social-medal-records.uk-table {
	display: table;
	width: 100%;
	margin: 0;
	background: #fff;
}
.social-medals-page .social-medal-records.uk-table thead {
	display: table-header-group;
}
.social-medals-page .social-medal-records.uk-table tbody {
	display: table-row-group;
}
.social-medals-page .social-medal-records.uk-table tr {
	display: table-row;
}
.social-medals-page .social-medal-records.uk-table th,
.social-medals-page .social-medal-records.uk-table td {
	display: table-cell;
	padding: .16rem .12rem;
	border: 0;
	font-size: .24rem;
	line-height: 1.4;
	vertical-align: middle;
	white-space: nowrap;
}
.social-medals-page .social-medal-records.uk-table th {
	color: #909399;
	font-weight: 400;
}
.social-medals-page .social-medal-records.uk-table td::before,
.social-medals-page .social-medal-records.uk-table td::after {
	content: none;
}
.social-medals-page .social-medal-records.uk-table .social-medal-record-user {
	font-weight: 400;
}
.social-medal-primary-link,
.social-medal-action,
.social-medal-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: .6rem;
	border: 0;
	border-radius: .08rem;
	color: #fff;
	font-size: .26rem;
	background: var(--pm-c);
}
.social-medal-action {
	width: 1.48rem;
}
.social-medal-primary-link:hover,
.social-medal-action:hover {
	color: #fff;
}
.social-medal-action.is-disabled {
	background: #ff5722;
	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-display-form {
	margin: 0;
}
.social-medal-card .social-medal-action {
	display: inline;
	height: auto;
	padding: 0;
	border-radius: 0;
	color: #0645ad;
	font-size: .24rem;
	line-height: 1.4;
	background: transparent;
}
.social-medal-card .social-medal-action:hover {
	color: #0645ad;
	text-decoration: underline;
}
.social-medals-grid {
}
.social-medals-grid.is-owned-grid {
}
.social-medal-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.social-medals-grid.is-owned-grid .social-medal-card {}
.social-medals-grid.is-owned-grid .social-medal-image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.76rem;
	height: 1.76rem;
	border: 1px solid #ddd;
	border-radius: .08rem;
	background: #fff;
	box-shadow: inset 0 0 0 .04rem #f1f1f1;
	box-sizing: border-box;
}
.social-medals-grid.is-owned-grid .social-medal-image img {
	display: block;
	max-width: 1rem;
	max-height: 1rem;
	object-fit: contain;
}
.social-medal-image {}
.social-medal-image img {}
.social-medal-image-empty {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: .4rem;
	color: #909399;
}
.social-medal-card-body {
	min-width: 0;
	width: 100%;
}
.social-medal-card h3,
.social-medal-card .title {
	margin: .2rem 0;
	font-size: .24rem;
	font-weight: bold;
}
.social-medal-owned-state {
	margin-top: .04rem;
	color: #303133;
	font-size: .22rem;
	line-height: 1.3;
}
.social-medal-card p {
	margin: 0 0 .12rem;
	color: #606266;
	font-size: .25rem;
	line-height: 1.6;
}
.social-medal-meta {
	display: flex;
	gap: .12rem;
	margin-bottom: .12rem;
	color: #909399;
	font-size: .24rem;
}
.social-medal-state {
	display: inline;
	height: auto;
	padding: 0;
	border-radius: 0;
	background: transparent;
	color: #67C23A;
	font-size: .24rem;
	line-height: 1.4;
}
.social-medal-state.is-owned {
	color: #67C23A;
	background: transparent;
}
.social-medal-state.is-pending {
	color: #ad6800;
	background: transparent;
}
.social-medal-state.is-restricted {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.48rem;
	height: .6rem;
	border-radius: .08rem;
	background: #C0C4CC;
	color: #fff;
	font-size: .24rem;
	cursor: default;
	pointer-events: none;
}
.social-medal-expire {
	display: block;
	margin-top: .12rem;
	color: #909399;
	font-size: .24rem;
}
.social-medal-record-block {
	margin-bottom: .16rem;
}
.social-medal-record-user {
}
.social-medal-record-text {
	color: #909399;
}
.social-medal-record-name {
	color: var(--pm-c);
}
.social-medal-modal {
	z-index: 9999;
}
.social-medal-modal-box {
	width: calc(100vw - .32rem) !important;
	max-height: 90vh;
	overflow: auto;
	border-radius: .1rem;
	padding: .28rem;
}
.social-medal-modal-main {
	display: block;
}
.social-medal-modal-head {
	display: flex;
	align-items: center;
	gap: .18rem;
	margin-bottom: .18rem;
}
.social-medal-modal-head .title {
	min-width: 0;
	font-size: .34rem;
	font-weight: 700;
	color: #303133;
	line-height: 1.35;
}
.social-medal-modal-image {
}
.social-medal-modal-image img {
}
.social-medal-modal-info h2,
.social-medal-modal-info .title {
	margin: .18rem 0 .12rem;
	font-size: .34rem;
	font-weight: 700;
}
.social-medal-modal-info p {
	line-height: 1.7;
	color: #606266;
	font-size: .26rem;
}
.social-medal-modal-price {
	margin: .18rem 0;
	color: var(--pm-c);
}
.social-medal-duration-options {
	margin-top: .2rem;
}
.social-medal-duration-options strong {
	display: block;
	margin-bottom: .12rem;
}
.social-medal-duration-options label {
	display: flex;
	align-items: center;
	gap: .08rem;
	margin-bottom: .1rem;
	color: #606266;
	font-size: .26rem;
}
.social-medal-modal textarea {
	box-sizing: border-box;
	width: 100%;
	margin: .2rem 0 .16rem;
	padding: .16rem;
	border: 1px solid #eee;
	border-radius: .08rem;
	resize: vertical;
}
.social-medal-submit {
	width: 100%;
	height: .68rem;
}