html, body, #viewer {
  width: 100%;
  height: 100%;
  margin: 0;
  font-family: sans-serif;
}

.viewer-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.viewer-container .viewer-box {
  width: 100%;
  height: 100%;
}

::v-deep .psv-navbar {
  display: none;
}

.btn-box {
  position: absolute;
  left: 22.5px; /* 调整为原来的 1.5 倍 */
  top: 22.5px; /* 调整为原来的 1.5 倍 */
  display: flex;
  flex-direction: column; /* 竖向排列 */
  align-items: flex-start;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid #ccc;
  z-index: 999;
  padding: 7.5px; /* 调整为原来的 1.5 倍 */
  width: 225px; /* 调整为原来的 1.5 倍 */
}

.btn-box .btn-indicator {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: linear-gradient(90deg, #e3f0ff 0%, #cbe6ff 100%);
  z-index: 1;
  transition: left 0.5s cubic-bezier(0.4, 0, 0.2, 1), width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}

.btn-box .btn-item {
  margin-bottom: 15px; /* 调整为原来的 1.5 倍 */
  padding: 15px 30px; /* 调整为原来的 1.5 倍 */
  font-size: 24px; /* 调整为原来的 1.5 倍 */
  cursor: pointer;
  background: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 7.5px; /* 调整为原来的 1.5 倍 */
  text-align: center;
  flex: 1;
  position: relative;
  z-index: 2;
  width: 100%; /* 按钮宽度占满父容器 */
  height: 72px; /* 调整为原来的 1.5 倍 */
  line-height: 72px; /* 调整文字垂直居中 */
  color: #333;
  background: transparent;
  border: none;
  outline: none;
  transition: color 0.2s, background 0.2s;
}

.btn-box .btn-item.active {
  background: #007bff;
  color: white;
  font-weight: 700;
  width: 100%; /* 选中状态下按钮宽度占满父容器 */
}

.no-data {
  position: absolute;
  z-index: 88;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
}

/* 图片自适应页面宽度 */
.responsive-image {
  max-width: 100%; /* 图片最大宽度为页面宽度 */
  height: auto; /* 高度自动调整，保持宽高比 */
  display: block; /* 去除图片底部的多余间隙 */
  margin: 0 auto; /* 居中显示（可选） */
}

/* 文本左对齐且每行等长 */
.justified-text {
  text-align: justify; /* 文本两端对齐 */
  word-wrap: break-word; /* 长单词换行 */
  line-height: 1.6; /* 设置行高 */
}