:root{
	--bg:#eef4ff;
	--card:#ffffff;
	--border:#d9e2f3;
	--text:#1d2a44;
	--muted:#5b6b86;
	--brand:#2f73ff;
	--shadow:0 10px 24px rgba(12,30,66,.10);
}
html,body{height:100%}
body{margin:0;background:radial-gradient(1200px 700px at 25% 20%, rgba(24,182,255,.30), transparent 60%),radial-gradient(1000px 600px at 70% 35%, rgba(47,115,255,.25), transparent 55%),var(--bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;color:var(--text)}
.wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:18px;box-sizing:border-box}
.card{
	width:420px;
	max-width:100%;
	background:var(--card);
	border:1px solid var(--border);
	border-radius:14px;
	box-shadow:var(--shadow);
	overflow:hidden;
	box-sizing:border-box;
}
.head{
	padding:18px 18px 14px 18px;
	background:linear-gradient(180deg, rgba(24,182,255,.16) 0%, rgba(47,115,255,.10) 100%);
	border-bottom:1px solid var(--border);
}
.head .logo{display:flex;justify-content:center;margin-bottom:10px}
.head .logo img{max-width:220px;height:auto;display:block}
.head .t1{font-size:18px;font-weight:800;text-align: center;}
.head .t2{margin-top:6px;font-size:12px;color:var(--muted)}
.body{padding:18px}
.row{margin-bottom:12px}
.row .lbl{display:block;margin-bottom:6px;color:var(--muted);font-size:12px}
.actions{display:flex;gap:10px;align-items:center}
.actions a.l-btn{flex:1;min-width:0;display:flex;align-items:center;justify-content:center}
.actions a.l-btn .l-btn-left{display:flex;align-items:center}
.actions a.l-btn .l-btn-text{white-space:nowrap}
.foot{padding:0 18px 18px 18px;color:var(--muted);font-size:12px; text-align: center;}
.row .textbox{width:100% !important;box-sizing:border-box}
.row .textbox .textbox-text{width:100% !important;box-sizing:border-box}