/* 背景容器渐变动画 */
/* .comparison-wrapper {
  padding: 20px 20px;
  background: linear-gradient(-45deg, #f0f4ff, #70a2f1, #f0f4ff, #2081ff);
  background-size: 600% 600%;
  animation: gradientFlow 12s ease infinite;
}

@keyframes gradientFlow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
} */
.comparison-title {
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    margin: 20px 0 20px 0;
    font-family: sans-serif;
    color: #025ab8;
  }
.comparison-table {
    width: 100%;
    max-width: 1000px;
    margin: 40px auto;
    font-size: 18px;
    font-family: sans-serif;
    border: 1px solid #ddd;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  }

  .comparison-header, .comparison-row {
    display: flex;
    border-bottom: 1px solid #eee;
  }

  .comparison-header {
    background-color: #f8f9fa;
    font-weight: bold;
  }

  .comparison-cell {
    flex: 1;
    padding: 12px 16px;
    text-align: center;
    border-right: 1px solid #eee;
  }

  .comparison-cell:last-child {
    border-right: none;
  }

  .comparison-row:last-child {
    border-bottom: none;
  }

  .highlight {
    background-color: #e4ebe6;
    color: #1a7f37;
    font-weight: bold;
  }

  .danger {
    color: #cc0e01;
    font-weight: bold;
  }

  .warn {
    color: #8d6000;
    font-weight: bold;
  }

  @media (max-width: 768px) {
    .comparison-header, .comparison-row {
      flex-direction: column;
    }

    .comparison-cell {
      text-align: left;
      border-right: none;
      border-bottom: 1px solid #eee;
    }

    .comparison-cell:last-child {
      border-bottom: none;
    }
  }