/* ArtGamer personal space redesign. Scoped to home space pages. */
body#space {
	background: #050916;
	color: #eef3ff;
}

body#space #wp.main-wrapper {
	width: 100%;
	min-width: 0;
	background: #050916;
}

body#space a {
	text-decoration: none;
}

body#space .artg-space-hero {
	position: relative;
	display: block;
	height: 580px;
	min-width: 0;
	/* 上顶 60px 藏到固定导航(60px)后面，让极光封面填满到页面最顶、消除顶边接缝；
	   高度 +60 + padding-top 60(border-box) 保证内容位置/底边不变。 */
	margin: -60px 0 0;
	padding-top: 60px;
	box-sizing: border-box;
	overflow: hidden;
	background: linear-gradient(135deg, #080714, #0c0a20 58%, #0a0a1c);
}

body#space .artg-space-hero:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(5, 9, 22, 0.2) 45%, rgba(5, 9, 22, 0.92) 100%);
	pointer-events: none;
}

body#space .artg-space-hero .bg-image,
body#space .artg-space-hero .artg-space-cover {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}

body#space .artg-space-cover-action {
	position: absolute;
	top: 82px; /* 22 + 60：hero 上顶 60px 后保持按钮在导航下方原视觉位置 */
	right: 36px;
	z-index: 4;
	margin: 0;
	padding: 0;
}

body#space .artg-space-cover-action:before,
body#space .artg-space-cover-action .share-report-item:before {
	display: none !important;
}

body#space .artg-space-cover-action .share-report-item {
	display: block !important;
	position: static !important;
	top: auto !important;
	left: auto !important;
	width: auto !important;
	margin: 0;
	padding: 0;
	background: transparent !important;
	box-shadow: none !important;
	list-style: none;
}

body#space .artg-space-cover-action .decorate {
	height: 38px;
	margin: 0 !important;
	padding: 0 20px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 999px;
	background: rgba(8, 12, 28, 0.42);
	color: rgba(240, 240, 250, 0.72);
	font-size: 14px;
	line-height: 38px;
	cursor: pointer;
	box-shadow: none;
	backdrop-filter: blur(6px);
	transition: border-color .18s, color .18s;
}

/* hover 轻微提亮(两套通用，!important 压过 body# 前缀基底) */
.artg-space-cover-action .decorate:hover {
	border-color: rgba(255, 255, 255, 0.4) !important;
	color: rgba(255, 255, 255, 0.92) !important;
}

body#space .artg-space-profile {
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding-top: 28px;
	text-align: center;
	box-sizing: border-box;
}

body#space .artg-space-avatarbox {
	position: relative;
	width: 132px;
	height: 132px;
	margin: 0 auto 14px !important;
	border: 0;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: none;
}

body#space .artg-space-avatarbox img {
	display: block;
	width: 132px;
	height: 132px;
	border: 0;
	border-radius: 50%;
	object-fit: cover;
}

body#space .artg-space-avatar-edit {
	position: absolute;
	inset: auto 0 0;
	height: 42px;
	background: rgba(5, 8, 18, 0.78);
	color: #fff;
	font-size: 14px;
	line-height: 42px;
	text-align: center;
	opacity: 0;
	transform: translateY(10px);
	transition: opacity .18s, transform .18s;
}

body#space .artg-space-avatarbox:hover .artg-space-avatar-edit {
	opacity: 1;
	transform: translateY(0);
}

body#space .artg-space-name {
	margin: 0 !important;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	line-height: 42px;
	text-shadow: 0 0 18px rgba(137, 68, 255, 0.62);
}

body#space .artg-space-medals {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	margin: 8px 0 0 !important;
}

body#space .artg-space-medals a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

body#space .artg-space-medals img {
	width: 28px;
	height: 28px;
	object-fit: contain;
}

body#space .artg-space-bio {
	max-width: 620px;
	margin: 10px auto 0 !important;
	color: rgba(239, 243, 255, 0.68);
	font-size: 14px;
	line-height: 22px;
}

body#space .artg-space-stats {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 28px;
	margin-top: 20px;
}

body#space .artg-space-stats a {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 86px;
	margin: 0 !important;
	color: rgba(239, 243, 255, 0.72);
}

body#space .artg-space-stats strong {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
}

body#space .artg-space-stats span {
	margin: 0 !important;
	color: rgba(239, 243, 255, 0.58);
	font-size: 13px;
	line-height: 20px;
}

body#space .artg-space-stats i {
	display: block;
	width: 1px;
	height: 28px;
	margin: 0 !important;
	background: rgba(255, 255, 255, 0.18);
}

body#space .artg-space-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-top: 20px;
}

body#space .artg-space-btn {
	height: 36px;
	margin: 0 !important;
	padding: 0 20px;
	border: 1px solid rgba(136, 148, 190, 0.38);
	border-radius: 999px;
	background: rgba(7, 11, 26, 0.52);
	color: rgba(239, 243, 255, 0.88);
	font-size: 14px;
	line-height: 36px;
}

body#space .artg-space-btn.primary {
	border-color: rgba(157, 82, 255, 0.72);
	background: linear-gradient(127deg, #0261fa 0%, #4a37fb 36%, #b03bf8 100%);
	color: #fff;
	box-shadow: 0 0 20px rgba(127, 68, 255, 0.34);
}

/* 关注按钮：与作品详情页同款（从 artgamer_work_detail.css 里 .awd-follow-btn 移植）。 这里 body 可能是 #space 或 #nv_home，故只挂在 .artg-space-actions 下不加 body 前缀。 */
.artg-space-actions .awd-follow-btn {
	position: relative; display: inline-flex; align-items: center; justify-content: center;
	height: 38px; width: 122px; box-sizing: border-box; padding: 0 24px;
	border-radius: 999px; border: 1px solid rgba(210, 228, 255, .34); cursor: pointer; outline: none;
	font-size: 17px; font-weight: 500; line-height: 1; text-decoration: none; white-space: nowrap; overflow: visible;
	isolation: isolate;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, .24) 0%, rgba(255, 255, 255, 0) 32%) padding-box,
		radial-gradient(120% 120% at 18% 18%, rgba(128, 206, 255, .9) 0%, rgba(128, 206, 255, 0) 45%) padding-box,
		linear-gradient(96deg, #4f9bff 0%, #6b70ff 48%, #b74df2 100%) padding-box;
	box-shadow:
		0 0 0 1px rgba(141, 192, 255, .1),
		0 0 8px rgba(81, 144, 255, .225),
		0 0 14px rgba(169, 76, 238, .17),
		inset 0 1px 0 rgba(255, 255, 255, .45),
		inset 0 -8px 18px rgba(76, 38, 170, .2);
	text-shadow: 0 0 9px rgba(255, 255, 255, .52);
	transition: transform .2s ease, box-shadow .2s ease, filter .2s ease, border-color .2s ease;
}
.artg-space-actions .awd-follow-btn::before {
	content: ""; position: absolute; inset: -4px -5px; border-radius: inherit; pointer-events: none; z-index: 0;
	background: linear-gradient(96deg, rgba(76, 145, 255, .23), rgba(183, 77, 242, .21));
	filter: blur(7px); opacity: .45;
}
.artg-space-actions .awd-follow-btn:focus,
.artg-space-actions .awd-follow-btn:focus-visible { outline: none; }
.artg-space-actions .awd-follow-btn .awd-follow-tx { position: relative; z-index: 1; color: #fff; margin: 0 !important; }
.artg-space-actions .awd-follow-btn.notfollow .awd-follow-tx {
	display: inline-flex; align-items: center; justify-content: center;
	font-size: 0; line-height: 1; color: transparent;
}
.artg-space-actions .awd-follow-btn.notfollow .awd-follow-tx::after {
	content: "关注"; font-size: 17px; line-height: 1; font-weight: 500; color: #fff;
}
.artg-space-actions .awd-follow-btn:hover {
	transform: translateY(-1px); filter: brightness(1.07);
	border-color: rgba(230, 240, 255, .5);
	box-shadow:
		0 0 0 1px rgba(168, 210, 255, .14),
		0 0 10px rgba(81, 144, 255, .29),
		0 0 18px rgba(169, 76, 238, .23),
		inset 0 1px 0 rgba(255, 255, 255, .55),
		inset 0 -8px 20px rgba(76, 38, 170, .24);
}
/* 已关注：暗底 + 紫蓝渐变描边 */
.artg-space-actions .awd-follow-btn.following {
	width: 108px; height: 42px; padding: 0;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, 0) 36%) padding-box,
		linear-gradient(56deg, #241d45, #101d35) padding-box,
		linear-gradient(135deg, #9a7bff, #5b8cff) border-box;
	border-color: transparent;
	box-shadow: 0 0 6px rgba(124, 92, 255, .12), inset 0 1px 0 rgba(255, 255, 255, .16);
	text-shadow: none;
}
.artg-space-actions .awd-follow-btn.following .awd-follow-tx { display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 1; color: transparent; }
.artg-space-actions .awd-follow-btn.following .awd-follow-tx::after { content: "已关注"; font-size: 17px; line-height: 1; font-weight: 500; color: #cfd6e7; }
.artg-space-actions .awd-follow-btn.following::before { opacity: .14; filter: blur(6px); }
.artg-space-actions .awd-follow-btn.following:hover { transform: none; filter: brightness(1.06); box-shadow: 0 0 8px rgba(124, 92, 255, .17), 0 0 11px rgba(91, 140, 255, .08), inset 0 1px 0 rgba(255, 255, 255, .18); }
/* 未关注态：新版霓虹玻璃按钮；following 态沿用当前样式。 */
.artg-space-actions .awd-follow-btn.notfollow {
	width: 108px; height: 42px; padding: 0; overflow: visible;
	gap: 1px;
	font-family: "Microsoft YaHei", Inter, system-ui, sans-serif;
	font-size: 17px; font-weight: 500;
	color: #fff; border: 0;
	background: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, 0) 36%) padding-box, linear-gradient(56deg, #241d45, #101d35) padding-box;
	box-shadow:
		0 4px 14px -7px rgba(138, 92, 240, .45),
		inset 0 1px 0 rgba(255, 255, 255, .4),
		inset 0 -8px 14px rgba(70, 30, 130, .3);
	text-shadow: none;
	transition: all .28s cubic-bezier(.2, .7, .3, 1);
}
.artg-space-actions .awd-follow-btn.notfollow::before {
	content: ""; position: absolute; inset: 0px; border: 1px solid rgb(232 225 255 / 30%);
	border-radius: inherit; background: transparent; filter: none; opacity: 1; z-index: 1; pointer-events: none;
}
.artg-space-actions .awd-follow-btn::after {
	content: ""; position: absolute; inset: 0; z-index: 2; opacity: 0; border-radius: inherit; pointer-events: none;
	background: linear-gradient(180deg, rgba(255, 255, 255, .30), rgba(255, 255, 255, .04) 52%, transparent 70%), linear-gradient(100deg, #5b6df0 0%, #8a5cf0 50%, #c14ddb 100%);
	border: 1px solid rgb(232 225 255 / 30%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -8px 14px rgba(70, 30, 130, .3);
	transition: opacity .34s cubic-bezier(.4, 0, .2, 1);
}
.artg-space-actions .awd-follow-btn.notfollow::after { opacity: 1; }
.artg-space-actions .awd-follow-btn.notfollow .awd-follow-tx { gap: 1px; z-index: 3; align-items: center; }
.artg-space-actions .awd-follow-btn.notfollow .awd-follow-tx::before {
	content: ""; display: inline-block; flex: 0 0 14px; width: 14px; height: 14px; margin: 0 !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M1 7h12M7 1v12' stroke='white' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E") center/14px 14px no-repeat; transform: translateY(.5px);
}
.artg-space-actions .awd-follow-btn.notfollow .awd-follow-tx::after { content: "关注"; font-size: 17px; line-height: 1; font-weight: 500; color: #fff; }
.artg-space-actions .awd-follow-btn.notfollow:hover {
	transform: none; filter: brightness(1.06);
	box-shadow:
		0 8px 22px -8px rgba(138, 92, 240, .58),
		inset 0 1px 0 rgba(255, 255, 255, .45),
		inset 0 -8px 14px rgba(70, 30, 130, .35);
}
.artg-space-actions .awd-follow-btn.notfollow:hover::after { animation: none; }
@keyframes agFollowSheen {
	0% { transform: translateX(-120%) skewX(-18deg); opacity: 1; }
	60%, 100% { transform: translateX(320%) skewX(-18deg); opacity: 1; }
}
.artg-space-actions .awd-follow-sweep {
	position: absolute; inset: 0; z-index: 4; border-radius: inherit; overflow: hidden; pointer-events: none;
}
.artg-space-actions .awd-follow-sweep-band {
	position: absolute; top: -25%; left: 0; width: 58%; height: 150%;
	background: linear-gradient(100deg, transparent 0%, rgba(109, 123, 255, 0) 12%, rgba(109, 123, 255, .25) 22%, rgba(109, 123, 255, .95) 31%, rgba(176, 97, 255, .98) 44%, rgba(255, 95, 176, .96) 58%, rgba(91, 208, 255, .85) 72%, rgba(91, 208, 255, .18) 84%, transparent 100%);
	filter: blur(2px); mix-blend-mode: screen; opacity: 0;
	transform: translateX(-150%) skewX(-16deg);
}
.artg-space-actions .awd-follow-btn.fx .awd-follow-sweep-band { animation: awdFollowSweep .76s cubic-bezier(.4, 0, .2, 1) forwards; }
@keyframes awdFollowSweep {
	0% { transform: translateX(-165%) skewX(-16deg); opacity: 0; }
	8% { opacity: .22; }
	20% { opacity: .95; }
	76% { opacity: .95; }
	90% { opacity: .28; }
	100% { transform: translateX(265%) skewX(-16deg); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
	.artg-space-actions .awd-follow-btn.fx .awd-follow-sweep-band { animation: none; }
}

body#space .artg-space-tabs {
	position: relative;
	z-index: 5;
	margin: 0;
	background: rgba(5, 9, 22, 0.92);
	border-top: 1px solid rgba(123, 135, 176, 0.08);
	border-bottom: 1px solid rgba(123, 135, 176, 0.12);
}

body#space .artg-space-tabs .subnav-wrap,
body#space .artg-space-tabs .top-hull,
body#space .artg-space-tabs .subnav-contentbox,
body#space .artg-space-tabs .tab-nav-container {
	width: 100%;
	background: transparent;
}

body#space .artg-space-tabs .subnav-content {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 72px;
	height: 72px;
	margin: 0 !important;
	padding: 0;
	list-style: none;
}

body#space .artg-space-tabs .subnav-content li {
	position: relative;
	float: none;
	height: 72px;
	margin: 0 !important;
	padding: 0;
	line-height: 72px;
}

body#space .artg-space-tabs .subnav-content a {
	display: block;
	height: 72px;
	margin: 0 !important;
	padding: 0;
	color: rgba(239, 243, 255, 0.62);
	font-size: 17px;
	line-height: 72px;
	white-space: nowrap;
}

