@charset "UTF-8";

/* 时区选择器样式 */

.timezone-select-wrapper {
  position: relative;
  margin-bottom: 15px;
}

.timezone-select-wrapper select.form-control {
  display: none;
  /* 隐藏原始select元素 */
}

.timezone-search {
  width: 100%;
  padding: 6px 12px;
  border: 1px solid #ced4da;
  border-radius: 4px;
}

/* 下拉选项样式 */

datalist {
  position: absolute;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ddd;
  border-radius: 0 0 4px 4px;
  background: white;
  width: 100%;
  z-index: 1000;
}

datalist option {
  padding: 8px 12px;
  cursor: pointer;
}

datalist option:hover {
  background-color: #f8f9fa;
}

/* 当前时间戳卡片样式 */

/* 当前时间戳卡片样式 */

.card-body .d-flex {
  gap: 1rem;
}

.card-body .d-flex > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.card-body .d-flex > div h3 {
  font-size: 1.75rem;
  color: #333;
  margin-bottom: 0;
  min-width: 180px;
  /* 确保时间戳和日期时间有足够显示空间 */
}

.card-body .d-flex > div span {
  font-size: 1rem;
  color: #6c757d;
}

.card-body .d-flex > div .btn-group .btn {
  white-space: nowrap;
}

@media (max-width: 768px) {
  .card-body .d-flex {
    flex-direction: column;
    align-items: flex-start;
  }

  .card-body .d-flex > div {
    margin-bottom: 1rem;
  }

  .card-body .d-flex > div:last-child {
    margin-bottom: 0;
  }
}