body{
  font-family: Arial, "Microsoft JhengHei", sans-serif;
  margin:0;
  color:#222;
  background:#f5f5f5;
}

/* ===== Header ===== */
header{
  background:#ffffff;
  padding:30px 20px;
  text-align:center;
}

header h1{
  margin:0 0 15px 0;
  font-size:36px;
  font-weight:800;
  color:#000;
  letter-spacing:1px;
}

/* ===== 導覽列 ===== */
nav{
  display:flex;
  justify-content:center;
  gap:40px;
  flex-wrap:wrap;
}

nav a{
  color:#000;
  text-decoration:none;
  font-size:20px;
  font-weight:600;
}

nav a:hover{
  text-decoration:underline;
}


/* ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐ */
/* ⭐ 這段就是修正 contact / product */
/* ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐ */

.hero{
  max-width:1100px;        /* ⭐ 控制內容寬度 */
  margin:50px auto;        /* ⭐ 置中 + 上下留白 */
  padding:40px 50px;       /* ⭐ 左右留空間（關鍵） */
  box-sizing:border-box;
  background:#ffffff;
  border-radius:14px;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.hero h2{
  margin-top:0;
  font-size:36px;
  color:#0c5fa8;
}

.hero p{
  font-size:20px;
  line-height:1.9;
  margin:10px 0;
}


.product h3,
.product p{
    padding-left:20px;   /* ⭐ 左側留空間 */
}

/* ===== Footer ===== */
footer{
  background:#eee;
  text-align:center;
  padding:15px;
  margin-top:30px;
  color:#555;
}


/* ===== 手機版優化 ===== */
@media(max-width:768px){

  .hero{
    margin:30px 15px;
    padding:25px 22px;
  }

  .hero h2{
    font-size:26px;
  }

  .hero p{
    font-size:18px;
  }

}