@charset "utf-8";
/* ============================================================
   凌旷充值中心 - 会员中心 / 登录注册
   依赖 recharge.css 中的基础变量与头部底部样式
   ============================================================ */

body.lk-body.lk-member{background:var(--lk-bg);}

.lk-main-area{padding:24px 0 56px;flex:1 0 auto;}

/* 覆盖 YzmCMS 会员中心默认宽度，改为自适应 */
.yzm_member_container{width:auto;max-width:1180px;margin:0 auto;padding:0 20px;}
.yzm_member_container.main{display:flex;align-items:flex-start;gap:20px;margin:0 auto;max-width:1180px;padding:0 20px;}

/* 左侧菜单 */
.main_left{
	float:none;flex:0 0 232px;width:232px;border:1px solid var(--lk-line);border-top:1px solid var(--lk-line);
	border-radius:16px;background:#fff;padding:10px;box-shadow:var(--lk-shadow);overflow:visible;
}
.main_left dl{border:0;padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid #f1f3f8;}
.main_left dl:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0;}
.main_left dl dt{
	height:auto;line-height:1.4;padding:10px 12px 8px;background:transparent;border:0;
	font-size:12px;color:#98a2b3;letter-spacing:.6px;font-weight:600;
}
.main_left dl dd{height:auto;line-height:1.4;margin:0;}
.main_left dl dd a{
	display:block;padding:9px 12px;border-radius:9px;font-size:14px;color:var(--lk-ink-2);
	border-right:0 !important;transition:.16s;
}
.main_left dl dd a:hover{background:#f2f5ff;color:var(--lk-brand);text-decoration:none;}
.main_left dl dd a.left_cur{background:var(--lk-brand-soft);color:var(--lk-brand);font-weight:600;}
.main_left dl dd a span{color:var(--lk-price);font-size:12px;}

/* 右侧内容 */
.main_right{
	float:none;flex:1;width:auto;min-width:0;min-height:auto;padding:0 0 24px;
	border:1px solid var(--lk-line);border-radius:16px;background:#fff;box-shadow:var(--lk-shadow);overflow:hidden;
}
.main_right .tit{
	background:#fff;height:auto;line-height:1.4;border-bottom:1px solid #f1f3f8;
	padding:16px 22px;margin-bottom:0;
}
.main_right .tit h3{
	background:transparent;border:0;padding:0;font-size:16px;font-weight:700;color:var(--lk-ink);
	display:flex;align-items:center;gap:9px;
}
.main_right .tit h3::before{
	content:"";width:4px;height:15px;border-radius:3px;
	background:linear-gradient(180deg,var(--lk-brand),var(--lk-brand-2));
}
.main_cont{padding:20px 22px 0;}

/* 个人中心：问候卡 */
.lk-hello{
	display:flex;align-items:center;gap:16px;flex-wrap:wrap;
	padding:20px 22px;border-radius:14px;
	background:linear-gradient(120deg,#1b2350 0%,#2c3577 52%,#452f86 100%);
	color:#fff;position:relative;overflow:hidden;
}
.lk-hello::after{
	content:"";position:absolute;width:220px;height:220px;right:-70px;top:-90px;border-radius:50%;
	background:radial-gradient(circle,rgba(255,255,255,.18),transparent 66%);
}
.lk-avatar{
	width:54px;height:54px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
	background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);
	font-size:22px;font-weight:700;text-transform:uppercase;backdrop-filter:blur(4px);
}
.lk-hello .txt{position:relative;}
.lk-hello .txt b{display:block;font-size:17px;font-weight:700;letter-spacing:.3px;}
.lk-hello .txt span{display:block;font-size:12.5px;color:rgba(255,255,255,.66);margin-top:3px;}
.lk-hello .actions{margin-left:auto;display:flex;gap:8px;position:relative;}
.lk-hello .actions a{
	height:34px;padding:0 14px;border-radius:9px;display:inline-flex;align-items:center;
	font-size:13px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);color:#fff;
}
.lk-hello .actions a:hover{background:rgba(255,255,255,.22);color:#fff;text-decoration:none;}
.lk-hello .actions a.primary{background:#fff;color:#2f3a7a;border-color:#fff;font-weight:600;}

/* 统计卡 */
.lk-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px;}
.lk-stat{
	border:1px solid var(--lk-line);border-radius:14px;padding:16px 18px;background:#fff;transition:.18s;
}
.lk-stat:hover{border-color:#d7dffa;box-shadow:0 10px 24px rgba(31,50,120,.06);}
.lk-stat span{font-size:12.5px;color:var(--lk-muted);display:block;}
.lk-stat b{font-size:24px;font-weight:800;letter-spacing:-.5px;color:var(--lk-ink);margin-top:6px;display:block;}
.lk-stat b i{font-style:normal;font-size:13px;font-weight:600;color:var(--lk-muted);margin-left:2px;}
.lk-stat.hl b{color:var(--lk-brand);}
.lk-stat.warn b{color:var(--lk-warn);}

/* 区块小标题 */
.lk-mtitle{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px;}
.lk-mtitle h4{font-size:14.5px;font-weight:700;color:var(--lk-ink);}
.lk-mtitle a{font-size:13px;color:var(--lk-brand);}

/* 充值记录表 */
.lk-table{width:100%;border-collapse:collapse;}
.main_cont .lk-table tr{height:auto;}
.lk-table th{
	text-align:left;font-size:12px;font-weight:600;color:#98a2b3;letter-spacing:.4px;
	padding:10px 12px;background:#f8f9fc;border-bottom:1px solid var(--lk-line);white-space:nowrap;
}
.lk-table th:first-child{border-radius:10px 0 0 10px;}
.lk-table th:last-child{border-radius:0 10px 10px 0;}
.lk-table td{
	padding:14px 12px;font-size:13.5px;color:var(--lk-ink-2);border-bottom:1px solid #f2f4f9;vertical-align:middle;
}
.lk-table tbody tr:hover td{background:#fafbff;}
.lk-table td.money{font-weight:700;color:var(--lk-ink);white-space:nowrap;}
.lk-table td.money em{font-style:normal;font-size:12px;margin-right:1px;}
.lk-table td.sn{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;color:#667085;white-space:nowrap;}
.lk-table td.time{color:#8b93a7;font-size:12.5px;white-space:nowrap;}

.lk-tag{
	display:inline-flex;align-items:center;gap:5px;height:23px;padding:0 9px;border-radius:7px;font-size:12px;font-weight:600;
}
.lk-tag::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;}
.lk-tag.s0{background:#fff6e8;color:#b25e00;}
.lk-tag.s1{background:#eef3ff;color:#2f5bff;}
.lk-tag.s2{background:#e9faf1;color:#0f9d58;}
.lk-tag.s3{background:#f2f3f6;color:#8b93a7;}

.lk-empty{padding:46px 10px;text-align:center;color:#98a2b3;font-size:13.5px;}
.lk-empty svg{width:42px;height:42px;color:#c9d0de;margin:0 auto 10px;}
.lk-empty a{color:var(--lk-brand);font-weight:600;}

/* 筛选条 */
.lk-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:16px 22px;border-bottom:1px solid #f1f3f8;background:#fcfdff;}
.lk-filter .tabs{display:flex;gap:6px;flex-wrap:wrap;}
.lk-filter .tabs a{
	height:32px;padding:0 13px;border-radius:9px;display:inline-flex;align-items:center;
	font-size:13px;color:var(--lk-ink-2);background:#f4f6fb;
}
.lk-filter .tabs a:hover{background:#eaefff;color:var(--lk-brand);text-decoration:none;}
.lk-filter .tabs a.on{background:var(--lk-brand);color:#fff;font-weight:600;box-shadow:0 6px 14px rgba(47,91,255,.24);}
.lk-filter form{display:flex;gap:8px;margin-left:auto;}
.lk-filter input[type=text]{
	height:34px;width:190px;padding:0 12px;border-radius:9px;border:1px solid var(--lk-line);
	background:#fff;font-size:13px;color:var(--lk-ink);
}
.lk-filter input[type=text]:focus{border-color:var(--lk-brand);box-shadow:0 0 0 3px rgba(47,91,255,.1);}
.lk-filter button{
	height:34px;padding:0 16px;border-radius:9px;background:var(--lk-brand);color:#fff;font-size:13px;font-weight:600;
}
.lk-filter button:hover{opacity:.92;}

/* 分页 */
#page{padding:18px 22px 4px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--lk-muted);border-top:1px solid #f1f3f8;margin-top:16px;height:auto;text-align:left;}
#page .pageinfo{color:var(--lk-muted);padding:0;border:0;}
#page .pageinfo strong{color:var(--lk-ink);font-weight:600;}
#page .page_right{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-left:auto;}
#page a{
	display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;
	border-radius:8px;background:#f4f6fb;color:var(--lk-ink-2);font-size:13px;border:0;margin:0;line-height:1;
}
#page a:hover{background:#e9efff;color:var(--lk-brand);text-decoration:none;}
#page a.curpage{background:var(--lk-brand);color:#fff;font-weight:600;border:0;}
#page a.nopage{color:#b3bac8;background:#f8f9fc;cursor:default;}
#page a.nopage:hover{background:#f8f9fc;color:#b3bac8;}

/* 兼容其他会员页面的表单 / 表格 */
.main_cont table.form{width:100%;}
.main_cont table.form td{padding:9px 10px;font-size:13.5px;}
.main_cont table.form .input{height:38px;}
.main_cont .input,.main_cont .textarea{border:1px solid var(--lk-line);border-radius:9px;padding:8px 11px;font-size:13.5px;}

/* ---------------- 登录 / 注册 ---------------- */
.lk-auth-wrap{
	min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px 18px;
	background:
		radial-gradient(820px 380px at 84% 4%,rgba(109,75,255,.12),transparent 62%),
		radial-gradient(700px 420px at 4% 96%,rgba(47,91,255,.12),transparent 60%),
		linear-gradient(180deg,#f3f6ff,#f7f5ff 55%,var(--lk-bg));
}
.lk-auth{width:100%;max-width:940px;background:#fff;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 30px 70px rgba(24,36,90,.14);border:1px solid rgba(230,234,242,.9);}
.lk-auth-brand{
	position:relative;padding:44px 40px;color:#fff;overflow:hidden;
	background:linear-gradient(150deg,#151c3f 0%,#26306b 52%,#3d2a7d 100%);
	display:flex;flex-direction:column;
}
.lk-auth-brand::after{
	content:"";position:absolute;width:320px;height:320px;right:-120px;bottom:-140px;border-radius:50%;
	background:radial-gradient(circle,rgba(122,92,255,.45),transparent 68%);
}
.lk-auth-brand .lk-logo-mark{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);box-shadow:none;}
.lk-auth-brand .lk-logo-text b{color:#fff;}
.lk-auth-brand .lk-logo-text em{color:rgba(255,255,255,.55);}
.lk-auth-brand h2{position:relative;font-size:26px;line-height:1.45;font-weight:800;margin-top:38px;letter-spacing:-.2px;}
.lk-auth-brand p{position:relative;margin-top:14px;font-size:13.5px;color:rgba(255,255,255,.66);line-height:1.9;}
.lk-auth-brand ul{position:relative;margin-top:auto;padding-top:40px;}
.lk-auth-brand li{display:flex;align-items:center;gap:9px;font-size:13px;color:rgba(255,255,255,.8);margin-top:12px;}
.lk-auth-brand li svg{width:15px;height:15px;color:#7ee2a8;flex:0 0 auto;}

.lk-auth-form{padding:44px 42px;}
.lk-auth-form h3{font-size:22px;font-weight:800;letter-spacing:-.2px;}
.lk-auth-form .sub{margin-top:7px;font-size:13.5px;color:var(--lk-muted);}
.lk-auth-form form{margin-top:26px;}
.lk-field{margin-bottom:14px;position:relative;}
.lk-field label{display:block;font-size:12.5px;font-weight:600;color:var(--lk-ink-2);margin-bottom:7px;}
.lk-field input{
	width:100%;height:46px;padding:0 14px;border-radius:12px;border:1.5px solid var(--lk-line);
	background:#fbfcfe;font-size:14.5px;color:var(--lk-ink);transition:.16s;
}
.lk-field input::placeholder{color:#a9b1c2;font-size:13.5px;}
.lk-field input:focus{border-color:var(--lk-brand);background:#fff;box-shadow:0 0 0 4px rgba(47,91,255,.1);}
.lk-field.code{display:flex;gap:10px;align-items:flex-end;}
.lk-field.code .codeimg{
	width:104px;height:46px;border-radius:11px;border:1.5px solid var(--lk-line);cursor:pointer;flex:0 0 auto;background:#fff;
}
.lk-auth-submit{
	width:100%;height:48px;border-radius:12px;color:#fff;font-size:16px;font-weight:700;letter-spacing:1px;
	background:linear-gradient(135deg,var(--lk-brand),var(--lk-brand-2));
	box-shadow:0 12px 24px rgba(47,91,255,.28);margin-top:6px;transition:.16s;
}
.lk-auth-submit:hover{transform:translateY(-1px);box-shadow:0 16px 28px rgba(47,91,255,.32);}
.lk-auth-submit:disabled{background:#dfe4ee;color:#9aa3b2;box-shadow:none;transform:none;cursor:not-allowed;}
.lk-auth-error{
	display:none;margin-bottom:14px;padding:10px 13px;border-radius:10px;background:#fff3f3;border:1px solid #ffdcdc;
	color:#d14343;font-size:13px;line-height:1.6;
}
.lk-auth-error.on{display:block;}
.lk-auth-foot{margin-top:18px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--lk-muted);}
.lk-auth-foot a{color:var(--lk-brand);font-weight:600;}
.lk-auth-foot a.muted{color:#98a2b3;font-weight:400;}
.lk-agree-row{display:flex;align-items:flex-start;gap:8px;margin:4px 0 14px;font-size:12.5px;color:var(--lk-muted);line-height:1.7;}
.lk-agree-row input{margin-top:3px;accent-color:var(--lk-brand);}
.lk-agree-row a{color:var(--lk-brand);}
.lk-auth-copyright{text-align:center;font-size:12px;color:#98a2b3;margin-top:22px;line-height:1.9;}

#register_protocol{font-size:13.5px;color:#475467;line-height:1.9;}

/* ---------------- 响应式 ---------------- */
@media (max-width:1000px){
	.lk-auth{grid-template-columns:1fr;max-width:460px;}
	.lk-auth-brand{padding:28px 28px 24px;}
	.lk-auth-brand h2{font-size:20px;margin-top:20px;}
	.lk-auth-brand p,.lk-auth-brand ul{display:none;}
	.lk-auth-form{padding:26px 26px 30px;}
}

@media (max-width:920px){
	.yzm_member_container.main{flex-direction:column;gap:14px;padding:0 14px;}
	.main_left{flex:0 0 auto;width:100%;border-radius:14px;padding:8px;}
	.main_left dl{border-bottom:0;margin:0;padding:0;}
	.main_left dl dt{display:none;}
	.main_left dl dd{display:inline-block;}
	.main_left dl dd a{padding:8px 12px;font-size:13.5px;}
	.main_left{display:flex;flex-wrap:wrap;gap:4px;overflow-x:auto;}
	.main_left dl{display:flex;gap:4px;flex-wrap:wrap;}
	.main_right{width:100%;border-radius:14px;}
	.lk-stats{gap:8px;}
	.lk-stat{padding:13px 12px;}
	.lk-stat b{font-size:19px;}
	.lk-stat b i{font-size:12px;}
	.lk-table thead{display:none;}
	.lk-table,.lk-table tbody,.lk-table tr,.lk-table td{display:block;width:100%;}
	.lk-table tr{
		border:1px solid var(--lk-line);border-radius:12px;padding:6px 4px;margin-bottom:10px;background:#fff;
	}
	.lk-table tr:hover td{background:transparent;}
	.lk-table td{
		border:0;display:flex;align-items:center;justify-content:space-between;gap:12px;
		padding:7px 12px;font-size:13px;text-align:right;
	}
	.lk-table td::before{content:attr(data-label);color:#98a2b3;font-size:12.5px;font-weight:400;text-align:left;flex:0 0 auto;}
	.lk-table td.sn{font-size:12px;}
	.lk-filter{padding:12px 14px;}
	.lk-filter form{width:100%;margin-left:0;}
	.lk-filter input[type=text]{flex:1;width:auto;}
	.main_right .tit{padding:14px 16px;}
	.main_cont{padding:16px 16px 0;}
	#page{padding:14px 16px 4px;}
	.lk-hello{padding:18px;gap:12px;}
	.lk-hello .actions{margin-left:0;width:100%;}
	.lk-hello .actions a{flex:1;justify-content:center;}
}

@media (max-width:640px){
	.lk-main-area{padding:16px 0 36px;}
	.lk-stats{grid-template-columns:repeat(3,1fr);}
	.lk-stat span{font-size:11.5px;}
	.lk-stat b{font-size:17px;}
	.lk-auth-wrap{padding:16px 12px;align-items:flex-start;}
	.lk-auth{border-radius:18px;}
	.lk-auth-brand{padding:22px 20px 20px;}
	.lk-auth-brand h2{font-size:18px;margin-top:16px;}
	.lk-auth-form{padding:22px 20px 26px;}
	.lk-auth-form h3{font-size:19px;}
	.lk-auth-foot{flex-wrap:wrap;gap:10px;}
}

/* 面额下方实付小字 */
.lk-table .lk-mini{display:block;font-style:normal;font-size:11px;color:#12b76a;font-weight:600;margin-top:2px;}