@charset "UTF-8";

@font-face {
  font-family: Bookerly;
  src: local("Bookerly"), local("Bookerly-Regular"),
    url(fonts/Bookerly-Regular.woff2) format("woff2");
}
@font-face {
  font-family: Bookerly;
  src: local("Bookerly Italic"), local("Bookerly-Italic"),
    url(fonts/Bookerly-RegularItalic.woff2) format("woff2");
  font-style: italic;
}
@font-face {
  font-family: Bookerly;
  src: local("Bookerly Bold"), local("Bookerly-Bold"),
    url(fonts/Bookerly-Bold.woff2) format("woff2");
  font-weight: 700;
}
@font-face {
  font-family: Bookerly;
  src: local("Bookerly Bold Italic"), local("Bookerly-BoldItalic"),
    url(fonts/Bookerly-BoldItalic.woff2) format("woff2");
  font-style: italic;
  font-weight: 700;
}

@font-face {
  font-family: Optima;
  src: local("Optima"), url(fonts/Optima.woff2) format("woff2");
}
@font-face {
  font-family: Optima;
  src: local("Optima Italic"), local("Optima-Italic"),
    url(fonts/Optima-Italic.woff2) format("woff2");
  font-style: italic;
}
@font-face {
  font-family: Optima;
  src: local("Optima Bold"), local("Optima-Bold"),
    url(fonts/Optima-Bold.woff2) format("woff2");
  font-weight: 700;
}
@font-face {
  font-family: Optima;
  src: local("Optima BoldItalic"), local("OptimaBoldItalic"),
    url(fonts/Optima-BoldItalic.woff2) format("woff2");
  font-style: italic;
  font-weight: 700;
}

@font-face {
  font-family: "Source Han Serif OALD";
  /* src: url(fonts/SourceHanSerifOALD-Regular.woff2) format("woff2"); */
  src: url(fonts/SourceHanSerifOALD-Medium.woff2) format("woff2");
  font-weight: 400;
}
@font-face {
  font-family: "Source Han Serif OALD";
  src: url(fonts/SourceHanSerifOALD-Bold.woff2) format("woff2");
  font-weight: 700;
}

@font-face {
  font-family: LucidaSansUnicode;
  src: url(fonts/LucidaSansUnicode.woff2) format("woff2");
}

@font-face {
  font-family: oaldx;
  src: url(fonts/oaldx.woff2) format("woff2");
}

.leon-oald,
.leon-oald.idm-g + .xrefs,
script + ul {
  --oald10-sans-serif: "Optima", LucidaSansUnicode, sans-serif;
  --oald10-serif: "Bookerly", "Source Han Serif OALD", oaldx, serif;
  --font-size: 18px;
  --unit-indent: 18px;
  --line-height: 1.5;
  --opacity: 1;

  --a-10: hsla(0, 0%, 0%, 0.1);
  --white: hsl(0, 0%, 100%);
  --text-color: hsl(0, 0%, 20%);
  --text-grey-A: hsl(0, 0%, 47%);
  --text-grey-B: hsl(0, 0%, 60%);

  --color-red: hsl(348, 90%, 41%);
  --color-blue: hsl(207, 100%, 41%);
  --color-blue-10: hsla(207, 100%, 41%, 0.1);
  --color-blue-25: hsla(207, 100%, 41%, 0.25);
  --color-bluedeep: hsl(210, 100%, 30%);
  --color-orange: hsl(31, 69%, 54%);
  --color-orange-10: hsla(31, 69%, 54%, 0.1);
  --color-orange-25: hsla(31, 69%, 54%, 0.25);
  --color-green: hsl(173, 100%, 24%);
  --color-seagreen: hsl(146, 50%, 36%);
  --cyan-bg: hsla(173, 100%, 24%, 0.2);

  --background-color: hsla(203, 100%, 43%, 0.06);
  --border-color: hsla(203, 100%, 43%, 0.35);
  --border-color-light: hsla(207, 100%, 41%, 0.6);
  --background-highlight: linear-gradient(
    hsla(207, 100%, 41%, 0) 55%,
    hsla(207, 100%, 41%, 0.15) 55%,
    hsla(207, 100%, 41%, 0.15) 100%
  );
}

.leon-oald[data-theme="dark"],
.leon-oald[data-theme="dark"].idm-g + .xrefs,
script + ul[data-theme="dark"] {
  --opacity: 0.8;

  --a-10: hsla(0, 0%, 110%, 0.1);
  --white: hsl(0, 0%, 7%);
  --text-color: hsl(60, 8%, 83%);
  --text-grey-A: hsl(60, 5%, 60%);
  --text-grey-B: hsl(60, 4%, 50%);

  --color-red: hsl(351, 70%, 50%);
  --color-blue: hsl(205, 75%, 65%);
  --color-blue-10: hsla(207, 100%, 55%, 0.1);
  --color-blue-25: hsla(207, 100%, 55%, 0.25);
  --color-bluedeep: hsl(210, 100%, 70%);
  --color-orange: hsl(31, 69%, 46%);
  --color-orange-10: hsla(31, 69%, 46%, 0.1);
  --color-orange-25: hsla(31, 69%, 46%, 0.25);
  --color-green: hsl(173, 60%, 65%);
  --color-seagreen: hsl(146, 50%, 50%);
  --cyan-bg: hsla(173, 80%, 45%, 20%);

  --background-color: hsla(203, 100%, 57%, 0.08);
  --border-color: hsla(203, 100%, 57%, 0.35);
  --border-color-light: hsla(207, 100%, 59%, 0.6);
  --background-highlight: linear-gradient(
    hsla(207, 100%, 65%, 0) 55%,
    hsla(207, 100%, 65%, 0.15) 55%,
    hsla(207, 100%, 65%, 0.15) 100%
  );
}

/* Mimic `html {}` */

.leon-oald,
.leon-oald.idm-g + .xrefs,
script + ul {
  color: var(--text-color);
  font-family: var(--oald10-serif);
  font-size: var(--font-size);
  line-height: var(--line-height);
  word-spacing: 0.1rem;
}

.leon-oald * {
  padding: 0;
  margin: 0;
}

a {
  font-size: inherit;
  line-height: inherit;
  text-decoration: none;
  color: var(--color-blue);
  cursor: pointer;
}

body {
  filter: none !important;
  -webkit-filter: none !important;
}

img {
  filter: none !important;
  -webkit-filter: none !important;
  opacity: var(--opacity) !important;
}

li {
  list-style: none;
}

/* 词条框架 */
.oald {
  display: none;
  /* Hide by default */
}

.oald:first-of-type {
  display: block;
}

.oald.visible {
  display: block;
}

.oald-entry-root,
#entryContent {
  color: var(--text-color);
  margin-top: 0.2rem;
  margin-bottom: 2.4rem;
}

#entryContent.morethan1 {
  margin-top: 0.6rem;
}

#entryContent:last-of-type {
  margin-bottom: 0.8em;
}

/* 词条标题 */

.entry > .top-container {
  margin-bottom: 0.75em;
}

/* 第一层 */
/* 词头样式 */
h1.headword,
h1.headword .st,
.leon-oald.idm-g .idm {
  display: inline-block;
  font-family: var(--oald10-sans-serif);
  font-size: 1.3em;
  font-weight: 700;
  /* font-weight: normal; */
  color: var(--color-blue);
}

