:root{--red:#a72422;--navy:#172238;--gold:#c69a4a;--cream:#faf6ee;--line:#eadfce;--ink:#20242a;--muted:#68717d;--white:#fff;--shadow:0 18px 45px rgba(33,25,16,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;font-size:15px;line-height:1.75}a{text-decoration:none;color:inherit}.wrap{width:1180px;max-width:calc(100% - 28px);margin:0 auto}.head .wrap,.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px}.head{background:#fff;border-bottom:1px solid #eee2d4}.head .wrap{min-height:92px}.brand{display:flex;align-items:center;gap:14px}.logo{width:56px;height:56px;display:grid;place-items:center;background:linear-gradient(135deg,var(--red),#5e1211);color:#fff;font-size:24px;font-weight:900;border-radius:4px;box-shadow:0 10px 24px rgba(167,36,34,.2)}.brand strong{display:block;font-size:24px;line-height:1.15}.brand span span{display:block;margin-top:7px;color:#7b746e;font-size:13px}.phone-head{text-align:right;color:#555}.phone-head b{display:block;color:var(--red);font-family:Georgia,serif;font-size:27px;line-height:1.1}.nav{position:sticky;top:0;z-index:20;background:var(--red);color:#fff;box-shadow:0 10px 24px rgba(86,21,20,.18)}.nav-menu{display:flex;overflow:auto}.nav-menu a{height:48px;display:inline-flex;align-items:center;padding:0 22px;font-weight:800;white-space:nowrap}.nav-menu a.active,.nav-menu a:hover{background:#7e1b19}.page-hero{background:linear-gradient(90deg,rgba(23,34,56,.92),rgba(82,24,24,.82)),url("campus-building.jpg") center/cover no-repeat;color:#fff}.page-hero .wrap{min-height:310px;padding:62px 0;display:flex;align-items:end}.eyebrow{display:inline-flex;height:31px;align-items:center;padding:0 12px;border:1px solid rgba(198,154,74,.65);color:#ffe0a4;background:rgba(0,0,0,.2);font-weight:900}.page-hero h1{margin:16px 0 12px;font-size:42px;line-height:1.15}.page-hero p{max-width:760px;margin:0;color:rgba(255,255,255,.86);font-size:17px}.crumb{padding:16px 0;color:var(--muted);font-size:13px}.crumb a{color:var(--red);font-weight:900}.section{padding:58px 0}.section.white{background:#fff}.title{margin-bottom:28px}.title.center{text-align:center}.title h2{margin:0;font-size:32px;line-height:1.2}.title p{margin:10px 0 0;color:var(--muted);max-width:720px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid var(--line);box-shadow:0 10px 26px rgba(55,42,26,.05);padding:24px}.card h3{margin:0 0 10px;font-size:22px;line-height:1.25}.card p{margin:0;color:var(--muted)}.photo-card{overflow:hidden;padding:0}.photo{min-height:220px;background:center/cover no-repeat}.photo.lecture{background-image:url("classroom-lecture.jpg")}.photo.study{background-image:url("classroom-study.jpg")}.photo.dorm{background-image:url("dorm-room.jpg")}.photo.exam{background-image:url("exam-gate.jpg")}.photo.hall{background-image:url("campus-hall.jpg")}.photo.dining{background-image:url("dining-room.jpg")}.photo.honor{background-image:url("honor-wall.jpg")}.photo.building{background-image:url("campus-building.jpg")}.photo-body{padding:22px}.number{display:block;color:var(--red);font-family:Georgia,serif;font-size:34px;line-height:1;margin-bottom:10px}.list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.list li{padding:16px 18px;background:#fffaf2;border:1px solid #eee3d3}.list b{color:var(--navy)}.cta{background:linear-gradient(90deg,var(--navy),#401818);color:#fff}.cta .wrap{display:grid;grid-template-columns:1fr 260px 180px;gap:24px;align-items:center;padding:28px 0}.cta h2{margin:0 0 6px;font-size:26px}.cta p{margin:0;color:rgba(255,255,255,.75)}.cta .phone{text-align:right;color:#dec58b}.cta .phone b{display:block;color:#fff;font-family:Georgia,serif;font-size:28px}.btn{min-height:43px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border:1px solid var(--line);background:#fff;font-weight:900;color:var(--red)}.btn.gold{background:var(--gold);border-color:var(--gold);color:#161616}.contact-panel{background:#fff;border-top:4px solid var(--gold);box-shadow:var(--shadow);padding:28px}.tel{padding:18px;background:#fff8eb;border:1px solid #ead7b3;color:#76634d;margin-bottom:14px}.tel b{display:block;color:var(--red);font-size:31px;font-family:Georgia,serif}.footer{background:#111;color:rgba(255,255,255,.72);padding:34px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:28px}.footer h3{margin:0 0 10px;color:#fff}.footer p{margin:0 0 8px}.copy{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:rgba(255,255,255,.5)}@media(max-width:900px){.head .wrap,.grid-2,.grid-3,.grid-4,.cta .wrap,.footer-grid{display:block}.phone-head{text-align:left;margin-top:12px}.card,.photo-card,.footer-grid>div{margin-bottom:16px}.cta .phone{text-align:left;margin:14px 0}}@media(max-width:640px){.brand strong{font-size:20px}.logo{width:50px;height:50px}.nav .wrap{display:block;max-width:100%}.nav-menu{flex-wrap:wrap;overflow:visible}.nav-menu a{flex:1 0 33.333%;height:40px;justify-content:center;padding:0 8px}.page-hero h1{font-size:31px}.page-hero .wrap{min-height:250px;padding:42px 0}.title h2{font-size:27px}.section{padding:42px 0}}