/* 商务合作页 */
.about-content {
  .coop-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0.5rem 0 1.5rem;
    font-size: 1.05rem;

    th,
    td {
      text-align: left;
      padding: 0.95rem 1rem;
      border-bottom: 1px solid var(--border);
      vertical-align: top;
      line-height: 1.65;
    }

    th {
      font-weight: 700;
      color: var(--text-primary);
      width: 10.5em;
      white-space: nowrap;
    }

    td {
      color: var(--text-secondary);
    }

    tr:last-child {
      th,
      td {
        border-bottom: none;
      }
    }
  }

  .service-anchor-list {
    display: grid;
    gap: 0.85rem;
    margin: 1rem 0 0.5rem;
  }

  .service-anchor {
    padding: 1.15rem 1.25rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-card);
    background: var(--bg-card);
    scroll-margin-top: calc(var(--nav-h) + 12px);

    h3 {
      margin: 0 0 0.45rem;
      font-size: 1.05rem;
      font-weight: 800;
      letter-spacing: -0.02em;
      color: var(--text-primary);
    }

    p {
      margin: 0;
      font-size: 1rem;
      line-height: 1.7;
      color: var(--text-secondary);
    }
  }

  .coop-foot-note {
    margin-top: 2rem;
  }

  .contact-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 1.5rem;
    width: 100%;
    margin-top: 0.35rem;
  }

  .contact-card {
    padding: 1.5rem 1.6rem;
    border: 1px solid var(--border-accent);
    border-radius: var(--radius-card);
    background: var(--bg-card);
    box-shadow: var(--shadow-card);
    transition:
      transform var(--transition),
      box-shadow var(--transition),
      border-color var(--transition);

    &:hover {
      transform: translateY(-2px);
      border-color: rgba(57, 118, 250, 0.4);
      box-shadow: var(--shadow-card-hover);
    }

    h3 {
      font-size: 1.15rem;
      font-weight: 800;
      letter-spacing: -0.02em;
      margin-bottom: 0.75rem;
    }

    p {
      color: var(--text-secondary);
      font-size: 1rem;
      line-height: 1.75;
      margin-bottom: 1.1rem;
    }

    .contact-note {
      margin: 1rem 0 0;
      font-size: 0.9rem;
      color: var(--text-muted);
      line-height: 1.65;
    }

    .wechat-qr {
      display: block;
      width: min(180px, 100%);
      height: auto;
      margin: 0.25rem auto 0.85rem;
      border-radius: 12px;
    }

    .qr-caption {
      text-align: center;
      margin: 0;
      font-size: 0.9rem;
      color: var(--text-muted);
    }
  }
}

@media (max-width: 640px) {
  .about-content {
    .coop-table {
      display: block;

      thead {
        display: none;
      }

      tbody,
      tr,
      th,
      td {
        display: block;
        width: 100%;
      }

      tr {
        padding: 1rem 0;
        border-bottom: 1px solid var(--border);
      }

      /* 基础样式在 th/td 上的分隔线在堆叠后会与 tr 的线重复，一并移除 */
      th,
      td {
        border-bottom: none;
      }

      tr:last-child {
        border-bottom: none;
      }

      th {
        padding: 0 0 0.35rem;
        white-space: normal;
      }

      td {
        padding: 0;
      }
    }

    .contact-grid {
      grid-template-columns: 1fr;
    }
  }
}