/* ============================================================
   主题：轻松日常 · 慵懒淡粉
   配色：淡粉 #fce4ec · 柔粉 #f2a6c3 · 桃粉 #f3cfb3 · 奶油 #fff9fb · 软灰棕 #5a4b4c
   意象：云朵 · 星星 · 花朵 · 软木板 · 拍立得
   ============================================================ */

/* ===== 全局容器：淡粉软木板/手账底 ===== */
ai {
  display: block;
  background:
    /* 可爱圆点暗纹（替换经文） */
    radial-gradient(circle at 20% 30%, rgba(242, 166, 195, .12) 2px, transparent 2px),
    radial-gradient(circle at 80% 70%, rgba(243, 207, 179, .12) 2px, transparent 2px),
    radial-gradient(circle at 40% 80%, rgba(242, 166, 195, .08) 3px, transparent 3px),
    radial-gradient(circle at 70% 20%, rgba(243, 207, 179, .08) 3px, transparent 3px),
    /* 软萌云朵暗纹（简化） */
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .4) 20%, transparent 25%),
    /* 淡粉渐变底 */
    linear-gradient(145deg, #fff9fb 0%, #fce4ec 40%, #fdf2f5 100%);
  background-size: 60px 60px, 80px 80px, 120px 120px, 150px 150px, 200px 200px;
  padding: 24px 18px 28px;
  border-radius: 32px 16px 32px 16px;
  position: relative;
  box-shadow:
    0 8px 30px rgba(90, 75, 76, .08),
    0 2px 8px rgba(90, 75, 76, .04),
    inset 0 0 0 1.5px rgba(242, 166, 195, .25);
  font-family: "PingFang SC", "Microsoft YaHei", "华文楷体", "KaiTi", sans-serif;
  border: 2px solid #f3cfb3;
  border-top-color: #fce4ec;
  border-bottom-color: #f2a6c3;
  transition: all .3s ease;
}

/* 四角装饰：云朵/小花（替换卍） */
ai::before {
  content: "☁️";
  position: absolute;
  top: 6px;
  left: 14px;
  font-size: 18px;
  opacity: .6;
  filter: drop-shadow(0 2px 4px rgba(242, 166, 195, .2));
  pointer-events: none;
  transform: rotate(-8deg);
}
ai::after {
  content: "🌸";
  position: absolute;
  bottom: 8px;
  right: 14px;
  font-size: 20px;
  opacity: .5;
  filter: drop-shadow(0 2px 4px rgba(242, 166, 195, .2));
  pointer-events: none;
  transform: rotate(12deg);
}
ai {
  box-shadow:
    0 8px 30px rgba(90, 75, 76, .08),
    0 2px 8px rgba(90, 75, 76, .04),
    inset 0 0 0 1.5px rgba(242, 166, 195, .25),
    /* 额外软糯光晕 */
    0 0 0 6px rgba(243, 207, 179, .08);
}

/* ===== 立绘dr：拍立得/软木板风格 竖版 50张 ===== */
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, dr-40,
dr-41, dr-42, dr-43, dr-44, dr-45, dr-46, dr-47, dr-48, dr-49, dr-50 {
  display: block;
  width: 240px;
  aspect-ratio: 1176 / 1752;
  margin: 28px auto 36px;
  background-size: cover;
  background-position: center top;
  border-radius: 6px 6px 6px 6px;
  /* 拍立得奶油白边框 */
  border: 8px solid #fff9fb;
  box-shadow:
    0 4px 0 #f3cfb3,
    0 6px 16px rgba(90, 75, 76, .12),
    inset 0 0 0 1px rgba(242, 166, 195, .15);
  transform: rotate(-0.5deg);
  position: relative;
  transition: transform .45s cubic-bezier(.34, 1.56, .64, 1),
    box-shadow .4s ease;
  background-color: #fce4ec;
}
/* 上装饰：小星星夹子（替换轴头） */
dr-01::before, dr-02::before, dr-03::before, dr-04::before, dr-05::before,
dr-06::before, dr-07::before, dr-08::before, dr-09::before, dr-10::before,
dr-11::before, dr-12::before, dr-13::before, dr-14::before, dr-15::before,
dr-16::before, dr-17::before, dr-18::before, dr-19::before, dr-20::before,
dr-21::before, dr-22::before, dr-23::before, dr-24::before, dr-25::before,
dr-26::before, dr-27::before, dr-28::before, dr-29::before, dr-30::before,
dr-31::before, dr-32::before, dr-33::before, dr-34::before, dr-35::before,
dr-36::before, dr-37::before, dr-38::before, dr-39::before, dr-40::before,
dr-41::before, dr-42::before, dr-43::before, dr-44::before, dr-45::before,
dr-46::before, dr-47::before, dr-48::before, dr-49::before, dr-50::before {
  content: "✧";
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%) scale(1.2);
  font-size: 14px;
  color: #f2a6c3;
  text-shadow: 0 0 10px rgba(242, 166, 195, .3);
  background: #fff9fb;
  padding: 0 10px;
  border-radius: 20px;
  font-weight: normal;
  box-shadow: 0 1px 4px rgba(242, 166, 195, .15);
  line-height: 22px;
  letter-spacing: 2px;
}
/* 下装饰：小圆点 */
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, dr-40::after,
dr-41::after, dr-42::after, dr-43::after, dr-44::after, dr-45::after,
dr-46::after, dr-47::after, dr-48::after, dr-49::after, dr-50::after {
  content: "· · ·";
  position: absolute;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10px;
  color: #f3cfb3;
  letter-spacing: 6px;
  background: transparent;
  padding: 0 6px;
  border-radius: 0;
  font-weight: bold;
  box-shadow: none;
}
/* 悬挂绳 -> 改为软木按钉的投影 */
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, dr-40,
dr-41, dr-42, dr-43, dr-44, dr-45, dr-46, dr-47, dr-48, dr-49, dr-50 {
  box-shadow:
    0 4px 0 #f3cfb3,
    0 6px 16px rgba(90, 75, 76, .12),
    inset 0 0 0 1px rgba(242, 166, 195, .15),
    0 8px 0 -2px rgba(242, 166, 195, .15);
}

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, dr-40:hover,
dr-41:hover, dr-42:hover, dr-43:hover, dr-44:hover, dr-45:hover,
dr-46:hover, dr-47:hover, dr-48:hover, dr-49:hover, dr-50:hover {
  transform: rotate(0deg) translateY(-6px) scale(1.02);
  box-shadow:
    0 6px 0 #f2a6c3,
    0 10px 24px rgba(242, 166, 195, .20),
    inset 0 0 0 1px rgba(242, 166, 195, .25),
    0 0 30px rgba(242, 166, 195, .08);
}

