/* overwrite default bootstrap css */

* {
  font-family: Georgia, "Times New Roman", Times, serif;
}

body {
  background: url("src/images/background.png") no-repeat center center fixed;
  background-size: cover;
  color: white; /* default white */
}

/* 全局背景色 (index & record 外层背景色) */
body.bg-light {
  background-color: #f3e8ff !important;
}

/* 圆角 + 背景 */
.card {
  background-color: #FFFFFF !important;
  border-radius: 1.5rem !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) !important;
}

/* 首页搜索卡片和弹出页背景 */
.card-home {
  background-color: #D4EDF4 !important;
}

/* description 颜色 */
.card-description {
  background-color: #FFFFFF !important;
}

/* btn 圆角 */
.btn {
  border-radius: 9999px !important;
  font-weight: 600 !important;
  padding: 0.6rem 1.5rem !important;
  font-size: 1rem !important;
}

#resultsPage{
  background-color: #D4EDF4 !important;
}

/* 主按钮色 */
.btn-primary {
  background-color: #FFFFFF !important;
  border-color: #FFFFFF !important;
  color: #000000 !important; /* 主按钮文字颜色 */
}


.btn-primary:hover {
  background-color: #345C72 !important;
  border-color: #345C72 !important;
  color: #FFFFFF !important; /* 主按钮文字颜色 */
}



/* 输入框圆角 */
.form-control {
  border-radius: 9999px !important;
  padding: 0.7rem 1.2rem !important;
  font-size: 1rem !important;
}

/* 列表统一紧凑 */
.list-group-item {
  background-color: #FFFFFF !important;
  padding: 0.4rem 0.8rem !important;
  border: none !important;
}

/* 搜索结果列表专用条目白 */
.result-item {
  background-color: #FFFFFF !important;
  border-radius: 9999px !important;
  padding: 0.1rem 0.5rem;
  font-size: 0.95rem;         /* 缩小文字 */
  min-height: auto;           /* 避免被默认 min-height 撑高 */
}

.result-item button {
  padding: 0.25rem 0.75rem;   /* 缩小按钮尺寸 */
  font-size: 0.65rem;
  line-height: 1;
}

/*record black*/
.card-highlight {
  background-color: #FFFFFF !important;
  /*color: white;*/
}

/* 大标题居中 */
.text-center-big {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

/*background cyan*/
.bg-cyan {
  background-color: #345C72 !important;
  color: white !important;
}
.border-white {
  border: 1px solid white !important;
}


/* For Chrome, Edge, Safari */
/* 适合触控屏使用 */
::-webkit-scrollbar {
  width: 22px;
  background-color: transparent;
}

::-webkit-scrollbar-track {
  background: linear-gradient(#FF9E7A, #FF9E7A); /* 渐变-橙->橙 */
  /*border-radius: 10px;*/
  border: 2px solid #F46530; /* 边框橙色 */
}

::-webkit-scrollbar-thumb {
  background-color: #D4EDF4;  /* 滑块青色 */
  /*border-radius: 10px;*/
  border: 3px solid #F46530;    /* 滑块中间通道感 */
  background-clip: content-box;
}

/* result css 小一点*/

/*ios scroll bar*/
#results {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; /* 平滑滚动 */
}

#recordPage {
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

#recordPage ul,
#recordPage li {
  padding: 0 !important;
  margin: 0 !important;
}

html, body {
  overflow: hidden;
  height: 100vh;
  margin: 0;
  padding: 0;
  background-color: black;
}




/*record page padding*/
/* 压缩 list-group-item 间距 */
#recordPage .list-group-item {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}


/* 压缩 description 和 trial 中的行间距 */
#recordPage .card .row .col-6,
#recordPage .card .row .col-12,
#recordPage .card .row .col-6 div {
  line-height: 1.2 !important;
  margin-top: 1px !important;
  margin-bottom: 2px !important;
}

/* 压缩段落和标题间距 */
#recordPage p,
#recordPage h4 {
  margin-top: 4px !important;
  margin-bottom: 3px !important;
  line-height: 1.1 !important;
}


.custom-result-btn {
  padding: 4px 12px;
  font-size: 0.875rem; /* 小字体 */
  line-height: 1;      /* 控制整体高度 */
  border-radius: 999px;
  background-color: #ffffff;
  color: black;
  font-weight: 600;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  border: none;
}

#homePage h1,
#resultsPage h1 {
  color: #345C72;
}


.btn-more-details {
  background-color: #F8A688 !important;  /* 橙色背景 */
  color: white !important;               /* 白色文字 */
  border: 2px solid white !important;    /* 白色外框 */
  border-radius: 9999px !important;      /* 完全圆角 */
  padding: 0.6rem 1.5rem !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  transition: all 0.3s ease-in-out;      /* 动画效果 */
}


.btn-more-details:hover {
  background-color: white !important;
  color: #F8A688 !important;
  border: 2px solid #F8A688 !important;
}