*{box-sizing:border-box}body{margin:0;font-family:"Microsoft YaHei",Arial;color:#333}header{height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 8%;background:#fff;border-bottom:1px solid #eee}.logo{font-size:24px;font-weight:bold;color:#124b8a}nav a{margin:0 15px;color:#333;text-decoration:none}.banner{height:360px;background:linear-gradient(135deg,#124b8a,#2d8fd5);color:white;text-align:center;padding-top:110px}.banner h1{font-size:42px}.box,.page{max-width:1100px;margin:50px auto;padding:20px}.cards{display:flex;gap:20px;max-width:1100px;margin:auto}.cards div{flex:1;padding:30px;background:#f5f8fc;text-align:center}footer{text-align:center;margin-top:60px;padding:25px;background:#222;color:#fff}@media(max-width:700px){header{display:block;height:auto;padding:20px}nav a{display:inline-block;margin:10px}.cards{display:block}.cards div{margin:15px}}