body {
  font-family: Arial, sans-serif;
  line-height: 1.6;
}

/* 各模块通用样式 */
section { padding: 20px; }
h1, h2, h3 { margin: 10px 0; }

.container {
	width: 640px;
	margin: 0 auto;
}

.container p{
	font-size: 1.2rem;
}

/* 模块1：宣传横幅 */
#hero { background: #f5f5f5; }
#hero .intro { font-size: 1.1rem; }
#hero img { width: 100%; object-fit: cover; }
#hero .countdown { text-align: center; margin-top: 10px; font-size: 1.6em; font-weight: 700;}
#hero .buttons { text-align: center; }
#hero .btn { margin: 5px; padding: 10px 20px; background: #f07d8c; color: #fff; text-decoration: none; border-radius: 4px; }
#hero i { margin-right: 5px; color: #F07D8C; }

/* 图片展示区 */
#hero .banner-gallery {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

#hero .banner-gallery img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 8px;
  flex: 1 1 30%;
}

/* Join 按钮 */
.join-button {
  margin-bottom: 30px;
  text-align: center;
}

.join-button .btn-join {
  display: inline-block;
  padding: 12px 20px;
  background-color: #f07d8c;
  color: white;
  border-radius: 6px;
  font-weight: bold;
  text-decoration: none;
  transition: background 0.3s;
}

.join-button .btn-join:hover {
  background-color: #1e7e34;
}

/* 模块2：亮点与活动 */
#highlights p {font-size: 1.1rem;}
#highlights ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; }
#highlights li { flex: 1 1 100%; margin: 10px; background: #eef; padding: 10px; }
#highlights i { font-size: 1.5em; color: #007BFF; }

/* 模块3：谁参加 */
#attendees p {font-size: 1.1rem;}
#attendees ul { list-style: none; padding: 0; }
#attendees li { margin-bottom: 15px; }
#attendees i { margin-right: 5px; color: #007BFF; }
#attendees img { width: 100%; object-fit: cover; }

/* 模块4：庆祝卓越 */
#awards p {font-size: 1.1rem;}
#awards ul { list-style: none; padding: 0; }
#awards li { margin-bottom: 15px; }
#awards i { margin-right: 5px; color: #FF8C00; }
#awards hr.divider { border: 0; border-top: 3px solid #ccc; }

/* 模块5：行业领袖 */
#leaders { text-align: center; }
#leaders img { width: 100%; max-width: 600px; }
#leaders i { margin-right: 5px; color: #FF8C00; }

/* 模块6：代表团 */
#delegations { background: #fafafa; }
#delegations p {font-size: 1.1rem;}

/* 模块7：注册表单 */
#registration {
  background: #f7f9fc;
  padding: 10px 20px;
  border-radius: 12px;
  max-width: 960px;
  margin: 0 auto;
}

#registration p {font-size: 1.1rem;}

#registration i { margin-right: 5px; color: #F07D8C; }

#registration h2 {
  text-align: center;
  margin-bottom: 30px;
}

#register-form {
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  font-size: 1rem;
}

.form-grid {
  /*display: grid;*/
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
}

.form-group {
  display: flex;
  flex-direction: column;
}

.form-group label {
  font-weight: bold;
  margin-bottom: 6px;
}

.form-group input,
.form-group select {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 1em;
  transition: border-color 0.3s;
}

.form-group input:focus,
.form-group select:focus {
  border-color: #007BFF;
  outline: none;
}

.form-button {
  text-align: center;
  margin-top: 30px;
}

.form-button button {
  background: #007BFF;
  color: white;
  padding: 12px 30px;
  border: none;
  border-radius: 6px;
  font-size: 1.1em;
  cursor: pointer;
  transition: background 0.3s;
}

.form-button button:hover {
  background: #0056b3;
}

@media (max-width: 600px) {
  #registration {
    padding: 20px 10px;
  }
  
  #register-form {
    padding: 20px;
  }

  .form-grid {
    grid-template-columns: 1fr;
  }
}

/* 模块8：联系方式 */
#contacts .contact-box { border: 1px solid #ccc; padding: 10px; margin: 10px; flex: 1 1 28%; text-align: center;}
#contacts { display: flex; flex-wrap: wrap; }

/* 模块9：社交媒体 */
#social {padding: 0; text-align: center;}
#social a { margin: 0 5px; font-size: 1.5em; color: #555; }

#buttom img { width: 100%; object-fit: cover; }
#buttom h2 { text-align: center; }
#buttom .address, #buttom .contact-info{ text-align: center; font-size: 0.9rem;}


/* 响应式示例：屏幕窄时调整布局 */
@media only screen and (max-width: 768px) {
    
  .container {
	width: 100%;
	margin: 0 auto;
 }    
	
  .banner-gallery {
    flex-direction: column;
    align-items: center;
  }

  .banner-gallery img {
    width: 90%;
    height: auto;
  }
  
  .btn-join {
    width: 90%;
  }
  
  .form-group select {
    height: 40px;
  }
  
  /* 模块2项目宽度改为单列 */
  #highlights li { flex: 1 1 100%; }
  /* 表单标签全宽 */
  #registration label { flex: 1 1 100%; margin: 5px 0; }
  /* 联系方式区块全宽 */
  #contacts .contact-box { flex: 1 1 100%; }
}