/* === a.css === */
body { 
  padding-top: 20px; 
  background-color: #f4f4f4; 
}


.banner { 
  background-color: #ffd966; 
  padding: 10px; 
  text-align: center; 
  font-size: 18px; 
  font-weight: bold; 
}
.info-title { 
  cursor: pointer; 
  transition: color 0.3s ease; 
  display: flex; 
  align-items: center; 
}
.info-title:hover { 
  color: red; 
}
.content-box { 
  display: none; 
  background: #fff; 
  padding: 10px; 
  border-radius: 6px; 
}
.section-title { 
  font-weight: bold; 
  margin-top: 30px; 
  font-size: 20px; 
  background-color: #e9ecef; 
  padding: 10px; 
}
.info-row { 
  display: flex; 
  justify-content: space-between; 
  align-items: center; 
  padding: 10px; 
  background-color: #fff; 
  border-bottom: 1px solid #ccc; 
}
.info-row:hover { 
  background-color: #f0f0f0; 
}
.info-main { 
  display: flex; 
  flex: 1; 
  align-items: center; 
  gap: 10px; 
}
.title-text { 
  min-width: 300px; 
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis; 
}
.info-date { 
  width: 120px; 
  text-align: center; 
}
.info-city { 
  width: 150px; 
  text-align: center; 
}
.view-btn { 
  color: #007bff; 
  cursor: pointer; 
  text-decoration: underline; 
  margin-left: 10px; 
}
.view-btn:hover { 
  color: #0056b3; 
}
.ad-box-row { 
  display: flex; 
  gap: 10px; 
  margin-bottom: 20px; 
}
.ad-box-small { 
  flex: 1; 
  height: 100px; 
  background-color: #ccc; 
  display: flex; 
  justify-content: center; 
  align-items: center; 
  font-weight: bold; 
}
#tool-row { 
  display: flex; 
  justify-content: space-between; 
  align-items: flex-start; 
  flex-wrap: wrap; 
  gap: 10px; 
}
#search-area { 
  display: flex; 
  gap: 10px; 
  flex-wrap: wrap; 
  align-items: center; 
}
#action-area { 
  display: flex; 
  flex-direction: column; 
  gap: 5px; 
}
.dropdown-toggle::after { 
  margin-left: 5px; 
}

/* 手机端优化 */
@media (max-width: 767px) {
  .info-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 10px 8px;
  }

  .info-main {
    width: 100%;
    gap: 6px;
  }

  .title-text {
    min-width: 0; /* 取消最小宽度限制 */
    white-space: normal; /* 允许换行 */
    overflow: visible;
    text-overflow: unset;
  }

  .info-date,
  .info-city,
  .view-btn {
    width: auto !important;
    text-align: left !important;
    white-space: normal;
    font-size: 14px;
  }

  .view-btn {
    margin-left: 0;
    padding-left: 0;
  }
}


/* === button.css === */
   


.button-link {
  border: none; background: #007bff; color: white; padding: 6px 12px; border-radius: 6px; font-size: 14px; text-decoration:none;
  display: inline-flex; align-items: center; justify-content: center;
}

a.button-link:hover,
button:hover {
  background: #0056b3;
  cursor: pointer;
}