body#space .artg-space-tabs .subnav-content li:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 74px;
	height: 4px;
	border-radius: 999px;
	background: linear-gradient(90deg, #ff2df7, #8e44ff);
	box-shadow: 0 0 10px rgba(255, 66, 255, 0.9), 0 0 22px rgba(139, 55, 255, 0.8);
	transform: translateX(-50%) scaleX(0);
	transition: transform .2s;
}

body#space .artg-space-tabs .subnav-content li.current a,
body#space .artg-space-tabs .subnav-content a:hover {
	color: #fff;
	text-shadow: 0 0 14px rgba(198, 55, 255, 0.74);
}

body#space .artg-space-tabs .subnav-content li.current:after {
	transform: translateX(-50%) scaleX(1);
}

body#space .artg-space-main {
	width: 1600px;
	max-width: calc(100vw - 180px);
	margin: 0 auto;
	padding: 36px 0 54px;
	box-sizing: border-box;
}

body#space .contariner-wraper {
	width: 100%;
	margin: 0;
	padding: 32px 0 72px;
	background: #050916;
	box-sizing: border-box;
}

body#space .center-section-wrap {
	width: 1100px;
	max-width: calc(100vw - 180px);
	margin: 0 auto;
	background: rgba(31, 29, 30, 0.94);
	border: 1px solid rgba(126, 139, 190, 0.12);
	border-radius: 6px;
	box-shadow: 0 22px 70px rgba(0, 0, 0, 0.22);
	overflow: hidden;
}

body#space .center-section-wrap .datum-item-box {
	padding: 30px 34px;
	border-bottom-color: rgba(130, 142, 184, 0.14);
}

body#space .center-section-wrap .datum-title-box {
	height: auto;
	margin: 0 0 16px !important;
	color: #f3f6ff;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

body#space .center-section-wrap .u_profile {
	color: rgba(239, 243, 255, 0.72);
	font-size: 14px;
	line-height: 28px;
}

body#space .center-section-wrap .pf_l {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px 44px;
	margin: 0 !important;
	padding: 0;
	list-style: none;
}

body#space .center-section-wrap .pf_l li,
body#space .center-section-wrap .datum-item-box > ul > li {
	width: auto !important;
	min-width: 0;
	margin: 0 !important;
	color: rgba(239, 243, 255, 0.72);
	line-height: 28px;
	word-break: break-word;
}

body#space .center-section-wrap .pf_l em,
body#space .center-section-wrap em.xg2,
body#space .center-section-wrap em.xg1 {
	display: inline-block !important;
	width: 84px;
	padding-right: 14px;
	color: rgba(239, 243, 255, 0.54) !important;
	font-style: normal;
	vertical-align: top;
	box-sizing: border-box;
}

body#space .center-section-wrap a {
	color: #41bfff;
}

body#space .center-section-wrap a:hover {
	color: #8fddff;
}

body#space .artg-space-list {
	width: 100%;
	max-width: none;
	margin: 0 auto;
	color: #eef3ff;
}

body#space .artg-space-listhead {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 18px;
	padding: 0 0 16px;
	border-bottom: 1px solid rgba(113, 125, 172, 0.12);
}

body#space .artg-space-listhead h2 {
	margin: 0;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
}

body#space .artg-space-listhead span {
	margin: 0 !important;
	color: rgba(239, 243, 255, 0.5);
	font-size: 14px;
}

body#space .artg-space-subtabs {
	display: flex;
	justify-content: flex-end;
	gap: 16px;
	margin: 0 0 24px;
}

body#space .artg-space-subtabs a {
	height: 34px;
	margin: 0 !important;
	padding: 0 18px;
	border: 1px solid rgba(118, 132, 174, 0.26);
	border-radius: 999px;
	background: rgba(11, 17, 31, 0.62);
	color: rgba(239, 243, 255, 0.62);
	font-size: 14px;
	line-height: 34px;
}

body#space .artg-space-subtabs a.is-active {
	border-color: rgba(191, 64, 255, 0.82);
	color: #fff;
	box-shadow: 0 0 14px rgba(176, 54, 255, 0.34), inset 0 0 10px rgba(176, 54, 255, 0.12);
}

body#space .artg-space-workgrid {
	justify-content: start;
}

body#space .artg-space-main .artg-worklist-pager,
body#space .artg-space-main .artg-al-pager {
	margin-bottom: 0;
}

body#space .artg-space-main .artg-articlelist {
	width: 100%;
	max-width: none;
}

body#space .artg-space-main .artg-al-types,
body#space .artg-space-main .artg-al-toolbar {
	display: none;
}

body#space .artg-space-main .artg-al-list {
	width: 100%;
}

body#space .artg-space-main .artg-al-item,
body#space .artg-space-main .artg-work-card,
body#space .artg-space-main .artg-work-card * {
	box-sizing: border-box;
}

body#space .artg-space-main .artg-al-user > *,
body#space .artg-space-main .artg-work-user > *,
body#space .artg-space-main .artg-work-authorbox > *,
body#space .artg-space-main .artg-work-stats > *,
body#space .artg-space-main .artg-al-meta > *,
body#space .artg-space-main .artg-al-stats-r > * {
	margin: 0 !important;
}

body#space .artg-space-main .artg-al-meta > .artg-al-stats-r {
	margin-left: auto !important;
}

body#space .artg-space-main .artg-al-stat-like {
	color: rgba(239, 243, 255, 0.5);
}

body#space #confighome {
	position: relative;
	z-index: 20;
}

body#space .artg-space-cover-tip {
	margin-top: 14px;
	color: #ddd;
}

@media (max-width: 1700px) {
	body#space .artg-space-main {
		width: 1300px;
	}
}

@media (max-width: 1360px) {
	body#space .artg-space-main {
		width: 1000px;
	}
	body#space .center-section-wrap {
		width: 1000px;
	}
	body#space .artg-space-tabs .subnav-content {
		gap: 42px;
	}
}

@media (max-width: 900px) {
	body#space .artg-space-hero {
		height: 430px;
	}
	body#space .artg-space-cover-action {
		top: 76px; /* 16 + 60，配合 hero 上顶 */
		right: 16px;
	}
	body#space .artg-space-tabs .subnav-content {
		justify-content: flex-start;
		gap: 30px;
		height: 58px;
		padding: 0 18px;
		overflow-x: auto;
	}
	body#space .artg-space-tabs .subnav-content li,
	body#space .artg-space-tabs .subnav-content a {
		height: 58px;
		line-height: 58px;
	}
	body#space .artg-space-main,
	body#space .center-section-wrap {
		max-width: calc(100vw - 32px);
	}
	body#space .center-section-wrap .pf_l {
		grid-template-columns: 1fr;
		gap: 8px;
	}
}

/* Discuz home pages use body#nv_home for personal space. */
/* ArtGamer personal space redesign. Scoped to home space pages. */
body#nv_home {
	background: #050916;
	color: #eef3ff;
}

body#nv_home #wp.main-wrapper {
	width: 100%;
	min-width: 0;
	background: #050916;
}

body#nv_home a {
	text-decoration: none;
}

body#nv_home .artg-space-hero {
	position: relative;
	display: block;
	height: 580px;
	min-width: 0;
	/* 上顶 60px 藏到固定导航后面，消除极光封面顶边接缝(见 body#space 同款) */
	margin: -60px 0 0;
	padding-top: 60px;
	box-sizing: border-box;
	overflow: hidden;
	background: linear-gradient(135deg, #080714, #0c0a20 58%, #0a0a1c);
}

body#nv_home .artg-space-hero:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(5, 9, 22, 0.2) 45%, rgba(5, 9, 22, 0.92) 100%);
	pointer-events: none;
}

body#nv_home .artg-space-hero .bg-image,
body#nv_home .artg-space-hero .artg-space-cover {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}

body#nv_home .artg-space-cover-action {
	position: absolute;
	top: 82px; /* 22 + 60：hero 上顶 60px 后保持按钮在导航下方原视觉位置 */
	right: 36px;
	z-index: 4;
	margin: 0;
	padding: 0;
}

body#nv_home .artg-space-cover-action:before,
body#nv_home .artg-space-cover-action .share-report-item:before {
	display: none !important;
}

body#nv_home .artg-space-cover-action .share-report-item {
	display: block !important;
	position: static !important;
	top: auto !important;
	left: auto !important;
	width: auto !important;
	margin: 0;
	padding: 0;
	background: transparent !important;
	box-shadow: none !important;
	list-style: none;
}

body#nv_home .artg-space-cover-action .decorate {
	height: 38px;
	margin: 0 !important;
	padding: 0 20px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 999px;
	background: rgba(8, 12, 28, 0.42);
	color: rgba(240, 240, 250, 0.72);
	font-size: 14px;
	line-height: 38px;
	cursor: pointer;
	box-shadow: none;
	backdrop-filter: blur(6px);
	transition: border-color .18s, color .18s;
}

body#nv_home .artg-space-profile {
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding-top: 28px;
	text-align: center;
	box-sizing: border-box;
}

body#nv_home .artg-space-avatarbox {
	position: relative;
	width: 132px;
	height: 132px;
	margin: 0 auto 14px !important;
	border: 0;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: none;
}

body#nv_home .artg-space-avatarbox img {
	display: block;
	width: 132px;
	height: 132px;
	border: 0;
	border-radius: 50%;
	object-fit: cover;
}

body#nv_home .artg-space-avatar-edit {
	position: absolute;
	inset: auto 0 0;
	height: 42px;
	background: rgba(5, 8, 18, 0.78);
	color: #fff;
	font-size: 14px;
	line-height: 42px;
	text-align: center;
	opacity: 0;
	transform: translateY(10px);
	transition: opacity .18s, transform .18s;
}

body#nv_home .artg-space-avatarbox:hover .artg-space-avatar-edit {
	opacity: 1;
	transform: translateY(0);
}

body#nv_home .artg-space-name {
	margin: 0 !important;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	line-height: 42px;
	text-shadow: 0 0 18px rgba(137, 68, 255, 0.62);
}

body#nv_home .artg-space-medals {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	margin: 8px 0 0 !important;
}

body#nv_home .artg-space-medals a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

body#nv_home .artg-space-medals img {
	width: 28px;
	height: 28px;
	object-fit: contain;
}

body#nv_home .artg-space-bio {
	max-width: 620px;
	margin: 10px auto 0 !important;
	color: rgba(239, 243, 255, 0.68);
	font-size: 14px;
	line-height: 22px;
}

body#nv_home .artg-space-stats {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 28px;
	margin-top: 20px;
}

body#nv_home .artg-space-stats a {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 86px;
	margin: 0 !important;
	color: rgba(239, 243, 255, 0.72);
}

body#nv_home .artg-space-stats strong {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
}

body#nv_home .artg-space-stats span {
	margin: 0 !important;
	color: rgba(239, 243, 255, 0.58);
	font-size: 13px;
	line-height: 20px;
}

body#nv_home .artg-space-stats i {
	display: block;
	width: 1px;
	height: 28px;
	margin: 0 !important;
	background: rgba(255, 255, 255, 0.18);
}

body#nv_home .artg-space-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-top: 20px;
}

body#nv_home .artg-space-btn {
	height: 36px;
	margin: 0 !important;
	padding: 0 20px;
	border: 1px solid rgba(136, 148, 190, 0.38);
	border-radius: 999px;
	background: rgba(7, 11, 26, 0.52);
	color: rgba(239, 243, 255, 0.88);
	font-size: 14px;
	line-height: 36px;
}

body#nv_home .artg-space-btn.primary {
	border-color: rgba(157, 82, 255, 0.72);
	background: linear-gradient(127deg, #0261fa 0%, #4a37fb 36%, #b03bf8 100%);
	color: #fff;
	box-shadow: 0 0 20px rgba(127, 68, 255, 0.34);
}

body#nv_home .artg-space-tabs {
	position: relative;
	z-index: 5;
	margin: 0;
	background: rgba(5, 9, 22, 0.92);
	border-top: 1px solid rgba(123, 135, 176, 0.08);
	border-bottom: 1px solid rgba(123, 135, 176, 0.12);
}

body#nv_home .artg-space-tabs .subnav-wrap,
body#nv_home .artg-space-tabs .top-hull,
body#nv_home .artg-space-tabs .subnav-contentbox,
body#nv_home .artg-space-tabs .tab-nav-container {
	width: 100%;
	background: transparent;
}

body#nv_home .artg-space-tabs .subnav-content {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 72px;
	height: 72px;
	margin: 0 !important;
	padding: 0;
	list-style: none;
}

body#nv_home .artg-space-tabs .subnav-content li {
	position: relative;
	float: none;
	height: 72px;
	margin: 0 !important;
	padding: 0;
	line-height: 72px;
}

body#nv_home .artg-space-tabs .subnav-content a {
	display: block;
	height: 72px;
	margin: 0 !important;
	padding: 0;
	color: rgba(239, 243, 255, 0.62);
	font-size: 17px;
	line-height: 72px;
	white-space: nowrap;
}

body#nv_home .artg-space-tabs .subnav-content li:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 74px;
	height: 4px;
	border-radius: 999px;
	background: linear-gradient(90deg, #ff2df7, #8e44ff);
	box-shadow: 0 0 10px rgba(255, 66, 255, 0.9), 0 0 22px rgba(139, 55, 255, 0.8);
	transform: translateX(-50%) scaleX(0);
	transition: transform .2s;
}

body#nv_home .artg-space-tabs .subnav-content li.current a,
body#nv_home .artg-space-tabs .subnav-content a:hover {
	color: #fff;
	text-shadow: 0 0 14px rgba(198, 55, 255, 0.74);
}

body#nv_home .artg-space-tabs .subnav-content li.current:after {
	transform: translateX(-50%) scaleX(1);
}

body#nv_home .artg-space-main {
	width: 1600px;
	max-width: calc(100vw - 180px);
	margin: 0 auto;
	padding: 36px 0 54px;
	box-sizing: border-box;
}

body#nv_home .contariner-wraper {
	width: 100%;
	margin: 0;
	padding: 32px 0 72px;
	background: #050916;
	box-sizing: border-box;
}

body#nv_home .center-section-wrap {
	width: 1100px;
	max-width: calc(100vw - 180px);
	margin: 0 auto;
	background: rgba(31, 29, 30, 0.94);
	border: 1px solid rgba(126, 139, 190, 0.12);
	border-radius: 6px;
	box-shadow: 0 22px 70px rgba(0, 0, 0, 0.22);
	overflow: hidden;
}

body#nv_home .center-section-wrap .datum-item-box {
	padding: 30px 34px;
	border-bottom-color: rgba(130, 142, 184, 0.14);
}

body#nv_home .center-section-wrap .datum-title-box {
	height: auto;
	margin: 0 0 16px !important;
	color: #f3f6ff;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

body#nv_home .center-section-wrap .u_profile {
	color: rgba(239, 243, 255, 0.72);
	font-size: 14px;
	line-height: 28px;
}

body#nv_home .center-section-wrap .pf_l {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px 44px;
	margin: 0 !important;
	padding: 0;
	list-style: none;
}

body#nv_home .center-section-wrap .pf_l li,
body#nv_home .center-section-wrap .datum-item-box > ul > li {
	width: auto !important;
	min-width: 0;
	margin: 0 !important;
	color: rgba(239, 243, 255, 0.72);
	line-height: 28px;
	word-break: break-word;
}

