body {
 max-width: 375px;
 margin: 0 auto;   /* 水平居中 */
 padding: 1px;    /* 添加内边距 */
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 可选：添加阴影效果 */
}
p_word 
{
  font-size: 18px;
  font-weight: bold;
}
  /* 自定义样式 */
#single-image {
  width: 100%; /* 自定义宽度，可以是百分比或者具体像素值 */
  display: block; /* 使图片以块级元素显示 */
  margin: 0 auto; /* 让图片水平居中 */
}

#table-container {
  background-image: url('wangzonghao/image/'); /* 更改路径为你的图片路径 */
  background-size: cover; /* 使背景图片覆盖整个容器 */
  background-position: center; /* 图片居中显示 */
  /* 可以添加其他样式属性 */
}

.container_p {
  width: 200px; /* 设置容器宽度 */
  white-space: nowrap; /* 强制文本在一行内显示 */
  overflow: hidden; /* 溢出内容隐藏 */
  text-overflow: ellipsis; /* 显示省略号 */
}
 
/* Custom table style with grid lines */
.imagex-container {
  // display: flex;
  // justify-content: center;
  // align-items: center;
  position: relative;
  overflow: hidden;
  height: 225px; /* Adjust this */
  // width: 225px;
}

.imagex-container img {
  width: 100%;
  height: auto;
  object-fit: none; /* 关闭默认的缩放 */
  object-position: bottom; /* 控制显示的位置 */
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.pagination {
  text-align: right;
}

.table>tbody>tr>td {
  white-space: pre-wrap !important;
}

.table {
  width: 100%;
}

.zoomable-image {
  transition: transform 0.3s;
}

.zoomable-image:hover {
  transform: scale(1.0);
}

/* 设置带有no-border-top类的行的上边框为无 */

table {
  border-collapse: collapse;
}

table, th, td {
  border: 1px solid black;
}

/* 设置带有no-border-top类的行的上边框为无 */
tr.no-border-top {
  border-top: none;
}

#loader {
  position: fixed;
  top: 0;
  left: 50%;
  width: 10%;
  height: 10%;
  // background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  //align-items: center;
  z-index: 1000;
  display: none;
}

a{
  font-size: 20px;
  text-decoration: none;
  color: #007BFF;
  padding: 2px 6px;
  margin-right: 2px;
  border-radius: 5px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* 鼠标悬停时的样式 */
a:hover {
  background-color: #007BFF;
  color: white;
}

/* 链接容器样式 */
.link-container2 {
    background-color: #f0f0f0; /* 设置容器底色 */
    padding: 20px; /* 内边距 */
    border-radius: 10px; /* 圆角 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 阴影效果 */
    display: inline-block; /* 让容器宽度自适应内容 */
}