#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}nav{display:flex;justify-content:space-between;align-items:center;width:95%;height:50px;padding:20px 30px;background-color:hsla(0,0%,100%,.5);box-shadow:0 2px 4px hsla(0,0%,100%,.5)}@media (max-width:768px){nav{display:flex;justify-content:space-between;flex-direction:column;align-items:center;padding:30px 10px;background-color:hsla(0,0%,100%,.5);box-shadow:0 2px 4px hsla(0,0%,100%,.5)}}.logo{display:flex;align-items:center;padding:2px;height:50px}.logo img{width:100px;height:auto}.daoHangBuJu{display:flex;gap:20px}.pp{width:100px;margin:0}.pp,.pp a{text-decoration:none}.pp a{color:#2c3e50;font-size:20px}.footer-content{display:flex;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.1);padding:5px 5px}.footer-content a{color:#666;text-decoration:none;font-size:15px;box-shadow:0 2px 4px hsla(0,0%,100%,.5)}