body#nv_home .center-section-wrap .pf_l em,
body#nv_home .center-section-wrap em.xg2,
body#nv_home .center-section-wrap em.xg1 {
	display: inline-block !important;
	width: 84px;
	padding-right: 14px;
	color: rgba(239, 243, 255, 0.54) !important;
	font-style: normal;
	vertical-align: top;
	box-sizing: border-box;
}

body#nv_home .center-section-wrap a {
	color: #41bfff;
}

body#nv_home .center-section-wrap a:hover {
	color: #8fddff;
}

body#nv_home .artg-space-list {
	width: 100%;
	max-width: none;
	margin: 0 auto;
	color: #eef3ff;
}

body#nv_home .artg-space-listhead {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 18px;
	padding: 0 0 16px;
	border-bottom: 1px solid rgba(113, 125, 172, 0.12);
}

body#nv_home .artg-space-listhead h2 {
	margin: 0;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
}

body#nv_home .artg-space-listhead span {
	margin: 0 !important;
	color: rgba(239, 243, 255, 0.5);
	font-size: 14px;
}

body#nv_home .artg-space-subtabs {
	display: flex;
	justify-content: flex-end;
	gap: 16px;
	margin: 0 0 24px;
}

body#nv_home .artg-space-subtabs a {
	height: 34px;
	margin: 0 !important;
	padding: 0 18px;
	border: 1px solid rgba(118, 132, 174, 0.26);
	border-radius: 999px;
	background: rgba(11, 17, 31, 0.62);
	color: rgba(239, 243, 255, 0.62);
	font-size: 14px;
	line-height: 34px;
}

body#nv_home .artg-space-subtabs a.is-active {
	border-color: rgba(191, 64, 255, 0.82);
	color: #fff;
	box-shadow: 0 0 14px rgba(176, 54, 255, 0.34), inset 0 0 10px rgba(176, 54, 255, 0.12);
}

body#nv_home .artg-space-workgrid {
	justify-content: start;
}

body#nv_home .artg-space-main .artg-worklist-pager,
body#nv_home .artg-space-main .artg-al-pager {
	margin-bottom: 0;
}

body#nv_home .artg-space-main .artg-articlelist {
	width: 100%;
	max-width: none;
}

body#nv_home .artg-space-main .artg-al-types,
body#nv_home .artg-space-main .artg-al-toolbar {
	display: none;
}

body#nv_home .artg-space-main .artg-al-list {
	width: 100%;
}

body#nv_home .artg-space-main .artg-al-item,
body#nv_home .artg-space-main .artg-work-card,
body#nv_home .artg-space-main .artg-work-card * {
	box-sizing: border-box;
}

body#nv_home .artg-space-main .artg-al-user > *,
body#nv_home .artg-space-main .artg-work-user > *,
body#nv_home .artg-space-main .artg-work-authorbox > *,
body#nv_home .artg-space-main .artg-work-stats > *,
body#nv_home .artg-space-main .artg-al-meta > *,
body#nv_home .artg-space-main .artg-al-stats-r > * {
	margin: 0 !important;
}

body#nv_home .artg-space-main .artg-al-meta > .artg-al-stats-r {
	margin-left: auto !important;
}

body#nv_home .artg-space-main .artg-al-stat-like {
	color: rgba(239, 243, 255, 0.5);
}

body#nv_home #confighome {
	position: relative;
	z-index: 20;
}

body#nv_home .artg-space-cover-tip {
	margin-top: 14px;
	color: #ddd;
}

@media (max-width: 1700px) {
	body#nv_home .artg-space-main {
		width: 1300px;
	}
}

@media (max-width: 1360px) {
	body#nv_home .artg-space-main {
		width: 1000px;
	}
	body#nv_home .center-section-wrap {
		width: 1000px;
	}
	body#nv_home .artg-space-tabs .subnav-content {
		gap: 42px;
	}
}

@media (max-width: 900px) {
	body#nv_home .artg-space-hero {
		height: 430px;
	}
	body#nv_home .artg-space-cover-action {
		top: 76px; /* 16 + 60，配合 hero 上顶 */
		right: 16px;
	}
	body#nv_home .artg-space-tabs .subnav-content {
		justify-content: flex-start;
		gap: 30px;
		height: 58px;
		padding: 0 18px;
		overflow-x: auto;
	}
	body#nv_home .artg-space-tabs .subnav-content li,
	body#nv_home .artg-space-tabs .subnav-content a {
		height: 58px;
		line-height: 58px;
	}
	body#nv_home .artg-space-main,
	body#nv_home .center-section-wrap {
		max-width: calc(100vw - 32px);
	}
	body#nv_home .center-section-wrap .pf_l {
		grid-template-columns: 1fr;
		gap: 8px;
	}
}

/* ========================================================================
 * 个人空间默认封面：极光星尘(Aurora + Stardust) —— design_handoff_profile_cover 还原
 * 纯 CSS 动效，无图片资源。图层挂在 #ct(.artg-space-hero) 内的 .ag-aurora。
 * ⚠ 只读 zcool 的 peopleHome.css 有 `#ct{background-image:url(...)!important}`(旧灰图)，
 *   必须用更高优先级(body#space/#nv_home + #ct + 类) + !important 把底色抢成深空渐变，
 *   否则旧灰 gif 会盖在极光底下透出来。
 * ======================================================================== */
body#space #ct.artg-space-hero,
body#nv_home #ct.artg-space-hero {
	background: linear-gradient(135deg, #080714, #0c0a20 58%, #0a0a1c) !important;
}

/* 图层容器 + 通用图层：铺满、不挡交互、位于个人资料(z-index:3)/操作条(z-index:4)之下 */
#ct .ag-aurora {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	pointer-events: none;
}
#ct .ag-aurora .ag-layer {
	position: absolute;
	inset: 0;
	pointer-events: none;
}
#ct .ag-aurora .ag-blob {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
}

/* 极光光斑(3 个模糊径向圆，缓慢漂移) */
#ct .ag-aurora .ag-blob-1 {
	width: 780px; height: 540px; left: -130px; top: -180px;
	background: radial-gradient(closest-side, rgba(56, 150, 245, .55), transparent 70%);
	filter: blur(46px);
	animation: ag-driftA 26s ease-in-out infinite alternate;
}
#ct .ag-aurora .ag-blob-2 {
	width: 760px; height: 540px; right: -130px; bottom: -200px;
	background: radial-gradient(closest-side, rgba(138, 92, 240, .50), transparent 70%);
	filter: blur(50px);
	animation: ag-driftB 31s ease-in-out infinite alternate;
}
#ct .ag-aurora .ag-blob-3 {
	width: 560px; height: 460px; left: 54%; top: -140px;
	background: radial-gradient(closest-side, rgba(193, 77, 219, .40), transparent 70%);
	filter: blur(48px);
	animation: ag-driftC 35s ease-in-out infinite alternate;
}
/* 极光光带(横向柔光，缓慢摇摆) */
#ct .ag-aurora .ag-band {
	inset: auto; left: -35%; top: 40%;
	width: 170%; height: 150px;
	background: linear-gradient(90deg, transparent, rgba(90, 160, 255, .26), rgba(180, 90, 230, .22), transparent);
	filter: blur(34px);
	animation: ag-band 24s ease-in-out infinite alternate;
}
/* 散景景深 */
#ct .ag-aurora .ag-bokeh-1 {
	width: 200px; height: 200px; left: 16%; top: 54%;
	background: radial-gradient(closest-side, rgba(67, 150, 240, .22), transparent 70%);
	filter: blur(13px);
}
#ct .ag-aurora .ag-bokeh-2 {
	width: 150px; height: 150px; left: 80%; top: 56%;
	background: radial-gradient(closest-side, rgba(122, 92, 240, .22), transparent 70%);
	filter: blur(12px);
}
/* 星点(锐) */
#ct .ag-aurora .ag-stars {
	background:
		radial-gradient(circle 3px at 9% 28%,  rgba(150, 180, 255, .9), transparent),
		radial-gradient(circle 4px at 22% 18%, rgba(120, 160, 255, .85), transparent),
		radial-gradient(circle 3px at 33% 62%, rgba(150, 190, 255, .8), transparent),
		radial-gradient(circle 3px at 41% 34%, rgba(180, 200, 255, .78), transparent),
		radial-gradient(circle 3px at 62% 24%, rgba(193, 120, 235, .82), transparent),
		radial-gradient(circle 4px at 74% 64%, rgba(150, 180, 255, .78), transparent),
		radial-gradient(circle 3px at 88% 32%, rgba(170, 150, 255, .82), transparent),
		radial-gradient(circle 3px at 93% 66%, rgba(160, 190, 255, .72), transparent),
		radial-gradient(circle 3px at 56% 76%, rgba(190, 150, 255, .7), transparent);
}
/* 星点(闪烁) */
#ct .ag-aurora .ag-stars-twinkle {
	animation: ag-twinkle 4.5s ease-in-out infinite;
	background:
		radial-gradient(circle 2px at 16% 50%, rgba(220, 160, 255, .9), transparent),
		radial-gradient(circle 2px at 30% 40%, rgba(200, 170, 255, .9), transparent),
		radial-gradient(circle 2px at 48% 70%, rgba(180, 200, 255, .9), transparent),
		radial-gradient(circle 2px at 66% 48%, rgba(210, 170, 255, .9), transparent),
		radial-gradient(circle 2px at 82% 50%, rgba(190, 200, 255, .9), transparent),
		radial-gradient(circle 2px at 50% 16%, rgba(200, 190, 255, .9), transparent);
}
/* 细颗粒(内联 SVG 噪声) */
#ct .ag-aurora .ag-grain {
	opacity: .06;
	mix-blend-mode: overlay;
	background-size: 200px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
/* 暗角：压暗边缘+底部，保证叠在上面的头像/昵称/统计可读 */
#ct .ag-aurora .ag-vignette {
	background:
		radial-gradient(1200px 480px at 50% 46%, transparent 58%, rgba(7, 6, 14, .5) 100%),
		linear-gradient(0deg, rgba(7, 6, 14, .55) 0%, transparent 40%);
}

@media (prefers-reduced-motion: reduce) {
	#ct .ag-aurora .ag-blob-1,
	#ct .ag-aurora .ag-blob-2,
	#ct .ag-aurora .ag-blob-3,
	#ct .ag-aurora .ag-band,
	#ct .ag-aurora .ag-stars-twinkle { animation: none; }
}

@keyframes ag-driftA { 0% { transform: translate(0, 0) scale(1); }    100% { transform: translate(46px, -26px) scale(1.14); } }
@keyframes ag-driftB { 0% { transform: translate(0, 0) scale(1.06); } 100% { transform: translate(-40px, 22px) scale(1); } }
@keyframes ag-driftC { 0% { transform: translate(0, 0) scale(1.02); } 100% { transform: translate(28px, 18px) scale(1.1); } }
@keyframes ag-band   { 0% { transform: rotate(-12deg) translateX(-30px); } 100% { transform: rotate(-12deg) translateX(36px); } }
@keyframes ag-twinkle{ 0%, 100% { opacity: .30; } 50% { opacity: .95; } }

/* Replace the inherited peopleHome tab bar with the homepage tab effect. */
body#space .artg-space-tabs,
body#nv_home .artg-space-tabs {
	margin: 0 !important;
	padding: 0;
	background: linear-gradient(180deg, rgba(4, 8, 18, 0.42), rgba(5, 9, 22, 0.86)) !important;
	border: 0 !important;
	box-shadow: none !important;
}

body#space .artg-space-tabs .subnav-wrap,
body#space .artg-space-tabs .top-hull,
body#space .artg-space-tabs .subnav-contentbox,
body#space .artg-space-tabs .tab-nav-container,
body#nv_home .artg-space-tabs .subnav-wrap,
body#nv_home .artg-space-tabs .top-hull,
body#nv_home .artg-space-tabs .subnav-contentbox,
body#nv_home .artg-space-tabs .tab-nav-container {
	display: flex;
	justify-content: center;
	width: 100%;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

body#space .artg-space-tabs .subnav-content,
body#nv_home .artg-space-tabs .subnav-content {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 82px;
	width: 1320px !important;
	max-width: calc(100vw - 260px);
	height: 76px !important;
	margin: 0 auto !important;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	list-style: none;
	box-sizing: border-box;
	overflow: visible;
}

body#space .artg-space-tabs .subnav-content li,
body#nv_home .artg-space-tabs .subnav-content li {
	position: relative;
	float: none !important;
	height: 76px !important;
	margin: 0 !important;
	padding: 0;
	line-height: 76px !important;
}

body#space .artg-space-tabs .subnav-content a,
body#nv_home .artg-space-tabs .subnav-content a {
	display: block !important;
	position: relative;
	height: 76px !important;
	margin: 0 !important;
	padding: 0 0 2px;
	border: 0 !important;
	border-bottom: 0 !important;
	border-radius: 0;
	background: transparent !important;
	color: rgba(239, 243, 255, 0.66);
	font-size: 18px;
	font-weight: 600;
	line-height: 76px !important;
	white-space: nowrap;
	text-shadow: none;
	transition: color .2s, text-shadow .2s;
}

body#space .artg-space-tabs .subnav-content li.current > a,
body#space .artg-space-tabs .subnav-content li > a:hover,
body#nv_home .artg-space-tabs .subnav-content li.current > a,
body#nv_home .artg-space-tabs .subnav-content li > a:hover {
	border-bottom: 0 !important;
}

body#space .artg-space-tabs .subnav-content li:after,
body#nv_home .artg-space-tabs .subnav-content li:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	display: block !important;
	width: 70px;
	height: 4px;
	border-radius: 999px;
	background: linear-gradient(90deg, #ff2df7, #8e44ff);
	box-shadow: 0 0 10px rgba(255, 66, 255, 0.96), 0 0 28px rgba(139, 55, 255, 0.88);
	transform: translateX(-50%) scaleX(0);
	transform-origin: center;
	transition: transform .2s;
}

body#space .artg-space-tabs .subnav-content li:before,
body#nv_home .artg-space-tabs .subnav-content li:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -8px;
	width: 190px;
	height: 78px;
	background: radial-gradient(ellipse at center bottom, rgba(207, 52, 255, 0.42) 0, rgba(151, 43, 255, 0.24) 30%, rgba(87, 42, 168, 0.11) 54%, transparent 76%);
	filter: blur(10px);
	opacity: 0;
	transform: translateX(-50%);
	pointer-events: none;
	transition: opacity .2s;
}

body#space .artg-space-tabs .subnav-content li.current a,
body#space .artg-space-tabs .subnav-content a:hover,
body#nv_home .artg-space-tabs .subnav-content li.current a,
body#nv_home .artg-space-tabs .subnav-content a:hover {
	color: #fff !important;
	box-shadow: none;
	text-shadow: 0 0 8px rgba(255, 255, 255, 0.55), 0 0 18px rgba(198, 55, 255, 0.9);
}

body#space .artg-space-tabs .subnav-content li.current:before,
body#space .artg-space-tabs .subnav-content li:hover:before,
body#nv_home .artg-space-tabs .subnav-content li.current:before,
body#nv_home .artg-space-tabs .subnav-content li:hover:before {
	opacity: 1;
}

