:root {
  --primary-color: #000;
  --secondary-color: #fff;
  --accent-color: #d1d1d1;
  --font-main: 'Beausite Classic Light', sans-serif;
  font-size: 16px;
  /* Base font size for rem calculations */
}



/* 去除 input 和 button 的默认样式 */
input,
button {
  border: none;
  /* 去掉默认边框 */
  outline: none;
  /* 去掉聚焦时的轮廓线 */
  background: none;
  /* 去掉默认背景 */
  padding: 0;
  /* 去掉默认内边距 */
  margin: 0;
  /* 去掉默认外边距 */
}

/* 对于按钮的特殊处理 */
button {
  display: inline-flex;
  /* 确保按钮内的图标居中 */
  justify-content: center;
  align-items: center;
}

/* 输入框样式 */
input.search_input {
  width: 100%;
  padding: 0.3vw;
  font-size: 1vw;
  /* border-bottom: 0.12vw solid #ccc; */
}

/* 按钮图标样式 */
button.search_btn {
  background: none;
  /* 去掉按钮的默认背景 */
  border: none;
  /* 去掉按钮的边框 */
  padding: 0.41vw;
  /* 为按钮添加内边距 */
  cursor: pointer;
  /* 鼠标悬停时显示点击手型 */
}

button.search_btn img.search_btn_icon {
  width: 1.04vw;
  /* 控制图标大小 */
  height: 1.04vw;
  /* 控制图标大小 */
}

.back_btn_layout {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1vw;
  cursor: pointer;
}

.back_btn {
  color: #000;
  font-size: 1vw;
  font-family: 'Beausite Fit Trial Light', sans-serif;
}

.back_btn:hover {
  cursor: pointer;
}

.margin_top {
  margin-top: 2vw;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  /* max-width: 2560px; */
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  font-family: var(--font-main);
  line-height: 1.6;
  color: var(--primary-color);
  background-color: var(--secondary-color);
}

a {
  text-decoration: none;
}

/* width: 74.6875vw; */

#page-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  font-family: var(--font-main);
  line-height: 1.6;
  color: var(--primary-color);
  background-color: var(--secondary-color);
}

/* 主体部分样式 */
.container_box {
  display: flex;
  /* width: 100vw; */
  min-height: calc(100vh - 4.45vw);
}

/* 左侧栏样式 */
.sidebar {
  width: 14vw;
  background-color: #f4f4f4;
  padding: 2vw 0 0 2vw;
  /* display: none; */
}

.sidebar_select {
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

.format_select h3,
.topics_select h3 {
  margin: 2vw 0 0.5vw 0;
}

.format_select div,
.topics_select div {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.4vw;
}

.sidebar input[type="radio"] {
  /* margin-right: 10px; */
  width: 1vw;
  height: 1vw;
  cursor: pointer;
  border: 1vw solid #4f4f4f;
}

.sidebar input[type="radio"] {
  accent-color: #4f4f4f;
  /* 设置选中时的颜色 */
}

/* 右侧显示区样式 */
.main-content {
  flex-grow: 1;
  padding: 1vw;
  width: calc(100vw - 20vw);
}


.content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 1vw 0;
  gap: 3vw;
}

.content_details_date_layout {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  border-bottom: 0.12vw solid #efefef;
  padding: 1vw 0;
}

.search_layout {
  width: 15vw;
  height: 3vw;
  display: flex;
  flex-direction: row;
  border-bottom: 0.12vw solid #ccc;
  font-size: 1vw;
}

.content_item {
  display: flex;
  flex-direction: column;
  gap: 1vw;
  width: 16.8vw;
  border-radius: 2vw !important;
}

.content_hidden {
  display: none;
}

.content_item:hover img {
  transform: scale(1.05);
  cursor: pointer;
}

.div_flex_column {
  display: flex;
  flex-direction: column;
}

.div_flex_row {
  display: flex;
  flex-direction: row;
}

