/* ═══════════════════════════════════════════════════════════════
   COD9 牛津现代英汉双解词典 — picdic-cn 配色方案
   紧凑 · 高级 · 清爽 · 可视
   ═══════════════════════════════════════════════════════════════ */

:root {
  --cod-font: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
  --cod-serif: Georgia, "Noto Serif SC", serif;

  /* picdic-cn 经典配色 */
  --cod-blue: blue;
  --cod-navy: navy;
  --cod-red: red;
  --cod-green: green;
  --cod-slateblue: slateblue;
  --cod-royalblue: royalblue;
  --cod-gold: goldenrod;
  --cod-lavender: #9ca8dc;

  /* Surface & text */
  --cod-text: var(--cod-navy);
  --cod-text-light: #555;
  --cod-text-muted: #888;
  --cod-border: #e0e0e0;
  --cod-bg-subtle: #faf8ff;
  --cod-bg-warm: #fff3e0;

  --cod-radius: 4px;
  --cod-radius-pill: 10px;
}

/* ── 全局基础 ─────────────────────────────────────────────────── */
body {
  font: 15px/1.5 var(--cod-font);
  color: var(--cod-navy);
  margin: 0;
  padding: 6px 8px;
}

/* ── 词头 headword（与音标同行）────────────────────────────────── */
hwd {
  display: inline;
  font-family: var(--cod-serif);
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--cod-blue);
}

hwd::before {
  content: none;
}

hwd sup {
  font-size: 0.6em;
  color: var(--cod-text-muted);
}

/* 音标容器与词头同行 */
phx {
  display: inline;
  margin-left: 1em;
}

/* ── 音标 ─────────────────────────────────────────────────────── */
pho {
  display: inline;
  font-size: 0.88rem;
  color: var(--cod-text-light);
  margin-left: 6px;
}

/* ── 中文释义 zh / 中文片解 cn ────────────────────────────────── */
zh {
  color: var(--cod-navy);
  font-size: 0.85rem;
  /* font-weight: 600; */
}

cn {
  color: var(--cod-text-muted);
  font-size: 0.82rem;
}

/* ── 单词变形 h ───────────────────────────────────────────────── */
h {
  display: inline;
  font-weight: 700;
  color: var(--cod-blue);
}

/* ── 词性 pos ─────────────────────────────────────────────────── */
pos {
  display: inline-block;
  font-family: var(--cod-serif);
  font-style: italic;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--cod-red);
  padding: 0 2px;
}

/* ── 义项块 rw / sa / def ─────────────────────────────────────── */
rw {
  display: inline;
}

rw > sa > prx::before {
  content: "●";
  color: var(--cod-gold);
  font-size: 0.6rem;
  margin-right: 3px;
}

rw > sa > prx {
  display: block;
  margin-top: 4px;
  padding-top: 3px;
  border-top: 1px dashed var(--cod-border);
}

sa > def {
  display: block;
  margin: 0 0 0 2.5em;
}

/* ── 义项编号 sqn ─────────────────────────────────────────────── */
sb {
  display: block;
  margin: 2px 0;
}

sqn {
  display: inline-block;
  min-width: 1.1em;
  text-align: center;
  font-size: 0.7rem;
  font-weight: 700;
  color: white;
  background: var(--cod-slateblue);
  border-radius: var(--cod-radius-pill);
  padding: 1px 4px;
  margin-left: -2.45em;
  margin-right: 3px;
  vertical-align: middle;
  line-height: 1.2;
}

/* ── 子序号 sqa（与 def 同行）──────────────────────────────────── */
sqa {
  display: inline;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--cod-slateblue);
  margin-right: 2px;
}

/* ── 子义项 sc ────────────────────────────────────────────────── */
sc {
  display: block;
  /* margin-left: 1.4em; */
  padding: 0;
}

sqn + sc {
  display: inline;
  margin-left: 0;
}

/* sqa 与 def 同行 */
sqa + def,
sqa + prx,
sc > def {
  display: inline;
}

/* ── 语体 / 义域标签 ot / tm ─────────────────────────────────── */
ot, tm {
  display: inline-block;
  font-size: 0.75rem;
  font-style: italic;
  color: var(--cod-text-muted);
  background: var(--cod-bg-subtle);
  border: 1px solid var(--cod-border);
  border-radius: var(--cod-radius);
  padding: 0 4px;
  margin-right: 3px;
}