/* ===== dr 图片链接（保留原URL，仅主题变化） ===== */
dr-01 { background-image: url(https://iili.io/CyfxW0u.png); }
dr-02 { background-image: url(https://iili.io/CyfxNOQ.png); }
dr-03 { background-image: url(https://iili.io/CyfxjJj.png); }
dr-04 { background-image: url(https://iili.io/CyfxXUb.png); }
dr-05 { background-image: url(https://iili.io/Cyfxrga.png); }
dr-06 { background-image: url(https://iili.io/Cyfx6dJ.png); }
dr-07 { background-image: url(https://iili.io/CyfxieR.png); }
dr-08 { background-image: url(https://iili.io/Cyfxsbp.png); }
dr-09 { background-image: url(https://iili.io/Cyfz9dG.png); }
dr-10 { background-image: url(https://iili.io/Cyfxpgs.png); }
dr-11 { background-image: url(https://iili.io/CyfzH7f.png); }
dr-12 { background-image: url(https://iili.io/Cyfzdml.png); }
dr-13 { background-image: url(https://iili.io/CyfzB1e.png); }
dr-14 { background-image: url(https://iili.io/CyfzCru.png); }
dr-15 { background-image: url(https://iili.io/CyfzqB9.png); }
dr-16 { background-image: url(https://iili.io/Cyfzodb.png); }
dr-17 { background-image: url(https://iili.io/Cyfzl2a.png); }
dr-18 { background-image: url(https://iili.io/CyfzEpR.png); }
dr-19 { background-image: url(https://iili.io/CyfzYEF.png); }
dr-20 { background-image: url(https://iili.io/Cyfz0YJ.png); }
dr-21 { background-image: url(https://iili.io/CyfzWQI.png); }
dr-22 { background-image: url(https://iili.io/CyfzhBt.png); }
dr-23 { background-image: url(https://iili.io/CyfzjEX.png); }
dr-24 { background-image: url(https://iili.io/Cyfzw4n.png); }
dr-25 { background-image: url(https://iili.io/CyfzP4e.png); }
dr-26 { background-image: url(https://iili.io/CyfzLYb.png); }
dr-27 { background-image: url(https://iili.io/Cyfz4C7.png); }
dr-28 { background-image: url(https://iili.io/CyfzUj2.png); }
dr-29 { background-image: url(https://iili.io/CyfzbjV.png); }
dr-30 { background-image: url(https://iili.io/CyfzmZB.png); }
dr-31 { background-image: url(https://iili.io/CyfzyCP.png); }
dr-32 { background-image: url(https://iili.io/CyfI9G1.png); }
dr-33 { background-image: url(https://iili.io/CyfIFyv.png); }
dr-34 { background-image: url(https://iili.io/CyfIqjp.png); }
dr-35 { background-image: url(https://iili.io/CyfInnI.png); }
dr-36 { background-image: url(https://iili.io/CmZuqtj.png); }
dr-37 { background-image: url(https://iili.io/CmZunMQ.png); }
dr-38 { background-image: url(https://iili.io/CmZuoPV.png); }
dr-39 { background-image: url(https://iili.io/CmZuIcP.png); }
dr-40 { background-image: url(https://iili.io/CUAPSdG.png); }
dr-41 { background-image: url(https://iili.io/CmZTqEN.png); }
dr-42 { background-image: url(https://iili.io/CmZTfBp.png); }
dr-43 { background-image: url(https://iili.io/CmZTB4I.png); }
dr-44 { background-image: url(https://iili.io/CmZTFQR.png); }
dr-45 { background-image: url(https://iili.io/CmZTzps.png); }
dr-46 { background-image: url(https://iili.io/CmZTujf.png); }
dr-47 { background-image: url(https://iili.io/CmZTAQ4.png); }
dr-48 { background-image: url(https://iili.io/CmZT7G2.png); }
dr-49 { background-image: url(https://iili.io/CmZTOa1.png); }
dr-50 { background-image: url(https://iili.io/CmZTe8F.png); }

/* ===== CG：软萌画幅/手账贴纸 横版 70张 ===== */
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, cg-26, cg-27, cg-28, cg-29, cg-30,
cg-31, cg-32, cg-33, cg-34, cg-35, cg-36, cg-37, cg-38, cg-39, cg-40,
cg-41, cg-42, cg-43, cg-44, cg-45, cg-46, cg-47, cg-48, cg-49,
cg-50, cg-51, cg-52, cg-53, cg-54, cg-55, cg-56, cg-57, cg-58, cg-59,
cg-60, cg-61, cg-62, cg-63, cg-64, cg-65, cg-66, cg-67, cg-68, cg-69,
cg-70 {
  display: block;
  width: 100%;
  max-width: 300px;
  aspect-ratio: 1 / 1;
  margin: 22px auto;
  background-size: cover;
  background-position: center;
  border-radius: 12px;
  /* 软萌圆角画框 */
  border: 6px solid #fff9fb;
  box-shadow:
    0 4px 0 #f3cfb3,
    0 8px 20px rgba(90, 75, 76, .08),
    inset 0 0 0 1px rgba(242, 166, 195, .10);
  transition: transform .4s cubic-bezier(.34, 1.56, .64, 1),
    box-shadow .4s ease;
  position: relative;
  background-color: #fce4ec;
}

/* 装饰别针/星星（替换左右轴头） */
cg-01::before, cg-02::before, cg-03::before, cg-04::before, cg-05::before,
cg-06::before, cg-07::before, cg-08::before, cg-09::before, cg-10::before,
cg-11::before, cg-12::before, cg-13::before, cg-14::before, cg-15::before,
cg-16::before, cg-17::before, cg-18::before, cg-19::before, cg-20::before,
cg-21::before, cg-22::before, cg-23::before, cg-24::before, cg-25::before,
cg-26::before, cg-27::before, cg-28::before, cg-29::before, cg-30::before,
cg-31::before, cg-32::before, cg-33::before, cg-34::before, cg-35::before,
cg-36::before, cg-37::before, cg-38::before, cg-39::before, cg-40::before,
cg-41::before, cg-42::before, cg-43::before, cg-44::before, cg-45::before,
cg-46::before, cg-47::before, cg-48::before, cg-49::before,
cg-50::before, cg-51::before, cg-52::before, cg-53::before, cg-54::before,
cg-55::before, cg-56::before, cg-57::before, cg-58::before, cg-59::before,
cg-60::before, cg-61::before, cg-62::before, cg-63::before, cg-64::before,
cg-65::before, cg-66::before, cg-67::before, cg-68::before, cg-69::before,
cg-70::before {
  content: "📎";
  position: absolute;
  top: -8px;
  left: 10px;
  font-size: 18px;
  transform: rotate(-20deg);
  filter: drop-shadow(0 2px 4px rgba(90, 75, 76, .10));
  background: none;
  padding: 0;
  border-radius: 0;
  width: auto;
  height: auto;
  display: block;
  box-shadow: none;
  color: #f2a6c3;
}
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,
cg-26::after, cg-27::after, cg-28::after, cg-29::after, cg-30::after,
cg-31::after, cg-32::after, cg-33::after, cg-34::after, cg-35::after,
cg-36::after, cg-37::after, cg-38::after, cg-39::after, cg-40::after,
cg-41::after, cg-42::after, cg-43::after, cg-44::after, cg-45::after,
cg-46::after, cg-47::after, cg-48::after, cg-49::after,
cg-50::after, cg-51::after, cg-52::after, cg-53::after, cg-54::after,
cg-55::after, cg-56::after, cg-57::after, cg-58::after, cg-59::after,
cg-60::after, cg-61::after, cg-62::after, cg-63::after, cg-64::after,
cg-65::after, cg-66::after, cg-67::after, cg-68::after, cg-69::after,
cg-70::after {
  content: "✧";
  position: absolute;
  bottom: -10px;
  right: 10px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #fff9fb;
  color: #f2a6c3;
  border: 2px solid #f3cfb3;
  border-radius: 50%;
  font-size: 12px;
  font-weight: normal;
  transform: rotate(6deg);
  box-shadow: 0 2px 8px rgba(242, 166, 195, .15);
  font-family: "PingFang SC", sans-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,
cg-26:hover, cg-27:hover, cg-28:hover, cg-29:hover, cg-30:hover,
cg-31:hover, cg-32:hover, cg-33:hover, cg-34:hover, cg-35:hover,
cg-36:hover, cg-37:hover, cg-38:hover, cg-39:hover, cg-40:hover,
cg-41:hover, cg-42:hover, cg-43:hover, cg-44:hover, cg-45:hover,
cg-46:hover, cg-47:hover, cg-48:hover, cg-49:hover,
cg-50:hover, cg-51:hover, cg-52:hover, cg-53:hover, cg-54:hover,
cg-55:hover, cg-56:hover, cg-57:hover, cg-58:hover, cg-59:hover,
cg-60:hover, cg-61:hover, cg-62:hover, cg-63:hover, cg-64:hover,
cg-65:hover, cg-66:hover, cg-67:hover, cg-68:hover, cg-69:hover,
cg-70:hover {
  transform: translate(-2px, -4px) scale(1.01);
  box-shadow:
    0 6px 0 #f2a6c3,
    0 10px 24px rgba(242, 166, 195, .18),
    inset 0 0 0 1px rgba(242, 166, 195, .15),
    0 0 30px rgba(242, 166, 195, .06);
}

/* ===== cg 图片链接（保留原URL） ===== */
cg-01 { background-image: url(https://iili.io/Cyf2BQj.png); }
cg-02 { background-image: url(https://iili.io/Cyf2nCx.png); }
cg-03 { background-image: url(https://iili.io/Cyf2Fpe.png); }
cg-04 { background-image: url(https://iili.io/Cyf2qhb.png); }
cg-05 { background-image: url(https://iili.io/Cyf2TYP.png); }
cg-06 { background-image: url(https://iili.io/Cyf2I3B.png); }
cg-07 { background-image: url(https://iili.io/Cyf2uv1.png); }
cg-08 { background-image: url(https://iili.io/Cyf2AyF.png); }
cg-09 { background-image: url(https://iili.io/Cyf25Tg.png); }
cg-10 { background-image: url(https://iili.io/Cyf27ja.png); }
cg-11 { background-image: url(https://iili.io/Cyf2YZJ.png); }
cg-12 { background-image: url(https://iili.io/Cyf2cCv.png); }
cg-13 { background-image: url(https://iili.io/Cyf204p.png); }
cg-14 { background-image: url(https://iili.io/Cyf2E3N.png); }
cg-15 { background-image: url(https://iili.io/Cyf2GaI.png); }
cg-16 { background-image: url(https://iili.io/Cyf2Mvt.png); }
cg-17 { background-image: url(https://iili.io/Cyf2hjs.png); }
cg-18 { background-image: url(https://iili.io/Cyf2jZG.png); }
cg-19 { background-image: url(https://iili.io/Cyf2OG4.png); }
cg-20 { background-image: url(https://iili.io/Cyf2e6l.png); }
cg-21 { background-image: url(https://iili.io/Cyf2vF2.png); }
cg-22 { background-image: url(https://iili.io/Cyf28aS.png); }
cg-23 { background-image: url(https://iili.io/Cyf2g99.png); }
cg-24 { background-image: url(https://iili.io/Cyf2S87.png); }
cg-25 { background-image: url(https://iili.io/Cyf2inj.png); }
cg-26 { background-image: url(https://iili.io/Cyf2L6Q.png); }
cg-27 { background-image: url(https://iili.io/Cyf2sMx.png); }
cg-28 { background-image: url(https://iili.io/Cyf26Zb.png); }
cg-29 { background-image: url(https://iili.io/Cyf2tcB.png); }
cg-30 { background-image: url(https://iili.io/Cyf2D8P.png); }
cg-31 { background-image: url(https://iili.io/Cyf2m91.png); }
cg-32 { background-image: url(https://iili.io/Cyf2ywg.png); }
cg-33 { background-image: url(https://iili.io/Cyf3JoJ.png); }
cg-34 { background-image: url(https://iili.io/Cyf39ta.png); }
cg-35 { background-image: url(https://iili.io/Cyf3FFp.png); }
cg-36 { background-image: url(https://iili.io/Cyf3B9t.png); }
cg-37 { background-image: url(https://iili.io/Cyf3ots.png); }
cg-38 { background-image: url(https://iili.io/Cyf3zoG.png); }
cg-39 { background-image: url(https://iili.io/Cyf3IVf.png); }
cg-40 { background-image: url(https://iili.io/Cyf3TP4.png); }
cg-41 { background-image: url(https://iili.io/Cyf35SS.png); }
cg-42 { background-image: url(https://iili.io/Cyf3YH7.png); }
cg-43 { background-image: url(https://iili.io/Cyf3aR9.png); }
cg-44 { background-image: url(https://iili.io/Cyf3cNe.png); }
cg-45 { background-image: url(https://iili.io/Cyf3EVj.png); }
cg-46 { background-image: url(https://iili.io/Cyf3Gix.png); }
cg-47 { background-image: url(https://iili.io/Cyf3VKQ.png); }
cg-48 { background-image: url(https://iili.io/Cyf3WlV.png); }
cg-49 { background-image: url(https://iili.io/Cyf3WlV.png); }
cg-50 { background-image: url(https://iili.io/Cyf3NOF.png); }
cg-51 { background-image: url(https://iili.io/Cyf3ODg.png); }
cg-52 { background-image: url(https://iili.io/Cyf3kxa.png); }
cg-53 { background-image: url(https://iili.io/Cyf3vWJ.png); }
cg-54 { background-image: url(https://iili.io/Cyf3UfR.png); }
cg-55 { background-image: url(https://iili.io/Cyf3glp.png); }
cg-56 { background-image: url(https://iili.io/Cyf3rUN.png); }
cg-57 { background-image: url(https://iili.io/Cyf3PRt.png); }
cg-58 { background-image: url(https://iili.io/Cyf3sbn.png); }
cg-59 { background-image: url(https://iili.io/CmZ2U0v.png); }
cg-60 { background-image: url(https://iili.io/CmZ2ggR.png); }
cg-61 { background-image: url(https://iili.io/CmZ2vsa.png); }
cg-62 { background-image: url(https://iili.io/CmZ2kWg.png); }
cg-63 { background-image: url(https://iili.io/CmZ24Jp.png); }
cg-64 { background-image: url(https://iili.io/CmZ265N.png); }
cg-65 { background-image: url(https://iili.io/CmZ2PeI.png); }
cg-66 { background-image: url(https://iili.io/CmZ2ibt.png); }
cg-67 { background-image: url(https://iili.io/CmZ2LzX.png); }
cg-68 { background-image: url(https://iili.io/CmZ2QXn.png); }
cg-69 { background-image: url(https://iili.io/CmZ2Zss.png); }
cg-70 { background-image: url(https://iili.io/CmZ2DqG.png); }

/* ===== 表情ex：棉花糖/毛绒球 圆形 39张 ===== */
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,
ex-31, ex-32, ex-33, ex-34, ex-35, ex-36, ex-37, ex-38, ex-39 {
  display: block;
  width: 150px;
  height: 150px;
  margin: 18px auto 28px;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  /* 毛绒绒的软萌边框 */
  border: 4px solid #fff9fb;
  box-shadow:
    0 0 0 3px #f3cfb3,
    0 0 0 6px #fff9fb,
    0 6px 20px rgba(90, 75, 76, .10),
    inset 0 -6px 16px rgba(242, 166, 195, .15),
    inset 0 6px 24px rgba(255, 255, 255, .4);
  transition: transform .4s cubic-bezier(.34, 1.56, .64, 1),
    box-shadow .5s ease;
  animation: softGlow 3s ease-in-out infinite alternate;
  position: relative;
}

/* 柔软呼吸光晕（粉嫩版） */
@keyframes softGlow {
  0% { box-shadow: 0 0 0 3px #f3cfb3, 0 0 0 6px #fff9fb, 0 6px 20px rgba(90,75,76,.08), inset 0 -6px 16px rgba(242,166,195,.10), inset 0 6px 24px rgba(255,255,255,.3); }
  100% { box-shadow: 0 0 0 3px #f2a6c3, 0 0 0 6px #fce4ec, 0 6px 30px rgba(242,166,195,.25), inset 0 -6px 16px rgba(242,166,195,.20), inset 0 6px 24px rgba(255,255,255,.5), 0 0 40px rgba(242,166,195,.08); }
}

/* 底座小云朵（替换莲花） */
ex-01::after, ex-02::after, ex-03::after, ex-04::after, ex-05::after,
ex-06::after, ex-07::after, ex-08::after, ex-09::after, ex-10::after,
ex-11::after, ex-12::after, ex-13::after, ex-14::after, ex-15::after,
ex-16::after, ex-17::after, ex-18::after, ex-19::after, ex-20::after,
ex-21::after, ex-22::after, ex-23::after, ex-24::after, ex-25::after,
ex-26::after, ex-27::after, ex-28::after, ex-29::after, ex-30::after,
ex-31::after, ex-32::after, ex-33::after, ex-34::after, ex-35::after,
ex-36::after, ex-37::after, ex-38::after, ex-39::after {
  content: "☁️";
  position: absolute;
  bottom: -28px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 20px;
  filter: drop-shadow(0 2px 6px rgba(242, 166, 195, .2));
  opacity: .7;
}

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,
ex-31:hover, ex-32:hover, ex-33:hover, ex-34:hover, ex-35:hover,
ex-36:hover, ex-37:hover, ex-38:hover, ex-39:hover {
  transform: scale(1.08) rotate(-3deg);
  box-shadow:
    0 0 0 3px #fce4ec,
    0 0 0 6px #f2a6c3,
    0 8px 32px rgba(242, 166, 195, .25),
    inset 0 -6px 16px rgba(242, 166, 195, .20),
    inset 0 6px 24px rgba(255, 255, 255, .5),
    0 0 50px rgba(242, 166, 195, .10);
  animation-play-state: paused;
}

/* ===== ex 图片链接（保留原URL） ===== */
ex-01 { background-image: url(https://iili.io/CyKyZVp.png); }
ex-02 { background-image: url(https://iili.io/CyKytiN.png); }
ex-03 { background-image: url(https://iili.io/CyKyQxR.png); }
ex-04 { background-image: url(https://iili.io/CyKyiOJ.png); }
ex-05 { background-image: url(https://iili.io/Cyf99Jn.png); }
ex-06 { background-image: url(https://iili.io/Cyf9HRs.png); }
ex-07 { background-image: url(https://iili.io/Cyf9JOG.png); }
ex-08 { background-image: url(https://iili.io/Cyf9dbf.png); }
ex-09 { background-image: url(https://iili.io/Cyf9Ks2.png); }
ex-10 { background-image: url(https://iili.io/Cyf9qfS.png); }
ex-11 { background-image: url(https://iili.io/Cyf9B07.png); }
ex-12 { background-image: url(https://iili.io/Cyf9Cg9.png); }
ex-13 { background-image: url(https://iili.io/Cyf9x5u.png); }
ex-14 { background-image: url(https://iili.io/Cyf9zOb.png); }
ex-15 { background-image: url(https://iili.io/Cyf9Ibj.png); }
ex-16 { background-image: url(https://iili.io/Cyf9uzx.png); }
ex-17 { background-image: url(https://iili.io/Cyf9RsV.png); }
ex-18 { background-image: url(https://iili.io/Cyf97qB.png); }
ex-19 { background-image: url(https://iili.io/Cyf9Y0P.png); }
ex-20 { background-image: url(https://iili.io/Cyf9ag1.png); }
ex-21 { background-image: url(https://iili.io/Cyf91ea.png); }
ex-22 { background-image: url(https://iili.io/Cyf9EmJ.png); }
ex-23 { background-image: url(https://iili.io/Cyf9Mzv.png); }
ex-24 { background-image: url(https://iili.io/Cyf9VXR.png); }
ex-25 { background-image: url(https://iili.io/CmQZQpf.png); }
ex-26 { background-image: url(https://iili.io/CmQZLkG.png); }
ex-27 { background-image: url(https://iili.io/CmQZyE7.png); }
ex-28 { background-image: url(https://iili.io/CmQZ6rX.png); }
ex-29 { background-image: url(https://iili.io/CmQt2kb.png); }
ex-30 { background-image: url(https://iili.io/CmQtKTx.png); }
ex-31 { background-image: url(https://iili.io/CmQtnEP.png); }
ex-32 { background-image: url(https://iili.io/CmQtuyJ.png); }
ex-33 { background-image: url(https://iili.io/CmQtTva.png); }
ex-34 { background-image: url(https://iili.io/CmQtRTv.png); }
ex-35 { background-image: url(https://iili.io/CmQtaCN.png); }
ex-36 { background-image: url(https://iili.io/CmQtGvs.png); }
ex-37 { background-image: url(https://iili.io/CmQtMyG.png); }
ex-38 { background-image: url(https://iili.io/CmQtWuf.png); }
ex-39 { background-image: url(https://iili.io/CmQtXj4.png); }

/* ===== 正文text：慵懒手账风字体 ===== */
text {
  display: block;
  font-family: "PingFang SC", "Microsoft YaHei", "华文楷体", "KaiTi", serif;
  font-size: 15px;
  line-height: 2.1;
  color: #5a4b4c;
  letter-spacing: .3px;
  text-align: justify;
  background: rgba(255, 249, 251, .6);
  padding: 10px 16px;
  border-radius: 16px 4px 16px 4px;
  border-left: 4px solid #f2a6c3;
  margin: 6px 0;
  box-shadow: inset 0 1px 4px rgba(242, 166, 195, .05);
}
text p {
  text-indent: 2em;
  margin: .5em 0;
}
text p:first-child::first-letter {
  font-size: 2.4em;
  color: #f2a6c3;
  font-weight: bold;
  float: left;
  line-height: .85;
  margin-right: 6px;
  font-family: "华文楷体", "KaiTi", serif;
  text-shadow: 0 2px 10px rgba(242, 166, 195, .15);
}

/* ===== 状态栏details：软萌手账/日记风 ===== */
ai details {
  font-family: "PingFang SC", "Microsoft YaHei", "华文楷体", "KaiTi", serif;
  background: linear-gradient(145deg, #fff9fb 0%, #fdf2f5 100%);
  border: 2px solid #f3cfb3;
  border-radius: 20px 8px 20px 8px;
  margin: 14px 0 8px;
  padding: 4px 16px 10px;
  box-shadow: 0 4px 0 #f3cfb3, 0 6px 20px rgba(90, 75, 76, .06);
  position: relative;
}
ai details::before {
  content: "☕️";
  position: absolute;
  top: -12px;
  right: 16px;
  font-size: 20px;
  filter: drop-shadow(0 2px 6px rgba(242, 166, 195, .15));
}
ai details > summary {
  list-style: none;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  color: #5a4b4c;
  letter-spacing: .8px;
  padding: 12px 6px 8px 4px;
  position: relative;
  border-bottom: 2px dashed rgba(242, 166, 195, .3);
  transition: all .3s ease;
  font-family: "华文楷体", "KaiTi", 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 .4s ease;
  color: #f2a6c3;
  font-weight: bold;
  font-size: 1.2em;
}
ai details[open] > summary::before {
  transform: rotate(45deg);
}
ai details > summary:hover {
  color: #e881a8;
  border-bottom-color: #f2a6c3;
}
ai details p {
  margin: .5em 0;
  font-size: 14.5px;
  color: #5a4b4c;
  line-height: 1.9;
  text-indent: 2em;
}
ai details strong {
  color: #e881a8;
  font-weight: bold;
}
ai details em {
  font-style: normal;
  color: #b3a1a2;
  font-size: 13px;
}
ai details ul {
  margin: .4em 0;
  padding-left: 1.8em;
}
ai details li {
  font-size: 14px;
  color: #5a4b4c;
  padding: 4px 0;
  border-bottom: 1.5px dashed rgba(242, 166, 195, .2);
  list-style: none;
  position: relative;
}
ai details li::before {
  content: "·";
  position: absolute;
  left: -1.2em;
  color: #f2a6c3;
  font-weight: bold;
  font-size: 1.4em;
}
ai details li:last-child { border-bottom: none; }
ai details hr {
  border: none;
  height: 2px;
  margin: .8em 0;
  background: repeating-linear-gradient(90deg, #f3cfb3 0 6px, transparent 6px 14px);
  opacity: .4;
}
ai details table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  margin: .5em 0;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
}
ai details th {
  background: #f3cfb3;
  color: #5a4b4c;
  padding: 6px 5px;
  font-weight: bold;
  border: 2px solid #f2a6c3;
}
ai details td {
  padding: 5px;
  border: 1.5px solid rgba(242, 166, 195, .25);
  color: #5a4b4c;
}

/* ===== 日记特殊样式：慵懒手账本 ===== */
ai details[t="日"] {
  font-family: "华文楷体", "KaiTi", "PingFang SC", serif;
  background:
    /* 柔和横线纹理（手账内页） */
    repeating-linear-gradient(transparent 0 24px, rgba(242, 166, 195, .06) 24px 25px) 0 28px / 100% 25px repeat-y,
    linear-gradient(145deg, #fff9fb 0%, #fdf2f5 100%);
  border: 2px solid #f3cfb3;
  border-radius: 16px 4px 16px 4px;
  padding: 12px 20px 16px 44px;
  margin: 18px 2px 12px;
  transform: rotate(-0.3deg);
  position: relative;
  box-shadow: 0 4px 0 #f3cfb3, 0 8px 24px rgba(90, 75, 76, .06);
}
ai details[t="日"]::before {
  content: "✎";
  position: absolute;
  top: -6px;
  left: 32px;
  width: 40px;
  height: 18px;
  transform: rotate(-4deg);
  background: rgba(242, 166, 195, .10);
  color: #f2a6c3;
  font-size: 14px;
  text-align: center;
  line-height: 18px;
  border-radius: 20px;
  font-weight: bold;
  letter-spacing: 1px;
  box-shadow: 0 1px 6px rgba(242, 166, 195, .08);
}
ai details[t="日"]::after {
  content: "☁️";
  position: absolute;
  top: -2px;
  right: 16px;
  font-size: 1.6em;
  color: #f3cfb3;
  transform: rotate(6deg);
  filter: drop-shadow(0 2px 6px rgba(242, 166, 195, .10));
}
ai details[t="日"] > summary {
  color: #5a4b4c;
  font-size: 17px;
  letter-spacing: 1.5px;
  background: none;
  border-bottom: 2px dashed rgba(242, 166, 195, .35);
  border-radius: 0;
  padding-left: 0;
}
ai details[t="日"] > summary::before {
  content: "📖";
  color: #f2a6c3;
}
ai details[t="日"] p {
  font-size: 14.5px;
  color: #5a4b4c;
  line-height: 2.1;
  text-indent: 2em;
  margin: .5em 0;
}
ai details[t="日"] p:first-of-type {
  text-indent: 0;
  color: #e881a8;
  font-size: 13.5px;
  letter-spacing: .5px;
}
ai details[t="日"] strong {
  color: #e881a8;
}

/* ===== 移动端适配 ===== */
@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, dr-40,
  dr-41, dr-42, dr-43, dr-44, dr-45, dr-46, dr-47, dr-48, dr-49, dr-50 {
    width: 190px;
  }
  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, cg-26, cg-27, cg-28, cg-29, cg-30,
  cg-31, cg-32, cg-33, cg-34, cg-35, cg-36, cg-37, cg-38, cg-39, cg-40,
  cg-41, cg-42, cg-43, cg-44, cg-45, cg-46, cg-47, cg-48, cg-49,
  cg-50, cg-51, cg-52, cg-53, cg-54, cg-55, cg-56, cg-57, cg-58, cg-59,
  cg-60, cg-61, cg-62, cg-63, cg-64, cg-65, cg-66, cg-67, cg-68, cg-69,
  cg-70 {
    max-width: 94%;
    border-width: 4px;
  }
  cg-01::before, cg-02::before, cg-03::before, cg-04::before, cg-05::before,
  cg-06::before, cg-07::before, cg-08::before, cg-09::before, cg-10::before,
  cg-11::before, cg-12::before, cg-13::before, cg-14::before, cg-15::before,
  cg-16::before, cg-17::before, cg-18::before, cg-19::before, cg-20::before,
  cg-21::before, cg-22::before, cg-23::before, cg-24::before, cg-25::before,
  cg-26::before, cg-27::before, cg-28::before, cg-29::before, cg-30::before,
  cg-31::before, cg-32::before, cg-33::before, cg-34::before, cg-35::before,
  cg-36::before, cg-37::before, cg-38::before, cg-39::before, cg-40::before,
  cg-41::before, cg-42::before, cg-43::before, cg-44::before, cg-45::before,
  cg-46::before, cg-47::before, cg-48::before, cg-49::before,
  cg-50::before, cg-51::before, cg-52::before, cg-53::before, cg-54::before,
  cg-55::before, cg-56::before, cg-57::before, cg-58::before, cg-59::before,
  cg-60::before, cg-61::before, cg-62::before, cg-63::before, cg-64::before,
  cg-65::before, cg-66::before, cg-67::before, cg-68::before, cg-69::before,
  cg-70::before {
    left: 4px;
    top: -12px;
    font-size: 16px;
    transform: rotate(-12deg);
  }
  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,
  cg-26::after, cg-27::after, cg-28::after, cg-29::after, cg-30::after,
  cg-31::after, cg-32::after, cg-33::after, cg-34::after, cg-35::after,
  cg-36::after, cg-37::after, cg-38::after, cg-39::after, cg-40::after,
  cg-41::after, cg-42::after, cg-43::after, cg-44::after, cg-45::after,
  cg-46::after, cg-47::after, cg-48::after, cg-49::after,
  cg-50::after, cg-51::after, cg-52::after, cg-53::after, cg-54::after,
  cg-55::after, cg-56::after, cg-57::after, cg-58::after, cg-59::after,
  cg-60::after, cg-61::after, cg-62::after, cg-63::after, cg-64::after,
  cg-65::after, cg-66::after, cg-67::after, cg-68::after, cg-69::after,
  cg-70::after {
    right: 4px;
    bottom: -12px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
  }
  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,
  ex-31, ex-32, ex-33, ex-34, ex-35, ex-36, ex-37, ex-38, ex-39 {
    width: 125px;
    height: 125px;
    margin: 14px auto 28px;
  }
  ex-01::after, ex-02::after, ex-03::after, ex-04::after, ex-05::after,
  ex-06::after, ex-07::after, ex-08::after, ex-09::after, ex-10::after,
  ex-11::after, ex-12::after, ex-13::after, ex-14::after, ex-15::after,
  ex-16::after, ex-17::after, ex-18::after, ex-19::after, ex-20::after,
  ex-21::after, ex-22::after, ex-23::after, ex-24::after, ex-25::after,
  ex-26::after, ex-27::after, ex-28::after, ex-29::after, ex-30::after,
  ex-31::after, ex-32::after, ex-33::after, ex-34::after, ex-35::after,
  ex-36::after, ex-37::after, ex-38::after, ex-39::after {
    font-size: 16px;
    bottom: -22px;
  }
  ai details {
    padding: 4px 12px 6px;
  }
  ai details > summary {
    font-size: 14px;
  }
  ai details table {
    font-size: 11px;
  }
  ai details[t="日"] {
    transform: none;
    padding: 8px 14px 12px 34px;
  }
  ai details[t="日"]::before {
    left: 24px;
    font-size: 12px;
    width: 32px;
    height: 16px;
    line-height: 16px;
  }
  text {
    font-size: 14px;
    padding: 6px 12px;
  }
  text p:first-child::first-letter {
    font-size: 1.8em;
  }
}

/* ===== 让所有正文和卡片浮到伪元素上面 ===== */
text,
ai details {
  position: relative;
  z-index: 1;
}