.content_item_img {
  width: 16.8vw;
  height: 21.8vw;
  object-fit: cover;
  transition: transform 1s ease, filter 1s ease;
  border-radius: 2vw !important;
  overflow: hidden;
}

.content_item_info {
  justify-content: flex-start;
  gap: 0.2vw;
}

.content_title {
  font-size: 1vw;
  font-family: 'Beausite Fit Trial Light', sans-serif;
}

.content_data_read_times {
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.2vw solid #efefef;
}

.read_times {
  gap: 0.2vw;
  align-items: baseline;
}

.read_times_icon {
  width: 1.19vw;
  height: 0.88vw;
  object-fit: cover;
}

.content_type_box {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5vw;
  border-radius: 2vw !important;
  justify-content: flex-end;
}

.content_type {
  font-size: 0.88vw;
  font-family: 'Beausite Fit Trial Light', sans-serif;
  padding: 0.4vw 1vw;
  border: 0.05vw solid #77787B;
  color: #77787B;
  border-radius: 2vw !important;
}

.content_type_box>a {
  color: #000;
}

/* 详情 */
.content_details {
  position: relative;
  display: flex;
  flex-direction: row;
  margin: 1vw 4vw;
  justify-content: space-between;
}

.content_details_layout {
  display: flex;
  flex-direction: column;
  margin: 4vw 4vw 0 4vw;

}

.circle_list li {
  list-style-type: disc;
}

.content_details_img {
  width: 30.9vw;
  height: 30.9vw !important;
  object-fit: cover;
  border-radius: 2vw !important;
}

.content_details_title {
  margin-top: 2vw;
  font-size: 2.5vw;
  font-family: 'Domaine Display Semibold', sans-serif;
}

.content_details>.content_type_box {
  border-radius: 0;
}

.header_details_layout {
  width: 32vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 4vw;
}

.content_details_date {
  font-size: 1.2vw;
  font-family: 'Beausite Fit Trial Light', sans-serif;

}

.content_details_content,
.switch_button_layout {
  font-size: 1.04vw;
  font-weight: 300;
  font-family: 'Beausite Fit Trial Light', sans-serif;
  margin-bottom: 2vw;
}

.content_center_title {
  text-align: center;
  font-family: 'Beausite Fit Trial Light Italic', sans-serif;
}

.content_left_title {
  text-align: left;
  font-family: 'Beausite Fit Trial Light Italic', sans-serif;
}

.details_title {
  font-family: 'Beausite Fit Regular', sans-serif;
  font-weight: 400;
}

.detail_title_link {
  color: #000;
  text-decoration: underline;
}

.content_details_images {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1vw;
  margin: 4vw 0;
}

.content_details_small_img {
  width: 32vw;
  height: 20.3vw;
  object-fit: cover;
  border-radius: 2vw !important;
}


.switch_content_container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.switch_button_layout {
  display: flex;
  flex-direction: row;
  gap: 1vw;
  align-items: center;
}

.switch_button_layout :hover {
  cursor: pointer;
}

.aia_table {
  width: 90%;
  margin: 2vw auto;
  border-collapse: collapse;
  text-align: left;
  border-bottom: 0.12vw solid #dfdfdf;

}

.aia_table th {
  border-bottom: 0.12vw solid rgb(140 140 140);

  font-family: 'Beausite Fit Regular', sans-serif;
  padding-left: 1.5vw;
}

.aia_table td {
  width: 30%;
  font-family: 'Beausite Fit Trial Light', sans-serif;
}

.aia_table td {
  padding: 1vw;
}

.number_list {
  list-style-type: decimal;
  margin: 0 1vw;
}

.padding_number_list {
  padding-left: 1vw;
}

.circle_list {
  list-style-type: disc;
  margin: 0 1vw;
}

.sub_list {
  margin: 0 1vw;
}

.sub_title {
  margin: 1vw 0 0 0;
}