/* ===== 登录 / 注册页（移动端）· 独立样式，与主页、用户页同风格 ===== */

:root{
	--主紫: #6a1b9a;
	--主紫深: #4a1270;
	--浅紫: #d9c8f0;
	--品牌紫: #7b2ff7;
	--底色: #f4f4f7;
	--卡片底: #ffffff;
	--文字: #2b2b3a;
	--文字次: #6b6b80;
	--tab高: 56px;
	--字体: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;
}

* { box-sizing: border-box; }

body{
	margin: 0;
	min-height: 100vh;
	font-family: var(--字体);
	color: var(--文字);
	background-color: var(--底色);
}

/* ===== 头部 logo 区 ===== */
.登录头{
	background: linear-gradient(135deg, var(--主紫), var(--品牌紫));
	padding: 34px 16px 30px;
	text-align: center;
	color: #fff;
}
.登录头 .圆标{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin: 0 auto;
	background: rgba(255,255,255,.2);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.7rem;
}
.登录头 .站名{
	margin: 12px 0 4px;
	font-size: 1.5rem;
	font-weight: 800;
	letter-spacing: 1px;
}
.登录头 .副标{
	font-size: .82rem;
	color: rgba(255,255,255,.82);
}

/* ===== 主体 ===== */
.登录主体{
	max-width: 420px;
	margin: 0 auto;
	padding: 20px 16px 40px;
}

/* 消息 */
.消息{
	margin: 0 0 14px;
	padding: 11px 14px;
	border-radius: 10px;
	font-size: .85rem;
	background: #f0e8fb;
	color: var(--主紫深);
}
.消息.err{
	background: #fdeceb;
	color: #c0392b;
}

/* 表单卡 */
.表单卡{
	padding: 20px 18px;
	background: var(--卡片底);
	border: 1px solid var(--浅紫);
	border-radius: 16px;
	box-shadow: 0 2px 10px rgba(106,27,154,.08);
}
.表单卡 label{
	display: block;
	margin-bottom: 16px;
	font-size: .85rem;
	color: var(--文字次);
}
.表单卡 input{
	display: block;
	width: 100%;
	margin-top: 7px;
	padding: 11px 13px;
	font-size: 1rem;
	font-family: var(--字体);
	color: var(--文字);
	background: #faf9fc;
	border: 1px solid var(--浅紫);
	border-radius: 10px;
	outline: none;
}
.表单卡 input:focus{
	border-color: var(--品牌紫);
	background: #fff;
}
.主按钮{
	display: block;
	width: 100%;
	margin-top: 4px;
	padding: 13px;
	font-size: 1.02rem;
	font-weight: 700;
	font-family: var(--字体);
	color: #fff;
	background: linear-gradient(135deg, var(--主紫), var(--品牌紫));
	border: none;
	border-radius: 10px;
	cursor: pointer;
}
.主按钮:active{
	opacity: .9;
}

/* 底部文字链接（注册 / 返回） */
.尾部链接{
	margin-top: 18px;
	text-align: center;
	font-size: .86rem;
	color: var(--文字次);
}
.尾部链接 a{
	color: var(--品牌紫);
	font-weight: 700;
	text-decoration: none;
}

/* ===== 底部菜单导航区：主页 / 广场 / 用户 ===== */
.底部栏{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	height: var(--tab高);
	display: flex;
	background: rgba(255,255,255,.96);
	backdrop-filter: blur(8px);
	border-top: 1px solid var(--浅紫);
	z-index: 18;
}
.底部项{
	flex: 1 1 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--字体);
	font-size: 1rem;
	font-weight: 700;
	color: var(--文字次);
	text-decoration: none;
	background: transparent;
	border: none;
	cursor: pointer;
}
.底部项.active{
	color: var(--主紫);
	background: rgba(217,200,240,.35);
}

/* 给底部栏让出空间 */
body{ padding-bottom: var(--tab高); }