/* ---------------- Header ---------------- */

body a,
body a:hover,
body a:visited {
  text-decoration: none; /* 不管访问与否都无下划线 */
}


.header {
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #eaeaea;
  font-family: "Microsoft YaHei", "Segoe UI", sans-serif;
}

.header .siteTop {
  width: 100%;
  padding: 5px 0;
}

.header .siteTop .container {
  max-width: 815px;
}

.sTLeft a {
  color: #333;
  text-decoration: none;
  font-weight: bold;
}

/* ---------------- 内容主体 ---------------- */
.preview-tip {
    max-width: 892px;
    margin: 0 auto;
    text-align: left;
    padding: 5px 15px;
    background: #fff8e6;
    border: 1px solid #ffd27f;
    border-left: 4px solid #ff9800;
    border-radius: 4px;
    color: #555;
    line-height: 1.6;
    font-size: 14px;
}

.preview-tip strong {
    color: #e65100;
}


.newstext-content {
  max-width: 815px;
  margin: 20px auto;
  padding: 15px;
  font-family: "Microsoft YaHei", "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #333;
  background-color: #fff;
  border: 1px solid #f0f0f0;
}

.newstext-content img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  margin: 5px 0;
}

.img-auto-size {
    max-width: 100%;     /* 宽度不超过容器 */
    height: auto;        /* 等比缩放 */
    display: block;      /* 避免文字环绕 */
    margin: 0 auto;      /* 居中 */
    float: none !important; /* 清除 align="left" 导致的浮动 */
}


.newstext-content p.western {
    line-height: 1.5; /* 行间距 */
    margin-bottom: 0.2in; /* 段落间距 */
}

.newstext-content span[class*="font-"] {
    word-break: break-word; /* 防止长词溢出 */
}

.newstext-content {
    font-size: 1.0em;
    line-height: 1.6;
}

.newstext-content p[style*="text-indent:-"] {
    padding-left: 1in;     /* 抵消负缩进 */
    text-indent: 0;        /* 不再拉出 */
}


.newstext-content .lh-100 { line-height: 1.0; }
.newstext-content .lh-110 { line-height: 1.1; }
.newstext-content .lh-120 { line-height: 1.2; }
.newstext-content .lh-130 { line-height: 1.3; }
.newstext-content .lh-150 { line-height: 1.5; }



/* size 对应 Word size */
.font-size-1 { font-size: 10pt; }
.font-size-2 { font-size: 12pt; }
.font-size-3 { font-size: 14pt; }
.font-size-4 { font-size: 16pt; }
.font-size-5 { font-size: 18pt; }
.font-size-6 { font-size: 20pt; }
.font-size-7 { font-size: 22pt; }

/* style font-size 精确 pt 调整 */
.font-pt-8  { font-size: 10pt; }
.font-pt-10 { font-size: 12pt; }
.font-pt-12 { font-size: 14pt; }
.font-pt-14 { font-size: 16pt; }
.font-pt-16 { font-size: 18pt; }
.font-pt-18 { font-size: 20pt; }


/* ===========================
   行高 line-height
   =========================== */
.lh-80  { line-height: 0.8; }
.lh-90  { line-height: 0.9; }
.lh-100 { line-height: 1; }
.lh-110 { line-height: 1.1; }
.lh-120 { line-height: 1.2; }
.lh-130 { line-height: 1.3; }
.lh-140 { line-height: 1.4; }
.lh-150 { line-height: 1.5; }
.lh-160 { line-height: 1.6; }
.lh-170 { line-height: 1.7; }
.lh-180 { line-height: 1.8; }
.lh-200 { line-height: 2; }

/* ===========================
   段落间距 margin-bottom
   =========================== */
/* 英寸单位 */
.mb-0-05 { margin-bottom: 0.05in; }
.mb-0-1  { margin-bottom: 0.1in; }
.mb-0-13 { margin-bottom: 0.13in; }
.mb-0-15 { margin-bottom: 0.15in; }
.mb-0-2  { margin-bottom: 0.2in; }
.mb-0-25 { margin-bottom: 0.25in; }
.mb-0-3  { margin-bottom: 0.3in; }
.mb-0-35 { margin-bottom: 0.35in; }
.mb-0-4  { margin-bottom: 0.4in; }
.mb-0-5  { margin-bottom: 0.5in; }

/* 像素单位 */
.mb-px-1   { margin-bottom: 1px; }
.mb-px-2   { margin-bottom: 2px; }
.mb-px-3   { margin-bottom: 3px; }
.mb-px-4   { margin-bottom: 4px; }
.mb-px-5   { margin-bottom: 5px; }
.mb-px-6   { margin-bottom: 6px; }
.mb-px-8   { margin-bottom: 8px; }
.mb-px-10  { margin-bottom: 10px; }
.mb-px-12  { margin-bottom: 12px; }
.mb-px-15  { margin-bottom: 15px; }
.mb-px-20  { margin-bottom: 20px; }
.mb-px-25  { margin-bottom: 25px; }
.mb-px-30  { margin-bottom: 30px; }




