/*
 * @file assets css post-parser.css
 * @description 游戏公告解析 css
 * @author BTMuli <bt-muli@outlook.com
 * @since Alpha v0.2.0
 */

.anno-body {
  width: 800px;
  margin: 0 auto;
  font-family: var(--font-text);
}

.anno-title {
  color: var(--common-text-title);
  font-family: var(--font-title);
  font-size: 24px;
}

.anno-subtitle {
  color: var(--common-text-quote);
  font-size: 16px;
}

.anno-img {
  width: 800px;
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  margin-bottom: 10px;
}

.anno-content {
  line-height: 2;
}

.anno-link-icon {
  width: 18px;
  height: 18px;
  color: #00c3ff;
}

.anno-content :deep(a) {
  color: #00c3ff;
  text-decoration: none;
}

.anno-content :deep(p) {
  color: #4b5366;
  line-height: 2;
}

.anno-content :deep(details) {
  padding: 10px;
  border: #35acce 2px solid;
  border-radius: 10px;
  margin: 10px;
}

.anno-content :deep(details) div {
  margin-left: 10px;
}

.anno-content :deep(details) ::marker {
  color: #35acce;
  content: "✧";
}

.anno-content :deep(ol) {
  list-style: "✧";
}

.anno-content :deep(td) {
  padding-left: 10px;
  line-height: 2;
}