h1.headword .st {
  font-size: inherit;
}

h1.headword .hm,
.xhm {
  font-size: 0.75em;
  vertical-align: super;
  margin-left: 2px;
}

.leon-oald.idm-g .idm {
  font-weight: bold;
}

/* 词性样式 */
.pos,
.leon-oald.idm-g .idm::after {
  font-family: var(--oald10-serif);
  font-style: italic;
  font-size: 0.9em;
  color: var(--color-orange);
  padding: 0 2px;
}

.leon-oald.idm-g .idm::after {
  content: " Idiom";
  font-size: calc(var(--font-size) * 0.9);
  font-weight: normal;
}

/* 单词发音 */
.phonetics {
  display: inline;
}

.webtop > .phonetics {
  display: block;
  margin-top: 2px;
  margin-bottom: 2px;
}

.sense .phonetics {
  /* tinkle (n.) */
  margin: 0 2px;
}

.phons_br,
.phons_n_am,
.phons_we {
  display: inline-block;
  color: var(--text-grey-A);
}

.phons_br + .phons_n_am {
  margin-left: 4px;
}

.webtop > .phonetics .phons_br,
.webtop > .phonetics .phons_n_am,
.webtop > .phonetics .phons_we {
  margin-left: 4px;
}

.phon {
  font-family: LucidaSansUnicode, "Lucida Grande";
  cursor: pointer;
}

.phons_br .phon,
.phons_n_am .phon {
  margin-left: 2px;
}

.phons_we .phon_label {
  margin-left: 4px;
}

.phons_br .phon {
  color: var(--color-blue);
}

.phons_n_am .phon {
  color: var(--color-red);
}

.phons_we .phon {
  /* dorp (n.) */
  color: var(--color-green);
}

/* 词头排版微调 */
.webtop > .symbols > a {
  margin-left: 0.5em;
}

.webtop > .headword,
.webtop > .idm ~ *,
.pv ~ *,
.phonetics ~ *:not(.jumplinks):not(.phonetics) {
  margin-left: 2px;
}

.webtop > .idm + *,
.webtop > .pv + * {
  display: inline;
}

.webtop > .inflections,
.webtop > .variants,
.webtop > .xrefs,
.use {
  display: block;
  margin: 2px;
}

.grammar,
.labels {
  display: inline-block;
  margin-top: 2px;
}

/* 跳转链接 */
.jumplinks {
  display: block;
  margin-top: 0.4em;
}

.jumplink {
  color: var(--title-color);
  border: 1px dotted var(--title-color);
  border-radius: 0.3em 0.3em 0.7em 0.7em;
  cursor: pointer;
  transition: background-color 0.1s linear, color 0.1s linear;
  margin-right: 0.5rem;
  font-size: 0.75rem;
  padding: 0.07rem 0.62rem 0.13rem;
  line-height: 1.2rem;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.5px;
}

.jumplink.active {
  color: var(--white);
  border-radius: 0.7em 0.7em 0.3em 0.3em;

  background-color: var(--title-color);
}

.jumplink[name="Idioms"],
.idioms {
  --title-color: var(--color-blue);
}

.jumplink[name="Phrasal Verbs"],
.phrasal_verb_links {
  --title-color: var(--color-blue);
}

/* 第二层 */
/* 释义 Shortcut */
.shcut-g {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.625em;
}

.shcut-g.folded {
  padding-bottom: 1px;
  border-bottom: 0.5px dashed var(--border-color-light);
}

.shcut-g.folded h2.shcut {
  background: unset;
}

h2.shcut {
  display: inline-block !important;
  font-family: var(--oald10-sans-serif);
  font-size: inherit;
  color: var(--color-blue);
  background: var(--background-highlight);
  cursor: pointer;
}

h2.shcut shcut chn {
  font-weight: 700;
}

h2.shcut shcut chn::before {
  content: " ";
}

/* Idioms, Phrasal Verbs */
.idioms,
.phrasal_verb_links {
  box-shadow: inset 0 0 0 0.5px var(--title-color);
  border-radius: 0.5rem 0.5rem 0 0;
  padding: 0.6rem 1rem;
  margin-top: 0.8rem;
  transition: background-color 0.1s linear, box-shadow 0.1s linear;
}

.idioms.expanded,
.phrasal_verb_links.expanded {
  box-shadow: none;
  background-color: var(--background-color);
}

.idioms .idioms_heading,
.phrasal_verb_links .unbox {
  display: block;
  align-items: center;
  font-size: 1.05rem;
  font-weight: bold;
  color: var(--title-color);
  cursor: pointer;
}

/* Idioms */
.idioms .idioms_heading + * {
  margin-top: 0.3em;
}

.idioms .idioms_heading ~ * {
  display: none;
  /* Hide by default */
}

.idm-g {
  display: block;
}

.idioms .idm-g {
  padding: 0.4em 0;
}

.idioms .idm-g .idm {
  color: var(--color-deepblue);
  position: relative;
}

.idioms .idm-g .idm::before {
  position: absolute;
  content: "▶︎";
  font-size: 0.7em;
  line-height: calc(1em / 0.7 * var(--line-height));
  color: var(--color-red);
  left: -1em;
}

.idmsep {
  font-weight: normal;
  color: var(--color-red);
}

/* Idiom 词条 */
.leon-oald.idm-g {
  padding: 1em 1em 0;
  background: var(--background-color);
  border-radius: 10px 10px 0 0;
  margin: unset;
}

.leon-oald.idm-g + .xrefs {
  padding: var(--font-size);
  background: var(--background-color);
  border-radius: 0 0 10px 10px;
  margin: unset;
}

.leon-oald.idm-g + .xrefs .prefix {
  text-transform: lowercase;
}

.leon-oald.idm-g + .xrefs a.Ref:not(:last-of-type)::after {
  display: none;
}

.leon-oald.idm-g .collapse {
  margin-bottom: unset;
}

/* Phrasal Verbs */
.phrasal_verb_links ul.pvrefs {
  display: none;
  /* Hide by default */
  padding-top: 0.75em;
}

.phrasal_verb_links ul.pvrefs li {
  margin-bottom: 0.35em;
}

.phrasal_verb_links ul.pvrefs li::before {
  display: inline-block;
  content: "•";
  color: var(--text-grey-B);
  text-align: center;
  width: 1em;
}

/* Phrasal Verb 词条 */
.pv-g {
  display: block;
  background: var(--background-color);
  padding: 0.75em 0.5em;
}

.pv-g:first-of-type {
  border-radius: 10px 10px 0 0;
}

.pv-g:last-of-type {
  border-radius: 0 0 10px 10px;
}

.pv {
  color: var(--color-blue);
  background: var(--background-highlight);
}

.pvarr::before {
  content: "⇿";
  color: var(--color-red);
}

/* 第三层 */
/* 释义排版 */
li.sense {
  padding-left: var(--unit-indent);

  margin-top: 0.5em;
  position: relative;
}

.sense_single .collapse:has(> .unbox[unbox="wordorigin"]) {
  margin-left: calc(0px - var(--unit-indent));
}

.idm-g .sense_single li.sense,
.pv-g .sense_single li.sense {
  padding-left: unset;
}