body#space .artg-space-tabs .subnav-content li.current:after,
body#nv_home .artg-space-tabs .subnav-content li.current:after {
	transform: translateX(-50%) scaleX(1);
}

body#space .artg-space-main,
body#nv_home .artg-space-main {
	padding-top: 34px;
}

/* Polish legacy follow/profile content under the redesigned space shell. */
body#space .contariner-wraper .container-area,
body#nv_home .contariner-wraper .container-area {
	width: 1370px;
	max-width: calc(100vw - 180px);
	margin: 0 auto;
}

body#space .content-tab-null,
body#nv_home .content-tab-null {
	width: 100%;
	margin: 0;
	padding: 0;
	background: transparent;
}

body#space .designer-list-box,
body#nv_home .designer-list-box {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 0 !important;
}

body#space .card-designer-list,
body#nv_home .card-designer-list {
	display: grid;
	grid-template-columns: 82px minmax(200px, 250px) minmax(360px, 1fr);
	align-items: center;
	gap: 24px;
	width: 100%;
	min-height: 176px;
	margin: 0 !important;
	padding: 24px 28px;
	overflow: hidden;
	border: 1px solid rgba(121, 137, 190, 0.16);
	border-radius: 8px;
	background:
		linear-gradient(135deg, rgba(17, 23, 41, 0.96), rgba(21, 23, 34, 0.92)),
		radial-gradient(circle at 12% 8%, rgba(72, 147, 255, 0.16), transparent 34%),
		radial-gradient(circle at 90% 28%, rgba(189, 65, 255, 0.12), transparent 32%);
	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
	box-sizing: border-box;
}

body#space .card-designer-list .avatar,
body#space .card-designer-list .author-info,
body#space .card-designer-list .work-show,
body#nv_home .card-designer-list .avatar,
body#nv_home .card-designer-list .author-info,
body#nv_home .card-designer-list .work-show {
	float: none !important;
	margin: 0 !important;
}

body#space .card-designer-list .avatar,
body#nv_home .card-designer-list .avatar {
	display: block;
	width: 82px;
	height: 82px;
}

body#space .card-designer-list .avatar img,
body#nv_home .card-designer-list .avatar img {
	display: block;
	width: 82px !important;
	height: 82px !important;
	border: 0;
	border-radius: 50%;
	object-fit: cover;
	box-shadow: none;
}

body#space .card-designer-list .author-info,
body#nv_home .card-designer-list .author-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	width: auto !important;
	height: auto !important;
	min-width: 0;
	text-align: left !important;
}

body#space .card-designer-list .author-info-title,
body#nv_home .card-designer-list .author-info-title {
	margin: 0 0 6px !important;
	line-height: 24px;
}

body#space .card-designer-list .author-info-title .title-content,
body#nv_home .card-designer-list .author-info-title .title-content {
	color: #fff !important;
	font-size: 18px;
	font-weight: 700;
	text-shadow: 0 0 12px rgba(94, 142, 255, 0.24);
}

body#space .card-designer-list .author-info-title [id^="followbkame_"],
body#nv_home .card-designer-list .author-info-title [id^="followbkame_"] {
	margin-left: 6px !important;
	color: rgba(174, 184, 210, 0.52) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	text-shadow: none;
	vertical-align: baseline;
}

body#space .card-designer-list .author-info-title .title-content:hover,
body#nv_home .card-designer-list .author-info-title .title-content:hover {
	color: #8fddff !important;
}

body#space .card-designer-list .position-info,
body#nv_home .card-designer-list .position-info {
	margin: 0 0 10px !important;
	color: rgba(239, 243, 255, 0.68) !important;
	font-size: 13px !important;
	line-height: 20px;
}

body#space .card-designer-list .position-info span,
body#space .card-designer-list .position-info i,
body#nv_home .card-designer-list .position-info span,
body#nv_home .card-designer-list .position-info i {
	margin: 0 !important;
}

body#space .card-designer-list .info-num,
body#nv_home .card-designer-list .info-num {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 12px;
	margin: 0 0 8px !important;
	font-size: 13px !important;
	line-height: 20px;
}

body#space .card-designer-list .info-num .work,
body#space .card-designer-list .info-num .fans,
body#nv_home .card-designer-list .info-num .work,
body#nv_home .card-designer-list .info-num .fans {
	display: inline-flex !important;
	align-items: center;
	gap: 4px;
	margin: 0 !important;
	color: rgba(239, 243, 255, 0.52);
}

body#space .card-designer-list .info-num span,
body#nv_home .card-designer-list .info-num span {
	margin: 0 !important;
	color: rgba(239, 243, 255, 0.48) !important;
}

body#space .card-designer-list .info-num a,
body#nv_home .card-designer-list .info-num a {
	color: #9bd8ff !important;
	font-weight: 600;
}

body#space .card-designer-list .info-num .artg-space-stat-value,
body#nv_home .card-designer-list .info-num .artg-space-stat-value {
	margin: 0 !important;
	color: rgba(205, 213, 232, 0.66) !important;
	font-weight: 600;
	cursor: default;
}

body#space .card-designer-list .info-num i,
body#nv_home .card-designer-list .info-num i {
	width: 1px !important;
	height: 12px !important;
	margin: 0 2px !important;
	background: rgba(239, 243, 255, 0.18) !important;
}

body#space .card-designer-list .signature p,
body#nv_home .card-designer-list .signature p {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	color: rgba(239, 243, 255, 0.72) !important;
	font-size: 13px !important;
	line-height: 20px;
	text-align: left !important;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

body#space .card-designer-list .signature,
body#nv_home .card-designer-list .signature {
	width: 100%;
	margin: 0 !important;
	text-align: left !important;
}

body#space .card-designer-list .btn-area,
body#nv_home .card-designer-list .btn-area {
	margin: 14px 0 0 !important;
}

body#space .card-designer-list .btn-area .btn-current,
body#nv_home .card-designer-list .btn-area .btn-current {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	min-width: 96px;
	height: 36px !important;
	margin: 0 !important;
	padding: 0 18px !important;
	border: 1px solid rgba(136, 148, 190, 0.34) !important;
	border-radius: 999px !important;
	background: rgba(7, 11, 26, 0.54) !important;
	color: rgba(239, 243, 255, 0.86) !important;
	font-size: 14px !important;
	font-weight: 500;
	line-height: 36px !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
	box-sizing: border-box;
}

body#space .card-designer-list .btn-area .btn-current.notfollow,
body#nv_home .card-designer-list .btn-area .btn-current.notfollow {
	position: relative;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 1px;
	width: 108px;
	min-width: 108px;
	height: 42px !important;
	padding: 0 !important;
	overflow: visible;
	border: 0 !important;
	border-radius: 999px;
	background: linear-gradient(180deg, rgba(255, 255, 255, .30), rgba(255, 255, 255, .04) 48%, transparent 52%), linear-gradient(100deg, #5b6df0 0%, #8a5cf0 50%, #c14ddb 100%) !important;
	color: #fff !important;
	font-family: "Microsoft YaHei", Inter, system-ui, sans-serif;
	font-size: 17px !important;
	font-weight: 500;
	line-height: 1 !important;
	box-shadow:
		0 4px 14px -7px rgba(138, 92, 240, .45),
		inset 0 1px 0 rgba(255, 255, 255, .4),
		inset 0 -8px 14px rgba(70, 30, 130, .3);
	text-shadow: none;
	transition: all .28s cubic-bezier(.2, .7, .3, 1);
}
body#space .card-designer-list .btn-area .btn-current.notfollow::before,
body#nv_home .card-designer-list .btn-area .btn-current.notfollow::before {
	content: "";
	display: inline-block;
	flex: 0 0 14px;
	width: 14px;
	height: 14px;
	margin: 0 !important;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M1 7h12M7 1v12' stroke='white' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E") center/14px 14px no-repeat;
	transform: translateY(.5px);
}
body#space .card-designer-list .btn-area .btn-current.notfollow::after,
body#nv_home .card-designer-list .btn-area .btn-current.notfollow::after {
	content: "";
	position: absolute;
	inset: 0px;
	border: 1px solid rgb(232 225 255 / 30%);
	border-radius: inherit;
	background: transparent;
	opacity: 1;
	pointer-events: none;
}
body#space .card-designer-list .btn-area .btn-current.notfollow:hover,
body#nv_home .card-designer-list .btn-area .btn-current.notfollow:hover {
	transform: none;
	filter: brightness(1.06);
	box-shadow:
		0 8px 22px -8px rgba(138, 92, 240, .58),
		inset 0 1px 0 rgba(255, 255, 255, .45),
		inset 0 -8px 14px rgba(70, 30, 130, .35);
}
body#space .card-designer-list .btn-area .btn-current.notfollow:hover::after,
body#nv_home .card-designer-list .btn-area .btn-current.notfollow:hover::after {
	animation: none;
}
body#space .card-designer-list .btn-area .btn-current.following,
body#nv_home .card-designer-list .btn-area .btn-current.following {
	width: 108px !important;
	min-width: 108px;
	height: 42px !important;
	padding: 0 !important;
	line-height: 1 !important;
	box-sizing: border-box;
}
body#space .card-designer-list .work-show,
body#nv_home .card-designer-list .work-show {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-width: 0;
}

body#space .card-designer-list .work-con-box,
body#nv_home .card-designer-list .work-con-box {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	width: 100%;
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 8px !important;
	background: transparent !important;
	list-style: none;
}

body#space .card-designer-list .work-con-box li,
body#nv_home .card-designer-list .work-con-box li {
	float: none !important;
	width: auto !important;
	height: 150px !important;
	margin: 0 !important;
	overflow: hidden;
	border-radius: 6px;
}

body#space .card-designer-list .work-con-box .card-img-hover,
body#nv_home .card-designer-list .work-con-box .card-img-hover {
	display: block;
	width: 100%;
	height: 100%;
}

body#space .card-designer-list .work-con-box img,
body#nv_home .card-designer-list .work-con-box img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	border-radius: 6px !important;
	object-fit: cover;
	background: #111827;
}

body#space .card-designer-list .work-con-box p,
body#nv_home .card-designer-list .work-con-box p {
	grid-column: 1 / -1;
	min-height: 116px;
	margin: 0 !important;
	border: 1px dashed rgba(128, 143, 194, 0.22);
	border-radius: 8px;
	background: rgba(8, 13, 27, 0.38);
	color: rgba(239, 243, 255, 0.62);
	font-size: 14px;
	line-height: 116px;
	text-align: center;
}

body#space .card-designer-list .work-con-box.artg-space-empty-posts p,
body#nv_home .card-designer-list .work-con-box.artg-space-empty-posts p {
	width: 100%;
	min-height: 24px;
	border: 0;
	background: transparent;
	color: rgba(239, 243, 255, 0.62);
	line-height: 24px;
	text-align: left;
}

body#space .card-designer-list .work-con-box.artg-space-empty-posts,
body#nv_home .card-designer-list .work-con-box.artg-space-empty-posts {
	display: flex !important;
	align-items: center;
	justify-content: flex-start;
	height: 24px;
	min-height: 24px;
	line-height: 24px !important;
	text-align: left !important;
}

body#space .page-discuz,
body#nv_home .page-discuz {
	position: relative;
	z-index: 2;
	min-height: 36px;
	margin: 36px 0 40px !important;
	text-align: center;
}

body#space .page-discuz .pg,
body#space .page-discuz .pgs,
body#nv_home .page-discuz .pg,
body#nv_home .page-discuz .pgs {
	display: inline-block;
	float: none;
	line-height: 34px;
}

body#space .page-discuz .pg a,
body#space .page-discuz .pg strong,
body#space .page-discuz .pg label,
body#nv_home .page-discuz .pg a,
body#nv_home .page-discuz .pg strong,
body#nv_home .page-discuz .pg label {
	display: inline-block;
	width: auto;
	min-width: 20px;
	height: 34px;
	margin: 0 3px;
	padding: 0 12px;
	overflow: visible;
	border: 1px solid rgba(118, 132, 174, 0.3);
	border-radius: 6px;
	background: rgba(11, 17, 31, 0.7);
	background-image: none !important;
	color: rgba(224, 230, 248, 0.8);
	font-size: 14px;
	font-weight: normal;
	line-height: 34px;
	text-align: center;
	text-indent: 0;
	text-decoration: none;
	box-sizing: border-box;
}

body#space .page-discuz .pg a.nxt,
body#space .page-discuz .pg a.prev,
body#nv_home .page-discuz .pg a.nxt,
body#nv_home .page-discuz .pg a.prev {
	padding: 0 12px;
	background-image: none !important;
	font-size: 14px;
	text-indent: 0;
}

body#space .page-discuz .pg a:hover,
body#nv_home .page-discuz .pg a:hover {
	border-color: rgba(191, 64, 255, 0.8);
	background: rgba(11, 17, 31, 0.7);
	color: #fff;
}

body#space .page-discuz .pg strong,
body#space .page-discuz .pg .current,
body#nv_home .page-discuz .pg strong,
body#nv_home .page-discuz .pg .current {
	border-color: rgba(191, 64, 255, 0.9);
	background: linear-gradient(90deg, rgba(255, 45, 247, 0.22), rgba(142, 68, 255, 0.22));
	color: #fff;
}

body#space .page-discuz .pg em,
body#nv_home .page-discuz .pg em {
	font-style: normal;
}

body#space .page-discuz .pg label .px,
body#nv_home .page-discuz .pg label .px {
	width: 28px;
	height: 18px;
	margin: 0 4px 0 0;
	padding: 0;
	border: 1px solid rgba(118, 132, 174, 0.3);
	border-radius: 2px;
	background: rgba(11, 17, 31, 0.7);
	color: rgba(224, 230, 248, 0.8);
	line-height: 18px;
	text-align: center;
}

body#space .card-designer-list .seize-box,
body#nv_home .card-designer-list .seize-box {
	flex: 0 0 auto;
	margin-left: 12px !important;
}

body#space .card-designer-list .work-show-more,
body#nv_home .card-designer-list .work-show-more {
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 24px;
	border: 0;
	border-radius: 0;
	background: transparent;
}

body#space .card-designer-list .work-show-more a,
body#nv_home .card-designer-list .work-show-more a,
body#space .card-designer-list .more-icon,
body#nv_home .card-designer-list .more-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 24px;
	margin: 0 !important;
}

body#space .card-designer-list .more-icon,
body#nv_home .card-designer-list .more-icon {
	gap: 5px;
}

body#space .card-designer-list .more-icon span,
body#nv_home .card-designer-list .more-icon span {
	display: block !important;
	width: 4px !important;
	height: 4px !important;
	margin: 0 !important;
	border-radius: 50%;
	background: rgba(210, 218, 235, 0.72) !important;
	transition: background .18s, box-shadow .18s;
}

body#space .card-designer-list .work-show-more:hover .more-icon span,
body#nv_home .card-designer-list .work-show-more:hover .more-icon span {
	background: rgba(244, 247, 255, 0.95) !important;
	box-shadow: 0 0 8px rgba(202, 214, 255, 0.32);
}

body#space #nofollowmsg .flw_thread,
body#nv_home #nofollowmsg .flw_thread {
	margin: 0;
	padding: 58px 24px;
	border: 1px solid rgba(121, 137, 190, 0.16);
	border-radius: 8px;
	background: rgba(17, 23, 41, 0.88);
	text-align: center;
}

