/* ============================================================
   青梅竹马假小子开窍美化板
   主题：阳光操场 × 心动瞬间
   配色：青草绿 #5B9A8B · 樱花粉 #FFB5C2 · 阳光黄 #FFD93D
   装饰：⚽ 运动感 · 🌸 少女心 · 💕 开窍悸动
   ============================================================ */

/* ===== 全局容器：阳光操场 · 清新自然底 ===== */
ai {
  display: block;
  background:
    radial-gradient(ellipse at 20% 80%, rgba(91, 154, 139, 0.10) 0%, transparent 60%),
    radial-gradient(ellipse at 90% 10%, rgba(255, 181, 194, 0.12) 0%, transparent 50%),
    linear-gradient(158deg, #f5fbf8 0%, #e8f3ef 40%, #dceee8 100%);
  padding: 20px 16px 24px;
  border-radius: 24px 24px 16px 16px;
  position: relative;
  box-shadow:
    0 8px 28px rgba(60, 80, 70, 0.18),
    inset 0 0 60px rgba(91, 154, 139, 0.06);
  font-family: "SimSun", "宋体", "Songti SC", "Times New Roman", serif;
  border: 2px solid rgba(91, 154, 139, 0.20);
}

ai::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:
    url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><text x="8" y="38" font-size="26" fill="rgba(91,154,139,0.07)">⚽</text><text x="58" y="72" font-size="22" fill="rgba(255,181,194,0.07)">🌸</text><text x="30" y="95" font-size="18" fill="rgba(255,217,61,0.06)">☀️</text></svg>') repeat;
  opacity: 1;
  pointer-events: none;
  border-radius: 24px 24px 16px 16px;
  z-index: 0;
}

/* ===== 立绘 dr：运动写真 · 青春抓拍 39张 ===== */
dr-01, dr-02, dr-03, dr-04, dr-05, dr-06, dr-07, dr-08, dr-09, dr-10,
dr-11, dr-12, dr-13, dr-14, dr-15, dr-16, dr-17, dr-18, dr-19, dr-20,
dr-21, dr-22, dr-23, dr-24, dr-25, dr-26, dr-27, dr-28, dr-29, dr-30,
dr-31, dr-32, dr-33, dr-34, dr-35, dr-36, dr-37, dr-38, dr-39 {
  display: block;
  width: 240px;
  aspect-ratio: 13 / 19;  /* 原为 3/4，现改为 832:1216 精确比例 */
  margin: 22px auto;
  background-size: cover;
  background-position: center top;
  border-radius: 6px;
  border: 6px solid #ffffff;
  border-bottom: 32px solid #ffffff;
  box-shadow:
    0 0 0 2px rgba(91, 154, 139, 0.30),
    0 6px 20px rgba(60, 80, 70, 0.22),
    inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  transform: rotate(-1.2deg) scale(1);
  position: relative;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
              box-shadow 0.4s ease,
              border-color 0.3s ease;
}

dr-01::after, dr-02::after, dr-03::after, dr-04::after, dr-05::after,
dr-06::after, dr-07::after, dr-08::after, dr-09::after, dr-10::after,
dr-11::after, dr-12::after, dr-13::after, dr-14::after, dr-15::after,
dr-16::after, dr-17::after, dr-18::after, dr-19::after, dr-20::after,
dr-21::after, dr-22::after, dr-23::after, dr-24::after, dr-25::after,
dr-26::after, dr-27::after, dr-28::after, dr-29::after, dr-30::after,
dr-31::after, dr-32::after, dr-33::after, dr-34::after, dr-35::after,
dr-36::after, dr-37::after, dr-38::after, dr-39::after {
  content: "⚽";
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%) rotate(6deg);
  font-size: 20px;
  filter: drop-shadow(0 2px 4px rgba(60, 80, 70, 0.30));
  background: rgba(255, 255, 255, 0.85);
  padding: 0 6px;
  border-radius: 30px;
  line-height: 1.6;
  font-family: "SimSun", "宋体", "Songti SC", "Times New Roman", serif;
}