.iteration {
  position: absolute;
  display: inline-block;
  font-family: var(--oald10-sans-serif);
  font-style: italic;
  font-size: 0.9em;
  font-weight: bold;
  color: var(--color-red);
  text-align: right;
  width: 2em;
  left: calc(0px - var(--unit-indent));
  top: 0.2em;
}

.iteration.single {
  font-style: normal;
  font-weight: normal;
}

.idm-g .sense_single .iteration {
  display: none;
}

.pv-g .sense_single .iteration {
  display: none;
}

/* 释义样式 */
.inflections,
.variants,
.grammar,
.labels,
.use {
  display: inline;
  font-size: 0.9em;
}

.inflections *,
.variants *,
.grammar *,
.labels *,
.use * {
  font-size: inherit;
}

/* 变体 */
.inflections,
.variants {
  color: var(--text-grey-A);
}

.inflections .inflected_form,
.variants .v-g {
  color: var(--color-blue);
}

.variants[type="alt"] {
  color: var(--text-color);
}

.sense .variants[type="alt"]::before {
  content: "[";
}

.sense .variants[type="alt"]::after {
  content: "]";
}

/* 语法 */
.grammar {
  color: var(--color-blue);
}

/* 标签 */
.labels {
  color: var(--color-seagreen);
  font-style: italic;
  margin-right: 0.2em;
}

.labels labelx chn::before {
  content: " ";
}

/* 用法 */
.use {
  color: var(--text-grey-A);
}

.use uset chn::before {
  content: " ";
}

/* 词性 */
.sense .pos::before,
.sense .pos::after {
  font-style: normal;
  color: var(--text-color);
}

.sense .pos::before {
  content: "(";
}

.sense .pos::after {
  content: ")";
}

/* 固定搭配 */
.cf {
  color: var(--color-blue);
}

.cf.underline {
  background: var(--background-highlight);
}

.cf + .sep,
.sensetop + .sep {
  /* anticipate (v.) | interface (v.) */
  color: var(--color-seagreen);
}

.sense ul.examples + .cf {
  /* 极少数情况 prompt (v.) */
  display: inline-block;
  margin-top: 0.3rem;
}

/* Non-defining Vocabulary */
.ndv {
  font-style: italic;
  color: var(--color-green);
  cursor: pointer;
}

.ndv:hover {
  text-decoration: underline;
}

/* Reference Link */
.xref {
  color: var(--color-blue);
  cursor: pointer;
}

.xref:hover {
  text-decoration: underline;
}

/* Gloss */
.gloss {
  font-style: normal;
}

/* Mark Incorrect Examples */
.wx {
  font-style: italic;
  text-decoration: line-through;
}

/* Emphasized Italic */
.ei {
  font-style: italic;
  /* color: var(--color-blue); */
}

.leon-oald[pron="both"] .ei a.sound,
.leon-oald[pron="us"] .ei a.sound.pron-us,
.leon-oald[pron="uk"] .ei a.sound.pron-uk {
  display: inline-block;
}

.ei a.sound {
  display: none;
  width: 1.25em;
  text-align: center;
}

.ei a.sound:first-of-type {
  margin-left: 4px;
}

.ei chn {
  color: var(--text-grey-A);
}

.ei chn::before {
  content: "（";
}

.ei chn::after {
  content: "）";
}

/* Emphasized Bold */
.eb {
  font-weight: normal;
  color: var(--color-blue);
}

/* Superscript > ado (n.) */
.sup {
  vertical-align: super;
  font-size: 0.65em;
}

/* Fraction > decimalize (v.) */
.frac-g .num {
  font-size: smaller;
}

.frac-g .den {
  font-size: smaller;
}

.frac-g .den::before {
  content: "/";
}

/* 释义英文 */
.def::after {
  content: " ";
}

/* 中文翻译全局设置 */
chn {
  font-family: var(--oald10-serif);
  font-style: normal;
  font-size: 0.9em;
  display: none;
}

chn.displayInited {
  display: inline;
}

/* 释义中文 */
deft chn.displayInited,
dtxtx chn.displayInited {
  display: inline;
  color: var(--color-green);
  background: var(--cyan-bg);
  border-radius: 3px;
  padding: 0 2px !important;
}

dtxtx chn {
  margin-left: 4px !important;
}

/* 原双解版翻译参考 */
chn oald {
  color: unset;
}

/* Google 机翻 */
chn ai {
  color: unset;
}

/* leon406 翻译 */
chn leon {
  color: unset;
}

chn > ai,
chn > oald {
  display: inline;
}

chn > ai::first-letter,
chn > oald::first-letter {
  text-decoration: underline;
  /* 为第一个字符添加下划线 */
  color: red;
  /* 可选：调整第一个字符的颜色 */
}

chn ai::before,
chn oald::before {
  display: inline-block;
  margin-right: 0.4em;
  font-size: 0.8em;
  /* font-weight: 700; */
  font-style: italic;
  vertical-align: 1px;
  color: var(--color-orange);
  /* opacity: 0.65; */
}

chn ai::before {
  content: "AI";
}

chn oald::before {
  content: "Q";
}

/* 例句排版 */
ul.examples > li {
  padding-left: var(--unit-indent);
  /* 1.25rem */
  margin-top: 0.2em;
  /* font-size: 0.95em; */
  position: relative;
}

/* 例句菱形、例句喇叭（排版） */
ul.examples > li::before,
ul.examples > li a.sound {
  position: absolute;
  display: inline-block;
  text-align: center;
  /* width: 20px; 1.25rem */
  left: calc(0px - var(--unit-indent));
  top: 0;
}

ul.examples > li > .x::before,
ul.examples > li > .unx::before {
  content: "◆";
  font-family: "Source Han Serif OALD";
  font-size: 0.5em;
  line-height: calc(1em / 0.5 * var(--line-height));
  opacity: 0.7;
  font-style: normal;
  position: absolute;
  left: calc(2px - var(--unit-indent));
  color: var(--text-grey-B);
}

/* 例句喇叭、单词发音喇叭 */
a.sound {
  cursor: pointer;
}

a.sound::before,
.oaldk-config-gear .dictname::before {
  font-family: oaldx;
  font-style: normal;
  font-weight: normal;
  content: "🔊";
  opacity: 0.7;
}

/* TTS 例句喇叭 */
a.sound.tts::after {
  content: "";
  position: absolute;
  display: inline-block;
  height: 100%;
  width: 10px;
  left: 1.5px;
  bottom: 0;
  border-bottom: 1px dashed var(--border-color-light);
}

/* 例句菱形、例句喇叭、单词发音喇叭（颜色） */
ul.examples > li::before,
ul.examples > li a.sound::before {
  color: var(--text-grey-B);
}

a.pron-uk::before,
.leon-oald[pron="uk"] ul.examples > li:hover::before,
.leon-oald[pron="uk"] ul.examples > li:hover a.pron-uk::before,
.leon-oald[pron="uk"] .oaldk-config-gear .dictname::before {
  color: var(--color-blue);
}

a.pron-us::before,
.leon-oald[pron="us"] ul.examples > li:hover::before,
.leon-oald[pron="us"] ul.examples > li:hover a.pron-us::before,
.leon-oald[pron="us"] .oaldk-config-gear .dictname::before {
  color: var(--color-red);
}

ul.examples > li a.pron-uk,
ul.examples > li a.pron-us {
  display: none;
}