body#space #nofollowmsg .artg-follow-empty-text,
body#nv_home #nofollowmsg .artg-follow-empty-text {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	color: rgba(239, 243, 255, 0.76) !important;
	font-size: 15px;
	font-weight: 500;
	line-height: 26px;
}

body#space #nofollowmsg .artg-follow-empty-text a.xi2,
body#nv_home #nofollowmsg .artg-follow-empty-text a.xi2 {
	color: #a78bfa !important;
}

#append_parent div[id^="fwin_followbkame_"] {
	color: rgba(235, 240, 255, 0.9);
}

#append_parent div[id^="fwin_followbkame_"] table.fwin {
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 8px !important;
	background: transparent !important;
}

#append_parent div[id^="fwin_followbkame_"] .t_l,
#append_parent div[id^="fwin_followbkame_"] .t_c,
#append_parent div[id^="fwin_followbkame_"] .t_r,
#append_parent div[id^="fwin_followbkame_"] .b_l,
#append_parent div[id^="fwin_followbkame_"] .b_c,
#append_parent div[id^="fwin_followbkame_"] .b_r {
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

#append_parent div[id^="fwin_followbkame_"] .m_l,
#append_parent div[id^="fwin_followbkame_"] .m_r {
	display: none !important;
}

#append_parent div[id^="fwin_followbkame_"] .m_c {
	width: 420px !important;
	padding: 0 !important;
	overflow: visible;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

#append_parent div[id^="fwin_followbkame_"] .artg-bkname-dialog {
	position: relative;
	font-size: 14px;
	overflow: hidden;
	border: 1px solid rgba(135, 150, 198, 0.42);
	border-radius: 8px !important;
	background:
		linear-gradient(145deg, rgba(17, 23, 41, 0.98), rgba(20, 22, 35, 0.96)),
		radial-gradient(circle at 18% 0%, rgba(79, 155, 255, 0.16), transparent 36%),
		radial-gradient(circle at 88% 18%, rgba(183, 77, 242, 0.16), transparent 34%);
	box-shadow: 0 22px 70px rgba(0, 0, 0, 0.48), 0 0 30px rgba(95, 86, 255, 0.12), inset 0 0 0 1px rgba(238, 243, 255, 0.05);
	box-sizing: border-box;
}

#append_parent div[id^="fwin_followbkame_"] .artg-bkname-dialog::before {
	content: "";
	position: absolute;
	inset: 0;
	border: 1px solid rgba(214, 224, 255, 0.08);
	border-radius: inherit;
	pointer-events: none;
	box-sizing: border-box;
	overflow: hidden;
}

#append_parent div[id^="fwin_followbkame_"] .artg-bkname-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 52px;
	margin: 0 !important;
	padding: 0 18px;
	border-bottom: 1px solid rgba(127, 143, 196, 0.16);
	background: rgba(10, 14, 26, 0.28);
	cursor: move;
}

#append_parent div[id^="fwin_followbkame_"] .artg-bkname-head em {
	color: #eef3ff;
	font-size: 15px;
	font-weight: 700;
	line-height: 20px;
	text-shadow: 0 0 14px rgba(114, 159, 255, 0.24);
}

#append_parent div[id^="fwin_followbkame_"] .artg-bkname-head span,
#append_parent div[id^="fwin_followbkame_"] .artg-bkname-head a {
	margin: 0 !important;
}

#append_parent div[id^="fwin_followbkame_"] .artg-bkname-close,
#append_parent div[id^="fwin_followbkame_"] .flbc {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 28px !important;
	height: 28px !important;
	overflow: hidden;
	border-radius: 50%;
	color: transparent !important;
	background: transparent !important;
	text-indent: 0 !important;
}

#append_parent div[id^="fwin_followbkame_"] .artg-bkname-close::before,
#append_parent div[id^="fwin_followbkame_"] .flbc::before {
	content: "×";
	color: rgba(226, 233, 255, 0.74);
	font-size: 24px;
	font-weight: 300;
	line-height: 1;
}

#append_parent div[id^="fwin_followbkame_"] .artg-bkname-close:hover,
#append_parent div[id^="fwin_followbkame_"] .flbc:hover {
	background: transparent !important;
}

#append_parent div[id^="fwin_followbkame_"] .artg-bkname-close:hover::before,
#append_parent div[id^="fwin_followbkame_"] .flbc:hover::before {
	color: rgba(255, 255, 255, 0.96);
}

#append_parent div[id^="fwin_followbkame_"] .artg-bkname-body {
	display: grid;
	grid-template-columns: 56px 1fr;
	align-items: center;
	gap: 14px;
	margin: 0 !important;
	padding: 18px;
}

#append_parent div[id^="fwin_followbkame_"] .artg-bkname-avatar,
#append_parent div[id^="fwin_followbkame_"] .artg-bkname-avatar img {
	display: block;
	width: 56px !important;
	height: 56px !important;
	border-radius: 8px;
	object-fit: cover;
}

#append_parent div[id^="fwin_followbkame_"] .artg-bkname-field {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: center;
	gap: 8px;
	margin: 0;
	color: rgba(226, 233, 255, 0.78);
}

#append_parent div[id^="fwin_followbkame_"] .artg-bkname-field span {
	margin: 0 !important;
	font-size: 14px;
}

#append_parent div[id^="fwin_followbkame_"] .artg-bkname-input {
	width: 100% !important;
	height: 34px;
	padding: 0 10px !important;
	border: 1px solid rgba(124, 143, 196, 0.26) !important;
	border-radius: 6px;
	outline: none;
	background: rgba(5, 8, 16, 0.58) !important;
	color: #eef3ff !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
	box-sizing: border-box;
}

#append_parent div[id^="fwin_followbkame_"] .artg-bkname-input:focus {
	border-color: rgba(218, 226, 247, 0.34) !important;
	box-shadow: 0 0 0 1px rgba(238, 243, 255, 0.045);
}

#append_parent div[id^="fwin_followbkame_"] .artg-bkname-actions {
	display: flex;
	justify-content: flex-end;
	margin: 0 !important;
	padding: 0 18px 18px !important;
	border: 0 !important;
	background: transparent !important;
}

#append_parent div[id^="fwin_followbkame_"] .artg-bkname-save {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 78px;
	height: 34px;
	padding: 0 18px !important;
	border: 0 !important;
	border-radius: 6px;
	background: linear-gradient(120deg, #4f9bff 0%, #6f72ff 48%, #b74df2 100%) !important;
	box-shadow: 0 0 18px rgba(114, 111, 255, 0.28);
	color: #fff !important;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}

#append_parent div[id^="fwin_followbkame_"] .artg-bkname-save strong {
	color: #fff !important;
	font-weight: 700;
}

#append_parent div[id^="fwin_followbkame_"] .artg-bkname-save:hover {
	filter: brightness(1.08);
}

body#space .center-section-wrap,
body#nv_home .center-section-wrap {
	border-color: rgba(121, 137, 190, 0.16);
	background:
		linear-gradient(135deg, rgba(17, 23, 41, 0.96), rgba(21, 23, 34, 0.94)),
		radial-gradient(circle at 10% 0, rgba(72, 147, 255, 0.12), transparent 34%);
	box-shadow: 0 18px 54px rgba(0, 0, 0, 0.24);
}

body#space .center-section-wrap .datum-item-box,
body#nv_home .center-section-wrap .datum-item-box {
	position: relative;
	padding: 32px 34px;
	border-bottom: 1px solid rgba(130, 142, 184, 0.12);
	background: transparent;
}

body#space .center-section-wrap .datum-item-box:last-child,
body#nv_home .center-section-wrap .datum-item-box:last-child {
	border-bottom: 0;
}

body#space .center-section-wrap .datum-title-box,
body#nv_home .center-section-wrap .datum-title-box {
	position: relative;
	padding-left: 0;
	color: #fff !important;
	font-size: 18px !important;
	line-height: 26px !important;
	text-shadow: 0 0 12px rgba(113, 126, 255, 0.2);
}

body#space .center-section-wrap .datum-title-box:before,
body#nv_home .center-section-wrap .datum-title-box:before {
	display: none;
	content: none;
}

body#space .center-section-wrap .pf_l,
body#space .center-section-wrap .datum-item-box > ul:not(.pf_l),
body#nv_home .center-section-wrap .pf_l,
body#nv_home .center-section-wrap .datum-item-box > ul:not(.pf_l) {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0 44px;
	margin: 0 !important;
	padding: 0;
	list-style: none;
}

body#space .center-section-wrap .pf_l li,
body#space .center-section-wrap .datum-item-box > ul > li,
body#nv_home .center-section-wrap .pf_l li,
body#nv_home .center-section-wrap .datum-item-box > ul > li {
	display: block;
	width: auto !important;
	min-width: 0;
	margin: 0 !important;
	color: rgba(239, 243, 255, 0.78) !important;
	font-size: 14px;
	line-height: 28px;
	word-break: break-word;
}

body#space .center-section-wrap .pf_l em,
body#space .center-section-wrap em.xg2,
body#space .center-section-wrap em.xg1,
body#nv_home .center-section-wrap .pf_l em,
body#nv_home .center-section-wrap em.xg2,
body#nv_home .center-section-wrap em.xg1 {
	display: inline-block !important;
	width: 104px !important;
	margin: 0 !important;
	padding-right: 14px !important;
	color: rgba(239, 243, 255, 0.48) !important;
	font-style: normal;
	vertical-align: top;
	box-sizing: border-box;
	white-space: nowrap;
}

body#space .center-section-wrap .artg-profile-qq,
body#nv_home .center-section-wrap .artg-profile-qq {
	grid-column: 1;
}

body#space .center-section-wrap .artg-profile-bio,
body#nv_home .center-section-wrap .artg-profile-bio {
	grid-column: 2 / span 2;
}

body#space .center-section-wrap .u_profile img.vm,
body#nv_home .center-section-wrap .u_profile img.vm {
	max-width: 18px;
	max-height: 18px;
	margin: 0 4px !important;
	vertical-align: -3px;
}

body#space .center-section-wrap .u_profile img[src*="ol.gif"],
body#nv_home .center-section-wrap .u_profile img[src*="ol.gif"] {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
}

body#space .center-section-wrap .artg-profile-edit,
body#nv_home .center-section-wrap .artg-profile-edit {
	position: absolute;
	top: 32px;
	right: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	padding: 0 14px;
	border: 1px solid rgba(145, 157, 190, 0.32);
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.04);
	color: rgba(239, 243, 255, 0.76) !important;
	font-size: 13px;
	line-height: 30px;
	text-decoration: none !important;
	box-shadow: none;
}

body#space .center-section-wrap .artg-profile-edit:hover,
body#nv_home .center-section-wrap .artg-profile-edit:hover {
	border-color: rgba(180, 192, 224, 0.48);
	background: rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.92) !important;
}

body#space .center-section-wrap .artg-active-profile span,
body#space .center-section-wrap .artg-active-profile a,
body#nv_home .center-section-wrap .artg-active-profile span,
body#nv_home .center-section-wrap .artg-active-profile a {
	color: rgba(239, 243, 255, 0.78) !important;
	text-decoration: none !important;
}

body#space .center-section-wrap .artg-active-profile a,
body#nv_home .center-section-wrap .artg-active-profile a {
	pointer-events: none;
	cursor: default;
}

body#space .center-section-wrap .dt,
body#nv_home .center-section-wrap .dt {
	width: 100%;
	color: rgba(239, 243, 255, 0.74);
}

/* Personal settings pages. */
body#space .contariner-wraper,
body#nv_home .contariner-wraper,
body#space .artg-spacecp-layout,
body#nv_home .artg-spacecp-layout {
	background: #050916;
}

body#space .artg-spacecp-layout,
body#nv_home .artg-spacecp-layout,
body#space .contariner-wraper .artg-spacecp-layout,
body#nv_home .contariner-wraper .artg-spacecp-layout {
	display: grid !important;
	grid-template-columns: 224px minmax(0, 1fr);
	align-items: start;
	gap: 20px;
	width: 1120px;
	max-width: calc(100vw - 180px);
	margin: 32px auto 0 !important;
}

body#space .artg-spacecp-layout .container-area-left,
body#space .artg-spacecp-layout .container-area-right,
body#nv_home .artg-spacecp-layout .container-area-left,
body#nv_home .artg-spacecp-layout .container-area-right {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	min-width: 0;
}

body#space .artg-spacecp-layout .container-area-left .card-media,
body#nv_home .artg-spacecp-layout .container-area-left .card-media {
	width: 100%;
	margin: 0 0 12px !important;
	border: 1px solid rgba(121, 137, 190, 0.16);
	border-radius: 8px;
	background:
		linear-gradient(145deg, rgba(11, 17, 32, 0.99), rgba(14, 19, 34, 0.98)),
		radial-gradient(circle at 18% 0, rgba(155, 92, 255, 0.16), transparent 36%) !important;
	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
	box-sizing: border-box;
}

body#space .artg-spacecp-layout .container-area-left .personal-card,
body#nv_home .artg-spacecp-layout .container-area-left .personal-card {
	padding: 26px 20px 22px;
	text-align: center;
}

body#space .artg-spacecp-layout .personal-card .author-avatar,
body#nv_home .artg-spacecp-layout .personal-card .author-avatar {
	display: block;
	width: 82px;
	height: 82px;
	margin: 0 auto 12px !important;
	border-radius: 50%;
	overflow: hidden;
}

body#space .artg-spacecp-layout .personal-card .author-avatar img,
body#nv_home .artg-spacecp-layout .personal-card .author-avatar img {
	display: block;
	width: 82px !important;
	height: 82px !important;
	border-radius: 50%;
	object-fit: cover;
}

body#space .artg-spacecp-layout .personal-card .presonal-info,
body#space .artg-spacecp-layout .personal-card .position-info,
body#nv_home .artg-spacecp-layout .personal-card .presonal-info,
body#nv_home .artg-spacecp-layout .personal-card .position-info {
	margin: 0 !important;
	text-align: center;
}

body#space .artg-spacecp-layout .personal-card .author-name,
body#nv_home .artg-spacecp-layout .personal-card .author-name {
	display: block;
	color: #fff !important;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	text-shadow: 0 0 12px rgba(94, 142, 255, 0.26);
}

body#space .artg-spacecp-layout .personal-card .position-info span,
body#nv_home .artg-spacecp-layout .personal-card .position-info span {
	display: block;
	margin: 2px 0 0 !important;
	color: rgba(239, 243, 255, 0.62) !important;
	font-size: 13px;
	line-height: 20px;
}

body#space .artg-spacecp-layout .personal-card .info-num,
body#nv_home .artg-spacecp-layout .personal-card .info-num {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
	margin: 20px 0 0 !important;
}

body#space .artg-spacecp-layout .personal-card .info-num > div,
body#nv_home .artg-spacecp-layout .personal-card .info-num > div {
	position: relative;
	margin: 0 !important;
	text-align: center;
}

body#space .artg-spacecp-layout .personal-card .info-num > div + div:before,
body#nv_home .artg-spacecp-layout .personal-card .info-num > div + div:before {
	content: "";
	position: absolute;
	top: 4px;
	bottom: 4px;
	left: 0;
	width: 1px;
	background: rgba(130, 142, 184, 0.18);
}