.newstext-content span.sd-abs-pos {
  display: inline !important;
  position: static !important;
}

.newstext-content table {
  border-collapse: collapse;
  width: 100%;
}

.newstext-content th,
.newstext-content td {
  border: 1px solid #ccc;
  padding: 5px 10px;
  text-align: left;
}

h1 {
  font-size: 24px;
  padding: 10px;
  font-weight: 800;
  text-align: center;
}

/* ---------------- 图片弹窗按钮 ---------------- */
#img-modal button {
  padding: 6px 12px;
  margin: 0 5px;
  border: none;
  background: #007bff;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
}
#img-modal button:hover {
  background: #0056b3;
}

/* ---------------- 详细信息区块 ---------------- */
.detail-info {
  max-width: 892px;
  margin: 5px auto;
  padding: 5px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  font-family: "Microsoft JhengHei", "PingFang TC", "Noto Sans TC", sans-serif;
  color: #333;
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

@media (min-width: 768px) {
  .detail-info {
    grid-template-columns: 1fr 1fr;
  }
}

.detail-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 5px;
  border: 1px solid #f0f0f0;
  border-radius: 6px;
  background: #fafafa;
  font-size: 15px;
}

.detail-item .label {
  flex: 0 0 90px;
  font-weight: 600;
  color: #0b63d6;
}

.detail-item .value {
  flex: 1;
  color: #444;
  text-align: right;
}

/* 按钮样式 */
.action-btn {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  transition: 0.3s;
}

.detail-actions {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 15px;
}

.action-btn {
  flex: 1;
  min-width: 45%;
  text-align: center;
  padding: 12px 0;
  border-radius: 6px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  transition: 0.3s;
}

/* 收藏按钮 */
.fav-btn {
  background: #ffc107;
}
.fav-btn:hover {
  background: #e0a800;
}

/* 下载按钮 */
.download-btn {
  background: #28a745;
}
.download-btn:hover {
  background: #218838;
}

/* ---------------- Footer ---------------- */
footer.site-footer {
  background-color: #f8f9fa;
  color: #555;
  padding: 25px 15px;
  margin-top: 40px;
  border-top: 1px solid #e0e0e0;
  font-family: "Microsoft YaHei", "Segoe UI", sans-serif;
}

footer .footer-container {
  max-width: 815px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

footer .footer-left {
  font-size: 14px;
}

footer .footer-right a {
  color: #007bff;
  text-decoration: none;
  margin-left: 12px;
  font-size: 14px;
}

footer .footer-right a:hover {
  text-decoration: underline;
}

@media (max-width: 576px) {
  footer .footer-container {
    flex-direction: column;
    text-align: center;
  }
  footer .footer-right a {
    margin: 5px;
  }
}

/* ---------------- 相关信息 + 搜索 ---------------- */
.related-section {
  max-width: 892px;
  margin: 10px auto;
  padding: 0 15px;
  font-family: "Microsoft YaHei", "Segoe UI", sans-serif;
}

.search-box {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  gap: 8px;
}

.search-box input {
  flex: 1;
  max-width: 400px;
  padding: 8px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.search-box button {
  background-color: #007bff;
  border: none;
  color: #fff;
  padding: 8px 15px;
  border-radius: 4px;
  cursor: pointer;
}

.search-box button:hover {
  background-color: #0056b3;
}

.related-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}

.related-item {
  background-color: #f9f9f9;
  padding: 12px 15px;
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(0,0,0,0.1);
  transition: 0.2s;
}

.related-item:hover {
  background-color: #f1f7ff;
  transform: translateY(-2px);
}

.related-item a {
  text-decoration: none;
  color: #333;
  font-weight: 500;
}

.related-item a:hover {
  color: #007bff;
}

/* 可选：表头背景色 */
.table-wrapper th {
    background-color: #f5f5f5;
}


.table-wrapper td {
    word-break: break-all;   /* 强制长字符串换行 */
    white-space: normal;      /* 允许换行 */
}

.Frame {
    border: 1px dashed #000; /* 1px 虚线黑色边框 */
    padding: 0.1in;          /* 可根据需要调整内边距 */
    display: block;          /* 保证 div 是块级元素 */
    box-sizing: border-box;  /* 让 padding 不影响整体宽度 */
}


.zoom-controls {
  position: fixed;       /* 固定在视口 */
  right: 20px;
  bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 9999;         /* 高于其他元素 */
}
.zoom-controls button {
  width: 45px;
  height: 45px;
  font-size: 20px;
  flex-shrink: 0;        /* 避免被父容器挤压 */
}


@media (max-width: 576px) {
  .related-list {
    grid-template-columns: 1fr;
  }
}