.leon-oald[pron="both"] ul.examples > li[pron-uk="true"][pron-us="true"] > .x,
.leon-oald[pron="both"]
  ul.examples
  > li[pron-uk="true"][pron-us="true"]
  > .unx {
  text-indent: var(--unit-indent);
}

.leon-oald[pron="both"]
  ul.examples
  > li[pron-uk="true"][pron-us="true"]
  > .x
  > a.sound,
.leon-oald[pron="both"]
  ul.examples
  > li[pron-uk="true"][pron-us="true"]
  > .unx
  > a.sound {
  text-indent: 0;
}

.leon-oald[pron="both"] ul.examples > li[pron-uk="true"][pron-us="true"] xt,
.leon-oald[pron="both"] ul.examples > li[pron-uk="true"][pron-us="true"] unxt {
  text-indent: 0;
}

.leon-oald[pron="both"]
  ul.examples
  > li[pron-uk="true"][pron-us="true"]
  > .x
  > a.pron-us,
.leon-oald[pron="both"]
  ul.examples
  > li[pron-uk="true"][pron-us="true"]
  > .unx
  > a.pron-us {
  left: 0;
}

.leon-oald[pron="both"] ul.examples > li a,
.leon-oald[pron="uk"] ul.examples > li a.pron-uk,
.leon-oald[pron="us"] ul.examples > li a.pron-us {
  display: unset;
}

.leon-oald a.hide {
  display: none !important;
}

.leon-oald[pron="both"] ul.examples > li[pron-uk="true"] > .x::before,
.leon-oald[pron="both"] ul.examples > li[pron-us="true"] > .x::before,
.leon-oald[pron="both"] ul.examples > li[pron-uk="true"] > .unx::before,
.leon-oald[pron="both"] ul.examples > li[pron-us="true"] > .unx::before,
.leon-oald[pron="uk"] ul.examples > li[pron-uk="true"] > .x::before,
.leon-oald[pron="us"] ul.examples > li[pron-us="true"] > .x::before,
.leon-oald[pron="uk"] ul.examples > li[pron-uk="true"] > .unx::before,
.leon-oald[pron="us"] ul.examples > li[pron-us="true"] > .unx::before {
  display: none;
}

/* 例句样式 */
ul.examples > li .cf:first-of-type {
  margin-left: calc(0px - var(--unit-indent));
}

ul.examples > li:not(:first-of-type) .cf {
  margin-top: 0.4em;
}

ul.examples > li .cl {
  text-decoration: underline 1px;
  text-decoration-color: var(--text-grey-B);
  /* text-decoration-style:wavy; */
  text-decoration-skip: edges;
}

/* 例句英文 */
ul.examples > li .x,
ul.examples > li .unx {
  font-style: italic;
  color: var(--text-grey-A);
  position: relative;
  display: block;
}

ul.examples > li .wx {
  color: var(--text-grey-A);
}

/* 例句中文 */
ul.examples > li .x chn.displayInited,
ul.examples > li .unx chn.displayInited,
ul.examples > li .unx + undt chn.displayInited {
  display: block;
  font-style: normal;
  color: var(--text-grey-A);
}

ul.examples > li .labels chn.displayInited {
  display: inline;
}

/* 第四层 */
/* 相关词条、Topics */
.xrefs,
.topic-g {
  display: block;
  font-size: 0.9em;
  line-height: calc(1em / 0.85 * var(--line-height));
}

.sense .sensetop + .xrefs,
.sense .sensetop + .topic-g,
.xrefs ~ .topic-g,
.topic-g ~ .xrefs,
.xrefs ~ .xrefs,
.topic-g ~ .topic-g {
  margin-top: 2px;
}

ul.examples + .xrefs,
ul.examples + .topic-g {
  margin-top: 0.3rem;
}

.sense .def .xrefs {
  /* America */
  display: inline;
  font-size: inherit;
}

.collapse .unbox .body .p .xrefs {
  /* president */
  display: inline;
  font-size: inherit;
}

.xrefs .prefix,
.topic-g .prefix {
  display: inline-block;
  font-family: var(--oald10-sans-serif);
  font-size: 15px;
  font-weight: bold;
  text-transform: lowercase;
  font-variant: small-caps;
  color: var(--white);
  height: 16px;
  line-height: 15px;
  border-radius: 4px 0 0 4px;
  background-color: var(--color-blue);
  padding: 0 2px 0 5px;
  margin-right: 5px;
  transform: translateY(-0.5px);

  user-select: none;
  cursor: default;
  position: relative;
  opacity: 0.95;
}

.xrefs .prefix::after,
.topic-g .prefix::after {
  position: absolute;
  content: "";
  left: 100%;
  border: 8px solid transparent;
  border-left: 6px solid var(--color-blue);
}

/* 词条链接 */
.xrefs .xr-g .xh,
.topic-g .topic .topic_name {
  color: var(--color-blue);
  cursor: pointer;
}

.xrefs .xr-g:hover .xh,
.topic-g .topic:hover .topic_name {
  text-decoration: underline;
}

.xrefs a.Ref + .sep,
.topic-g a.Ref + .sep {
  display: none;
}

.xrefs a.Ref:not(:last-of-type)::after {
  content: " •";
  color: var(--text-grey-B);
}

.topic-g a.Ref:not(:last-of-type)::after {
  content: "•";
  color: var(--text-grey-B);
}

.topic-g a.Ref:first-of-type .topic::before {
  content: " ";
}

/* 词条链接索引 */
a.Ref .xs {
  color: var(--color-green);
}

a.Ref .xs .wrap {
  display: none;
}

a.Ref .xs::before {
  content: "#";
}

/* CEFR */
.topic .topic_cefr,
.belong-to {
  display: inline-block;
  font-size: 10px;
  font-family: var(--oald10-sans-serif);
  font-weight: 700;
  border: 1px solid var(--color-blue);
  color: var(--color-blue);
  letter-spacing: -1px;
  border-radius: 10px 5px 5px 10px;
  padding: 0.5px 3.5px 0 4px;
  margin: 0 5px 0 4px;
  text-transform: uppercase;
  line-height: 13px;
  height: 13px;

  transform: translateY(-1px);
}

/* CEFR 词条 */
script + ul.top-g,
.leon-oald > ul.top-g {
  padding: 1em;
  background: var(--background-color);
  border-radius: 10px;
  margin: 0;
}

script + ul.top-g .sound,
.leon-oald > ul.top-g .sound {
  vertical-align: -1px;
}

script + ul.top-g li:not(:last-of-type),
.leon-oald > ul.top-g li:not(:last-of-type) {
  margin-bottom: 0.8em;
}

script + ul.top-g li > .pos::before,
.leon-oald > ul.top-g li > .pos::before {
  content: " ";
}

script + ul.top-g li > div,
.leon-oald > ul.top-g li > div {
  display: inline;
}

script + ul.top-g li > div a,
.leon-oald > ul.top-g li > div a {
  display: inline-flex;
  /* Remove whitespace */
}

/* 第五层 */
/* Blockquote */
/* Friends (TV series) */
.blockquote,
.un {
  display: block;
  font-size: 0.95em;
  padding: 0.4em 0.5em 0.5em 0.6em;
  border-width: 1px;
  border-style: dashed;
  border-color: var(--border-color);
  margin: 0.5em 0;
}

.webtop .un {
  padding: 0;
  border: none;
}