dr-01:hover, dr-02:hover, dr-03:hover, dr-04:hover, dr-05:hover,
dr-06:hover, dr-07:hover, dr-08:hover, dr-09:hover, dr-10:hover,
dr-11:hover, dr-12:hover, dr-13:hover, dr-14:hover, dr-15:hover,
dr-16:hover, dr-17:hover, dr-18:hover, dr-19:hover, dr-20:hover,
dr-21:hover, dr-22:hover, dr-23:hover, dr-24:hover, dr-25:hover,
dr-26:hover, dr-27:hover, dr-28:hover, dr-29:hover, dr-30:hover,
dr-31:hover, dr-32:hover, dr-33:hover, dr-34:hover, dr-35:hover,
dr-36:hover, dr-37:hover, dr-38:hover, dr-39:hover {
  transform: rotate(0deg) translateY(-8px) scale(1.04);
  box-shadow:
    0 0 0 3px rgba(255, 181, 194, 0.50),
    0 14px 32px rgba(60, 80, 70, 0.28),
    inset 0 0 0 1px rgba(255, 255, 255, 0.6);
  border-color: #ffb5c2;
  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
              box-shadow 0.35s ease,
              border-color 0.3s ease;
}

/* — 立绘图片（39张，保持原链接） — */
dr-01 { background-image: url(https://iili.io/CrXdaUu.png); }
dr-02 { background-image: url(https://iili.io/CrXd7f9.png); }
dr-03 { background-image: url(https://iili.io/CrXdYle.png); }
dr-04 { background-image: url(https://iili.io/CrXd0Rj.png); }
dr-05 { background-image: url(https://iili.io/CrXdMxV.png); }
dr-06 { background-image: url(https://iili.io/CrXdWiP.png); }
dr-07 { background-image: url(https://iili.io/CrXdj0F.png); }
dr-08 { background-image: url(https://iili.io/CrXdwUg.png); }
dr-09 { background-image: url(https://iili.io/CrXdSxp.png); }
dr-10 { background-image: url(https://iili.io/CrXdUWN.png); }
dr-11 { background-image: url(https://iili.io/CrXd4ft.png); }
dr-12 { background-image: url(https://iili.io/CrXd60X.png); }
dr-13 { background-image: url(https://iili.io/CrXdDzl.png); }
dr-14 { background-image: url(https://iili.io/CrXdyq7.png); }
dr-15 { background-image: url(https://iili.io/CrXdmsS.png); }
dr-16 { background-image: url(https://iili.io/CrX2919.png); }
dr-17 { background-image: url(https://iili.io/CrX2qXV.png); }
dr-18 { background-image: url(https://iili.io/CrX2BLB.png); }
dr-19 { background-image: url(https://iili.io/CrX2nqP.png); }
dr-20 { background-image: url(https://iili.io/CrX2o11.png); }
dr-21 { background-image: url(https://iili.io/CrX2Amv.png); }
dr-22 { background-image: url(https://iili.io/CrX25IR.png); }
dr-23 { background-image: url(https://iili.io/CrX2YLN.png); }
dr-24 { background-image: url(https://iili.io/CrX2l1t.png); }
dr-25 { background-image: url(https://iili.io/CrX2XI4.png); }
dr-26 { background-image: url(https://iili.io/CrX2hhl.png); }
dr-27 { background-image: url(https://iili.io/CrX2jQ2.png); }
dr-28 { background-image: url(https://iili.io/CrX2OE7.png); }
dr-29 { background-image: url(https://iili.io/CrX2e49.png); }
dr-30 { background-image: url(https://iili.io/CrX28Yu.png); }
dr-31 { background-image: url(https://iili.io/CrX2Skb.png); }
dr-32 { background-image: url(https://iili.io/CrX24hQ.png); }
dr-33 { background-image: url(https://iili.io/CrX2iCB.png); }
dr-34 { background-image: url(https://iili.io/CrX2sEP.png); }
dr-35 { background-image: url(https://iili.io/CrX2L41.png); }
dr-36 { background-image: url(https://iili.io/CrX2byJ.png); }
dr-37 { background-image: url(https://iili.io/CrX39Qp.png); }
dr-38 { background-image: url(https://iili.io/CrX2yjR.png); }
dr-39 { background-image: url(https://iili.io/CrX3JCN.png); }

/* ===== CG：心动剧场 · 回忆分镜 25张（已替换并删除多余） ===== */
cg-01, cg-02, cg-03, cg-04, cg-05, cg-06, cg-07, cg-08, cg-09, cg-10,
cg-11, cg-12, cg-13, cg-14, cg-15, cg-16, cg-17, cg-18, cg-19, cg-20,
cg-21, cg-22, cg-23, cg-24, cg-25 {
  display: block;
  width: 100%;
  max-width: 300px;
  aspect-ratio: 1/1;
  margin: 20px auto;
  background-size: cover;
  background-position: center;
  border-radius: 12px;
  border: 3px solid rgba(91, 154, 139, 0.40);
  box-shadow:
    4px 4px 0 rgba(91, 154, 139, 0.25),
    0 10px 28px rgba(60, 80, 70, 0.16);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
              box-shadow 0.4s ease,
              border-color 0.3s ease;
  position: relative;
}

cg-01::after, cg-02::after, cg-03::after, cg-04::after, cg-05::after,
cg-06::after, cg-07::after, cg-08::after, cg-09::after, cg-10::after,
cg-11::after, cg-12::after, cg-13::after, cg-14::after, cg-15::after,
cg-16::after, cg-17::after, cg-18::after, cg-19::after, cg-20::after,
cg-21::after, cg-22::after, cg-23::after, cg-24::after, cg-25::after {
  content: "💕";
  position: absolute;
  top: -8px;
  right: -8px;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  background: #ffb5c2;
  color: #fff;
  border: 2.5px solid rgba(91, 154, 139, 0.50);
  border-radius: 50%;
  font-size: 16px;
  transform: rotate(8deg);
  box-shadow: 0 2px 8px rgba(255, 181, 194, 0.40);
  font-family: "SimSun", "宋体", "Songti SC", "Times New Roman", serif;
}

cg-01:hover, cg-02:hover, cg-03:hover, cg-04:hover, cg-05:hover,
cg-06:hover, cg-07:hover, cg-08:hover, cg-09:hover, cg-10:hover,
cg-11:hover, cg-12:hover, cg-13:hover, cg-14:hover, cg-15:hover,
cg-16:hover, cg-17:hover, cg-18:hover, cg-19:hover, cg-20:hover,
cg-21:hover, cg-22:hover, cg-23:hover, cg-24:hover, cg-25:hover {
  transform: translate(-3px, -3px) scale(1.01);
  box-shadow:
    7px 7px 0 rgba(255, 181, 194, 0.30),
    0 14px 34px rgba(60, 80, 70, 0.22);
  border-color: #ffb5c2;
}

/* — CG图片（25张，新链接） — */
cg-01 { background-image: url(https://iili.io/CrXjH7V.png); }
cg-02 { background-image: url(https://iili.io/CrXj9dQ.png); }
cg-03 { background-image: url(https://iili.io/CrXj3I1.png); }
cg-04 { background-image: url(https://iili.io/CrXjJkB.png); }
cg-05 { background-image: url(https://iili.io/CrXjx7p.png); }
cg-06 { background-image: url(https://iili.io/CrXjIpI.png); }
cg-07 { background-image: url(https://iili.io/CrXjuIt.png); }
cg-08 { background-image: url(https://iili.io/CrXjRQn.png); }
cg-09 { background-image: url(https://iili.io/CrXjMT7.png); }
cg-10 { background-image: url(https://iili.io/CrXjhCu.png); }
cg-11 { background-image: url(https://iili.io/CrXjjEb.png); }
cg-12 { background-image: url(https://iili.io/CrXjO3x.png); }
cg-13 { background-image: url(https://iili.io/CrXj4Cg.png); }
cg-14 { background-image: url(https://iili.io/CrXj6Ga.png); }
cg-15 { background-image: url(https://iili.io/CrXjP6J.png); }
cg-16 { background-image: url(https://iili.io/CrXjQvp.png); }
cg-17 { background-image: url(https://iili.io/CrXw2a4.png); }
cg-18 { background-image: url(https://iili.io/CrXw38l.png); }
cg-19 { background-image: url(https://iili.io/CrXwK92.png); }
cg-20 { background-image: url(https://iili.io/CrXwfuS.png); }
cg-21 { background-image: url(https://iili.io/CrXwlMg.png); }
cg-22 { background-image: url(https://iili.io/CrXw0Pa.png); }
cg-23 { background-image: url(https://iili.io/CrXwXAN.png); }
cg-24 { background-image: url(https://iili.io/CrXwW9p.png); }
cg-25 { background-image: url(https://iili.io/CrXw4NS.png); }

/* ===== 表情 ex：运动徽章 · 少女贴纸 30张（保持不变） ===== */
ex-01, ex-02, ex-03, ex-04, ex-05, ex-06, ex-07, ex-08, ex-09, ex-10,
ex-11, ex-12, ex-13, ex-14, ex-15, ex-16, ex-17, ex-18, ex-19, ex-20,
ex-21, ex-22, ex-23, ex-24, ex-25, ex-26, ex-27, ex-28, ex-29, ex-30 {
  display: block;
  width: 150px;
  height: 150px;
  margin: 16px auto;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  border: 4px solid #ffffff;
  box-shadow:
    0 0 0 3px rgba(91, 154, 139, 0.45),
    0 0 0 6px rgba(255, 181, 194, 0.25),
    4px 6px 0 rgba(60, 80, 70, 0.12),
    0 8px 22px rgba(60, 80, 70, 0.18);
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
              box-shadow 0.4s ease;
  animation: popIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

@keyframes popIn {
  0%   { transform: scale(0.2) rotate(-20deg); opacity: 0; }
  50%  { transform: scale(1.18) rotate(8deg); opacity: 1; }
  70%  { transform: scale(0.94) rotate(-3deg); }
  100% { transform: scale(1) rotate(0deg); opacity: 1; }
}

ex-01:hover, ex-02:hover, ex-03:hover, ex-04:hover, ex-05:hover,
ex-06:hover, ex-07:hover, ex-08:hover, ex-09:hover, ex-10:hover,
ex-11:hover, ex-12:hover, ex-13:hover, ex-14:hover, ex-15:hover,
ex-16:hover, ex-17:hover, ex-18:hover, ex-19:hover, ex-20:hover,
ex-21:hover, ex-22:hover, ex-23:hover, ex-24:hover, ex-25:hover,
ex-26:hover, ex-27:hover, ex-28:hover, ex-29:hover, ex-30:hover {
  transform: scale(1.12) rotate(-5deg);
  box-shadow:
    0 0 0 3px rgba(255, 181, 194, 0.60),
    0 0 0 7px rgba(255, 217, 61, 0.25),
    4px 6px 0 rgba(60, 80, 70, 0.12),
    0 14px 30px rgba(255, 181, 194, 0.35);
}

/* — 表情图片（30张，保持原链接） — */
ex-01 { background-image: url(https://iili.io/CrX0P4I.png); }
ex-02 { background-image: url(https://iili.io/CrX04Bp.png); }
ex-03 { background-image: url(https://iili.io/CrX0gQR.png); }
ex-04 { background-image: url(https://iili.io/CrX06EN.png); }
ex-05 { background-image: url(https://iili.io/CrX1I3P.png); }
ex-06 { background-image: url(https://iili.io/CrX1u8F.png); }
ex-07 { background-image: url(https://iili.io/CrX1Ta1.png); }
ex-08 { background-image: url(https://iili.io/CrX15ua.png); }
ex-09 { background-image: url(https://iili.io/CrX1W9n.png); }
ex-10 { background-image: url(https://iili.io/CrX1hwG.png); }
ex-11 { background-image: url(https://iili.io/CrX1jtf.png); }
ex-12 { background-image: url(https://iili.io/CrX1Nn4.png); }
ex-13 { background-image: url(https://iili.io/CrX1sMQ.png); }
ex-14 { background-image: url(https://iili.io/CrX1ZKB.png); }
ex-15 { background-image: url(https://iili.io/CrX1tcP.png); }
ex-16 { background-image: url(https://iili.io/CrX1DS1.png); }
ex-17 { background-image: url(https://iili.io/CrXEFKN.png); }
ex-18 { background-image: url(https://iili.io/CrXEKlI.png); }
ex-19 { background-image: url(https://iili.io/CrXEfSt.png); }
ex-20 { background-image: url(https://iili.io/CrXEBHX.png); }
ex-21 { background-image: url(https://iili.io/CrXEaRe.png); }
ex-22 { background-image: url(https://iili.io/CrXE1xj.png); }
ex-23 { background-image: url(https://iili.io/CrXEEWx.png); }
ex-24 { background-image: url(https://iili.io/CrXEVfV.png); }
ex-25 { background-image: url(https://iili.io/CrXEOba.png); }
ex-26 { background-image: url(https://iili.io/CrXEkzJ.png); }
ex-27 { background-image: url(https://iili.io/CrXE8sR.png); }
ex-28 { background-image: url(https://iili.io/CrXErgI.png); }
ex-29 { background-image: url(https://iili.io/CrXEbql.png); }
ex-30 { background-image: url(https://iili.io/CrXEpgS.png); }

/* ===== 正文 text：宋体 · 舒适阅读（比原版略大，比上次缩小） ===== */
text {
  display: block;
  font-family: "SimSun", "宋体", "Songti SC", "Times New Roman", serif;
  font-size: 16.5px;
  line-height: 2.2;
  color: #2c3e3a;
  letter-spacing: 0.8px;
  text-align: justify;
  position: relative;
  z-index: 1;
}

text p {
  text-indent: 2em;
  margin: 0.7em 0;
}

text p:first-child::first-letter {
  font-size: 2.4em;
  color: #ffb5c2;
  font-weight: bold;
  float: left;
  line-height: 0.8;
  margin-right: 6px;
  text-shadow: 0 2px 8px rgba(255, 181, 194, 0.30);
  font-family: "SimSun", "宋体", "Songti SC", "Times New Roman", serif;
}

/* ===== 状态栏 details：青春留言板 / 笔记本风 ===== */
ai details {
  font-family: "SimSun", "宋体", "Songti SC", "Times New Roman", serif;
  background: linear-gradient(155deg, #ffffff 0%, #f5fbf8 100%);
  border: 2.5px solid rgba(91, 154, 139, 0.35);
  border-radius: 16px 16px 12px 12px;
  margin: 14px 0;
  padding: 4px 14px 8px;
  box-shadow:
    0 3px 0 rgba(91, 154, 139, 0.20),
    0 6px 18px rgba(60, 80, 70, 0.10);
  position: relative;
  z-index: 1;
}

ai details > summary {
  list-style: none;
  cursor: pointer;
  font-size: 17px;
  font-weight: bold;
  color: #2c3e3a;
  letter-spacing: 0.8px;
  padding: 10px 8px;
  position: relative;
  background: linear-gradient(90deg, rgba(91, 154, 139, 0.12), transparent 70%);
  border-radius: 10px;
  transition: all 0.3s ease;
  font-family: "SimSun", "宋体", "Songti SC", "Times New Roman", serif;
}

ai details > summary::-webkit-details-marker { display: none; }
ai details > summary::marker { content: ""; }

ai details > summary::before {
  content: "📝";
  margin-right: 10px;
  display: inline-block;
  transition: transform 0.35s ease;
}

ai details[open] > summary::before {
  transform: rotate(-12deg) scale(1.1);
}

ai details > summary:hover {
  color: #5b9a8b;
  background: linear-gradient(90deg, rgba(91, 154, 139, 0.20), transparent 70%);
}

ai details p {
  margin: 0.5em 0;
  font-size: 15.5px;
  color: #2c3e3a;
  line-height: 2.0;
  font-family: "SimSun", "宋体", "Songti SC", "Times New Roman", serif;
}

ai details strong {
  color: #5b9a8b;
  font-weight: bold;
}

ai details em {
  font-style: normal;
  color: #8aa9a0;
  font-size: 14px;
}

ai details ul {
  margin: 0.4em 0;
  padding-left: 1.6em;
}

ai details li {
  font-size: 15.5px;
  color: #2c3e3a;
  padding: 4px 0;
  border-bottom: 1.5px dashed rgba(91, 154, 139, 0.20);
  list-style: none;
  position: relative;
  font-family: "SimSun", "宋体", "Songti SC", "Times New Roman", serif;
  line-height: 2.0;
}

ai details li::before {
  content: "▸";
  position: absolute;
  left: -1.2em;
  color: #ffb5c2;
  font-weight: bold;
}

ai details li:last-child {
  border-bottom: none;
}

ai details hr {
  border: none;
  height: 2px;
  margin: 0.9em 0;
  background: repeating-linear-gradient(90deg, rgba(91, 154, 139, 0.40) 0 6px, transparent 6px 12px);
  opacity: 0.5;
}

ai details table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  margin: 0.6em 0;
  font-family: "SimSun", "宋体", "Songti SC", "Times New Roman", serif;
}

ai details th {
  background: #d4ede6;
  color: #2c3e3a;
  padding: 6px 5px;
  font-weight: bold;
  border: 2px solid rgba(91, 154, 139, 0.30);
  font-family: "SimSun", "宋体", "Songti SC", "Times New Roman", serif;
  font-size: 14px;
}

ai details td {
  padding: 5px;
  border: 1.5px solid rgba(91, 154, 139, 0.18);
  color: #2c3e3a;
  font-family: "SimSun", "宋体", "Songti SC", "Times New Roman", serif;
  font-size: 14px;
}

/* ===== 日记 special：青春手账 · 心动记录 ===== */
ai details[t="日"] {
  font-family: "KaiTi", "楷体", "SimSun", "宋体", "STKaiti", serif;
  background:
    linear-gradient(transparent 0 24px, rgba(255, 181, 194, 0.10) 24px 25px) 0 32px / 100% 25px repeat-y,
    linear-gradient(90deg, rgba(255, 181, 194, 0.15) 0 2px, transparent 2px) 28px 0 / 100% 100% no-repeat,
    linear-gradient(152deg, #fcfefe 0%, #f0f7f4 100%);
  border: 2.5px solid rgba(91, 154, 139, 0.30);
  border-radius: 6px 16px 16px 6px;
  padding: 8px 16px 14px 40px;
  margin: 20px 4px;
  transform: rotate(-0.5deg);
  position: relative;
  box-shadow:
    0 3px 0 rgba(255, 181, 194, 0.25),
    0 8px 24px rgba(60, 80, 70, 0.12);
  z-index: 1;
}

ai details[t="日"]::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 32px;
  width: 48px;
  height: 16px;
  transform: rotate(-3deg);
  background: rgba(255, 217, 61, 0.40);
  border-radius: 30px;
  box-shadow: 0 2px 6px rgba(255, 217, 61, 0.20);
}

ai details[t="日"]::after {
  content: "🌸";
  position: absolute;
  top: -4px;
  right: 14px;
  font-size: 1.8em;
  transform: rotate(10deg);
  filter: drop-shadow(0 2px 6px rgba(255, 181, 194, 0.30));
}

ai details[t="日"] > summary {
  color: #2c3e3a;
  font-size: 17.5px;
  letter-spacing: 1.5px;
  background: none;
  border-bottom: 2px dashed rgba(255, 181, 194, 0.45);
  border-radius: 0;
  font-family: "KaiTi", "楷体", "SimSun", "宋体", "STKaiti", serif;
}

ai details[t="日"] > summary::before {
  content: "📖";
}

ai details[t="日"] p {
  font-size: 16px;
  color: #2c3e3a;
  line-height: 2.2;
  text-indent: 2em;
  margin: 0.7em 0;
  font-family: "KaiTi", "楷体", "SimSun", "宋体", "STKaiti", serif;
}

ai details[t="日"] p:first-of-type {
  text-indent: 0;
  color: #5b9a8b;
  font-size: 15px;
  letter-spacing: 1px;
}

ai details[t="日"] strong {
  color: #ffb5c2;
}

/* ===== 让所有正文和卡片浮到伪元素上面 ===== */
text,
ai details,
dr-01, dr-02, dr-03, dr-04, dr-05, dr-06, dr-07, dr-08, dr-09, dr-10,
dr-11, dr-12, dr-13, dr-14, dr-15, dr-16, dr-17, dr-18, dr-19, dr-20,
dr-21, dr-22, dr-23, dr-24, dr-25, dr-26, dr-27, dr-28, dr-29, dr-30,
dr-31, dr-32, dr-33, dr-34, dr-35, dr-36, dr-37, dr-38, dr-39,
cg-01, cg-02, cg-03, cg-04, cg-05, cg-06, cg-07, cg-08, cg-09, cg-10,
cg-11, cg-12, cg-13, cg-14, cg-15, cg-16, cg-17, cg-18, cg-19, cg-20,
cg-21, cg-22, cg-23, cg-24, cg-25,
ex-01, ex-02, ex-03, ex-04, ex-05, ex-06, ex-07, ex-08, ex-09, ex-10,
ex-11, ex-12, ex-13, ex-14, ex-15, ex-16, ex-17, ex-18, ex-19, ex-20,
ex-21, ex-22, ex-23, ex-24, ex-25, ex-26, ex-27, ex-28, ex-29, ex-30 {
  position: relative;
  z-index: 1;
}

/* ===== 移动端适配 ===== */
@media screen and (max-width: 480px) {
  dr-01, dr-02, dr-03, dr-04, dr-05, dr-06, dr-07, dr-08, dr-09, dr-10,
  dr-11, dr-12, dr-13, dr-14, dr-15, dr-16, dr-17, dr-18, dr-19, dr-20,
  dr-21, dr-22, dr-23, dr-24, dr-25, dr-26, dr-27, dr-28, dr-29, dr-30,
  dr-31, dr-32, dr-33, dr-34, dr-35, dr-36, dr-37, dr-38, dr-39 {
    width: 190px;
    border-width: 4px;
    border-bottom-width: 24px;
  }

  cg-01, cg-02, cg-03, cg-04, cg-05, cg-06, cg-07, cg-08, cg-09, cg-10,
  cg-11, cg-12, cg-13, cg-14, cg-15, cg-16, cg-17, cg-18, cg-19, cg-20,
  cg-21, cg-22, cg-23, cg-24, cg-25 {
    max-width: 94%;
  }

  ex-01, ex-02, ex-03, ex-04, ex-05, ex-06, ex-07, ex-08, ex-09, ex-10,
  ex-11, ex-12, ex-13, ex-14, ex-15, ex-16, ex-17, ex-18, ex-19, ex-20,
  ex-21, ex-22, ex-23, ex-24, ex-25, ex-26, ex-27, ex-28, ex-29, ex-30 {
    width: 120px;
    height: 120px;
    margin: 12px auto;
  }

  ai details {
    padding: 4px 10px 6px;
  }

  ai details > summary {
    font-size: 15px;
    padding: 8px 6px;
  }

  ai details p {
    font-size: 14.5px;
    line-height: 2.0;
  }

  ai details li {
    font-size: 14.5px;
    line-height: 1.9;
  }

  ai details table {
    font-size: 13px;
  }

  ai details th {
    font-size: 13px;
  }

  ai details td {
    font-size: 13px;
  }

  ai details[t="日"] {
    transform: none;
    padding: 7px 12px 11px 34px;
    margin: 16px 2px;
  }

  ai details[t="日"] p {
    font-size: 15px;
    line-height: 2.1;
  }

  ai details[t="日"] p:first-of-type {
    font-size: 14px;
  }

  ai details[t="日"] > summary {
    font-size: 15.5px;
  }

  text {
    font-size: 15.5px;
    line-height: 2.1;
  }

  text p {
    margin: 0.6em 0;
  }

  ai {
    padding: 14px 10px 18px;
    border-radius: 18px 18px 12px 12px;
  }
}