.member-detail-popup :deep(.t-popup){-webkit-transition-duration:.2s !important;transition-duration:.2s !important}.member-detail-popup :deep(.t-popup__content){width:100%;height:55vh;max-height:calc(100vh - 120px);background:rgba(0,0,0,0);border-radius:12px 12px 0 0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;overflow:visible;-webkit-transition:-webkit-transform .2s ease-out !important;transition:-webkit-transform .2s ease-out !important;transition:transform .2s ease-out !important;transition:transform .2s ease-out, -webkit-transform .2s ease-out !important}.member-detail-popup :deep(.t-popup__overlay){-webkit-transition:opacity .15s ease-out !important;transition:opacity .15s ease-out !important;background-color:rgba(0,0,0,.6)}.modal-section{position:relative;box-sizing:border-box}.modal-header-section{-webkit-flex-shrink:0;flex-shrink:0}.modal-content-section{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;background:#fff;border-radius:12px 12px 0 0;max-height:calc(80vh - 80px)}.popup-head-box{position:relative;background:rgba(0,0,0,0);height:80px;border-radius:20px 20px 0 0}.close-btn{position:absolute;right:10px;top:-40px;z-index:10}.avatar-actions{position:absolute;left:135px;top:-40px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:6px;z-index:10}.action-mini-btn{width:28px;height:28px;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;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.action-mini-btn.edit{background:rgba(102,126,234,.9);color:#fff}.action-mini-btn.edit:active{-webkit-transform:scale(0.9);transform:scale(0.9);background:#667eea}.action-mini-btn.delete{background:rgba(220,53,69,.9);color:#fff}.action-mini-btn.delete:active{-webkit-transform:scale(0.9);transform:scale(0.9);background:#dc3545}.person-bio-btn{position:absolute;right:60px;top:-40px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:6px;padding:8px 16px;background:-webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:20px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;box-shadow:0 2px 8px rgba(102,126,234,.3);z-index:10}.person-bio-btn:active{-webkit-transform:scale(0.95);transform:scale(0.95)}.avatar-upload-container{position:absolute;z-index:999;left:15px;top:-75px}.avatar-upload-container .avatar-and-info-wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.avatar-upload-container .avatar-and-info-wrapper .avatar-preview.id-photo-frame{width:110px;height:150px;border-radius:8px;border:none;background:#f5f5f5;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;position:relative;overflow:visible;box-shadow:0 4px 12px rgba(0,0,0,.1)}.avatar-upload-container .avatar-and-info-wrapper .avatar-preview.id-photo-frame .avatar-image{width:100%;height:100%;object-fit:cover;border-radius:0}.avatar-upload-container .avatar-and-info-wrapper .avatar-preview.id-photo-frame .avatar-placeholder{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}.avatar-upload-container .avatar-and-info-wrapper .avatar-preview.id-photo-frame .avatar-placeholder .avatar-icon{font-size:36px;color:#667eea}.avatar-upload-container .avatar-and-info-wrapper .avatar-preview.id-photo-frame .biography-btn{position:absolute;bottom:-12px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:4px;padding:5px 14px;background:rgba(102,126,234,.25);border-radius:6px;color:#667eea;font-size:12px;font-weight:500;cursor:pointer;z-index:10;white-space:nowrap}.avatar-upload-container .avatar-and-info-wrapper .avatar-preview.id-photo-frame .biography-btn:active{-webkit-transform:translateX(-50%) scale(0.95);transform:translateX(-50%) scale(0.95);background:rgba(102,126,234,.2)}.avatar-upload-container .avatar-and-info-wrapper .avatar-preview.id-photo-frame .corner-tags{position:absolute;top:0;right:0;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;z-index:10}.avatar-upload-container .avatar-and-info-wrapper .avatar-preview.id-photo-frame .corner-tags .corner-tag{font-size:10px;font-weight:500;padding:2px 8px 2px 12px;border-radius:0 0 0 12px;margin-bottom:1px}.avatar-upload-container .avatar-and-info-wrapper .avatar-preview.id-photo-frame .corner-tags .corner-tag:first-child{border-radius:0 8px 0 12px}.avatar-upload-container .avatar-and-info-wrapper .avatar-preview.id-photo-frame .corner-tags .corner-tag.generation-tag{background:rgba(102,126,234,.9);color:#fff}.avatar-upload-container .avatar-and-info-wrapper .avatar-preview.id-photo-frame .corner-tags .corner-tag.gender-tag.male{background:rgba(25,118,210,.9);color:#fff}.avatar-upload-container .avatar-and-info-wrapper .avatar-preview.id-photo-frame .corner-tags .corner-tag.gender-tag.female{background:rgba(194,24,91,.9);color:#fff}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info{position:absolute;left:120px;width:calc(100% - 130px);bottom:12px}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .name-row{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-align:baseline;-webkit-align-items:baseline;align-items:baseline;margin-bottom:6px;margin-left:2px;font-size:22px;font-weight:600;line-height:1;white-space:nowrap}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .name-row .surname{color:#764ba2;display:inline}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .name-row .given-name{color:#1976d2;display:inline}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-tags-row{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-align:center;-webkit-align-items:center;align-items:center;gap:6px;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;margin-bottom:6px}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-tags-row:last-child{margin-bottom:0}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-tags-row .info-tag{display:inline-block;font-size:12px;padding:3px 10px;border-radius:4px;background:rgba(102,126,234,.1);color:#667eea;white-space:nowrap;line-height:1}.member-detail-modal{-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:hidden;background:#fff}.member-detail-modal .scrollable-container{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 12px;padding-bottom:env(safe-area-inset-bottom, 12px)}.member-detail-modal .section{position:relative;background:#f8f9fa;border-radius:10px;padding:12px;padding-top:8px;margin-bottom:12px}.member-detail-modal .section:last-child{margin-bottom:0}.member-detail-modal .section-title{position:absolute;top:0;left:0;font-size:10px;font-weight:500;color:#fff;background:rgba(102,126,234,.85);padding:2px 12px 2px 8px;border-radius:10px 0 10px 0;z-index:5}.info-cards{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:10px;margin-top:20px}.info-card{position:relative;-webkit-box-flex:0;-webkit-flex:0 0 calc(50% - 5px);flex:0 0 calc(50% - 5px);min-height:50px;background:hsla(0,0%,100%,.8);border-radius:8px;padding:20px 10px 10px 10px;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}.info-card .card-label{position:absolute;top:0;right:0;font-size:10px;font-weight:500;color:#667eea;background:rgba(102,126,234,.15);padding:2px 6px 2px 10px;border-radius:0 8px 0 8px}.info-card.male .card-label{color:#1976d2;background:rgba(25,118,210,.15)}.info-card.female .card-label{color:#c2185b;background:rgba(194,24,91,.15)}.info-card .card-value{font-size:14px;color:#333;font-weight:500;text-align:center;word-break:break-all}.info-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:8px;margin-top:20px}.info-grid .info-item{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;padding:8px 10px;background:hsla(0,0%,100%,.6);border-radius:6px}.info-grid .info-item .label{font-size:13px;color:#666;font-weight:500}.info-grid .info-item .value{font-size:13px;color:#333}.info-grid .info-item .value.deceased{color:#e74c3c;font-weight:600}.relation-module{margin-top:20px;margin-bottom:16px}.relation-module:first-child{margin-top:20px}.relation-module:last-child{margin-bottom:0}.relation-module .module-title{font-size:15px;font-weight:600;color:#2c3e50;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid #eee;position:relative}.relation-module .module-title::before{content:"";position:absolute;left:-8px;top:3px;bottom:10px;width:3px;background:-webkit-linear-gradient(top, #667eea, #764ba2);background:linear-gradient(to bottom, #667eea, #764ba2);border-radius:2px}.relation-module .persons-container{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.relation-module .person-card{-webkit-box-flex:0;-webkit-flex:0 0 110px;flex:0 0 110px;max-width:110px;background:#f8f9ff;border-radius:8px;padding:18px 8px 4px 8px;box-shadow:0 2px 8px rgba(102,126,234,.1);-webkit-transition:all .2s ease;transition:all .2s ease;position:relative;border:1px solid #e1e8ed;min-height:60px;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-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;text-align:center}.relation-module .person-card:active{-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.15)}.relation-module .person-card .relation-category-badge{position:absolute;top:0;right:0;font-size:10px;font-weight:500;color:#667eea;background:rgba(102,126,234,.15);padding:2px 6px 2px 10px;border-radius:0 10px 0 8px;white-space:nowrap;z-index:2}.relation-module .person-card .relation-category-badge .sep{color:#fff;margin:0 3px}.relation-module .person-card .person-info{margin-bottom:6px;width:100%}.relation-module .person-card .person-info .person-name{font-size:14px;font-weight:600;color:#2c3e50;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.relation-module .person-card .person-info .person-rank{font-size:11px;color:#7f8c8d;margin-bottom:2px}.relation-module .person-card .tags-container{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:4px;width:100%;-webkit-flex-wrap:wrap;flex-wrap:wrap}.relation-module .person-card .info-tag{font-size:10px;padding:2px 6px;border-radius:4px;background:rgba(102,126,234,.08);color:#667eea;white-space:nowrap}.biography-entry-block{margin-top:16px}.biography-entry-btn{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:14px 16px;background:-webkit-linear-gradient(315deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);background:linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);border-radius:12px;border:1px solid rgba(102,126,234,.2);cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.biography-entry-btn:active{-webkit-transform:scale(0.98);transform:scale(0.98);background:-webkit-linear-gradient(315deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%);background:linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%)}.biography-entry-btn .btn-icon{width:44px;height:44px;border-radius:10px;background:-webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);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;color:#fff;margin-right:12px;-webkit-flex-shrink:0;flex-shrink:0}.biography-entry-btn .btn-text{-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}.biography-entry-btn .btn-text .title{font-size:15px;font-weight:600;color:#2c3e50;margin-bottom:2px}.biography-entry-btn .btn-text .subtitle{font-size:12px;color:#7f8c8d}.biography-entry-btn .btn-arrow{color:#667eea;-webkit-flex-shrink:0;flex-shrink:0}.footer-actions{display:-webkit-box;display:-webkit-flex;display:flex;gap:12px;padding:12px 16px;background:#fff;border-top:1px solid #f0f0f0;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.footer-actions .action-btn{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:44px;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;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.footer-actions .action-btn.primary{background:-webkit-linear-gradient(left, #667eea 0%, #764ba2 100%);background:linear-gradient(90deg, #667eea 0%, #764ba2 100%);color:#fff;box-shadow:0 2px 8px rgba(102,126,234,.3)}.footer-actions .action-btn.primary:active{-webkit-transform:scale(0.98);transform:scale(0.98)}.footer-actions .action-btn.danger{background:-webkit-linear-gradient(left, #f56c6c 0%, #e74c3c 100%);background:linear-gradient(90deg, #f56c6c 0%, #e74c3c 100%);color:#fff;box-shadow:0 2px 8px rgba(245,108,108,.3)}.footer-actions .action-btn.danger:active{-webkit-transform:scale(0.98);transform:scale(0.98)}.content-block{position:relative}.content-block+.content-block{margin-top:10px}
/* 继续TDesign胶囊按钮样式 */
.tdesign-capsule-btn:active {
  -webkit-transform: translateY(0) scale(0.98);
          transform: translateY(0) scale(0.98);
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}

/* 焦点效果 */
.tdesign-capsule-btn:focus {
  outline: none;
  box-shadow: 
    0 0 0 4rpx rgba(59, 130, 246, 0.25),
    0 8rpx 20rpx rgba(0, 0, 0, 0.12);
}

/* TDesign 单选组件 - 极简科技风胶囊形状 */
.tdesign-radio-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  gap: 16rpx;
  width: 100%;
  padding: 0;
}

.tdesign-radio-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  position: relative;
  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: 80rpx;
  padding: 0 24rpx;
  border-radius: 40rpx;
  border: 2rpx solid rgba(226, 232, 240, 0.8);
  background: #f1f5f9;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  overflow: hidden;
}

