#container {
  background-color: #fafafa;
  z-index: 1000;
  /* 性能优化 */
  will-change: transform;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  /* 触摸事件支持 */
  touch-action: pan-x pan-y pinch-zoom;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  /* 触摸性能优化 */
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
  
  /* 小程序端优化 */
  @media (min-width: 320px) and (max-width: 480px) {
    /* 确保容器填满整个视口 */
    width: 100vw !important;
    height: 100vh !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    
    /* 优化渲染性能 */
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    
    /* 防止页面滚动 */
    overflow: hidden;
    
    /* 优化触摸响应 */
    touch-action: manipulation;
  }
}

/* 确保弹窗能正确显示在最上层 */
:deep(.half-modal) {
  z-index: 9999 !important;
}

:deep(.modal-content) {
  z-index: 10000 !important;
}

/* 通用按钮样式 */
.btn-base {
  border: none;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  font-weight: 500;
  
  &:hover {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
  
  &:active {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

/* 圆形按钮样式 */
.btn-round {
  @extend .btn-base;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  
  &:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  }
  
  &:active {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}

/* 左上角按钮组样式 */
.top-left-buttons {
  position: fixed;
  top: 20px;
  left: 20px;
  z-index: 1001;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.action-button {
  @extend .btn-base;
  width: 80px;
  height: 40px;
  background-color: #ffffff;
  border: 1px solid #d0d0d0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  color: #333333;
  
  &:hover {
    background-color: #f0f0f0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
  
  &:active {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
}

/* 右下角控制按钮组样式 */
.bottom-right-controls {
  position: fixed;
  bottom: 60px; /* 上移避免遮挡底部导航栏 */
  right: 2px;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  background-color: transparent;
  border-radius: 12px;
  padding: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.zoom-controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  gap: 8px;
}

.reset-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.pan-controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  gap: 8px;
}

.pan-horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  gap: 8px;
}

.zoom-value {
  min-width: 50px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #333;
}

.control-button {
  @extend .btn-base;
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  border: 1px solid #d0d0d0;
  font-size: 16px;
  color: #333333;
  
  &:hover {
    background-color: #f0f0f0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
  
  &:active {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  }
}

/* 响应式设计 */
@media (max-width: 768px) {
  .top-left-buttons {
    top: 15px;
    left: 15px;
    gap: 8px;
    
    .action-button {
      width: 70px;
      height: 35px;
      font-size: 12px;
    }
  }
  
  .bottom-right-controls {
    bottom: 60px; /* 上移避免遮挡底部导航栏 */
    right: 15px;
    gap: 8px;
  }
  
  .control-button {
    width: 35px;
    height: 35px;
    font-size: 14px;
  }
}

/* 小程序端优化 */
@media (min-width: 320px) and (max-width: 480px) {
  .top-left-buttons {
    top: 10px;
    left: 10px;
    gap: 6px;
    
    .action-button {
      width: 60px;
      height: 30px;
      font-size: 11px;
    }
  }
  
  .bottom-right-controls {
    bottom: 60px; /* 上移避免遮挡底部导航栏 */
    right: 10px;
    gap: 6px;
  }
  
  .control-button {
    width: 30px;
    height: 30px;
    font-size: 12px;
  }
  
  .zoom-value {
    min-width: 40px;
    font-size: 12px;
  }
}

/* 底部导航栏样式 */
.bottom-tab-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}



.zong-men-directory[data-v-1791011f]{padding-bottom:44px;min-height:100vh;background-color:#f5f5f5}.header[data-v-1791011f] .t-navbar{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header[data-v-1791011f] .t-icon{font-size:20px;cursor:pointer}.content[data-v-1791011f]{padding:16px}.directory-content[data-v-1791011f]{background-color:#fff;border-radius:0 0 8px 8px;min-height:300px;width:100%}.tree-directory[data-v-1791011f]{padding:16px;width:100%}.directory-item[data-v-1791011f]{border-bottom:1px solid #eee;width:100%;box-sizing:border-box;position:relative;padding-left:16px}.directory-item[data-v-1791011f]:last-child{border-bottom:none}.directory-item.level-1[data-v-1791011f]::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#ff6b6b}.directory-item.level-2[data-v-1791011f]::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#4ecdc4}.directory-item.level-3[data-v-1791011f]::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#45b7d1}.directory-item.level-4[data-v-1791011f]::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#f9ca24}.directory-item.level-5[data-v-1791011f]::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#6c5ce7}.directory-header[data-v-1791011f]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:12px 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;box-sizing:border-box}.directory-header[data-v-1791011f]:hover{background-color:#f9f9f9}.expand-icon[data-v-1791011f]{margin-right:8px;color:#999;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease, -webkit-transform .2s ease}.expand-icon.expanded[data-v-1791011f]{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.directory-name[data-v-1791011f]{font-size:16px;font-weight:500;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#333}.directory-articles[data-v-1791011f]{padding-left:32px;margin-top:8px;margin-bottom:8px;border-radius:4px;padding:8px 16px;width:100%;box-sizing:border-box}.directory-articles[data-v-1791011f]:empty{display:none}.article-item[data-v-1791011f]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:6px 0;cursor:pointer;border-bottom:1px dashed #f0f0f0;width:100%;box-sizing:border-box}.article-item[data-v-1791011f]:last-child{border-bottom:none}.article-item[data-v-1791011f]:hover{background-color:#f9f9f9}.article-dot[data-v-1791011f]{width:4px;height:4px;border-radius:50%;background-color:#999;margin-right:12px}.article-name[data-v-1791011f]{font-size:16px;color:#333;-webkit-box-flex:1;-webkit-flex:1;flex:1}.chapter-number[data-v-1791011f]{font-weight:bold;color:#333;margin-right:8px;min-width:24px;font-size:16px}.article-chapter-number[data-v-1791011f]{font-weight:normal;color:#333;margin-left:auto;margin-right:8px;min-width:32px;font-size:16px}.empty-state[data-v-1791011f]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center;padding:40px 20px;color:#999;min-height:200px;margin:0 auto}.empty-state[data-v-1791011f] .t-icon{margin-bottom:16px;color:#ccc}.empty-state p[data-v-1791011f]{font-size:14px;margin:0}.map-content[data-v-1791011f]{height:calc(100vh - 120px);margin-top:16px;border-radius:8px;overflow:hidden;background-color:#fff}
.zong-men-settings[data-v-02e4ac77]{padding-bottom:44px;min-height:100vh;background-color:#f5f5f5}.header[data-v-02e4ac77] .t-navbar{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header[data-v-02e4ac77] .t-icon{font-size:20px;cursor:pointer}.content[data-v-02e4ac77]{padding:16px}.settings-card[data-v-02e4ac77]{background-color:#fff;border-radius:8px;margin-bottom:16px;overflow:hidden}.settings-card[data-v-02e4ac77]:last-child{margin-bottom:0}.settings-card[data-v-02e4ac77] .t-cell{padding:16px}.settings-card[data-v-02e4ac77] .t-cell::after{left:16px;right:16px}
.member-management[data-v-04e6317e]{height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.member-management .header .back-button[data-v-04e6317e]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:8px 12px;cursor:pointer}.member-management .header .header-actions[data-v-04e6317e]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.member-management .header .header-actions .header-icon[data-v-04e6317e]{margin-left:16px;font-size:20px;cursor:pointer}.member-management .member-list[data-v-04e6317e]{margin-top:16px;-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-y:auto}.member-management .member-list .loading[data-v-04e6317e],.member-management .member-list .empty[data-v-04e6317e]{text-align:center;padding:20px;color:#999}.member-management .member-list .member-item[data-v-04e6317e]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;padding:16px;border-bottom:1px solid #eee}.member-management .member-list .member-item .member-avatar[data-v-04e6317e]{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:12px;-webkit-flex-shrink:0;flex-shrink:0}.member-management .member-list .member-item .member-avatar .avatar-img[data-v-04e6317e]{width:100%;height:100%;object-fit:cover}.member-management .member-list .member-item .member-info[data-v-04e6317e]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.member-management .member-list .member-item .member-info .member-name[data-v-04e6317e]{font-size:16px;font-weight:500;margin-bottom:4px;font-weight:bold}.member-management .member-list .member-item .member-info .member-role[data-v-04e6317e]{font-size:14px;color:#666;margin-bottom:4px}.member-management .member-list .member-item .member-info .member-time[data-v-04e6317e]{font-size:12px;color:#999;margin-bottom:4px}.member-management .member-list .member-item .member-info .member-reason[data-v-04e6317e]{font-size:13px;color:#333;margin-top:8px;padding:8px;background-color:#f5f5f5;border-radius:4px}.member-management .member-list .member-item .member-actions[data-v-04e6317e]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;gap:8px}.member-management .member-list .member-item .member-status .status-pending[data-v-04e6317e]{color:#f90}.member-management .member-list .member-item .member-status .status-approved[data-v-04e6317e]{color:#0c6}.member-management .member-list .member-item .member-status .status-rejected[data-v-04e6317e]{color:#f30}.member-management .member-list .member-item .member-status .status-kicked[data-v-04e6317e]{color:#999}.member-management .member-list .load-more[data-v-04e6317e]{text-align:center;padding:16px;color:#06c;cursor:pointer}.member-management .member-list .load-more[data-v-04e6317e]:hover{background-color:#f5f5f5}.member-management .member-list .no-more[data-v-04e6317e]{text-align:center;padding:16px;color:#999;font-size:14px}
.user-history-role-list[data-v-9541e4b6]{height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.user-history-role-list .header .back-button[data-v-9541e4b6]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:8px 12px;cursor:pointer}.user-history-role-list .content[data-v-9541e4b6]{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-y:auto;padding:16px}.user-history-role-list .role-list[data-v-9541e4b6]{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-y:auto}.user-history-role-list .role-list .loading[data-v-9541e4b6],.user-history-role-list .role-list .empty[data-v-9541e4b6]{text-align:center;padding:20px;color:#999}.user-history-role-list .role-list .user-item[data-v-9541e4b6]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;padding:16px;border-bottom:1px solid #eee}.user-history-role-list .role-list .user-item .user-avatar[data-v-9541e4b6]{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:12px;-webkit-flex-shrink:0;flex-shrink:0;cursor:pointer;position:relative}.user-history-role-list .role-list .user-item .user-avatar[data-v-9541e4b6]:active{-webkit-transform:scale(0.95);transform:scale(0.95)}.user-history-role-list .role-list .user-item .user-avatar .avatar-img[data-v-9541e4b6]{width:100%;height:100%;object-fit:cover}.user-history-role-list .role-list .user-item .user-info[data-v-9541e4b6]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.user-history-role-list .role-list .user-item .user-info .user-name[data-v-9541e4b6]{font-size:16px;font-weight:500;margin-bottom:8px;font-weight:bold}.user-history-role-list .role-list .user-item .user-info .user-roles[data-v-9541e4b6]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.user-history-role-list .role-list .user-item .user-info .user-roles .role-tag[data-v-9541e4b6]{margin-right:8px;margin-bottom:8px}.user-history-role-list .role-list .load-more[data-v-9541e4b6]{text-align:center;padding:16px;color:#06c;cursor:pointer}.user-history-role-list .role-list .load-more[data-v-9541e4b6]:hover{background-color:#f5f5f5}.user-history-role-list .role-list .no-more[data-v-9541e4b6]{text-align:center;padding:16px;color:#999;font-size:14px}
.surname-selector[data-v-4ff672b1]{width:100%;padding:20px}.surname-selector .selector-container[data-v-4ff672b1]{background:#fff;border-radius:12px;padding:20px}.surname-selector .selector-container .selector-title[data-v-4ff672b1]{font-size:18px;font-weight:600;color:#333;margin-bottom:20px;text-align:center}.surname-selector .selector-container .selector-dropdown[data-v-4ff672b1]{margin-bottom:20px}.surname-selector .selector-container .manual-input-section .input-container[data-v-4ff672b1]{margin-bottom:20px;position:relative}.surname-selector .selector-container .manual-input-section .input-container .edit-icon[data-v-4ff672b1]{cursor:pointer;color:#0052d9;font-size:18px}.surname-selector .selector-container .manual-input-section .input-container .edit-icon[data-v-4ff672b1]:hover{color:#003480}.surname-selector .selector-container .common-surnames .common-title[data-v-4ff672b1]{font-size:16px;font-weight:500;color:#333;margin-bottom:15px}.surname-selector .selector-container .common-surnames .surname-search[data-v-4ff672b1]{margin-bottom:15px}.surname-selector .selector-container .common-surnames .surname-search .search-input-container[data-v-4ff672b1]{display:-webkit-box;display:-webkit-flex;display:flex;gap:10px}.surname-selector .selector-container .common-surnames .surname-search .search-input-container[data-v-4ff672b1] .t-input{-webkit-box-flex:1;-webkit-flex:1;flex:1;border-radius:6px}.surname-selector .selector-container .common-surnames .surname-search .search-input-container[data-v-4ff672b1] .t-input:focus{border-color:#0052d9;box-shadow:0 0 0 2px rgba(0,82,217,.2)}.surname-selector .selector-container .common-surnames .surname-search .search-input-container[data-v-4ff672b1] .t-button{border-radius:6px}.surname-selector .selector-container .common-surnames .surname-search[data-v-4ff672b1] .t-input{border-radius:6px}.surname-selector .selector-container .common-surnames .surname-search[data-v-4ff672b1] .t-input:focus{border-color:#0052d9;box-shadow:0 0 0 2px rgba(0,82,217,.2)}.surname-selector .selector-container .common-surnames .surname-grid[data-v-4ff672b1]{display:grid;grid-template-columns:repeat(5, 1fr);gap:10px}.surname-selector .selector-container .common-surnames .surname-grid.oracle-bones-style .oracle-bone-item[data-v-4ff672b1]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:60px;background:-webkit-linear-gradient(315deg, #a37c5a 0%, #b88f6e 100%);background:linear-gradient(135deg, #a37c5a 0%, #b88f6e 100%);border:1px solid #8b6f5a;border-radius:6px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;overflow:hidden}.surname-selector .selector-container .common-surnames .surname-grid.oracle-bones-style .oracle-bone-item[data-v-4ff672b1]::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:-webkit-radial-gradient(30% 30%, circle, rgba(139, 69, 19, 0.1) 1px, transparent 1px),-webkit-radial-gradient(70% 70%, circle, rgba(139, 69, 19, 0.1) 1px, transparent 1px),-webkit-radial-gradient(50% 20%, circle, rgba(139, 69, 19, 0.1) 1px, transparent 1px);background-image:radial-gradient(circle at 30% 30%, rgba(139, 69, 19, 0.1) 1px, transparent 1px),radial-gradient(circle at 70% 70%, rgba(139, 69, 19, 0.1) 1px, transparent 1px),radial-gradient(circle at 50% 20%, rgba(139, 69, 19, 0.1) 1px, transparent 1px);background-size:15px 15px,12px 12px,8px 8px;opacity:.1}.surname-selector .selector-container .common-surnames .surname-grid.oracle-bones-style .oracle-bone-item .oracle-bone-content[data-v-4ff672b1]{font-size:20px;font-weight:bold;color:#d4af37;text-shadow:1px 1px 0 #8b4513,1px 1px 0 rgba(0,0,0,.3);z-index:1;letter-spacing:2px}.surname-selector .selector-container .common-surnames .surname-grid.oracle-bones-style .oracle-bone-item[data-v-4ff672b1]:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.surname-selector .selector-container .common-surnames .surname-grid.oracle-bones-style .oracle-bone-item:hover .oracle-bone-content[data-v-4ff672b1]{color:#e6c052;text-shadow:1px 1px 0 #8b4513,1px 1px 0 rgba(0,0,0,.4)}.surname-selector .selector-container .common-surnames .surname-grid.oracle-bones-style .oracle-bone-item[data-v-4ff672b1]:active{-webkit-transform:scale(0.95);transform:scale(0.95)}.surname-selector .selector-container .common-surnames .surname-grid.oracle-bones-style .oracle-bone-item.active[data-v-4ff672b1]{box-shadow:0 0 0 2px #d4af37;-webkit-transform:scale(1.05);transform:scale(1.05)}.surname-selector .selector-container .common-surnames .load-more-container[data-v-4ff672b1]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;margin-top:20px}.surname-selector .selector-container .common-surnames .load-more-container[data-v-4ff672b1] .t-button{width:120px}.surname-selector .selector-container .common-surnames .no-more-container[data-v-4ff672b1]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;margin-top:20px}.surname-selector .selector-container .common-surnames .no-more-container .no-more-text[data-v-4ff672b1]{color:#999;font-size:14px}@media(max-width: 768px){.surname-selector[data-v-4ff672b1]{padding:15px}.surname-selector .selector-container[data-v-4ff672b1]{padding:15px}.surname-selector .selector-container .common-surnames .surname-grid.oracle-bones-style[data-v-4ff672b1]{grid-template-columns:repeat(4, 1fr);gap:8px}.surname-selector .selector-container .common-surnames .surname-grid.oracle-bones-style .oracle-bone-item[data-v-4ff672b1]{height:50px}.surname-selector .selector-container .common-surnames .surname-grid.oracle-bones-style .oracle-bone-item .oracle-bone-content[data-v-4ff672b1]{font-size:18px}}
.add-button-container[data-v-07576324]{position:fixed;bottom:0;left:0;right:0;padding:20px 16px;background:#fff;z-index:100;box-shadow:0 -2px 10px rgba(0,0,0,.1)}.dialog-content[data-v-07576324]{padding:20px 0}.generation-input[data-v-07576324],.index-input[data-v-07576324]{width:100%;margin-bottom:15px}.index-input[data-v-07576324]{opacity:1}.content[data-v-07576324]{padding-top:calc(env(safe-area-inset-top) + 64px);padding-bottom:calc(60px + env(safe-area-inset-bottom));overflow-y:auto;height:calc(100vh - 30px - 20px);-webkit-overflow-scrolling:touch}.generation-list[data-v-07576324]{min-height:100%;overflow-y:auto;height:calc(100vh - 30px - 20px);-webkit-overflow-scrolling:touch}.generation-list[data-v-07576324] .t-cell .t-cell__title{font-size:18px;font-weight:bold;color:#333}.generation-list[data-v-07576324] .t-cell .t-cell__title::before{margin-right:8px;color:#d4af37}.generation-list[data-v-07576324] .t-cell .t-cell__note{font-size:20px;font-weight:bold;color:#8b4513}.load-more[data-v-07576324],.no-more[data-v-07576324]{text-align:center;padding:15px 0;color:#999;font-size:14px}.load-more[data-v-07576324]{color:#1890ff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.load-more[data-v-07576324]:active{opacity:.8}.delete-button-wrapper[data-v-07576324]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:5px 10px;color:red;-webkit-box-align:center;-webkit-align-items:center;align-items:center;border-radius:10px;overflow:hidden}.nameBox[data-v-07576324]{padding-right:10px}.delete-button-in-dialog[data-v-07576324]{margin-top:10px;width:100%;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.move-icons[data-v-07576324]{display:-webkit-box;display:-webkit-flex;display:flex;padding-right:10px;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.move-icon[data-v-07576324]{font-size:20px;color:#999;cursor:pointer}.move-icon.icon-disabled[data-v-07576324]{color:#ccc;cursor:not-allowed}
.surname-selector[data-v-75f2e0c2]{width:100%;padding:20px}.surname-selector .selector-container[data-v-75f2e0c2]{background:#fff;border-radius:12px;padding:20px}.surname-selector .selector-container .selector-title[data-v-75f2e0c2]{font-size:18px;font-weight:600;color:#333;margin-bottom:20px;text-align:center}.surname-selector .selector-container .selector-dropdown[data-v-75f2e0c2]{margin-bottom:20px}.surname-selector .selector-container .manual-input-section .input-container[data-v-75f2e0c2]{margin-bottom:20px;position:relative}.surname-selector .selector-container .manual-input-section .input-container .edit-icon[data-v-75f2e0c2]{cursor:pointer;color:#0052d9;font-size:18px}.surname-selector .selector-container .manual-input-section .input-container .edit-icon[data-v-75f2e0c2]:hover{color:#003480}.surname-selector .surname-display[data-v-75f2e0c2]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;margin-top:30px}.surname-selector .surname-display .surname-circle[data-v-75f2e0c2]{width:100px;height:100px;border-radius:50%;background:-webkit-linear-gradient(315deg, #a37c5a 0%, #b88f6e 100%);background:linear-gradient(135deg, #a37c5a 0%, #b88f6e 100%);border:2px solid #8b6f5a;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;position:relative;overflow:hidden;box-shadow:inset 0 0 20px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.1)}.surname-selector .surname-display .surname-circle[data-v-75f2e0c2]::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:-webkit-radial-gradient(30% 30%, circle, rgba(139, 69, 19, 0.1) 1px, transparent 1px),-webkit-radial-gradient(70% 70%, circle, rgba(139, 69, 19, 0.1) 1px, transparent 1px),-webkit-radial-gradient(50% 20%, circle, rgba(139, 69, 19, 0.1) 1px, transparent 1px);background-image:radial-gradient(circle at 30% 30%, rgba(139, 69, 19, 0.1) 1px, transparent 1px),radial-gradient(circle at 70% 70%, rgba(139, 69, 19, 0.1) 1px, transparent 1px),radial-gradient(circle at 50% 20%, rgba(139, 69, 19, 0.1) 1px, transparent 1px);background-size:15px 15px,12px 12px,8px 8px;opacity:.1}.surname-selector .surname-display .surname-circle .surname-text[data-v-75f2e0c2]{font-size:32px;font-weight:bold;color:#d4af37;text-shadow:1px 1px 0 #8b4513,1px 1px 0 rgba(0,0,0,.3);z-index:1;letter-spacing:2px}@-webkit-keyframes rotateSphere-75f2e0c2{0%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}25%{-webkit-transform:rotateX(10deg) rotateY(10deg) rotateZ(10deg);transform:rotateX(10deg) rotateY(10deg) rotateZ(10deg)}50%{-webkit-transform:rotateX(0deg) rotateY(20deg) rotateZ(0deg);transform:rotateX(0deg) rotateY(20deg) rotateZ(0deg)}75%{-webkit-transform:rotateX(-10deg) rotateY(10deg) rotateZ(-10deg);transform:rotateX(-10deg) rotateY(10deg) rotateZ(-10deg)}100%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}}@keyframes rotateSphere-75f2e0c2{0%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}25%{-webkit-transform:rotateX(10deg) rotateY(10deg) rotateZ(10deg);transform:rotateX(10deg) rotateY(10deg) rotateZ(10deg)}50%{-webkit-transform:rotateX(0deg) rotateY(20deg) rotateZ(0deg);transform:rotateX(0deg) rotateY(20deg) rotateZ(0deg)}75%{-webkit-transform:rotateX(-10deg) rotateY(10deg) rotateZ(-10deg);transform:rotateX(-10deg) rotateY(10deg) rotateZ(-10deg)}100%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}}@media(max-width: 768px){.surname-selector[data-v-75f2e0c2]{padding:15px}.surname-selector .selector-container[data-v-75f2e0c2]{padding:15px}.surname-selector .selector-container .common-surnames .surname-grid.oracle-bones-style[data-v-75f2e0c2]{grid-template-columns:repeat(4, 1fr);gap:8px}.surname-selector .selector-container .common-surnames .surname-grid.oracle-bones-style .oracle-bone-item[data-v-75f2e0c2]{height:50px}.surname-selector .selector-container .common-surnames .surname-grid.oracle-bones-style .oracle-bone-item .oracle-bone-content[data-v-75f2e0c2]{font-size:18px}}
.zongmen-hierarchy[data-v-0d6baf13]{height:100vh;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;background-color:#f5f5f5}.page-header[data-v-0d6baf13] .t-navbar{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.content[data-v-0d6baf13]{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding-top:5px;height:calc(100vh - 60px);-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.row-item[data-v-0d6baf13]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;margin-bottom:5px}.row-item[data-v-0d6baf13]:last-child{margin-bottom:0}.left-axis[data-v-0d6baf13]{width:65px;background-color:#fff;border-right:1px solid #eee}.left-axis .axis-item[data-v-0d6baf13]{padding:8px 4px;text-align:center;font-size:11px;color:#666;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:100px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.left-axis .axis-item.active[data-v-0d6baf13]{background-color:#e6f7ff;color:#1890ff;font-weight:bold;border-left:3px solid #1890ff}.left-axis .axis-item[data-v-0d6baf13]:last-child{border-bottom:none}.left-axis .axis-item[data-v-0d6baf13]:hover{background-color:#f9f9f9}.right-content[data-v-0d6baf13]{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-y:hidden;overflow-x:auto;padding:3px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.right-content[data-v-0d6baf13]::-webkit-scrollbar{display:none}.right-content[data-v-0d6baf13]{-ms-overflow-style:none;scrollbar-width:none}.generation-section[data-v-0d6baf13]{margin-bottom:0}.generation-section .generation-content[data-v-0d6baf13]{padding:2px 0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.generation-title[data-v-0d6baf13]{font-size:13px;font-weight:bold;text-align:center;padding:4px;background-color:#e6f7ff;color:#1890ff;border-radius:6px}.person-group[data-v-0d6baf13]{display:inline-block;vertical-align:top;width:260px;margin-right:8px}.person-group[data-v-0d6baf13]:last-child{margin-right:0}.couple-card[data-v-0d6baf13]{background-color:#fff;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:5px;margin-bottom:5px}.couple-card[data-v-0d6baf13]:last-child{margin-bottom:0}.couple-card[data-v-0d6baf13]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.person-card[data-v-0d6baf13]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:4px 0}.person-card[data-v-0d6baf13]:first-child{padding-top:0}.person-card[data-v-0d6baf13]:last-child{padding-bottom:0}.person-card.vertical[data-v-0d6baf13]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;width:48%;padding:4px;margin:0;border-radius:3px;background-color:#fafafa}.person-card.vertical .avatar-container[data-v-0d6baf13]{margin-right:0;margin-bottom:3px}.person-card.vertical .avatar-container .avatar[data-v-0d6baf13]{width:35px;height:35px}.person-card.vertical .person-info[data-v-0d6baf13]{text-align:center}.person-card.vertical .person-info .person-name[data-v-0d6baf13]{font-size:11px;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-card.vertical .person-info .person-details .gender[data-v-0d6baf13]{font-size:7px;padding:1px 2px}.person-card.vertical[data-v-0d6baf13]:first-child{padding-top:4px}.person-card.vertical[data-v-0d6baf13]:last-child{padding-bottom:4px}.person-card.vertical[data-v-0d6baf13]:hover{background-color:#f0f0f0}.person-card.horizontal[data-v-0d6baf13]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;width:48%;padding:4px;margin:0;border-radius:3px;background-color:#fafafa}.person-card.horizontal .avatar-container[data-v-0d6baf13]{margin-right:0;margin-bottom:3px}.person-card.horizontal .avatar-container .avatar[data-v-0d6baf13]{width:35px;height:35px}.person-card.horizontal .person-info[data-v-0d6baf13]{text-align:center}.person-card.horizontal .person-info .person-name[data-v-0d6baf13]{font-size:11px;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-card.horizontal .person-info .person-details .gender[data-v-0d6baf13]{font-size:7px;padding:1px 2px}.person-card.horizontal[data-v-0d6baf13]:first-child{padding-top:4px}.person-card.horizontal[data-v-0d6baf13]:last-child{padding-bottom:4px}.person-card.horizontal[data-v-0d6baf13]:hover{background-color:#f0f0f0}.avatar-container[data-v-0d6baf13]{margin-right:6px}.avatar-container .avatar[data-v-0d6baf13]{width:35px;height:35px;border-radius:50%;object-fit:cover;border:1px solid #f0f0f0}.person-info[data-v-0d6baf13]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.person-name[data-v-0d6baf13]{font-size:13px;font-weight:500;color:#333;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-details[data-v-0d6baf13]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.person-details .gender[data-v-0d6baf13]{font-size:9px;padding:1px 3px;border-radius:2px}.person-details .gender.male[data-v-0d6baf13]{background-color:#e6f7ff;color:#1890ff}.person-details .gender.female[data-v-0d6baf13]{background-color:#fff0f6;color:#eb2f96}@media(max-width: 768px){.left-axis[data-v-0d6baf13]{width:55px;font-size:9px}.person-group[data-v-0d6baf13]{width:200px}.avatar[data-v-0d6baf13]{width:30px;height:30px}.person-name[data-v-0d6baf13]{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.axis-item[data-v-0d6baf13]{height:90px}.row-item[data-v-0d6baf13]{margin-bottom:3px}.right-content[data-v-0d6baf13]{padding:2px}.person-group[data-v-0d6baf13]{margin-right:6px}.couple-card[data-v-0d6baf13]{padding:4px;margin-bottom:4px}}.nowrap[data-v-0d6baf13]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.refresh-icon[data-v-0d6baf13]{font-size:20px;color:#0052d9}.loading-more[data-v-0d6baf13]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:10px;color:#666}.loading-more[data-v-0d6baf13] .t-loading{margin-right:8px}.no-more-data[data-v-0d6baf13]{text-align:center;padding:15px;color:#999;font-size:14px}.refresh-icon[data-v-0d6baf13]{cursor:pointer}.nowrap[data-v-0d6baf13]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.refresh-icon[data-v-0d6baf13]{font-size:20px;color:#0052d9;cursor:pointer}.loading-more[data-v-0d6baf13]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:10px;color:#666}.loading-more[data-v-0d6baf13] .t-loading{margin-right:8px}.no-more-data[data-v-0d6baf13]{text-align:center;padding:15px;color:#999;font-size:14px}
.zong-men-ancestor-list[data-v-25481af7]{height:100vh;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.zong-men-ancestor-list .page-header[data-v-25481af7]{-webkit-flex-shrink:0;flex-shrink:0}.zong-men-ancestor-list .search-section[data-v-25481af7]{padding:12px 16px;background-color:#fff;padding-top:calc(var(--status-bar-height, 0px) + var(--td-navbar-height, 44px) + 12px)}.zong-men-ancestor-list .search-section .search-box[data-v-25481af7] .t-input{background-color:#f5f5f5;border-radius:20px}.zong-men-ancestor-list .search-section .search-box[data-v-25481af7] .t-input :deep(.t-input__inner){background-color:rgba(0,0,0,0)}.zong-men-ancestor-list .ancestor-list[data-v-25481af7]{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.zong-men-ancestor-list .ancestor-list .loading[data-v-25481af7],.zong-men-ancestor-list .ancestor-list .empty[data-v-25481af7]{text-align:center;padding:20px;color:#999}.zong-men-ancestor-list .ancestor-list .ancestor-item[data-v-25481af7]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;padding:16px;border-bottom:1px solid #eee}.zong-men-ancestor-list .ancestor-list .ancestor-item .ancestor-avatar[data-v-25481af7]{width:50px;height:50px;border-radius:50%;overflow:hidden;margin-right:12px;-webkit-flex-shrink:0;flex-shrink:0;cursor:pointer;position:relative}.zong-men-ancestor-list .ancestor-list .ancestor-item .ancestor-avatar[data-v-25481af7]:active{-webkit-transform:scale(0.95);transform:scale(0.95)}.zong-men-ancestor-list .ancestor-list .ancestor-item .ancestor-avatar[data-v-25481af7] .t-avatar{width:100%;height:100%}.zong-men-ancestor-list .ancestor-list .ancestor-item .ancestor-info[data-v-25481af7]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.zong-men-ancestor-list .ancestor-list .ancestor-item .ancestor-info .name[data-v-25481af7]{font-size:16px;font-weight:500;margin-bottom:8px;font-weight:bold}.zong-men-ancestor-list .ancestor-list .ancestor-item .ancestor-info .surname[data-v-25481af7],.zong-men-ancestor-list .ancestor-list .ancestor-item .ancestor-info .zibei[data-v-25481af7]{font-size:14px;color:#666;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zong-men-ancestor-list .ancestor-list .ancestor-item .ancestor-info .zibei[data-v-25481af7]{color:#888;cursor:pointer}.zong-men-ancestor-list .ancestor-list .ancestor-item .ancestor-info .zibei[data-v-25481af7]:hover{color:#006fff}.zong-men-ancestor-list .ancestor-list .load-more[data-v-25481af7]{text-align:center;padding:16px;color:#06c;cursor:pointer}.zong-men-ancestor-list .ancestor-list .load-more[data-v-25481af7]:hover{background-color:#f5f5f5}.zong-men-ancestor-list .ancestor-list .no-more[data-v-25481af7]{text-align:center;padding:16px;color:#999;font-size:14px}.dialog-content[data-v-25481af7]{padding:20px}.dialog-content .ancestor-basic-info[data-v-25481af7]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-align-content:center;align-content:center;margin-bottom:20px;padding:15px;background-color:#f9f9f9;border-radius:8px}.dialog-content .ancestor-basic-info[data-v-25481af7] .t-avatar{-webkit-flex-shrink:0;flex-shrink:0;margin-right:16px}.dialog-content .ancestor-basic-info .info-text[data-v-25481af7]{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0}.dialog-content .ancestor-basic-info .info-text .name[data-v-25481af7]{font-size:18px;font-weight:500;color:#333;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dialog-content .ancestor-basic-info .info-text .surname[data-v-25481af7]{font-size:14px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dialog-content .zibei-selection[data-v-25481af7]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:12px 16px;background-color:#f5f5f5;border-radius:6px;cursor:pointer}.dialog-content .zibei-selection .zibei-label[data-v-25481af7]{font-size:14px;color:#666}.dialog-content .zibei-selection .zibei-value[data-v-25481af7]{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:right;font-size:14px;color:#333;margin:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dialog-content .zibei-selection .arrow-icon[data-v-25481af7]{font-size:16px;color:#999}.zibei-modal .header-box[data-v-25481af7]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-align-content:center;align-content:center;padding:16px;border-bottom:1px solid #eee;background-color:#fff;border-radius:8px 8px 0 0}.zibei-modal .header-box .modal-title[data-v-25481af7]{font-size:18px;font-weight:600;color:#333;-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center}.zibei-modal .header-box .close-icon[data-v-25481af7]{font-size:20px;color:#999;padding:4px;cursor:pointer;position:absolute;right:16px}.zibei-modal .header-box .close-icon[data-v-25481af7]:hover{color:#666}.zibei-modal .modal-body[data-v-25481af7]{padding:16px}.zibei-modal .modal-body .ancestor-info[data-v-25481af7]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-align-content:center;align-content:center}.zibei-modal .modal-body .ancestor-info .t-avatar[data-v-25481af7]{-webkit-flex-shrink:0;flex-shrink:0;margin-right:16px}.zibei-modal .modal-body .ancestor-info .info-text[data-v-25481af7]{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0}.zibei-modal .modal-body .ancestor-info .info-text .name[data-v-25481af7]{font-size:18px;font-weight:500;color:#333;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zibei-modal .modal-body .ancestor-info .info-text .surname[data-v-25481af7],.zibei-modal .modal-body .ancestor-info .info-text .zibei[data-v-25481af7]{font-size:14px;color:#666;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zibei-list-modal .header-box[data-v-25481af7]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-align-content:center;align-content:center;padding:16px;border-bottom:1px solid #eee;background-color:#fff;border-radius:8px 8px 0 0}.zibei-list-modal .header-box .modal-title[data-v-25481af7]{font-size:18px;font-weight:600;color:#333;-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center}.zibei-list-modal .header-box .close-icon[data-v-25481af7]{font-size:20px;color:#999;padding:4px;cursor:pointer;position:absolute;right:16px}.zibei-list-modal .header-box .close-icon[data-v-25481af7]:hover{color:#666}.zibei-list-modal .modal-body[data-v-25481af7]{max-height:40vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.zibei-list-modal .modal-body .zibei-item[data-v-25481af7] .t-cell{padding:12px 16px}.zibei-list-modal .modal-body .zibei-item[data-v-25481af7] .t-cell .zibei-name{font-size:16px;color:#333}