body#space .artg-spacecp-layout .personal-card .info-num p,
body#nv_home .artg-spacecp-layout .personal-card .info-num p {
	margin: 0 0 4px !important;
	color: rgba(239, 243, 255, 0.48) !important;
	font-size: 13px;
	line-height: 18px;
}

body#space .artg-spacecp-layout .personal-card .info-num a,
body#nv_home .artg-spacecp-layout .personal-card .info-num a {
	color: rgba(239, 243, 255, 0.9) !important;
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
	text-decoration: none !important;
}

body#space .artg-spacecp-layout .container-area-left .personal-menu,
body#nv_home .artg-spacecp-layout .container-area-left .personal-menu {
	padding: 0;
	overflow: hidden;
	background:
		linear-gradient(145deg, rgba(11, 17, 32, 0.99), rgba(14, 19, 34, 0.98)),
		radial-gradient(circle at 18% 0, rgba(155, 92, 255, 0.16), transparent 36%) !important;
}

body#space .artg-spacecp-layout .personal-menu .menu-list,
body#nv_home .artg-spacecp-layout .personal-menu .menu-list {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
	background: transparent !important;
}

body#space .artg-spacecp-layout .personal-menu .menu-list + .menu-list,
body#nv_home .artg-spacecp-layout .personal-menu .menu-list + .menu-list {
	border-top: 1px solid rgba(121, 137, 190, 0.16);
}

body#space .artg-spacecp-layout .personal-menu .menu-list:not(:last-child),
body#nv_home .artg-spacecp-layout .personal-menu .menu-list:not(:last-child) {
	border-bottom: 1px solid rgba(121, 137, 190, 0.16) !important;
}

body#space .artg-spacecp-layout .personal-menu .menu-list-default,
body#nv_home .artg-spacecp-layout .personal-menu .menu-list-default {
	background: transparent !important;
	height: 44px;
	padding: 0 22px !important;
	color: rgba(239, 243, 255, 0.58);
	font-size: 13px;
	font-weight: 700;
	line-height: 44px;
	letter-spacing: 0;
}

body#space .artg-spacecp-layout .personal-menu .menu-title,
body#nv_home .artg-spacecp-layout .personal-menu .menu-title {
	display: flex;
	align-items: center;
	height: 44px;
	color: rgba(239, 243, 255, 0.88);
	pointer-events: none;
}

body#space .artg-spacecp-layout .personal-menu li,
body#nv_home .artg-spacecp-layout .personal-menu li {
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

body#space .artg-spacecp-layout .personal-menu li a,
body#nv_home .artg-spacecp-layout .personal-menu li a {
	display: flex;
	align-items: center;
	height: 44px;
	padding: 0 22px !important;
	color: rgba(239, 243, 255, 0.76) !important;
	font-size: 14px;
	line-height: 44px;
	text-decoration: none !important;
	box-sizing: border-box;
}

body#space .artg-spacecp-layout .personal-menu li i,
body#nv_home .artg-spacecp-layout .personal-menu li i {
	display: none;
}

body#space .artg-spacecp-layout .personal-menu li.a:before,
body#nv_home .artg-spacecp-layout .personal-menu li.a:before {
	content: none !important;
	display: none !important;
}

body#space .artg-spacecp-layout .personal-menu li.a a,
body#space .artg-spacecp-layout .personal-menu li a:hover,
body#nv_home .artg-spacecp-layout .personal-menu li.a a,
body#nv_home .artg-spacecp-layout .personal-menu li a:hover {
	background: rgba(124, 92, 255, 0.14) !important;
	color: #fff !important;
}

body#space .artg-spacecp-layout .container-area-right .bg-box-radius,
body#nv_home .artg-spacecp-layout .container-area-right .bg-box-radius {
	min-height: 360px;
	overflow: hidden;
	border: 1px solid rgba(121, 137, 190, 0.16);
	border-radius: 8px;
	background:
		linear-gradient(140deg, rgba(17, 23, 41, 0.96), rgba(22, 24, 35, 0.94)),
		radial-gradient(circle at 8% 0, rgba(72, 147, 255, 0.13), transparent 34%);
	box-shadow: 0 18px 54px rgba(0, 0, 0, 0.24);
}

/* 手机绑定面板内容短，去掉卡片 360px 最小高度的底部留白（仅含 isms 面板的卡片） */
body#space .artg-spacecp-layout .container-area-right .bg-box-radius:has(.artg-spacecp-isms),
body#nv_home .artg-spacecp-layout .container-area-right .bg-box-radius:has(.artg-spacecp-isms),
.artg-spacecp-layout .container-area-right .bg-box-radius:has(.artg-spacecp-isms) {
	min-height: 0 !important;
}

body#space .artg-spacecp-layout .container-area-right .tab-menu,
body#nv_home .artg-spacecp-layout .container-area-right .tab-menu {
	margin: 0 !important;
	padding: 0 26px;
	border-bottom: 1px solid rgba(130, 142, 184, 0.12) !important;
	background: rgba(255, 255, 255, 0.018);
}

body#space .artg-spacecp-layout .container-area-right .tab-box,
body#nv_home .artg-spacecp-layout .container-area-right .tab-box {
	display: flex;
	align-items: center;
	gap: 30px;
	height: 64px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

body#space .artg-spacecp-layout .container-area-right .tab-box li,
body#nv_home .artg-spacecp-layout .container-area-right .tab-box li {
	position: relative;
	height: 64px;
	margin: 0 !important;
	padding: 0 !important;
}

body#space .artg-spacecp-layout .container-area-right .tab-box li:after,
body#nv_home .artg-spacecp-layout .container-area-right .tab-box li:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 2px;
	border-radius: 2px 2px 0 0;
	background: #9b5cff;
	opacity: 0;
	transform: scaleX(0.75);
	transition: opacity .18s, transform .18s;
}

body#space .artg-spacecp-layout .container-area-right .tab-box a,
body#nv_home .artg-spacecp-layout .container-area-right .tab-box a {
	display: block;
	height: 64px;
	color: rgba(239, 243, 255, 0.62) !important;
	font-size: 15px;
	font-weight: 700;
	line-height: 64px;
	text-decoration: none !important;
}

body#space .artg-spacecp-layout .container-area-right .tab-box li.a:after,
body#space .artg-spacecp-layout .container-area-right .tab-box li:hover:after,
body#nv_home .artg-spacecp-layout .container-area-right .tab-box li.a:after,
body#nv_home .artg-spacecp-layout .container-area-right .tab-box li:hover:after {
	opacity: 1;
	transform: scaleX(1);
}

body#space .artg-spacecp-layout .container-area-right .tab-box li.a a,
body#space .artg-spacecp-layout .container-area-right .tab-box a:hover,
body#nv_home .artg-spacecp-layout .container-area-right .tab-box li.a a,
body#nv_home .artg-spacecp-layout .container-area-right .tab-box a:hover {
	color: #fff !important;
	text-shadow: 0 0 12px rgba(155, 92, 255, 0.34);
}

body#space .artg-spacecp-layout .container-area-right .datum-item-box,
body#nv_home .artg-spacecp-layout .container-area-right .datum-item-box {
	padding: 30px 34px 36px;
	border-bottom: 0 !important;
	background: transparent;
}

body#space .artg-spacecp-layout .container-area-right .tfm,
body#nv_home .artg-spacecp-layout .container-area-right .tfm {
	width: 100%;
	margin: 0 !important;
	border-collapse: separate;
	border-spacing: 0 14px;
	color: rgba(239, 243, 255, 0.82);
}

body#space .artg-spacecp-layout .container-area-right .tfm th,
body#nv_home .artg-spacecp-layout .container-area-right .tfm th {
	width: 108px;
	padding: 8px 18px 8px 0 !important;
	color: rgba(220, 229, 255, 0.82) !important;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}

body#space .artg-spacecp-layout .container-area-right .tfm td,
body#nv_home .artg-spacecp-layout .container-area-right .tfm td {
	padding: 0 0 0 0 !important;
	color: rgba(239, 243, 255, 0.82) !important;
	font-size: 14px;
	line-height: 36px;
	vertical-align: top;
}

body#space .artg-spacecp-layout .container-area-right .tfm td.p,
body#nv_home .artg-spacecp-layout .container-area-right .tfm td.p {
	width: 96px;
	padding-left: 16px !important;
	text-align: right;
}

body#space .artg-spacecp-layout .container-area-right .px,
body#space .artg-spacecp-layout .container-area-right .pt,
body#space .artg-spacecp-layout .container-area-right select,
body#nv_home .artg-spacecp-layout .container-area-right .px,
body#nv_home .artg-spacecp-layout .container-area-right .pt,
body#nv_home .artg-spacecp-layout .container-area-right select {
	max-width: 100%;
	border: 1px solid rgba(132, 149, 195, 0.24) !important;
	border-radius: 6px;
	background: rgba(8, 13, 27, 0.72) !important;
	color: rgba(239, 243, 255, 0.9) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
	box-sizing: border-box;
}

body#space .artg-spacecp-layout .container-area-right .px,
body#space .artg-spacecp-layout .container-area-right select,
body#nv_home .artg-spacecp-layout .container-area-right .px,
body#nv_home .artg-spacecp-layout .container-area-right select {
	height: 36px;
	padding: 0 10px;
	line-height: 34px;
}

body#space .artg-spacecp-layout .container-area-right .pt,
body#nv_home .artg-spacecp-layout .container-area-right .pt {
	min-height: 82px;
	padding: 10px;
	line-height: 20px;
	resize: vertical;
}

body#space .artg-spacecp-layout .container-area-right .px:focus,
body#space .artg-spacecp-layout .container-area-right .pt:focus,
body#space .artg-spacecp-layout .container-area-right select:focus,
body#nv_home .artg-spacecp-layout .container-area-right .px:focus,
body#nv_home .artg-spacecp-layout .container-area-right .pt:focus,
body#nv_home .artg-spacecp-layout .container-area-right select:focus {
	border-color: rgba(91, 173, 255, 0.56) !important;
	outline: 0;
	box-shadow: 0 0 0 2px rgba(63, 144, 255, 0.12);
}

body#space .artg-spacecp-layout .container-area-right .d,
body#space .artg-spacecp-layout .container-area-right .mtn,
body#nv_home .artg-spacecp-layout .container-area-right .d,
body#nv_home .artg-spacecp-layout .container-area-right .mtn {
	color: rgba(239, 243, 255, 0.48) !important;
	font-size: 12px;
	line-height: 20px;
}

body#space .artg-spacecp-layout .container-area-right .rq,
body#nv_home .artg-spacecp-layout .container-area-right .rq {
	color: #ff6f7d !important;
}

body#space .artg-spacecp-layout .container-area-right .pn,
body#nv_home .artg-spacecp-layout .container-area-right .pn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 74px;
	height: 34px;
	margin: 0 !important;
	padding: 0 18px !important;
	border: 0 !important;
	border-radius: 6px;
	background: linear-gradient(120deg, #4f9bff 0%, #6f72ff 48%, #b74df2 100%) !important;
	box-shadow: 0 0 18px rgba(114, 111, 255, 0.28);
	color: #fff !important;
	cursor: pointer;
}

body#space .artg-spacecp-layout .container-area-right .pn strong,
body#nv_home .artg-spacecp-layout .container-area-right .pn strong {
	color: #fff !important;
	font-size: 14px;
	font-weight: 700;
	line-height: 34px;
}

body#space .artg-spacecp-layout .container-area-right .pn:hover,
body#nv_home .artg-spacecp-layout .container-area-right .pn:hover {
	filter: brightness(1.08);
}

body#space .artg-spacecp-layout .container-area-right .tedt,
body#nv_home .artg-spacecp-layout .container-area-right .tedt {
	border: 1px solid rgba(132, 149, 195, 0.24);
	border-radius: 6px;
	background: rgba(8, 13, 27, 0.72);
}

body#space .artg-spacecp-layout .container-area-right .tedt .bar,
body#nv_home .artg-spacecp-layout .container-area-right .tedt .bar {
	border-bottom-color: rgba(130, 142, 184, 0.12);
	background: rgba(255, 255, 255, 0.035);
}

/* Spacecp fallback: this page can render with different body ids, so key overrides anchor to the layout class itself. */
.artg-spacecp-layout {
	display: grid !important;
	grid-template-columns: 224px minmax(0, 1fr);
	align-items: start;
	gap: 20px;
	width: 1120px;
	max-width: calc(100vw - 180px);
	margin: 32px auto 0 !important;
	background: #050916;
}

.artg-spacecp-layout .container-area-left,
.artg-spacecp-layout .container-area-right {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	min-width: 0;
}

.artg-spacecp-layout .container-area-left .card-media,
.artg-spacecp-layout .container-area-right .bg-box-radius {
	border: 1px solid rgba(121, 137, 190, 0.16) !important;
	border-radius: 8px !important;
	background: linear-gradient(145deg, rgba(11, 17, 32, 0.99), rgba(14, 19, 34, 0.98)) !important;
	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22) !important;
	box-sizing: border-box;
}

.artg-spacecp-layout .container-area-left .personal-menu {
	padding: 0 !important;
	overflow: hidden;
	background: linear-gradient(145deg, rgba(11, 17, 32, 0.99), rgba(14, 19, 34, 0.98)) !important;
}

.artg-spacecp-layout .personal-menu .menu-list,
.artg-spacecp-layout .personal-menu .menu-list-default,
.artg-spacecp-layout .personal-menu li {
	background: transparent !important;
}

