/* ===== 极简重置 ===== */
*{margin:0;padding:0;box-sizing:border-box}
html,body{
  height:100%;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:#111;background:#fff;line-height:1.5;letter-spacing:.02em
}
.container{
  width:90%;max-width:1200px;margin:auto  /* 与背景图同宽 */
}

/* ===== 导航 ===== */
.top-bar{
  background:#fff;border-bottom:1px solid #eaeaea;position:sticky;top:0;z-index:1000
}
.top-bar .container{
  display:flex;align-items:center;justify-content:space-between;padding:1.4rem 0
}
.logo{
  font-size:2.2rem;font-weight:700;color:#111      /* 环球美食 明显放大 */
}
nav a{
  margin-left:1.8rem;text-decoration:none;color:#555;font-size:1rem;transition:color .2s
}
nav a:hover{color:#111}

/* ===== 主视觉 ===== */
.hero{
  height:70vh;display:flex;align-items:center;justify-content:center;
  text-align:center;position:relative;
  background:url("https://www.2008php.com/2014_Website_appreciate/2015-12-16/20151216013831UkJVrUkJVr.jpg") center/cover no-repeat
}
.hero::before{
  content:"";position:absolute;inset:0;background:rgba(0,0,0,.45)
}
.hero-inner{position:relative;color:#fff;max-width:720px;padding:0 1rem}
.hero-inner h2{font-size:2.8rem;font-weight:500;margin-bottom:1rem}
.hero-inner p{font-size:1.2rem;margin-bottom:2.5rem}
.btn{
  display:inline-block;background:#fff;color:#111;padding:.9rem 2.4rem;
  font-size:1rem;border-radius:4px;text-decoration:none;transition:opacity .3s
}
.btn:hover{opacity:.85}

/* ===== 美食六宫格 ===== */
.food-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);   /* 一行 3 个 */
  gap:2.5rem;
  padding:5rem 0
}
.food-card{
  background:#fff;border:1px solid #f0f0f0;border-radius:8px;overflow:hidden;
  transition:border-color .3s,transform .3s
}
.food-card:hover{border-color:#ccc;transform:translateY(-4px)}
.food-card img{
  width:100%;height:240px;object-fit:cover;display:block  /* 更高更宽 */
}
.info{padding:1.8rem 1.5rem}
.info h3{font-size:1.25rem;font-weight:500;margin-bottom:.6rem}
.info p{font-size:.95rem;color:#666}

/* ===== 页脚 ===== */
.footer{
  background:#fafafa;border-top:1px solid #eaeaea;text-align:center;
  padding:3rem 0;font-size:.9rem;color:#777
}