/**
 * 关于页正文样式（/about-content.css）
 * 生成 HTML 时使用 class：about-h2 / about-h3 / about-p / about-ol 等
 */

.about-content {
  color: #3d3843;
  font-size: 16px;
  line-height: 1.8;
  word-break: break-word;
}

.about-section {
  margin: 0 0 1.75rem;
  padding: 0 0 1.25rem;
  border-bottom: 1px solid #e5e4e7;
}

.about-section:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.about-subsection {
  margin: 0.75rem 0 0;
  padding: 0.75rem 0 0 0.85rem;
  border-left: 3px solid #aa3bff66;
}

.about-h2 {
  margin: 0 0 0.75rem;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.45;
  color: #08060d;
}

.about-h3 {
  margin: 0 0 0.55rem;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.45;
  color: #08060d;
}

.about-p {
  margin: 0 0 0.85rem;
  text-align: justify;
}

.about-p:last-child,
.about-subsection .about-ol:last-child,
.about-subsection .about-ul:last-child {
  margin-bottom: 0;
}

.about-p.about-phase {
  padding-left: 0.5rem;
  border-left: 2px solid #aa3bff40;
}

.about-ol,
.about-ul {
  margin: 0 0 0.85rem 1.25rem;
  padding: 0;
}

.about-li {
  margin: 0 0 0.5rem;
  line-height: 1.75;
}

.about-li:last-child {
  margin-bottom: 0;
}

.about-content a {
  color: #aa3bff;
  text-decoration: underline;
  word-break: break-all;
}

@media (prefers-color-scheme: dark) {
  .about-content {
    color: #9ca3af;
  }

  .about-section {
    border-bottom-color: #2e303a;
  }

  .about-h2,
  .about-h3 {
    color: #f3f4f6;
  }

  .about-subsection {
    border-left-color: #c084fc66;
  }

  .about-p.about-phase {
    border-left-color: #c084fc40;
  }

  .about-content a {
    color: #c084fc;
  }
}

@media (max-width: 640px) {
  .about-content {
    font-size: 15px;
    line-height: 1.75;
  }

  .about-h2 {
    font-size: 17px;
  }

  .about-h3 {
    font-size: 15px;
  }

  .about-subsection {
    padding-left: 0.65rem;
  }
}