@charset "UTF-8";
[data-v-7015eb0d] .el-tabs__item {
  background: #dae8ff;
  color: #0d0d0d;
  border-radius: 4px 4px 0 0;
}
[data-v-7015eb0d] .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  background-color: #156fff;
  color: #ffffff;
}
:v-deep .el-dialog[data-v-7015eb0d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-height: calc(100% - 30px);
  max-width: calc(100% - 30px);
}
[data-v-7015eb0d] .el-dialog .el-dialog__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
}

/* 对话框样式 */
.device-detail-dialog ::deep .el-dialog[data-v-7015eb0d] {
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.device-detail-dialog ::deep .el-dialog__body[data-v-7015eb0d] {
  padding: 0;
  background: #fff;
}

/* 自定义标题栏 */
.dialog-header[data-v-7015eb0d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid #e0e0e0;
  position: relative;
}
.title-wrapper[data-v-7015eb0d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.title-bar[data-v-7015eb0d] {
  display: inline-block;
  width: 4px;
  height: 18px;
  background-color: #409eff;
  border-radius: 2px;
}
.dialog-title[data-v-7015eb0d] {
  font-size: 18px;
  font-weight: 500;
  color: #333;
}
.close-btn[data-v-7015eb0d] {
  font-size: 18px;
  color: #909399;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.close-btn[data-v-7015eb0d]:hover {
  color: #303133;
}

/* 内容区域 */
.device-detail-content[data-v-7015eb0d] {
  padding: 24px;
  background: #fff;
}

/* 表格部分 */
.section-wrapper[data-v-7015eb0d] {
  margin-bottom: 24px;
}
.section-wrapper[data-v-7015eb0d]:last-child {
  margin-bottom: 0;
}
.section-title-wrapper[data-v-7015eb0d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.section-title-bar[data-v-7015eb0d] {
  display: inline-block;
  width: 4px;
  height: 16px;
  background-color: #409eff;
  border-radius: 2px;
}
.section-title[data-v-7015eb0d] {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  margin: 0;
}

/* 表格样式 */
.detail-table[data-v-7015eb0d] {
  width: 100%;
}
.detail-table ::deep .el-table[data-v-7015eb0d] {
  border: none;
}
.detail-table ::deep .el-table__body-wrapper[data-v-7015eb0d] {
  border: none;
}
.detail-table ::deep .el-table td[data-v-7015eb0d] {
  border-bottom: 1px solid #e8e8e8;
  padding: 16px 20px;
  border-right: none;
  border-left: none;
  background-color: #fff;
  vertical-align: top;
}
.detail-table ::deep .el-table td[data-v-7015eb0d]:first-child {
  border-left: none;
  padding-left: 20px;
}
.detail-table ::deep .el-table td[data-v-7015eb0d]:last-child {
  border-right: none;
  padding-right: 20px;
}
.detail-table ::deep .el-table__row:last-child td[data-v-7015eb0d] {
  border-bottom: none;
}
.detail-table ::deep .el-table--border[data-v-7015eb0d]::after {
  display: none;
}
.detail-table ::deep .el-table--border[data-v-7015eb0d]::before {
  display: none;
}
.detail-table ::deep .el-table--border td[data-v-7015eb0d]:first-child::after {
  display: none;
}
.detail-table ::deep .el-table--border td[data-v-7015eb0d]:last-child::after {
  display: none;
}
.detail-table ::deep .el-table__body tr:hover > td[data-v-7015eb0d] {
  background-color: #fff !important;
}
.table-label[data-v-7015eb0d] {
  color: #666;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
}
.table-value[data-v-7015eb0d] {
  color: #333;
  font-size: 14px;
  line-height: 1.5;
  word-break: break-all;
}

/* 设备状态样式 */
.status-online[data-v-7015eb0d] {
  background-color: #67c23a;
}
.status-offline[data-v-7015eb0d] {
  background-color: #909399;
}

/* 手机号显示样式 */
.phone-value[data-v-7015eb0d] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.phone-toggle-icon[data-v-7015eb0d] {
  font-size: 16px;
  color: #909399;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.phone-toggle-icon[data-v-7015eb0d]:hover {
  color: #409eff;
}
.phone-hidden[data-v-7015eb0d] {
  opacity: 0.6;
}

/* 响应式布局 */
@media (max-width: 1200px) {
.device-detail-dialog ::deep .el-dialog[data-v-7015eb0d] {
    width: 90% !important;
}
.detail-table ::deep .el-table[data-v-7015eb0d] {
    font-size: 12px;
}
.detail-table ::deep .el-table td[data-v-7015eb0d] {
    padding: 12px 16px;
}
}












































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































/* 全局样式覆盖，用于自定义对话框类 */
.device-detail-modal.el-dialog {
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.device-detail-modal .el-dialog__header {
  padding: 0;
}
.device-detail-modal .el-dialog__body {
  padding: 0;
}
























































































































































































































































































































































































































































































/* 对话框样式 */
.pole-detail-dialog ::deep .el-dialog[data-v-76518d0d] {
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.pole-detail-dialog ::deep .el-dialog__body[data-v-76518d0d] {
  padding: 0;
  background: #fff;
}

/* 自定义标题栏 */
.dialog-header[data-v-76518d0d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid #e0e0e0;
  position: relative;
}
.title-wrapper[data-v-76518d0d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.title-bar[data-v-76518d0d] {
  display: inline-block;
  width: 4px;
  height: 18px;
  background-color: #409EFF;
  border-radius: 2px;
}
.dialog-title[data-v-76518d0d] {
  font-size: 18px;
  font-weight: 500;
  color: #333;
}
.close-btn[data-v-76518d0d] {
  font-size: 18px;
  color: #909399;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.close-btn[data-v-76518d0d]:hover {
  color: #303133;
}

/* 内容区域 */
.pole-detail-content[data-v-76518d0d] {
  padding: 24px;
  background: #fff;
}

/* 表格样式 */
.detail-table[data-v-76518d0d] {
  width: 100%;
  margin-bottom: 24px;
}
.detail-table ::deep .el-table[data-v-76518d0d] {
  border: none;
}
.detail-table ::deep .el-table__body-wrapper[data-v-76518d0d] {
  border: none;
}
.detail-table ::deep .el-table td[data-v-76518d0d] {
  border-bottom: 1px solid #E8E8E8;
  padding: 16px 20px;
  border-right: none;
  border-left: none;
  background-color: #fff;
  vertical-align: top;
}

/* 二维码和照片行的特殊样式 - 设置行高为160px */
.detail-table ::deep .el-table__body tr.compact-row[data-v-76518d0d] {
  height: 160px !important;
}
.detail-table ::deep .el-table__body tr.compact-row td[data-v-76518d0d] {
  padding: 12px 20px;
  height: 160px !important;
  vertical-align: middle;
}
.detail-table ::deep .el-table td[data-v-76518d0d]:first-child {
  border-left: none;
  padding-left: 20px;
}
.detail-table ::deep .el-table td[data-v-76518d0d]:last-child {
  border-right: none;
  padding-right: 20px;
}
.detail-table ::deep .el-table__row:last-child td[data-v-76518d0d] {
  border-bottom: none;
}
.detail-table ::deep .el-table--border[data-v-76518d0d]::after {
  display: none;
}
.detail-table ::deep .el-table--border[data-v-76518d0d]::before {
  display: none;
}
.detail-table ::deep .el-table--border td[data-v-76518d0d]:first-child::after {
  display: none;
}
.detail-table ::deep .el-table--border td[data-v-76518d0d]:last-child::after {
  display: none;
}
.detail-table ::deep .el-table__body tr:hover > td[data-v-76518d0d] {
  background-color: #fff !important;
}
.table-label[data-v-76518d0d] {
  color: #666;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
}
.table-label.photo-label[data-v-76518d0d] {
  vertical-align: top;
  padding-top: 0;
  line-height: 1.5;
  display: inline-block;
}
.table-value[data-v-76518d0d] {
  color: #333;
  font-size: 14px;
  line-height: 1.5;
  word-break: break-all;
}

/* 在保状态样式 */
.warranty-status[data-v-76518d0d] {
  color: #F56C6C;
}
.warranty-active[data-v-76518d0d] {
  color: #F56C6C;
}
.warranty-inactive[data-v-76518d0d] {
  color: #F56C6C;
}

/* 关联设备数样式 */
.device-count[data-v-76518d0d] {
  /* color: #409EFF; */
}

/* 二维码部分样式 */
.qr-code-row[data-v-76518d0d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.qr-code-container[data-v-76518d0d] {
  width: 80px;
  height: 80px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f9f9f9;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.qr-code-image[data-v-76518d0d] {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.qr-code-placeholder[data-v-76518d0d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #999;
  font-size: 14px;
}
.qr-code-placeholder i[data-v-76518d0d] {
  font-size: 24px;
  color: #ccc;
}

/* 照片部分样式 */
.photo-row[data-v-76518d0d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.photo-item[data-v-76518d0d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 75px;
}
.photo-placeholder[data-v-76518d0d] {
  width: 75px;
  height: 75px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background: #f9f9f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.photo-placeholder[data-v-76518d0d]:hover {
  border-color: #409EFF;
}
.photo-placeholder img[data-v-76518d0d] {
  width: 75px;
  height: 75px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  border-radius: 4px;
}
.photo-empty[data-v-76518d0d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #999;
  font-size: 12px;
  width: 100%;
  height: 100%;
}
.photo-empty i[data-v-76518d0d] {
  font-size: 32px;
  color: #ccc;
}
.photo-time[data-v-76518d0d] {
  font-size: 11px;
  color: #999;
  margin-top: 6px;
  text-align: center;
  line-height: 1.3;
  width: 60px;
  word-break: break-all;
}


/* 响应式布局 */
@media (max-width: 1200px) {
.photo-row[data-v-76518d0d] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.pole-detail-dialog ::deep .el-dialog[data-v-76518d0d] {
    width: 90% !important;
}
.detail-table ::deep .el-table[data-v-76518d0d] {
    font-size: 12px;
}
.detail-table ::deep .el-table td[data-v-76518d0d] {
    padding: 12px 16px;
}
}
































































































































































































































































































































































































































































































































































































































































































































































































/* 全局样式覆盖，用于自定义对话框类 */
.pole-detail-modal.el-dialog {
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.pole-detail-modal .el-dialog__header {
  padding: 0;
}
.pole-detail-modal .el-dialog__body {
  padding: 0;
}

[data-v-dd8116bc] .el-dialog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-height: calc(100% - 30px);
  max-width: calc(100% - 30px);
}
[data-v-dd8116bc] .el-dialog__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
}

.logo[data-v-fd0f3f08] {
  width: 24px; /* 根据需要调整图标大小 */
  height: 24px; /* 根据需要调整图标大小 */
  margin-right: 8px; /* 设置与标题的间距 */
  vertical-align: middle; /* 垂直对齐 */
}
.setting-link[data-v-fd0f3f08] {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.setting-link[data-v-fd0f3f08]:hover {
  color: #66b1ff !important;
  text-decoration: underline;
}
.column-setting-popover[data-v-fd0f3f08] {
  max-height: 400px;
  overflow-y: auto;
}
.column-checkbox-item[data-v-fd0f3f08] {
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0;
}
.column-checkbox-item[data-v-fd0f3f08]:last-child {
  border-bottom: none;
}


.setting-link[data-v-43b32e1e] {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.setting-link[data-v-43b32e1e]:hover {
  color: #66b1ff !important;
  text-decoration: underline;
}
.column-setting-popover[data-v-43b32e1e] {
  max-height: 400px;
  overflow-y: auto;
}
.column-checkbox-item[data-v-43b32e1e] {
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0;
}
.column-checkbox-item[data-v-43b32e1e]:last-child {
  border-bottom: none;
}


.problem-detail-dialog[data-v-070f38cd] .el-dialog {
  margin: 0 auto;
  height: 90vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.problem-detail-dialog[data-v-070f38cd] .el-dialog__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.problem-detail-dialog[data-v-070f38cd] .el-dialog__header {
  display: none;
}
.problem-detail-dialog[data-v-070f38cd] .el-dialog__footer {
  display: none;
}
.problem-detail-container[data-v-070f38cd] {
  width: 100%;
  height: 100%;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

/* 头部样式 */
.header-bar[data-v-070f38cd] {
  background: #fff;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-bottom: 1px solid #e8e8e8;
}
.header-title-wrapper[data-v-070f38cd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.title-accent[data-v-070f38cd] {
  width: 4px;
  height: 20px;
  background: #409eff;
  border-radius: 2px;
}
.header-title[data-v-070f38cd] {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin: 0;
  line-height: 1;
}
.close-icon[data-v-070f38cd] {
  font-size: 24px;
  color: #909399;
  cursor: pointer;
  line-height: 1;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.close-icon[data-v-070f38cd]:hover {
  color: #333;
}

/* 内容区域 */
.content-section[data-v-070f38cd] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 24px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #f5f5f5;
}

/* 详情卡片 */
.detail-card[data-v-070f38cd] {
  background: #fff;
  border-radius: 4px;
  padding: 24px;
  margin-bottom: 16px;
}
.card-title-wrapper[data-v-070f38cd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.card-title[data-v-070f38cd] {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  margin: 0;
  line-height: 1;
}

/* 表格样式 */
.detail-table[data-v-070f38cd] {
  width: 100%;
}
.detail-table[data-v-070f38cd] .el-table {
  border: none;
}
.detail-table[data-v-070f38cd] .el-table__body-wrapper {
  border: none;
}
.detail-table[data-v-070f38cd] .el-table td {
  border-bottom: 1px solid #e8e8e8;
  padding: 16px 20px;
  border-right: none;
  border-left: none;
  background-color: #fff;
  vertical-align: top;
}

/* 图片行的特殊样式 - 设置行高为160px */
.detail-table[data-v-070f38cd] .el-table__body tr.compact-row {
  height: 160px !important;
}
.detail-table[data-v-070f38cd] .el-table__body tr.compact-row td {
  padding: 12px 20px;
  height: 160px !important;
  vertical-align: middle;
}
.detail-table[data-v-070f38cd] .el-table td:first-child {
  border-left: none;
  padding-left: 20px;
}
.detail-table[data-v-070f38cd] .el-table td:last-child {
  border-right: none;
  padding-right: 20px;
}
.detail-table[data-v-070f38cd] .el-table__row:last-child td {
  border-bottom: none;
}
.detail-table[data-v-070f38cd] .el-table--border::after {
  display: none;
}
.detail-table[data-v-070f38cd] .el-table--border::before {
  display: none;
}
.detail-table[data-v-070f38cd] .el-table--border td:first-child::after {
  display: none;
}
.detail-table[data-v-070f38cd] .el-table--border td:last-child::after {
  display: none;
}
.detail-table[data-v-070f38cd] .el-table__body tr:hover > td {
  background-color: #fff !important;
}
.table-label[data-v-070f38cd] {
  color: #666;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
}
.table-label.photo-label[data-v-070f38cd] {
  vertical-align: top;
  padding-top: 0;
  line-height: 1.5;
  display: inline-block;
}
.table-value[data-v-070f38cd] {
  color: #333;
  font-size: 14px;
  line-height: 1.5;
  word-break: break-all;
}

/* 图片部分 */
.image-list[data-v-070f38cd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 8px 0;
}
.image-item-wrapper[data-v-070f38cd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 12px;
}
.image-item[data-v-070f38cd] {
  width: 75px;
  height: 75px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
  background: #f5f5f5;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.image-item[data-v-070f38cd]:hover {
  border-color: #409eff;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.image-item img[data-v-070f38cd] {
  width: 75px;
  height: 75px;
  -o-object-fit: cover;
     object-fit: cover;
}
.image-item.video-item[data-v-070f38cd] {
  position: relative;
}
.image-item video[data-v-070f38cd] {
  width: 75px;
  height: 75px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 4px;
}
.video-play-icon[data-v-070f38cd] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
  z-index: 1;
}
.video-play-icon i[data-v-070f38cd] {
  color: #fff;
  font-size: 14px;
  margin-left: 2px;
}
.image-time[data-v-070f38cd] {
  font-size: 11px;
  color: #999;
  margin-top: 6px;
  text-align: center;
  line-height: 1.3;
  width: 75px;
  word-break: break-all;
}

/* 处理进度部分 */
.progress-section[data-v-070f38cd] {
  background: #fff;
  border-radius: 4px;
  padding: 24px;
}
.progress-header[data-v-070f38cd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e8e8e8;
}
.progress-title-wrapper[data-v-070f38cd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.progress-title[data-v-070f38cd] {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  margin: 0;
  line-height: 1;
}
.status-badge[data-v-070f38cd] {
  background: #fef8e9;
  color: #52c41a;
  font-size: 14px;
  font-weight: 500;
  padding: 4px 12px;
  border-radius: 4px;
  /* border: 1px solid #b7eb8f; */
}
.status-badge1[data-v-070f38cd] {
  background: #fef8e9;
  color: red;
  font-size: 14px;
  font-weight: 500;
  padding: 4px 12px;
  border-radius: 4px;
  /* border: 1px solid #b7eb8f; */
}

/* 加载状态样式 */
.loading-progress[data-v-070f38cd] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40px 0;
  color: #909399;
}
.loading-progress .el-icon[data-v-070f38cd] {
  margin-right: 8px;
  font-size: 20px;
}

/* 时间线样式 */
.timeline-container[data-v-070f38cd] {
  position: relative;
  padding-left: 24px;
}
.timeline-container[data-v-070f38cd]::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #e8e8e8;
}
.timeline-item[data-v-070f38cd] {
  position: relative;
  padding-bottom: 24px;
  padding-left: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.timeline-item[data-v-070f38cd]:last-child {
  padding-bottom: 0;
}
.timeline-icon[data-v-070f38cd] {
  position: absolute;
  left: -17px;
  top: 4px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #d9d9d9;
  border: 2px solid #fff;
  z-index: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.timeline-icon.is-active[data-v-070f38cd] {
  width: 16px;
  height: 16px;
  left: -18px;
  top: 3px;
  border-radius: 2px;
  background: #409eff;
  border: 2px solid #fff;
  border-radius: 50%;
}
.timeline-content[data-v-070f38cd] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
}
.timeline-left[data-v-070f38cd] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.timeline-person[data-v-070f38cd] {
  font-size: 14px;
  color: #333;
  line-height: 20px;
  margin-bottom: 4px;
}
.timeline-time[data-v-070f38cd] {
  font-size: 14px;
  color: #333;
  line-height: 20px;
}
.timeline-right[data-v-070f38cd] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.timeline-action[data-v-070f38cd] {
  font-size: 14px;
  color: #333;
  line-height: 20px;
  padding: 0 8px;
}

/* .timeline-action::before {
  content: '[';
  margin-right: 2px;
}

.timeline-action::after {
  content: ']';
  margin-left: 2px;
} */
.no-progress[data-v-070f38cd] {
  text-align: center;
  padding: 40px 0;
  color: #999;
  font-size: 14px;
}

/* 响应式调整 */
@media (max-width: 768px) {
.image-item[data-v-070f38cd] {
    width: 100px;
    height: 100px;
}
.timeline-content[data-v-070f38cd] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
}
.timeline-right[data-v-070f38cd] {
    -ms-flex-item-align: start;
        align-self: flex-start;
}
}















































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































/* 全局样式 - 用于自定义对话框样式 */
.problem-detail-dialog-custom {
  margin-top: 5vh !important;
}
.problem-detail-dialog-custom .el-dialog {
  border-radius: 8px;
  overflow: hidden;
}
.problem-detail-dialog-custom .el-dialog__body {
  padding: 0 !important;
}

.pre[data-v-395231cf] {
  position: relative;
  width: 100%;
  height: 30px;
}
.pre .pp[data-v-395231cf] {
  position: absolute;
  right: 0;
  margin-top: 5px;
}
.media-item[data-v-395231cf] {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.video-thumbnail-small[data-v-395231cf] {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  overflow: hidden;
}
.video-play-icon-small[data-v-395231cf] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none;
  z-index: 1;
}
.video-play-icon-small i[data-v-395231cf] {
  color: #fff;
  font-size: 12px;
  margin-left: 2px;
}
.search-filter-section[data-v-395231cf] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 4px;
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
}
.search-row[data-v-395231cf] {
  margin-bottom: 15px;
}
.search-input[data-v-395231cf] {
  width: 100%;
  max-width: 600px;
}
.filter-row[data-v-395231cf] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.filter-item[data-v-395231cf] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.filter-label[data-v-395231cf] {
  font-size: 14px;
  color: #333;
  white-space: nowrap;
  margin: 0 15px;
}
.filter-select[data-v-395231cf] {
  width: 150px;
}
.date-range[data-v-395231cf] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.date-picker[data-v-395231cf] {
  width: 180px;
}
.date-separator[data-v-395231cf] {
  color: #666;
  font-size: 14px;
}
.button-group[data-v-395231cf] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.batch-operation-row[data-v-395231cf] {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #e0e0e0;
}
.setting-link[data-v-395231cf] {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.setting-link[data-v-395231cf]:hover {
  color: #66b1ff !important;
  text-decoration: underline;
}
.column-setting-popover[data-v-395231cf] {
  max-height: 400px;
  overflow-y: auto;
}
.column-checkbox-item[data-v-395231cf] {
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0;
}
.column-checkbox-item[data-v-395231cf]:last-child {
  border-bottom: none;
}
.pre[data-v-67cc71e3] {
  position: relative;
  width: 100%;
  height: 30px;
}
.pre .pp[data-v-67cc71e3] {
  position: absolute;
  right: 0;
  margin-top: 5px;
}
@charset "UTF-8";
.problem-detail[data-v-b74e0222] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 40px 0 120px 0;
}
.problem-detail img[data-v-b74e0222] {
  width: 240px;
  height: 200px;
}
.problem-detail .label[data-v-b74e0222] {
  color: #0d0d0d;
  font-size: 12px;
  line-height: 20px;
  margin-top: 7px;
}
[data-v-b74e0222] .el-descriptions-item__label.is-bordered-label {
  background-color: #fff;
}
[data-v-b74e0222] .el-dialog__title {
  font-weight: bold;
}
[data-v-b74e0222] .el-dialog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-height: calc(100% - 30px);
  max-width: calc(100% - 30px);
}
[data-v-b74e0222] .el-dialog .el-dialog__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
}
.detail-dialog[data-v-b74e0222]  .el-dialog__body {
  padding: 20px;
  overflow-y: auto;
}
.detail-content[data-v-b74e0222] {
  /* background: #f5f5f5; */
}
.detail-section[data-v-b74e0222] {
  background: #fff;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.section-title[data-v-b74e0222] {
  font-size: 18px;
  font-weight: bold;
  color: #0d0d0d;
  /* border-bottom: 1px solid #e0e0e0; */
}
.detail-section[data-v-b74e0222]  .el-descriptions__label {
  font-weight: 500;
  color: #606266;
  width: 160px;
  min-width: 160px;
}
.detail-section[data-v-b74e0222]  .el-descriptions__content {
  color: #303133;
  word-break: break-all;
}
.detail-section[data-v-b74e0222]  .el-descriptions-item__cell {
  padding: 12px 15px;
}
.detail-section[data-v-b74e0222]  .el-descriptions__table {
  border-radius: 6px;
}

/* 媒体文件列表样式 */
.media-list[data-v-b74e0222] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.media-item[data-v-b74e0222] {
  display: inline-block;
}
.image-thumb[data-v-b74e0222],
.video-thumb[data-v-b74e0222] {
  width: 60px;
  height: 60px;
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
}
.image-thumb[data-v-b74e0222]:hover,
.video-thumb[data-v-b74e0222]:hover {
  border-color: #409eff;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.image-thumb img[data-v-b74e0222],
.video-thumb video[data-v-b74e0222] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.play-icon[data-v-b74e0222] {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  font-size: 18px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.photo-container[data-v-b74e0222] {
  width: 100%;
  height: 120px;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #eee;
}
.photo-image[data-v-b74e0222] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.photo-image[data-v-b74e0222]:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
.photo-placeholder[data-v-b74e0222] {
  width: 100%;
  height: 100%;
  background: #f9f9f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ccc;
  font-size: 12px;
}
.photo-placeholder i[data-v-b74e0222] {
  font-size: 24px;
  margin-bottom: 5px;
}

/* 暂无数据样式 */
.no-data[data-v-b74e0222] {
  text-align: center;
  padding: 40px 20px;
  color: #999;
  font-size: 14px;
}
.no-data p[data-v-b74e0222] {
  margin: 0;
}

/* 暂无媒体文件样式 */
.no-media[data-v-b74e0222] {
  text-align: center;
  padding: 20px;
  color: #999;
  font-size: 14px;
}

/* 巡检项列表样式 */
.inspection-list[data-v-b74e0222] {
  background: transparent;
  border-radius: 6px;
  overflow: hidden;
}
.inspection-block[data-v-b74e0222] {
  border-bottom: 1px solid #f0f0f0;
  background-color: #f8f9fa;
  margin-bottom: 2px;
}
.inspection-block[data-v-b74e0222]:last-child {
  border-bottom: none;
}
.inspection-item[data-v-b74e0222] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 15px;
  background-color: transparent;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.sub-inspection-item[data-v-b74e0222] {
  background-color: #f8f9fa !important;
  border-radius: 6px;
  margin: 8px 0 12px 0;
}
.item-left[data-v-b74e0222] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.item-name[data-v-b74e0222] {
  font-size: 14px;
  color: #303133;
  font-weight: 500;
}
.sub-inspection-item .item-name[data-v-b74e0222] {
  color: #606266;
  font-size: 13px;
  font-weight: normal;
}
.item-right[data-v-b74e0222] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 问题描述区域样式 */
.problem-input-section[data-v-b74e0222] {
  padding: 12px 0 4px 0;
  background-color: transparent;
}
.problem-readonly-wrapper[data-v-b74e0222] {
  padding: 12px 16px;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #e9ecef;
}
.problem-label[data-v-b74e0222] {
  font-size: 13px;
  color: #606266;
  font-weight: 500;
  margin-bottom: 8px;
}
.problem-readonly-text[data-v-b74e0222] {
  font-size: 14px;
  color: #303133;
  line-height: 1.5;
  word-break: break-all;
}

/* 🚀 优化后的地图样式 */
.map-container[data-v-b74e0222] {
  margin-top: 15px;
  height: 400px;
  /* 🚀 统一高度，解决高度不一致问题 */
}
.map-placeholder[data-v-b74e0222] {
  width: 100%;
  height: 100%;
  /* 🚀 使用100%高度，继承父容器高度 */
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  background: #f5f5f5;
  min-height: 400px;
  /* 🚀 设置最小高度 */
}
#map-container[data-v-b74e0222] {
  width: 100% !important;
  height: 100% !important;
  min-height: 400px !important;
  /* 🚀 强制设置最小高度 */
  display: block !important;
  visibility: visible !important;
}
.dialog-footer[data-v-b74e0222] {
  text-align: right;
}

/* 按钮组样式 */
.button-group[data-v-b74e0222] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* 响应式布局 */
@media (max-width: 768px) {
.detail-section[data-v-b74e0222]  .el-descriptions {
    --el-descriptions-item-bordered-label-background: #fafafa;
}
.detail-section[data-v-b74e0222]  .el-descriptions__label {
    width: 140px;
    min-width: 140px;
    font-size: 13px;
}
.detail-section[data-v-b74e0222]  .el-descriptions-item__cell {
    padding: 10px 12px;
}
.photo-container[data-v-b74e0222] {
    height: 100px;
}
}
@media (max-width: 480px) {
.detail-content[data-v-b74e0222] {
    padding: 15px;
}
.detail-section[data-v-b74e0222] {
    padding: 15px;
}
.detail-section[data-v-b74e0222]  .el-descriptions {
    --el-descriptions-table-border: 1px solid #ebeef5;
}
.detail-section[data-v-b74e0222]  .el-descriptions__label {
    width: 120px;
    min-width: 120px;
    font-size: 12px;
}
.photo-container[data-v-b74e0222] {
    height: 80px;
}
}

.xcqd-page-container[data-v-93de95b8] {
  padding: 20px;
  background: #fff;
  /* min-height: 100vh; */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* 顶部搜索和筛选区域 */
.search-filter-section[data-v-93de95b8] {
  background: #fff;
  border-radius: 4px;
  /* padding: 20px; */
  /* margin-bottom: 20px; */
  /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); */
}
.search-row[data-v-93de95b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-bottom: 15px;
}
.search-input[data-v-93de95b8] {
  width: 100%;
  max-width: 600px;
}
.filter-row[data-v-93de95b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  /* margin-bottom: 15px; */
}
.filter-item[data-v-93de95b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.filter-label[data-v-93de95b8] {
  font-size: 14px;
  color: #333;
  white-space: nowrap;
}
.filter-select[data-v-93de95b8] {
  width: 150px;
}
.date-range[data-v-93de95b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.date-picker[data-v-93de95b8] {
  width: 180px;
}
.date-separator[data-v-93de95b8] {
  color: #666;
  font-size: 14px;
}
.button-group[data-v-93de95b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.batch-operation-row[data-v-93de95b8] {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #e0e0e0;
}

/* 表格容器 */
.table-container[data-v-93de95b8] {
  background: #fff;
  border-radius: 4px;
  /* padding: 20px; */
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  /* margin-bottom: 20px; */
}

/* 表格样式 */
/* .table-container >>> .el-table {
    border: 1px solid #e0e0e0;
  }
  
  .table-container >>> .el-table th {
    background: #f5f7fa;
    color: #333;
    font-weight: bold;
    padding: 12px 0;
  }
  
  .table-container >>> .el-table td {
    padding: 12px 0;
  }
  
  .table-container >>> .el-table--border {
    border: 1px solid #e0e0e0;
  }
  
  .table-container >>> .el-table--border th,
  .table-container >>> .el-table--border td {
    border-right: 1px solid #e0e0e0;
  }
  
  .table-container
    >>> .el-table--striped
    .el-table__body
    tr.el-table__row--striped
    td {
    background: #fafafa;
  } */

/* 图片占位符 */
.image-placeholder[data-v-93de95b8] {
  width: 40px;
  height: 40px;
  background: #409eff;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
}
.image-placeholder i[data-v-93de95b8] {
  color: #fff;
  font-size: 20px;
}

/* 地点单元格 */
.location-cell[data-v-93de95b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.location-cell i[data-v-93de95b8] {
  color: #409eff;
  font-size: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.location-cell span[data-v-93de95b8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 分页器容器 */
.pagination-container[data-v-93de95b8] {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 批量操作按钮组 */
.batch-action-buttons[data-v-93de95b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.batch-action-buttons .selected-info[data-v-93de95b8] {
  font-size: 14px;
  color: #333;
}
.batch-action-buttons .button-group[data-v-93de95b8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

/* 禁用按钮样式 */
.disabled-button[data-v-93de95b8] {
  color: #999 !important;
  cursor: not-allowed !important;
}
.disabled-button[data-v-93de95b8]:hover {
  color: #999 !important;
}

/* Element UI text 按钮禁用样式 */
.disabled-button.el-button--text[data-v-93de95b8] {
  color: #999 !important;
}
.disabled-button.el-button--text[data-v-93de95b8]:hover {
  color: #999 !important;
}

/* 强制禁用样式 */
.el-button--text.is-disabled[data-v-93de95b8] {
  color: #999 !important;
}

/* 列设置样式 */
.setting-link[data-v-93de95b8] {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.setting-link[data-v-93de95b8]:hover {
  color: #66b1ff !important;
  text-decoration: underline;
}

/* 列设置样式 */
.column-setting-content[data-v-93de95b8] {
  max-height: 300px;
  overflow-y: auto;
  padding: 10px 0;
}
.column-checkbox-item[data-v-93de95b8] {
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0;
}
.column-checkbox-item[data-v-93de95b8]:last-child {
  border-bottom: none;
}

/* 响应式布局 */
@media (max-width: 1400px) {
.table-container[data-v-93de95b8] {
    overflow-x: auto;
}
}















































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































/* 全局样式，用于 el-popconfirm 自定义内容 */
.column-setting-popconfirm {
  padding: 10px !important;
}
.column-setting-popconfirm .el-popconfirm__main {
  padding: 10px !important;
  margin-bottom: 10px !important;
  min-height: 100px !important;
}
.column-setting-popconfirm .el-popconfirm__icon {
  display: none !important;
}
.column-setting-popconfirm .el-popconfirm__title {
  display: none !important;
}
.column-setting-popconfirm .column-setting-content {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
.column-setting-popconfirm .column-checkbox-item {
  display: block !important;
  margin-bottom: 8px !important;
  line-height: 32px !important;
}
.column-setting-popconfirm .column-checkbox-item .el-checkbox {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  cursor: pointer !important;
}
.column-setting-popconfirm .column-checkbox-item .el-checkbox__label {
  padding-left: 8px !important;
  font-size: 14px !important;
}

/* 确保复选框选中状态正确显示 */
.column-setting-popconfirm .el-checkbox.is-checked .el-checkbox__inner {
  background-color: #409eff !important;
  border-color: #409eff !important;
}
.column-setting-popconfirm .el-checkbox.is-checked .el-checkbox__inner::after {
  border: 2px solid #fff !important;
  border-left: 0 !important;
  border-top: 0 !important;
  height: 7px !important;
  left: 4px !important;
  position: absolute !important;
  top: 1px !important;
  -webkit-transform: rotate(45deg) scaleY(1) !important;
          transform: rotate(45deg) scaleY(1) !important;
  width: 3px !important;
  display: block !important;
  -webkit-box-sizing: content-box !important;
          box-sizing: content-box !important;
}
.column-setting-popconfirm .el-checkbox__inner {
  position: relative !important;
  display: inline-block !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  width: 14px !important;
  height: 14px !important;
  background-color: #fff !important;
  border: 1px solid #dcdfe6 !important;
  border-radius: 2px !important;
  outline: none !important;
  cursor: pointer !important;
  -webkit-transition:
    border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
    background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46) !important;
  transition:
    border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
    background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46) !important;
}
.column-setting-popconfirm .checkmark {
  position: absolute !important;
  border: 2px solid #fff !important;
  border-left: 0 !important;
  border-top: 0 !important;
  height: 7px !important;
  left: 4px !important;
  top: 1px !important;
  -webkit-transform: rotate(45deg) scaleY(1) !important;
          transform: rotate(45deg) scaleY(1) !important;
  width: 3px !important;
  display: block !important;
  -webkit-box-sizing: content-box !important;
          box-sizing: content-box !important;
}

/* 地图对话框样式 - 确保没有蒙版 */
.map-dialog {
  /* 移除蒙版 */
}
.map-dialog .el-dialog__wrapper {
  /* 确保没有背景遮罩 */
}
.map-container {
  width: 100%;
  height: 100%;
}
.map-content {
  width: 100%;
  height: 500px;
}
.map-placeholder {
  width: 100%;
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #909399;
  font-size: 14px;
}
.map-placeholder i {
  font-size: 48px;
  margin-bottom: 10px;
  color: #ccc;
}
.location-cell {
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.location-cell:hover {
  color: #409eff;
}

/* 地图加载状态样式 */
.map-loading {
  width: 100%;
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #409eff;
  font-size: 14px;
}
.map-loading i {
  font-size: 32px;
  margin-bottom: 10px;
  -webkit-animation: rotating 2s linear infinite;
          animation: rotating 2s linear infinite;
}
@-webkit-keyframes rotating {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes rotating {
from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}

/* 地图错误状态样式 */
.map-error {
  width: 100%;
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #f56c6c;
  font-size: 14px;
  text-align: center;
}
.map-error i {
  font-size: 48px;
  margin-bottom: 10px;
  color: #f56c6c;
}
.map-error span {
  margin-bottom: 10px;
  max-width: 400px;
  line-height: 1.5;
}




















































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































/* 全局样式 - 地图对话框无蒙版 */
.map-dialog.el-dialog__wrapper {
  background-color: transparent !important;
}
.map-dialog.el-dialog {
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.map-dialog .el-dialog__body {
  padding: 20px;
}














































































































































































































































































































































/* 对话框样式 */
.generate-code-info-dialog ::deep .el-dialog[data-v-9c5dd084] {
  margin-top: 5vh !important;
  max-height: 90vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.generate-code-info-dialog ::deep .el-dialog__body[data-v-9c5dd084] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
  padding: 0;
  max-height: calc(90vh - 100px);
}
.generate-code-info-container[data-v-9c5dd084] {
  background: #fff;
  padding: 20px;
  min-height: 400px;
  max-height: calc(90vh - 100px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* 头部样式 */
.info-header[data-v-9c5dd084] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e0e0e0;
}
.info-title[data-v-9c5dd084] {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}
.close-icon[data-v-9c5dd084] {
  font-size: 24px;
  color: #909399;
  cursor: pointer;
  line-height: 1;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.close-icon[data-v-9c5dd084]:hover {
  color: #333;
}

/* 二维码网格样式 */
.qr-code-grid[data-v-9c5dd084] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  margin-bottom: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.qr-code-card[data-v-9c5dd084] {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background: #fff;
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  min-height: 130px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 250px;
  height: 250px;
}

/* 序号标签样式 */
.sequence-label[data-v-9c5dd084] {
  position: absolute;
  top: 8px;
  left: 8px;
  font-size: 14px;
  color: #333;
  font-weight: normal;
  line-height: 1.5;
}

/* 二维码图片容器 */
.qr-code-image-wrapper[data-v-9c5dd084] {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 8px 0;
  min-height: 80px;
  padding-top: 8px;
}
.qr-code-image[data-v-9c5dd084] {
  width: 100%;
  max-width: 150px;
  height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.qr-code-image canvas[data-v-9c5dd084] {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.qr-code-placeholder[data-v-9c5dd084] {
  width: 100%;
  max-width: 150px;
  height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f5f5f5;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  color: #909399;
  font-size: 24px;
}

/* 卡片底部样式 */
.card-footer[data-v-9c5dd084] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 8px;
  padding: 0 4px;
}
.point-code[data-v-9c5dd084] {
  font-size: 14px;
  color: #333;
  text-align: left;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.status-text[data-v-9c5dd084] {
  font-size: 14px;
  color: #333;
  text-align: right;
  white-space: nowrap;
}
.status-text.status-discarded[data-v-9c5dd084] {
  color: #f56c6c;
}
.status-text-invalidate[data-v-9c5dd084] {
  font-size: 14px;
  color: #f56c6c;
  text-align: right;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.status-text-invalidate[data-v-9c5dd084]:hover {
  color: #f78989;
  text-decoration: underline;
}
.status-text-invalidated[data-v-9c5dd084] {
  font-size: 14px;
  color: #f56c6c;
  text-align: right;
  white-space: nowrap;
}

/* 分页样式 */
.pagination-wrapper[data-v-9c5dd084] {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e0e0e0;
}

/* 响应式布局 */
@media (max-width: 1400px) {
.qr-code-grid[data-v-9c5dd084] {
    grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 1200px) {
.qr-code-grid[data-v-9c5dd084] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.qr-code-grid[data-v-9c5dd084] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.qr-code-grid[data-v-9c5dd084] {
    grid-template-columns: 1fr;
}
}


.generate-history-container[data-v-f56a7c20] {
  background: #fff;
  padding: 20px;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;
}

/* 头部样式 */
.history-header[data-v-f56a7c20] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e0e0e0;
}
.history-title[data-v-f56a7c20] {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}
.close-icon[data-v-f56a7c20] {
  font-size: 24px;
  color: #909399;
  cursor: pointer;
  line-height: 1;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.close-icon[data-v-f56a7c20]:hover {
  color: #333;
}

/* 筛选栏样式 */
.history-filter-bar[data-v-f56a7c20] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding: 15px 0;
  margin-bottom: 20px;
}
.filter-item[data-v-f56a7c20] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.filter-label[data-v-f56a7c20] {
  margin-right: 8px;
  color: #333;
  font-size: 14px;
  white-space: nowrap;
}
.filter-select[data-v-f56a7c20] {
  width: 200px;
}
.filter-date-picker[data-v-f56a7c20] {
  width: 180px;
}
.date-separator[data-v-f56a7c20] {
  margin: 0 10px;
  color: #333;
  font-size: 14px;
}
.filter-actions[data-v-f56a7c20] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

/* 表格容器样式 */
.history-table-container[data-v-f56a7c20] {
  margin-top: 20px;
}
.history-table[data-v-f56a7c20] {
  width: 100%;
}

/* 数量文字样式 */
.quantity-text[data-v-f56a7c20] {
  color: #409eff;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.quantity-text[data-v-f56a7c20]:hover {
  color: #66b1ff;
  text-decoration: underline;
}

/* 已作废文字样式 */
.invalidated-text[data-v-f56a7c20] {
  color: #f56c6c;
  font-size: 12px;
  margin-left: 5px;
}

/* 列设置相关样式 */
.setting-link[data-v-f56a7c20] {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.setting-link[data-v-f56a7c20]:hover {
  color: #66b1ff !important;
  text-decoration: underline;
}
.column-setting-popover[data-v-f56a7c20] {
  max-height: 400px;
  overflow-y: auto;
}
.column-checkbox-item[data-v-f56a7c20] {
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0;
}
.column-checkbox-item[data-v-f56a7c20]:last-child {
  border-bottom: none;
}


.ygym-code-container[data-v-2599abd4] {
  padding: 20px;
  background: #f5f5f5;
  /* min-height: 100vh; */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form-box[data-v-2599abd4] {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 30px 40px;
  max-width: 800px;
  margin: 0 auto;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.title[data-v-2599abd4] {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 25px 0;
  text-align: left;
  color: #333;
  line-height: 1.5;
}
.form-row[data-v-2599abd4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 18px;
}
.form-row[data-v-2599abd4]:last-child {
  margin-bottom: 0;
}
.form-label[data-v-2599abd4] {
  width: 130px;
  text-align: left;
  color: #333;
  font-size: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 32px;
}
.form-input[data-v-2599abd4] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 380px;
}
.form-input[data-v-2599abd4] .el-input__inner,
.form-input[data-v-2599abd4] .el-input-number__decrease,
.form-input[data-v-2599abd4] .el-input-number__increase {
  border-color: #dcdfe6;
}

/* 高级选择区域 */
.advanced-section[data-v-2599abd4] {
  margin: 15px 0;
}
.radio-group[data-v-2599abd4] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 380px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.radio-group[data-v-2599abd4] .el-radio {
  line-height: 32px;
}
.custom-radio-wrapper[data-v-2599abd4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.custom-radio-wrapper[data-v-2599abd4] .el-radio {
  margin-right: 0;
}
.custom-input-wrapper[data-v-2599abd4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-left: 22px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
.error-message[data-v-2599abd4] {
  color: #f56c6c;
  font-size: 12px;
  margin-top: 5px;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
}
.custom-sequence-input[data-v-2599abd4] {
  width: 200px;
}
.validating-text[data-v-2599abd4] {
  color: #909399;
  font-size: 14px;
  white-space: nowrap;
}

/* 校验提示信息 */
.validation-message-row[data-v-2599abd4] {
  margin: 10px 0 15px 130px;
}
.validation-message[data-v-2599abd4] {
  font-size: 14px;
  line-height: 1.5;
}
.validation-message.error[data-v-2599abd4] {
  color: #f56c6c;
}
.validation-message.success[data-v-2599abd4] {
  color: #409eff;
}
.advanced-link-row[data-v-2599abd4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 15px;
}
.advanced-link[data-v-2599abd4] {
  color: #409eff;
  text-decoration: none;
  font-size: 14px;
  cursor: pointer;
  line-height: 1;
}
.advanced-link[data-v-2599abd4]:hover {
  text-decoration: underline;
  color: #66b1ff;
}
.generate-btn-row[data-v-2599abd4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 10px;
}
.generate-btn[data-v-2599abd4] {
  padding: 10px 20px;
}

/* 二维码展示区域 */
.qr-code-display-area[data-v-2599abd4] {
  margin-top: 30px;
  padding: 20px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.qr-code-header[data-v-2599abd4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e0e0e0;
}
.qr-code-title[data-v-2599abd4] {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: #333;
}
.qr-code-grid[data-v-2599abd4] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
  /* 移除固定高度，让内容自适应 */
}
.qr-code-card[data-v-2599abd4] {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  width: 200px;
  height: 260px;
}
.qr-code-label[data-v-2599abd4] {
  font-size: 14px;
  color: #333;
  margin-bottom: 10px;
  font-weight: 500;
}
.qr-code-image[data-v-2599abd4] {
  width: 150px;
  height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px 0;
}
.qr-code-image canvas[data-v-2599abd4] {
  max-width: 100%;
  max-height: 100%;
}
.point-code-label[data-v-2599abd4] {
  font-size: 14px;
  color: #333;
  margin-top: 10px;
  text-align: center;
}

/* 响应式布局 */
@media (max-width: 1400px) {
.qr-code-grid[data-v-2599abd4] {
    grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 1100px) {
.qr-code-grid[data-v-2599abd4] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 800px) {
.qr-code-grid[data-v-2599abd4] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 500px) {
.qr-code-grid[data-v-2599abd4] {
    grid-template-columns: 1fr;
}
}

/* 分页容器 */
.pagination-container[data-v-2599abd4] {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px 0;
}

/* 导出进度提示样式 */
.export-progress-toast[data-v-2599abd4] {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 3000;
  pointer-events: none;
}
.progress-toast-content[data-v-2599abd4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 20px 30px;
  border-radius: 4px;
  min-width: 200px;
  pointer-events: auto;
}
.progress-text[data-v-2599abd4] {
  font-size: 16px;
  color: #fff;
  margin-bottom: 15px;
  font-weight: 500;
}
.cancel-export-btn[data-v-2599abd4] {
  margin-top: 5px;
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}
.cancel-export-btn[data-v-2599abd4]:hover {
  background: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.4);
  color: #fff;
}

/* 导出历史链接样式 */
.export-history-link[data-v-2599abd4] {
  -webkit-transition: color 0.3s, -webkit-text-decoration 0.3s;
  transition: color 0.3s, -webkit-text-decoration 0.3s;
  transition: color 0.3s, text-decoration 0.3s;
  transition: color 0.3s, text-decoration 0.3s, -webkit-text-decoration 0.3s;
}
.export-history-link[data-v-2599abd4]:hover {
  color: #0288d1 !important;
  text-decoration: underline;
}

/* 容器样式 */
.qr-code-index-container[data-v-2599abd4] {
  width: 100%;
  height: 100%;
}

.ygym-page[data-v-2f206b82] {
  padding: 15px;
  background-color: #ffffff;
}