/* advantages.css - 核心优势样式 (Leverstyle 风格) */

#advantages {
  background-color: var(--color-bg);
}

.advantages-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background-color: var(--color-border);
  margin-top: 60px;
}

.advantage-item {
  display: flex;
  flex-direction: column;
  padding: 60px 48px;
  background-color: var(--color-bg);
  transition: background-color var(--transition-normal);
}

.advantage-item:hover {
  background-color: var(--color-bg-alt);
}

.advantage-item.reverse {
  flex-direction: column;
}

.advantage-image {
  display: none;
}

.advantage-number {
  font-family: var(--font-serif);
  font-size: 39px;
  color: var(--color-border);
  font-weight: 400;
  line-height: 1;
  margin-bottom: 24px;
}

.advantage-content {
  flex: 1;
}

.advantage-title {
  font-family: var(--font-serif);
  font-size: 23px;
  color: var(--color-text);
  margin-bottom: 16px;
  font-weight: 400;
}

.advantage-desc {
  font-size: 14px;
  color: var(--color-text-light);
  line-height: 1.8;
  font-weight: 300;
}

@media (max-width: 1023px) {
  .advantages-list { margin-top: 40px; }
  .advantage-item { padding: 40px 32px; }
}

@media (max-width: 767px) {
  .advantages-list {
    grid-template-columns: 1fr;
    margin-top: 30px;
  }
  .advantage-item { padding: 32px 20px; }
  .advantage-number { font-size: 2.5rem; }
}