@charset "utf-8";
/* ============================================================
   wugrain 会员系统皮肤
   作用：把帝国CMS 默认的老式表格页面统一为现代站点视觉
   只做样式覆盖，不改任何功能与表单结构
   ============================================================ */

:root{
	--brand:#0E3B2E;
	--brand-2:#1F6F4A;
	--accent:#C8952F;
	--bg:#F6F5F1;
	--surface:#FFFFFF;
	--text:#17181A;
	--text-2:#4B5057;
	--muted:#8A9099;
	--line:#E7E5DF;
	--radius:14px;
}

html{ -webkit-text-size-adjust:100%; }
body{
	margin:0 !important;
	padding:0 !important;
	background:var(--bg) !important;
	font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif !important;
	font-size:15px !important;
	line-height:1.65 !important;
	color:var(--text) !important;
}
body{ padding:20px 16px 40px !important; box-sizing:border-box; }

/* 主容器：把根表格变成居中卡片 */
body > table,
body > form > table{
	width:100% !important;
	max-width:520px;
	margin:24px auto !important;
	background:var(--surface) !important;
	border-radius:var(--radius) !important;
	box-shadow:0 4px 24px rgba(20,30,25,.08) !important;
	border:0 !important;
	border-collapse:separate !important;
	border-spacing:0 !important;
	overflow:hidden;
	padding:0 !important;
}

/* 表格单元 */
td, th{
	border:0 !important;
	padding:10px 16px !important;
	font-size:14px !important;
	color:var(--text-2) !important;
	background:transparent !important;
	vertical-align:middle;
}
tr > td:first-child{ width:88px; color:var(--muted) !important; white-space:nowrap; }

/* 去掉老式分隔线 */
.singleborder{ display:none !important; height:0 !important; font-size:0 !important; }

/* 标题区 */
.header,
td.header{
	background:var(--brand) !important;
	color:#fff !important;
	font-size:17px !important;
	font-weight:600 !important;
	padding:18px 16px !important;
	letter-spacing:.5px;
}
.header a{ color:#fff !important; text-decoration:none !important; }

/* 表单控件 */
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=tel],
select,
textarea{
	width:100% !important;
	box-sizing:border-box;
	height:42px;
	padding:0 12px !important;
	border:1px solid var(--line) !important;
	border-radius:10px !important;
	background:#FBFAF7 !important;
	font-size:14px !important;
	font-family:inherit !important;
	color:var(--text) !important;
	outline:none;
	transition:border-color .18s, background .18s;
}
textarea{ height:auto; min-height:110px; padding:10px 12px !important; line-height:1.7; }
input:focus, select:focus, textarea:focus{
	border-color:var(--brand-2) !important;
	background:#fff !important;
}
input[type=checkbox], input[type=radio]{ width:auto !important; height:auto !important; accent-color:var(--brand-2); }
input[type=file]{ width:100% !important; font-size:13px; }
input[type=image]{ height:auto; }

/* 按钮 */
input[type=submit],
input[type=button],
input[type=reset],
button,
.mbtn{
	width:100% !important;
	height:44px !important;
	border:0 !important;
	border-radius:100px !important;
	background:var(--brand) !important;
	color:#fff !important;
	font-size:15px !important;
	font-weight:500 !important;
	font-family:inherit !important;
	letter-spacing:.5px;
	cursor:pointer;
	transition:opacity .18s, transform .18s;
}
input[type=submit]:hover, button:hover{ opacity:.92; }
input[type=submit]:active, button:active{ transform:scale(.985); }

/* 链接 */
a{ color:var(--brand-2) !important; text-decoration:none !important; }
a:hover{ text-decoration:underline !important; }

/* 提示与说明文字 */
.smalltxt, .outertxt, font[color]{
	font-size:12.5px !important;
	color:var(--muted) !important;
}

/* 分页 */
.epages{ margin:16px 0; font-size:13px; text-align:center; }
.epages a, .epages input{
	display:inline-flex; align-items:center; justify-content:center;
	min-width:34px; height:34px; padding:0 10px; margin:0 3px;
	border:1px solid var(--line) !important; border-radius:8px !important;
	background:var(--surface) !important; color:var(--text-2) !important;
	font-size:13px !important; text-decoration:none !important;
}
.epages a:hover{ border-color:var(--brand-2) !important; color:var(--brand) !important; }

/* 会员中心侧栏导航（改造为横向标签） */
.membernav, .cpmenu{
	display:flex !important; flex-wrap:wrap; gap:8px;
	padding:12px 0 !important;
}
.membernav a, .cpmenu a{
	padding:7px 14px !important;
	border-radius:100px !important;
	background:var(--surface) !important;
	box-shadow:0 2px 8px rgba(20,30,25,.06);
	font-size:13.5px !important;
}

/* 信息列表（我的发布等） */
.listtable td, .listtable th{
	border-bottom:1px solid var(--line) !important;
	padding:12px 10px !important;
	font-size:13.5px !important;
}
.listtable tr:hover td{ background:#FBFAF7 !important; }

/* 顶部返回链接 */
body > p:first-of-type a,
.backlink{
	display:inline-block; margin-bottom:8px;
	font-size:13px !important; color:var(--muted) !important;
}

/* 桌面端 */
@media (min-width:768px){
	body{ padding:40px 24px 60px !important; }
	body > table, body > form > table{ max-width:600px; margin:40px auto !important; }
	td, th{ padding:12px 20px !important; }
}
