* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: "Microsoft YaHei", sans-serif; line-height: 1.5; color: #333; background: #f4f4f4; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 10px; }
header { background: #fff; padding: 10px 0; border-bottom: 2px solid #d9534f; display: flex; align-items: center; justify-content: space-between; }
.logo { font-size: 22px; font-weight: bold; text-decoration: none; color: #333; }
#nav {display: flex; justify-content: space-between; align-items: center; width: 100%;}
.nav-links a { margin-left: 15px; font-size: 14px; color: #555; text-decoration: none; }
.job-title {margin:15px 0; font-weight:bold; border-left: 3px solid #333; padding-left: 10px;}
.job-list { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; margin-top: 10px; }
.job-item { width: 100%; background: #fff; padding: 10px 15px; border-left: 4px solid #d9534f; display: flex; justify-content: space-between; align-items: center; }
.job-item a { text-decoration: none; color: #333; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 70%; }
.job-item .date { font-size: 12px; color: #999; }
@media (min-width: 768px) { 
    .job-item { width: 48.5%; } 
    .ad-slot {display: none !important;}
}
.ad-slot { width: 100%; text-align: center;margin:15px 0;}
.ad-slot img {max-width:100%;height:auto;overflow:hidden;border-radius:5px;}
@media (min-width: 1024px) { .job-item { width: 32.5%; } }
.city-links { margin-top: 30px; background: #fff; padding: 20px; border-top: 1px solid #ddd; }
.city-links strong { display: block; margin-bottom: 10px; }
.city-links a { display: inline-block; padding: 5px 8px; color: #666; text-decoration: none; font-size: 13px; }
footer { text-align: center; padding: 20px; font-size: 12px; color: #999; background: #fff;margin-top: 40px;}
footer p {text-align: center;font-size: 12px; color: #999;line-height: 30px;}
footer p a {text-decoration:none;color: #999;}