/* ===== bug源宇宙 主页（移动端优先 · 全新设计） ===== */
/* 独立样式，不污染 /account 账号页（其仍用 theme.css） */
/* 布局：顶部(上标+logo) / 内容区(暂空) / 下标 / 底部菜单导航 */

: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; }
html { scroll-behavior: smooth; }

body{
	margin: 0;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	font-family: var(--字体);
	color: var(--文字);
	background-color: var(--底色);
	/* 不自适应限制宽度：随屏宽铺满，不设 max-width */
}

/* ===== 顶部：上标 + 大 logo ===== */
.顶部{
	background: linear-gradient(135deg, var(--主紫), var(--品牌紫));
}
.上标条{
	height: 6px;
	background: rgba(255,255,255,.25);
}
.标题区{
	padding: 18px 12px 16px;
	text-align: center;
}
.站logo{
	width: 84px;
	height: 84px;
	border-radius: 18px;
	object-fit: contain;
	background: rgba(255,255,255,.12);
	padding: 6px;
}
.站标题{
	margin: 8px 0 0;
	font-size: 1.9rem;
	font-weight: 800;
	letter-spacing: 2px;
	color: #fff;
	text-shadow: 0 1px 8px rgba(0,0,0,.25);
}

/* ===== 内容区：撑满剩余高度 ===== */
.内容区{
	flex: 1 1 auto;
	padding: 18px 14px;
	text-align: center;
}

/* ===== 广场：应用入口卡片列表 ===== */
.广场列表{
	display: flex;
	flex-direction: column;
	gap: 14px;
	max-width: 420px;
	margin: 0 auto;
}
.广场卡片{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 18px 16px;
	text-decoration: none;
	background: var(--卡片底);
	border: 1px solid var(--浅紫);
	border-radius: 14px;
	box-shadow: 0 2px 8px rgba(106,27,154,.08);
	transition: transform .12s ease, box-shadow .12s ease;
}
.广场卡片:active{
	transform: scale(.98);
	box-shadow: 0 1px 4px rgba(106,27,154,.18);
}
.卡片名{
	font-size: 1.15rem;
	font-weight: 700;
	color: var(--主紫深);
}
.卡片注{
	font-size: .8rem;
	color: var(--文字次);
}

/* ===== 下标：备案（独立模块，仅电脑端显示）===== */
.备案模块{
	padding: 12px 10px calc(var(--tab高) + 12px);
	background: linear-gradient(var(--底色), var(--浅紫));
}
.备案行{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px 12px;
	font-size: .72rem;
}
.备案行 a{
	color: var(--文字次);
	text-decoration: none;
}
.备案标{
	width: 12px;
	height: 12px;
	vertical-align: middle;
}
/* 手机端隐藏备案（只有电脑端展示） */
@media (max-width: 768px){
	.备案模块{ display: 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);
}