.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;
}


.article-card[data-v-3f16ed7b]{position:relative;background:#fff;border-radius:8px;padding:6px;margin-bottom:6px;cursor:pointer;-webkit-transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid rgba(0,82,217,.08);box-shadow:0 1px 3px rgba(0,0,0,.04);overflow:hidden;min-height:64px;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:start;-webkit-align-items:flex-start;align-items:flex-start;gap:8px}.article-card[data-v-3f16ed7b]::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:-webkit-linear-gradient(left, #0052d9 0%, #4ecdc4 100%);background:linear-gradient(90deg, #0052d9 0%, #4ecdc4 100%);opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.article-card.is-highlighted[data-v-3f16ed7b]{background:#fafbff;border:1.5px solid rgba(102,126,234,.35);-webkit-animation:pulse-glow-3f16ed7b 2.5s ease-in-out infinite;animation:pulse-glow-3f16ed7b 2.5s ease-in-out infinite}.article-card.is-highlighted[data-v-3f16ed7b]::before{opacity:0}.article-card.is-highlighted .card-accent[data-v-3f16ed7b]{-webkit-transform:scaleX(1);transform:scaleX(1);background:-webkit-linear-gradient(left, #667eea 0%, #764ba2 50%, #f093fb 100%);background:linear-gradient(90deg, #667eea 0%, #764ba2 50%, #f093fb 100%)}.article-card.is-highlighted .card-title[data-v-3f16ed7b]{color:#667eea}.article-card.is-highlighted .cover-box[data-v-3f16ed7b]{border-color:rgba(102,126,234,.25);box-shadow:0 0 8px rgba(102,126,234,.12)}.article-card[data-v-3f16ed7b]:hover{background:#f0f7ff;box-shadow:0 8px 24px rgba(0,82,217,.12);-webkit-transform:translateY(-4px);transform:translateY(-4px);border-color:rgba(0,82,217,.15)}.article-card[data-v-3f16ed7b]:hover::before{opacity:1}.article-card:hover .card-accent[data-v-3f16ed7b]{-webkit-transform:scaleX(1);transform:scaleX(1)}.article-card:hover .card-title[data-v-3f16ed7b]{color:#0052d9}.article-card[data-v-3f16ed7b]:active{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,82,217,.08)}.article-card[data-v-3f16ed7b]:last-child{margin-bottom:0}.card-cover[data-v-3f16ed7b]{-webkit-flex-shrink:0;flex-shrink:0;width:48px;height:48px;-webkit-align-self:flex-start;align-self:flex-start}.card-cover .cover-box[data-v-3f16ed7b]{position:relative;width:100%;height:100%;background:-webkit-linear-gradient(315deg, #fefcfa 0%, #fffdf9 100%);background:linear-gradient(135deg, #fefcfa 0%, #fffdf9 100%);border:1px solid rgba(180,160,140,.18);border-radius:6px;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;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.02)}.card-cover .cover-box .cover-img[data-v-3f16ed7b]{width:100%;height:100%;object-fit:cover;position:relative;z-index:2;border-radius:4px}.card-cover .cover-box .cover-text[data-v-3f16ed7b]{position:relative;z-index:2;font-size:32px;font-weight:600;color:#3d3028;font-family:"SimSun","KaiTi","STKaiti",serif;line-height:1;letter-spacing:0}.card-cover .cover-box .cover-border[data-v-3f16ed7b]{position:absolute;top:3px;left:3px;right:3px;bottom:3px;border:1px dashed rgba(160,140,120,.2);border-radius:3px;pointer-events:none;z-index:1}.card-content[data-v-3f16ed7b]{position:relative;z-index:1;-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width: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-pack:center;-webkit-justify-content:center;justify-content:center}.edit-badge[data-v-3f16ed7b]{position:absolute;left:0;bottom:0;width:24px;height:24px;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, rgba(0, 82, 217, 0.15) 0%, rgba(0, 102, 255, 0.15) 100%);background:linear-gradient(135deg, rgba(0, 82, 217, 0.15) 0%, rgba(0, 102, 255, 0.15) 100%);border-radius:0 8px 0 8px;cursor:pointer;-webkit-transition:all .25s cubic-bezier(0.4, 0, 0.2, 1);transition:all .25s cubic-bezier(0.4, 0, 0.2, 1);z-index:2}.edit-badge .edit-text[data-v-3f16ed7b]{font-size:11px;color:#0052d9;font-weight:400;line-height:1}.edit-badge[data-v-3f16ed7b]:hover{-webkit-transform:scale(1.08);transform:scale(1.08);background:-webkit-linear-gradient(315deg, rgba(0, 82, 217, 0.22) 0%, rgba(0, 102, 255, 0.22) 100%);background:linear-gradient(135deg, rgba(0, 82, 217, 0.22) 0%, rgba(0, 102, 255, 0.22) 100%)}.edit-badge[data-v-3f16ed7b]:active{-webkit-transform:scale(0.95);transform:scale(0.95)}.card-accent[data-v-3f16ed7b]{position:absolute;bottom:0;left:0;right:0;height:1.5px;background:-webkit-linear-gradient(left, #667eea 0%, #764ba2 50%, #f093fb 100%);background:linear-gradient(90deg, #667eea 0%, #764ba2 50%, #f093fb 100%);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;-webkit-transition:-webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1);transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1);transition:transform .3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform .3s cubic-bezier(0.4, 0, 0.2, 1)}.card-title[data-v-3f16ed7b]{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 2px 0;line-height:1.3;word-break:break-all;-webkit-transition:color .3s ease;transition:color .3s ease;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-description[data-v-3f16ed7b]{font-size:12px;color:#6b7280;line-height:1.35;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;letter-spacing:0}.card-detail[data-v-3f16ed7b]{padding-top:12px;margin-top:8px;border-top:1px dashed rgba(0,82,217,.1)}.detail-item[data-v-3f16ed7b]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:12px;color:#999;margin-bottom:6px}.detail-item[data-v-3f16ed7b]:last-child{margin-bottom:0}.detail-label[data-v-3f16ed7b]{-webkit-flex-shrink:0;flex-shrink:0;margin-right:6px;font-weight:500;color:#888}.detail-value[data-v-3f16ed7b]{color:#666;font-weight:400}@-webkit-keyframes pulse-glow-3f16ed7b{0%,100%{border-color:rgba(102,126,234,.35);box-shadow:0 0 0 0 rgba(102,126,234,.2),0 0 0 0 rgba(118,75,162,.15),0 0 0 0 rgba(240,147,251,.1)}50%{border-color:rgba(240,147,251,.5);box-shadow:0 0 0 3px rgba(102,126,234,.12),0 0 0 6px rgba(118,75,162,.08),0 0 0 10px rgba(240,147,251,.04)}}@keyframes pulse-glow-3f16ed7b{0%,100%{border-color:rgba(102,126,234,.35);box-shadow:0 0 0 0 rgba(102,126,234,.2),0 0 0 0 rgba(118,75,162,.15),0 0 0 0 rgba(240,147,251,.1)}50%{border-color:rgba(240,147,251,.5);box-shadow:0 0 0 3px rgba(102,126,234,.12),0 0 0 6px rgba(118,75,162,.08),0 0 0 10px rgba(240,147,251,.04)}}
.date-picker-dialog[data-v-51de133a]{background:#fff;border-radius:20px 20px 0 0;padding:20px}.date-picker-dialog[data-v-51de133a] .t-picker__toolbar{display:none}.date-picker-dialog .tabs[data-v-51de133a]{display:-webkit-box;display:-webkit-flex;display:flex;gap:10px;margin-bottom:20px;border-bottom:1px solid #eee}.date-picker-dialog .tabs .tab-item[data-v-51de133a]{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center;padding:10px 0;font-size:16px;color:#666;cursor:pointer;position:relative}.date-picker-dialog .tabs .tab-item.active[data-v-51de133a]{color:#0052d9;font-weight:600}.date-picker-dialog .tabs .tab-item.active[data-v-51de133a]::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#0052d9}.date-picker-dialog .date-display[data-v-51de133a]{margin-bottom:20px}.date-picker-dialog .date-display .label[data-v-51de133a]{font-size:14px;color:#999;margin-bottom:8px}.date-picker-dialog .date-display .value[data-v-51de133a]{font-size:18px;font-weight:600;color:#333}.date-picker-dialog .picker-container[data-v-51de133a]{margin-bottom:20px}.date-picker-dialog .picker-container .century-selector[data-v-51de133a],.date-picker-dialog .picker-container .era-selector[data-v-51de133a]{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:12px;background:#f5f5f5;border-radius:8px;margin-bottom:15px;cursor:pointer}.date-picker-dialog .picker-container .era-selectors[data-v-51de133a]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.date-picker-dialog .picker-container .date-columns[data-v-51de133a]{display:grid;grid-template-columns:repeat(4, 1fr);text-align:center;margin-bottom:10px}.date-picker-dialog .picker-container .date-columns .column-header[data-v-51de133a]{font-size:14px;color:#666;font-weight:500}.date-picker-dialog .picker-container .custom-input[data-v-51de133a]{margin-bottom:20px}.date-picker-dialog .footer-buttons[data-v-51de133a]{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}
.edit-article-modal-v2[data-v-418c2eaa]{position:fixed;top:0;left:0;width:100%;height:100vh;background:#f5f7fa;z-index:9999;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}.custom-fixed-header[data-v-418c2eaa]{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:-webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);box-shadow:0 2px 8px rgba(0,0,0,.1);padding:0;-webkit-flex-shrink:0;flex-shrink:0}.header-container[data-v-418c2eaa]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:12px 16px;gap:12px}.back-button[data-v-418c2eaa]{width:32px;height:32px;border-radius:8px;background:hsla(0,0%,100%,.2);border:none;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;-webkit-flex-shrink:0;flex-shrink:0}.back-button[data-v-418c2eaa]:active{background:hsla(0,0%,100%,.3);-webkit-transform:scale(0.95);transform:scale(0.95)}.back-icon[data-v-418c2eaa]{font-size:20px;color:#fff}.header-title[data-v-418c2eaa]{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:17px;font-weight:600;color:#fff;margin:0;text-align:left}.header-delete-button[data-v-418c2eaa]{-webkit-flex-shrink:0;flex-shrink:0;color:#fff !important}.header-delete-button[data-v-418c2eaa] .t-button__text{color:#fff !important}.header-delete-button[data-v-418c2eaa]:active{opacity:.8}.container[data-v-418c2eaa]{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-y:auto;padding:12px;padding-bottom:80px;-webkit-overflow-scrolling:touch}.section[data-v-418c2eaa]{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px rgba(0,0,0,.06)}.section-title[data-v-418c2eaa]{font-size:15px;font-weight:600;color:#1f2937;margin:0 0 12px 0;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.date-row-horizontal[data-v-418c2eaa]{display:-webkit-box;display:-webkit-flex;display:flex;gap:8px;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.date-row[data-v-418c2eaa]{margin-bottom:12px}.date-row[data-v-418c2eaa]:last-child{margin-bottom:0}.date-selector[data-v-418c2eaa]{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:14px 16px;background:#f7f8fa;border:1px solid rgba(0,0,0,0);border-radius:10px;font-size:16px;min-height:48px;text-align:left;-webkit-transition:all .25s cubic-bezier(0.4, 0, 0.2, 1);transition:all .25s cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;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;gap:12px}.date-selector[data-v-418c2eaa]:active{-webkit-transform:scale(0.98);transform:scale(0.98)}.date-selector[data-v-418c2eaa]:focus-visible{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.date-selector .date-content[data-v-418c2eaa]{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.date-selector .date-value[data-v-418c2eaa]{color:#1a1a1a;font-size:16px;line-height:1.5}.date-selector .date-placeholder[data-v-418c2eaa]{color:silver;font-size:15px}.title-field[data-v-418c2eaa] .t-textarea__wrapper,.content-field[data-v-418c2eaa] .t-textarea__wrapper{border-radius:8px;font-size:14px;line-height:1.6}.title-field[data-v-418c2eaa] .t-textarea__inner,.content-field[data-v-418c2eaa] .t-textarea__inner{color:#000 !important;font-weight:600 !important}.title-field[data-v-418c2eaa] .t-textarea__inner::-webkit-input-placeholder, .content-field[data-v-418c2eaa] .t-textarea__inner::-webkit-input-placeholder{color:silver !important;font-weight:400 !important}.title-field[data-v-418c2eaa] .t-textarea__inner::-moz-placeholder, .content-field[data-v-418c2eaa] .t-textarea__inner::-moz-placeholder{color:silver !important;font-weight:400 !important}.title-field[data-v-418c2eaa] .t-textarea__inner::placeholder,.content-field[data-v-418c2eaa] .t-textarea__inner::placeholder{color:silver !important;font-weight:400 !important}.title-textarea[data-v-418c2eaa] .t-textarea__wrapper{font-size:15px}.title-textarea[data-v-418c2eaa] .t-textarea__inner{color:#000 !important;font-weight:600 !important}.title-textarea[data-v-418c2eaa] .t-textarea__inner::-webkit-input-placeholder{color:silver !important;font-weight:400 !important}.title-textarea[data-v-418c2eaa] .t-textarea__inner::-moz-placeholder{color:silver !important;font-weight:400 !important}.title-textarea[data-v-418c2eaa] .t-textarea__inner::placeholder{color:silver !important;font-weight:400 !important}.content-textarea[data-v-418c2eaa] .t-textarea__inner{color:#000 !important;font-weight:600 !important}.content-textarea[data-v-418c2eaa] .t-textarea__inner::-webkit-input-placeholder{color:silver !important;font-weight:400 !important}.content-textarea[data-v-418c2eaa] .t-textarea__inner::-moz-placeholder{color:silver !important;font-weight:400 !important}.content-textarea[data-v-418c2eaa] .t-textarea__inner::placeholder{color:silver !important;font-weight:400 !important}.image-grid[data-v-418c2eaa]{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px}.image-item[data-v-418c2eaa]{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#f9fafb;border:1px dashed #e5e7eb}.image-item img[data-v-418c2eaa]{width:100%;height:100%;object-fit:cover}.image-item.uploading[data-v-418c2eaa]{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, #f0f2f5 0%, #e6e8eb 100%);background:linear-gradient(135deg, #f0f2f5 0%, #e6e8eb 100%)}.image-item.add-image[data-v-418c2eaa]{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;color:#9ca3af;-webkit-transition:all .2s ease;transition:all .2s ease}.image-item.add-image[data-v-418c2eaa]:active{background:#f3f4f6;-webkit-transform:scale(0.95);transform:scale(0.95)}.uploading-text[data-v-418c2eaa]{font-size:12px;color:#667eea}.add-icon[data-v-418c2eaa]{font-size:24px;margin-bottom:4px}.add-text[data-v-418c2eaa]{font-size:12px}.delete-badge[data-v-418c2eaa]{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:rgba(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;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.delete-badge[data-v-418c2eaa]:active{background:rgba(220,38,38,.8);-webkit-transform:scale(0.9);transform:scale(0.9)}.delete-badge[data-v-418c2eaa] .t-icon{font-size:12px;color:#fff}.file-input[data-v-418c2eaa]{display:none}.floating-save-button[data-v-418c2eaa]{position:fixed;bottom:24px;right:24px;padding:12px 20px;border-radius:12px;background:rgba(102,126,234,.75) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;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;cursor:pointer;-webkit-transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 12px rgba(102,126,234,.3),0 8px 24px rgba(118,75,162,.2);z-index:999;border:1px solid hsla(0,0%,100%,.2)}.floating-save-button[data-v-418c2eaa]:hover{background:rgba(102,126,234,.9) !important;-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.4),0 12px 32px rgba(118,75,162,.3)}.floating-save-button[data-v-418c2eaa]:active{-webkit-transform:translateY(0);transform:translateY(0)}.floating-save-button.is-submitting[data-v-418c2eaa]{pointer-events:none;opacity:.6 !important}.floating-save-button .upload-icon[data-v-418c2eaa]{width:20px;height:20px;color:#fff;-webkit-flex-shrink:0;flex-shrink:0}.floating-save-button .button-text[data-v-418c2eaa]{color:#fff;font-size:15px;font-weight:600;letter-spacing:.5px;white-space:nowrap}.floating-save-button .loading-icon[data-v-418c2eaa]{width:20px;height:20px}.floating-save-button .loading-icon .spinner[data-v-418c2eaa]{width:100%;height:100%;border:2.5px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;-webkit-animation:spin-418c2eaa .8s linear infinite;animation:spin-418c2eaa .8s linear infinite}@-webkit-keyframes spin-418c2eaa{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin-418c2eaa{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.edit-article-modal-v2 .title-textarea textarea{color:#000 !important;font-weight:600 !important}.edit-article-modal-v2 .title-textarea textarea::-webkit-input-placeholder{color:silver !important;font-weight:400 !important}.edit-article-modal-v2 .title-textarea textarea::-moz-placeholder{color:silver !important;font-weight:400 !important}.edit-article-modal-v2 .title-textarea textarea::placeholder{color:silver !important;font-weight:400 !important}.edit-article-modal-v2 .content-textarea textarea{color:#000 !important;font-weight:600 !important}.edit-article-modal-v2 .content-textarea textarea::-webkit-input-placeholder{color:silver !important;font-weight:400 !important}.edit-article-modal-v2 .content-textarea textarea::-moz-placeholder{color:silver !important;font-weight:400 !important}.edit-article-modal-v2 .content-textarea textarea::placeholder{color:silver !important;font-weight:400 !important}
.read-modal[data-v-59662a79]{height:100vh;background-color:#fff;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;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:100%}.read-modal .modal-header[data-v-59662a79]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:12px 16px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);position:fixed;top:0;z-index:1001;width:100%;max-width:1000px;margin:0 auto;box-sizing:border-box}.read-modal .modal-header h2[data-v-59662a79]{font-size:18px;font-weight:600;color:#000;-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center;padding:0 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.read-modal .modal-content[data-v-59662a79]{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-y:auto;padding:0;background-color:#fff;margin:8px auto 0;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.04);width:100%;max-width:1000px;box-sizing:border-box}.read-modal .modal-content .loading-state[data-v-59662a79]{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;height:200px;text-align:center;margin:0 auto}.read-modal .modal-content .loading-state p[data-v-59662a79]{margin-top:12px;font-size:14px;color:#666}.read-modal .modal-content .article-content .article-title[data-v-59662a79]{text-align:center;margin:0px auto 0;padding:0 0 10px 0;border-radius:8px;font-size:20px;font-weight:600;color:#333}.read-modal .modal-content .article-content .date-section[data-v-59662a79]{display:-webkit-box;display:-webkit-flex;display:flex;gap:15px;padding:8px 0;border-bottom:1px solid #f0f0f0;margin-bottom:12px;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.read-modal .modal-content .article-content .date-section .date-item[data-v-59662a79]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:4px}.read-modal .modal-content .article-content .date-section .date-item .date-icon[data-v-59662a79]{font-size:14px;color:#666}.read-modal .modal-content .article-content .date-section .date-item .date-label[data-v-59662a79]{font-size:12px;color:#666;font-weight:500}.read-modal .modal-content .article-content .date-section .date-item .date-value[data-v-59662a79]{font-size:12px;color:#333;font-weight:500}.read-modal .modal-content .article-content .tags-section[data-v-59662a79]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:10px;margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid #f0f0f0;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.read-modal .modal-content .article-content .tags-section .tag-item[data-v-59662a79]{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background-color:#f0f7ff;border:1px solid #d0e6ff;border-radius:16px;padding:4px 12px;gap:4px}.read-modal .modal-content .article-content .tags-section .tag-item .tag-icon[data-v-59662a79]{font-size:14px;color:#4d9cff}.read-modal .modal-content .article-content .tags-section .tag-item .tag-text[data-v-59662a79]{font-size:13px;color:#4d9cff;font-weight:500}.read-modal .modal-content .article-content .content-section .text-item[data-v-59662a79]{margin-bottom:24px;line-height:1.8;font-size:16px;color:#333;word-wrap:break-word;text-align:justify;width:100%;box-sizing:border-box}.read-modal .modal-content .article-content .content-section .text-item .content-icon[data-v-59662a79]{display:none}.read-modal .modal-content .article-content .content-section .text-item p[data-v-59662a79]{margin:0;line-height:1.8;font-size:16px;color:#333;text-align:justify}.read-modal .modal-content .article-content .content-section .text-item p[data-v-59662a79]:first-child{margin-top:0}.read-modal .modal-content .article-content .content-section .text-item p[data-v-59662a79]:last-child{margin-bottom:0}.read-modal .modal-content .article-content .content-section .image-item-wrapper[data-v-59662a79]{margin-bottom:24px;text-align:center;width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.read-modal .modal-content .article-content .content-section .image-item-wrapper .image-item[data-v-59662a79]{display:inline-block;max-width:100%;width:100%;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08);cursor:pointer;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease, -webkit-transform .2s ease;box-sizing:border-box}.read-modal .modal-content .article-content .content-section .image-item-wrapper .image-item[data-v-59662a79]:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.read-modal .modal-content .article-content .content-section .image-item-wrapper .image-item img[data-v-59662a79]{max-width:100%;width:100%;height:auto;display:block;border-radius:8px;object-fit:contain;box-sizing:border-box}.read-modal .modal-content .article-content .empty-state[data-v-59662a79]{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;height:300px;text-align:center;margin:0 auto}.read-modal .modal-content .article-content .empty-state .empty-icon[data-v-59662a79]{font-size:48px;color:#ccc;margin-bottom:16px}.read-modal .modal-content .article-content .empty-state p[data-v-59662a79]{font-size:16px;color:#999}.image-preview-modal[data-v-59662a79]{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.12);max-width:90%;width:100%;margin:0 auto}.image-preview-modal .preview-header[data-v-59662a79]{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:16px;border-bottom:1px solid #f0f0f0}.image-preview-modal .preview-header h3[data-v-59662a79]{margin:0;font-size:18px;font-weight:600;color:#333}.image-preview-modal .preview-content[data-v-59662a79]{position:relative;padding:20px;text-align:center;max-height:70vh;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;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.image-preview-modal .preview-content .preview-image[data-v-59662a79]{max-width:100%;max-height:60vh;width:auto;height:auto;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);object-fit:contain;display:block;margin:0 auto}.image-preview-modal .preview-content .image-counter[data-v-59662a79]{position:absolute;bottom:12px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:rgba(0,0,0,.6);color:#fff;padding:4px 12px;border-radius:12px;font-size:14px}.image-preview-modal .preview-footer[data-v-59662a79]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:16px;gap:12px}.image-preview-modal .preview-footer button[data-v-59662a79]{-webkit-box-flex:1;-webkit-flex:1;flex:1}@media(max-width: 768px){.read-modal[data-v-59662a79]{padding:0 10px}.read-modal .modal-header[data-v-59662a79]{padding:12px 10px;margin:0 auto}.read-modal .modal-content[data-v-59662a79]{margin:8px auto 0;padding:0px 15px;border-radius:8px}.read-modal .modal-content .article-content .date-section[data-v-59662a79]{gap:8px;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:8px 0;margin-bottom:12px}.read-modal .modal-content .article-content .tags-section[data-v-59662a79]{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.read-modal .modal-content .article-content .content-section .text-item[data-v-59662a79]{font-size:15px;margin-bottom:20px}.read-modal .modal-content .article-content .content-section .image-item-wrapper[data-v-59662a79]{margin-bottom:20px}.read-modal .modal-content .article-content .content-section .image-item-wrapper .image-item img[data-v-59662a79]{max-width:100%;width:100%;height:auto}.read-modal .modal-content .article-content .date-item .date-icon[data-v-59662a79]{font-size:12px}.read-modal .modal-content .article-content .date-item .date-label[data-v-59662a79]{font-size:11px}.read-modal .modal-content .article-content .date-item .date-value[data-v-59662a79]{font-size:11px}}
.user-role-detail-modal[data-v-062f4b41]{background:#fff;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-header[data-v-062f4b41]{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:15px 20px;background:#fff;color:#333;border-bottom:1px solid #eee;-webkit-flex-shrink:0;flex-shrink:0}.modal-header h2[data-v-062f4b41]{margin:0;font-size:1.4rem;font-weight:bold;-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center}.header-placeholder[data-v-062f4b41]{display:none}.t-button{font-weight:normal}.drag-indicator[data-v-062f4b41]{display:none}.modal-body[data-v-062f4b41]{padding:20px;-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-y:auto;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;gap:20px}.user-info[data-v-062f4b41]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:15px;padding:15px;background:#f8f9ff;border-radius:10px;box-shadow:0 2px 8px rgba(102,126,234,.1)}.avatar[data-v-062f4b41]{width:60px;height:60px;border-radius:50%;overflow:hidden;-webkit-flex-shrink:0;flex-shrink:0}.avatar img[data-v-062f4b41]{width:100%;height:100%;object-fit:cover}.user-details[data-v-062f4b41]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.user-name[data-v-062f4b41]{font-size:1.2rem;font-weight:bold;color:#333;margin-bottom:5px}.user-id[data-v-062f4b41]{font-size:.9rem;color:#666}.role-list[data-v-062f4b41]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;gap:15px}.role-item[data-v-062f4b41]{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:15px;background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.05);border:1px solid #eee}.role-info[data-v-062f4b41]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.role-name[data-v-062f4b41]{font-size:1rem;font-weight:bold;color:#333;margin-bottom:3px}.role-desc[data-v-062f4b41]{font-size:.85rem;color:#666}.empty-state[data-v-062f4b41]{text-align:center;padding:40px 20px;color:#999;font-size:1rem}@media(max-width: 768px){.modal-header[data-v-062f4b41]{padding:12px 15px}.modal-header h2[data-v-062f4b41]{font-size:1.2rem}.modal-body[data-v-062f4b41]{padding:15px;gap:15px}.user-info[data-v-062f4b41]{padding:12px;gap:12px}.avatar[data-v-062f4b41]{width:50px;height:50px}.user-name[data-v-062f4b41]{font-size:1.1rem}.role-item[data-v-062f4b41]{padding:12px}.role-name[data-v-062f4b41]{font-size:.95rem}}.modal-footer[data-v-062f4b41]{padding:20px;border-top:1px solid #eee;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;gap:10px}.modal-footer .kick-button[data-v-062f4b41]{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:44px;font-size:16px;background-color:#e54545;color:#fff;border:none}.modal-footer .kick-button[data-v-062f4b41]:hover{background-color:#d43838}.modal-footer .transfer-button[data-v-062f4b41]{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:44px;font-size:16px;background-color:#007aff;color:#fff;border:none}.modal-footer .transfer-button[data-v-062f4b41]:hover{background-color:#0062cc}
.popup-head-box[data-v-1739807a]{position:relative;background:#fff;height:80px;border-radius:20px 20px 0 0}.zongmen-member-modal[data-v-1739807a]{min-height:100vh;padding-bottom:100px;border-radius:20px 20px 0 0}.zongmen-member-modal .scrollable-container[data-v-1739807a]{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-1739807a]{z-index:9000;position:fixed;top:0;left:0;right:0}.zongmen-member-modal[data-v-1739807a] .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-1739807a] .t-navbar .t-navbar__center{font-weight:500;font-size:18px}.zongmen-member-modal[data-v-1739807a] .t-navbar .t-navbar__left .t-icon{font-size:24px}.zongmen-member-modal[data-v-1739807a] .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-1739807a]{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-1739807a]::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-1739807a]:last-child{margin-bottom:0}.zongmen-member-modal .section-title[data-v-1739807a]{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-1739807a]::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-1739807a] .t-form__item{margin-bottom:16px}.zongmen-member-modal[data-v-1739807a] .t-form__item .t-cell{padding:14px 0;background:rgba(0,0,0,0)}.zongmen-member-modal[data-v-1739807a] .t-form__item .t-cell::after{display:none}.zongmen-member-modal[data-v-1739807a] .t-form__item .t-input{text-align:right;padding-right:0}.zongmen-member-modal[data-v-1739807a] .t-form__item .t-input__inner{text-align:right;color:#34495e;font-size:16px}.zongmen-member-modal[data-v-1739807a] .t-form__item .t-textarea__wrapper{padding:0;border:none}.zongmen-member-modal[data-v-1739807a] .t-form__item .t-textarea__limit{text-align:right;padding-right:0}.zongmen-member-modal .core-info-section[data-v-1739807a] .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-1739807a] .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-1739807a] .horizontal-item .cell-label,.zongmen-member-modal .core-info-section[data-v-1739807a] .horizontal-item .cell-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zongmen-member-modal .core-info-section .section-title[data-v-1739807a]{text-align:left}.zongmen-member-modal .introduction-vertical-layout[data-v-1739807a]{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-1739807a]{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-1739807a]::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-1739807a] .t-textarea .t-textarea__wrapper{padding:0;border:none}.zongmen-member-modal .introduction-vertical-layout[data-v-1739807a] .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-1739807a] .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-1739807a] .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-1739807a]{padding:14px 0}.zongmen-member-modal .form-item .t-cell[data-v-1739807a]::after{display:none}.zongmen-member-modal .avatar-info-layout[data-v-1739807a]{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-1739807a]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.zongmen-member-modal .avatar-info-layout .info-fields-container[data-v-1739807a] .t-form__item{margin-bottom:16px}.zongmen-member-modal .avatar-info-layout .info-fields-container .name-fields[data-v-1739807a] .t-form__item{margin-bottom:16px}.zongmen-member-modal .avatar-preview.id-photo-frame[data-v-1739807a]{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-1739807a]::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-1739807a]: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-1739807a]:active{-webkit-transform:translateY(0);transform:translateY(0)}.zongmen-member-modal .avatar-preview.id-photo-frame .avatar-placeholder[data-v-1739807a]{position:relative;z-index:1}.zongmen-member-modal .avatar-preview.id-photo-frame .avatar-placeholder .avatar-icon[data-v-1739807a]{font-size:36px;color:#667eea}.zongmen-member-modal .avatar-preview.id-photo-frame .avatar-placeholder .avatar-text[data-v-1739807a]{font-size:15px;margin-top:10px;color:#7f8c8d}.zongmen-member-modal .avatar-preview.id-photo-frame .avatar-image[data-v-1739807a]{width:100%;height:100%;object-fit:cover;border-radius:10px}.zongmen-member-modal .avatar-preview[data-v-1739807a]{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-1739807a]: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-1739807a]:active{-webkit-transform:scale(1);transform:scale(1)}.zongmen-member-modal .avatar-image[data-v-1739807a]{width:100%;height:100%;object-fit:cover}.zongmen-member-modal .avatar-placeholder[data-v-1739807a]{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-1739807a]{font-size:28px;margin-bottom:6px;color:#667eea}.zongmen-member-modal .avatar-placeholder .avatar-text[data-v-1739807a]{font-size:13px}.zongmen-member-modal .avatar-file-input[data-v-1739807a]{display:none}.zongmen-member-modal .name-fields[data-v-1739807a] .t-form__item{margin-bottom:16px}.zongmen-member-modal .horizontal-fields[data-v-1739807a]{display:-webkit-box;display:-webkit-flex;display:flex;gap:15px;margin-bottom:16px}.zongmen-member-modal .horizontal-fields .t-form__item[data-v-1739807a]{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-bottom:0}.zongmen-member-modal .horizontal-item[data-v-1739807a]{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-bottom:0}.zongmen-member-modal .horizontal-item[data-v-1739807a] .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-1739807a] .t-cell:active{background:#edf2f7}.zongmen-member-modal .horizontal-item[data-v-1739807a] .t-form__item{margin-bottom:0}.zongmen-member-modal .cell-label[data-v-1739807a]{font-size:16px;color:#2c3e50;font-weight:500}.zongmen-member-modal .cell-value[data-v-1739807a]{font-size:16px;color:#7f8c8d;margin-left:10px}.zongmen-member-modal .cell-value.selected[data-v-1739807a]{color:#2c3e50}.zongmen-member-modal .deceased[data-v-1739807a]{color:#e74c3c !important;font-weight:600}.zongmen-member-modal .footer-fixed[data-v-1739807a]{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-1739807a]{margin:0;padding:0;width:100%}.zongmen-member-modal .button-group[data-v-1739807a]{display:-webkit-box;display:-webkit-flex;display:flex;gap:15px;width:100%}.zongmen-member-modal .button-group .action-button[data-v-1739807a]{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0}.zongmen-member-modal .button-group .half-width-button[data-v-1739807a]{width:50%}.zongmen-member-modal[data-v-1739807a] .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-1739807a] .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-1739807a] .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-1739807a] .t-button--default.action-button:focus{outline:none;box-shadow:0 0 0 2px rgba(102,126,234,.2)}.zongmen-member-modal[data-v-1739807a] .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-1739807a] .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-1739807a] .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-1739807a] .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-1739807a] .t-popup__overlay{background-color:rgba(0,0,0,.6)}.zongmen-member-modal[data-v-1739807a] .t-picker__toolbar{height:56px;border-bottom:1px solid #f0f0f0}.zongmen-member-modal[data-v-1739807a] .t-picker__confirm,.zongmen-member-modal[data-v-1739807a] .t-picker__cancel{font-size:17px;color:#667eea;font-weight:500}.zongmen-member-modal[data-v-1739807a] .t-picker__title{font-size:17px;font-weight:600}.zongmen-member-modal[data-v-1739807a] .t-date-time-picker__toolbar{height:56px;border-bottom:1px solid #f0f0f0}.zongmen-member-modal[data-v-1739807a] .t-date-time-picker__confirm,.zongmen-member-modal[data-v-1739807a] .t-date-time-picker__cancel{font-size:17px;color:#667eea;font-weight:500}.zongmen-member-modal[data-v-1739807a] .t-action-sheet__header{font-weight:600;font-size:17px;padding:20px}.zongmen-member-modal[data-v-1739807a] .t-action-sheet__item{font-size:17px;padding:18px 20px;color:#2c3e50}.zongmen-member-modal[data-v-1739807a] .t-action-sheet__item:not(:last-child)::after{content:"";position:absolute;bottom:0;left:20px;right:20px;height:1px;background:#eee}@-webkit-keyframes fadeInUp-1739807a{from{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp-1739807a{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-1739807a]{-webkit-animation:fadeInUp-1739807a .6s ease forwards;animation:fadeInUp-1739807a .6s ease forwards}.zongmen-member-modal .section[data-v-1739807a]:nth-child(1){-webkit-animation-delay:.1s;animation-delay:.1s}.zongmen-member-modal .section[data-v-1739807a]:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.zongmen-member-modal .section[data-v-1739807a]:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.zongmen-member-modal .custom-button[data-v-1739807a]{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-1739807a]: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-1739807a]: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-1739807a]: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-1739807a]{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-1739807a]: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-1739807a]: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-1739807a]: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-1739807a]{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-1739807a]: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-1739807a]: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-1739807a]: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-1739807a]{margin-bottom:25px}.zongmen-member-modal .relation-module[data-v-1739807a]:last-child{margin-bottom:0}.zongmen-member-modal .relation-module .module-title[data-v-1739807a]{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-1739807a]::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-1739807a]{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-1739807a]{-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-1739807a]{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-1739807a]: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-1739807a]{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-1739807a]{margin-bottom:8px;width:100%}.zongmen-member-modal .relation-module .person-card .person-info .person-name[data-v-1739807a]{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-1739807a]{font-size:12px;color:#7f8c8d;margin-bottom:3px}.zongmen-member-modal .relation-module .person-card .person-info div.person-gender[data-v-1739807a]{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-1739807a]{background-color:#e3f2fd !important;color:#1976d2 !important}.zongmen-member-modal .relation-module .person-card .person-info div.person-gender.female[data-v-1739807a]{background-color:#fce4ec !important;color:#c2185b !important}.zongmen-member-modal .relation-module .person-card .tags-container[data-v-1739807a]{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-1739807a]{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-1739807a]{margin-right:2px;font-size:8px}.zongmen-member-modal .relation-module .person-card div.relation-tag .text[data-v-1739807a]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zongmen-member-modal .relation-module .person-card div.relation-tag.male[data-v-1739807a]{background-color:#e3f2fd !important;color:#1976d2 !important}.zongmen-member-modal .relation-module .person-card div.relation-tag.female[data-v-1739807a]{background-color:#fce4ec !important;color:#c2185b !important}.zongmen-member-modal .relation-module .empty-state[data-v-1739807a]{text-align:center;padding:20px;color:#999}.zongmen-member-modal .relation-module .empty-state .empty-text[data-v-1739807a]{font-size:14px;margin:0}.close-btn[data-v-1739807a]{position:absolute;right:10px;top:-40px}.person-bio-btn[data-v-1739807a]{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-1739807a]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.person-bio-btn[data-v-1739807a]:active{-webkit-transform:translateY(0);transform:translateY(0);box-shadow:0 2px 6px rgba(102,126,234,.3)}.avatar-upload-container[data-v-1739807a]{position:absolute;z-index:999;left:15px;top:-75px}.avatar-upload-container .avatar-and-info-wrapper[data-v-1739807a]{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-1739807a]{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-1739807a]{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-1739807a]{display:-webkit-box;display:-webkit-flex;display:flex}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item[data-v-1739807a]{margin-bottom:8px}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item .label[data-v-1739807a]{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-1739807a]{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-1739807a]{font-size:25px;font-weight:bold}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item .info-tag[data-v-1739807a],.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item .zi-bei-tag[data-v-1739807a],.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item .gender-tag[data-v-1739807a],.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item .rank-tag[data-v-1739807a],.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item .generation-tag[data-v-1739807a]{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-1739807a]{background:#0052d9;color:#fff}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item .rank-tag[data-v-1739807a]{background:#4caf50;color:#fff}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item .gender-tag[data-v-1739807a]{background:#ff9800;color:#fff}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item .zi-bei-tag[data-v-1739807a]{background:#9c27b0;color:#fff}.avatar-upload-container .avatar-and-info-wrapper .avatar-right-info .info-item[data-v-1739807a]:last-child{margin-bottom:0}.avatar-preview.id-photo-frame[data-v-1739807a]::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-1739807a]: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-1739807a]:active{-webkit-transform:translateY(0);transform:translateY(0)}.avatar-preview.id-photo-frame .avatar-placeholder[data-v-1739807a]{position:relative;z-index:1}.avatar-preview.id-photo-frame .avatar-placeholder .avatar-icon[data-v-1739807a]{font-size:36px;color:#667eea}.avatar-preview.id-photo-frame .avatar-placeholder .avatar-text[data-v-1739807a]{font-size:15px;margin-top:10px;color:#7f8c8d}.avatar-preview.id-photo-frame .avatar-image[data-v-1739807a]{width:100%;height:100%;object-fit:cover;border-radius:10px}.avatar-preview[data-v-1739807a]{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-1739807a]: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-1739807a]: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;
}


.edit-article-modal-v2[data-v-92bda352]{position:fixed;top:0;left:0;width:100%;height:100vh;background:#f5f7fa;z-index:9999;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}.custom-fixed-header[data-v-92bda352]{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:-webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);box-shadow:0 2px 8px rgba(0,0,0,.1);padding:0;-webkit-flex-shrink:0;flex-shrink:0}.header-container[data-v-92bda352]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:12px 16px;gap:12px}.back-button[data-v-92bda352]{width:32px;height:32px;border-radius:8px;background:hsla(0,0%,100%,.2);border:none;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;-webkit-flex-shrink:0;flex-shrink:0}.back-button[data-v-92bda352]:active{background:hsla(0,0%,100%,.3);-webkit-transform:scale(0.95);transform:scale(0.95)}.back-icon[data-v-92bda352]{font-size:20px;color:#fff}.header-title[data-v-92bda352]{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:17px;font-weight:600;color:#fff;margin:0;text-align:left}.header-delete-button[data-v-92bda352]{-webkit-flex-shrink:0;flex-shrink:0;color:#fff !important}.header-delete-button[data-v-92bda352] .t-button__text{color:#fff !important}.header-delete-button[data-v-92bda352]:active{opacity:.8}.container[data-v-92bda352]{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-y:auto;padding:12px;padding-bottom:80px;-webkit-overflow-scrolling:touch}.section[data-v-92bda352]{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px rgba(0,0,0,.06)}.section-title[data-v-92bda352]{font-size:15px;font-weight:600;color:#1f2937;margin:0 0 12px 0;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.date-row-horizontal[data-v-92bda352]{display:-webkit-box;display:-webkit-flex;display:flex;gap:8px;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.date-row[data-v-92bda352]{margin-bottom:12px}.date-row[data-v-92bda352]:last-child{margin-bottom:0}.date-selector[data-v-92bda352]{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:14px 16px;background:#f7f8fa;border:1px solid rgba(0,0,0,0);border-radius:10px;font-size:16px;min-height:48px;text-align:left;-webkit-transition:all .25s cubic-bezier(0.4, 0, 0.2, 1);transition:all .25s cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;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;gap:12px}.date-selector[data-v-92bda352]:active{-webkit-transform:scale(0.98);transform:scale(0.98)}.date-selector[data-v-92bda352]:focus-visible{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.date-selector .date-content[data-v-92bda352]{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.date-selector .date-value[data-v-92bda352]{color:#1a1a1a;font-size:16px;line-height:1.5}.date-selector .date-placeholder[data-v-92bda352]{color:silver;font-size:15px}.title-field[data-v-92bda352] .t-textarea__wrapper,.content-field[data-v-92bda352] .t-textarea__wrapper{border-radius:8px;font-size:14px;line-height:1.6}.title-field[data-v-92bda352] .t-textarea__inner,.content-field[data-v-92bda352] .t-textarea__inner{color:#000 !important;font-weight:600 !important}.title-field[data-v-92bda352] .t-textarea__inner::-webkit-input-placeholder, .content-field[data-v-92bda352] .t-textarea__inner::-webkit-input-placeholder{color:silver !important;font-weight:400 !important}.title-field[data-v-92bda352] .t-textarea__inner::-moz-placeholder, .content-field[data-v-92bda352] .t-textarea__inner::-moz-placeholder{color:silver !important;font-weight:400 !important}.title-field[data-v-92bda352] .t-textarea__inner::placeholder,.content-field[data-v-92bda352] .t-textarea__inner::placeholder{color:silver !important;font-weight:400 !important}.title-textarea[data-v-92bda352] .t-textarea__wrapper{font-size:15px}.title-textarea[data-v-92bda352] .t-textarea__inner{color:#000 !important;font-weight:600 !important}.title-textarea[data-v-92bda352] .t-textarea__inner::-webkit-input-placeholder{color:silver !important;font-weight:400 !important}.title-textarea[data-v-92bda352] .t-textarea__inner::-moz-placeholder{color:silver !important;font-weight:400 !important}.title-textarea[data-v-92bda352] .t-textarea__inner::placeholder{color:silver !important;font-weight:400 !important}.content-textarea[data-v-92bda352] .t-textarea__inner{color:#000 !important;font-weight:600 !important}.content-textarea[data-v-92bda352] .t-textarea__inner::-webkit-input-placeholder{color:silver !important;font-weight:400 !important}.content-textarea[data-v-92bda352] .t-textarea__inner::-moz-placeholder{color:silver !important;font-weight:400 !important}.content-textarea[data-v-92bda352] .t-textarea__inner::placeholder{color:silver !important;font-weight:400 !important}.image-grid[data-v-92bda352]{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px}.image-item[data-v-92bda352]{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#f9fafb;border:1px dashed #e5e7eb}.image-item img[data-v-92bda352]{width:100%;height:100%;object-fit:cover}.image-item.uploading[data-v-92bda352]{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, #f0f2f5 0%, #e6e8eb 100%);background:linear-gradient(135deg, #f0f2f5 0%, #e6e8eb 100%)}.image-item.add-image[data-v-92bda352]{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;color:#9ca3af;-webkit-transition:all .2s ease;transition:all .2s ease}.image-item.add-image[data-v-92bda352]:active{background:#f3f4f6;-webkit-transform:scale(0.95);transform:scale(0.95)}.uploading-text[data-v-92bda352]{font-size:12px;color:#667eea}.add-icon[data-v-92bda352]{font-size:24px;margin-bottom:4px}.add-text[data-v-92bda352]{font-size:12px}.delete-badge[data-v-92bda352]{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:rgba(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;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.delete-badge[data-v-92bda352]:active{background:rgba(220,38,38,.8);-webkit-transform:scale(0.9);transform:scale(0.9)}.delete-badge[data-v-92bda352] .t-icon{font-size:12px;color:#fff}.file-input[data-v-92bda352]{display:none}.floating-save-button[data-v-92bda352]{position:fixed;bottom:24px;right:24px;padding:12px 20px;border-radius:12px;background:rgba(102,126,234,.75) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;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;cursor:pointer;-webkit-transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 12px rgba(102,126,234,.3),0 8px 24px rgba(118,75,162,.2);z-index:999;border:1px solid hsla(0,0%,100%,.2)}.floating-save-button[data-v-92bda352]:hover{background:rgba(102,126,234,.9) !important;-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.4),0 12px 32px rgba(118,75,162,.3)}.floating-save-button[data-v-92bda352]:active{-webkit-transform:translateY(0);transform:translateY(0)}.floating-save-button.is-submitting[data-v-92bda352]{pointer-events:none;opacity:.6 !important}.floating-save-button .upload-icon[data-v-92bda352]{width:20px;height:20px;color:#fff;-webkit-flex-shrink:0;flex-shrink:0}.floating-save-button .button-text[data-v-92bda352]{color:#fff;font-size:15px;font-weight:600;letter-spacing:.5px;white-space:nowrap}.floating-save-button .loading-icon[data-v-92bda352]{width:20px;height:20px}.floating-save-button .loading-icon .spinner[data-v-92bda352]{width:100%;height:100%;border:2.5px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;-webkit-animation:spin-92bda352 .8s linear infinite;animation:spin-92bda352 .8s linear infinite}@-webkit-keyframes spin-92bda352{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin-92bda352{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.edit-article-modal-v2 .title-textarea textarea{color:#000 !important;font-weight:600 !important}.edit-article-modal-v2 .title-textarea textarea::-webkit-input-placeholder{color:silver !important;font-weight:400 !important}.edit-article-modal-v2 .title-textarea textarea::-moz-placeholder{color:silver !important;font-weight:400 !important}.edit-article-modal-v2 .title-textarea textarea::placeholder{color:silver !important;font-weight:400 !important}.edit-article-modal-v2 .content-textarea textarea{color:#000 !important;font-weight:600 !important}.edit-article-modal-v2 .content-textarea textarea::-webkit-input-placeholder{color:silver !important;font-weight:400 !important}.edit-article-modal-v2 .content-textarea textarea::-moz-placeholder{color:silver !important;font-weight:400 !important}.edit-article-modal-v2 .content-textarea textarea::placeholder{color:silver !important;font-weight:400 !important}
.read-modal[data-v-4d0ac76e]{height:100vh;background-color:#fff;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;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:100%}.read-modal .modal-header[data-v-4d0ac76e]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:12px 16px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);position:fixed;top:0;z-index:1001;width:100%;max-width:1000px;margin:0 auto;box-sizing:border-box}.read-modal .modal-header h2[data-v-4d0ac76e]{font-size:18px;font-weight:600;color:#000;-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center;padding:0 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.read-modal .modal-content[data-v-4d0ac76e]{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-y:auto;padding:0;background-color:#fff;margin:8px auto 0;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.04);width:100%;max-width:1000px;box-sizing:border-box}.read-modal .modal-content .loading-state[data-v-4d0ac76e]{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;height:200px;text-align:center;margin:0 auto}.read-modal .modal-content .loading-state p[data-v-4d0ac76e]{margin-top:12px;font-size:14px;color:#666}.read-modal .modal-content .article-content .article-title[data-v-4d0ac76e]{text-align:center;margin:0px auto 0;padding:0 0 10px 0;border-radius:8px;font-size:20px;font-weight:600;color:#333}.read-modal .modal-content .article-content .date-section[data-v-4d0ac76e]{display:-webkit-box;display:-webkit-flex;display:flex;gap:15px;padding:8px 0;border-bottom:1px solid #f0f0f0;margin-bottom:12px;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.read-modal .modal-content .article-content .date-section .date-item[data-v-4d0ac76e]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:4px}.read-modal .modal-content .article-content .date-section .date-item .date-icon[data-v-4d0ac76e]{font-size:14px;color:#666}.read-modal .modal-content .article-content .date-section .date-item .date-label[data-v-4d0ac76e]{font-size:12px;color:#666;font-weight:500}.read-modal .modal-content .article-content .date-section .date-item .date-value[data-v-4d0ac76e]{font-size:12px;color:#333;font-weight:500}.read-modal .modal-content .article-content .tags-section[data-v-4d0ac76e]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:10px;margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid #f0f0f0;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.read-modal .modal-content .article-content .tags-section .tag-item[data-v-4d0ac76e]{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background-color:#f0f7ff;border:1px solid #d0e6ff;border-radius:16px;padding:4px 12px;gap:4px}.read-modal .modal-content .article-content .tags-section .tag-item .tag-icon[data-v-4d0ac76e]{font-size:14px;color:#4d9cff}.read-modal .modal-content .article-content .tags-section .tag-item .tag-text[data-v-4d0ac76e]{font-size:13px;color:#4d9cff;font-weight:500}.read-modal .modal-content .article-content .content-section .text-item[data-v-4d0ac76e]{margin-bottom:24px;line-height:1.8;font-size:16px;color:#333;word-wrap:break-word;text-align:justify;width:100%;box-sizing:border-box}.read-modal .modal-content .article-content .content-section .text-item .content-icon[data-v-4d0ac76e]{display:none}.read-modal .modal-content .article-content .content-section .text-item p[data-v-4d0ac76e]{margin:0;line-height:1.8;font-size:16px;color:#333;text-align:justify}.read-modal .modal-content .article-content .content-section .text-item p[data-v-4d0ac76e]:first-child{margin-top:0}.read-modal .modal-content .article-content .content-section .text-item p[data-v-4d0ac76e]:last-child{margin-bottom:0}.read-modal .modal-content .article-content .content-section .image-item-wrapper[data-v-4d0ac76e]{margin-bottom:24px;text-align:center;width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.read-modal .modal-content .article-content .content-section .image-item-wrapper .image-item[data-v-4d0ac76e]{display:inline-block;max-width:100%;width:100%;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08);cursor:pointer;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease, -webkit-transform .2s ease;box-sizing:border-box}.read-modal .modal-content .article-content .content-section .image-item-wrapper .image-item[data-v-4d0ac76e]:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.read-modal .modal-content .article-content .content-section .image-item-wrapper .image-item img[data-v-4d0ac76e]{max-width:100%;width:100%;height:auto;display:block;border-radius:8px;object-fit:contain;box-sizing:border-box}.read-modal .modal-content .article-content .empty-state[data-v-4d0ac76e]{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;height:300px;text-align:center;margin:0 auto}.read-modal .modal-content .article-content .empty-state .empty-icon[data-v-4d0ac76e]{font-size:48px;color:#ccc;margin-bottom:16px}.read-modal .modal-content .article-content .empty-state p[data-v-4d0ac76e]{font-size:16px;color:#999}.image-preview-modal[data-v-4d0ac76e]{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.12);max-width:90%;width:100%;margin:0 auto}.image-preview-modal .preview-header[data-v-4d0ac76e]{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:16px;border-bottom:1px solid #f0f0f0}.image-preview-modal .preview-header h3[data-v-4d0ac76e]{margin:0;font-size:18px;font-weight:600;color:#333}.image-preview-modal .preview-content[data-v-4d0ac76e]{position:relative;padding:20px;text-align:center;max-height:70vh;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;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.image-preview-modal .preview-content .preview-image[data-v-4d0ac76e]{max-width:100%;max-height:60vh;width:auto;height:auto;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);object-fit:contain;display:block;margin:0 auto}.image-preview-modal .preview-content .image-counter[data-v-4d0ac76e]{position:absolute;bottom:12px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:rgba(0,0,0,.6);color:#fff;padding:4px 12px;border-radius:12px;font-size:14px}.image-preview-modal .preview-footer[data-v-4d0ac76e]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:16px;gap:12px}.image-preview-modal .preview-footer button[data-v-4d0ac76e]{-webkit-box-flex:1;-webkit-flex:1;flex:1}@media(max-width: 768px){.read-modal[data-v-4d0ac76e]{padding:0 10px}.read-modal .modal-header[data-v-4d0ac76e]{padding:12px 10px;margin:0 auto}.read-modal .modal-content[data-v-4d0ac76e]{margin:8px auto 0;padding:0px 15px;border-radius:8px}.read-modal .modal-content .article-content .date-section[data-v-4d0ac76e]{gap:8px;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:8px 0;margin-bottom:12px}.read-modal .modal-content .article-content .tags-section[data-v-4d0ac76e]{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.read-modal .modal-content .article-content .content-section .text-item[data-v-4d0ac76e]{font-size:15px;margin-bottom:20px}.read-modal .modal-content .article-content .content-section .image-item-wrapper[data-v-4d0ac76e]{margin-bottom:20px}.read-modal .modal-content .article-content .content-section .image-item-wrapper .image-item img[data-v-4d0ac76e]{max-width:100%;width:100%;height:auto}.read-modal .modal-content .article-content .date-item .date-icon[data-v-4d0ac76e]{font-size:12px}.read-modal .modal-content .article-content .date-item .date-label[data-v-4d0ac76e]{font-size:11px}.read-modal .modal-content .article-content .date-item .date-value[data-v-4d0ac76e]{font-size:11px}}

/* TDesign Popup 内容包装器 */
.edit-content-wrapper[data-v-2b5ba58c] {
  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: white;
  overflow: hidden;
}

/* 编辑弹窗标题区域 */
.edit-modal-header[data-v-2b5ba58c] {
  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: 24rpx 32rpx;
  border-bottom: 1rpx solid #f0f0f0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.edit-modal-title[data-v-2b5ba58c] {
  font-size: 32rpx;
  font-weight: 600;
  color: #333;
  margin: 0;
}

/* 重新设计的设置按钮样式 */
.settings-button[data-v-2b5ba58c] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  gap: 4rpx;
  background: -webkit-linear-gradient(315deg, #667eea 0%, #764ba2 100%);
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border: none;
  border-radius: 50rpx; /* 更加圆润的胶囊形状 */
  padding: 12rpx 24rpx;
  font-size: 26rpx;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 
    0 4rpx 12rpx rgba(102, 126, 234, 0.3),
    0 2rpx 4rpx rgba(102, 126, 234, 0.2),
    inset 0 1rpx 0 rgba(255, 255, 255, 0.1);
  font-weight: 500;
  letter-spacing: 0.5rpx;
  position: relative;
  overflow: hidden;
  width: auto;
  height: auto;
}
.settings-button[data-v-2b5ba58c]:hover {
  -webkit-transform: translateY(-2rpx) scale(1.02);
          transform: translateY(-2rpx) scale(1.02);
  box-shadow: 
    0 8rpx 20rpx rgba(102, 126, 234, 0.4),
    0 4rpx 8rpx rgba(102, 126, 234, 0.3),
    inset 0 1rpx 0 rgba(255, 255, 255, 0.2);
}
.settings-button[data-v-2b5ba58c]:active {
  -webkit-transform: translateY(1rpx) scale(0.98);
          transform: translateY(1rpx) scale(0.98);
  box-shadow: 
    0 2rpx 8rpx rgba(102, 126, 234, 0.3),
    0 1rpx 4rpx rgba(102, 126, 234, 0.2),
    inset 0 1rpx 0 rgba(255, 255, 255, 0.1);
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.settings-icon[data-v-2b5ba58c] {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.settings-button:hover .settings-icon[data-v-2b5ba58c] {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

/* 编辑弹窗内容区域 */
.edit-modal-body[data-v-2b5ba58c] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 16rpx 32rpx;
}

/* 编辑弹窗底部操作区域 */
.edit-modal-footer[data-v-2b5ba58c] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  gap: 16rpx;
  padding: 16rpx 32rpx 32rpx;
  border-top: 1rpx solid #f0f0f0;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}

/* 编辑表单样式 */
.edit-form[data-v-2b5ba58c] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  gap: 24rpx;
}

/* 表单分组卡片容器样式 */
.form-group-container[data-v-2b5ba58c] {
  background: -webkit-linear-gradient(315deg, #f0f8ff 0%, #e6f3ff 50%, #dbeafe 100%);
  background: linear-gradient(135deg, #f0f8ff 0%, #e6f3ff 50%, #dbeafe 100%);
  border: 1px solid rgba(59, 130, 246, 0.3);
  border-radius: 8px;
  padding: 10px 12px;
  box-shadow: 
    0 2px 8px rgba(59, 130, 246, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
  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;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  margin-bottom: 12px;
}
.form-group-container[data-v-2b5ba58c]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: -webkit-linear-gradient(left, rgba(59, 130, 246, 0.6), rgba(29, 78, 216, 0.4), rgba(37, 99, 235, 0.6));
  background: linear-gradient(90deg, rgba(59, 130, 246, 0.6), rgba(29, 78, 216, 0.4), rgba(37, 99, 235, 0.6));
  border-radius: 8px 8px 0 0;
}
.form-group-container[data-v-2b5ba58c]::after {
  content: '';
  position: absolute;
  top: 0.5px;
  left: 0.5px;
  right: 0.5px;
  bottom: 0.5px;
  border: 0.5px solid rgba(255, 255, 255, 0.4);
  border-radius: 7.5px;
  pointer-events: none;
}
.form-group-container[data-v-2b5ba58c]:hover {
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
  box-shadow: 
    0 4px 12px rgba(59, 130, 246, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
  border-color: rgba(59, 130, 246, 0.4);
  background: -webkit-linear-gradient(315deg, #eff6ff 0%, #dbeafe 50%, #bfdbfe 100%);
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 50%, #bfdbfe 100%);
}

/* 分组标题样式 */
.group-title[data-v-2b5ba58c] {
  font-size: 15px;
  background: -webkit-linear-gradient(315deg, #1d4ed8, #2563eb, #3b82f6);
  background: linear-gradient(135deg, #1d4ed8, #2563eb, #3b82f6);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  margin: 0 0 6px 0;
  padding-bottom: 4px;
  border-bottom: 0.5px solid rgba(59, 130, 246, 0.3);
  text-shadow: 0 1px 3px rgba(59, 130, 246, 0.15);
  letter-spacing: 0.5px;
  position: relative;
}
.group-title[data-v-2b5ba58c]::after {
  content: '';
  position: absolute;
  bottom: -0.5px;
  left: 0;
  width: 20px;
  height: 1px;
  background: -webkit-linear-gradient(left, rgba(59, 130, 246, 0.6), rgba(29, 78, 216, 0.4));
  background: linear-gradient(90deg, rgba(59, 130, 246, 0.6), rgba(29, 78, 216, 0.4));
  border-radius: 0.5px;
}

/* 表单字段组基础样式 */
.edit-form-group[data-v-2b5ba58c] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  gap: 8rpx;
}

/* 表单字段组行内样式：实现标签在左侧，输入框在右侧的布局 */
.edit-form-group.inline[data-v-2b5ba58c] {
  -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: 12rpx;
  white-space: nowrap; /* 防止内容换行 */
  width: 100%;
  max-width: 100%;
  overflow: hidden; /* 防止内容溢出 */
}

/* 表单字段标签样式：固定宽度，确保多个字段标签对齐 */
.edit-form-group.inline .edit-form-label[data-v-2b5ba58c] {
  min-width: 100rpx;
  width: 100rpx;
  text-align: right; /* 改为右对齐 */
  -webkit-align-self: flex-start;
          align-self: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end; /* 确保文字在容器内右对齐 */
  -webkit-flex-shrink: 0;
          flex-shrink: 0; /* 防止标签在空间不足时收缩 */
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 16rpx; /* 与输入框内边距对齐，确保文字第一行对齐 */
  line-height: 1.2;
}

/* 表单字段标签基础样式 */
.edit-form-label[data-v-2b5ba58c] {
  font-size: 28rpx;
  color: #666;
  font-weight: 500;
  text-align: right; /* 改为右对齐 */
  line-height: 1.2;
}

/* 表单输入框样式：弹性布局，填充剩余空间 */
.edit-form-input[data-v-2b5ba58c] {
  padding: 14rpx 16rpx;
  border: 2rpx solid #e0e0e0;
  border-radius: 12rpx;
  font-size: 28rpx;
  color: #333;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1; /* 弹性布局，填充容器剩余空间 */
  box-sizing: border-box;
  min-width: 0; /* 允许输入框收缩以适应容器 */
  max-width: calc(100% - 120rpx); /* 确保不超出容器宽度 */
  overflow: hidden;
  text-overflow: ellipsis;
}
.edit-form-input[data-v-2b5ba58c]:focus {
  outline: none;
  border-color: #1890ff;
  box-shadow: 0 0 0 4rpx rgba(24, 144, 255, 0.1);
}
.edit-form-input[data-v-2b5ba58c]::-webkit-input-placeholder {
  color: #bbb;
}
.edit-form-input[data-v-2b5ba58c]::-moz-placeholder {
  color: #bbb;
}
.edit-form-input[data-v-2b5ba58c]::placeholder {
  color: #bbb;
}

/* 只读输入框样式 */
.edit-form-input[readonly][data-v-2b5ba58c] {
  background-color: #f5f5f5;
  color: #666;
  cursor: not-allowed;
}

/* 编辑弹窗底部操作区域 */
.edit-modal-footer[data-v-2b5ba58c] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  gap: 16rpx;
  padding: 16rpx 32rpx 32rpx;
  border-top: 1rpx solid #f0f0f0;
}

/* 编辑弹窗按钮样式 */
.edit-modal-btn[data-v-2b5ba58c] {
  padding: 16rpx 32rpx;
  border-radius: 12rpx;
  font-size: 28rpx;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 2rpx solid transparent;
  min-width: 120rpx;
}
.edit-modal-btn.secondary[data-v-2b5ba58c] {
  background-color: #f5f5f5;
  color: #666;
  border-color: #e0e0e0;
}
.edit-modal-btn.secondary[data-v-2b5ba58c]:hover {
  background-color: #e8e8e8;
  border-color: #d0d0d0;
}
.edit-modal-btn.primary[data-v-2b5ba58c] {
  background: -webkit-linear-gradient(315deg, #1890ff, #40a9ff);
  background: linear-gradient(135deg, #1890ff, #40a9ff);
  color: white;
  border-color: #1890ff;
}
.edit-modal-btn.primary[data-v-2b5ba58c]:hover {
  background: -webkit-linear-gradient(315deg, #40a9ff, #1890ff);
  background: linear-gradient(135deg, #40a9ff, #1890ff);
  box-shadow: 0 4rpx 12rpx rgba(24, 144, 255, 0.3);
}

/* 出生日期选择器样式 */
.birth-date-input[data-v-2b5ba58c] {
  cursor: pointer;
  background-color: white;
}
.birth-date-input[data-v-2b5ba58c]:focus {
  cursor: pointer;
}

/* 移动端适配 */
@media (max-width: 768px) {
  /* 移动端保持横向排列，但优化间距和尺寸 */
.edit-form-group.inline[data-v-2b5ba58c] {
    -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: 8rpx;
    width: 100%;
    max-width: 100%;
}
  
  /* 移动端表单字段标签样式：缩小宽度适应小屏幕 */
.edit-form-group.inline .edit-form-label[data-v-2b5ba58c] {
    width: 80rpx;
    min-width: 80rpx;
    font-size: 26rpx;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    padding-top: 14rpx; /* 移动端与输入框内边距对齐 */
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
            align-items: flex-start;
}
  
  /* 移动端表单输入框样式：优化尺寸和间距 */
.edit-form-input[data-v-2b5ba58c] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
            flex: 1;
    min-width: 0;
    max-width: calc(100% - 88rpx);
    padding: 12rpx 14rpx;
    font-size: 26rpx;
}
  
  /* 移动端表单分组卡片容器样式 */
.form-group-container[data-v-2b5ba58c] {
    padding: 16rpx 20rpx;
    gap: 12rpx;
    border-radius: 12rpx;
}
  
  /* 移动端分组标题样式 */
.group-title[data-v-2b5ba58c] {
    font-size: 26rpx;
}
  
  /* 移动端弹窗底部操作区域：调整为垂直排列 */
.edit-modal-footer[data-v-2b5ba58c] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
}
  
  /* 移动端弹窗按钮样式：适应移动端布局 */
.edit-modal-btn[data-v-2b5ba58c] {
    width: 100%;
}
}

/* 父亲信息容器样式 */
.father-container[data-v-2b5ba58c] {
  border: 2rpx solid rgba(148, 163, 184, 0.6);
  border-radius: 8rpx;
  padding: 12rpx 16rpx;
  background-color: white;
  margin-bottom: 16rpx;
  position: relative; /* 为删除角标定位做准备 */
  overflow: visible; /* 确保角标不会被裁剪 */
  isolation: isolate; /* 创建新的层叠上下文 */
}

/* 父亲字段容器样式 */
.father-fields-container[data-v-2b5ba58c] {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  gap: 8rpx;
}

/* 弧形删除角标样式 */
.delete-corner-badge[data-v-2b5ba58c] {
  position: absolute;
  top: 0;
  left: 0;
  width: 40rpx;
  height: 40rpx;
  background: -webkit-linear-gradient(315deg, #ff4d4f, #f5222d);
  background: linear-gradient(135deg, #ff4d4f, #f5222d);
  border-radius: 0 0 50% 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1000; /* 极高z-index确保在最上层 */
  box-shadow: 2rpx 2rpx 6rpx rgba(0, 0, 0, 0.3);
  border: 2rpx solid white; /* 添加白色边框使其更明显 */
  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;
}
.delete-corner-badge[data-v-2b5ba58c]:hover {
  background: -webkit-linear-gradient(315deg, #ff7875, #ff4d4f);
  background: linear-gradient(135deg, #ff7875, #ff4d4f);
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

/* 删除图标样式 */
.delete-icon[data-v-2b5ba58c] {
  color: white;
  font-size: 24rpx;
  font-weight: bold;
  text-shadow: 0 0 2rpx rgba(0, 0, 0, 0.5); /* 添加文字阴影使其更清晰 */
  line-height: 1;
}

/* 无关系人物信息提示样式 */
.no-parent-info[data-v-2b5ba58c] {
  text-align: center;
  padding: 20rpx;
  color: #999;
  font-size: 26rpx;
}
.no-parent-info p[data-v-2b5ba58c] {
  margin: 0;
}

.half-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 9999;
  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;
  backdrop-filter: blur(8rpx);
  -webkit-backdrop-filter: blur(8rpx);
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
  will-change: opacity;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

/* 动画效果 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/* 弹窗内容动画优化 */
.modal-content {
  width: 100%;
  max-width: 1000rpx;
  max-height: 80vh;
  background: transparent!important;
  border-radius: 40rpx;
  overflow: hidden;
  -webkit-animation: fadeIn 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          animation: fadeIn 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 4rpx 30rpx rgba(0, 0, 0, 0.08);
  position: relative;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  will-change: transform;
  touch-action: pan-y;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  margin: 10px;
}

/* 拖拽指示条 */
.drag-indicator {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 20rpx 0 16rpx 0;
  cursor: -webkit-grab;
  cursor: grab;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  min-height: 80rpx;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

.drag-indicator:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
  background-color: rgba(0, 0, 0, 0.05);
}

.indicator-bar {
  width: 72rpx;
  height: 8rpx;
  background: #e5e5e5;
  border-radius: 4rpx;
  /* 移动端优化 */
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

.drag-indicator:hover .indicator-bar {
  background: #d0d0d0;
}

.drag-indicator:active .indicator-bar {
  background: #b0b0b0;
}

/* 标题区域 */
.modal-header {
  padding: 0 40rpx 28rpx 40rpx;
  text-align: center;
  border-bottom: 2rpx solid #f0f0f0;
  min-height: 84rpx;
  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;
}

.modal-title {
  margin: 0;
  font-size: 34rpx;
  font-weight: 600;
  color: #1a1a1a;
  line-height: 1.35;
}

/* 内容区域 */
.modal-body {
  padding: 36rpx 40rpx;
  max-height: calc(80vh - 160rpx);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* 滚动条样式 */
.modal-body::-webkit-scrollbar {
  width: 8rpx;
}

.modal-body::-webkit-scrollbar-track {
  background: transparent;
}

.modal-body::-webkit-scrollbar-thumb {
  background: #d1d1d1;
  border-radius: 4rpx;
}

.modal-body::-webkit-scrollbar-thumb:hover {
  background: #b8b8b8;
}

/* 新增的容器结构 */
.container-structure {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  padding: 40rpx;
  gap: 30rpx;
  background: transparent!important;;
}

.single-container {
  border: 4rpx solid red;
  border-radius: 16rpx;
  min-height: 200rpx;
  padding: 30rpx;
  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;
}

.blank-containers {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  gap: 20rpx;
     
}

.blank-container {
  border: 4rpx solid red;
  border-radius: 16rpx;
  min-height: 100rpx;
 
  display: -webkit-box;
 
  display: -webkit-flex;
 
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 20rpx;
background: transparent !important;
}

.horizontal-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;

  -webkit-box-align: center;

  -webkit-align-items: center;

          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.card-item {
  -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;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  background-color: transparent;
  max-width: 80px;
  border-radius: 10px;
  overflow: hidden;
  border: 2rpx solid #e0e0e0;
  background-color: #ffffff;
}


/* 纵向卡片容器 */
.vertical-cards {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  max-width: unset;
}

.card-item-inner {
  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;
  background-color: transparent;
  width: 80px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.1);
  border: 2rpx solid #e0e0e0;
  background-color: #ffffff;
 
}
 .sister-card{
    margin-top: 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;
    
    .form-top{
      width: 100%;
      -webkit-box-flex:1;
      -webkit-flex:1;
              flex:1;
       -webkit-box-align: center;
       -webkit-align-items: center;
               align-items: center;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
             justify-content: center;
     display: -webkit-box;
     display: -webkit-flex;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -webkit-flex-direction: column;
             flex-direction: column;
      font-size: 20px;
      .btn_one{
        -webkit-box-flex: 1;
        -webkit-flex: 1;
                flex: 1; text-align: right; padding-right: 0;
        color: #1976d2;
        font-size: 16px;
        font-weight: 700;
      }
      .btn_two{
        -webkit-box-flex: 1;
        -webkit-flex: 1;
                flex: 1; text-align: left; padding-left: 0;
         font-size: 16px;
         font-weight: 700;
      }
    }
    .btn-box{
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      width: 100%;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
              justify-content: space-between;
      .action-btn{
        margin: 5px;
      }
    }
 
}

.card-form {
  width: 100%;
}

.form-item {
  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;
  padding: 24rpx 32rpx;
  position: relative;
}

.form-item:not(:last-child)::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 32rpx;
  right: 32rpx;
  height: 1rpx;
  background-color: #eee;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
}

.form-item-label {
  font-size: 28rpx;
  color: #333;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}

.form-item-value {
  font-size: 28rpx;
  color: #999;
  text-align: right;
  max-width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.form-item-value::after {
  content: '';
  display: inline-block;
  width: 16rpx;
  height: 16rpx;
  border-top: 2rpx solid #c0c0c0;
  border-right: 2rpx solid #c0c0c0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: 16rpx;
}

// 添加cz-box样式 - 横向排列和微信风格配色
.cz-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;

  margin: 30rpx 0;
  padding: 0 10rpx;
}

.cz-box div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  padding: 20rpx;
  border-radius: 10rpx;
  text-align: center;
  font-size: 28rpx;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/* 查看按钮 - 微信样式 */
.cz-box div:nth-child(1) {
  background-color: #f8f8f8;
  color: #333;
  border: 1rpx solid #e5e5e5;
}

.cz-box div:nth-child(1):active {
  background-color: #e5e5e5;
}

/* 绑定微信按钮 - 微信绿色 */
.cz-box div:nth-child(2) {
  background-color: #07c160;
  color: white;
}

.cz-box div:nth-child(2):active {
  background-color: #05a352;
}

/* 删除按钮 - 微信红色 */
.cz-box div:nth-child(3) {
  background-color: #fa5151;
  color: white;
}

.cz-box div:nth-child(3):active {
  background-color: #e34848;
}

.action-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 32rpx;
 
}

.action-btn {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  padding: 20rpx;
  border-radius: 10rpx;
  border: none;
  font-size: 28rpx;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 5px;
  white-space: normal; /* 允许换行 */
  word-wrap: break-word; /* 允许长单词换行 */
}

.edit-btn {
  background-color: #07c160;
  color: white;
}

.edit-btn:active {
  background-color: #05a352;
}

.view-btn {
  background-color: #1890ff;
  color: white;
  border: 1rpx solid #1890ff;
}

.view-btn:active {
  background-color: #096dd9;
  border-color: #096dd9;
}

.delete-btn {
  background-color: #fa5151;
  color: white;
}

.delete-btn:active {
  background-color: #e34848;
}

.avatar {
  width: 100rpx;
  height: 100rpx;
  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;
  overflow: hidden;
}

.avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.text-card {
  padding: 20rpx;
  background-color: white;
  border-radius: 12rpx;
  border: 2rpx solid #ccc;
  text-align: center;
  width: 100%;
  font-size: 28rpx;
  box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.1);
}

/* 高分辨率屏幕优化 */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .modal-content {
    border-radius: 40rpx;
  }

  .indicator-bar {
    width: 72rpx;
    height: 8rpx;
  }

  .blank-container {
    border-radius: 16rpx;
  }

  .text-card {
    border-radius: 12rpx;
  }

  .form-data-container {
    border-radius: 10rpx;
  }
}

/* 安全区域适配（iPhone X 等） */
@supports (padding: max(0px)) {
  .modal-content {
    padding-bottom: max(40rpx, env(safe-area-inset-bottom));
  }
  
  .modal-body {
    padding-bottom: max(40rpx, env(safe-area-inset-bottom));
  }
}

/* 触摸反馈优化 */
@media (hover: none) and (pointer: coarse) {
  .drag-indicator {
    -webkit-transition: background-color 0.1s ease;
    transition: background-color 0.1s ease;
  }
  
  .drag-indicator:active {
    background-color: rgba(0, 0, 0, 0.1);
  }
  
  .indicator-bar {
    -webkit-transition: background-color 0.1s ease;
    transition: background-color 0.1s ease;
  }
  
  .indicator-bar:active {
    background-color: #a0a0a0;
  }
}

/* 编辑人物信息弹窗样式 - 仿照传史发家的弹窗 */
.edit-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10000;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  -webkit-animation: fadeIn 0.3s ease;
          animation: fadeIn 0.3s ease;
}

.edit-modal-container {
  width: 80%;
  height: 100%;
  background: -webkit-linear-gradient(315deg, #fefefe 0%, #f9fafb 20%, #f3f4f6 100%);
  background: linear-gradient(135deg, #fefefe 0%, #f9fafb 20%, #f3f4f6 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 20px rgba(0, 0, 0, 0.15);
  -webkit-animation: slideInRight 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          animation: slideInRight 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  overflow: hidden;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

.edit-modal-header {
  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: 20px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.2);
  background: -webkit-linear-gradient(315deg, 
    rgba(102, 126, 234, 0.1) 0%,
    rgba(148, 163, 184, 0.05) 50%,
    rgba(203, 213, 225, 0.02) 100%
  );
  background: linear-gradient(135deg, 
    rgba(102, 126, 234, 0.1) 0%,
    rgba(148, 163, 184, 0.05) 50%,
    rgba(203, 213, 225, 0.02) 100%
  );
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.edit-modal-title {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #374151;
  text-shadow: 0 1px 2px rgba(148, 163, 184, 0.1);
}

.edit-modal-close {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #6b7280;
  width: 32px;
  height: 32px;
  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;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.edit-modal-close:hover {
  background: rgba(102, 126, 234, 0.1);
  color: #374151;
}

.edit-modal-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  padding: 20px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.edit-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

/* 新增的圆角边线容器样式 */
.info-container {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(148, 163, 184, 0.3);
  border-radius: 12px;
  padding: 8rpx;
  margin-bottom: 20px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.info-container:hover {
  border-color: rgba(102, 126, 234, 0.4);
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.1);
}

.container-content {
  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;
  min-height: 40rpx;
}

/* 容器内的姓名输入框样式 */
.name-inputs {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  gap: 0rpx;
  width: 100%;
}

/* 姓名文字显示框样式 */
.name-display {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  gap: 2rpx;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.name-part {
  font-size: 32rpx !important;
  font-weight: 600 !important;
  color: #374151 !important;
  padding: 12rpx 16rpx !important;
  -webkit-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
  border: 3rpx solid #94a3b8 !important;
  border-radius: 8rpx !important;
  background: #ffffff !important;
  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.15) !important;
  display: inline-block !important;
  min-width: 60rpx !important;
  text-align: center !important;
}

.name-part.first-name {
  text-align: right;
}

.name-part.last-name {
  text-align: left;
}

.name-part:hover {
  color: #667eea !important;
  -webkit-transform: scale(1.05) !important;
          transform: scale(1.05) !important;
  border-color: #667eea !important;
  background: #ffffff !important;
  box-shadow: 0 6rpx 18rpx rgba(102, 126, 234, 0.3) !important;
}

.name-inputs .edit-form-input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  border: none;
  border-bottom: 2rpx solid rgba(148, 163, 184, 0.4);
  border-radius: 0;
  padding: 8rpx 4rpx;
  font-size: 28rpx;
  line-height: 1.3;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: transparent;
  box-sizing: border-box;
  min-height: 50rpx;
}

/* 左侧输入框（姓氏）文字右对齐，简洁设计 */
.name-inputs .edit-form-input:first-child {
  text-align: right;
  margin-right: 4rpx;
}

/* 右侧输入框（名字）文字左对齐，简洁设计 */
.name-inputs .edit-form-input:last-child {
  text-align: left;
  margin-left: 4rpx;
}

.name-inputs .edit-form-input:focus {
  border-bottom-color: rgba(102, 126, 234, 0.8);
  outline: none;
  background: rgba(255, 255, 255, 0.1);
}

.edit-form-group {
  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: start;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  gap: 12px;
  min-height: 44px;
}

.edit-form-label {
  font-weight: 500;
  color: #374151;
  font-size: 14px;
  min-width: 80px;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  word-wrap: break-word;
  word-break: break-all;
  margin-bottom: 0;
  text-align: right;
  padding-right: 8px;
  line-height: 1.5;
  padding-top: 12px;
}

.edit-form-input,
.edit-form-select,
.edit-form-textarea {
  width: 100%;
  border: 1px solid rgba(148, 163, 184, 0.3);
  border-radius: 8px;
  padding: 12px;
  font-size: 14px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  box-sizing: border-box;
}

.edit-form-input:focus,
.edit-form-select:focus,
.edit-form-textarea:focus {
  border-color: rgba(102, 126, 234, 0.6);
  outline: none;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
  background: rgba(255, 255, 255, 0.95);
}

.edit-form-textarea {
  resize: vertical;
  min-height: 80px;
  font-family: inherit;
  color: rgba(0, 0, 0, 0.9); /* 统一文本颜色 */
}

/* 所有输入框布局统一 */
.edit-form-group .edit-form-input,
.edit-form-group .edit-form-select,
.edit-form-group .edit-form-textarea {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}

/* 胶囊按钮设计 - 极简科技风 */
.gender-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  gap: 16rpx;
  width: 100%;
  padding: 0;
}

.gender-btn {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  height: 72rpx;
  border: none;
  border-radius: 36rpx;
  font-size: 28rpx;
  font-weight: 500;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -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);
  
  /* 默认状态 - 胶囊形状 */
  background: #f1f5f9;
  color: #64748b;
  border: 2rpx solid #e2e8f0;
  box-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.08);
}

/* TDesign 胶囊按钮设计 - 现代科技风 */
.tdesign-capsule-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  gap: 16rpx;
  width: 100%;
  padding: 0;
}

.tdesign-capsule-btn {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  height: 80rpx;
  border: none;
  border-radius: 40rpx;
  font-size: 28rpx;
  font-weight: 500;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  -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);
  letter-spacing: 2rpx;
  
  /* 默认状态 - TDesign胶囊形状 */
  background: rgba(241, 245, 249, 0.9);
  color: #333333;
  border: 2rpx solid rgba(226, 232, 240, 0.8);
  box-shadow: 
    0 4rpx 12rpx rgba(0, 0, 0, 0.08),
    inset 0 1rpx 0 rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(12rpx);
          backdrop-filter: blur(12rpx);
}

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

/* 选中状态 - TDesign 科技蓝渐变胶囊 */
.tdesign-capsule-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 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);
  text-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.2);
}

/* 选中状态悬停 - 增强效果 */
.tdesign-capsule-btn.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-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;
}