.artg-spacecp-layout .personal-menu .menu-list {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

.artg-spacecp-layout .personal-menu .menu-list + .menu-list {
	border-top: 1px solid rgba(121, 137, 190, 0.16) !important;
	border-bottom: 0 !important;
}

.artg-spacecp-layout .personal-menu .menu-list:not(:last-child) {
	border-bottom: 1px solid rgba(121, 137, 190, 0.16) !important;
}

.artg-spacecp-layout .personal-menu .menu-title {
	display: flex !important;
	align-items: center;
	height: 44px !important;
	color: rgba(239, 243, 255, 0.88) !important;
	pointer-events: none;
}

.artg-spacecp-layout .personal-menu li,
.artg-spacecp-layout .personal-menu li:hover {
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

.artg-spacecp-layout .personal-menu li i,
.artg-spacecp-layout .personal-menu li.a i,
.artg-spacecp-layout .personal-menu li.a:before {
	content: none !important;
	display: none !important;
}

.artg-spacecp-layout .personal-menu li a {
	display: flex !important;
	align-items: center;
	height: 44px !important;
	padding: 0 22px !important;
	color: rgba(239, 243, 255, 0.78) !important;
	font-size: 14px;
	line-height: 44px !important;
	text-decoration: none !important;
	box-sizing: border-box;
}

.artg-spacecp-layout .personal-menu li.a a,
.artg-spacecp-layout .personal-menu li a:hover {
	background: rgba(124, 92, 255, 0.14) !important;
	color: #fff !important;
}

.artg-spacecp-layout .container-area-right .tab-menu {
	margin: 0 !important;
	padding: 0 26px !important;
	border-bottom: 1px solid rgba(130, 142, 184, 0.12) !important;
	background: rgba(255, 255, 255, 0.018) !important;
}

.artg-spacecp-layout .container-area-right .tab-box {
	display: flex !important;
	align-items: center;
	gap: 30px;
	height: 64px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

.artg-spacecp-layout .container-area-right .tab-box li {
	position: relative;
	height: 64px;
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 0 !important;
}

.artg-spacecp-layout .container-area-right .tab-box .a {
	border-bottom: 0 !important;
	color: #fff !important;
}

.artg-spacecp-layout .container-area-right .tab-box li:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 2px;
	border-radius: 2px 2px 0 0;
	background: #9b5cff !important;
	opacity: 0;
	transform: scaleX(0.75);
	transition: opacity .18s, transform .18s;
}

.artg-spacecp-layout .container-area-right .tab-box li.a:after,
.artg-spacecp-layout .container-area-right .tab-box li:hover:after {
	opacity: 1;
	transform: scaleX(1);
}

.artg-spacecp-layout .container-area-right .tab-box a {
	display: block;
	height: 64px;
	border-bottom: 0 !important;
	color: rgba(239, 243, 255, 0.64) !important;
	font-size: 15px;
	font-weight: 700;
	line-height: 64px;
	text-decoration: none !important;
}

.artg-spacecp-layout .container-area-right .tab-box li.a a,
.artg-spacecp-layout .container-area-right .tab-box a:hover {
	border-bottom: 0 !important;
	color: #fff !important;
	text-shadow: 0 0 12px rgba(155, 92, 255, 0.34);
}

.artg-spacecp-layout .container-area-right .datum-item-box {
	padding: 30px 34px 36px;
	border-bottom: 0 !important;
	background: transparent !important;
}

/* Hard fallback for spacecp pages where legacy home/common CSS leaks through. */
.artg-spacecp-layout .personal-menu .menu-list li.a > i,
.artg-spacecp-layout .personal-menu .menu-list li > i,
.artg-spacecp-layout .personal-menu .menu-list li.a:before,
.artg-spacecp-layout .personal-menu .menu-list li:before {
	content: none !important;
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	background: transparent !important;
}

.artg-spacecp-layout .container-area-right .tab-box li,
.artg-spacecp-layout .container-area-right .tab-box .a,
.artg-spacecp-layout .container-area-right .tab-box li:hover,
.artg-spacecp-layout .container-area-right .tab-box a,
.artg-spacecp-layout .container-area-right .tab-box a:hover {
	border-bottom: 0 !important;
}

.artg-spacecp-layout .container-area-right .tfm {
	width: 100% !important;
	margin: 0 !important;
	border-collapse: separate !important;
	border-spacing: 0 14px !important;
	color: rgba(239, 243, 255, 0.82) !important;
}

.artg-spacecp-layout .container-area-right .tfm th {
	width: 108px !important;
	padding: 8px 18px 8px 0 !important;
	color: rgba(220, 229, 255, 0.82) !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 20px !important;
	text-align: left !important;
	vertical-align: top !important;
	white-space: nowrap;
}

.artg-spacecp-layout .container-area-right .tfm td {
	padding: 0 !important;
	color: rgba(239, 243, 255, 0.82) !important;
	font-size: 14px !important;
	line-height: 36px !important;
	vertical-align: top !important;
}

.artg-spacecp-layout .container-area-right .px,
.artg-spacecp-layout .container-area-right .pt,
.artg-spacecp-layout .container-area-right select {
	max-width: 100%;
	border: 1px solid rgba(132, 149, 195, 0.24) !important;
	border-radius: 6px !important;
	background: rgba(8, 13, 27, 0.72) !important;
	color: rgba(239, 243, 255, 0.9) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
	box-sizing: border-box;
}

.artg-spacecp-layout .container-area-right .px,
.artg-spacecp-layout .container-area-right select {
	height: 36px !important;
	padding: 0 10px !important;
	line-height: 34px !important;
}

.artg-spacecp-layout .container-area-right .pt {
	min-height: 82px !important;
	padding: 10px !important;
	line-height: 20px !important;
	resize: vertical;
}

.artg-spacecp-layout .container-area-right .pn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 74px;
	height: 34px !important;
	margin: 0 !important;
	padding: 0 18px !important;
	border: 0 !important;
	border-radius: 6px !important;
	background: linear-gradient(120deg, #4f9bff 0%, #6f72ff 48%, #b74df2 100%) !important;
	box-shadow: 0 0 18px rgba(114, 111, 255, 0.28) !important;
	color: #fff !important;
	cursor: pointer;
}

.artg-spacecp-layout .container-area-right .pn strong {
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 34px !important;
}@media (max-width: 900px) {
	body#space .artg-space-tabs,
	body#nv_home .artg-space-tabs {
		padding: 0 14px;
	}

	body#space .artg-space-tabs .subnav-content,
	body#nv_home .artg-space-tabs .subnav-content {
		justify-content: flex-start;
		width: 100% !important;
		max-width: none;
		gap: 34px;
		height: 58px !important;
		overflow-x: auto;
	}

	body#space .artg-space-tabs .subnav-content li,
	body#space .artg-space-tabs .subnav-content a,
	body#nv_home .artg-space-tabs .subnav-content li,
	body#nv_home .artg-space-tabs .subnav-content a {
		height: 58px !important;
		line-height: 58px !important;
	}

	body#space .artg-space-tabs .subnav-content a,
	body#nv_home .artg-space-tabs .subnav-content a {
		font-size: 15px;
	}

	body#space .contariner-wraper .container-area,
	body#nv_home .contariner-wraper .container-area {
		max-width: calc(100vw - 32px);
	}

	body#space .card-designer-list,
	body#nv_home .card-designer-list {
		grid-template-columns: 72px 1fr;
		gap: 16px;
		padding: 18px;
	}

	body#space .card-designer-list .avatar,
	body#nv_home .card-designer-list .avatar,
	body#space .card-designer-list .avatar img,
	body#nv_home .card-designer-list .avatar img {
		width: 72px !important;
		height: 72px !important;
	}

	body#space .card-designer-list .work-show,
	body#nv_home .card-designer-list .work-show {
		grid-column: 1 / -1;
	}

	body#space .card-designer-list .work-con-box,
	body#nv_home .card-designer-list .work-con-box,
	body#space .center-section-wrap .pf_l,
	body#space .center-section-wrap .datum-item-box > ul:not(.pf_l),
	body#nv_home .center-section-wrap .pf_l,
	body#nv_home .center-section-wrap .datum-item-box > ul:not(.pf_l) {
		grid-template-columns: 1fr;
	}

	body#space .artg-spacecp-layout,
	body#nv_home .artg-spacecp-layout,
	body#space .contariner-wraper .artg-spacecp-layout,
	body#nv_home .contariner-wraper .artg-spacecp-layout {
		grid-template-columns: 1fr;
		max-width: calc(100vw - 32px);
	}

	body#space .artg-spacecp-layout .container-area-right .tab-menu,
	body#nv_home .artg-spacecp-layout .container-area-right .tab-menu {
		padding: 0 18px;
	}

	body#space .artg-spacecp-layout .container-area-right .tab-box,
	body#nv_home .artg-spacecp-layout .container-area-right .tab-box {
		gap: 22px;
		overflow-x: auto;
	}

	body#space .artg-spacecp-layout .container-area-right .datum-item-box,
	body#nv_home .artg-spacecp-layout .container-area-right .datum-item-box {
		padding: 22px 18px 28px;
	}

	body#space .artg-spacecp-layout .container-area-right .tfm,
	body#space .artg-spacecp-layout .container-area-right .tfm tbody,
	body#space .artg-spacecp-layout .container-area-right .tfm tr,
	body#space .artg-spacecp-layout .container-area-right .tfm th,
	body#space .artg-spacecp-layout .container-area-right .tfm td,
	body#nv_home .artg-spacecp-layout .container-area-right .tfm,
	body#nv_home .artg-spacecp-layout .container-area-right .tfm tbody,
	body#nv_home .artg-spacecp-layout .container-area-right .tfm tr,
	body#nv_home .artg-spacecp-layout .container-area-right .tfm th,
	body#nv_home .artg-spacecp-layout .container-area-right .tfm td {
		display: block;
		width: 100% !important;
	}

	body#space .artg-spacecp-layout .container-area-right .tfm td.p,
	body#nv_home .artg-spacecp-layout .container-area-right .tfm td.p {
		padding: 8px 0 0 !important;
		text-align: left;
	}
}
.artg-spacecp-isms {
  overflow: visible;
}

/* 手机绑定面板：收窄卡片上下内边距，去掉看着像空白的多余留白（仅此面板） */
body#space .center-section-wrap .datum-item-box.artg-spacecp-isms,
body#nv_home .center-section-wrap .datum-item-box.artg-spacecp-isms {
  padding-top: 20px !important;
  padding-bottom: 16px !important;
}

.artg-spacecp-isms .artg-jzsjiale-isms-panel {
  width: 100%;
}

.artg-spacecp-isms .Jzsjiale_Isms_Header,
.artg-spacecp-isms .jzsjiale_isms_security_nav,
.artg-spacecp-isms .jzsjiale_isms_security_sideColumn,
.artg-spacecp-isms .jzsjiale_isms_security_footer {
  display: none !important;
}

