* {
    margin: 0;
    padding: 0;
}
body {
	background: #f7f7f7;
	transition: background-color .8s, color .8s;
}
a {
    text-decoration: none;
}
p {
   	line-height: 1.9em;
   	font-weight: 400;
}
span {
	color: #f193a3;
}
.p-break {
	border-top: 4px solid #797979;
   	max-width: 5em;
   	width: 5em;
   	height: 4px;
}
.main {
	position: relative;
    margin: 60px auto 0px auto;
    width: 900px;
   	background: rgb(255 255 255 / 3%);
    border-radius: 10px;
   	box-shadow: 0 0 15px 0 rgb(138 138 138 / 15%);
}
.header {
	position: relative;
   	height: 100px;
   	top: 10px;
   	padding: 50px;
}
.image-left {
	position: absolute;
	width: 100px;
	height: 100px;
	background: url(https://q.qlogo.cn/g?b=qq&nk=1381392&s=100);
	border-radius: 10%;
	box-shadow: 0px 0px 10px #9c9c9c;
}
.contact-right {
	position: absolute;
   	right: 60px;
   	top: 50px;
}
.about {
	padding: 0px 50px 0px 50px;
	position: relative;
	bottom: 20px;
}
.about h2 {
	margin: 15px 0px 15px 0px;
}
.icp {
    color: #ccc;
    margin: 10px 0 0;
    font-size: 11px;
}
.icp img {
    position: relative;
    top: 5px;
}

footer a {
    font-size: 12px;
    color: #A6A6A6;
    margin: 0px 6px;
}

footer a:hover {
    color: #dcd5d5;
}

.footer-nav {
    text-align: center;
    margin-top: 50px;
}

.guoqi {
    width: 48px;
    height: 30px;
    background-image: url(5x.png);
    margin: 10px auto;
    background-size: cover;
}	
@media screen and (max-width: 900px) {
   	.main {
   	    width: 93%!important;
   	    margin-top: 20px;
   	}
   	.header {
   		padding: 20px!important;
   	}
   	.contact-right {
   		right: 20px!important;
   	}
   	.about {
   		padding: 20px!important;
   	}
}
@media (prefers-color-scheme:dark) {
    body {
        background-color: #111;
        color: #999;
    }
    .main {
    	background-color: #171717;
    }
}
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    border-radius: 20px;
}

::-webkit-scrollbar-thumb {
    background-image: linear-gradient(-225deg,#feb7ffba 0,#73fff1a6 100%)!important;
}

::-webkit-scrollbar-thumb:hover {
    background-image: linear-gradient(-225deg,#fb00ffba 0,#00ffe5a6 100%)!important;
}
.darkmode {
       color: #999!important;
       background-color: #111!important;
}
.night {
	position: absolute;
	bottom: 32px;
	right: 32px;
	width: 32px;
	height: 32px;
	background: url(dark_mode.svg) no-repeat center;
	border: 1px solid rgb(101 101 101 / 50%);
	border-radius: 30%;
	padding: 3px;
}