.blockquote .p {
  display: block;
  padding: 0.2em 0.5em;
}

.blockquote .footer {
  display: block;
  margin-top: 1em;
}

.blockquote .footer::before {
  content: "— ";
}

/* which | condition (n.) -> Synonyms */
.un .h4 {
  display: block;
  font-family: var(--oald10-sans-serif);
  font-size: 1.125em;
  font-weight: bold;
  color: var(--color-seagreen);
  margin-bottom: 0.5em;
}

.un:not([un="help"]) chn {
  color: var(--text-grey-A);
}

.un:not([un="help"]) chn::before {
  content: "（";
}

.un:not([un="help"]) chn::after {
  content: "）";
}

.un[un="help"] unx {
  display: block;
}

.un[un="help"] unx chn.displayInited {
  display: block;
  margin-top: 1em;
}

.idioms .un[un="help"] {
  border: unset;
  border-left: 2px solid var(--border-color);
  padding: 0.2em 1em;
  margin: 1em 0 0.5em;
}

.idioms .un[un="help"] unx chn.displayInited {
  display: inline-block;
  color: var(--color-green);
  background: var(--cyan-bg);
  border-radius: 3px;
  padding: 2px 5px;
  margin-top: 2px;
}

/* 折叠块 */
.collapse {
  font-size: 0.95em;
  border-left: 2px solid var(--border-color);
  margin: 0.3em 0;
}

/* 折叠块标题 Unbox Title */
.collapse .unbox .box_title {
  display: block;
  font-family: var(--oald10-sans-serif);
  font-weight: bold;
  color: var(--color-blue);
  padding: 0.15rem 0.35rem;
  cursor: pointer;
  transition: background-color 0.1s linear;
}

.collapse .unbox[unbox="wordorigin"] {
  display: block;
  margin-top: 0.75rem;
}

.collapse .unbox .box_title::before {
  font-family: "Source Han Serif OALD";
  font-weight: normal;
  content: "⊕";
  margin-right: 0.35rem;
}

.collapse .unbox.is-active .box_title::before {
  content: "⊖";
}

.collapse .unbox .box_title:hover,
.collapse .unbox.is-active .box_title {
  background-color: var(--background-color);
}

.collapse .unbox .box_title unboxx chn::before {
  content: " ";
}

.collapse .unbox .box_title .closed {
  color: var(--color-seagreen);
  margin-left: 0.5em;
}

.collapse .unbox.is-active .box_title .closed {
  display: none;
}

/* 折叠块子标题 Unbox Subtitle */
.collapse .unbox .body .unbox {
  display: block;
  font-family: var(--oald10-sans-serif);
  font-size: var(--font-size);
  font-weight: bold;
  margin-bottom: 0.6em;
}

.collapse .unbox .body .unbox:first-of-type {
  color: var(--color-seagreen);
}

.collapse .unbox .body .unbox:not(:first-of-type) {
  font-family: var(--oald10-serif);
  font-weight: normal;
  color: var(--color-blue);
  border-bottom: 1px solid var(--border-color-light);
  padding-bottom: 2px;
}

.collapse .unbox .body .unbox undt chn::before {
  content: "（";
}

.collapse .unbox .body .unbox undt chn::after {
  content: "）";
}

/* 折叠块内容 Unbox Content */
.collapse .unbox .box_title + * {
  display: none;
  /* Hide by default */
}

/* Paragraph */
.collapse .unbox .body .p {
  display: block;
}

.collapse .unbox .body .p:not(:last-child) {
  margin-bottom: 0.5em;
}

/* List bullet */
.collapse .unbox .body ul.bullet {
  margin-left: 1em;
  position: relative;
}

.collapse .unbox .body ul.bullet:not(:last-child) {
  margin-bottom: 0.8em;
}

.collapse .unbox .body ul.bullet > li:not(:last-of-type) {
  margin-bottom: 0.8em;
}

.collapse .unbox .body ul.bullet > li::before {
  position: absolute;
  content: "▪";
  left: -1em;
  color: var(--text-grey-B);
}

/* List inline */
.collapse .unbox .body ul.inline:not(:last-of-type) {
  margin-bottom: 0.75em;
}

.collapse .unbox .body ul.inline li {
  display: inline-block;
}

.collapse .unbox .body ul.inline li:not(:last-child)::after {
  content: "•";
  color: var(--text-grey-B);
  padding: 0 5px;
}

/* List collocations */
.collapse .unbox .body ul.collocs_list li {
  display: inline-block;
  margin: 0 0.5em 0.5em 0;
}

.collapse .unbox .body ul.collocs_list li::before {
  content: "•";
  color: var(--text-grey-B);
  padding: 0 5px;
}

/* List definitions */
.collapse .unbox .body .deflist .defpara {
  display: block;
  padding: 0.5em 0.75em;
  background-color: var(--background-color);
  border-radius: 10px;
  margin: 0.6em 0;
}

/* List examples */
.collapse .unbox .body ul.examples {
  margin-top: 0.3rem;
}

.collapse .unbox .body ul.examples:not(:last-child) {
  margin-bottom: 0.8em;
}

/* 标签 */
.collapse .unbox .labels,
.un .labels {
  font-size: inherit;
}

.collapse .unbox .labels labelx,
.un .labels labelx {
  display: none;
}

/* 折叠块中文 */
.collapse .unbox .body > .p > undt chn.displayInited,
.collapse .unbox .body > .deflist > .defpara > undt chn.displayInited,
.collapse .unbox .body > ul.bullet > li > undt chn.displayInited {
  display: inline-block;
  color: var(--color-green);
  background: var(--cyan-bg);
  border-radius: 3px;
  padding: 0 2px;
  margin-left: 4px;
}

/* British/American (英式 / 美式) > have | subway */
.collapse .unbox[unbox="british_american"] .box_title + * {
  padding: 0.8em;
}

/* Collocations (词语搭配) > make-up (n.) */
.collapse .unbox[unbox="colloc"] .box_title + * {
  padding: 0.8em;
}

/* 标签 */
.collapse .unbox[unbox="colloc"] .labels {
  font-size: 0.95em;
}

.collapse .unbox[unbox="colloc"] .labels labelx {
  display: unset;
}

.collapse .unbox[unbox="colloc"] .body ul.bullet undt {
  display: inline-block;
}

.collapse .unbox[unbox="colloc"] .body ul.bullet undt chn.displayInited {
  display: inline-block;
  color: var(--color-green);
  background: var(--cyan-bg);
  border-radius: 3px;
  padding: 0 2px;
  margin-left: 4px;
}

/* Culture (文化) > Cambridge */
.collapse .unbox[unbox="cult"] .box_title + * {
  padding: 0.8em;
}

.collapse .unbox[unbox="cult"] .p:not(:last-child) {
  margin-bottom: 2em;
}

.collapse .unbox[unbox="cult"] .eb {
  font-weight: bold;
}

.collapse .unbox[unbox="cult"] .ndv {
  font-style: normal;
}

.collapse .unbox[unbox="cult"] ubx {
  display: block;
}

.collapse .unbox[unbox="cult"] ubx chn.displayInited {
  display: inline-block;
  color: var(--color-green);
  background: var(--cyan-bg);
  border-radius: 3px;
  padding: 2px 5px;
  margin-top: 5px;
}

