@charset "UTF-8";

/* 全局变量 */
:root {
  --theme: #8C8C98;
  --themeActive: #FFFFFF;
  --bgcolor: #232239;
  --color: #FFFFFF; }

:export {
  theme: #2B58A8; }

/* 站点样式 */
html,
body {
  padding: 0px;
  margin: 0px;
  min-height: 100%;
  color: var(--color); }

/* 修改根字体大小适配全局大小 */
html {
  font-size: 16px; }

body {
  color: #FFFFFF;
  min-width: auto; 
  background-color:  var(--bgcolor); }

a {
  color: var(--theme); }

a:hover,
a:active {
  transition: color ease-in .1s;
  color: var(--color); }


.header{
  height: 5rem;
  padding: 1.25rem 0;
}
.main-box{
  /* width: 88.13rem; */
  width: 73.43%;
  height: 100%;
  margin: 0 auto;
}
.container {
	/* width:73.88rem; */
  width: 73.43%;
	height: 41.81rem;
	margin: 2.25rem auto 0;
}
.container-bg{
	width:100%;
	height: auto;
	margin: auto;
}
.logo{
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.75rem;
}
.logo-name{
  width: 8rem;
  height: 1.6rem;
}
.item{
	margin-left: 2.5rem;
	font-family: PingFangSC-Regular;
	font-weight: 400;
	font-size: 1rem;
	color: var(--theme);
	letter-spacing: 0;
}
.item.active a{
  font-weight: 600;
  color: var(--color);
}

@media only screen and (max-width: 1366px) {
  html {
    font-size: 16px; } }

@media only screen and (max-width: 641px) {
  html {
    font-size: 12px; }
  html, body {
    width: 100vw;
    overflow-x: hidden; }
  .main-box {
    width: 85%; } 
  .container{
    width: 100%;
  }
  .header{
    height: auto;
  }
  .nav-menu{
    margin-top: 2rem;
    flex-wrap: wrap;
    gap: 2rem;
  }
  .item{
    margin-left: 0;
  }
  }


.title{
  font-family: GantModern-Bold;
  font-weight: 700;
  font-size: 2.5rem;
  color: #FFFFFF;
  letter-spacing: 0;
}
.container2 {
	width: 100%;
	margin: 2.25rem 0 6.25rem 0;
}
.content{
  margin-top: 1.5rem;
}

pre{
  color: #ffffff;
  font-size: 1rem;
  font-face: PingFangSC;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: 0;
  paragraph-spacing: 0;
  text-align: left;
  white-space: wrap;
}

.item1 {
  color: #ffffff;
  font-size: 1rem;
  font-face: PingFangSC;
  font-weight: 400;
  line-height: 1.5rem;
  /* margin-top: 2rem; */
 }
 .item2 {
  color: #ffffff;
  font-size: 1.5rem;
  font-face: PingFangSC;
  font-weight: 600;
  margin-top: 2rem;
 }