html,body {margin: 0;text-align: center;background-attachment: fixed;background-repeat: no-repeat;background-size: cover;background-image: url("../img/1.jpg");scroll-behavior: smooth;}.about-content {height: 500px;}.main {border-radius: 2px;border: 2px solid #FF6F9E;width: 850px;margin: 0 auto;height: auto;overflow: hidden;}.content {height: auto;}.footer {font-size: small;color: #000000;position: fixed;z-index: 1001;bottom: 0;width: 100%;border-top: solid 2px gray;background-color: #808080;background-image: linear-gradient(to right, #999, #369);}.footer a {text-decoration: none;}.footer a:link {color: black;}.footer a:visited {color: black;}.footer a:hover {color: hotpink;}hr {width: 100%;}.header {width: 100%;height: 45px;}.top {text-align: left;font-size: xx-large;font-family: "KaiTi";color: #000000;position: fixed;z-index: 1001;top: 0;height: 45px;width: 100%;border-bottom: solid 2px gray;background-color: #808080;background-image: linear-gradient(to right, #369, #999);}.top span {margin: 0 0 0 25px;}.top a {text-decoration: none;}.top a:link {color: #000000;}.top a:visited {color: black;}.top a:hover {color: hotpink;}.icon {width: 35px;height: 35px;}.sides {text-align: center;position: fixed;left: 90%;bottom: 50px;visibility: hidden;width: 40px;background-color: #999;border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;padding: 3px;}.sides a {text-decoration: none;}.sides a:link {color: #000000;}.sides a:visited {color: black;}.sides a:hover {color: hotpink;}.banner {height: 50px;width: auto;font-size: large;font-weight: bold;}.webnav {width: 200px;height: 200px;border: solid 1px rgba(3, 27, 78, 0.12);box-shadow: 0px 2px 4px 2px rgba(255, 255, 255, 0.12);-webkit-font-smoothing: antialiased;border-radius: 2px;transition: 0.2s linear;background-color: rgba(0, 0, 0, 0.2);margin: 5px;float: left;overflow: hidden;}.webnav:hover {cursor: pointer;box-shadow: 0px 10px 14px rgba(255, 255, 255, 0.12);}.webnav .span span a {text-decoration: none;background-color: #4CAF50;color: white;font-size: 16px;border: solid 1px gray;border-radius: 2px;text-align: center;}.webnav .span span a:hover {color: hotpink;}.logs {text-align: left;cursor: pointer;}.logs-span {margin-left: 25px;font-family: "楷体";font-weight: bold;font-size: 20px;}.logs-new {color: red;}.logs-nav {position: fixed;width: 160px;left: 85%;bottom: 35%;background-color: #999;border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;text-align: left;}.logs-nav-none {list-style-type: none;}.logs-nav a {text-decoration: none;}.logs-nav a:link {color: #000000;}.logs-nav a:visited {color: black;}.logs-nav a:hover {color: hotpink;}