/* 单选点标记 */
.tdesign-radio-dot {
  position: absolute;
  left: 16rpx;
  width: 16rpx;
  height: 16rpx;
  border-radius: 50%;
  background: -webkit-linear-gradient(315deg, #3b82f6 0%, #1e40af 100%);
  background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
  box-shadow: 
    0 2rpx 6rpx rgba(59, 130, 246, 0.3),
    inset 0 1rpx 0 rgba(255, 255, 255, 0.4);
  -webkit-animation: dotAppear 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          animation: dotAppear 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@-webkit-keyframes dotAppear {
  from {
    opacity: 0;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes dotAppear {
  from {
    opacity: 0;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/* 文字标签 */
.tdesign-radio-label {
  font-size: 28rpx;
  font-weight: 500;
  color: #64748b;
  letter-spacing: 2rpx;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  margin-left: 8rpx;
}

/* 悬停效果 - 遵循交互规范 */
.tdesign-radio-item:hover {
  -webkit-transform: translateY(-1rpx) scale(1.02);
          transform: translateY(-1rpx) scale(1.02);
  background: rgba(226, 232, 240, 0.9);
  border-color: rgba(203, 213, 225, 0.9);
  box-shadow: 0 8rpx 20rpx rgba(0, 0, 0, 0.12);
}

.tdesign-radio-item:hover .tdesign-radio-label {
  color: #3b82f6;
}

/* 选中状态 - 科技蓝渐变胶囊 */
.tdesign-radio-item--active {
  background: -webkit-linear-gradient(315deg, #3b82f6 0%, #1e40af 100%);
  background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
  border: 2rpx solid #2563eb;
  box-shadow: 
    0 8rpx 24rpx rgba(59, 130, 246, 0.4),
    inset 0 2rpx 0 rgba(255, 255, 255, 0.3),
    inset 0 -1rpx 0 rgba(0, 0, 0, 0.1);
}

/* 选中后的文字颜色 */
.tdesign-radio-item--active .tdesign-radio-label {
  color: #ffffff;
  font-weight: 600;
  text-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.2);
}

/* 选中后的单选点 */
.tdesign-radio-item--active .tdesign-radio-dot {
  background: #ffffff;
  box-shadow: 
    0 2rpx 6rpx rgba(0, 0, 0, 0.2),
    inset 0 1rpx 0 rgba(255, 255, 255, 0.8);
}

/* 选中状态悬停 - 增强效果 */
.tdesign-radio-item--active:hover {
  -webkit-transform: translateY(-1rpx) scale(1.02);
          transform: translateY(-1rpx) scale(1.02);
  background: -webkit-linear-gradient(315deg, #2563eb 0%, #1d4ed8 100%);
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  box-shadow: 
    0 12rpx 32rpx rgba(59, 130, 246, 0.5),
    inset 0 2rpx 0 rgba(255, 255, 255, 0.35),
    inset 0 -1rpx 0 rgba(0, 0, 0, 0.15);
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}

/* 点击效果 - 光效扩散 */
.tdesign-radio-item:active {
  -webkit-transform: translateY(0) scale(0.98);
          transform: translateY(0) scale(0.98);
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}

.tdesign-radio-item:active::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: -webkit-radial-gradient(circle, rgba(255, 255, 255, 0.6) 0%, transparent 70%);
  background: radial-gradient(circle, rgba(255, 255, 255, 0.6) 0%, transparent 70%);
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: ripple 0.3s ease-out;
          animation: ripple 0.3s ease-out;
  z-index: 1;
}

@-webkit-keyframes ripple {
  to {
    width: 200rpx;
    height: 200rpx;
    opacity: 0;
  }
}

@keyframes ripple {
  to {
    width: 200rpx;
    height: 200rpx;
    opacity: 0;
  }
}

/* 焦点效果 - 无障碍支持 */
.tdesign-radio-item:focus {
  outline: none;
  box-shadow: 
    0 0 0 4rpx rgba(59, 130, 246, 0.25),
    0 8rpx 20rpx rgba(0, 0, 0, 0.12);
}

.tdesign-radio-item--active:focus {
  box-shadow: 
    0 0 0 4rpx rgba(59, 130, 246, 0.4),
    0 8rpx 24rpx rgba(59, 130, 246, 0.4),
    inset 0 2rpx 0 rgba(255, 255, 255, 0.3);
}

.radio-slider-container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 64rpx;
  background: #f8fafc;
  border-radius: 12rpx;
  border: 1rpx solid rgba(226, 232, 240, 0.8);
  overflow: hidden;
  box-shadow: inset 0 1rpx 3rpx rgba(0, 0, 0, 0.06);
}

/* 隐藏原生单选按钮 */
.radio-slider-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

/* 单选按钮标签 */
.radio-slider-label {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  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: 100%;
  font-size: 28rpx;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  z-index: 2;
  letter-spacing: 2rpx;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* 滑动指示器 */
.radio-slider-indicator {
  position: absolute;
  top: 4rpx;
  left: 4rpx;
  width: calc(50% - 4rpx);
  height: calc(100% - 8rpx);
  background: -webkit-linear-gradient(315deg, #ffffff 0%, #f8fafc 100%);
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  border-radius: 8rpx;
  box-shadow: 
    0 2rpx 8rpx rgba(0, 0, 0, 0.12),
    0 1rpx 3rpx rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 1;
  border: 1rpx solid rgba(255, 255, 255, 0.8);
}

/* 选中状态样式 */
.radio-slider-input:checked + .radio-slider-label {
  color: #3b82f6;
  font-weight: 600;
  text-shadow: 0 1rpx 2rpx rgba(59, 130, 246, 0.2);
}

/* 第二个选项被选中时，滑动指示器移动到右侧 */
.radio-slider-input:nth-child(3):checked ~ .radio-slider-indicator {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background: -webkit-linear-gradient(315deg, #3b82f6 0%, #1e40af 100%);
  background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
  box-shadow: 
    0 4rpx 12rpx rgba(59, 130, 246, 0.25),
    0 2rpx 6rpx rgba(59, 130, 246, 0.15);
}

/* 第二个选项被选中时的文字颜色 */
.radio-slider-input:nth-child(3):checked + .radio-slider-label {
  color: #ffffff;
  text-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.2);
}

/* 悬停效果 */
.radio-slider-label:hover {
  color: #3b82f6;
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

.radio-slider-input:checked + .radio-slider-label:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

/* 焦点效果 */
.radio-slider-input:focus + .radio-slider-label {
  outline: none;
  box-shadow: 0 0 0 3rpx rgba(59, 130, 246, 0.3);
  border-radius: 8rpx;
}

/* 点击反馈 */
.radio-slider-label:active {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

/* 悬停效果 */
.gender-btn:hover {
  -webkit-transform: translateY(-1rpx) scale(1.02);
          transform: translateY(-1rpx) scale(1.02);
  background: #e2e8f0;
  border-color: #cbd5e1;
  box-shadow: 0 6rpx 16rpx rgba(0, 0, 0, 0.12);
  color: #475569;
}

/* 选中状态 - 胶囊科技风 */
.gender-btn.active {
  background: -webkit-linear-gradient(315deg, #3b82f6 0%, #1e40af 100%);
  background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
  color: #ffffff;
  border: 2rpx solid #2563eb;
  box-shadow: 
    0 6rpx 18rpx rgba(59, 130, 246, 0.3),
    inset 0 1rpx 0 rgba(255, 255, 255, 0.2);
  text-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.1);
}

/* 选中状态悬停 */
.gender-btn.active:hover {
  -webkit-transform: translateY(-2rpx) scale(1.02);
          transform: translateY(-2rpx) scale(1.02);
  background: -webkit-linear-gradient(315deg, #2563eb 0%, #1d4ed8 100%);
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  box-shadow: 
    0 10rpx 28rpx rgba(59, 130, 246, 0.4),
    inset 0 1rpx 0 rgba(255, 255, 255, 0.3);
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}

/* 点击效果 */
.gender-btn:active {
  -webkit-transform: translateY(0) scale(0.98);
          transform: translateY(0) scale(0.98);
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

/* 焦点效果 */
.gender-btn:focus {
  outline: none;
  box-shadow: 
    0 0 0 3rpx rgba(59, 130, 246, 0.3),
    0 6rpx 18rpx rgba(0, 0, 0, 0.1);
}

.gender-btn.active:focus {
  box-shadow: 
    0 0 0 3rpx rgba(59, 130, 246, 0.5),
    0 6rpx 18rpx rgba(59, 130, 246, 0.3),
    inset 0 1rpx 0 rgba(255, 255, 255, 0.2);
}

/* 姓名输入框特殊布局 - 两个输入框并排 */
.edit-form-group:first-child {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
          align-items: flex-start;
}

.edit-form-group:first-child .edit-form-input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  margin-right: 8px;
}

.edit-form-group:first-child .edit-form-input:last-child {
  margin-right: 0;
}

.edit-modal-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  gap: 12px;
  padding: 20px;
  border-top: 1px solid rgba(148, 163, 184, 0.2);
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.edit-modal-btn {
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  min-width: 80px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.edit-modal-btn.primary {
  background: -webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.edit-modal-btn.primary:hover {
  background: -webkit-linear-gradient(315deg, #5a6fd8 0%, #6a42a0 100%);
  background: linear-gradient(135deg, #5a6fd8 0%, #6a42a0 100%);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
}

.edit-modal-btn.primary:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

.edit-modal-btn.secondary {
  background: rgba(148, 163, 184, 0.1);
  color: #6b7280;
  border: 1px solid rgba(148, 163, 184, 0.3);
}

.edit-modal-btn.secondary:hover {
  background: rgba(148, 163, 184, 0.2);
  color: #374151;
  border-color: rgba(148, 163, 184, 0.4);
}

.edit-modal-btn.secondary:active {
  background: rgba(148, 163, 184, 0.3);
}

/* 移动端优化 */
@media (max-width: 768px) {
  .edit-modal-container {
    width: 80%;
  }
  
  .edit-modal-header {
    padding: 16px;
  }
  
  .edit-modal-title {
    font-size: 18px;
  }
  
  .edit-modal-body {
    padding: 16px;
  }
  
  .edit-form {
    gap: 16px;
  }
  
  .edit-modal-footer {
    padding: 16px;
  }
}

/* 之父选项框 - 横向排列胶囊按钮 */
.father-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  gap: 16rpx;
  width: 100%;
}

/* 父亲类型选择框 */
.father-type-group {
  min-width: 160rpx;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}

.father-type-select {
  width: 100%;
  height: 80rpx;
  padding: 0 24rpx;
  border-radius: 40rpx;
  border: 2rpx solid rgba(226, 232, 240, 0.8);
  background: #f1f5f9;
  font-size: 26rpx;
  font-weight: 500;
  color: #333333;
  letter-spacing: 2rpx;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  
  /* 自定义下拉箭头 */
  background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 4 5\"><path fill=\"%23666\" d=\"M2 0L0 2h4zm0 5L0 3h4z\"/></svg>");
  background-repeat: no-repeat;
  background-position: right 20rpx center;
  background-size: 24rpx;
}

/* 选择框未选择时的占位符样式 */
.father-type-select option[value=""] {
  color: #94a3b8;
  font-style: italic;
}

/* 选择框有值时的样式 */
.father-type-select:not([value=""]),
.father-type-select--selected {
  color: #ffffff;
  background: -webkit-linear-gradient(315deg, #3b82f6 0%, #1e40af 100%);
  background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
  border-color: #2563eb;
  font-weight: 600;
  box-shadow: 
    0 8rpx 24rpx rgba(59, 130, 246, 0.4),
    inset 0 2rpx 0 rgba(255, 255, 255, 0.3);
  text-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.2);
  
  /* 选中状态下的下拉箭头颜色 */
  background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 4 5\"><path fill=\"%23ffffff\" d=\"M2 0L0 2h4zm0 5L0 3h4z\"/></svg>");
}

.father-type-select:hover {
  background-color: rgba(226, 232, 240, 0.9);
  border-color: rgba(203, 213, 225, 0.9);
  box-shadow: 0 8rpx 20rpx rgba(0, 0, 0, 0.12);
}

.father-type-select:focus {
  border-color: #3b82f6;
  box-shadow: 
    0 0 0 4rpx rgba(59, 130, 246, 0.25),
    0 8rpx 20rpx rgba(0, 0, 0, 0.12);
}

/* 父亲人物选择框组 */
.father-person-group {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  margin-left: 16rpx;
}

.father-person-select {
  width: 100%;
  height: 80rpx;
  padding: 0 24rpx;
  border-radius: 40rpx;
  border: 2rpx solid rgba(226, 232, 240, 0.8);
  background: #f1f5f9;
  font-size: 26rpx;
  font-weight: 500;
  color: #333333;
  letter-spacing: 2rpx;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  
  /* 自定义下拉箭头 */
  background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 4 5\"><path fill=\"%23666\" d=\"M2 0L0 2h4zm0 5L0 3h4z\"/></svg>");
  background-repeat: no-repeat;
  background-position: right 20rpx center;
  background-size: 24rpx;
}

.father-person-select option[value=""] {
  color: #94a3b8;
  font-style: italic;
}

/* 选择框有值时的样式 */
.father-person-select:not([value=""]),
.father-person-select--selected {
  color: #ffffff;
  background: -webkit-linear-gradient(315deg, #3b82f6 0%, #1e40af 100%);
  background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
  border-color: #2563eb;
  font-weight: 600;
  box-shadow: 
    0 8rpx 24rpx rgba(59, 130, 246, 0.4),
    inset 0 2rpx 0 rgba(255, 255, 255, 0.3);
  text-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.2);
  
  /* 选中状态下的下拉箭头颜色 */
  background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 4 5\"><path fill=\"%23ffffff\" d=\"M2 0L0 2h4zm0 5L0 3h4z\"/></svg>");
}

.father-person-select:hover {
  background-color: rgba(226, 232, 240, 0.9);
  border-color: rgba(203, 213, 225, 0.9);
  box-shadow: 0 8rpx 20rpx rgba(0, 0, 0, 0.12);
}

.father-person-select:focus {
  border-color: #3b82f6;
  background: -webkit-linear-gradient(315deg, #f8fafc 0%, #ffffff 100%);
  background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
  box-shadow: 
    0 0 0 4rpx rgba(59, 130, 246, 0.25),
    0 8rpx 20rpx rgba(0, 0, 0, 0.12);
  color: #1e293b;
}

/* 右下角编辑角标 */
.form-data-container{
    background-color: #ffffff;
    box-sizing: border-box;
    margin: 10px 10px 10px 10px;
    padding: 10px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
    width: 50%;
    min-height: 220px;
    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;
    position: relative;
    
    /* 根据性别设置径向渐变背景 */
    background: -webkit-radial-gradient(50% 50%, circle, #d4edfc 0%, #f0f9ff 60%, #fafafa 100%);
    background: radial-gradient(circle at 50% 50%, #d4edfc 0%, #f0f9ff 60%, #fafafa 100%);
    
    /* 女性粉色渐变背景 */
    &[data-sex="F"] {
      background: -webkit-radial-gradient(50% 50%, circle, #ffe4e8 0%, #fff5f7 60%, #fafafa 100%);
      background: radial-gradient(circle at 50% 50%, #ffe4e8 0%, #fff5f7 60%, #fafafa 100%);
    }
    
    /* 男性蓝色渐变背景 */
    &[data-sex="M"] {
      background: -webkit-radial-gradient(50% 50%, circle, #d4edfc 0%, #f0f9ff 60%, #fafafa 100%);
      background: radial-gradient(circle at 50% 50%, #d4edfc 0%, #f0f9ff 60%, #fafafa 100%);
    }
}

/* 信息标签区域 */
.info-tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 6px;
  padding: 8px 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

.info-tag {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* 世代标签 - 蓝色 */
.generation-tag {
  background: -webkit-linear-gradient(315deg, #3b82f6 0%, #2563eb 100%);
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  color: white;
  box-shadow: 0 2px 4px rgba(59, 130, 246, 0.2);
}

/* 排行标签 - 紫色 */
.rank-tag {
  background: -webkit-linear-gradient(315deg, #8b5cf6 0%, #7c3aed 100%);
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  color: white;
  box-shadow: 0 2px 4px rgba(139, 92, 246, 0.2);
}

/* 性别标签 - 根据性别显示不同颜色 */
.gender-tag {
  background: -webkit-linear-gradient(315deg, #ec4899 0%, #db2777 100%);
  background: linear-gradient(135deg, #ec4899 0%, #db2777 100%);
  color: white;
  box-shadow: 0 2px 4px rgba(236, 72, 153, 0.2);
}

/* 字辈标签 - 橙色 */
.zibei-tag {
  background: -webkit-linear-gradient(315deg, #f59e0b 0%, #d97706 100%);
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  color: white;
  box-shadow: 0 2px 4px rgba(245, 158, 11, 0.2);
}

.edit-badge {
  position: absolute;
  bottom: 0;
  right: 0;
  background: -webkit-linear-gradient(315deg, #07c160 0%, #05a352 100%);
  background: linear-gradient(135deg, #07c160 0%, #05a352 100%);
  color: white;
  padding: 6px 12px;
  border-radius: 10px 0 10px 0;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  z-index: 5;
  box-shadow: 
    0 2px 8px rgba(7, 193, 96, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* 已故状态 - 灰色 */
.edit-badge.deceased {
  background: -webkit-linear-gradient(315deg, #9ca3af 0%, #6b7280 100%);
  background: linear-gradient(135deg, #9ca3af 0%, #6b7280 100%);
  box-shadow: 
    0 2px 8px rgba(107, 114, 128, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

/* 已故状态的悬停效果 */
.edit-badge.deceased:hover {
  background: -webkit-linear-gradient(315deg, #6b7280 0%, #4b5563 100%);
  background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);
  box-shadow: 
    0 4px 12px rgba(107, 114, 128, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.edit-badge:hover {
  background: -webkit-linear-gradient(315deg, #05a352 0%, #048a45 100%);
  background: linear-gradient(135deg, #05a352 0%, #048a45 100%);
  box-shadow: 
    0 4px 12px rgba(7, 193, 96, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.edit-badge:active {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
  box-shadow: 
    0 2px 6px rgba(7, 193, 96, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.edit-badge-text {
  display: inline-block;
  line-height: 1;
  letter-spacing: 0.5px;
}



/* ==================== 弹窗容器 ==================== */
.zongmen-list-modal[data-v-8964b1fc] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
          align-items: stretch;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
}
.zongmen-list-panel[data-v-8964b1fc] {
  background: #fff;
  width: 70vw;
  max-width: 280px;
  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;
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15);
}

/* ==================== 头部 ==================== */
.zongmen-list-header[data-v-8964b1fc] {
  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: 16px 16px 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.zongmen-list-title[data-v-8964b1fc] {
  font-size: 17px;
  font-weight: 600;
  color: #111;
}
.zongmen-list-actions[data-v-8964b1fc] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  gap: 8px;
}
.zongmen-list-close[data-v-8964b1fc] {
  padding: 4px;
  border: none;
  background: transparent;
  color: #999;
  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;
  border-radius: 8px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.zongmen-list-close[data-v-8964b1fc]:hover {
  background: rgba(0, 0, 0, 0.05);
}
.zongmen-list-close[data-v-8964b1fc]:active {
  background: rgba(0, 0, 0, 0.1);
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}

/* ==================== 新建宗门按钮 ==================== */
.zongmen-create-btn[data-v-8964b1fc] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  gap: 4px;
  padding: 6px 12px;
  border: none;
  background: rgba(102, 126, 234, 0.08);
  color: #667eea;
  font-size: 13px;
  font-weight: 500;
  border-radius: 16px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.zongmen-create-btn[data-v-8964b1fc]:hover {
  background: rgba(102, 126, 234, 0.12);
}
.zongmen-create-btn[data-v-8964b1fc]:active {
  background: rgba(102, 126, 234, 0.16);
  -webkit-transform: scale(0.96);
          transform: scale(0.96);
}
.zongmen-create-btn svg[data-v-8964b1fc] {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}

/* ==================== 内容区 ==================== */
.zongmen-list-content[data-v-8964b1fc] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 8px 16px 20px;
}
.zongmen-list-content[data-v-8964b1fc]::-webkit-scrollbar {
  width: 4px;
}
.zongmen-list-content[data-v-8964b1fc]::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
.zongmen-list-content[data-v-8964b1fc]::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.2);
}

/* ==================== 列表项 ==================== */
.zongmen-list-item[data-v-8964b1fc] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  gap: 12px;
  padding: 14px 12px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.02);
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  margin-bottom: 8px;
}
.zongmen-list-item[data-v-8964b1fc]:hover {
  background: rgba(0, 0, 0, 0.04);
}
.zongmen-list-item[data-v-8964b1fc]:active {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
  background: rgba(0, 0, 0, 0.06);
}
.zongmen-list-item.active[data-v-8964b1fc] {
  background: rgba(102, 126, 234, 0.08);
  border: 1px solid rgba(102, 126, 234, 0.2);
}
.zongmen-item-icon[data-v-8964b1fc] {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  width: 40px;
  height: 40px;
  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;
  background: -webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 10px;
  color: white;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.zongmen-list-item.active .zongmen-item-icon[data-v-8964b1fc] {
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}
.zongmen-item-info[data-v-8964b1fc] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  min-width: 0;
}
.zongmen-item-name[data-v-8964b1fc] {
  font-size: 15px;
  font-weight: 500;
  color: #111;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zongmen-item-desc[data-v-8964b1fc] {
  font-size: 12px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ==================== 创建者标识 ==================== */
.zongmen-item-creator[data-v-8964b1fc] {
  margin-top: 4px;
}
.creator-badge[data-v-8964b1fc] {
  display: inline-block;
  padding: 2px 8px;
  background: -webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  font-size: 10px;
  font-weight: 500;
  border-radius: 10px;
  -webkit-animation: badgePulse-8964b1fc 2s ease-in-out infinite;
          animation: badgePulse-8964b1fc 2s ease-in-out infinite;
}
.member-badge[data-v-8964b1fc] {
  display: inline-block;
  padding: 2px 8px;
  background: rgba(102, 126, 234, 0.1);
  color: #667eea;
  font-size: 10px;
  font-weight: 500;
  border-radius: 10px;
  border: 1px solid rgba(102, 126, 234, 0.2);
}
@-webkit-keyframes badgePulse-8964b1fc {
0%, 100% {
    box-shadow: 0 0 0 0 rgba(102, 126, 234, 0.4);
}
50% {
    box-shadow: 0 0 0 6px rgba(102, 126, 234, 0);
}
}
@keyframes badgePulse-8964b1fc {
0%, 100% {
    box-shadow: 0 0 0 0 rgba(102, 126, 234, 0.4);
}
50% {
    box-shadow: 0 0 0 6px rgba(102, 126, 234, 0);
}
}
.zongmen-item-check[data-v-8964b1fc] {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  color: #667eea;
  -webkit-animation: checkIn-8964b1fc 0.3s ease;
          animation: checkIn-8964b1fc 0.3s ease;
}
@-webkit-keyframes checkIn-8964b1fc {
0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
}
100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes checkIn-8964b1fc {
0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
}
100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
}
}

/* ==================== 加载状态 ==================== */
.zongmen-list-loading[data-v-8964b1fc] {
  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;
  padding: 60px 20px;
}
.loading-spinner[data-v-8964b1fc] {
  width: 32px;
  height: 32px;
  border: 3px solid rgba(102, 126, 234, 0.1);
  border-top-color: #667eea;
  border-radius: 50%;
  -webkit-animation: spin-8964b1fc 0.8s linear infinite;
          animation: spin-8964b1fc 0.8s linear infinite;
  margin-bottom: 12px;
}
@-webkit-keyframes spin-8964b1fc {
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes spin-8964b1fc {
to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
.loading-text[data-v-8964b1fc] {
  font-size: 14px;
  color: #999;
}

/* 加载更多状态 */
.zongmen-list-loading-more[data-v-8964b1fc] {
  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;
  gap: 8px;
  padding: 16px 0;
  font-size: 13px;
  color: #999;
}
.loading-spinner-small[data-v-8964b1fc] {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(102, 126, 234, 0.1);
  border-top-color: #667eea;
  border-radius: 50%;
  -webkit-animation: spin-8964b1fc 0.8s linear infinite;
          animation: spin-8964b1fc 0.8s linear infinite;
}

/* 没有更多数据 */
.zongmen-list-no-more[data-v-8964b1fc] {
  text-align: center;
  padding: 16px 0;
  font-size: 13px;
  color: #999;
}

/* ==================== 空状态 ==================== */
.zongmen-list-empty[data-v-8964b1fc] {
  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;
  padding: 60px 20px;
  color: #ccc;
}
.zongmen-list-empty svg[data-v-8964b1fc] {
  margin-bottom: 12px;
  opacity: 0.3;
}
.empty-text[data-v-8964b1fc] {
  font-size: 14px;
  color: #999;
}

/* ==================== 右侧滑入动画 ==================== */
.slide-right-enter-active[data-v-8964b1fc],
.slide-right-leave-active[data-v-8964b1fc] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.slide-right-enter-from[data-v-8964b1fc],
.slide-right-leave-to[data-v-8964b1fc] {
  opacity: 0;
}
.slide-right-enter-from .zongmen-list-panel[data-v-8964b1fc],
.slide-right-leave-to .zongmen-list-panel[data-v-8964b1fc] {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.slide-right-enter-to .zongmen-list-panel[data-v-8964b1fc],
.slide-right-leave-from .zongmen-list-panel[data-v-8964b1fc] {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ==================== 新建宗门弹窗 ==================== */
.create-dialog-overlay[data-v-8964b1fc] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  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;
  padding: 20px;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.create-dialog-container[data-v-8964b1fc] {
  width: 100%;
  max-width: 340px;
  -webkit-animation: dialogSlideUp-8964b1fc 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          animation: dialogSlideUp-8964b1fc 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@-webkit-keyframes dialogSlideUp-8964b1fc {
from {
    opacity: 0;
    -webkit-transform: translateY(20px) scale(0.95);
            transform: translateY(20px) scale(0.95);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
}
}
@keyframes dialogSlideUp-8964b1fc {
from {
    opacity: 0;
    -webkit-transform: translateY(20px) scale(0.95);
            transform: translateY(20px) scale(0.95);
}
to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
}
}
.create-dialog[data-v-8964b1fc] {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}

/* 弹窗头部 */
.create-dialog-header[data-v-8964b1fc] {
  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: 18px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.create-dialog-title[data-v-8964b1fc] {
  font-size: 17px;
  font-weight: 600;
  color: #111;
}
.create-dialog-close[data-v-8964b1fc] {
  padding: 4px;
  border: none;
  background: transparent;
  color: #999;
  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;
  border-radius: 6px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.create-dialog-close[data-v-8964b1fc]:hover {
  background: rgba(0, 0, 0, 0.05);
}
.create-dialog-close[data-v-8964b1fc]:active {
  background: rgba(0, 0, 0, 0.1);
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}

/* 弹窗内容 */
.create-dialog-content[data-v-8964b1fc] {
  padding: 20px;
}
.create-input-label[data-v-8964b1fc] {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  margin-bottom: 10px;
}
.create-input[data-v-8964b1fc] {
  width: 100%;
  padding: 12px 14px;
  border: 2px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  font-size: 15px;
  color: #111;
  background: rgba(0, 0, 0, 0.02);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  outline: none;
  box-sizing: border-box;
}
.create-input[data-v-8964b1fc]::-webkit-input-placeholder {
  color: #999;
}
.create-input[data-v-8964b1fc]::-moz-placeholder {
  color: #999;
}
.create-input[data-v-8964b1fc]::placeholder {
  color: #999;
}
.create-input[data-v-8964b1fc]:focus {
  border-color: #667eea;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}
.create-input.error[data-v-8964b1fc] {
  border-color: #ff4d4f;
  background: rgba(255, 77, 79, 0.05);
}
.create-input.error[data-v-8964b1fc]:focus {
  box-shadow: 0 0 0 3px rgba(255, 77, 79, 0.1);
}
.create-input-error[data-v-8964b1fc] {
  margin-top: 8px;
  font-size: 13px;
  color: #ff4d4f;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  gap: 4px;
  -webkit-animation: errorShake-8964b1fc 0.3s ease;
          animation: errorShake-8964b1fc 0.3s ease;
}
@-webkit-keyframes errorShake-8964b1fc {
0%, 100% { -webkit-transform: translateX(0); transform: translateX(0);
}
25% { -webkit-transform: translateX(-4px); transform: translateX(-4px);
}
75% { -webkit-transform: translateX(4px); transform: translateX(4px);
}
}
@keyframes errorShake-8964b1fc {
0%, 100% { -webkit-transform: translateX(0); transform: translateX(0);
}
25% { -webkit-transform: translateX(-4px); transform: translateX(-4px);
}
75% { -webkit-transform: translateX(4px); transform: translateX(4px);
}
}
.create-input-hint[data-v-8964b1fc] {
  margin-top: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  gap: 6px;
  font-size: 12px;
  color: #999;
  line-height: 1.5;
}
.create-input-hint svg[data-v-8964b1fc] {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  margin-top: 2px;
  opacity: 0.6;
}

/* 弹窗底部 */
.create-dialog-footer[data-v-8964b1fc] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  gap: 12px;
  padding: 16px 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  background: rgba(0, 0, 0, 0.02);
}
.create-dialog-btn[data-v-8964b1fc] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  padding: 12px 20px;
  border: none;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s 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;
  gap: 6px;
}
.create-dialog-btn.cancel[data-v-8964b1fc] {
  background: rgba(0, 0, 0, 0.05);
  color: #666;
}
.create-dialog-btn.cancel[data-v-8964b1fc]:hover {
  background: rgba(0, 0, 0, 0.08);
}
.create-dialog-btn.cancel[data-v-8964b1fc]:active {
  background: rgba(0, 0, 0, 0.12);
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}
.create-dialog-btn.confirm[data-v-8964b1fc] {
  background: -webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}
.create-dialog-btn.confirm[data-v-8964b1fc]:hover {
  box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.create-dialog-btn.confirm[data-v-8964b1fc]:active {
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.create-dialog-btn[data-v-8964b1fc]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  -webkit-transform: none !important;
          transform: none !important;
  box-shadow: none !important;
}

/* 创建中状态 */
.creating-text[data-v-8964b1fc] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  gap: 8px;
}
.creating-spinner[data-v-8964b1fc] {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  -webkit-animation: spin-8964b1fc 0.6s linear infinite;
          animation: spin-8964b1fc 0.6s linear infinite;
}

/* 弹窗淡入淡出动画 */
.create-dialog-fade-enter-active[data-v-8964b1fc],
.create-dialog-fade-leave-active[data-v-8964b1fc] {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.create-dialog-fade-enter-from[data-v-8964b1fc],
.create-dialog-fade-leave-to[data-v-8964b1fc] {
  opacity: 0;
}
.create-dialog-fade-enter-active .create-dialog-container[data-v-8964b1fc] {
  -webkit-animation: dialogSlideUp-8964b1fc 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          animation: dialogSlideUp-8964b1fc 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.create-dialog-fade-leave-active .create-dialog-container[data-v-8964b1fc] {
  -webkit-animation: dialogSlideDown-8964b1fc 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          animation: dialogSlideDown-8964b1fc 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@-webkit-keyframes dialogSlideDown-8964b1fc {
from {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
}
to {
    opacity: 0;
    -webkit-transform: translateY(20px) scale(0.95);
            transform: translateY(20px) scale(0.95);
}
}
@keyframes dialogSlideDown-8964b1fc {
from {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
}
to {
    opacity: 0;
    -webkit-transform: translateY(20px) scale(0.95);
            transform: translateY(20px) scale(0.95);
}
}

.zongmen-capsule-wrapper[data-v-15b82efc]{position:fixed;top:10px;right:12px;z-index:100}.zongmen-capsule-wrapper.inline-mode[data-v-15b82efc]{position:static;top:auto;right:auto;z-index:auto;display:contents}.zongmen-capsule[data-v-15b82efc]{--capsule-height: 40px;--capsule-padding-x: 12px;--capsule-gap: 6px;--capsule-bg: #f7f8fa;--capsule-bg-active: #eef0f3;--capsule-radius: 20px;--capsule-font-size: 15px;--capsule-color: #1f2937;--capsule-icon-color: #6b7280;--capsule-name-max-width: 120px}@media(max-width: 768px){.zongmen-capsule[data-v-15b82efc]{--capsule-height: 38px;--capsule-padding-x: 10px;--capsule-gap: 4px;--capsule-font-size: 14px;--capsule-name-max-width: 90px}}.zongmen-capsule[data-v-15b82efc]{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:var(--capsule-gap);padding:0 var(--capsule-padding-x);height:var(--capsule-height);background:var(--capsule-bg);border-radius:var(--capsule-radius);white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation;-webkit-transition:background-color .2s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 0.2, 1);transition:background-color .2s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 0.2, 1);transition:background-color .2s cubic-bezier(0.4, 0, 0.2, 1),transform .15s cubic-bezier(0.4, 0, 0.2, 1);transition:background-color .2s cubic-bezier(0.4, 0, 0.2, 1),transform .15s cubic-bezier(0.4, 0, 0.2, 1),-webkit-transform .15s cubic-bezier(0.4, 0, 0.2, 1);contain:layout style paint}.zongmen-capsule[data-v-15b82efc]:active{-webkit-transform:scale(0.97);transform:scale(0.97);background:var(--capsule-bg-active)}.zongmen-capsule .capsule-icon[data-v-15b82efc]{-webkit-flex-shrink:0;flex-shrink:0;width:16px;height:16px;color:var(--capsule-icon-color)}.zongmen-capsule .capsule-name[data-v-15b82efc]{font-size:var(--capsule-font-size);font-weight:500;color:var(--capsule-color);max-width:var(--capsule-name-max-width);overflow:hidden;text-overflow:ellipsis;line-height:1.4}.zongmen-capsule .arrow-icon[data-v-15b82efc]{-webkit-flex-shrink:0;flex-shrink:0;width:12px;height:12px;color:var(--capsule-icon-color);-webkit-transition:-webkit-transform .2s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform .2s cubic-bezier(0.4, 0, 0.2, 1);transition:transform .2s cubic-bezier(0.4, 0, 0.2, 1);transition:transform .2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform .2s cubic-bezier(0.4, 0, 0.2, 1)}.zongmen-panel[data-v-15b82efc]{padding:20px 16px;background:#fff;border-radius:16px 16px 0 0;max-height:70vh;overflow-y:auto}.zongmen-panel .panel-header[data-v-15b82efc]{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;margin-bottom:16px}.zongmen-panel .panel-header .header-title[data-v-15b82efc]{font-size:18px;font-weight:600;color:#111}.zongmen-panel .panel-header[data-v-15b82efc] .t-icon{cursor:pointer;color:#999}.zongmen-panel .panel-header[data-v-15b82efc] .t-icon:hover{color:#333}.zongmen-panel .current-zongmen[data-v-15b82efc]{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:16px;background:-webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:12px;margin-bottom:20px}.zongmen-panel .current-zongmen .zongmen-info[data-v-15b82efc]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:12px;-webkit-box-flex:1;-webkit-flex:1;flex:1}.zongmen-panel .current-zongmen .zongmen-info .zongmen-avatar[data-v-15b82efc]{width:48px;height:48px;border-radius:12px;background:hsla(0,0%,100%,.2);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}.zongmen-panel .current-zongmen .zongmen-info .zongmen-avatar svg[data-v-15b82efc]{color:#fff}.zongmen-panel .current-zongmen .zongmen-info .zongmen-avatar.small[data-v-15b82efc]{width:40px;height:40px}.zongmen-panel .current-zongmen .zongmen-info .zongmen-details[data-v-15b82efc]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.zongmen-panel .current-zongmen .zongmen-info .zongmen-details .zongmen-name[data-v-15b82efc]{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.zongmen-panel .current-zongmen .zongmen-info .zongmen-details .zongmen-id[data-v-15b82efc]{font-size:12px;color:hsla(0,0%,100%,.8)}.zongmen-panel .current-zongmen .current-badge[data-v-15b82efc]{padding:4px 12px;background:hsla(0,0%,100%,.3);border-radius:12px;font-size:12px;font-weight:500;color:#fff}.zongmen-panel .zongmen-list .list-title[data-v-15b82efc]{font-size:14px;font-weight:600;color:#666;margin-bottom:12px}.zongmen-panel .zongmen-list .zongmen-item[data-v-15b82efc]{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;background:#f5f5f5;border-radius:12px;margin-bottom:8px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.zongmen-panel .zongmen-list .zongmen-item[data-v-15b82efc]:hover{background:#ebebeb}.zongmen-panel .zongmen-list .zongmen-item[data-v-15b82efc]:active{-webkit-transform:scale(0.98);transform:scale(0.98)}.zongmen-panel .zongmen-list .zongmen-item .zongmen-info[data-v-15b82efc]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:12px;-webkit-box-flex:1;-webkit-flex:1;flex:1}.zongmen-panel .zongmen-list .zongmen-item .zongmen-info .zongmen-avatar[data-v-15b82efc]{width:40px;height:40px;border-radius:10px;background:rgba(102,126,234,.1);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}.zongmen-panel .zongmen-list .zongmen-item .zongmen-info .zongmen-avatar svg[data-v-15b82efc]{color:#667eea}.zongmen-panel .zongmen-list .zongmen-item .zongmen-info .zongmen-details[data-v-15b82efc]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.zongmen-panel .zongmen-list .zongmen-item .zongmen-info .zongmen-details .zongmen-name[data-v-15b82efc]{font-size:14px;font-weight:500;color:#333;margin-bottom:2px}.zongmen-panel .zongmen-list .zongmen-item .zongmen-info .zongmen-details .zongmen-id[data-v-15b82efc]{font-size:11px;color:#999}.zongmen-panel .zongmen-list .zongmen-item[data-v-15b82efc] .t-icon{color:#999}.zongmen-panel .panel-footer[data-v-15b82efc]{margin-top:20px;padding-top:16px;border-top:1px solid #f0f0f0}.zongmen-panel .panel-footer .footer-tip[data-v-15b82efc]{font-size:12px;color:#999;text-align:center}
.popup-head-box[data-v-48ba5ab8]{position:relative;background:#fff;height:80px;border-radius:20px 20px 0 0}.zongmen-member-modal[data-v-48ba5ab8]{min-height:100vh;padding-bottom:100px;border-radius:20px 20px 0 0}.zongmen-member-modal .scrollable-container[data-v-48ba5ab8]{height:calc(100vh - 350px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:20px;padding-bottom:20px;box-sizing:border-box}.zongmen-member-modal .navbar-higher-z-index[data-v-48ba5ab8]{z-index:9000;position:fixed;top:0;left:0;right:0}.zongmen-member-modal[data-v-48ba5ab8] .t-navbar{background:-webkit-linear-gradient(left, #667eea 0%, #764ba2 100%);background:linear-gradient(90deg, #667eea 0%, #764ba2 100%);box-shadow:0 2px 12px rgba(102,126,234,.3)}.zongmen-member-modal[data-v-48ba5ab8] .t-navbar .t-navbar__center{font-weight:500;font-size:18px}.zongmen-member-modal[data-v-48ba5ab8] .t-navbar .t-navbar__left .t-icon{font-size:24px}.zongmen-member-modal[data-v-48ba5ab8] .t-navbar .t-navbar__capsule{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3)}.zongmen-member-modal .section[data-v-48ba5ab8]{background:hsla(0,0%,100%,.92);border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 8px 24px rgba(149,157,165,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.5);position:relative;overflow:hidden}.zongmen-member-modal .section[data-v-48ba5ab8]::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:-webkit-linear-gradient(top, #667eea 0%, #764ba2 100%);background:linear-gradient(180deg, #667eea 0%, #764ba2 100%)}.zongmen-member-modal .section[data-v-48ba5ab8]:last-child{margin-bottom:0}.zongmen-member-modal .section-title[data-v-48ba5ab8]{font-size:20px;font-weight:600;color:#2c3e50;margin-bottom:25px;padding-bottom:12px;border-bottom:1px solid #eee;text-align:left;position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zongmen-member-modal .section-title[data-v-48ba5ab8]::before{content:"";width:6px;height:20px;background:-webkit-linear-gradient(top, #667eea, #764ba2);background:linear-gradient(to bottom, #667eea, #764ba2);border-radius:3px;margin-right:12px}.zongmen-member-modal[data-v-48ba5ab8] .t-form__item{margin-bottom:16px}.zongmen-member-modal[data-v-48ba5ab8] .t-form__item .t-cell{padding:14px 0;background:rgba(0,0,0,0)}.zongmen-member-modal[data-v-48ba5ab8] .t-form__item .t-cell::after{display:none}.zongmen-member-modal[data-v-48ba5ab8] .t-form__item .t-input{text-align:right;padding-right:0}.zongmen-member-modal[data-v-48ba5ab8] .t-form__item .t-input__inner{text-align:right;color:#34495e;font-size:16px}.zongmen-member-modal[data-v-48ba5ab8] .t-form__item .t-textarea__wrapper{padding:0;border:none}.zongmen-member-modal[data-v-48ba5ab8] .t-form__item .t-textarea__limit{text-align:right;padding-right:0}.zongmen-member-modal .core-info-section[data-v-48ba5ab8] .t-form__label{text-align:right;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;font-weight:500;color:#34495e}.zongmen-member-modal .core-info-section[data-v-48ba5ab8] .cell-label{text-align:right;-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;font-weight:500;color:#34495e}.zongmen-member-modal .core-info-section[data-v-48ba5ab8] .horizontal-item .cell-label,.zongmen-member-modal .core-info-section[data-v-48ba5ab8] .horizontal-item .cell-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zongmen-member-modal .core-info-section .section-title[data-v-48ba5ab8]{text-align:left}.zongmen-member-modal .introduction-vertical-layout[data-v-48ba5ab8]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;margin-bottom:16px}.zongmen-member-modal .introduction-vertical-layout .introduction-label[data-v-48ba5ab8]{font-size:17px;font-weight:500;color:#2c3e50;margin-bottom:12px;text-align:left;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zongmen-member-modal .introduction-vertical-layout .introduction-label[data-v-48ba5ab8]::before{content:"";width:6px;height:16px;background:-webkit-linear-gradient(top, #667eea, #764ba2);background:linear-gradient(to bottom, #667eea, #764ba2);border-radius:3px;margin-right:10px}.zongmen-member-modal .introduction-vertical-layout[data-v-48ba5ab8] .t-textarea .t-textarea__wrapper{padding:0;border:none}.zongmen-member-modal .introduction-vertical-layout[data-v-48ba5ab8] .t-textarea .t-textarea__inner{min-height:140px;padding:16px;border:1px solid #e1e8ed;border-radius:12px;background:#fafbfc;font-size:15px;line-height:1.5;-webkit-transition:all .3s ease;transition:all .3s ease}.zongmen-member-modal .introduction-vertical-layout[data-v-48ba5ab8] .t-textarea .t-textarea__inner:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.2);background:#fff}.zongmen-member-modal .introduction-vertical-layout[data-v-48ba5ab8] .t-textarea .t-textarea__limit{text-align:right;padding-right:0;margin-top:8px;font-size:13px;color:#7f8c8d}.zongmen-member-modal .form-item .t-cell[data-v-48ba5ab8]{padding:14px 0}.zongmen-member-modal .form-item .t-cell[data-v-48ba5ab8]::after{display:none}.zongmen-member-modal .avatar-info-layout[data-v-48ba5ab8]{display:-webkit-box;display:-webkit-flex;display:flex;gap:20px;margin-bottom:20px;margin-top:10px;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}.zongmen-member-modal .avatar-info-layout .info-fields-container[data-v-48ba5ab8]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.zongmen-member-modal .avatar-info-layout .info-fields-container[data-v-48ba5ab8] .t-form__item{margin-bottom:16px}.zongmen-member-modal .avatar-info-layout .info-fields-container .name-fields[data-v-48ba5ab8] .t-form__item{margin-bottom:16px}.zongmen-member-modal .avatar-preview.id-photo-frame[data-v-48ba5ab8]{width:110px;height:150px;border-radius:12px;border:2px dashed #c5d4e7;background:-webkit-linear-gradient(315deg, #f8f9ff 0%, #eef2f7 100%);background:linear-gradient(135deg, #f8f9ff 0%, #eef2f7 100%);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;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;overflow:hidden}.zongmen-member-modal .avatar-preview.id-photo-frame[data-v-48ba5ab8]::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:-webkit-linear-gradient(315deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%);background:linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%)}.zongmen-member-modal .avatar-preview.id-photo-frame[data-v-48ba5ab8]:hover{border-color:#667eea;-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.2)}.zongmen-member-modal .avatar-preview.id-photo-frame[data-v-48ba5ab8]:active{-webkit-transform:translateY(0);transform:translateY(0)}.zongmen-member-modal .avatar-preview.id-photo-frame .avatar-placeholder[data-v-48ba5ab8]{position:relative;z-index:1}.zongmen-member-modal .avatar-preview.id-photo-frame .avatar-placeholder .avatar-icon[data-v-48ba5ab8]{font-size:36px;color:#667eea}.zongmen-member-modal .avatar-preview.id-photo-frame .avatar-placeholder .avatar-text[data-v-48ba5ab8]{font-size:15px;margin-top:10px;color:#7f8c8d}.zongmen-member-modal .avatar-preview.id-photo-frame .avatar-image[data-v-48ba5ab8]{width:100%;height:100%;object-fit:cover;border-radius:10px}.zongmen-member-modal .avatar-preview[data-v-48ba5ab8]{width:90px;height:90px;border-radius:50%;overflow:hidden;position:relative;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;background:-webkit-linear-gradient(315deg, #f8f9ff 0%, #eef2f7 100%);background:linear-gradient(135deg, #f8f9ff 0%, #eef2f7 100%);border:2px solid #e1e8ed;-webkit-transition:all .3s ease;transition:all .3s ease}.zongmen-member-modal .avatar-preview[data-v-48ba5ab8]:hover{border-color:#667eea;-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 6px 16px rgba(102,126,234,.2)}.zongmen-member-modal .avatar-preview[data-v-48ba5ab8]:active{-webkit-transform:scale(1);transform:scale(1)}.zongmen-member-modal .avatar-image[data-v-48ba5ab8]{width:100%;height:100%;object-fit:cover}.zongmen-member-modal .avatar-placeholder[data-v-48ba5ab8]{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;color:#999}.zongmen-member-modal .avatar-placeholder .avatar-icon[data-v-48ba5ab8]{font-size:28px;margin-bottom:6px;color:#667eea}.zongmen-member-modal .avatar-placeholder .avatar-text[data-v-48ba5ab8]{font-size:13px}.zongmen-member-modal .avatar-file-input[data-v-48ba5ab8]{display:none}.zongmen-member-modal .name-fields[data-v-48ba5ab8] .t-form__item{margin-bottom:16px}.zongmen-member-modal .horizontal-fields[data-v-48ba5ab8]{display:-webkit-box;display:-webkit-flex;display:flex;gap:15px;margin-bottom:16px}.zongmen-member-modal .horizontal-fields .t-form__item[data-v-48ba5ab8]{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-bottom:0}.zongmen-member-modal .horizontal-item[data-v-48ba5ab8]{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-bottom:0}.zongmen-member-modal .horizontal-item[data-v-48ba5ab8] .t-cell{padding:14px 0;background:#fafbfc;border-radius:10px;-webkit-transition:all .2s ease;transition:all .2s ease}.zongmen-member-modal .horizontal-item[data-v-48ba5ab8] .t-cell:active{background:#edf2f7}.zongmen-member-modal .horizontal-item[data-v-48ba5ab8] .t-form__item{margin-bottom:0}.zongmen-member-modal .cell-label[data-v-48ba5ab8]{font-size:16px;color:#2c3e50;font-weight:500}.zongmen-member-modal .cell-value[data-v-48ba5ab8]{font-size:16px;color:#7f8c8d;margin-left:10px}.zongmen-member-modal .cell-value.selected[data-v-48ba5ab8]{color:#2c3e50}.zongmen-member-modal .deceased[data-v-48ba5ab8]{color:#e74c3c !important;font-weight:600}.zongmen-member-modal .footer-fixed[data-v-48ba5ab8]{position:fixed;bottom:0;left:0;right:0;padding:20px;background:hsla(0,0%,100%,.95);box-shadow:0 -4px 12px rgba(0,0,0,.08);z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #eee;box-sizing:border-box}.zongmen-member-modal .form-actions[data-v-48ba5ab8]{margin:0;padding:0;width:100%}.zongmen-member-modal .button-group[data-v-48ba5ab8]{display:-webkit-box;display:-webkit-flex;display:flex;gap:15px;width:100%}.zongmen-member-modal .button-group .action-button[data-v-48ba5ab8]{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0}.zongmen-member-modal .button-group .half-width-button[data-v-48ba5ab8]{width:50%}.zongmen-member-modal[data-v-48ba5ab8] .t-button--default.action-button{border-color:#667eea;color:#667eea;background:rgba(0,0,0,0);-webkit-transition:all .3s ease;transition:all .3s ease}.zongmen-member-modal[data-v-48ba5ab8] .t-button--default.action-button:hover{background-color:rgba(102,126,234,.1);-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 2px 8px rgba(102,126,234,.2)}.zongmen-member-modal[data-v-48ba5ab8] .t-button--default.action-button:active{background-color:rgba(102,126,234,.2);-webkit-transform:translateY(1px);transform:translateY(1px);box-shadow:0 1px 4px rgba(102,126,234,.2)}.zongmen-member-modal[data-v-48ba5ab8] .t-button--default.action-button:focus{outline:none;box-shadow:0 0 0 2px rgba(102,126,234,.2)}.zongmen-member-modal[data-v-48ba5ab8] .t-button--large{height:52px;font-size:17px;border-radius:12px;font-weight:500;letter-spacing:1px;border:none;box-shadow:0 4px 16px rgba(102,126,234,.3);-webkit-transition:all .3s ease;transition:all .3s ease;color:#fff;background-color:#667eea;background-image:-webkit-linear-gradient(left, #667eea 0%, #764ba2 100%);background-image:linear-gradient(90deg, #667eea 0%, #764ba2 100%)}.zongmen-member-modal[data-v-48ba5ab8] .t-button--large:hover{box-shadow:0 6px 20px rgba(102,126,234,.4);background-image:-webkit-linear-gradient(left, rgb(79.5775862069, 107.0948275862, 230.9224137931) 0%, rgb(105.3037974684, 66.9303797468, 144.5696202532) 100%);background-image:linear-gradient(90deg, rgb(79.5775862069, 107.0948275862, 230.9224137931) 0%, rgb(105.3037974684, 66.9303797468, 144.5696202532) 100%)}.zongmen-member-modal[data-v-48ba5ab8] .t-button--large:active{-webkit-transform:translateY(1px);transform:translateY(1px);box-shadow:0 2px 8px rgba(102,126,234,.2);background-image:-webkit-linear-gradient(left, rgb(57.1551724138, 88.1896551724, 227.8448275862) 0%, rgb(92.6075949367, 58.8607594937, 127.1392405063) 100%);background-image:linear-gradient(90deg, rgb(57.1551724138, 88.1896551724, 227.8448275862) 0%, rgb(92.6075949367, 58.8607594937, 127.1392405063) 100%)}.zongmen-member-modal[data-v-48ba5ab8] .t-button--large:focus{outline:none;box-shadow:0 0 0 2px rgba(102,126,234,.2),0 4px 16px rgba(102,126,234,.3)}.zongmen-member-modal[data-v-48ba5ab8] .t-popup__overlay{background-color:rgba(0,0,0,.6)}.zongmen-member-modal[data-v-48ba5ab8] .t-picker__toolbar{height:56px;border-bottom:1px solid #f0f0f0}.zongmen-member-modal[data-v-48ba5ab8] .t-picker__confirm,.zongmen-member-modal[data-v-48ba5ab8] .t-picker__cancel{font-size:17px;color:#667eea;font-weight:500}.zongmen-member-modal[data-v-48ba5ab8] .t-picker__title{font-size:17px;font-weight:600}.zongmen-member-modal[data-v-48ba5ab8] .t-date-time-picker__toolbar{height:56px;border-bottom:1px solid #f0f0f0}.zongmen-member-modal[data-v-48ba5ab8] .t-date-time-picker__confirm,.zongmen-member-modal[data-v-48ba5ab8] .t-date-time-picker__cancel{font-size:17px;color:#667eea;font-weight:500}.zongmen-member-modal[data-v-48ba5ab8] .t-action-sheet__header{font-weight:600;font-size:17px;padding:20px}.zongmen-member-modal[data-v-48ba5ab8] .t-action-sheet__item{font-size:17px;padding:18px 20px;color:#2c3e50}.zongmen-member-modal[data-v-48ba5ab8] .t-action-sheet__item:not(:last-child)::after{content:"";position:absolute;bottom:0;left:20px;right:20px;height:1px;background:#eee}@-webkit-keyframes fadeInUp-48ba5ab8{from{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp-48ba5ab8{from{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.zongmen-member-modal .section[data-v-48ba5ab8]{-webkit-animation:fadeInUp-48ba5ab8 .6s ease forwards;animation:fadeInUp-48ba5ab8 .6s ease forwards}.zongmen-member-modal .section[data-v-48ba5ab8]:nth-child(1){-webkit-animation-delay:.1s;animation-delay:.1s}.zongmen-member-modal .section[data-v-48ba5ab8]:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.zongmen-member-modal .section[data-v-48ba5ab8]:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.zongmen-member-modal .custom-button[data-v-48ba5ab8]{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:52px;font-size:17px;border-radius:12px;font-weight:500;letter-spacing:1px;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:none;outline:none;padding:0 20px;white-space:nowrap;background-color:rgba(0,0,0,0);color:#667eea;border:1px solid #667eea;box-shadow:0 2px 8px rgba(102,126,234,.2)}.zongmen-member-modal .custom-button[data-v-48ba5ab8]:hover{background-color:rgba(102,126,234,.1);-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.zongmen-member-modal .custom-button[data-v-48ba5ab8]:active{background-color:rgba(102,126,234,.2);-webkit-transform:translateY(1px);transform:translateY(1px);box-shadow:0 1px 4px rgba(102,126,234,.2)}.zongmen-member-modal .custom-button[data-v-48ba5ab8]:focus{outline:none;box-shadow:0 0 0 2px rgba(102,126,234,.2),0 4px 16px rgba(102,126,234,.3)}.zongmen-member-modal .custom-button.primary[data-v-48ba5ab8]{background:-webkit-linear-gradient(left, #667eea 0%, #764ba2 100%);background:linear-gradient(90deg, #667eea 0%, #764ba2 100%);color:#fff;border:none;box-shadow:0 4px 16px rgba(102,126,234,.3)}.zongmen-member-modal .custom-button.primary[data-v-48ba5ab8]:hover{box-shadow:0 6px 20px rgba(102,126,234,.4);background-image:-webkit-linear-gradient(left, rgb(79.5775862069, 107.0948275862, 230.9224137931) 0%, rgb(105.3037974684, 66.9303797468, 144.5696202532) 100%);background-image:linear-gradient(90deg, rgb(79.5775862069, 107.0948275862, 230.9224137931) 0%, rgb(105.3037974684, 66.9303797468, 144.5696202532) 100%)}.zongmen-member-modal .custom-button.primary[data-v-48ba5ab8]:active{-webkit-transform:translateY(1px);transform:translateY(1px);box-shadow:0 2px 8px rgba(102,126,234,.2);background-image:-webkit-linear-gradient(left, rgb(57.1551724138, 88.1896551724, 227.8448275862) 0%, rgb(92.6075949367, 58.8607594937, 127.1392405063) 100%);background-image:linear-gradient(90deg, rgb(57.1551724138, 88.1896551724, 227.8448275862) 0%, rgb(92.6075949367, 58.8607594937, 127.1392405063) 100%)}.zongmen-member-modal .custom-button.primary[data-v-48ba5ab8]:focus{outline:none;box-shadow:0 0 0 2px rgba(102,126,234,.2),0 4px 16px rgba(102,126,234,.3)}.zongmen-member-modal .custom-button.danger[data-v-48ba5ab8]{background:-webkit-linear-gradient(left, #f56c6c 0%, #e74c3c 100%);background:linear-gradient(90deg, #f56c6c 0%, #e74c3c 100%);color:#fff;border:none;box-shadow:0 4px 16px rgba(245,108,108,.3)}.zongmen-member-modal .custom-button.danger[data-v-48ba5ab8]:hover{box-shadow:0 6px 20px rgba(245,108,108,.4);background-image:-webkit-linear-gradient(left, rgb(243.3757961783, 84.1242038217, 84.1242038217) 0%, rgb(228.2054794521, 55.1575342466, 37.2945205479) 100%);background-image:linear-gradient(90deg, rgb(243.3757961783, 84.1242038217, 84.1242038217) 0%, rgb(228.2054794521, 55.1575342466, 37.2945205479) 100%)}.zongmen-member-modal .custom-button.danger[data-v-48ba5ab8]:active{-webkit-transform:translateY(1px);transform:translateY(1px);box-shadow:0 2px 8px rgba(245,108,108,.2);background-image:-webkit-linear-gradient(left, rgb(241.7515923567, 60.2484076433, 60.2484076433) 0%, rgb(213.698630137, 43.8356164384, 26.301369863) 100%);background-image:linear-gradient(90deg, rgb(241.7515923567, 60.2484076433, 60.2484076433) 0%, rgb(213.698630137, 43.8356164384, 26.301369863) 100%)}.zongmen-member-modal .custom-button.danger[data-v-48ba5ab8]:focus{outline:none;box-shadow:0 0 0 2px rgba(245,108,108,.2),0 4px 16px rgba(245,108,108,.3)}.zongmen-member-modal .relation-module[data-v-48ba5ab8]{margin-bottom:25px}.zongmen-member-modal .relation-module[data-v-48ba5ab8]:last-child{margin-bottom:0}.zongmen-member-modal .relation-module .module-title[data-v-48ba5ab8]{font-size:18px;font-weight:600;color:#2c3e50;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #eee;position:relative}.zongmen-member-modal .relation-module .module-title[data-v-48ba5ab8]::before{content:"";position:absolute;left:-10px;top:5px;bottom:12px;width:3px;background:-webkit-linear-gradient(top, #667eea, #764ba2);background:linear-gradient(to bottom, #667eea, #764ba2);border-radius:2px}.zongmen-member-modal .relation-module .persons-container[data-v-48ba5ab8]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:15px}.zongmen-member-modal .relation-module .persons-container .person-card[data-v-48ba5ab8]{-webkit-box-flex:0;-webkit-flex:0 0 120px;flex:0 0 120px;max-width:120px}.zongmen-member-modal .relation-module .person-card[data-v-48ba5ab8]{background:#f8f9ff;border-radius:12px;padding:12px;box-shadow:0 2px 8px rgba(102,126,234,.1);-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;border:1px solid #e1e8ed;min-height:100px;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-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;text-align:center}.zongmen-member-modal .relation-module .person-card[data-v-48ba5ab8]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.15)}.zongmen-member-modal .relation-module .person-card .relation-category-badge[data-v-48ba5ab8]{position:absolute;top:-6px;right:-6px;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:9px;font-weight:700;line-height:1;color:#fff;background:-webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:9px;border:2px solid #fff;box-shadow:0 2px 6px rgba(102,126,234,.5);white-space:nowrap;z-index:2}.zongmen-member-modal .relation-module .person-card .person-info[data-v-48ba5ab8]{margin-bottom:8px;width:100%}.zongmen-member-modal .relation-module .person-card .person-info .person-name[data-v-48ba5ab8]{font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zongmen-member-modal .relation-module .person-card .person-info .person-rank[data-v-48ba5ab8]{font-size:12px;color:#7f8c8d;margin-bottom:3px}.zongmen-member-modal .relation-module .person-card .person-info div.person-gender[data-v-48ba5ab8]{font-size:10px;padding:1px 4px;border-radius:4px;display:inline-block}.zongmen-member-modal .relation-module .person-card .person-info div.person-gender.male[data-v-48ba5ab8]{background-color:#e3f2fd !important;color:#1976d2 !important}.zongmen-member-modal .relation-module .person-card .person-info div.person-gender.female[data-v-48ba5ab8]{background-color:#fce4ec !important;color:#c2185b !important}.zongmen-member-modal .relation-module .person-card .tags-container[data-v-48ba5ab8]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:4px;width:100%;-webkit-flex-wrap:wrap;flex-wrap:wrap}.zongmen-member-modal .relation-module .person-card div.relation-tag[data-v-48ba5ab8]{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-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:10px;padding:1px 4px;border-radius:4px;-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0}.zongmen-member-modal .relation-module .person-card div.relation-tag .icon[data-v-48ba5ab8]{margin-right:2px;font-size:8px}.zongmen-member-modal .relation-module .person-card div.relation-tag .text[data-v-48ba5ab8]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zongmen-member-modal .relation-module .person-card div.relation-tag.male[data-v-48ba5ab8]{background-color:#e3f2fd !important;color:#1976d2 !important}.zongmen-member-modal .relation-module .person-card div.relation-tag.female[data-v-48ba5ab8]{background-color:#fce4ec !important;color:#c2185b !important}.zongmen-member-modal .relation-module .empty-state[data-v-48ba5ab8]{text-align:center;padding:20px;color:#999}.zongmen-member-modal .relation-module .empty-state .empty-text[data-v-48ba5ab8]{font-size:14px;margin:0}.close-btn[data-v-48ba5ab8]{position:absolute;right:10px;top:-40px}.person-bio-btn[data-v-48ba5ab8]{position:absolute;right:60px;top:-40px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:6px;padding:8px 16px;background:-webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:20px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;box-shadow:0 2px 8px rgba(102,126,234,.3);z-index:1000}.person-bio-btn[data-v-48ba5ab8]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.person-bio-btn[data-v-48ba5ab8]:active{-webkit-transform:translateY(0);transform:translateY(0);box-shadow:0 2px 6px rgba(102,126,234,.3)}.avatar-upload-container[data-v-48ba5ab8]{position:absolute;z-index:999;left:15px;top:-75px}.avatar-upload-container .avatar-and-info-wrapper[data-v-48ba5ab8]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.avatar-upload-container .avatar-and-info-wrapper .avatar-preview.id-photo-frame[data-v-48ba5ab8]{width:110px;height:150px;border-radius:12px;border:2px dashed #c5d4e7;background:-webkit-linear-gradient(315deg, #f8f9ff 0%, #eef2f7 100%);background:linear-gradient(135deg, #f8f9ff 0%, #eef2f7 100%);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;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;overflow:hidden}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info[data-v-48ba5ab8]{position:absolute;left:120px;width:100%;bottom:0px;background-color:#fff;white-space:nowrap}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .tag-box[data-v-48ba5ab8]{display:-webkit-box;display:-webkit-flex;display:flex}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item[data-v-48ba5ab8]{margin-bottom:8px}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item .label[data-v-48ba5ab8]{font-weight:bold;font-size:18px;margin-right:5px}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item .sd-info[data-v-48ba5ab8]{padding:5px;border-radius:10px;background:#0052d9;color:#fff;font-size:16px;font-weight:bold}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item .name-info[data-v-48ba5ab8]{font-size:25px;font-weight:bold}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item .info-tag[data-v-48ba5ab8],.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item .zi-bei-tag[data-v-48ba5ab8],.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item .gender-tag[data-v-48ba5ab8],.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item .rank-tag[data-v-48ba5ab8],.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item .generation-tag[data-v-48ba5ab8]{display:inline-block;padding:4px 8px;border-radius:6px;font-size:14px;font-weight:500;margin-right:6px;text-align:center}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item .generation-tag[data-v-48ba5ab8]{background:#0052d9;color:#fff}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item .rank-tag[data-v-48ba5ab8]{background:#4caf50;color:#fff}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item .gender-tag[data-v-48ba5ab8]{background:#ff9800;color:#fff}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item .zi-bei-tag[data-v-48ba5ab8]{background:#9c27b0;color:#fff}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item[data-v-48ba5ab8]:last-child{margin-bottom:0}.avatar-preview.id-photo-frame[data-v-48ba5ab8]::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:-webkit-linear-gradient(315deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%);background:linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%)}.avatar-preview.id-photo-frame[data-v-48ba5ab8]:hover{border-color:#667eea;-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.2)}.avatar-preview.id-photo-frame[data-v-48ba5ab8]:active{-webkit-transform:translateY(0);transform:translateY(0)}.avatar-preview.id-photo-frame .avatar-placeholder[data-v-48ba5ab8]{position:relative;z-index:1}.avatar-preview.id-photo-frame .avatar-placeholder .avatar-icon[data-v-48ba5ab8]{font-size:36px;color:#667eea}.avatar-preview.id-photo-frame .avatar-placeholder .avatar-text[data-v-48ba5ab8]{font-size:15px;margin-top:10px;color:#7f8c8d}.avatar-preview.id-photo-frame .avatar-image[data-v-48ba5ab8]{width:100%;height:100%;object-fit:cover;border-radius:10px}.avatar-preview[data-v-48ba5ab8]{width:90px;height:90px;border-radius:50%;overflow:hidden;position:relative;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;background:-webkit-linear-gradient(315deg, #f8f9ff 0%, #eef2f7 100%);background:linear-gradient(135deg, #f8f9ff 0%, #eef2f7 100%);border:2px solid #e1e8ed;-webkit-transition:all .3s ease;transition:all .3s ease}.avatar-preview[data-v-48ba5ab8]:hover{border-color:#667eea;-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 6px 16px rgba(102,126,234,.2)}.avatar-preview[data-v-48ba5ab8]:active{-webkit-transform:scale(1);transform:scale(1)}
/* 继续TDesign胶囊按钮样式 */
.tdesign-capsule-btn:active {
  -webkit-transform: translateY(0) scale(0.98);
          transform: translateY(0) scale(0.98);
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}

/* 焦点效果 */
.tdesign-capsule-btn:focus {
  outline: none;
  box-shadow: 
    0 0 0 4rpx rgba(59, 130, 246, 0.25),
    0 8rpx 20rpx rgba(0, 0, 0, 0.12);
}

/* TDesign 单选组件 - 极简科技风胶囊形状 */
.tdesign-radio-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  gap: 16rpx;
  width: 100%;
  padding: 0;
}

.tdesign-radio-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  position: relative;
  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: 80rpx;
  padding: 0 24rpx;
  border-radius: 40rpx;
  border: 2rpx solid rgba(226, 232, 240, 0.8);
  background: #f1f5f9;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  overflow: hidden;
}

/* 单选点标记 */
.tdesign-radio-dot {
  position: absolute;
  left: 16rpx;
  width: 16rpx;
  height: 16rpx;
  border-radius: 50%;
  background: -webkit-linear-gradient(315deg, #3b82f6 0%, #1e40af 100%);
  background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
  box-shadow: 
    0 2rpx 6rpx rgba(59, 130, 246, 0.3),
    inset 0 1rpx 0 rgba(255, 255, 255, 0.4);
  -webkit-animation: dotAppear 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          animation: dotAppear 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@-webkit-keyframes dotAppear {
  from {
    opacity: 0;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes dotAppear {
  from {
    opacity: 0;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/* 文字标签 */
.tdesign-radio-label {
  font-size: 28rpx;
  font-weight: 500;
  color: #64748b;
  letter-spacing: 2rpx;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  margin-left: 8rpx;
}

/* 悬停效果 - 遵循交互规范 */
.tdesign-radio-item:hover {
  -webkit-transform: translateY(-1rpx) scale(1.02);
          transform: translateY(-1rpx) scale(1.02);
  background: rgba(226, 232, 240, 0.9);
  border-color: rgba(203, 213, 225, 0.9);
  box-shadow: 0 8rpx 20rpx rgba(0, 0, 0, 0.12);
}

.tdesign-radio-item:hover .tdesign-radio-label {
  color: #3b82f6;
}

/* 选中状态 - 科技蓝渐变胶囊 */
.tdesign-radio-item--active {
  background: -webkit-linear-gradient(315deg, #3b82f6 0%, #1e40af 100%);
  background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
  border: 2rpx solid #2563eb;
  box-shadow: 
    0 8rpx 24rpx rgba(59, 130, 246, 0.4),
    inset 0 2rpx 0 rgba(255, 255, 255, 0.3),
    inset 0 -1rpx 0 rgba(0, 0, 0, 0.1);
}

/* 选中后的文字颜色 */
.tdesign-radio-item--active .tdesign-radio-label {
  color: #ffffff;
  font-weight: 600;
  text-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.2);
}

/* 选中后的单选点 */
.tdesign-radio-item--active .tdesign-radio-dot {
  background: #ffffff;
  box-shadow: 
    0 2rpx 6rpx rgba(0, 0, 0, 0.2),
    inset 0 1rpx 0 rgba(255, 255, 255, 0.8);
}

/* 选中状态悬停 - 增强效果 */
.tdesign-radio-item--active:hover {
  -webkit-transform: translateY(-1rpx) scale(1.02);
          transform: translateY(-1rpx) scale(1.02);
  background: -webkit-linear-gradient(315deg, #2563eb 0%, #1d4ed8 100%);
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  box-shadow: 
    0 12rpx 32rpx rgba(59, 130, 246, 0.5),
    inset 0 2rpx 0 rgba(255, 255, 255, 0.35),
    inset 0 -1rpx 0 rgba(0, 0, 0, 0.15);
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}

/* 点击效果 - 光效扩散 */
.tdesign-radio-item:active {
  -webkit-transform: translateY(0) scale(0.98);
          transform: translateY(0) scale(0.98);
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}

.tdesign-radio-item:active::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: -webkit-radial-gradient(circle, rgba(255, 255, 255, 0.6) 0%, transparent 70%);
  background: radial-gradient(circle, rgba(255, 255, 255, 0.6) 0%, transparent 70%);
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: ripple 0.3s ease-out;
          animation: ripple 0.3s ease-out;
  z-index: 1;
}

@-webkit-keyframes ripple {
  to {
    width: 200rpx;
    height: 200rpx;
    opacity: 0;
  }
}

@keyframes ripple {
  to {
    width: 200rpx;
    height: 200rpx;
    opacity: 0;
  }
}

/* 焦点效果 - 无障碍支持 */
.tdesign-radio-item:focus {
  outline: none;
  box-shadow: 
    0 0 0 4rpx rgba(59, 130, 246, 0.25),
    0 8rpx 20rpx rgba(0, 0, 0, 0.12);
}

.tdesign-radio-item--active:focus {
  box-shadow: 
    0 0 0 4rpx rgba(59, 130, 246, 0.4),
    0 8rpx 24rpx rgba(59, 130, 246, 0.4),
    inset 0 2rpx 0 rgba(255, 255, 255, 0.3);
}

.radio-slider-container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 64rpx;
  background: #f8fafc;
  border-radius: 12rpx;
  border: 1rpx solid rgba(226, 232, 240, 0.8);
  overflow: hidden;
  box-shadow: inset 0 1rpx 3rpx rgba(0, 0, 0, 0.06);
}

/* 隐藏原生单选按钮 */
.radio-slider-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

/* 单选按钮标签 */
.radio-slider-label {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  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: 100%;
  font-size: 28rpx;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  z-index: 2;
  letter-spacing: 2rpx;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* 滑动指示器 */
.radio-slider-indicator {
  position: absolute;
  top: 4rpx;
  left: 4rpx;
  width: calc(50% - 4rpx);
  height: calc(100% - 8rpx);
  background: -webkit-linear-gradient(315deg, #ffffff 0%, #f8fafc 100%);
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  border-radius: 8rpx;
  box-shadow: 
    0 2rpx 8rpx rgba(0, 0, 0, 0.12),
    0 1rpx 3rpx rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 1;
  border: 1rpx solid rgba(255, 255, 255, 0.8);
}

/* 选中状态样式 */
.radio-slider-input:checked + .radio-slider-label {
  color: #3b82f6;
  font-weight: 600;
  text-shadow: 0 1rpx 2rpx rgba(59, 130, 246, 0.2);
}

/* 第二个选项被选中时，滑动指示器移动到右侧 */
.radio-slider-input:nth-child(3):checked ~ .radio-slider-indicator {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background: -webkit-linear-gradient(315deg, #3b82f6 0%, #1e40af 100%);
  background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
  box-shadow: 
    0 4rpx 12rpx rgba(59, 130, 246, 0.25),
    0 2rpx 6rpx rgba(59, 130, 246, 0.15);
}

/* 第二个选项被选中时的文字颜色 */
.radio-slider-input:nth-child(3):checked + .radio-slider-label {
  color: #ffffff;
  text-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.2);
}

/* 悬停效果 */
.radio-slider-label:hover {
  color: #3b82f6;
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

.radio-slider-input:checked + .radio-slider-label:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

/* 焦点效果 */
.radio-slider-input:focus + .radio-slider-label {
  outline: none;
  box-shadow: 0 0 0 3rpx rgba(59, 130, 246, 0.3);
  border-radius: 8rpx;
}

/* 点击反馈 */
.radio-slider-label:active {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

/* 悬停效果 */
.gender-btn:hover {
  -webkit-transform: translateY(-1rpx) scale(1.02);
          transform: translateY(-1rpx) scale(1.02);
  background: #e2e8f0;
  border-color: #cbd5e1;
  box-shadow: 0 6rpx 16rpx rgba(0, 0, 0, 0.12);
  color: #475569;
}

/* 选中状态 - 胶囊科技风 */
.gender-btn.active {
  background: -webkit-linear-gradient(315deg, #3b82f6 0%, #1e40af 100%);
  background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
  color: #ffffff;
  border: 2rpx solid #2563eb;
  box-shadow: 
    0 6rpx 18rpx rgba(59, 130, 246, 0.3),
    inset 0 1rpx 0 rgba(255, 255, 255, 0.2);
  text-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.1);
}

/* 选中状态悬停 */
.gender-btn.active:hover {
  -webkit-transform: translateY(-2rpx) scale(1.02);
          transform: translateY(-2rpx) scale(1.02);
  background: -webkit-linear-gradient(315deg, #2563eb 0%, #1d4ed8 100%);
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  box-shadow: 
    0 10rpx 28rpx rgba(59, 130, 246, 0.4),
    inset 0 1rpx 0 rgba(255, 255, 255, 0.3);
  -webkit-filter: brightness(1.05);
          filter: brightness(1.05);
}

/* 点击效果 */
.gender-btn:active {
  -webkit-transform: translateY(0) scale(0.98);
          transform: translateY(0) scale(0.98);
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

/* 焦点效果 */
.gender-btn:focus {
  outline: none;
  box-shadow: 
    0 0 0 3rpx rgba(59, 130, 246, 0.3),
    0 6rpx 18rpx rgba(0, 0, 0, 0.1);
}

.gender-btn.active:focus {
  box-shadow: 
    0 0 0 3rpx rgba(59, 130, 246, 0.5),
    0 6rpx 18rpx rgba(59, 130, 246, 0.3),
    inset 0 1rpx 0 rgba(255, 255, 255, 0.2);
}

/* 姓名输入框特殊布局 - 两个输入框并排 */
.edit-form-group:first-child {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
          align-items: flex-start;
}

.edit-form-group:first-child .edit-form-input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  margin-right: 8px;
}

.edit-form-group:first-child .edit-form-input:last-child {
  margin-right: 0;
}

.edit-modal-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  gap: 12px;
  padding: 20px;
  border-top: 1px solid rgba(148, 163, 184, 0.2);
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.edit-modal-btn {
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  min-width: 80px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.edit-modal-btn.primary {
  background: -webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.edit-modal-btn.primary:hover {
  background: -webkit-linear-gradient(315deg, #5a6fd8 0%, #6a42a0 100%);
  background: linear-gradient(135deg, #5a6fd8 0%, #6a42a0 100%);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
}

.edit-modal-btn.primary:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

.edit-modal-btn.secondary {
  background: rgba(148, 163, 184, 0.1);
  color: #6b7280;
  border: 1px solid rgba(148, 163, 184, 0.3);
}

.edit-modal-btn.secondary:hover {
  background: rgba(148, 163, 184, 0.2);
  color: #374151;
  border-color: rgba(148, 163, 184, 0.4);
}

.edit-modal-btn.secondary:active {
  background: rgba(148, 163, 184, 0.3);
}

/* 移动端优化 */
@media (max-width: 768px) {
  .edit-modal-container {
    width: 80%;
  }
  
  .edit-modal-header {
    padding: 16px;
  }
  
  .edit-modal-title {
    font-size: 18px;
  }
  
  .edit-modal-body {
    padding: 16px;
  }
  
  .edit-form {
    gap: 16px;
  }
  
  .edit-modal-footer {
    padding: 16px;
  }
}

/* 之父选项框 - 横向排列胶囊按钮 */
.father-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  gap: 16rpx;
  width: 100%;
}

/* 父亲类型选择框 */
.father-type-group {
  min-width: 160rpx;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}

.father-type-select {
  width: 100%;
  height: 80rpx;
  padding: 0 24rpx;
  border-radius: 40rpx;
  border: 2rpx solid rgba(226, 232, 240, 0.8);
  background: #f1f5f9;
  font-size: 26rpx;
  font-weight: 500;
  color: #333333;
  letter-spacing: 2rpx;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  
  /* 自定义下拉箭头 */
  background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 4 5\"><path fill=\"%23666\" d=\"M2 0L0 2h4zm0 5L0 3h4z\"/></svg>");
  background-repeat: no-repeat;
  background-position: right 20rpx center;
  background-size: 24rpx;
}

/* 选择框未选择时的占位符样式 */
.father-type-select option[value=""] {
  color: #94a3b8;
  font-style: italic;
}

/* 选择框有值时的样式 */
.father-type-select:not([value=""]),
.father-type-select--selected {
  color: #ffffff;
  background: -webkit-linear-gradient(315deg, #3b82f6 0%, #1e40af 100%);
  background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
  border-color: #2563eb;
  font-weight: 600;
  box-shadow: 
    0 8rpx 24rpx rgba(59, 130, 246, 0.4),
    inset 0 2rpx 0 rgba(255, 255, 255, 0.3);
  text-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.2);
  
  /* 选中状态下的下拉箭头颜色 */
  background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 4 5\"><path fill=\"%23ffffff\" d=\"M2 0L0 2h4zm0 5L0 3h4z\"/></svg>");
}

.father-type-select:hover {
  background-color: rgba(226, 232, 240, 0.9);
  border-color: rgba(203, 213, 225, 0.9);
  box-shadow: 0 8rpx 20rpx rgba(0, 0, 0, 0.12);
}

.father-type-select:focus {
  border-color: #3b82f6;
  box-shadow: 
    0 0 0 4rpx rgba(59, 130, 246, 0.25),
    0 8rpx 20rpx rgba(0, 0, 0, 0.12);
}

/* 父亲人物选择框组 */
.father-person-group {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  margin-left: 16rpx;
}

.father-person-select {
  width: 100%;
  height: 80rpx;
  padding: 0 24rpx;
  border-radius: 40rpx;
  border: 2rpx solid rgba(226, 232, 240, 0.8);
  background: #f1f5f9;
  font-size: 26rpx;
  font-weight: 500;
  color: #333333;
  letter-spacing: 2rpx;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  
  /* 自定义下拉箭头 */
  background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 4 5\"><path fill=\"%23666\" d=\"M2 0L0 2h4zm0 5L0 3h4z\"/></svg>");
  background-repeat: no-repeat;
  background-position: right 20rpx center;
  background-size: 24rpx;
}

.father-person-select option[value=""] {
  color: #94a3b8;
  font-style: italic;
}

/* 选择框有值时的样式 */
.father-person-select:not([value=""]),
.father-person-select--selected {
  color: #ffffff;
  background: -webkit-linear-gradient(315deg, #3b82f6 0%, #1e40af 100%);
  background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
  border-color: #2563eb;
  font-weight: 600;
  box-shadow: 
    0 8rpx 24rpx rgba(59, 130, 246, 0.4),
    inset 0 2rpx 0 rgba(255, 255, 255, 0.3);
  text-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.2);
  
  /* 选中状态下的下拉箭头颜色 */
  background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 4 5\"><path fill=\"%23ffffff\" d=\"M2 0L0 2h4zm0 5L0 3h4z\"/></svg>");
}

.father-person-select:hover {
  background-color: rgba(226, 232, 240, 0.9);
  border-color: rgba(203, 213, 225, 0.9);
  box-shadow: 0 8rpx 20rpx rgba(0, 0, 0, 0.12);
}

.father-person-select:focus {
  border-color: #3b82f6;
  background: -webkit-linear-gradient(315deg, #f8fafc 0%, #ffffff 100%);
  background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
  box-shadow: 
    0 0 0 4rpx rgba(59, 130, 246, 0.25),
    0 8rpx 20rpx rgba(0, 0, 0, 0.12);
  color: #1e293b;
}

/* 卡片禁用状态样式 */
.card-item.disabled {
  position: relative;
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

/* 禁用蒙层 */
.disabled-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 10;
  border-radius: 10px;
}

/* 右下角编辑角标 */
.form-data-container{
    background-color: #ffffff;
    box-sizing: border-box;
    margin: 10px 10px 10px 10px;
    padding: 10px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
    width: 50%;
    min-height: 220px;
    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;
    position: relative;
    
    /* 根据性别设置径向渐变背景 */
    background: -webkit-radial-gradient(50% 50%, circle, #d4edfc 0%, #f0f9ff 60%, #fafafa 100%);
    background: radial-gradient(circle at 50% 50%, #d4edfc 0%, #f0f9ff 60%, #fafafa 100%);
    
    /* 女性粉色渐变背景 */
    &[data-sex="F"] {
      background: -webkit-radial-gradient(50% 50%, circle, #ffe4e8 0%, #fff5f7 60%, #fafafa 100%);
      background: radial-gradient(circle at 50% 50%, #ffe4e8 0%, #fff5f7 60%, #fafafa 100%);
    }
    
    /* 男性蓝色渐变背景 */
    &[data-sex="M"] {
      background: -webkit-radial-gradient(50% 50%, circle, #d4edfc 0%, #f0f9ff 60%, #fafafa 100%);
      background: radial-gradient(circle at 50% 50%, #d4edfc 0%, #f0f9ff 60%, #fafafa 100%);
    }
}

/* 信息标签区域 */
.info-tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 6px;
  padding: 8px 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

.info-tag {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* 世代标签 - 蓝色 */
.generation-tag {
  background: -webkit-linear-gradient(315deg, #3b82f6 0%, #2563eb 100%);
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  color: white;
  box-shadow: 0 2px 4px rgba(59, 130, 246, 0.2);
}

/* 排行标签 - 紫色 */
.rank-tag {
  background: -webkit-linear-gradient(315deg, #8b5cf6 0%, #7c3aed 100%);
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  color: white;
  box-shadow: 0 2px 4px rgba(139, 92, 246, 0.2);
}

/* 性别标签 - 根据性别显示不同颜色 */
.gender-tag {
  background: -webkit-linear-gradient(315deg, #ec4899 0%, #db2777 100%);
  background: linear-gradient(135deg, #ec4899 0%, #db2777 100%);
  color: white;
  box-shadow: 0 2px 4px rgba(236, 72, 153, 0.2);
}

/* 字辈标签 - 橙色 */
.zibei-tag {
  background: -webkit-linear-gradient(315deg, #f59e0b 0%, #d97706 100%);
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  color: white;
  box-shadow: 0 2px 4px rgba(245, 158, 11, 0.2);
}

.edit-badge {
  position: absolute;
  bottom: 0;
  right: 0;
  background: -webkit-linear-gradient(315deg, #07c160 0%, #05a352 100%);
  background: linear-gradient(135deg, #07c160 0%, #05a352 100%);
  color: white;
  padding: 6px 12px;
  border-radius: 10px 0 10px 0;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  z-index: 5;
  box-shadow: 
    0 2px 8px rgba(7, 193, 96, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* 已故状态 - 灰色 */
.edit-badge.deceased {
  background: -webkit-linear-gradient(315deg, #9ca3af 0%, #6b7280 100%);
  background: linear-gradient(135deg, #9ca3af 0%, #6b7280 100%);
  box-shadow: 
    0 2px 8px rgba(107, 114, 128, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

/* 已故状态的悬停效果 */
.edit-badge.deceased:hover {
  background: -webkit-linear-gradient(315deg, #6b7280 0%, #4b5563 100%);
  background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);
  box-shadow: 
    0 4px 12px rgba(107, 114, 128, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.edit-badge:hover {
  background: -webkit-linear-gradient(315deg, #05a352 0%, #048a45 100%);
  background: linear-gradient(135deg, #05a352 0%, #048a45 100%);
  box-shadow: 
    0 4px 12px rgba(7, 193, 96, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.edit-badge:active {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
  box-shadow: 
    0 2px 6px rgba(7, 193, 96, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.edit-badge-text {
  display: inline-block;
  line-height: 1;
  letter-spacing: 0.5px;
}


#container[data-v-3ff9b986]{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-3ff9b986]{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-3ff9b986]{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-3ff9b986]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.5)}.test-v2-button[data-v-3ff9b986]:active{-webkit-transform:translateY(0);transform:translateY(0);box-shadow:0 2px 8px rgba(102,126,234,.3)}.header-bar[data-v-3ff9b986]{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-3ff9b986]{margin:0 0 10px 0;color:#333;text-align:center;font-size:20px}.chart-hint[data-v-3ff9b986]{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-3ff9b986]{-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%;padding-top:50px}#chart-container[data-v-3ff9b986]:active{cursor:-webkit-grabbing;cursor:grabbing}#chart-container svg[data-v-3ff9b986]{overflow:visible}.x6-cell[data-v-3ff9b986]{cursor:default}.x6-node[data-v-3ff9b986]{cursor:default}.bottom-right-controls-wrapper[data-v-3ff9b986]{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-3ff9b986]{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-3ff9b986]: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-3ff9b986]: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-3ff9b986]{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-3ff9b986]{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-3ff9b986]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.pan-controls[data-v-3ff9b986]{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-3ff9b986]{display:-webkit-box;display:-webkit-flex;display:flex;gap:6px}.zoom-value[data-v-3ff9b986]{min-width:40px;text-align:center;font-size:12px;font-weight:500;color:#333}.btn-base[data-v-3ff9b986],.control-button[data-v-3ff9b986]{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-3ff9b986]:hover,.control-button[data-v-3ff9b986]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-base[data-v-3ff9b986]:active,.control-button[data-v-3ff9b986]:active{-webkit-transform:translateY(0);transform:translateY(0)}.control-button[data-v-3ff9b986]{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-3ff9b986]: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-3ff9b986]: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-3ff9b986]{bottom:70px;right:10px;gap:6px}.toggle-button[data-v-3ff9b986]{width:36px;height:36px;font-size:16px}.bottom-right-controls[data-v-3ff9b986]{gap:6px}.control-button[data-v-3ff9b986]{width:32px;height:32px;font-size:12px}.zoom-value[data-v-3ff9b986]{min-width:36px;font-size:11px}.header-bar[data-v-3ff9b986]{padding:12px 15px 8px}.header-bar h1[data-v-3ff9b986]{font-size:18px}.chart-hint[data-v-3ff9b986]{font-size:11px;padding:5px}}@media(min-width: 320px)and (max-width: 480px){.bottom-right-controls-wrapper[data-v-3ff9b986]{bottom:70px;right:8px;gap:5px}.toggle-button[data-v-3ff9b986]{width:32px;height:32px;font-size:14px}.bottom-right-controls[data-v-3ff9b986]{gap:5px}.control-button[data-v-3ff9b986]{width:28px;height:28px;font-size:11px}.zoom-value[data-v-3ff9b986]{min-width:32px;font-size:10px}.header-bar[data-v-3ff9b986]{padding:10px 12px 6px}.header-bar h1[data-v-3ff9b986]{font-size:16px}.chart-hint[data-v-3ff9b986]{font-size:10px;padding:4px}}.bottom-tab-bar[data-v-3ff9b986]{position:fixed;bottom:0;left:0;right:0;z-index:9999}.x6-node .card[data-v-3ff9b986]{-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-3ff9b986]: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-3ff9b986{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-3ff9b986{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-3ff9b986{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-3ff9b986{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-3ff9b986{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-3ff9b986{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-3ff9b986]{-webkit-animation-play-state:paused;animation-play-state:paused}.person-container[data-v-3ff9b986]{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-3ff9b986]{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-3ff9b986]{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid #eee}.person-name[data-v-3ff9b986]{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-3ff9b986]{font-size:10px;color:#666;text-align:center}.person-zibei[data-v-3ff9b986]{font-size:10px;color:#666;text-align:center}.person-year[data-v-3ff9b986]{font-size:9px;color:#999;text-align:center}.x6-node .person-bg-0[data-v-3ff9b986],.x6-node .person-bg-1[data-v-3ff9b986],.x6-node .person-bg-2[data-v-3ff9b986],.x6-node .person-bg-3[data-v-3ff9b986],.x6-node .person-avatar-border-0[data-v-3ff9b986],.x6-node .person-avatar-border-1[data-v-3ff9b986],.x6-node .person-avatar-border-2[data-v-3ff9b986],.x6-node .person-avatar-border-3[data-v-3ff9b986],.x6-node .person-avatar-0[data-v-3ff9b986],.x6-node .person-avatar-1[data-v-3ff9b986],.x6-node .person-avatar-2[data-v-3ff9b986],.x6-node .person-avatar-3[data-v-3ff9b986],.x6-node .person-name-0[data-v-3ff9b986],.x6-node .person-name-1[data-v-3ff9b986],.x6-node .person-name-2[data-v-3ff9b986],.x6-node .person-name-3[data-v-3ff9b986],.x6-node .person-generation-0[data-v-3ff9b986],.x6-node .person-generation-1[data-v-3ff9b986],.x6-node .person-generation-2[data-v-3ff9b986],.x6-node .person-generation-3[data-v-3ff9b986],.x6-node .person-zibei-0[data-v-3ff9b986],.x6-node .person-zibei-1[data-v-3ff9b986],.x6-node .person-zibei-2[data-v-3ff9b986],.x6-node .person-zibei-3[data-v-3ff9b986],.x6-node .person-year-0[data-v-3ff9b986],.x6-node .person-year-1[data-v-3ff9b986],.x6-node .person-year-2[data-v-3ff9b986],.x6-node .person-year-3[data-v-3ff9b986],.x6-node .red-dot[data-v-3ff9b986],.x6-node .death-overlay-0[data-v-3ff9b986],.x6-node .death-overlay-1[data-v-3ff9b986],.x6-node .death-overlay-2[data-v-3ff9b986],.x6-node .death-overlay-3[data-v-3ff9b986]{pointer-events:none}.x6-node .image[data-v-3ff9b986]{border-radius:50%;object-fit:cover}.x6-node .name[data-v-3ff9b986]{font-size:16px;fill:#333;font-weight:600;text-anchor:end}.x6-node .ziBeiName[data-v-3ff9b986]{font-size:14px;fill:#666;text-anchor:end}.x6-node .sdsort[data-v-3ff9b986]{font-size:12px;fill:#999;text-anchor:end}.x6-edge[data-v-3ff9b986]{stroke:#5f95ff;stroke-width:2;-webkit-transition:stroke .3s ease;transition:stroke .3s ease}.x6-edge[data-v-3ff9b986]:hover{stroke:#4a86e8}.x6-edge:hover .connection-wrap[data-v-3ff9b986]{stroke:rgba(0,0,0,0)}.x6-edge .arrowhead[data-v-3ff9b986]{fill:#5f95ff;stroke:#5f95ff;stroke-width:1}@-webkit-keyframes ant-line-3ff9b986{to{stroke-dashoffset:-1000}}@keyframes ant-line-3ff9b986{to{stroke-dashoffset:-1000}}#modal-container[data-v-3ff9b986]{width:100%;height:100%;position:relative;background-color:#fafafa;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}.modal-org-chart-container[data-v-3ff9b986]{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}#modal-chart-container[data-v-3ff9b986]{-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%;padding-top:50px}#modal-chart-container[data-v-3ff9b986]:active{cursor:-webkit-grabbing;cursor:grabbing}#modal-chart-container svg[data-v-3ff9b986]{overflow:visible}.modal-bottom-right-controls-wrapper[data-v-3ff9b986]{position:absolute;bottom:20px;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}
.modal-zong-men-generation[data-v-17e95cb3]{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;background:#fafafa}.content[data-v-17e95cb3]{-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:hidden}.generation-list[data-v-17e95cb3]{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-y:auto;padding:0 16px;padding-bottom:80px}.empty-state[data-v-17e95cb3]{text-align:center;padding:40px 20px;color:#999;font-size:14px}.add-button-container[data-v-17e95cb3]{position:fixed;bottom:0;left:0;right:0;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -2px 10px rgba(0,0,0,.05)}.nameBox[data-v-17e95cb3]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:8px}.ancestor-tag[data-v-17e95cb3]{font-size:10px;color:#fff;background:-webkit-linear-gradient(315deg, #ff6b6b 0%, #ee5a5a 100%);background:linear-gradient(135deg, #ff6b6b 0%, #ee5a5a 100%);padding:2px 6px;border-radius:4px}.move-icons[data-v-17e95cb3]{display:-webkit-box;display:-webkit-flex;display:flex;gap:12px}.move-icon[data-v-17e95cb3]{font-size:18px;color:#667eea;cursor:pointer;padding:4px;border-radius:6px;-webkit-transition:all .2s;transition:all .2s}.move-icon[data-v-17e95cb3]:hover{background:rgba(102,126,234,.1)}.move-icon.icon-disabled[data-v-17e95cb3]{color:#ccc;cursor:not-allowed}.move-icon.icon-disabled[data-v-17e95cb3]:hover{background:rgba(0,0,0,0)}.load-more[data-v-17e95cb3],.no-more[data-v-17e95cb3]{text-align:center;padding:16px;color:#999;font-size:14px}.load-more[data-v-17e95cb3]{color:#667eea;cursor:pointer}.load-more[data-v-17e95cb3]:active{opacity:.7}.dialog-content[data-v-17e95cb3]{padding:16px 0}.generation-input[data-v-17e95cb3],.index-input[data-v-17e95cb3]{margin-bottom:12px}.delete-button-wrapper[data-v-17e95cb3]{padding-top:12px;border-top:1px solid #f0f0f0}.delete-button-wrapper>div[data-v-17e95cb3]{text-align:center;color:#e74c3c;font-size:14px;padding:12px;cursor:pointer}.delete-button-wrapper>div[data-v-17e95cb3]:active{opacity:.7}
.modal-zong-men-directory-wrapper[data-v-cec47262]{width:100%;height:100%;position:relative;background:#f5f5f5;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.modal-zong-men-directory-wrapper[data-v-cec47262] .zong-men-directory{width:100% !important;height:100% !important;min-height:unset !important;padding-bottom:0 !important;display:-webkit-box !important;display:-webkit-flex !important;display:flex !important;-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;-webkit-flex-direction:column !important;flex-direction:column !important;position:relative !important}.modal-zong-men-directory-wrapper[data-v-cec47262] .search-wrapper{position:relative !important;top:auto !important;left:auto !important;right:auto !important;z-index:1 !important;background:#fff !important;padding:10px 12px !important;box-shadow:none !important;display:-webkit-box !important;display:-webkit-flex !important;display:flex !important;-webkit-box-align:center !important;-webkit-align-items:center !important;align-items:center !important;gap:10px !important;border-bottom:1px solid #f0f0f0}.modal-zong-men-directory-wrapper[data-v-cec47262] .directory-content{position:relative !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;display:-webkit-box !important;display:-webkit-flex !important;display:flex !important;-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;-webkit-flex-direction:row !important;flex-direction:row !important;gap:8px !important;padding:8px !important;overflow:hidden !important;-webkit-box-flex:1 !important;-webkit-flex:1 !important;flex:1 !important}.modal-zong-men-directory-wrapper[data-v-cec47262] .left-catalog{width:40% !important;min-width:140px !important;max-width:200px !important;background-color:#fff !important;border-radius:8px !important;overflow-y:auto !important;overflow-x:hidden !important}.modal-zong-men-directory-wrapper[data-v-cec47262] .right-article-wrapper{-webkit-box-flex:1 !important;-webkit-flex:1 !important;flex:1 !important;position:relative !important;display:-webkit-box !important;display:-webkit-flex !important;display:flex !important;-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;-webkit-flex-direction:column !important;flex-direction:column !important;overflow:hidden !important}.modal-zong-men-directory-wrapper[data-v-cec47262] .right-article-list{-webkit-box-flex:1 !important;-webkit-flex:1 !important;flex:1 !important;background-color:#fff !important;border-radius:8px !important;overflow-y:auto !important;overflow-x:hidden !important;padding:12px !important}.modal-zong-men-directory-wrapper[data-v-cec47262] .right-article-wrapper > .add-btn{position:absolute !important;top:8px !important;right:8px !important;z-index:10 !important}.modal-zong-men-directory-wrapper[data-v-cec47262] .article-cards{width:100% !important}.modal-zong-men-directory-wrapper[data-v-cec47262] .empty-state{padding:30px 20px !important;min-height:150px !important}
.modal-zong-men-person-directory-wrapper[data-v-1d18ca66]{width:100%;height:100%;position:relative;background:#f5f5f5;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.modal-zong-men-person-directory-wrapper[data-v-1d18ca66] .zong-men-directory{width:100% !important;height:100% !important;min-height:unset !important;padding-bottom:0 !important;display:-webkit-box !important;display:-webkit-flex !important;display:flex !important;-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;-webkit-flex-direction:column !important;flex-direction:column !important;position:relative !important}.modal-zong-men-person-directory-wrapper[data-v-1d18ca66] .search-wrapper{position:relative !important;top:auto !important;left:auto !important;right:auto !important;z-index:1 !important;background:#fff !important;padding:10px 12px !important;box-shadow:none !important;display:-webkit-box !important;display:-webkit-flex !important;display:flex !important;-webkit-box-align:center !important;-webkit-align-items:center !important;align-items:center !important;gap:10px !important;border-bottom:1px solid #f0f0f0}.modal-zong-men-person-directory-wrapper[data-v-1d18ca66] .directory-content{position:relative !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;display:-webkit-box !important;display:-webkit-flex !important;display:flex !important;-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;-webkit-flex-direction:row !important;flex-direction:row !important;gap:8px !important;padding:8px !important;overflow:hidden !important;-webkit-box-flex:1 !important;-webkit-flex:1 !important;flex:1 !important}.modal-zong-men-person-directory-wrapper[data-v-1d18ca66] .left-catalog{width:40% !important;min-width:140px !important;max-width:200px !important;background-color:#fff !important;border-radius:8px !important;overflow-y:auto !important;overflow-x:hidden !important}.modal-zong-men-person-directory-wrapper[data-v-1d18ca66] .right-article-wrapper{-webkit-box-flex:1 !important;-webkit-flex:1 !important;flex:1 !important;position:relative !important;display:-webkit-box !important;display:-webkit-flex !important;display:flex !important;-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;-webkit-flex-direction:column !important;flex-direction:column !important;overflow:hidden !important}.modal-zong-men-person-directory-wrapper[data-v-1d18ca66] .right-article-list{-webkit-box-flex:1 !important;-webkit-flex:1 !important;flex:1 !important;background-color:#fff !important;border-radius:8px !important;overflow-y:auto !important;overflow-x:hidden !important;padding:12px !important}.modal-zong-men-person-directory-wrapper[data-v-1d18ca66] .right-article-wrapper > .add-btn{position:absolute !important;top:8px !important;right:8px !important;z-index:10 !important}.modal-zong-men-person-directory-wrapper[data-v-1d18ca66] .article-cards{width:100% !important}.modal-zong-men-person-directory-wrapper[data-v-1d18ca66] .empty-state{padding:30px 20px !important;min-height:150px !important}