/*ald10 2020 CSS*/

/** default tag*/
a {
  color: var(--color-blue);
  text-decoration: none;
}

/* 无序列表样式 */
ul {
  list-style-type: none;
  /* 移除默认的项目符号 */
  padding-left: 0;
  margin: 0;
}

ul li::before {
  content: "•";
  /* 自定义项目符号 */
  color: var(--color-blue-border);
  /* 项目符号颜色 */
  padding-right: 8px;
  /* 项目符号与文本之间的间距 */
}

/* 有序列表样式 */
ol {
  list-style-type: decimal;
  /* 使用默认的数字列表样式 */
  padding-left: 1rem;
  margin: 0.5rem 0;
}

ol li {
  margin-bottom: 4px;
  /* 列表项之间的间距 */
}

/* 自定义有序列表样式 */
ol.custom-numbers {
  list-style-type: none;
  counter-reset: item;
}

ol.custom-numbers li {
  counter-increment: item;
  margin-left: 20px;
  position: relative;
}

ol.custom-numbers li::before {
  content: counter(item) ". ";
  position: absolute;
  left: -20px;
}

ai {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
}

ai::after {
  content: "AI";
  font-size: 0.5rem;
  border-radius: 4px;
  background-color: var(--color-blue-bg);
  padding: 0.1rem 0.2rem;
}

.entry {
  font-size: 0.875rem;
  color: #333;
  margin: 0.5rem;

  --color-blue: #007BFF;
  --color-blue-border: #007BFF60;
  --color-blue-header: #007BFF40;
  --color-blue-bg: #007BFF20;
  --color-dark: #333;
  --color-dark-light: #666;
  --color-dark-lighter: #999;
  --color-red: #FF4136;
  --color-green: #2ECC40;
  --color-orange: #F1C40F;
}

/**hide element*/
.symbols,
/**/
.phonetics,
.traditional,
.li_sense_before,
.box_title .simple {
  display: none;
}

.webtop {
  vertical-align: baseline;
}

.headword {
  font-size: 1.5rem;
  font-weight: 600;
  user-select: none;
  color: var(--color-red);
  margin: 0;
  display: inline-block;
}

.opal_symbol {
  font-size: 0.8rem;
}

.pos {
  font-style: italic;
  color: #000;
  margin-left: 0.2rem;
}

.cf {
  font-weight: 600;
}

.def {
  color: #000;
  font-size: 1rem;
  margin-right: 0.5rem;
}

.exText {
  color: #666;
}

.exText .simple {
  color: #999;
  font-size: 0.6rem;
  margin-left: 0.5rem;
}

.exText .cl {
  font-weight: bold;
}

.examples li {
  display: flex;
  align-items: flex-start;
}

.collapse {
  border-left: 0.1875rem solid var(--color-blue-border);
  margin: 0.5rem 0;
}

.collapse .text_title {
  background-color: var(--color-blue-header);
  padding: 0.2rem .5rem;
  cursor: pointer;
}

.collapse .bullet {
  box-sizing: border-box;
  display: flex;
  column-gap: .5rem;
  flex-wrap: wrap;
}


.collapse .bullet .li:first-child::before {
  display: none;
}

.collapse .body,
.collapse .examples {
  background-color: var(--color-blue-bg);
  padding: .8rem .5rem;
  display: none;
}

.collapse.unfold .body, 
.collapse.unfold .examples {
  display: block;
}

.collapse .body .unbox {
  font-weight: 600;
}

.collapse .body .collocs_list {
  display: flex;
  column-gap: 0.5rem;
  flex-wrap: wrap;
}

.collapse .body .collocs_list .li:first-child::before {
  display: none;
}

.topic_cefr {
  font-size: 0.5rem;
  border-radius: 4px;
  background-color: var(--color-blue-header);
  padding: 0.1rem 0.2rem;
  margin-left: 0.2rem;
  vertical-align: middle;
  text-transform: uppercase;
}