/* Express Yourself (情景表达) > explain */
.collapse .unbox[unbox="express"] .box_title + * {
  padding: 0.8em;
}

.collapse .unbox[unbox="express"] .body ul.bullet {
  margin-left: unset;
}

.collapse .unbox[unbox="express"] .body ul.bullet > li {
  margin-bottom: unset;
}

.collapse .unbox[unbox="express"] .body ul.bullet > li::before {
  display: none;
}

/* Extra Examples (更多例句) */
.collapse .unbox[unbox="examples"] .box_title + *,
.collapse .unbox[unbox="extra_examples"] .box_title + * {
  padding: 0.4em 0.5em 0.6em;
}

/* Grammar Point (语法说明) > have (aux. v.) | used to | whether */
.collapse .unbox[unbox="grammar"] .box_title + * {
  padding: 0.8em;
}

.collapse .unbox[unbox="grammar"] ul.examples > li::before {
  visibility: visible;
}

.collapse .unbox[unbox="grammar"] ul.examples > li > example-audio,
.collapse .unbox[unbox="grammar"] ul.examples > li > example-audio-ai {
  display: none;
}

.collapse
  .unbox[unbox="grammar"]
  .body
  > ul.bullet
  > li
  > undt
  chn.displayInited {
  display: inline;
  color: var(--text-grey-A);
  background: unset;
  padding: unset;
  margin-left: unset;
}

.collapse .unbox[unbox="grammar"] .body > ul.bullet > li > undt chn::before {
  content: "（";
}

.collapse .unbox[unbox="grammar"] .body > ul.bullet > li > undt chn::after {
  content: "）";
}

/* Homophones (同音词) > dessert */
.collapse .unbox[unbox="homophone"] .box_title + * {
  padding: 0.8em;
}

.collapse .unbox[unbox="homophone"] .body .unbox:first-of-type {
  font-family: var(--oald10-serif);
  font-size: 1.1em;
  font-weight: normal;
  color: var(--color-blue);
  margin-bottom: unset;
}

.collapse .unbox[unbox="homophone"] .body .phonetics {
  display: block;
  margin-top: 4px;
  margin-bottom: 0.8em;
}

.collapse .unbox[unbox="homophone"] .body ul.bullet {
  margin-left: unset;
}

.collapse .unbox[unbox="homophone"] .body ul.bullet > li {
  font-style: italic;
  color: var(--color-orange);
}

.collapse .unbox[unbox="homophone"] .body ul.bullet > li::before {
  display: none;
}

.collapse .unbox[unbox="homophone"] .body ul.bullet > li > * {
  font-style: normal;
}

.collapse .unbox[unbox="homophone"] .body ul.bullet > li > .eb {
  margin-right: 2px;
  font-size: 1.1em;
}

.collapse .unbox[unbox="homophone"] .body ul.bullet > li > .xrefs {
  color: var(--text-color);
}

/* Language Bank (用语库) > example */
.collapse .unbox[unbox="langbank"] .box_title + * {
  padding: 0.8em;
}

.collapse .unbox[unbox="langbank"] .body .unbox:not(:first-of-type) {
  margin-bottom: 0.5em;
}

.collapse .unbox[unbox="langbank"] .body ul.bullet {
  margin-left: unset;
}

.collapse .unbox[unbox="langbank"] .body ul.bullet > li {
  margin-bottom: unset;
}

.collapse .unbox[unbox="langbank"] .body ul.bullet > li::before {
  display: none;
}

/* More Like This (同类词语学习) > limb */
.collapse .unbox[unbox="mlt"] .box_title + * {
  padding: 0.8em;
}

/* More About (补充说明) > pronoun */
.collapse .unbox[unbox="more_about"] .box_title + * {
  padding: 0.8em;
}

.collapse .unbox[unbox="more_about"] .body ul.bullet {
  margin-left: unset;
}

.collapse .unbox[unbox="more_about"] .body ul.bullet > li:not(:last-of-type) {
  margin-bottom: 2em;
}

.collapse .unbox[unbox="more_about"] .body ul.bullet > li::before {
  display: none;
}

.collapse .unbox[unbox="more_about"] .body ul.bullet > li .unx::before {
  display: inline-block;
  content: "•";
  color: var(--color-blue);
  width: 1em;
  text-align: center;
}

.collapse .unbox[unbox="more_about"] .body ul.bullet > li undt {
  display: inline;
}

.collapse
  .unbox[unbox="more_about"]
  .body
  ul.bullet
  > li
  undt
  chn.displayInited {
  display: inline;
  color: var(--text-grey-A);
  background: unset;
  padding: unset;
  margin-left: unset;
}

.collapse .unbox[unbox="more_about"] .body ul.bullet > li undt chn::before {
  content: "（";
}

.collapse .unbox[unbox="more_about"] .body ul.bullet > li undt chn::after {
  content: "）";
}

/* Oxford Collocations Dictionary (牛津搭配词典) > explain -> .collocs_list | make up (phrasal v.) -> .p) */
.collapse .unbox[unbox="snippet"] .box_title + * {
  padding: 0.5em 0.8em;
}

.collapse .unbox[unbox="snippet"] .body .unbox {
  font-family: var(--oald10-serif);
  font-size: inherit;
  font-weight: normal;
  color: var(--color-blue);
  padding-bottom: unset;
  border-bottom: unset;
  margin-bottom: 2px;
}

/* Synonyms (同义词辨析) > take, make | direct (adj.) -> additional subtitle */
.collapse .unbox[unbox="synonyms"] .box_title + * {
  padding: 0.8em;
}

.collapse .unbox[unbox="synonyms"] .body .unbox .bulletsep {
  color: var(--text-grey-B);
}

/* Verb Forms (动词形式) > have */
.collapse .unbox[unbox="verbforms"] .box_title + * {
  padding: 4px 8px;
}

.collapse .unbox[unbox="verbforms"] .body table {
  font-size: inherit;
}

.collapse .unbox[unbox="verbforms"] .body tr {
  display: block;
  margin-bottom: 0.5em;
}

.collapse .unbox[unbox="verbforms"] .body tr td.verb_form {
  display: inline;
  color: var(--text-color);
}

.collapse .unbox[unbox="verbforms"] .body tr td.verb_form .vf_prefix {
  display: none;
}

.collapse .unbox[unbox="verbforms"] .body tr td.verb_phons {
  display: inline;
}

.collapse .unbox[unbox="verbforms"] .body tr td.verb_phons .phonetics .phons_br,
.collapse
  .unbox[unbox="verbforms"]
  .body
  tr
  td.verb_phons
  .phonetics
  .phons_n_am {
  margin-right: unset;
  margin-left: 4px;
}

.collapse .unbox[unbox="verbforms"] .body tr td.verb_form::before {
  display: inline-block;
  font-size: 0.95em;
  color: var(--color-green);
  text-align: center;
  width: 2.5em;
  border-radius: 3px;
}

/* Present Simple */
.collapse .unbox[unbox="verbforms"] .body tr[form="root"] td.verb_form::before {
  content: "p.s.";
}

/* Third Person Singular */
.collapse
  .unbox[unbox="verbforms"]
  .body
  tr[form="thirdps"]
  td.verb_form::before {
  content: "h.s.i.";
}

/* Past Simple */
.collapse .unbox[unbox="verbforms"] .body tr[form="past"] td.verb_form::before {
  content: "p.";
}

