*{box-sizing:border-box}body{margin:0;background:#f6f8fb;color:#172033;font-family:Arial,"Microsoft YaHei",sans-serif}.hero{background:#0d3770;color:#fff;padding:28px 16px}.hero h1{font-size:24px;line-height:1.35;margin:0 0 10px}.hero p{margin:0;color:#dbe7ff;line-height:1.8}.wrap{padding:16px}.city{display:block;background:#fff;border:1px solid #e2e8f2;border-radius:12px;padding:14px 15px;margin-bottom:10px;text-decoration:none}.city strong{display:block;color:#14213d;font-size:17px;margin-bottom:6px}.city span{display:block;color:#51657d;line-height:1.6;font-size:14px}.compact{background:#fbfdff}.section-title{font-size:18px;margin:20px 0 10px;color:#10233f}.foot{padding:18px 16px;color:#65748a;font-size:14px;line-height:1.8}