.tab-virtualizer {
  height: 100%;
  width: 100%;
  
  &.loading {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
  }
  
  &.unloaded {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    background: #fafafa;
    
    .unloaded-placeholder {
      text-align: center;
      padding: 40px 20px;
      
      .placeholder-icon {
        margin-bottom: 20px;
      }
      
      .placeholder-content {
        h3 {
          color: #666;
          font-size: 18px;
          margin-bottom: 8px;
          font-weight: 500;
        }
        
        .placeholder-desc {
          color: #999;
          font-size: 14px;
          margin-bottom: 12px;
          line-height: 1.5;
        }
        
        .last-access-time {
          color: #bbb;
          font-size: 12px;
          margin-bottom: 20px;
        }
        
        .reload-btn {
          min-width: 120px;
          height: 36px;
          border-radius: 6px;
          box-shadow: 0 2px 4px rgba(24, 144, 255, 0.2);
          
          &:hover {
            transform: translateY(-1px);
            box-shadow: 0 4px 8px rgba(24, 144, 255, 0.3);
            transition: all 0.2s ease;
          }
        }
      }
    }
  }
  
  &.loaded {
    // 正常加载状态的样式
    animation: fadeIn 0.3s ease-in-out;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}