body{margin:0;font-family:Arial,sans-serif;overflow-x:hidden;overflow-y:auto;width:100%;background:linear-gradient(to bottom right,#f5f9ff,#fff)}*{box-sizing:border-box}header{background-color:#4169e1;padding:10px;text-align:center}.logo{width:100px;height:100px;background-color:#4169e1;display:inline-block;margin-bottom:10px}nav{display:flex;justify-content:center;background-color:#fff;overflow-x:hidden}nav a{margin:0 15px;text-decoration:none;color:#000}.layout{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.content{flex:1;padding:20px;overflow-x:hidden}footer{background-color:#4169e1;text-align:center;padding:10px 0;overflow-x:hidden}.page-header{font-size:2rem;font-weight:700;text-align:center;margin-bottom:20px}.page-content{padding:20px;overflow-y:auto;max-height:calc(100vh - 200px);line-height:1.6;color:#333}.max-width{max-width:100%;margin:0 auto}@media (max-width: 600px){nav{flex-direction:column}nav a{margin:5px 0}.logo{width:80px;height:80px}}