/* Past Participle */
.collapse
  .unbox[unbox="verbforms"]
  .body
  tr[form="pastpart"]
  td.verb_form::before {
  content: "p.p.";
}

/* Present Participle */
.collapse
  .unbox[unbox="verbforms"]
  .body
  tr[form="prespart"]
  td.verb_form::before {
  content: "-ing";
}

/* Negative */
.collapse .unbox[unbox="verbforms"] .body tr[form="neg"] td.verb_form::before {
  content: "neg";
  margin-right: 0.4em;
}

/* Short Form */
.collapse
  .unbox[unbox="verbforms"]
  .body
  tr[form="short"]
  td.verb_form::before {
  content: "short";
  margin-right: 0.4em;
}

/* Vocabulary Building (词汇扩充) > make */
.collapse .unbox[unbox="vocab"] .box_title + * {
  padding: 0.8em;
}

/* Which Word? (词语辨析) > take | large -> table */
.collapse .unbox[unbox="which_word"] .box_title + * {
  padding: 0.8em;
}

.collapse .unbox[unbox="which_word"] .body ul.bullet > li:not(:last-of-type) {
  margin-bottom: 1.2em;
}

.collapse
  .unbox[unbox="which_word"]
  .body
  ul.bullet
  > li
  > .item:not(:last-child) {
  margin-bottom: 0.8em;
}

.collapse .unbox[unbox="which_word"] .body table {
  font-size: inherit;
  padding: 0.2em 0.5em;
  background: var(--background-color);
  border-radius: 10px;
  margin: 1em 0;
}

.collapse .unbox[unbox="which_word"] .body table th {
  font-weight: normal;
  color: var(--color-blue);
  text-align: left;
  padding-bottom: 0.3em;
}

.collapse .unbox[unbox="which_word"] .body table td {
  color: var(--text-color);
  padding-right: 2em;
}

/* Word Family (词族) > explain */
.collapse .unbox[unbox="wordfamily"] .box_title + * {
  padding: 4px 8px;
}

.collapse .unbox[unbox="wordfamily"] .body ul {
  padding: 0.2em 0.5em;
}

.collapse .unbox[unbox="wordfamily"] .body ul li {
  margin-bottom: 0.5em;
}

.collapse .unbox[unbox="wordfamily"] .body .wfw {
  color: var(--color-blue);
}

.collapse .unbox[unbox="wordfamily"] .body .wfp {
  font-style: italic;
  color: var(--color-orange);
}

/* Wordfinder (联想词) | federal */
.collapse .unbox[unbox="wordfinder"] .box_title + * {
  padding: 0.8em;
}

.collapse .unbox[unbox="wordfinder"] .body ul.bullet {
  margin-left: unset;
}

.collapse .unbox[unbox="wordfinder"] .body ul.bullet > li {
  display: inline-block;
  margin-bottom: unset;
}

.collapse .unbox[unbox="wordfinder"] .body ul.bullet > li::before {
  display: none;
}

.collapse
  .unbox[unbox="wordfinder"]
  .body
  ul.bullet
  > li:not(:last-child)::after {
  content: "•";
  color: var(--text-grey-B);
  padding: 0 5px;
}

.collapse .unbox[unbox="wordfinder"] .body .p .xrefs {
  /* consultant (n.) */
  font-size: inherit;
}

/* Word Origin (词源) */
.collapse .unbox[unbox="wordorigin"] .box_title + * {
  padding: 4px 8px;
}

.collapse .unbox[unbox="wordorigin"] .p ubx {
  display: block;
}

.collapse .unbox[unbox="wordorigin"] .p ubx chn.displayInited {
  display: inline-block;
  color: var(--color-green);
  background: var(--cyan-bg);
  border-radius: 3px;
  padding: 2px 5px;
  margin-top: 0.2em;
}

/* Patterns */
.collapse .unbox .body .patterns {
  display: block;
  font-family: var(--oald10-sans-serif);
  font-size: var(--font-size);
  font-weight: bold;
  color: var(--color-blue);
  margin-bottom: 0.5em;
}

.collapse .unbox .body .patterns + ul.bullet > li {
  margin-bottom: 0.5em;
}

/* 第六层 */
/* 个性化配置图标 */
.entry > .top-container .webtop {
  position: relative;
}

.leon-oald.idm-g {
  position: relative;
}

.oaldk-config-gear {
  position: absolute;
  font-family: var(--oald10-sans-serif);
  font-size: 1rem;
  word-spacing: normal;
  right: 0;
  top: 0;
  z-index: 2;
}

.oaldk-config-gear.kfloat {
  position: fixed;
}

.oaldk-config-gear.kfloat.hide {
  display: none;
}

.oaldk-config-gear * {
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}

.oaldk-config-gear__head {
  position: absolute;
  top: 0.2em;
  right: 0.2em;
}

.oaldk-config-gear__head__brand {
  pointer-events: none;
  position: absolute;
  right: 2.4em;
  bottom: 0.15em;
  opacity: 0;
  transform: translateX(1em);
  transition: all 0.3s;
  overflow: hidden;
}

.oaldk-config-gear__head__brand * {
  cursor: pointer;
}

/* .oaldk-config-gear:hover .oaldk-config-gear__head__brand, */
.oaldk-config-gear.fakehover .oaldk-config-gear__head__brand {
  pointer-events: initial;
  opacity: 1;
  transform: translateX(0);
}

.oaldk-config-gear__head__brand > * {
  text-align: right;
  white-space: nowrap;
  line-height: 1;
}

.dictname::before {
  margin-right: 0.25em;
}

.dictname {
  font-size: 0.8em;
  font-weight: 700;
  padding-left: 1.5em;
  color: var(--color-seagreen);
}

.dictname .abbv {
  font-weight: bold;
  color: var(--color-blue);
}

.dictname .ver {
  color: var(--color-red);
}

.dictname::after {
  display: block;
  width: 4px;
  content: "";
  background: var(--white);
  position: absolute;
  top: -1em;
  bottom: -1em;
  transform: rotate(15deg);
  left: -5%;
}

/* .oaldk-config-gear:hover .dictname::after, */
.oaldk-config-gear.fakehover .dictname::after {
  transition: left 0.35s ease-in;
  transition-delay: 0.2s;
  left: 110%;
}

.dictarts {
  font-size: 0.55em;
  color: var(--text-color);
  margin-top: 0.1em;
}

.oaldk-config-gear__head__icon {
  display: block;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-image: linear-gradient(
    45deg,
    var(--color-blue-25) 25%,
    transparent 25%,
    transparent 50%,
    var(--color-blue-25) 50%,
    var(--color-blue-25) 75%,
    transparent 75%
  );
  background-size: 4px 4px;
}

.oaldk-config-gear__head__icon::before,
.oaldk-config-gear__head__icon::after {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
}

.oaldk-config-gear__head__icon::before {
  text-align: center;
  line-height: 1.95em;
  content: "OX";
  z-index: 1;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--white);
  opacity: 0.8;
  transform: scale(0.7) rotate(-45deg);
  text-shadow: -1px -1px 0 var(--color-blue), 1px -1px 0 var(--color-blue-25),
    -1px 1px 0 var(--color-blue-25), 1px 1px 0 var(--color-blue-25);
}

