/* ResHub 会员中心 / 登录注册 */
:root{
	--uc-blue:#007bf5;
	--uc-blue-deep:#0063c7;
	--uc-bg:#eef3f9;
	--uc-card:#fff;
	--uc-text:#1f2a37;
	--uc-muted:#7a8796;
	--uc-line:#e8eef5;
}
body.user-center-page{
	min-width:0!important;
	background:linear-gradient(180deg,#f4f7fb 0%,#eef3f9 100%);
}
body.user-center-page.auth-layout header .search-open,
body.user-center-page.auth-layout header .menu{display:none}

/* ===== 认证页 ===== */
.uc-auth{
	min-height:calc(100vh - 140px);
	display:flex;
	align-items:center;
	justify-content:center;
	padding:110px 16px 48px;
	box-sizing:border-box;
}
.uc-auth-card{
	width:100%;
	max-width:420px;
	background:var(--uc-card);
	border-radius:16px;
	padding:36px 32px 28px;
	box-shadow:0 12px 36px rgba(20,50,90,.08);
	box-sizing:border-box;
}
.uc-auth-brand{
	font-size:13px;font-weight:700;letter-spacing:.08em;
	color:var(--uc-blue);text-transform:uppercase;margin-bottom:10px;
}
.uc-auth-card h1{
	margin:0;font-size:26px;font-weight:700;color:var(--uc-text);line-height:1.3;
}
.uc-auth-sub{
	margin:8px 0 24px;font-size:14px;color:var(--uc-muted);line-height:1.5;
}
.uc-auth-form .layui-form-item{
	position:relative;margin-bottom:16px;
}
.uc-auth-form .uc-input-ico{
	position:absolute;left:0;top:0;bottom:0;width:42px;
	display:inline-flex;align-items:center;justify-content:center;color:#9aa6b5;z-index:1;
}
.uc-auth-form .layui-input{
	height:46px;line-height:46px;border-radius:10px;border-color:#e5ecf4;
	padding-left:42px;text-indent:0;color:var(--uc-text);
}
.uc-auth-form .layui-input:focus{border-color:var(--uc-blue)!important}
.uc-send-code{
	position:absolute;right:10px;top:50%;transform:translateY(-50%);
	font-style:normal;font-size:13px;color:var(--uc-blue);cursor:pointer;user-select:none;
}
.uc-auth-extra{
	display:flex;align-items:center;justify-content:space-between;
	margin:4px 0 18px;min-height:32px;
}
.uc-auth-extra-center{justify-content:center;gap:18px}
.uc-auth-links{display:flex;gap:14px;align-items:center}
.uc-auth-links a,.uc-auth-extra-center a{color:var(--uc-muted);font-size:13px}
.uc-auth-links a:hover,.uc-auth-extra-center a:hover{color:var(--uc-blue)}
.uc-auth-qq{display:inline-flex;align-items:center;color:var(--uc-blue)}
.uc-auth-qq .layui-icon{font-size:28px}
.uc-auth-submit,.uc-auth-form .layui-btn{
	width:100%;height:46px;line-height:46px;border-radius:10px;
	background:linear-gradient(90deg,#007bf5 0,#399dff 100%)!important;
	font-size:15px;font-weight:600;border:0;
}

.user{
	--uc-blue:#007bf5;
	--uc-blue-deep:#0063c7;
	--uc-bg:#eef3f9;
	--uc-card:#fff;
	--uc-text:#1f2a37;
	--uc-muted:#7a8796;
	--uc-line:#e8eef5;
	margin-top:96px;
	min-height:640px;
	width:100%;
	border-radius:14px;
	box-sizing:border-box;
	background:linear-gradient(180deg,#f4f7fb 0%,#eef3f9 100%);
	overflow:hidden;
	box-shadow:0 10px 30px rgba(20,50,90,.06);
	display:flex;
	align-items:stretch;
}

.user:after,.user.layui-clear:after{display:none!important;content:none!important}
.user-menu{
	float:none;
	width:200px;
	flex:0 0 200px;
	padding:18px 12px;
	box-sizing:border-box;
	background:rgba(255,255,255,.72);
	border-right:1px solid var(--uc-line);
	min-height:640px;
}
.user-menu ul{margin:0;padding:0;list-style:none}
.user-menu li{margin:4px 0}
.user-menu li a{
	display:flex;
	align-items:center;
	gap:10px;
	width:100%;
	box-sizing:border-box;
	line-height:1.2;
	min-height:46px;
	padding:0 14px;
	font-size:14px;
	color:#445466;
	border-radius:10px;
	transition:background .2s ease,color .2s ease,transform .2s ease;
}
.user-menu li a i{width:18px;text-align:center;opacity:.85}
.user-menu li.hover a,
.user-menu li a:hover{
	background:rgba(0,123,245,.1);
	color:var(--uc-blue);
}
.user-menu li.hover a{
	box-shadow:inset 3px 0 0 var(--uc-blue);
	font-weight:600;
}
.user-menu-logout a{color:#c24b4b!important}
.user-menu-logout a:hover{background:rgba(194,75,75,.08)!important;color:#c24b4b!important}

.user-main{
	float:none;
	width:auto;
	flex:1 1 auto;
	min-width:0;
	box-sizing:border-box;
	padding:20px 22px 28px;
}
.user-hero{
	display:flex;
	align-items:center;
	gap:18px;
	padding:22px 24px;
	margin-bottom:18px;
	border-radius:14px;
	color:#fff;
	background:
		radial-gradient(circle at 88% 20%,rgba(255,255,255,.22),transparent 36%),
		linear-gradient(120deg,#0690ff 0%,#007bf5 48%,#005bb7 100%);
	animation:ucHeroIn .45s ease both;
}
@keyframes ucHeroIn{
	from{opacity:0;transform:translateY(8px)}
	to{opacity:1;transform:none}
}
.user-hero-avatar{
	width:72px;height:72px;border-radius:50%;
	padding:3px;background:rgba(255,255,255,.35);flex:0 0 auto;
}
.user-hero-avatar img{
	width:100%;height:100%;border-radius:50%;display:block;object-fit:cover;background:#fff;
}
.user-hero-meta{flex:1;min-width:0}
.user-hero-name{
	font-size:22px;font-weight:700;line-height:1.3;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.user-hero-sub{margin-top:8px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.user-badge{
	display:inline-block;padding:3px 10px;border-radius:999px;
	font-size:12px;background:rgba(255,255,255,.2);backdrop-filter:blur(4px);
}
.user-badge.vip-lv-1{background:rgba(168,184,204,.35)}
.user-badge.vip-lv-2{background:rgba(232,176,58,.4)}
.user-badge.vip-lv-3{background:rgba(90,180,255,.45)}
.user-badge.vip-lv-4{background:rgba(255,120,80,.45)}
.user-hero-balance{font-size:13px;opacity:.95}
.user-hero-balance strong{font-size:16px;margin-left:4px}
.user-hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.user-btn{
	display:inline-flex;align-items:center;justify-content:center;
	min-width:104px;height:36px;padding:0 16px;border-radius:999px;
	font-size:13px;transition:transform .2s ease,background .2s ease,color .2s ease;
}
.user-btn:hover{transform:translateY(-1px)}
.user-btn-primary{background:#fff;color:var(--uc-blue);font-weight:600}
.user-btn-ghost{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.35)}

.user-box{
	width:100%;
	background:var(--uc-card);
	min-height:420px;
	padding:24px 26px 30px;
	box-sizing:border-box;
	border-radius:14px;
	box-shadow:0 4px 16px rgba(20,50,90,.04);
}
.user .title{
	font-weight:600;font-size:18px;color:var(--uc-text);
	display:flex;align-items:center;flex-wrap:wrap;gap:8px;
	padding-bottom:14px;border-bottom:1px solid var(--uc-line);margin-bottom:8px;
}
.user .title span{font-size:13px;color:var(--uc-muted);font-weight:400}
.user .title .title-link{margin-left:auto}
.user .title .title-link a{color:var(--uc-blue)}

.user-info .data{overflow:hidden;margin:18px 0 8px}
.user-info .data ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:14px}
.user-info .data ul li{
	position:relative;width:calc(25% - 11px);min-height:118px;
	border-radius:14px;overflow:hidden;box-sizing:border-box;
	padding:22px 18px;color:#fff;
	transition:transform .22s ease,box-shadow .22s ease;
}
.user-info .data ul li:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(20,50,90,.12)}
.user-info .data ul li.stat-vip{background:linear-gradient(135deg,#5aa7ff,#007bf5)}
.user-info .data ul li.stat-balance{background:linear-gradient(135deg,#ffc14d,#f59a14)}
.user-info .data ul li.stat-comment{background:linear-gradient(135deg,#57c2ff,#1e9dff)}
.user-info .data ul li.stat-post{background:linear-gradient(135deg,#ff9a5c,#ff6917)}
.user-info .data ul li .stat-body em{
	display:block;font-style:normal;font-size:13px;opacity:.9;margin-bottom:8px;
}
.user-info .data ul li .stat-body strong{
	display:block;font-size:24px;line-height:1.2;font-weight:700;
}
.user-info .data ul li span{
	position:absolute;right:-6px;bottom:-4px;
	width:64px;height:64px;border-radius:50%;
	background:rgba(255,255,255,.16);
	display:flex;align-items:center;justify-content:center;
}
.user-info .data ul li span i{color:#fff;font-size:22px;margin:0}

.user-info .list ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:12px 2%}
.user-info .list li{width:49%;box-sizing:border-box}
.user-info .list li label{
	display:block;margin-top:4px;height:28px;line-height:28px;
	font-weight:600;color:#526174;font-size:13px;
}
.user-info .list li span{
	display:block;width:100%;border-radius:10px;padding:14px 16px;
	background:#f4f7fb;color:var(--uc-text);box-sizing:border-box;
}
.user-info .list li.uc-profile-full,
.user-info .list li:nth-child(7){width:100%}
.user-info .list li:nth-child(7) textarea,
.user-info .info .layui-textarea{
	height:100px;display:block;width:100%;border:1px solid #e5ecf4;
	margin-top:10px;padding:14px 16px;border-radius:10px;box-sizing:border-box;
}
.user-info .info{overflow:hidden;margin:18px 0}
.user-info .info .layui-form-label{padding-left:0;text-align:left;width:110px;color:#526174}
.user-info .info .layui-input-block{margin-left:110px;width:auto;float:none;position:relative}
.user-info .info .layui-form-item{margin-bottom:18px;clear:both}
.user-box .layui-form-label{width:110px;padding-left:0;text-align:left;color:#526174}
.user-box .layui-input-block{margin-left:110px}
.user-box .layui-form-item .layui-input-inline{margin-right:10px}
.user-box .layui-form-item .layui-inline{margin-bottom:8px}
.uc-wrap{padding-bottom:24px}
.user-info .info .layui-input-block img{
	position:absolute;top:7px;bottom:0;right:5px;width:70px;
	display:inline-flex;justify-content:center;align-items:center;color:#999;
}
.layui-form-radio>i:hover,.layui-form-radioed>i{color:var(--uc-blue)}
.user-info .info .layui-btn,
.user-box .layui-btn{background:var(--uc-blue);border-radius:10px}
.user-info .info .layui-btn{width:100%}
.user-info .info .layui-input,
.user-box .layui-input{border-radius:10px;border-color:#e5ecf4}

.vip-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:14px;
	margin:10px 0 22px;
}
.vip-tips{
	position:relative;
	border-radius:14px;
	text-align:center;
	overflow:hidden;
	background:#fff;
	border:1px solid var(--uc-line);
	transition:transform .22s ease,box-shadow .22s ease;
}
.vip-tips:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(20,50,90,.1)}
.vip-tips h3{
	line-height:52px;font-size:16px;color:#fff;font-weight:600;
}
.vip-tips.vip-lv-1 h3{background:linear-gradient(120deg,#9eb0c3,#6f849b)}
.vip-tips.vip-lv-2 h3{background:linear-gradient(120deg,#f0c15a,#d89412)}
.vip-tips.vip-lv-3 h3{background:linear-gradient(120deg,#6ec4ff,#1d8ff0)}
.vip-tips.vip-lv-4 h3{background:linear-gradient(120deg,#ff9a63,#e85a2a)}
.vip-tips h4{
	color:var(--uc-blue);padding:12px 12px 0;font-size:22px;font-weight:800;margin:0;
}
.vip-tips h4 small{font-size:12px;font-weight:500;color:var(--uc-muted)}
.vip-tips p{padding:10px 14px 16px;color:var(--uc-muted);line-height:1.6;font-size:13px;min-height:72px;margin:0}
.vip-tips a{
	background:var(--uc-blue);color:#fff;padding:8px 18px;display:inline-block;
	border-radius:999px;margin-bottom:18px;font-size:13px;
	transition:background .2s ease,transform .2s ease;
}
.vip-tips a:hover{background:var(--uc-blue-deep);transform:translateY(-1px)}
.vip-tips.is-current{border-color:rgba(0,123,245,.35);box-shadow:0 0 0 1px rgba(0,123,245,.12)}
.vip-tag{
	position:absolute;top:10px;right:10px;z-index:2;
	font-style:normal;font-size:11px;padding:2px 8px;border-radius:999px;
	background:rgba(255,255,255,.92);color:var(--uc-blue);font-weight:600;
}
.uc-recharge-panel{
	margin-top:8px;padding:20px 22px;border-radius:14px;
	background:linear-gradient(180deg,#f7faff,#f2f6fb);
	border:1px solid var(--uc-line);
}
.uc-recharge-head{margin-bottom:14px}
.uc-recharge-head strong{display:block;font-size:16px;color:var(--uc-text)}
.uc-recharge-head span{display:block;margin-top:4px;font-size:13px;color:var(--uc-muted)}

.user-stow .list ul{
	display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0;padding:0;list-style:none;
}
.user-stow .list ul li{
	padding:14px;border:1px solid var(--uc-line);border-radius:12px;
	position:relative;width:auto;float:none;box-sizing:border-box;margin:0;
	background:#fff;display:flex;gap:12px;align-items:flex-start;
	transition:box-shadow .2s ease,transform .2s ease;
}
.user-stow .list ul li:hover{box-shadow:0 8px 18px rgba(20,50,90,.08);transform:translateY(-2px)}
.user-stow .list .txt .tit{
	width:100%;font-size:15px;margin:0;line-height:1.4;
	text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;color:var(--uc-text);
}
.user-stow .list .txt{margin:0;width:auto;flex:1;min-width:0}
.user-stow .list .img{
	width:64px;height:64px;flex:0 0 64px;border-radius:12px;border:1px solid var(--uc-line);
	overflow:hidden;display:block;background:#f6f8fb;
}
.user-stow .list .img img{width:100%;height:100%;object-fit:cover;display:block}
.user-stow .uc-stow-meta{
	display:flex;flex-wrap:wrap;align-items:center;gap:8px;
	margin-top:8px;font-size:12px;color:#8a93a3;
}
.user-stow .uc-stow-meta time{float:none;margin:0;font-size:12px;color:#8a93a3}
.user-stow .uc-status-wait,
.user-stow .uc-status-ok{
	display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:12px;
}
.user-stow .uc-status-wait{background:#fff6e8;color:#d48806}
.user-stow .uc-status-ok{background:#f0faf3;color:#3d9a5c}
.user-stow .uc-stow-ops{display:flex;gap:8px;margin-top:12px}
.user-stow .uc-stow-ops a{
	float:none;position:static;display:inline-flex;align-items:center;gap:4px;
	height:30px;padding:0 12px;border-radius:8px;font-size:13px;line-height:1;
}
.user-stow .uc-stow-ops .edit{background:#eef5ff;color:#007bf5}
.user-stow .uc-stow-ops .edit:hover{background:#e3efff;color:#005fc1}
.user-stow .uc-stow-ops .del{background:#f4f6f8;color:#8a93a3}
.user-stow .uc-stow-ops .del:hover{background:#fff1f0;color:#c24b4b}
.uc-edit-bar{
	display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.uc-edit-main{min-width:0}
.uc-edit-main em{
	display:inline-block;margin-bottom:6px;font-style:normal;font-size:12px;
	color:#007bf5;background:#eef5ff;border-radius:999px;padding:2px 8px;
}
.uc-edit-main strong{
	display:block;font-size:15px;color:var(--uc-text);font-weight:600;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.uc-edit-main span{display:block;margin-top:4px;font-size:12px;color:#8a93a3}
.uc-edit-view{
	flex:0 0 auto;height:32px;line-height:32px;padding:0 12px;border-radius:8px;
	background:#fff;border:1px solid rgba(0,123,245,.25);color:#007bf5;font-size:13px;
}
.uc-edit-view:hover{background:#007bf5;color:#fff}
.uc-status-wait{color:#e6a23c}
.uc-status-ok{color:#67c23a}

.user-comment .list ul li{
	padding:14px 0;position:relative;border-bottom:1px solid var(--uc-line);
}
.user-comment .list ul li:last-child{border-bottom:0}
.user-comment .list ul li time{float:left}
.user-comment .list ul li p{
	padding:14px 16px;display:block;background:#f4f7fb;border-radius:12px;color:var(--uc-text);margin:0;line-height:1.7;word-break:break-word;
}
.user-comment .list ul li p img.wp-smiley,
.user-comment .uc-cmt-text img.wp-smiley{
	width:auto!important;height:22px!important;max-height:22px;vertical-align:middle;display:inline-block;margin:0 2px;
}
.user-comment .list ul li a{float:right;color:var(--uc-muted)}
.user-comment .list ul li span{
	display:block;overflow:hidden;line-height:30px;color:var(--uc-muted);margin-top:10px;
}
.uc-empty,.uc-empty-item{
	width:100%!important;float:none!important;border:0!important;box-shadow:none!important;
	text-align:center;color:var(--uc-muted);padding:36px 12px!important;font-size:14px;
	grid-column:1/-1;display:block;
}
.uc-empty a{color:var(--uc-blue)}

/* 在线投稿 */
.uc-submit .title .title-link{display:flex;align-items:center;gap:14px}
.uc-submit .layui-form-label em{color:#e35d5d;font-style:normal;margin-left:2px}
.uc-submit-tips{
	margin:4px 0 18px;padding:12px 14px;border-radius:10px;
	background:linear-gradient(90deg,rgba(0,123,245,.08),rgba(0,123,245,.02));
	border:1px solid rgba(0,123,245,.12);
}
.uc-submit-tips p{margin:0;font-size:13px;color:#526174;line-height:1.6}
.uc-type-tabs{
	display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:560px;
}
.uc-type-tab{
	appearance:none;border:1px solid var(--uc-line);background:#f7f9fc;border-radius:12px;
	padding:14px 12px;text-align:left;cursor:pointer;
	transition:border-color .2s,box-shadow .2s,transform .2s,background .2s;
	display:flex;flex-direction:column;gap:4px;color:var(--uc-text);
}
.uc-type-tab i{font-size:18px;color:var(--uc-blue);margin-bottom:2px}
.uc-type-tab strong{font-size:15px;font-weight:700}
.uc-type-tab span{font-size:12px;color:var(--uc-muted)}
.uc-type-tab:hover{transform:translateY(-1px);border-color:rgba(0,123,245,.35)}
.uc-type-tab.is-active{
	background:#fff;border-color:var(--uc-blue);
	box-shadow:0 0 0 3px rgba(0,123,245,.12);
}
.uc-submit .layui-input,
.uc-submit .layui-textarea{border-radius:10px!important;border-color:#e5ecf4!important}
.uc-submit .layui-input:focus,
.uc-submit .layui-textarea:focus{border-color:var(--uc-blue)!important}
.uc-submit .layui-form-select dl{z-index:10020;border-radius:10px;overflow:hidden}
.uc-editor-src{display:none}
.uc-submit .layui-layedit{
	border-radius:12px!important;overflow:hidden;border-color:#e5ecf4!important;
}
.uc-submit .layui-layedit-tool{border-bottom-color:#e8eef5!important;background:#f8fafc}
.uc-panel-head{
	display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;
	margin:8px 0 16px;padding-bottom:10px;border-bottom:1px dashed var(--uc-line);
}
.uc-panel-head strong{font-size:15px;color:var(--uc-text)}
.uc-panel-head span{font-size:12px;color:var(--uc-muted)}
.uc-field-group{
	margin:0 0 18px;padding:14px 14px 6px;
	border:1px solid var(--uc-line);border-radius:12px;background:#fafbfd;
}
.uc-field-group:last-child{margin-bottom:4px}
.uc-field-group-title{
	font-size:13px;font-weight:700;color:var(--uc-blue);
	margin:0 0 12px;padding-left:10px;border-left:3px solid var(--uc-blue);
	line-height:1.3;
}
.uc-table-wrap-play{margin-left:0}
@media (max-width:800px){
	.uc-field-group{padding:12px 10px 4px}
}
.uc-table-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.uc-table-wrap{
	overflow:auto;margin:0 0 8px 110px;border:1px solid var(--uc-line);
	border-radius:12px;background:#fafbfd;
}
.uc-table-wrap .layui-table{margin:0}
.uc-table-wrap .layui-table th{
	background:#f1f5f9;color:#526174;font-weight:600;white-space:nowrap;
}
.uc-table-wrap .layui-input{min-width:88px}
.uc-submit-bar{margin-top:22px;padding-top:8px}
.uc-submit-btn{
	min-width:140px;height:42px!important;line-height:42px!important;
	border-radius:12px!important;font-size:15px!important;font-weight:600;
}
.uc-submit-link{margin-left:14px;font-size:13px;color:var(--uc-muted)}
.uc-submit-link:hover{color:var(--uc-blue)}
.uc-sort-wrap{max-width:320px}

.user-box .page{text-align:center;margin-top:10px}
.user-box .page span{color:#888}
.user-box .page span:first-of-type{float:right;display:none}
.user-box .page .indexPage,.user-box .page a,.user-box .page li a{
	padding:6px 10px;background:#f2f5f9;border-radius:8px;color:#888;margin:0 5px 0 0;display:inline-block;
}
.user-box .page strong,.user-box .page .thisclass a{
	padding:6px 10px;background:var(--uc-blue);color:#fff;font-weight:400;border-radius:8px;margin:0 5px;
}

@media screen and (max-width:1100px){
	.user-info .data ul li{width:calc(50% - 7px)}
	.vip-grid{grid-template-columns:repeat(2,1fr)}
}
@media screen and (max-width:800px){
	.uc-auth{padding:90px 12px 32px;min-height:calc(100vh - 100px)}
	.uc-auth-card{padding:28px 20px 22px}
	.user{margin-top:80px;border-radius:10px;flex-direction:column}
	.user-menu{
		width:100%;flex:none;min-height:0;margin-bottom:12px;padding:10px;
		border-right:0;background:#fff;
	}
	.user-menu li{float:left;width:31.33%;margin:1%;}
	.user-menu li a{
		justify-content:center;flex-direction:column;gap:4px;
		min-height:52px;padding:8px 4px;background:#f6f8fb;font-size:12px;text-align:center;
	}
	.user-menu li.hover a{box-shadow:none;background:var(--uc-blue);color:#fff}
	.user-menu li a i{width:auto}
	.user-main{width:100%;flex:none;padding:0 10px 16px}
	.user-hero{flex-direction:column;align-items:flex-start;padding:18px}
	.user-hero-actions{width:100%}
	.user-btn{flex:1}
	.user-box,.user-info .data{width:100%}
	.user-box{padding:16px 12px}
	.user-info .info .layui-form-label,
	.user-box .layui-form-label{width:100%;display:block;margin-bottom:6px}
	.user-info .info .layui-input-block,
	.user-box .layui-input-block{margin-left:0}
	.user-info .data ul li{width:calc(50% - 7px)}
	.vip-grid{grid-template-columns:1fr}
	.user-stow .list ul{grid-template-columns:1fr}
	.user-stow .list ul li{width:100%;float:none}
	.uc-edit-bar{align-items:flex-start;flex-direction:column}
	.user-info .list li{width:100%}
	.user-comment .list ul li a{
		width:60%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;
	}
	.uc-type-tabs{grid-template-columns:1fr;max-width:none}
	.uc-table-wrap{margin-left:0}
	.uc-submit-link{display:inline-block;margin:12px 0 0}
}

/* 夜间模式：会员中心 */
body.night.user-center-page{background:#1e1f22}
body.night .uc-auth-card{
	background:#292a2d;box-shadow:none;border:1px solid #565656;
}
body.night .uc-auth-card h1{color:#e5eaf2}
body.night .uc-auth-sub,
body.night .uc-auth-links a,
body.night .uc-auth-extra-center a{color:#8b93a0}
body.night .uc-auth-form .layui-input{
	background:#252525;border-color:#565656;color:#c0c4cc;
}
body.night .user{
	--uc-bg:#1e1f22;
	--uc-card:#292a2d;
	--uc-text:#c0c4cc;
	--uc-muted:#8b93a0;
	--uc-line:#565656;
	background:linear-gradient(180deg,#2a2b2e 0%,#1e1f22 100%);
	box-shadow:none;
}
body.night .user-menu{
	background:rgba(0,0,0,.35);
	border-right-color:var(--uc-line);
}
body.night .user-menu li a{color:#c0c4cc;background:transparent}
body.night .user-menu li a:hover,
body.night .user-menu li.hover a{background:rgba(0,123,245,.18);color:#7ec3ff}
body.night .user-menu li.hover a{box-shadow:inset 3px 0 0 var(--uc-blue)}
body.night .user-box{
	background:#292a2d;
	border-color:#565656;
	box-shadow:none;
}
body.night .user-box .title{color:#e5eaf2;border-bottom-color:#565656}
body.night .user-box .title span{color:#8b93a0}
body.night .vip-tips{background:#252525;border-color:#565656}
body.night .vip-tips h4{color:#7ec3ff}
body.night .vip-tips p{color:#8b93a0}
body.night .vip-tag{background:rgba(37,37,37,.95);color:#7ec3ff}
body.night .uc-recharge-panel{
	background:linear-gradient(180deg,#2f3034,#25262a);
	border-color:#565656;
}
body.night .uc-recharge-head strong{color:#e5eaf2}
body.night .uc-recharge-head span{color:#8b93a0}
body.night .user-stow .list ul li,
body.night .user-comment .list ul li p{background:#252525;border-color:#565656;color:#c0c4cc}
body.night .user-stow .uc-status-wait{background:#3a2e1c;color:#e6b35a}
body.night .user-stow .uc-status-ok{background:#1c3324;color:#7dcea0}
body.night .user-stow .uc-stow-ops .edit{background:#1e3a5f;color:#7ec3ff}
body.night .user-stow .uc-stow-ops .del{background:#2a2b2e;color:#8b93a0}
body.night .uc-edit-main strong{color:#e5eaf2}
body.night .uc-edit-view{background:#252525;color:#7ec3ff;border-color:#3d4f66}
body.night .user-info .info .layui-input,
body.night .user-box .layui-input,
body.night .user-box .layui-textarea{
	background:#252525;border-color:#565656;color:#c0c4cc;
}
body.night .uc-submit-tips{
	background:rgba(0,123,245,.12);border-color:rgba(0,123,245,.22);
}
body.night .uc-submit-tips p{color:#8b93a0}
body.night .uc-type-tab{background:#252525;border-color:#565656;color:#c0c4cc}
body.night .uc-type-tab.is-active{background:#2f3038;border-color:var(--uc-blue)}
body.night .uc-panel-head strong{color:#e5eaf2}
body.night .uc-field-group{background:#252525;border-color:#565656}
body.night .uc-field-group-title{color:#7eb8ff}
body.night .uc-table-wrap{background:#252525;border-color:#565656}
body.night .uc-table-wrap .layui-table th{background:#2a2b2e;color:#8b93a0}
body.night .uc-submit .layui-layedit-tool{background:#252525;border-bottom-color:#565656}
@media screen and (max-width:800px){
	body.night .user-menu{background:#000;border-right:0}
	body.night .user-menu li a{background:#252525;color:#ddd}
	body.night .user-menu li.hover a,
	body.night .user-menu li a:hover{background:var(--uc-blue)!important;color:#fff!important}
}