#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-wrapper {
  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;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
          align-items: flex-end;
  gap: 10px;
}

/* 开关按钮样式 */
.toggle-button {
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.9);
  color: #333333;
  border: 1px solid #d0d0d0;
  border-radius: 50%;
  cursor: pointer;
  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-size: 18px;
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1002;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  
  &:hover {
    background-color: rgba(240, 240, 240, 0.95);
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }
  
  &:active {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  }
}

/* 右下角控制按钮组样式 */
.bottom-right-controls {
  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-wrapper {
    bottom: 60px; /* 上移避免遮挡底部导航栏 */
    right: 15px;
    gap: 8px;
  }
  
  .toggle-button {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }
  
  .bottom-right-controls {
    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-wrapper {
    bottom: 60px; /* 上移避免遮挡底部导航栏 */
    right: 10px;
    gap: 6px;
  }
  
  .toggle-button {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }
  
  .bottom-right-controls {
    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;
}



.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-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}}
.zong-men-ancestor-list[data-v-136da0f6]{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-136da0f6]{-webkit-flex-shrink:0;flex-shrink:0}.zong-men-ancestor-list .search-section[data-v-136da0f6]{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-136da0f6] .t-input{background-color:#f5f5f5;border-radius:20px}.zong-men-ancestor-list .search-section .search-box[data-v-136da0f6] .t-input :deep(.t-input__inner){background-color:rgba(0,0,0,0)}.zong-men-ancestor-list .ancestor-list[data-v-136da0f6]{-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-136da0f6],.zong-men-ancestor-list .ancestor-list .empty[data-v-136da0f6]{text-align:center;padding:20px;color:#999}.zong-men-ancestor-list .ancestor-list .ancestor-item[data-v-136da0f6]{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;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.zong-men-ancestor-list .ancestor-list .ancestor-item.is-ancestor[data-v-136da0f6]{background-color:#fffbf0;border-left:3px solid #ff9800}.zong-men-ancestor-list .ancestor-list .ancestor-item.is-ancestor[data-v-136da0f6]:hover{background-color:#fff3e0}.zong-men-ancestor-list .ancestor-list .ancestor-item .ancestor-avatar[data-v-136da0f6]{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-136da0f6]:active{-webkit-transform:scale(0.95);transform:scale(0.95)}.zong-men-ancestor-list .ancestor-list .ancestor-item .ancestor-avatar .ancestor-badge[data-v-136da0f6]{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:-webkit-linear-gradient(315deg, #ff9800 0%, #f57c00 100%);background:linear-gradient(135deg, #ff9800 0%, #f57c00 100%);border-radius:50%;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;box-shadow:0 2px 4px rgba(0,0,0,.2);border:2px solid #fff}.zong-men-ancestor-list .ancestor-list .ancestor-item .ancestor-avatar .ancestor-badge[data-v-136da0f6] .t-icon{font-size:12px;color:#fff}.zong-men-ancestor-list .ancestor-list .ancestor-item .ancestor-avatar[data-v-136da0f6] .t-avatar{width:100%;height:100%}.zong-men-ancestor-list .ancestor-list .ancestor-item .ancestor-avatar[data-v-136da0f6] .t-avatar img{width:100%;height:100%;object-fit:cover}.zong-men-ancestor-list .ancestor-list .ancestor-item .ancestor-info[data-v-136da0f6]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.zong-men-ancestor-list .ancestor-list .ancestor-item .ancestor-info .name[data-v-136da0f6]{font-size:16px;font-weight:500;margin-bottom:8px;font-weight:bold;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:8px}.zong-men-ancestor-list .ancestor-list .ancestor-item .ancestor-info .name .ancestor-tag[data-v-136da0f6]{display:inline-block;padding:2px 8px;font-size:12px;font-weight:500;color:#fff;background:-webkit-linear-gradient(315deg, #ff9800 0%, #f57c00 100%);background:linear-gradient(135deg, #ff9800 0%, #f57c00 100%);border-radius:10px;line-height:1.4;box-shadow:0 1px 3px rgba(255,152,0,.3)}.zong-men-ancestor-list .ancestor-list .ancestor-item .ancestor-info .surname[data-v-136da0f6],.zong-men-ancestor-list .ancestor-list .ancestor-item .ancestor-info .zibei[data-v-136da0f6]{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-136da0f6]{color:#888;cursor:pointer}.zong-men-ancestor-list .ancestor-list .ancestor-item .ancestor-info .zibei[data-v-136da0f6]:hover{color:#006fff}.zong-men-ancestor-list .ancestor-list .load-more[data-v-136da0f6]{text-align:center;padding:16px;color:#06c;cursor:pointer}.zong-men-ancestor-list .ancestor-list .load-more[data-v-136da0f6]:hover{background-color:#f5f5f5}.zong-men-ancestor-list .ancestor-list .no-more[data-v-136da0f6]{text-align:center;padding:16px;color:#999;font-size:14px}.edit-ancestor-modal .header-box[data-v-136da0f6]{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;position:relative}.edit-ancestor-modal .header-box .modal-title[data-v-136da0f6]{font-size:18px;font-weight:600;color:#333;-webkit-box-flex:1;-webkit-flex:1;flex:1}.edit-ancestor-modal .header-box .ancestor-badge-tag[data-v-136da0f6]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:4px;padding:4px 12px;margin-right:12px;background:-webkit-linear-gradient(315deg, #ff9800 0%, #f57c00 100%);background:linear-gradient(135deg, #ff9800 0%, #f57c00 100%);border-radius:12px;color:#fff;font-size:12px;font-weight:500;box-shadow:0 2px 4px rgba(255,152,0,.3)}.edit-ancestor-modal .header-box .ancestor-badge-tag[data-v-136da0f6] .t-icon{font-size:14px}.edit-ancestor-modal .header-box .close-icon[data-v-136da0f6]{font-size:20px;color:#999;padding:4px;cursor:pointer;position:absolute;right:16px}.edit-ancestor-modal .header-box .close-icon[data-v-136da0f6]:hover{color:#666}.edit-ancestor-modal .modal-body[data-v-136da0f6]{padding:16px}.edit-ancestor-modal .modal-body .ancestor-basic-info[data-v-136da0f6]{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}.edit-ancestor-modal .modal-body .ancestor-basic-info[data-v-136da0f6] .t-avatar{-webkit-flex-shrink:0;flex-shrink:0;margin-right:16px}.edit-ancestor-modal .modal-body .ancestor-basic-info[data-v-136da0f6] .t-avatar img{width:100%;height:100%;object-fit:cover}.edit-ancestor-modal .modal-body .ancestor-basic-info .info-text[data-v-136da0f6]{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0}.edit-ancestor-modal .modal-body .ancestor-basic-info .info-text .name[data-v-136da0f6]{font-size:18px;font-weight:500;color:#333;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-ancestor-modal .modal-body .ancestor-basic-info .info-text .surname[data-v-136da0f6]{font-size:14px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-ancestor-modal .modal-body .zibei-selection[data-v-136da0f6]{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;margin-bottom:20px}.edit-ancestor-modal .modal-body .zibei-selection .zibei-label[data-v-136da0f6]{font-size:14px;color:#666}.edit-ancestor-modal .modal-body .zibei-selection .zibei-value[data-v-136da0f6]{-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}.edit-ancestor-modal .modal-body .zibei-selection .arrow-icon[data-v-136da0f6]{font-size:16px;color:#999}.edit-ancestor-modal .modal-body .modal-footer[data-v-136da0f6]{display:-webkit-box;display:-webkit-flex;display:flex;gap:12px;margin-top:20px}.edit-ancestor-modal .modal-body .modal-footer[data-v-136da0f6] .t-button{-webkit-box-flex:1;-webkit-flex:1;flex:1}.zibei-modal .header-box[data-v-136da0f6]{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-136da0f6]{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-136da0f6]{font-size:20px;color:#999;padding:4px;cursor:pointer;position:absolute;right:16px}.zibei-modal .header-box .close-icon[data-v-136da0f6]:hover{color:#666}.zibei-modal .modal-body[data-v-136da0f6]{padding:16px}.zibei-modal .modal-body .ancestor-info[data-v-136da0f6]{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-136da0f6]{-webkit-flex-shrink:0;flex-shrink:0;margin-right:16px}.zibei-modal .modal-body .ancestor-info .t-avatar img[data-v-136da0f6]{width:100%;height:100%;object-fit:cover}.zibei-modal .modal-body .ancestor-info .info-text[data-v-136da0f6]{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0}.zibei-modal .modal-body .ancestor-info .info-text .name[data-v-136da0f6]{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-136da0f6],.zibei-modal .modal-body .ancestor-info .info-text .zibei[data-v-136da0f6]{font-size:14px;color:#666;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zibei-list-modal .header-box[data-v-136da0f6]{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-136da0f6]{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-136da0f6]{font-size:20px;color:#999;padding:4px;cursor:pointer;position:absolute;right:16px}.zibei-list-modal .header-box .close-icon[data-v-136da0f6]:hover{color:#666}.zibei-list-modal .modal-body[data-v-136da0f6]{max-height:40vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.zibei-list-modal .modal-body .zibei-item[data-v-136da0f6] .t-cell{padding:12px 16px}.zibei-list-modal .modal-body .zibei-item[data-v-136da0f6] .t-cell .zibei-name{font-size:16px;color:#333}
#container{width:100vw;height:100vh;position:fixed;top:0;left:0;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:rgba(0,0,0,0);-webkit-overflow-scrolling:touch}.org-chart-container{width:100%;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}.test-v2-button{position:fixed;top:20px;left:20px;z-index:1001;padding:10px 20px;background:-webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;font-size:14px;font-weight:600;border-radius:20px;cursor:pointer;box-shadow:0 4px 12px rgba(102,126,234,.4);-webkit-transition:all .3s ease;transition:all .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}.test-v2-button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.5)}.test-v2-button:active{-webkit-transform:translateY(0);transform:translateY(0);box-shadow:0 2px 8px rgba(102,126,234,.3)}.header-bar{padding:15px 20px 10px;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:1001}.header-bar h1{margin:0 0 10px 0;color:#333;text-align:center;font-size:20px}.chart-hint{text-align:center;color:#666;font-size:12px;margin:0;padding:6px;background:rgba(95,149,255,.1);border-radius:16px;border:1px solid rgba(95,149,255,.2)}#chart-container{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:-webkit-grab;cursor:grab;min-width:100%;width:100%}#chart-container:active{cursor:-webkit-grabbing;cursor:grabbing}#chart-container svg{overflow:visible}.x6-cell{cursor:default}.x6-node{cursor:default}.bottom-right-controls-wrapper{position:fixed;bottom:70px;right:10px;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;-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end;gap:8px}.toggle-button{width:40px;height:40px;background-color:hsla(0,0%,100%,.9);color:#333;border:1px solid #d0d0d0;border-radius:50%;cursor:pointer;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-size:18px;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.1);-webkit-transition:all .3s ease;transition:all .3s ease;z-index:1002;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toggle-button:hover{background-color:rgba(240,240,240,.95);-webkit-transform:scale(1.1);transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}.toggle-button:active{-webkit-transform:scale(0.95);transform:scale(0.95);box-shadow:0 1px 4px rgba(0,0,0,.1)}.bottom-right-controls{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;background-color:rgba(0,0,0,0);border-radius:12px;padding:8px;box-shadow:0 4px 12px rgba(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:6px}.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:6px}.pan-horizontal{display:-webkit-box;display:-webkit-flex;display:flex;gap:6px}.zoom-value{min-width:40px;text-align:center;font-size:12px;font-weight:500;color:#333}.btn-base,.control-button{border:none;border-radius:8px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .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}.btn-base:hover,.control-button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-base:active,.control-button:active{-webkit-transform:translateY(0);transform:translateY(0)}.control-button{width:36px;height:36px;background-color:#fff;border:1px solid #d0d0d0;font-size:14px;color:#333;box-shadow:0 2px 8px rgba(0,0,0,.1)}.control-button:hover{background-color:#f0f0f0;box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.control-button:active{-webkit-transform:translateY(0);transform:translateY(0);box-shadow:0 1px 4px rgba(0,0,0,.1)}@media(max-width: 768px){.bottom-right-controls-wrapper{bottom:70px;right:10px;gap:6px}.toggle-button{width:36px;height:36px;font-size:16px}.bottom-right-controls{gap:6px}.control-button{width:32px;height:32px;font-size:12px}.zoom-value{min-width:36px;font-size:11px}.header-bar{padding:12px 15px 8px}.header-bar h1{font-size:18px}.chart-hint{font-size:11px;padding:5px}}@media(min-width: 320px)and (max-width: 480px){.bottom-right-controls-wrapper{bottom:70px;right:8px;gap:5px}.toggle-button{width:32px;height:32px;font-size:14px}.bottom-right-controls{gap:5px}.control-button{width:28px;height:28px;font-size:11px}.zoom-value{min-width:32px;font-size:10px}.header-bar{padding:10px 12px 6px}.header-bar h1{font-size:16px}.chart-hint{font-size:10px;padding:4px}}.bottom-tab-bar{position:fixed;bottom:0;left:0;right:0;z-index:9999}.x6-node .card{-webkit-transition:-webkit-filter .3s ease,-webkit-transform .3s ease;transition:-webkit-filter .3s ease,-webkit-transform .3s ease;transition:filter .3s ease,transform .3s ease;transition:filter .3s ease,transform .3s ease,-webkit-filter .3s ease,-webkit-transform .3s ease;cursor:pointer}.x6-node .card:hover{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-filter:drop-shadow(0 4px 8px rgba(95, 149, 255, 0.15));filter:drop-shadow(0 4px 8px rgba(95, 149, 255, 0.15))}@-webkit-keyframes flowLight{0%{-webkit-filter:drop-shadow(0 2px 8px rgba(255, 179, 193, 0.2)) drop-shadow(0 0 0 transparent);filter:drop-shadow(0 2px 8px rgba(255, 179, 193, 0.2)) drop-shadow(0 0 0 transparent)}25%{-webkit-filter:drop-shadow(0 4px 12px rgba(125, 211, 252, 0.4)) drop-shadow(0 0 8px rgba(125, 211, 252, 0.2));filter:drop-shadow(0 4px 12px rgba(125, 211, 252, 0.4)) drop-shadow(0 0 8px rgba(125, 211, 252, 0.2))}50%{-webkit-filter:drop-shadow(0 6px 16px rgba(255, 179, 193, 0.5)) drop-shadow(0 0 12px rgba(255, 179, 193, 0.3));filter:drop-shadow(0 6px 16px rgba(255, 179, 193, 0.5)) drop-shadow(0 0 12px rgba(255, 179, 193, 0.3))}75%{-webkit-filter:drop-shadow(0 4px 12px rgba(125, 211, 252, 0.4)) drop-shadow(0 0 8px rgba(125, 211, 252, 0.2));filter:drop-shadow(0 4px 12px rgba(125, 211, 252, 0.4)) drop-shadow(0 0 8px rgba(125, 211, 252, 0.2))}100%{-webkit-filter:drop-shadow(0 2px 8px rgba(255, 179, 193, 0.2)) drop-shadow(0 0 0 transparent);filter:drop-shadow(0 2px 8px rgba(255, 179, 193, 0.2)) drop-shadow(0 0 0 transparent)}}@keyframes flowLight{0%{-webkit-filter:drop-shadow(0 2px 8px rgba(255, 179, 193, 0.2)) drop-shadow(0 0 0 transparent);filter:drop-shadow(0 2px 8px rgba(255, 179, 193, 0.2)) drop-shadow(0 0 0 transparent)}25%{-webkit-filter:drop-shadow(0 4px 12px rgba(125, 211, 252, 0.4)) drop-shadow(0 0 8px rgba(125, 211, 252, 0.2));filter:drop-shadow(0 4px 12px rgba(125, 211, 252, 0.4)) drop-shadow(0 0 8px rgba(125, 211, 252, 0.2))}50%{-webkit-filter:drop-shadow(0 6px 16px rgba(255, 179, 193, 0.5)) drop-shadow(0 0 12px rgba(255, 179, 193, 0.3));filter:drop-shadow(0 6px 16px rgba(255, 179, 193, 0.5)) drop-shadow(0 0 12px rgba(255, 179, 193, 0.3))}75%{-webkit-filter:drop-shadow(0 4px 12px rgba(125, 211, 252, 0.4)) drop-shadow(0 0 8px rgba(125, 211, 252, 0.2));filter:drop-shadow(0 4px 12px rgba(125, 211, 252, 0.4)) drop-shadow(0 0 8px rgba(125, 211, 252, 0.2))}100%{-webkit-filter:drop-shadow(0 2px 8px rgba(255, 179, 193, 0.2)) drop-shadow(0 0 0 transparent);filter:drop-shadow(0 2px 8px rgba(255, 179, 193, 0.2)) drop-shadow(0 0 0 transparent)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.01);transform:scale(1.01);opacity:.95}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.01);transform:scale(1.01);opacity:.95}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes breathe{0%{-webkit-filter:drop-shadow(0 2px 6px rgba(0, 0, 0, 0.08));filter:drop-shadow(0 2px 6px rgba(0, 0, 0, 0.08))}50%{-webkit-filter:drop-shadow(0 4px 10px rgba(0, 0, 0, 0.12));filter:drop-shadow(0 4px 10px rgba(0, 0, 0, 0.12))}100%{-webkit-filter:drop-shadow(0 2px 6px rgba(0, 0, 0, 0.08));filter:drop-shadow(0 2px 6px rgba(0, 0, 0, 0.08))}}@keyframes breathe{0%{-webkit-filter:drop-shadow(0 2px 6px rgba(0, 0, 0, 0.08));filter:drop-shadow(0 2px 6px rgba(0, 0, 0, 0.08))}50%{-webkit-filter:drop-shadow(0 4px 10px rgba(0, 0, 0, 0.12));filter:drop-shadow(0 4px 10px rgba(0, 0, 0, 0.12))}100%{-webkit-filter:drop-shadow(0 2px 6px rgba(0, 0, 0, 0.08));filter:drop-shadow(0 2px 6px rgba(0, 0, 0, 0.08))}}.x6-node .card.paused{-webkit-animation-play-state:paused;animation-play-state:paused}.person-container{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;gap:20px;padding:15px;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}.person-item{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:5px;min-width:60px}.person-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid #eee}.person-name{font-size:12px;color:#333;text-align:center;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.person-generation{font-size:10px;color:#666;text-align:center}.person-zibei{font-size:10px;color:#666;text-align:center}.person-year{font-size:9px;color:#999;text-align:center}.x6-node .person-bg-0,.x6-node .person-bg-1,.x6-node .person-bg-2,.x6-node .person-bg-3,.x6-node .person-avatar-border-0,.x6-node .person-avatar-border-1,.x6-node .person-avatar-border-2,.x6-node .person-avatar-border-3,.x6-node .person-avatar-0,.x6-node .person-avatar-1,.x6-node .person-avatar-2,.x6-node .person-avatar-3,.x6-node .person-name-0,.x6-node .person-name-1,.x6-node .person-name-2,.x6-node .person-name-3,.x6-node .person-generation-0,.x6-node .person-generation-1,.x6-node .person-generation-2,.x6-node .person-generation-3,.x6-node .person-zibei-0,.x6-node .person-zibei-1,.x6-node .person-zibei-2,.x6-node .person-zibei-3,.x6-node .person-year-0,.x6-node .person-year-1,.x6-node .person-year-2,.x6-node .person-year-3,.x6-node .red-dot,.x6-node .death-overlay-0,.x6-node .death-overlay-1,.x6-node .death-overlay-2,.x6-node .death-overlay-3{pointer-events:none}.x6-node .image{border-radius:50%;object-fit:cover}.x6-node .name{font-size:16px;fill:#333;font-weight:600;text-anchor:end}.x6-node .ziBeiName{font-size:14px;fill:#666;text-anchor:end}.x6-node .sdsort{font-size:12px;fill:#999;text-anchor:end}.x6-edge{stroke:#5f95ff;stroke-width:2;-webkit-transition:stroke .3s ease;transition:stroke .3s ease}.x6-edge:hover{stroke:#4a86e8}.x6-edge:hover .connection-wrap{stroke:rgba(0,0,0,0)}.x6-edge .arrowhead{fill:#5f95ff;stroke:#5f95ff;stroke-width:1}@-webkit-keyframes ant-line{to{stroke-dashoffset:-1000}}@keyframes ant-line{to{stroke-dashoffset:-1000}}
#container[data-v-2d02e44a]{width:100vw;height:100vh;position:fixed;top:0;left:0;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:rgba(0,0,0,0);-webkit-overflow-scrolling:touch}.org-chart-container[data-v-2d02e44a]{width:100%;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}.test-v2-button[data-v-2d02e44a]{position:fixed;top:20px;left:20px;z-index:1001;padding:10px 20px;background:-webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;font-size:14px;font-weight:600;border-radius:20px;cursor:pointer;box-shadow:0 4px 12px rgba(102,126,234,.4);-webkit-transition:all .3s ease;transition:all .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}.test-v2-button[data-v-2d02e44a]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.5)}.test-v2-button[data-v-2d02e44a]:active{-webkit-transform:translateY(0);transform:translateY(0);box-shadow:0 2px 8px rgba(102,126,234,.3)}.header-bar[data-v-2d02e44a]{padding:15px 20px 10px;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:1001}.header-bar h1[data-v-2d02e44a]{margin:0 0 10px 0;color:#333;text-align:center;font-size:20px}.chart-hint[data-v-2d02e44a]{text-align:center;color:#666;font-size:12px;margin:0;padding:6px;background:rgba(95,149,255,.1);border-radius:16px;border:1px solid rgba(95,149,255,.2)}#chart-container[data-v-2d02e44a]{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:-webkit-grab;cursor:grab;min-width:100%;width:100%}#chart-container[data-v-2d02e44a]:active{cursor:-webkit-grabbing;cursor:grabbing}#chart-container svg[data-v-2d02e44a]{overflow:visible}.x6-cell[data-v-2d02e44a]{cursor:default}.x6-node[data-v-2d02e44a]{cursor:default}.bottom-right-controls-wrapper[data-v-2d02e44a]{position:fixed;bottom:70px;right:10px;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;-webkit-box-align:end;-webkit-align-items:flex-end;align-items:flex-end;gap:8px}.toggle-button[data-v-2d02e44a]{width:40px;height:40px;background-color:hsla(0,0%,100%,.9);color:#333;border:1px solid #d0d0d0;border-radius:50%;cursor:pointer;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-size:18px;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.1);-webkit-transition:all .3s ease;transition:all .3s ease;z-index:1002;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toggle-button[data-v-2d02e44a]:hover{background-color:rgba(240,240,240,.95);-webkit-transform:scale(1.1);transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}.toggle-button[data-v-2d02e44a]:active{-webkit-transform:scale(0.95);transform:scale(0.95);box-shadow:0 1px 4px rgba(0,0,0,.1)}.bottom-right-controls[data-v-2d02e44a]{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;background-color:rgba(0,0,0,0);border-radius:12px;padding:8px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.zoom-controls[data-v-2d02e44a]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:6px}.reset-control[data-v-2d02e44a]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.pan-controls[data-v-2d02e44a]{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:6px}.pan-horizontal[data-v-2d02e44a]{display:-webkit-box;display:-webkit-flex;display:flex;gap:6px}.zoom-value[data-v-2d02e44a]{min-width:40px;text-align:center;font-size:12px;font-weight:500;color:#333}.btn-base[data-v-2d02e44a],.control-button[data-v-2d02e44a]{border:none;border-radius:8px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .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}.btn-base[data-v-2d02e44a]:hover,.control-button[data-v-2d02e44a]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-base[data-v-2d02e44a]:active,.control-button[data-v-2d02e44a]:active{-webkit-transform:translateY(0);transform:translateY(0)}.control-button[data-v-2d02e44a]{width:36px;height:36px;background-color:#fff;border:1px solid #d0d0d0;font-size:14px;color:#333;box-shadow:0 2px 8px rgba(0,0,0,.1)}.control-button[data-v-2d02e44a]:hover{background-color:#f0f0f0;box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.control-button[data-v-2d02e44a]:active{-webkit-transform:translateY(0);transform:translateY(0);box-shadow:0 1px 4px rgba(0,0,0,.1)}@media(max-width: 768px){.bottom-right-controls-wrapper[data-v-2d02e44a]{bottom:70px;right:10px;gap:6px}.toggle-button[data-v-2d02e44a]{width:36px;height:36px;font-size:16px}.bottom-right-controls[data-v-2d02e44a]{gap:6px}.control-button[data-v-2d02e44a]{width:32px;height:32px;font-size:12px}.zoom-value[data-v-2d02e44a]{min-width:36px;font-size:11px}.header-bar[data-v-2d02e44a]{padding:12px 15px 8px}.header-bar h1[data-v-2d02e44a]{font-size:18px}.chart-hint[data-v-2d02e44a]{font-size:11px;padding:5px}}@media(min-width: 320px)and (max-width: 480px){.bottom-right-controls-wrapper[data-v-2d02e44a]{bottom:70px;right:8px;gap:5px}.toggle-button[data-v-2d02e44a]{width:32px;height:32px;font-size:14px}.bottom-right-controls[data-v-2d02e44a]{gap:5px}.control-button[data-v-2d02e44a]{width:28px;height:28px;font-size:11px}.zoom-value[data-v-2d02e44a]{min-width:32px;font-size:10px}.header-bar[data-v-2d02e44a]{padding:10px 12px 6px}.header-bar h1[data-v-2d02e44a]{font-size:16px}.chart-hint[data-v-2d02e44a]{font-size:10px;padding:4px}}.bottom-tab-bar[data-v-2d02e44a]{position:fixed;bottom:0;left:0;right:0;z-index:9999}.x6-node .card[data-v-2d02e44a]{-webkit-transition:-webkit-filter .3s ease,-webkit-transform .3s ease;transition:-webkit-filter .3s ease,-webkit-transform .3s ease;transition:filter .3s ease,transform .3s ease;transition:filter .3s ease,transform .3s ease,-webkit-filter .3s ease,-webkit-transform .3s ease;cursor:pointer}.x6-node .card[data-v-2d02e44a]:hover{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-filter:drop-shadow(0 4px 8px rgba(95, 149, 255, 0.15));filter:drop-shadow(0 4px 8px rgba(95, 149, 255, 0.15))}@-webkit-keyframes flowLight-2d02e44a{0%{-webkit-filter:drop-shadow(0 2px 8px rgba(255, 179, 193, 0.2)) drop-shadow(0 0 0 transparent);filter:drop-shadow(0 2px 8px rgba(255, 179, 193, 0.2)) drop-shadow(0 0 0 transparent)}25%{-webkit-filter:drop-shadow(0 4px 12px rgba(125, 211, 252, 0.4)) drop-shadow(0 0 8px rgba(125, 211, 252, 0.2));filter:drop-shadow(0 4px 12px rgba(125, 211, 252, 0.4)) drop-shadow(0 0 8px rgba(125, 211, 252, 0.2))}50%{-webkit-filter:drop-shadow(0 6px 16px rgba(255, 179, 193, 0.5)) drop-shadow(0 0 12px rgba(255, 179, 193, 0.3));filter:drop-shadow(0 6px 16px rgba(255, 179, 193, 0.5)) drop-shadow(0 0 12px rgba(255, 179, 193, 0.3))}75%{-webkit-filter:drop-shadow(0 4px 12px rgba(125, 211, 252, 0.4)) drop-shadow(0 0 8px rgba(125, 211, 252, 0.2));filter:drop-shadow(0 4px 12px rgba(125, 211, 252, 0.4)) drop-shadow(0 0 8px rgba(125, 211, 252, 0.2))}100%{-webkit-filter:drop-shadow(0 2px 8px rgba(255, 179, 193, 0.2)) drop-shadow(0 0 0 transparent);filter:drop-shadow(0 2px 8px rgba(255, 179, 193, 0.2)) drop-shadow(0 0 0 transparent)}}@keyframes flowLight-2d02e44a{0%{-webkit-filter:drop-shadow(0 2px 8px rgba(255, 179, 193, 0.2)) drop-shadow(0 0 0 transparent);filter:drop-shadow(0 2px 8px rgba(255, 179, 193, 0.2)) drop-shadow(0 0 0 transparent)}25%{-webkit-filter:drop-shadow(0 4px 12px rgba(125, 211, 252, 0.4)) drop-shadow(0 0 8px rgba(125, 211, 252, 0.2));filter:drop-shadow(0 4px 12px rgba(125, 211, 252, 0.4)) drop-shadow(0 0 8px rgba(125, 211, 252, 0.2))}50%{-webkit-filter:drop-shadow(0 6px 16px rgba(255, 179, 193, 0.5)) drop-shadow(0 0 12px rgba(255, 179, 193, 0.3));filter:drop-shadow(0 6px 16px rgba(255, 179, 193, 0.5)) drop-shadow(0 0 12px rgba(255, 179, 193, 0.3))}75%{-webkit-filter:drop-shadow(0 4px 12px rgba(125, 211, 252, 0.4)) drop-shadow(0 0 8px rgba(125, 211, 252, 0.2));filter:drop-shadow(0 4px 12px rgba(125, 211, 252, 0.4)) drop-shadow(0 0 8px rgba(125, 211, 252, 0.2))}100%{-webkit-filter:drop-shadow(0 2px 8px rgba(255, 179, 193, 0.2)) drop-shadow(0 0 0 transparent);filter:drop-shadow(0 2px 8px rgba(255, 179, 193, 0.2)) drop-shadow(0 0 0 transparent)}}@-webkit-keyframes pulse-2d02e44a{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.01);transform:scale(1.01);opacity:.95}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes pulse-2d02e44a{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.01);transform:scale(1.01);opacity:.95}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes breathe-2d02e44a{0%{-webkit-filter:drop-shadow(0 2px 6px rgba(0, 0, 0, 0.08));filter:drop-shadow(0 2px 6px rgba(0, 0, 0, 0.08))}50%{-webkit-filter:drop-shadow(0 4px 10px rgba(0, 0, 0, 0.12));filter:drop-shadow(0 4px 10px rgba(0, 0, 0, 0.12))}100%{-webkit-filter:drop-shadow(0 2px 6px rgba(0, 0, 0, 0.08));filter:drop-shadow(0 2px 6px rgba(0, 0, 0, 0.08))}}@keyframes breathe-2d02e44a{0%{-webkit-filter:drop-shadow(0 2px 6px rgba(0, 0, 0, 0.08));filter:drop-shadow(0 2px 6px rgba(0, 0, 0, 0.08))}50%{-webkit-filter:drop-shadow(0 4px 10px rgba(0, 0, 0, 0.12));filter:drop-shadow(0 4px 10px rgba(0, 0, 0, 0.12))}100%{-webkit-filter:drop-shadow(0 2px 6px rgba(0, 0, 0, 0.08));filter:drop-shadow(0 2px 6px rgba(0, 0, 0, 0.08))}}.x6-node .card.paused[data-v-2d02e44a]{-webkit-animation-play-state:paused;animation-play-state:paused}.person-container[data-v-2d02e44a]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;gap:20px;padding:15px;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}.person-item[data-v-2d02e44a]{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:5px;min-width:60px}.person-avatar[data-v-2d02e44a]{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid #eee}.person-name[data-v-2d02e44a]{font-size:12px;color:#333;text-align:center;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.person-generation[data-v-2d02e44a]{font-size:10px;color:#666;text-align:center}.person-zibei[data-v-2d02e44a]{font-size:10px;color:#666;text-align:center}.person-year[data-v-2d02e44a]{font-size:9px;color:#999;text-align:center}.x6-node .person-bg-0[data-v-2d02e44a],.x6-node .person-bg-1[data-v-2d02e44a],.x6-node .person-bg-2[data-v-2d02e44a],.x6-node .person-bg-3[data-v-2d02e44a],.x6-node .person-avatar-border-0[data-v-2d02e44a],.x6-node .person-avatar-border-1[data-v-2d02e44a],.x6-node .person-avatar-border-2[data-v-2d02e44a],.x6-node .person-avatar-border-3[data-v-2d02e44a],.x6-node .person-avatar-0[data-v-2d02e44a],.x6-node .person-avatar-1[data-v-2d02e44a],.x6-node .person-avatar-2[data-v-2d02e44a],.x6-node .person-avatar-3[data-v-2d02e44a],.x6-node .person-name-0[data-v-2d02e44a],.x6-node .person-name-1[data-v-2d02e44a],.x6-node .person-name-2[data-v-2d02e44a],.x6-node .person-name-3[data-v-2d02e44a],.x6-node .person-generation-0[data-v-2d02e44a],.x6-node .person-generation-1[data-v-2d02e44a],.x6-node .person-generation-2[data-v-2d02e44a],.x6-node .person-generation-3[data-v-2d02e44a],.x6-node .person-zibei-0[data-v-2d02e44a],.x6-node .person-zibei-1[data-v-2d02e44a],.x6-node .person-zibei-2[data-v-2d02e44a],.x6-node .person-zibei-3[data-v-2d02e44a],.x6-node .person-year-0[data-v-2d02e44a],.x6-node .person-year-1[data-v-2d02e44a],.x6-node .person-year-2[data-v-2d02e44a],.x6-node .person-year-3[data-v-2d02e44a],.x6-node .red-dot[data-v-2d02e44a],.x6-node .death-overlay-0[data-v-2d02e44a],.x6-node .death-overlay-1[data-v-2d02e44a],.x6-node .death-overlay-2[data-v-2d02e44a],.x6-node .death-overlay-3[data-v-2d02e44a]{pointer-events:none}.x6-node .image[data-v-2d02e44a]{border-radius:50%;object-fit:cover}.x6-node .name[data-v-2d02e44a]{font-size:16px;fill:#333;font-weight:600;text-anchor:end}.x6-node .ziBeiName[data-v-2d02e44a]{font-size:14px;fill:#666;text-anchor:end}.x6-node .sdsort[data-v-2d02e44a]{font-size:12px;fill:#999;text-anchor:end}.x6-edge[data-v-2d02e44a]{stroke:#5f95ff;stroke-width:2;-webkit-transition:stroke .3s ease;transition:stroke .3s ease}.x6-edge[data-v-2d02e44a]:hover{stroke:#4a86e8}.x6-edge:hover .connection-wrap[data-v-2d02e44a]{stroke:rgba(0,0,0,0)}.x6-edge .arrowhead[data-v-2d02e44a]{fill:#5f95ff;stroke:#5f95ff;stroke-width:1}@-webkit-keyframes ant-line-2d02e44a{to{stroke-dashoffset:-1000}}@keyframes ant-line-2d02e44a{to{stroke-dashoffset:-1000}}