.artg-spacecp-isms .jzsjiale_isms_security_main,
.artg-spacecp-isms .jzsjiale_isms_security_main_page,
.artg-spacecp-isms .jzsjiale_isms_security_layout,
.artg-spacecp-isms .jzsjiale_isms_security_mainColumn,
.artg-spacecp-isms .jzsjiale_isms_security_mainContent,
.artg-spacecp-isms .jzsjiale_isms_security_mainContent_setting,
.artg-spacecp-isms .jzsjiale_isms_main_page,
.artg-spacecp-isms .jzsjiale_isms_main_content,
.artg-spacecp-isms .jzsjiale_isms_main_content_inner {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.artg-spacecp-isms .jzsjiale_isms_security_layout {
  display: block !important;
}

/* 去掉面板底部空白：隐藏空 footer，整体随内容自适应高度 */
.artg-spacecp-isms .jzs-jiale-isms-footer-content,
.artg-spacecp-isms .ISMSPage-footer {
  display: none !important;
}

.artg-spacecp-isms .jzsjiale_isms_security_mainContent_title {
  margin: 0 0 20px !important;
  padding: 0 !important;
  border-bottom: 0 !important;
}

/* 去掉框内所有长横线：标题分隔/表单上分隔/手机行/输入框下划线 */
.artg-spacecp-isms .jzsjiale_isms_security_mainContent_setting,
.artg-spacecp-isms .ISMSForm-account,
.artg-spacecp-isms .artg-bind-phone-row,
.artg-spacecp-isms .Input-wrapper,
.artg-spacecp-isms .jzsjiale_isms_main_content .Input-wrapper {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

.artg-spacecp-isms .jzsjiale_isms_security_main_title {
  margin: 0 0 8px !important;
  color: #f6f8ff !important;
  font-size: 18px !important;
  line-height: 28px !important;
  font-weight: 700 !important;
}

.artg-spacecp-isms .jzsjiale_isms_security_main_desc,
.artg-spacecp-isms .ISMSFormInput-errorMask {
  color: rgba(218, 228, 255, 0.68) !important;
}

.artg-spacecp-isms .ISMSForm-account,
.artg-spacecp-isms .ISMSForm-seccode,
.artg-spacecp-isms .ISMSForm-password {
  max-width: 560px !important;
}

.artg-spacecp-isms .JButton,
.artg-spacecp-isms .Input-wrapper,
.artg-spacecp-isms .ivu-input,
.artg-spacecp-isms .ivu-select-selection {
  border-color: rgba(124, 140, 181, 0.28) !important;
  background: rgba(7, 12, 28, 0.56) !important;
  color: #f6f8ff !important;
}

.artg-spacecp-isms .ISMSForm-submitButton,
.artg-spacecp-isms .ISMSForm-sendseccodeButton {
  border: 0 !important;
  background: linear-gradient(90deg, #5f9cff, #9a58f6) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(94, 143, 255, 0.22) !important;
}

.artg-spacecp-isms .ISMSPage-loginbtn {
  max-width: 560px !important;
  margin-top: 18px !important;
  color: rgba(218, 228, 255, 0.72) !important;
  background: rgba(15, 23, 45, 0.62) !important;
  border: 1px solid rgba(124, 140, 181, 0.2) !important;
  border-radius: 8px !important;
}

/* bindmobile 页：单行手机号展示优化 */
.artg-spacecp-isms .artg-bind-phone-row {
  display: flex !important;
  align-items: center !important;
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
}

.artg-spacecp-isms .artg-bind-phone-row .ISMSForm-bindSelect {
  float: none !important;
  transform: none !important;
  min-width: 72px !important;
  flex-shrink: 0 !important;
  align-self: center !important;
}

.artg-spacecp-isms .artg-bind-phone-row .ISMSForm-accountInputContainer {
  flex: 1 !important;
  overflow: visible !important;
}

.artg-spacecp-isms .artg-bind-phone-row .Input-wrapper {
  width: 100% !important;
}

/* 手机号只读区：去掉深色底框，纯文本展示（无背景/边框/点击高亮） */
.artg-spacecp-isms .artg-bind-readonly,
.artg-spacecp-isms .artg-bind-readonly:focus-within,
.artg-spacecp-isms .artg-bind-readonly input:focus,
.artg-spacecp-isms .artg-bind-readonly.ivu-input-wrapper-focus {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

.artg-spacecp-isms .artg-bind-readonly input,
.artg-spacecp-isms .artg-bind-readonly .JInput,
.artg-spacecp-isms .artg-bind-readonly .ivu-input {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  cursor: default !important;
  pointer-events: none !important;
}

/* 修改按钮缩小为自适应宽度 */
.artg-spacecp-isms .ISMSForm-submitButton {
  width: auto !important;
  display: inline-block !important;
  padding: 0 40px !important;
  margin-top: 20px !important;
  height: 32px !important;
  line-height: 32px !important;
  font-size: 13px !important;
  border-radius: 6px !important;
}

/* bindmobile 页：修改按钮左缘与手机号列(标签宽 72px)对齐，去掉核心 flex 注入的 margin:auto 居中 */
.artg-spacecp-isms .artg-bind-modify-btn {
  display: block !important;
  width: fit-content !important;
  margin-left: 72px !important;
  margin-right: 0 !important;
  float: none !important;
}

/* verifybindmobile 页：提交按钮左缘与验证码输入框(内容左缘，无标签)对齐 */
.artg-spacecp-isms .artg-verify-submit-btn {
  display: block !important;
  width: fit-content !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  float: none !important;
}

/* 修改密码页·手机验证码 tab：获取验证码按钮改朴素边框样式(同绑定页，去彩色底框) */
#artg-sms-sendbtn {
  background: rgba(22, 30, 58, 0.7) !important;
  background-image: none !important;
  border: 1px solid rgba(124, 140, 181, 0.4) !important;
  color: rgba(218, 228, 255, 0.75) !important;
  box-shadow: none !important;
  border-radius: 4px !important;
}

/* Fix: isms style.css sets "ul,menu,dir { margin-block-start:1em }" which shifts
   the artgamer header nav-list (a <ul>) downward. Restore correct zero margin. */
.header-common .nav-list,
.header-common .right-part {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

/* Compact isms panel text to match artgamer's tight design language */
.artg-spacecp-isms .jzsjiale_isms_security_main_title {
  font-size: 14px !important;
  height: auto !important;
  line-height: 22px !important;
}

.artg-spacecp-isms .jzsjiale_isms_security_main_desc {
  font-size: 12px !important;
  line-height: 18px !important;
}

.artg-spacecp-isms .jzsjiale_isms_security_mainContent_title {
  padding: 0 0 12px !important;
  margin: 0 0 12px !important;
}

.artg-spacecp-isms .ISMSPage_content {
  padding: 0 0 16px !important;
  font-size: 13px !important;
}

.artg-spacecp-isms .ISMSForm-account {
  margin-top: 8px !important;
}

.artg-spacecp-isms .JSelect_bind {
  height: 28px !important;
  line-height: 28px !important;
  font-size: 13px !important;
}

.artg-spacecp-isms .ISMSForm-accountSeperator {
  margin-top: 13px !important;
  margin-bottom: 0 !important;
}

.artg-spacecp-isms .ISMSForm-seccodeinputContainer {
  margin-top: 8px !important;
}

.artg-spacecp-isms .ISMSForm-sendseccodeButton {
  top: 14px !important;
  font-size: 12px !important;
}

.artg-spacecp-isms .ISMSForm-submitButton {
  margin-top: 14px !important;
  height: 34px !important;
  line-height: 34px !important;
  font-size: 13px !important;
}

/* verifybindmobile: 验证码行 flex 布局，让输入框和按钮同行对齐 */
.artg-spacecp-isms .artg-seccode-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 16px !important;
  position: static !important;
}

.artg-spacecp-isms .artg-seccode-row .ISMSForm-seccodeInput {
  flex: 0 0 auto !important;
  width: 220px !important;
  min-width: 0 !important;
}

/* 验证码输入框：固定大小 + 可见边框，wrapper 压到与按钮同高对齐 */
.artg-spacecp-isms .artg-seccode-row .ISMSForm-seccodeInput,
.artg-spacecp-isms .artg-seccode-row .ISMSForm-seccodeInput .Input-wrapper {
  height: 36px !important;
}

.artg-spacecp-isms .artg-seccode-row .ISMSForm-seccodeInput .JInput,
.artg-spacecp-isms .artg-seccode-row .ISMSForm-seccodeInput .ivu-input {
  height: 36px !important;
  line-height: 36px !important;
  border: 1px solid rgba(124, 140, 181, 0.45) !important;
  border-radius: 4px !important;
  background: rgba(7, 12, 28, 0.4) !important;
  padding: 0 12px !important;
}

.artg-spacecp-isms .artg-seccode-row .ISMSForm-sendseccodeButton {
  position: static !important;
  transform: none !important;
  top: auto !important;
  right: auto !important;
  flex-shrink: 0 !important;
  height: 36px !important;
  line-height: normal !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 获取验证码按钮改为朴素边框样式（不要彩色渐变） */
.artg-spacecp-isms .ISMSForm-sendseccodeButton {
  background: rgba(22, 30, 58, 0.7) !important;
  border: 1px solid rgba(124, 140, 181, 0.4) !important;
  color: rgba(218, 228, 255, 0.75) !important;
  box-shadow: none !important;
  border-radius: 4px !important;
}

.artg-spacecp-isms .ISMSForm-sendseccodeButton:disabled {
  opacity: 0.45 !important;
  cursor: default !important;
}

/* 验证码输入框 placeholder 字号缩小 */
.artg-spacecp-isms .ISMSForm-seccodeInput .JInput::placeholder {
  font-size: 11px !important;
}

/* 验证码错误提示去掉白色弹窗，改暗色内联（只在提交校验失败时出现） */
.artg-spacecp-isms .ISMSFormInput-errorMask {
  background: rgba(7, 12, 28, 0.92) !important;
  border: 1px solid rgba(255, 120, 120, 0.4) !important;
  box-shadow: none !important;
  color: #ff8b8b !important;
  font-size: 11px !important;
  border-radius: 4px !important;
}

/* Message / notification center */
.artg-message-layout .container-area-left .personal-card {
  padding: 30px 20px 28px !important;
}

.artg-message-layout .container-area-left .personal-menu {
  margin-top: 12px !important;
}

.artg-message-layout .artg-prompt-menu em[class^="notice_"] {
  display: none !important;
}

.artg-message-layout .artg-prompt-menu .menu-list-default {
  height: 48px !important;
  padding: 0 24px !important;
  border-bottom: 1px solid rgba(121, 137, 190, 0.14);
}

.artg-message-layout .artg-prompt-menu .menu-title {
  height: 48px !important;
  color: rgba(239, 243, 255, 0.92) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 48px !important;
}

.artg-message-layout .artg-prompt-menu .menu-list + .menu-list {
  border-top: 0 !important;
}

.artg-message-layout .artg-prompt-menu li a {
  height: 52px !important;
  padding: 0 24px !important;
  border-left: 2px solid transparent;
  line-height: 52px !important;
}

.artg-message-layout .artg-prompt-menu li.a a,
.artg-message-layout .artg-prompt-menu li a:hover {
  border-left-color: transparent;
  background: linear-gradient(90deg, rgba(91, 189, 255, 0.16), rgba(155, 92, 255, 0.08)) !important;
}

.artg-message-layout .container-area-right .bg-box-radius {
  min-height: 190px !important;
}

.artg-message-layout .container-area-right .tab-box li.y,
.artg-message-layout .container-area-right .tab-box li.o {
  float: none !important;
}

.artg-message-layout .container-area-right .tab-box li.y {
  order: 4;
  margin-left: auto !important;
}

.artg-message-layout .container-area-right .tab-box li.o a {
  color: #5bbdff !important;
}

.artg-message-layout .container-area-right .datum-item-box {
  min-height: 88px;
  padding: 30px !important;
}

.artg-message-layout .container-area-right .emp,
.artg-message-layout .container-area-right .tbms {
  margin: 0 !important;
  padding: 18px 20px !important;
  border: 1px solid rgba(121, 137, 190, 0.12);
  border-radius: 6px;
  background: rgba(7, 12, 27, 0.46);
  color: rgba(239, 243, 255, 0.78) !important;
  font-size: 14px !important;
  line-height: 22px !important;
  text-align: left !important;
}

.artg-message-layout .container-area-right .emp a,
.artg-message-layout .container-area-right .tbms a,
.artg-message-layout .container-area-right .xld a,
.artg-message-layout .container-area-right .tbmu a {
  color: #5bbdff !important;
}

.artg-message-layout .container-area-right .xld,
.artg-message-layout .container-area-right .pml {
  margin: 0 !important;
}

.artg-message-layout .container-area-right .xld dl,
.artg-message-layout .container-area-right .pml dl,
.artg-message-layout .container-area-right .buddy li {
  margin: 0 0 12px !important;
  padding: 18px 20px !important;
  border: 1px solid rgba(121, 137, 190, 0.12) !important;
  border-radius: 6px;
  background: rgba(7, 12, 27, 0.46);
  color: rgba(239, 243, 255, 0.82);
}

.artg-message-layout .container-area-right .xld dl:last-child,
.artg-message-layout .container-area-right .pml dl:last-child,
.artg-message-layout .container-area-right .buddy li:last-child {
  margin-bottom: 0 !important;
}

.artg-message-layout .container-area-right .xld dl.newpm,
.artg-message-layout .container-area-right .pml dl.newpm {
  border-color: rgba(91, 189, 255, 0.28) !important;
  background:
    linear-gradient(90deg, rgba(91, 189, 255, 0.10), rgba(155, 92, 255, 0.05)),
    rgba(7, 12, 27, 0.56);
}

.artg-message-layout .container-area-right .xld dd,
.artg-message-layout .container-area-right .pml dd {
  color: rgba(239, 243, 255, 0.82) !important;
}

.artg-message-layout .container-area-right .avt img,
.artg-message-layout .container-area-right .m.avt img {
  width: 44px !important;
  height: 44px !important;
  border: 0 !important;
  border-radius: 50%;
  object-fit: cover;
}

.artg-message-layout .container-area-right .pm_c {
  padding-left: 16px !important;
}

.artg-message-layout .container-area-right .pm_o,
.artg-message-layout .container-area-right .xg1 {
  color: rgba(239, 243, 255, 0.52) !important;
}

.artg-message-layout .container-area-right .pm_op {
  margin-top: 16px !important;
  color: rgba(239, 243, 255, 0.64) !important;
}

.artg-message-layout .container-area-right .pc,
.artg-message-layout .container-area-right .pr {
  accent-color: #5bbdff;
}

.artg-message-layout .container-area-right .pm_b {
  border: 1px solid rgba(121, 137, 190, 0.12);
  border-radius: 6px;
  background: rgba(7, 12, 27, 0.46);
}

.artg-message-layout .container-area-right .pm_smry {
  color: rgba(239, 243, 255, 0.82);
  line-height: 24px;
}

.artg-notice-layout .container-area-right .datum-item-box {
  padding-right: 26px !important;
  padding-left: 26px !important;
}

.artg-notice-layout .container-area-right .artg-notice-list {
  width: 100%;
  padding: 0 !important;
}

.artg-notice-layout .container-area-right .nts {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 0 !important;
  padding: 0 !important;
}

.artg-notice-layout .container-area-right .nts .artg-notice-item {
  position: relative;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 18px;
  align-items: center;
  min-height: 88px;
  margin: 0 !important;
  padding: 16px 18px !important;
  box-sizing: border-box;
}

.artg-notice-layout .container-area-right .nts .artg-notice-item:last-child {
  margin-bottom: 0 !important;
}

.artg-notice-layout .container-area-right .nts .artg-notice-item:after {
  content: none !important;
  display: none !important;
}

.artg-notice-layout .container-area-right .nts .artg-notice-item .m.avt {
  grid-row: 1 / 3;
  grid-column: 1;
  float: none !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.artg-notice-layout .container-area-right .nts .artg-notice-item .m.avt a,
.artg-notice-layout .container-area-right .nts .artg-notice-item .m.avt img,
.artg-notice-layout .container-area-right .nts .artg-notice-item .artg-system-notice-icon {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}

.artg-notice-layout .container-area-right .nts .artg-notice-item .m.avt img {
  border-radius: 50%;
  object-fit: cover;
}

.artg-notice-layout .container-area-right .nts .artg-notice-item .artg-system-notice-icon {
  border: 1px solid rgba(77, 166, 255, 0.36);
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(52, 216, 255, 0.13), rgba(124, 77, 255, 0.15)), #0f192c;
  color: #67dcff;
  box-shadow: 0 0 0 3px rgba(77, 166, 255, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.artg-notice-layout .container-area-right .nts .artg-notice-item .artg-system-notice-icon svg {
  display: block;
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.artg-notice-layout .container-area-right .nts .artg-notice-item dt {
  grid-row: 1;
  grid-column: 2;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 22px;
}

.artg-notice-layout .container-area-right .nts .artg-notice-item dt .xg1 {
  display: block;
  margin: 0 !important;
  line-height: 22px !important;
}

.artg-notice-layout .container-area-right .nts .artg-notice-item .d.b {
  display: none !important;
}

.artg-notice-layout .container-area-right .nts .artg-notice-item .ntc_body {
  grid-row: 2;
  grid-column: 2;
  min-width: 0;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  line-height: 22px !important;
}

.artg-notice-layout .container-area-right .nts .artg-notice-item .ntc_body,
.artg-notice-layout .container-area-right .nts .artg-notice-item .ntc_body * {
  white-space: nowrap;
}

.artg-notice-layout .container-area-right .nts .artg-notice-item .ntc_body {
  overflow: hidden;
  text-overflow: ellipsis;
}

.artg-notice-layout .container-area-right .nts .artg-notice-item .ntc_body a {
  display: inline;
}

.artg-notice-layout .container-area-right .nts .artg-notice-item .ntc_body a.lit {
  color: #fff !important;
}

.artg-notice-layout .container-area-right .nts .artg-notice-item .artg-coin-amount {
  color: #f8fbff !important;
  font-weight: 700;
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.24);
}

.artg-notice-layout .container-area-right .nts .artg-notice-type-at {
  min-height: 88px;
  align-items: start;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.artg-notice-layout .container-area-right .nts .artg-notice-type-at .m.avt {
  margin-top: 4px !important;
}

.artg-notice-layout .container-area-right .nts .artg-notice-type-at .ntc_body {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  width: 100%;
  margin-top: 2px !important;
  overflow: visible;
  color: rgba(239, 243, 255, 0.82) !important;
  text-align: left;
  text-overflow: clip;
}

.artg-notice-layout .container-area-right .nts .artg-notice-type-at .ntc_body,
.artg-notice-layout .container-area-right .nts .artg-notice-type-at .ntc_body * {
  white-space: normal;
}

.artg-notice-layout .container-area-right .nts .artg-notice-type-at .artg-mention-main {
  flex: 0 1 auto;
  min-width: 0;
  max-width: calc(100% - 72px);
  margin: 0 !important;
  overflow: hidden;
  color: rgba(239, 243, 255, 0.88);
  font-size: 13px;
  line-height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.artg-notice-layout .container-area-right .nts .artg-notice-type-at .artg-mention-main a {
  color: #5bbdff !important;
  font-weight: 700;
}

.artg-notice-layout .container-area-right .nts .artg-notice-type-at .artg-mention-action {
  display: inline !important;
  flex: 0 0 auto;
  height: auto;
  margin: 0 0 0 12px !important;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: #fff !important;
  font-size: 13px;
  font-weight: 700;
  line-height: 22px;
}

.artg-notice-layout .container-area-right .nts .artg-notice-type-at .artg-mention-action:hover {
  color: #5bbdff !important;
  text-decoration: none;
}

.artg-notice-layout .container-area-right .nts .artg-notice-type-at .artg-mention-excerpt {
  display: none !important;
}

.artg-notice-layout .container-area-right .nts .artg-notice-type-at .artg-mention-excerpt:before {
  content: none;
}

.artg-notice-layout .container-area-right .nts .artg-notice-item > dd.xg1.xw0 {
  grid-column: 2;
  margin: 6px 0 0 !important;
  padding: 0 !important;
  line-height: 20px !important;
}

@media (max-width: 720px) {
  .artg-notice-layout .container-area-right .nts .artg-notice-item {
    grid-template-columns: 40px minmax(0, 1fr);
    column-gap: 14px;
    min-height: 82px;
    padding: 14px !important;
  }

  .artg-notice-layout .container-area-right .nts .artg-notice-item .m.avt,
  .artg-notice-layout .container-area-right .nts .artg-notice-item .m.avt a,
  .artg-notice-layout .container-area-right .nts .artg-notice-item .m.avt img,
  .artg-notice-layout .container-area-right .nts .artg-notice-item .artg-system-notice-icon {
    width: 40px !important;
    height: 40px !important;
  }

  .artg-notice-layout .container-area-right .nts .artg-notice-type-at .ntc_body {
    flex-wrap: wrap;
  }

  .artg-notice-layout .container-area-right .nts .artg-notice-type-at .artg-mention-main {
    max-width: calc(100% - 52px);
  }

}