/* ================================================================
   Etymology — 词源词典样式
   风格：衬线编辑设计风
   注意：欧路词典（Qt WebEngine）会丢弃 :root 变量，故全部写字面值
   ================================================================ */

.ety {
  background: #FFFFFF;
  color: #222222;
  font-family: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;
  font-size: 15px;
  line-height: 1.95;
  padding: 26px 22px 34px;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.ety * { box-sizing: border-box; }

/* ---------- 词头 ---------- */
.ety-hd {
  padding-bottom: 16px;
  margin-bottom: 4px;
  border-bottom: 1px solid #E4E4E4;
}
.ety-kicker {
  margin: 0 0 6px;
  font-family: Georgia, "Iowan Old Style", "Palatino Linotype", serif;
  font-size: 9.5px;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: #A9A7A1;
}
.ety-w {
  margin: 0;
  font-family: Georgia, "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -0.018em;
  color: #121212;
  word-break: break-word;
}

/* ---------- 小节 ---------- */
.ety-s {
  margin-top: 0;
  padding-top: 22px;
}
.ety-s + .ety-s {
  margin-top: 28px;
  padding-top: 26px;
  border-top: 1px solid #F0F0F0;
}
/* 小节标题：编号 + 标题 + 右侧延伸细线，撑起第二层级 */
.ety-st {
  display: flex;
  align-items: center;
  margin: 0 0 15px;
  font-size: 16.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #111111;
  line-height: 1.4;
}
.ety-st i {
  font-family: Georgia, "Iowan Old Style", "Times New Roman", serif;
  font-style: normal;
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #C0552F;
  margin-right: 11px;
  flex: 0 0 auto;
}
.ety-st:after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  margin-left: 16px;
  background: #DFDFDF;
}

/* ---------- 键值行 ---------- */
.ety-kvs { margin: 0; }
.ety-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin-bottom: 9px;
}
.ety-k {
  flex: 0 0 4.2em;
  padding-right: 4px;
  font-size: 11.5px;
  line-height: 1.7;
  letter-spacing: 0.09em;
  color: #78756E;
}
.ety-v {
  flex: 1 1 190px;
  min-width: 0;
  font-size: 14.8px;
  line-height: 1.92;
  color: #222222;
}

/* 无内容的分组引导词（如「维度」） */
.ety-sub {
  margin: 16px 0 9px;
  font-size: 11.5px;
  letter-spacing: 0.14em;
  color: #A6A39C;
  line-height: 1.6;
}

/* 本词强调：作为引文托起 */
.ety-row.ety-lead {
  display: block;
  margin: 2px 0 16px;
  padding: 1px 0 1px 13px;
  border-left: 2px solid #C0552F;
}
.ety-row.ety-lead .ety-k {
  display: block;
  flex: none;
  margin-bottom: 3px;
  color: #B05233;
}
.ety-row.ety-lead .ety-v {
  display: block;
  font-size: 14.8px;
  line-height: 1.95;
  color: #2C2C2C;
}

/* 词源故事：稍微托一下，作为阅读主角 */
.ety-row.ety-story {
  display: block;
  margin: 4px 0 12px;
  padding: 13px 15px 14px;
  background: #F7F7F6;
  border: 1px solid #EBEBEB;
  border-radius: 8px;
}
.ety-row.ety-story .ety-k {
  display: block;
  flex: none;
  margin-bottom: 5px;
  color: #98948B;
}
.ety-row.ety-story .ety-v {
  display: block;
  font-size: 14.6px;
  line-height: 2.0;
  color: #2C2C2C;
}

/* 段落 */
.ety-p {
  margin: 0 0 8px;
  font-size: 14.8px;
  line-height: 1.92;
  color: #222222;
}

/* ---------- 词义 ---------- */
.ety-defs {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: defc;
}
.ety-defs li {
  position: relative;
  margin: 0 0 10px;
  padding-left: 24px;
}
.ety-defs li .ety-n {
  position: absolute;
  left: 0;
  top: 0;
  font-family: Georgia, serif;
  font-size: 12.5px;
  line-height: 2.28;
  color: #C0552F;
  letter-spacing: 0.02em;
}
.ety-defs li p {
  margin: 0;
  font-size: 14.8px;
  line-height: 1.92;
  color: #222222;
}

