.hiprint-headerLine,
.hiprint-footerLine {
  border-color: red !important;
}
.hiprint-headerLine:hover,
.hiprint-footerLine:hover {
  border-top: 3px dashed red !important;
}
.hiprint-headerLine:hover:before {
  content: '页眉线';
  left: calc(50% - 18px);
  position: relative;
  background: #ffff;
  top: -12px;
  color: red;
  font-size: 12px;
}
.hiprint-footerLine:hover:before {
  content: '页脚线';
  left: calc(50% - 18px);
  position: relative;
  color: red;
  background: #ffff;
  top: -12px;
  font-size: 12px;
}

.custom-container {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #c8c9cc;
  padding: 5pt;
  margin-bottom: 5pt;
}
.custom-container .mg-row {
  display: flex;
  margin-bottom: 5pt;
}
.col-25 {
  max-width: 25%;
  flex: 0 0 25%;
}
.col-33 {
  max-width: 33.3333333333%;
  flex: 0 0 33.3333333333%;
}
.col-50 {
  max-width: 50%;
  flex: 0 0 50%;
}
.col-75 {
  max-width: 75%;
  flex: 0 0 75%;
}
.col-100 {
  width: 100%;
  flex: 0 0 100%;
}
.custom-table {
  width: 100%;
}
.custom-table .left {
  text-align: left;
}
.custom-table .right {
  text-align: right;
}
.custom-table .center {
  text-align: center;
}
.custom-table .custom-th,
.custom-table .custom-tr {
  display: block;
  font-size: 0;
}
.custom-table .custom-th div:last-child,
.custom-table .custom-tr div:last-child {
  border-right: 1px solid #000000;
}
.custom-table .custom-th div,
.custom-table .custom-tr div {
  font-size: 6pt;
  display: inline-block;
  padding: 2pt 0;
  border-left: 1pt solid #000000;
  border-bottom: 1pt solid #000000;
  vertical-align: top;
}
.custom-table .custom-th div span,
.custom-table .custom-tr div span {
  margin: 0 5pt;
}
.custom-table .custom-th div {
  border-top: 1pt solid #000000;
}
.custom-table .w-9 {
  width: 9%;
}
.custom-table .w-10 {
  width: 10%;
}
.custom-table .w-15 {
  width: 15%;
}
.custom-table .w-20 {
  width: 20%;
}
.custom-table .w-25 {
  width: 25%;
}
.custom-table .w-30 {
  width: 30%;
}
.custom-table .w-40 {
  width: 40%;
}

.hipt-mt-5 {
  margin-top: 5pt;
}
.hipt-mb-5 {
  margin-bottom: 5pt;
}
.hipt-tleft {
  text-align: center;
}
.hipt-tcenter {
  text-align: center;
}
.hipt-tright {
  text-align: center;
}
.hipt-brt {
  border-top: 1px solid #000;
}
.hipt-brl {
  border-left: 1px solid #000;
}
.hipt-height-18 {
  height: 18pt;
  line-height: 18pt;
}
.hipt-height-20 {
  height: auto !important;
  line-height: 1.3 !important;
}
.hipt-height-30 {
  height: 33.3pt;
  line-height: 33.3pt;
}
.hipt-desc {
  display: flex !important; /* 启用Flex布局 */
  align-items: center; /* 垂直居中 */
  justify-content: flex-start; /* 默认左对齐，JS中可覆盖 */
  min-height: 25pt; /* 设定最小高度，代替原来的固定高度 */
  height: auto !important; /* 允许高度随内容自动撑开 */
  line-height: 1.3 !important; /* 行高紧凑一点，适应多行文本 */
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 2px 4px; /* 增加内边距，防止文字贴边 */
  box-sizing: border-box;
  width: 100%;
  flex: 1; /* 关键：让它填满父容器的高度 */
  word-break: break-all; /* 确保长单词或连续字符也能换行 */
  white-space: pre-wrap; /* 保留换行符并允许自动换行 */
  text-align: left; /* 默认左对齐 */
}
.hipt-row {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  position: relative;
  box-sizing: border-box;
  /* border: 1px solid #c8c9cc; */
  /* padding: 5pt; */
  min-width: 0;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}
/* 只有打印时需要的微调样式，基础布局已在 JS 中内联 */
.hipt-row-dynamic {
  font-size: 10pt; /* 根据需要调整字体大小 */
  font-family: 'SimSun', '宋体', serif;
}
.hipt-row .hipt-col-2 {
  display: flex;
  flex-direction: column;
  flex: 0 0 8.333333333333332%;
  max-width: 8.333333333333332%;
}
.hipt-row .hipt-col-3 {
  display: flex;
  flex-direction: column;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.hipt-row .hipt-col-4 {
  display: flex;
  flex-direction: column;
  flex: 0 0 16.666666666666664%;
  max-width: 16.666666666666664%;
}
.hipt-row .hipt-col-6 {
  display: flex;
  flex-direction: column;
  flex: 0 0 25%;
  max-width: 25%;
}
.hipt-row .hipt-col-8 {
  display: flex;
  flex-direction: column;
  flex: 0 0 33.33333333333333%;
  max-width: 33.33333333333333%;
}
.hipt-row .hipt-col-12 {
  display: flex;
  flex-direction: column;
  flex: 0 0 50%;
  max-width: 50%;
}
.hipt-row .hipt-col-18 {
  display: flex;
  flex-direction: column;
  flex: 0 0 75%;
  max-width: 75%;
}
.hipt-row .hipt-col-20 {
  display: flex;
  flex-direction: column;
  flex: 0 0 83.333333333333332%;
  max-width: 83.333333333333332%;
}

.hipt-row [class^='hipt-col-'] {
  display: flex;
  flex-direction: column;
}

.hipt-content {
  text-align: center;
}

.hipt-content .title {
  display: block;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  width: 100%;
}
.hipt-content .info {
  display: block;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  width: 100%;
}
.hipt-content .note {
  display: block;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  width: 100%;
  height: 100%;
  text-align: left;
}

/* 3. 特殊处理居中对齐的单元格 */
.text-center {
  justify-content: center !important;
  text-align: center !important;
}