*{box-sizing:border-box}body{margin:0;font-family:"Microsoft YaHei",Arial;color:#222;background:#fff}
header{background:#081b3a;color:white;padding:18px 8%}.nav{display:flex;justify-content:space-between;align-items:center}
.logo{font-size:28px;font-weight:bold}.hero{min-height:520px;background:linear-gradient(90deg,rgba(0,20,60,.8),rgba(0,20,60,.25)),url("images/office2.jpg") center/cover;display:flex;align-items:center;padding:8%;color:white}
.hero h1{font-size:48px}.hero p{font-size:20px;max-width:700px;line-height:1.8}.hero a{display:inline-block;background:#1677ff;color:#fff;padding:12px 28px;border-radius:30px;text-decoration:none}
section{padding:60px 10%}h2{text-align:center;font-size:34px;margin-bottom:35px}
.about p,.contact p{text-align:center;font-size:18px;line-height:2}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.cards div{padding:30px;background:#f5f8ff;border-radius:12px;text-align:center;font-size:22px;font-weight:bold}.cards span{font-size:15px;font-weight:normal;color:#666}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.gallery img{width:100%;height:300px;object-fit:cover;border-radius:12px}
.contact{background:#f6f8fb}footer{text-align:center;background:#111827;color:#ddd;padding:25px}footer a{color:#7db5ff}
@media(max-width:700px){.hero h1{font-size:32px}.gallery{grid-template-columns:1fr}.nav{display:block}}