﻿/*全局设定 b*/
html, body {
    /* 移动端推荐的基础字体大小，通常在 14px - 16px 之间 */
    font-size: 8px;
	-webkit-text-size-adjust: 100% !important; /* 防iOS字体缩放 */
	-webkit-tap-highlight-color: transparent; /* 去除点击高亮 */
	overflow-x: hidden; /* 防安卓横向滚动 */
}

body {
    font-size: 2.0em;
	margin: 0;
	padding: 0;
	background-color: #EDEDED;
	font-family: Verdana,"微软雅黑","宋体";
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal;
}

img {
	border: 0;
	display: block;
}

a {
	text-decoration: none;
}

header {
	position: fixed; /* 固定定位 */
    top: 0; /* 紧贴屏幕顶部 */
    left: 0;
    width: 100%; /* 宽度占满屏幕 */
    z-index: 100; /* 确保在最上层 */
	background-color: #464646; /* 兜底色：如果浏览器不支持渐变，就显示纯色 */
	background: linear-gradient(to bottom left, #464646, #626262); /* 现代浏览器会覆盖上面的纯色 */
}

.sessioninfo {
	display: flex;
	align-items: center; /* 垂直居中 */
	padding: 0.5em 1em;
}
.sessioninfo .pic img {
	width: 2.2em;
	border-radius: 0.2em;
}
.sessioninfo .text {
	color:#FECF13;
	margin: 0 0 0 0.5em;
}
.sessioninfo .text a {
	color:#FECF13;
}
.sessioninfo .logout {
	margin-left: auto;
	background-color: #FECF13; /* 兜底色：如果浏览器不支持渐变，就显示纯色 */
	background: linear-gradient(to bottom left, #FECF13, #FEFEF3); /* 现代浏览器会覆盖上面的纯色 */
	border-radius: 0.8em;
	border: 0.1em solid #464646; /* 宽度 样式 颜色 */
}
.sessioninfo .logout .btn {
	color:#464646;
	padding: 0.3em 0.6em;
}


.main {
	margin: 6.5em 0.5em 9.5em 0.5em;
	justify-content: center; /* 水平居中 */
}



footer {
	position: fixed; /* 固定定位 */
    bottom: 0; /* 紧贴屏幕底部 */
    left: 0;
    width: 100%; /* 宽度占满屏幕 */
    z-index: 100; /* 确保在最上层 */
	color:#FFF;
    font-size: 0.6em;
	padding: 1em;
	background-color: #464646; /* 兜底色：如果浏览器不支持渐变，就显示纯色 */
	background: linear-gradient(to top left, #464646, #626262); /* 现代浏览器会覆盖上面的纯色 */
}
footer a {
	color:#FFF;
}

.overlaymask {
	position: fixed; /* 固定定位，随滚动条滚动或固定均可 */
	top: 3em;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 888;
	pointer-events: none;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: space-around;
}

.overlaymask .item {
	font-family: monospace;
	font-size: 0.8em;
	color: #CCC; /* 浅灰色，接近背景 */
	opacity: 0.5;
	margin: 3em 1em; /* 间距 */
	transform: rotate(-15deg); /* 倾斜增加美感 */
}
/*主体部分 e*/