/* .oaldk-config-gear:hover .oaldk-config-gear__head__icon::before, */
.oaldk-config-gear.fakehover .oaldk-config-gear__head__icon::before {
  opacity: 1;
  transform: scale(0.7) rotate(0);
}

.oaldk-config-gear__head__icon::after {
  content: "";
  border-radius: 50%;
  background-color: var(--color-blue);
  transform: scale(0);
}

/* .oaldk-config-gear:hover .oaldk-config-gear__head__icon::after, */
.oaldk-config-gear.fakehover .oaldk-config-gear__head__icon::after {
  transform: scale(0.8);
}

.oaldk-config-gear__body {
  background-color: var(--white);
  z-index: -1;
  border: 1px solid var(--color-blue);
  border-radius: 4px;
  border-top-right-radius: 1.1em;
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s;
  padding-top: 2.35em;
  position: relative;
  overflow: hidden;
}

/* .oaldk-config-gear:hover .oaldk-config-gear__body, */
.oaldk-config-gear.fakehover .oaldk-config-gear__body {
  opacity: 1;
  visibility: visible;
  width: auto;
  height: auto;
  min-width: 11em;
  max-width: 12em;
  box-shadow: -1px 1px 0 1px var(--a-10);
}

.config-group {
  position: relative;
  transition: background-color 0.3s;
}

.config-group:hover {
  background-color: var(--color-blue-10);
}

.config-group.kjumpgroup:hover {
  background-color: var(--color-orange-10);
}

.config-group::before {
  display: block;
  content: "";
  position: absolute;
  left: 0.5em;
  right: 0;
  height: 1px;
  opacity: 0.15;
  background-color: var(--color-blue);
}

.config-group__label {
  font-size: 0.8em;
  color: var(--text-color);
  line-height: 1;
  text-transform: capitalize;
  padding: 0.5em 1em 0.2em;
}

.config-group__label::before {
  display: inline-block;
  content: "⟶";
  color: var(--color-red);
  margin-right: 0.25em;
  transform: translateY(-0.15em);
}

.config-group__options {
  /* white-space: nowrap; */
  padding: 0 1em 0em;
}

.phon,
.config-group__options > span {
  user-select: none;
}

.config-group__options span {
  --option-color: var(--color-blue);
  --option-bg: var(--color-blue-25);

  display: inline-block;
  cursor: pointer;
  user-select: none;
  min-width: 46px;
  text-align: center;
  height: 1.8em;
  line-height: 1.7em;
  padding: 0 0.5em;
  border-radius: 4px;
  font-size: 0.75em;
  font-weight: 700;
  font-variant: small-caps;
  text-transform: capitalize;
  color: var(--option-color);
  margin-right: 0.25em;
  margin-bottom: 0.5em;
  box-sizing: border-box;
  border: 1px solid var(--option-bg);
}

.config-group__options span[class^="kjump_"] {
  --option-color: var(--color-orange);
  --option-bg: var(--color-orange-25);
}

.config-group__options span.active {
  background-size: 4px 4px;
  background-image: linear-gradient(
    45deg,
    var(--option-bg) 25%,
    transparent 25%,
    transparent 50%,
    var(--option-bg) 50%,
    var(--option-bg) 75%,
    transparent 75%
  );
}

/* .oaldk-config-gear:hover .config-group__options span, */
.oaldk-config-gear.fakehover .config-group__options span {
  transition: transform 0.25s ease-out;
  transform: translateX(0);
}

.config-group__options span[checked="true"] {
  background-size: 4px 4px;
  background-image: linear-gradient(
    45deg,
    var(--color-blue-25) 25%,
    transparent 25%,
    transparent 50%,
    var(--color-blue-25) 50%,
    var(--color-blue-25) 75%,
    transparent 75%
  );
}

.config-group__options span:first-child {
  border-top-left-radius: 0.95em;
  border-bottom-left-radius: 0.95em;
}

.config-group__options span:last-child {
  margin-right: 0;
  border-top-right-radius: 0.95em;
  border-bottom-right-radius: 0.95em;
}

/* 图片 */
#ox-enlarge {
  float: right;
  margin-left: 4px;
  margin-bottom: 4px;
  border: 1px solid #0069b4;
  cursor: pointer;
  position: relative;
  z-index: 1;
  overflow: hidden;
  opacity: var(--opacity);
}

#ox-enlarge .fullsize,
#ox-enlarge .thumb {
  border: none;
}

#ox-enlarge .fullsize {
  display: none;
  min-width: 75px;
  min-height: 75px;
}

#ox-enlarge .thumb {
  display: block;
  width: 75px;
  height: 75px;
}

#ox-enlarge.enlarged {
  width: 100%;
}

#ox-enlarge.enlarged .fullsize {
  display: block;
  max-width: 100%;
}

#ox-enlarge.enlarged .thumb {
  display: none;
}

#ox-enlarge .topic {
  display: block;
  position: relative;
}

#ox-enlarge .topic .ox-enlarge-label {
  color: transparent;
  display: block;
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  background-position: center;
  background-repeat: no-repeat;
}

#ox-enlarge .topic .ox-enlarge-label {
  background-image: url(images/expand_icon.svg);
}

/* Symbols: o3k/o5k, OPAL */
.symbols {
  display: inline-block;
}

.opal_symbol {
  display: inline-block;
  font-size: 9px;
  font-weight: 700;
  color: var(--color-blue);
  border: 1px solid var(--color-blue);
  background-size: 4px 4px;
  border-radius: 5px;
  padding: 0 4px;
  transform: translateY(-1px);
}

.opal_symbol:hover {
  background-color: var(--color-blue);
  color: var(--white);
}

span[class^="ox3ksym_"],
span[class^="ox3ksymsub_"],
span[class^="ox5ksym_"],
span[class^="ox5ksymsub_"] {
  display: inline-block;
  font-size: 0.65em;
  font-family: LucidaSansUnicode;
  color: var(--text-grey-B);
  text-shadow: 0.5px 0.5px 2px var(--color-orange-25);
  transform: translate(-4px, 0px);
  margin-right: -2px;
}

span[class^="ox3ksym_"]::before,
span[class^="ox3ksymsub_"]::before,
span[class^="ox5ksym_"]::before,
span[class^="ox5ksymsub_"]::before {
  display: inline-block;
  font-size: 1.45em;
  font-family: oaldx;
  content: "\1f511";
  color: var(--color-orange);
  transform: rotate(90deg) translate(-0.1rem, -0.1rem);
}

/* .oaldk-config-gear:hover .config-group__options span, */
.webtop ._syns {
  display: inline-block;
  z-index: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  text-align: center;
  user-select: none;
  height: 1em;
  line-height: 1.2em;
  font-family: LucidaSansUnicode;
  opacity: 0.75;
}

.webtop ._syns b {
  cursor: pointer;
  color: var(--text-grey-B);
}

.webtop ._syns b._ {
  color: var(--color-red);
}

.webtop ._syns b::before {
  content: "◇";
  display: inline-block;
  margin: 0 0.1em;
  font-size: 0.75em;
}

.webtop ._syns b._::before {
  content: "◆";
}

.entry > .top-container .webtop::after {
  content: "";
  position: absolute;
  right: 13px;
  bottom: 3px;
  width: 8.5px;
  border-bottom: 2px solid var(--color-blue);
  opacity: 0.5;
}