/* ---------- 核心特质：维度 ---------- */
.ety-dims { margin: 6px 0 0; }
.ety-dim {
  margin: 0 0 14px;
  padding-left: 13px;
  border-left: 2px solid #E6E6E6;
}
.ety-dh {
  margin: 0 0 4px;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #3A3A3A;
  line-height: 1.7;
}
.ety-dim .ety-p { margin: 0 0 4px; color: #3A3830; }

/* ---------- 近义词辨析 ---------- */
.ety-syns {
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}
.ety-syns > li {
  margin: 0 0 16px;
  padding: 2px 0 2px 14px;
  border-left: 2px solid #E2E2E2;
}
.ety-syn-h {
  margin: 0 0 6px;
  font-family: Georgia, "Iowan Old Style", "Times New Roman", serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #111111;
  line-height: 1.5;
}
.ety-syns .ety-row { margin-bottom: 7px; }
.ety-syns .ety-k { flex: 0 0 2.9em; }

/* ---------- 固定搭配 ---------- */
.ety-cols {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ety-cols > li { margin: 0 0 16px; }
.ety-col-h {
  margin: 0 0 6px;
  font-size: 13.6px;
  font-weight: 600;
  line-height: 1.8;
  color: #363636;
  letter-spacing: 0.01em;
}
.ety-phrs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ety-phrs li {
  position: relative;
  margin: 0 0 3px;
  padding-left: 15px;
  line-height: 1.8;
}
.ety-phrs li:before {
  content: "·";
  position: absolute;
  left: 2px;
  top: 0;
  color: #C0552F;
  font-weight: 700;
}
.ety-phrs b {
  font-family: Georgia, "Iowan Old Style", "Times New Roman", serif;
  font-size: 14.6px;
  font-weight: 400;
  color: #111111;
  letter-spacing: 0.005em;
}
.ety-phrs span {
  margin-left: 7px;
  font-size: 12.8px;
  color: #8A8880;
}

/* ---------- 同根词 ---------- */
.ety-cogs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ety-cogs > li {
  margin: 0 0 14px;
  padding-bottom: 13px;
  border-bottom: 1px dotted #E8E8E8;
}
.ety-cogs > li:last-child { border-bottom: 0; padding-bottom: 0; }
.ety-cog-h {
  margin: 0 0 3px;
  line-height: 1.7;
}
.ety-cog-h b {
  font-family: Georgia, "Iowan Old Style", "Times New Roman", serif;
  font-size: 15.5px;
  font-weight: 600;
  color: #111111;
  letter-spacing: -0.005em;
}
.ety-ipa {
  margin-left: 8px;
  font-family: "Charis SIL", "Doulos SIL", "Segoe UI", "Lucida Sans Unicode", serif;
  font-size: 12.6px;
  color: #9C9A94;
  letter-spacing: 0.01em;
}
.ety-pos {
  display: block;
  margin-top: 1px;
  font-size: 13px;
  color: #4A4A48;
  line-height: 1.75;
}
.ety-note {
  margin: 3px 0 0;
  font-size: 13.4px;
  line-height: 1.9;
  color: #74726C;
}

/* ---------- 收尾 ---------- */
.ety-fin {
  margin-top: 30px;
  text-align: center;
}
.ety-fin span {
  display: inline-block;
  width: 34px;
  height: 1px;
  background: #E2E2E2;
}

/* ---------- 行内语义 ---------- */
.ety em, .ety i { font-style: italic; }
.ety b { font-weight: 600; }

/* ---------- 窄屏（手机端欧路） ---------- */
@media (max-width: 480px) {
  .ety { padding: 20px 15px 28px; }
  .ety-w { font-size: 28px; }
  .ety-v, .ety-p, .ety-defs li p { font-size: 14.4px; }
  .ety-syns .ety-k, .ety-k { flex: 0 0 3.4em; }
}

/* ---------- 深色 ---------- */
@media (prefers-color-scheme: dark) {
  .ety { background: #1B1B1B; color: #E6E6E6; }
  .ety-hd { border-bottom-color: #343434; }
  .ety-kicker { color: #6C6A66; }
  .ety-w { color: #F2F2F2; }
  .ety-s + .ety-s { border-top-color: #2A2A2A; }
  .ety-st { color: #EDEDED; }
  .ety-st i { color: #DE7C55; }
  .ety-k { color: #82807A; }
  .ety-v, .ety-p, .ety-defs li p { color: #D6D6D3; }
  .ety-row.ety-story { background: #232323; border-color: #343434; }
  .ety-row.ety-story .ety-k { color: #8A8882; }
  .ety-row.ety-story .ety-v { color: #DCDCD8; }
  .ety-defs li .ety-n { color: #DE7C55; }
  .ety-dim { border-left-color: #34312A; }
  .ety-dh { color: #CCCAC5; }
  .ety-dim .ety-p { color: #C6C4BF; }
  .ety-syns > li { border-left-color: #343434; }
  .ety-syn-h { color: #F0F0F0; }
  .ety-col-h { color: #CCCAC5; }
  .ety-phrs li:before { color: #DE7C55; }
  .ety-phrs b { color: #EDEDED; }
  .ety-phrs span { color: #82807A; }
  .ety-cogs > li { border-bottom-color: #2E2B25; }
  .ety-cog-h b { color: #F0F0F0; }
  .ety-ipa { color: #7E7769; }
  .ety-pos { color: #A09E98; }
  .ety-note { color: #AAA8A2; }
  .ety-sub { color: #76746E; }
  .ety-row.ety-lead { border-left-color: #CF7C55; }
  .ety-row.ety-lead .ety-k { color: #CF7C55; }
  .ety-row.ety-lead .ety-v { color: #DCDCD8; }
  .ety-syns > li { border-left-color: #363636; }
  .ety-fin span { background: #363636; }
}
