/** ==============================================================
	root.css — 主站专属样式
	依赖 anzheng.css
============================================================== **/
/* ===== 页面容器 ===== */
body{display:flex;justify-content:center;align-items:center;min-height:100vh;}
#page{max-width:960px;min-width:320px;margin:0 auto;}
/* ===== 页头 ===== */
header{width:fit-content;margin:1rem auto;}
header a{display:flex;justify-content:center;padding:0;border-radius:0;font-size:clamp(2.5rem,10vw,5.5rem);font-weight:700;line-height:1;background:transparent;}
header span{display:flex;flex:0 0 1em;align-items:center;justify-content:center;width:1em;height:1em;}
header span:first-child{position:relative;animation:headNeonBg 16s linear infinite;}
header span:first-child img{display:block;width:100%;height:100%;}
header span:first-child::after{content:"";position:absolute;inset:0;background:url(media/2dc.gif) center/contain no-repeat;opacity:0;}
header a:hover span:first-child::after{opacity:1;}
header span:not(:first-child){animation:headNeonText 16s linear infinite;}
header span:nth-child(2){animation-delay:-14s;}
header span:nth-child(3){animation-delay:-12s;}
header span:nth-child(4){animation-delay:-10s;}
header span:nth-child(5){animation-delay:-8s;}
header span:nth-child(6){animation-delay:-6s;}
header span:nth-child(7){animation-delay:-4s;}
header span:nth-child(8){animation-delay:-2s;}
header a:hover span:not(:first-child){font-family:Kaiti,Kaiti_gb2312,sans-serif;}
/* ===== 页头动画 ===== */
@keyframes headNeonBg{
	0%,100%{background-color:#000;}
	12.5%{background-color:#f00;}
	25%{background-color:#f0f;}
	37.5%{background-color:#ff0;}
	50%{background-color:#fff;}
	62.5%{background-color:#0ff;}
	75%{background-color:#0f0;}
	87.5%{background-color:#00f;}
}
@keyframes headNeonText{
	0%,100%{color:#000;}
	12.5%{color:#f00;}
	25%{color:#f0f;}
	37.5%{color:#ff0;}
	50%{color:#fff;}
	62.5%{color:#0ff;}
	75%{color:#0f0;}
	87.5%{color:#00f;}
}
/* ===== 内容页布局 ===== */
#content{display:flex;flex-wrap:wrap;}
#content>h1{flex:0 0 100%;height:4rem;}
#content>nav{flex:0 0 20%;}
#content>nav ul{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;}
#content>nav li{flex:0 0 auto;height:3.5em;list-style:none;}
#content>nav a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border-radius:0;background:var(--fg);color:var(--bg);font-size:2em;font-family:Arial,'Microsoft YaHei',sans-serif;font-weight:700;}
#content>nav a:hover,#content>nav a:active{background:var(--bg);color:var(--fg);}
#content>main{flex:1;min-width:0;}
#content>main section{padding:.5em;}
/* ===== 小屏样式 ===== */
@media screen and (max-width:719px){
	html{scrollbar-width:thin;}
	header{margin:.5rem auto;}
	#content{display:block;}
	#content>h1{height:auto;}
	#content>nav ul{flex-direction:row;flex-wrap:wrap;}
	#content>nav li{flex:0 0 25%;height:auto;}
	#content>nav a{padding:.25em 0;font-size:1.25em;}
	#content>main section{padding:.25em;}
}