/* ── 英文释义 en ──────────────────────────────────────────────── */
en {
  color: #333;
  font-size: 0.88rem;
}

/* ── 例句 ─────────────────────────────────────────────────────── */
ex {
  display: block;
  margin: 2px 0 2px 1em;
}

eps {
  color: var(--cod-green);
  font-family: var(--cod-serif);
  font-style: italic;
  font-size: 0.85rem;
}

eps::before {
  content: none;
}

eps::after {
  content: none;
}

eg {
  display: block;
}

eg::before {
  content: "•";
  color: var(--cod-text-muted);
  margin-right: 4px;
  font-style: normal;
}

eg:not(:last-child)::after {
  content: none;
}

eg zh {
  font-style: normal;
  color: var(--cod-navy);
  /* font-weight: 500; */
  font-size: 0.85rem;
}

/* ── 斜体标注词 x ────────────────────────────────────────────── */
x {
  font-style: italic;
  color: var(--cod-green);
  font-weight: 500;
}

/* ── PHRASE & 衍生词 ──────────────────────────────────────────── */
phd {
  display: block;
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px dashed var(--cod-border);
}

phr {
  display: block;
  /* margin: 3px 0; */
  padding: 2px 0 2px 0;
  /* border-left: 3px solid var(--cod-lavender); */
  border-bottom: 1px dashed var(--cod-border);
}

phr pd::before {
  content: none;
}

phr pd h {
  color: var(--cod-blue);
  font-size: 0.93rem;
  font-weight: 700;
}

phr sa > prx {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

phr sa > prx::before {
  content: none;
}

/* ── 词源 origin ──────────────────────────────────────────────── */
ori {
  display: block;
  margin-top: 8px;
  padding: 3px 8px;
  font-size: 0.8rem;
  color: var(--cod-text-light);
  background: var(--cod-bg-subtle);
  border-radius: var(--cod-radius);
  border-left: 3px solid var(--cod-slateblue);
}

ori x {
  color: var(--cod-slateblue);
}

/* ── 交叉引用 xr ─────────────────────────────────────────────── */
xr {
  display: inline-block;
  margin: 2px 0;
}

xr::before {
  content: "➠";
  color: var(--cod-gold);
  margin-right: 3px;
}

xr a {
  font-weight: 700;
  color: var(--cod-royalblue);
  text-decoration: none;
}

xr a:hover {
  text-decoration: underline;
}

/* ── 链接通用 a ───────────────────────────────────────────────── */
a {
  color: var(--cod-royalblue);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* ── USAGE 用法说明 ───────────────────────────────────────────── */
uge {
  display: block;
  margin: 6px 0;
  padding: 4px 8px;
  background: var(--cod-bg-warm);
  border: 1px solid #ffe6d9;
  border-radius: var(--cod-radius);
}

uge div.t {
  display: inline-block;
  font-weight: 800;
  font-size: 0.78rem;
  text-transform: uppercase;
  color: brown;
  margin-right: 4px;
}

uge div.t::before {
  content: "⚠️";
  margin-right: 3px;
}

/* ── prx 内部 ─────────────────────────────────────────────────── */
prx {
  font-size: 0.88rem;
  color: var(--cod-text-light);
}

rw > sa > prx > pos:first-of-type {
  font-size: 0.88rem;
  color: var(--cod-red);
  font-weight: 700;
}

/* ── 紧凑间距 ─────────────────────────────────────────────────── */
uit {
  display: inline;
}

def {
  display: inline;
}

/* en 与 zh 之间分隔标记 */
uit > en::after {
  content: " ";
}

uit > zh::before {
  content: "▸ ";
  font-size: 0.7rem;
  color: var(--cod-gold);
}

/* ── sup 上标 ─────────────────────────────────────────────────── */
sup {
  font-size: 0.6em;
  color: var(--cod-text-muted);
}

/* ── 响应式 ───────────────────────────────────────────────────── */
@media (max-width: 420px) {
  body {
    font-size: 14px;
    padding: 4px 6px;
  }

  hwd {
    font-size: 1.2rem;
  }

  sc {
    margin-left: 1em;
  }
}