html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	writing-mode: vertical-rl;
}

* {
	max-height: 100vh !important;
}

::-webkit-scrollbar { /* 滚动条整体样式 */
	width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 10px;
	background-color: #1a140900;
	display: none;
}
::-webkit-scrollbar-thumb { /* 滚动条里面小方块 */
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.733);
	background: #eeeeee;
}
::-webkit-scrollbar-track { /* 滚动条里面轨道 */
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
	border-radius: 10px;
}

::-webkit-scrollbar:hover { /* 悬停时滚动条才显示 */ 
	display: block; 
}

#page {
	background: url(/bg.png);
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}

.blurback {
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.blurback::after {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
	bottom: 0;
	filter: blur(20px);
	margin: -30px;
	z-index: -1;
    background-image: url(/bg.png);
	background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

#head {
	height: 100%;
	width: calc(100vw - 20px);
	background-color: #ffb9b9;
	background-image: url(/bg-texture.png);
} #head-title {
	text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
} #head-title h1 {
	color: aliceblue;
	font-size: 60px;
} #head-remian {
	background: linear-gradient(to left, #fab5b5, #fab5b5aa, #fab5b500);
	height: 100%;
	width: 60px;
	margin-left: 20px;
}

#footer {
	background: #fafafa80 repeating-linear-gradient(-45deg, #fff8, #fff8 1.125rem, transparent 1.125rem, transparent 2.25rem);
	padding: 30px;
	font-size: 14px;
	color: #555555;
	margin: 0 !important;
	margin-right: 30px !important;
	border-radius: 0px !important;
	text-align: center !important;
	box-shadow: 0px 0px 20px #1c1c1caa !important;
} #footer p {
	margin-block-start: 0.83em !important;
	margin-block-end: 0.83em !important;
	font-weight: bold;
	color: aliceblue;
} #footer:before {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
	bottom: 0;
	z-index: 0;
	background: #fafafa30 repeating-linear-gradient(-45deg, #ffffff30, #ffffff30 1.125rem, transparent 1.125rem, transparent 2.25rem);
}



.block {
	margin: 40px 20px;
	padding: 40px;
	border-radius: 40px;
}