/* ============================================================
   地牢与探险 · 冒险者手账（完整版）
   dr 立绘 61 张 · CG 83 张 · 表情 57 张（全部圆形）
   ============================================================ */

/* ----- 全局容器：探险者羊皮卷 ----- */
ai {
    display: block;
    color: #f0e6d8;  /* 关键：强制全局文字为亮色，所有子元素默认继承 */
    background:
        repeating-linear-gradient(0deg,
            rgba(120, 100, 80, .08) 0px, rgba(120, 100, 80, .08) 1px,
            transparent 1px, transparent 3px),
        repeating-linear-gradient(90deg,
            rgba(120, 100, 80, .06) 0px, rgba(120, 100, 80, .06) 1px,
            transparent 1px, transparent 4px),
        radial-gradient(ellipse at 30% 20%, #4a3f35 0%, #2c241c 70%, #1a1511 100%);
    padding: 20px 16px 24px;
    border-radius: 10px 10px 20px 20px;
    position: relative;
    box-shadow:
        0 8px 30px rgba(0, 0, 0, .8),
        inset 0 0 80px rgba(60, 40, 20, .5),
        inset 0 0 0 2px #6b5a44,
        inset 0 0 0 4px #3d3228;
    font-family: "Cinzel", "MedievalSharp", "Georgia", "Yuanti SC", "PingFang SC", serif;
    border: 6px solid #3d3228;
    border-image: linear-gradient(145deg, #6b5a44, #2c241c) 1;
}

ai::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
        radial-gradient(ellipse at 15% 85%, rgba(180, 100, 40, .12) 0%, transparent 60%),
        radial-gradient(ellipse at 90% 10%, rgba(200, 120, 50, .10) 0%, transparent 50%),
        repeating-linear-gradient(45deg,
            transparent 0px, transparent 20px,
            rgba(80, 60, 40, .04) 20px, rgba(80, 60, 40, .04) 21px),
        url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120"><text x="8" y="50" font-size="32" fill="rgba(200,160,100,.07)">⚔</text><text x="70" y="90" font-size="28" fill="rgba(200,160,100,.06)">🗡</text><text x="40" y="25" font-size="20" fill="rgba(200,160,100,.05)">🔥</text></svg>') repeat;
    pointer-events: none;
    border-radius: 10px 10px 20px 20px;
    opacity: .9;
}

ai::after {
    content: "🔥";
    position: absolute;
    bottom: 12px;
    right: 16px;
    font-size: 26px;
    opacity: .35;
    filter: blur(1px) drop-shadow(0 0 20px rgba(255, 120, 40, .3));
    pointer-events: none;
    transform: rotate(-8deg);
    animation: torchFlicker 3s ease-in-out infinite alternate;
}

@keyframes torchFlicker {
    0% { opacity: .25; transform: rotate(-8deg) scale(.9); }
    50% { opacity: .5; transform: rotate(-4deg) scale(1.05); }
    100% { opacity: .3; transform: rotate(-10deg) scale(.95); }
}


/* ----- 立绘 dr：拍立得竖版 · 61 张（比例 1176/1752） ----- */
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,
dr-51, dr-52, dr-53, dr-54, dr-55, dr-56, dr-57, dr-58, dr-59, dr-60,
dr-61 {
    display: block;
    width: 240px;
    aspect-ratio: 1176 / 1752;
    margin: 20px auto;
    background-size: cover;
    background-position: center top;
    border-radius: 3px;
    border: 8px solid #3d3228;
    border-bottom: 36px solid #3d3228;
    box-shadow:
        0 6px 18px rgba(0, 0, 0, .7),
        inset 0 0 0 1px rgba(160, 130, 90, .3),
        0 0 0 2px #2c241c;
    transform: rotate(-1.2deg) scale(.98);
    position: relative;
    transition: transform .4s cubic-bezier(.34, 1.56, .64, 1), box-shadow .4s ease;
    filter: sepia(.35) contrast(1.05) brightness(.85) saturate(.7);
}

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,
dr-51::after, dr-52::after, dr-53::after, dr-54::after, dr-55::after,
dr-56::after, dr-57::after, dr-58::after, dr-59::after, dr-60::after,
dr-61::after {
    content: "⚔ 探险记录";
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 11px;
    font-family: "Cinzel", "Georgia", serif;
    color: #b8a68a;
    letter-spacing: 2px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .6);
    background: rgba(30, 24, 18, .7);
    padding: 0 12px;
    border-radius: 3px;
    white-space: nowrap;
}

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,
dr-51:hover, dr-52:hover, dr-53:hover, dr-54:hover, dr-55:hover,
dr-56:hover, dr-57:hover, dr-58:hover, dr-59:hover, dr-60:hover,
dr-61:hover {
    transform: rotate(0deg) translateY(-6px) scale(1.02);
    box-shadow:
        0 12px 30px rgba(0, 0, 0, .85),
        inset 0 0 0 1px rgba(200, 170, 120, .4),
        0 0 0 2px #5a4a34;
    filter: sepia(.25) contrast(1.1) brightness(.9) saturate(.8);
}

/* ----- dr 背景图片（61 张） ----- */
dr-01 { background-image: url(https://iili.io/CbIU1ft.png); }
dr-02 { background-image: url(https://iili.io/CbIUcWN.png); }
dr-03 { background-image: url(https://iili.io/CbIUE0X.png); }
dr-04 { background-image: url(https://iili.io/CbIUlsI.png); }
dr-05 { background-image: url(https://iili.io/CbIUhb4.png); }
dr-06 { background-image: url(https://iili.io/CbIUXef.png); }
dr-07 { background-image: url(https://iili.io/CbIUwzl.png); }
dr-08 { background-image: url(https://iili.io/CbIUOsS.png); }
dr-09 { background-image: url(https://iili.io/CbIU8ge.png); }
dr-10 { background-image: url(https://iili.io/CbIUUdu.png); }
dr-11 { background-image: url(https://iili.io/CbIUrej.png); }
dr-12 { background-image: url(https://iili.io/CbIU4mx.png); }
dr-13 { background-image: url(https://iili.io/CbIUiXV.png); }
dr-14 { background-image: url(https://iili.io/CbIUsLB.png); }
dr-15 { background-image: url(https://iili.io/CbIUZ11.png); }
dr-16 { background-image: url(https://iili.io/CbIUtrF.png); }
dr-17 { background-image: url(https://iili.io/CbIUpkJ.png); }
dr-18 { background-image: url(https://iili.io/CbIUymv.png); }
dr-19 { background-image: url(https://iili.io/CbIgHIR.png); }
dr-20 { background-image: url(https://iili.io/CbIgJXp.png); }
dr-21 { background-image: url(https://iili.io/CbnMsdg.png); }
dr-22 { background-image: url(https://iili.io/CbnM611.png); }
dr-23 { background-image: url(https://iili.io/CbnMPrF.png); }
dr-24 { background-image: url(https://iili.io/CbnML7a.png); }
dr-25 { background-image: url(https://iili.io/CbnMZmv.png); }
dr-26 { background-image: url(https://iili.io/CbnMDIR.png); }
dr-27 { background-image: url(https://iili.io/CbnMbXp.png); }
dr-28 { background-image: url(https://iili.io/CbnMmLN.png); }
dr-29 { background-image: url(https://iili.io/CbnV91t.png); }
dr-30 { background-image: url(https://iili.io/CbnVHrX.png); }
dr-31 { background-image: url(https://iili.io/CbnVd2n.png); }
dr-32 { background-image: url(https://iili.io/CbnV27s.png); }
dr-33 { background-image: url(https://iili.io/CbnV3kG.png); }
dr-34 { background-image: url(https://iili.io/CbnVFpf.png); }
dr-35 { background-image: url(https://iili.io/CbnVfI4.png); }
dr-36 { background-image: url(https://iili.io/CbnVqhl.png); }
dr-37 { background-image: url(https://iili.io/CbnVoE7.png); }
dr-38 { background-image: url(https://iili.io/CbnVx49.png); }
dr-39 { background-image: url(https://iili.io/CbnVI2e.png); }
dr-40 { background-image: url(https://iili.io/CbnVukb.png); }
dr-41 { background-image: url(https://iili.io/CbnVApj.png); }
dr-42 { background-image: url(https://iili.io/CbnV5Tx.png); }
dr-43 { background-image: url(https://iili.io/CbnV7hQ.png); }
dr-44 { background-image: url(https://iili.io/CbnVYQV.png); }
dr-45 { background-image: url(https://iili.io/CbnV041.png); }
dr-46 { background-image: url(https://iili.io/CbnVcCB.png); }
dr-47 { background-image: url(https://iili.io/CbnVGYg.png); }
dr-48 { background-image: url(https://iili.io/CbnVMva.png); }
dr-49 { background-image: url(https://iili.io/CbnVXTv.png); }
dr-50 { background-image: url(https://iili.io/CbIgnpf.png); }
dr-51 { background-image: url(https://iili.io/CbnVhjR.png); }
dr-52 { background-image: url(https://iili.io/CbnVjQp.png); }
dr-53 { background-image: url(https://iili.io/CbnVNCN.png); }
dr-54 { background-image: url(https://iili.io/CbnVOGI.png); }
dr-55 { background-image: url(https://iili.io/CbnVe4t.png); }
dr-56 { background-image: url(https://iili.io/CbnVv3X.png); }
dr-57 { background-image: url(https://iili.io/CbnV8an.png); }
dr-58 { background-image: url(https://iili.io/CbnV8an.png); }  /* 重复 */
dr-59 { background-image: url(https://iili.io/CbnVUyG.png); }
dr-60 { background-image: url(https://iili.io/CbnVruf.png); }
dr-61 { background-image: url(https://iili.io/CbnVsGS.png); }
/* ===== CG：漫画分镜横版 01-49 ===== */
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 {
  display: block;
  width: 100%;
  max-width: 300px;
  aspect-ratio: 1/1;
  margin: 18px auto;
  background-size: cover;
  background-position: center;
  border-radius: 6px;
  border: 3px solid #2b2622;
  box-shadow: 6px 6px 0 #2b2622, 0 10px 24px rgba(60,55,50,.22);
  transition: transform .4s cubic-bezier(.34,1.56,.64,1), box-shadow .4s 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,
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 {
  content: "话";
  position: absolute;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #ff7a6b;
  color: #fff;
  border: 2.5px solid #2b2622;
  border-radius: 50%;
  font-size: 14px;
  font-weight: bold;
  transform: rotate(10deg);
  box-shadow: 2px 2px 0 #2b2622;
}
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 {
  transform: translate(-3px,-3px);
  box-shadow: 9px 9px 0 #2b2622, 0 14px 30px rgba(60,55,50,.3);
}

cg-01{background-image:url(https://iili.io/CboK62s.png)}
cg-02{background-image:url(https://iili.io/CboKgEX.png)}
cg-03{background-image:url(https://iili.io/CboKr4n.png)}
cg-04{background-image:url(https://iili.io/CboKUBt.png)}
cg-05{background-image:url(https://iili.io/CboKsp4.png)}
cg-06{background-image:url(https://iili.io/CboKZj2.png)}
cg-07{background-image:url(https://iili.io/CboKtQS.png)}
cg-08{background-image:url(https://iili.io/CboKbC7.png)}
cg-09{background-image:url(https://iili.io/CbofHYb.png)}
cg-10{background-image:url(https://iili.io/CbofJvj.png)}
cg-11{background-image:url(https://iili.io/Cbofdyx.png)}
cg-12{background-image:url(https://iili.io/CbofKZB.png)}
cg-13{background-image:url(https://iili.io/CbofqCP.png)}
cg-14{background-image:url(https://iili.io/Cbofo3g.png)}
cg-15{background-image:url(https://iili.io/CbofAjp.png)}
cg-16{background-image:url(https://iili.io/CbofYGt.png)}
cg-17{background-image:url(https://iili.io/Cbofa6X.png)}
cg-18{background-image:url(https://iili.io/CboflFn.png)}
cg-19{background-image:url(https://iili.io/Cbof18G.png)}
cg-20{background-image:url(https://iili.io/CbofMu4.png)}
cg-21{background-image:url(https://iili.io/CbofhnS.png)}
cg-22{background-image:url(https://iili.io/CbofWt2.png)}
cg-23{background-image:url(https://iili.io/CbofwP9.png)}
cg-24{background-image:url(https://iili.io/CbofjM7.png)}
cg-25{background-image:url(https://iili.io/CbofOFe.png)}
cg-26{background-image:url(https://iili.io/Cbofecu.png)}
cg-27{background-image:url(https://iili.io/Cbofk8b.png)}
cg-28{background-image:url(https://iili.io/Cbof89j.png)}
cg-29{background-image:url(https://iili.io/CbofSAx.png)}
cg-30{background-image:url(https://iili.io/CbofUwQ.png)}
cg-31{background-image:url(https://iili.io/Cbof4oB.png)}
cg-32{background-image:url(https://iili.io/Cbof6MP.png)}
cg-33{background-image:url(https://iili.io/CbofsKF.png)}
cg-34{background-image:url(https://iili.io/CbofQSa.png)}
cg-35{background-image:url(https://iili.io/CbofDAv.png)}
cg-36{background-image:url(https://iili.io/CbofbNR.png)}
cg-37{background-image:url(https://iili.io/Cbofmtp.png)}
cg-38{background-image:url(https://iili.io/Cboq9VI.png)}
cg-39{background-image:url(https://iili.io/CboqdKX.png)}
cg-40{background-image:url(https://iili.io/Cboq2ln.png)}
cg-41{background-image:url(https://iili.io/CboqKHG.png)}
cg-42{background-image:url(https://iili.io/CboqBDl.png)}
cg-43{background-image:url(https://iili.io/CboqqN4.png)}
cg-44{background-image:url(https://iili.io/Cboqnx2.png)}
cg-45{background-image:url(https://iili.io/CboqoVS.png)}
cg-46{background-image:url(https://iili.io/CboqIf9.png)}
cg-47{background-image:url(https://iili.io/CboqTle.png)}
cg-48{background-image:url(https://iili.io/CboquUu.png)}
cg-49{background-image:url(https://iili.io/CboqRHb.png)}

/* ===== CG：漫画分镜横版 50-70 ===== */
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: 18px auto;
  background-size: cover;
  background-position: center;
  border-radius: 6px;
  border: 3px solid #2b2622;
  box-shadow: 6px 6px 0 #2b2622, 0 10px 24px rgba(60,55,50,.22);
  transition: transform .4s cubic-bezier(.34,1.56,.64,1), box-shadow .4s ease;
  position: relative;
}
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;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #ff7a6b;
  color: #fff;
  border: 2.5px solid #2b2622;
  border-radius: 50%;
  font-size: 14px;
  font-weight: bold;
  transform: rotate(10deg);
  box-shadow: 2px 2px 0 #2b2622;
}
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(-3px,-3px);
  box-shadow: 9px 9px 0 #2b2622, 0 14px 30px rgba(60,55,50,.3);
}

cg-50{background-image:url(https://iili.io/Cboq5Rj.png)}
cg-51{background-image:url(https://iili.io/Cboq7Ox.png)}
cg-52{background-image:url(https://iili.io/CboqEf1.png)}
cg-53{background-image:url(https://iili.io/CboqWJa.png)}
cg-54{background-image:url(https://iili.io/CboqMUg.png)}
cg-55{background-image:url(https://iili.io/CboqG0F.png)}
cg-56{background-image:url(https://iili.io/CboqX5J.png)}
cg-57{background-image:url(https://iili.io/CboqhOv.png)}
cg-58{background-image:url(https://iili.io/CboqNxp.png)}
cg-59{background-image:url(https://iili.io/CboqjbR.png)}
cg-60{background-image:url(https://iili.io/CboqOWN.png)}
cg-61{background-image:url(https://iili.io/CboqSgn.png)}
cg-62{background-image:url(https://iili.io/Cboq80X.png)}
cg-63{background-image:url(https://iili.io/Cboqr5G.png)}
cg-64{background-image:url(https://iili.io/CboqgJs.png)}
cg-65{background-image:url(https://iili.io/Cboq6b4.png)}
cg-66{background-image:url(https://iili.io/Cboqizl.png)}
cg-67{background-image:url(https://iili.io/CboqZq7.png)}
cg-68{background-image:url(https://iili.io/CboqLsS.png)}
cg-69{background-image:url(https://iili.io/Cboqt19.png)}
cg-70{background-image:url(https://iili.io/CboqDge.png)}

/* ===== CG：漫画分镜横版 71-83（新增） ===== */
cg-71,cg-72,cg-73,cg-74,cg-75,cg-76,cg-77,cg-78,cg-79,cg-80,
cg-81,cg-82,cg-83 {
  display: block;
  width: 100%;
  max-width: 300px;
  aspect-ratio: 1/1;
  margin: 18px auto;
  background-size: cover;
  background-position: center;
  border-radius: 6px;
  border: 3px solid #2b2622;
  box-shadow: 6px 6px 0 #2b2622, 0 10px 24px rgba(60,55,50,.22);
  transition: transform .4s cubic-bezier(.34,1.56,.64,1), box-shadow .4s ease;
  position: relative;
}
cg-71::after,cg-72::after,cg-73::after,cg-74::after,cg-75::after,
cg-76::after,cg-77::after,cg-78::after,cg-79::after,cg-80::after,
cg-81::after,cg-82::after,cg-83::after {
  content: "话";
  position: absolute;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #ff7a6b;
  color: #fff;
  border: 2.5px solid #2b2622;
  border-radius: 50%;
  font-size: 14px;
  font-weight: bold;
  transform: rotate(10deg);
  box-shadow: 2px 2px 0 #2b2622;
}
cg-71:hover,cg-72:hover,cg-73:hover,cg-74:hover,cg-75:hover,
cg-76:hover,cg-77:hover,cg-78:hover,cg-79:hover,cg-80:hover,
cg-81:hover,cg-82:hover,cg-83:hover {
  transform: translate(-3px,-3px);
  box-shadow: 9px 9px 0 #2b2622, 0 14px 30px rgba(60,55,50,.3);
}

cg-71{background-image:url(https://iili.io/Cboqmdu.png)}
cg-72{background-image:url(https://iili.io/Cboqp5b.png)}
cg-73{background-image:url(https://iili.io/CboB9mx.png)}
cg-74{background-image:url(https://iili.io/CboBJzQ.png)}
cg-75{background-image:url(https://iili.io/CboBFqP.png)}
cg-76{background-image:url(https://iili.io/CboBK11.png)}
cg-77{background-image:url(https://iili.io/CboBBdg.png)}
cg-78{background-image:url(https://iili.io/CboBC7a.png)}
cg-79{background-image:url(https://iili.io/CboBnkJ.png)}
cg-80{background-image:url(https://iili.io/CboBIXp.png)}
cg-81{background-image:url(https://iili.io/CboBY2n.png)}
cg-82{background-image:url(https://iili.io/CboBa7s.png)}
cg-83{background-image:url(https://iili.io/CboBlpf.png)}

/* ============================================================
   表情系列：全部改为圆形贴纸（ex / exs / exa 统一）
   ============================================================ */

/* ----- 通用圆形贴纸样式（所有 ex 系列共用） ----- */
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,
exs-01, exs-02, exs-03, exs-04, exs-05, exs-06, exs-07, exs-08, exs-09, exs-10,
exs-11, exs-12, exs-13, exs-14, exs-15, exs-16, exs-17, exs-18, exs-19,
exa-01, exa-02, exa-03, exa-04, exa-05, exa-06, exa-07, exa-08, exa-09, exa-10,
exa-11, exa-12, exa-13, exa-14, exa-15, exa-16, exa-17 {
    display: block;
    width: 150px;
    height: 150px;
    margin: 14px auto;
    background-size: cover;
    background-position: center 28%;  /* 焦点上移，避免裁切头部 */
    border-radius: 50%;              /* 全部圆形 */
    border: 4px solid #3d3228;
    box-shadow:
        0 0 0 2.5px #5a4a34,
        4px 4px 0 rgba(0, 0, 0, .5),
        0 6px 20px rgba(0, 0, 0, .7),
        inset 0 0 40px rgba(0, 0, 0, .2);
    transition: transform .35s ease, box-shadow .35s ease;
    animation: wobbleInDark .5s cubic-bezier(.34, 1.56, .64, 1);
    filter: sepia(.3) contrast(1.1) brightness(.8) saturate(.6);
    position: relative;
}

/* 移除 exs 和 exa 之前特有的伪元素（📌 / 🗝 等） */
exs-01::after, exs-02::after, exs-03::after, exs-04::after, exs-05::after,
exs-06::after, exs-07::after, exs-08::after, exs-09::after, exs-10::after,
exs-11::after, exs-12::after, exs-13::after, exs-14::after, exs-15::after,
exs-16::after, exs-17::after, exs-18::after, exs-19::after,
exa-01::after, exa-02::after, exa-03::after, exa-04::after, exa-05::after,
exa-06::after, exa-07::after, exa-08::after, exa-09::after, exa-10::after,
exa-11::after, exa-12::after, exa-13::after, exa-14::after, exa-15::after,
exa-16::after, exa-17::after {
    display: none;  /* 隐藏之前的角标 */
}

/* 悬停效果统一（保留各自色调，但基础一致） */
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,
exs-01:hover, exs-02:hover, exs-03:hover, exs-04:hover, exs-05:hover,
exs-06:hover, exs-07:hover, exs-08:hover, exs-09:hover, exs-10:hover,
exs-11:hover, exs-12:hover, exs-13:hover, exs-14:hover, exs-15:hover,
exs-16:hover, exs-17:hover, exs-18:hover, exs-19:hover,
exa-01:hover, exa-02:hover, exa-03:hover, exa-04:hover, exa-05:hover,
exa-06:hover, exa-07:hover, exa-08:hover, exa-09:hover, exa-10:hover,
exa-11:hover, exa-12:hover, exa-13:hover, exa-14:hover, exa-15:hover,
exa-16:hover, exa-17:hover {
    transform: scale(1.12) rotate(-6deg);
    box-shadow:
        0 0 0 2.5px #7a6a54,
        4px 4px 0 rgba(0, 0, 0, .6),
        0 10px 30px rgba(200, 120, 50, .4),
        inset 0 0 50px rgba(180, 100, 40, .15);
    filter: sepia(.15) contrast(1.15) brightness(.85) saturate(.7);
}

/* 保留 exa 独特的绿色调悬停（覆盖部分） */
exa-01:hover, exa-02:hover, exa-03:hover, exa-04:hover, exa-05:hover,
exa-06:hover, exa-07:hover, exa-08:hover, exa-09:hover, exa-10:hover,
exa-11:hover, exa-12:hover, exa-13:hover, exa-14:hover, exa-15:hover,
exa-16:hover, exa-17:hover {
    box-shadow:
        0 0 0 2.5px #7a6a54,
        4px 4px 0 rgba(0, 0, 0, .6),
        0 10px 30px rgba(150, 180, 80, .3),
        inset 0 0 50px rgba(100, 150, 50, .1);
}

@keyframes wobbleInDark {
    0% { transform: scale(.2) rotate(-25deg); opacity: 0; filter: blur(4px) sepia(.5); }
    60% { transform: scale(1.12) rotate(8deg); opacity: 1; filter: blur(0) sepia(.2); }
    80% { transform: scale(.96) rotate(-4deg); }
    100% { transform: none; }
}

/* ----- ex / exs / exa 各自的背景图（原样保留） ----- */
/* ex 21 张 */
ex-01 { background-image: url(https://iili.io/CbozfRe.png); }
ex-02 { background-image: url(https://iili.io/CbozqOu.png); }
ex-03 { background-image: url(https://iili.io/Cboz2lS.png); }
ex-04 { background-image: url(https://iili.io/Cboz3U7.png); }
ex-05 { background-image: url(https://iili.io/CbozRJ1.png); }
ex-06 { background-image: url(https://iili.io/Cboz55F.png); }
ex-07 { background-image: url(https://iili.io/Cboz7Og.png); }
ex-08 { background-image: url(https://iili.io/CbozYba.png); }
ex-09 { background-image: url(https://iili.io/CbozlWv.png); }
ex-10 { background-image: url(https://iili.io/Cboz0sR.png); }
ex-11 { background-image: url(https://iili.io/CbozG0N.png); }
ex-12 { background-image: url(https://iili.io/CbozEfp.png); }
ex-13 { background-image: url(https://iili.io/CbozWJt.png); }
ex-14 { background-image: url(https://iili.io/Cbozhen.png); }
ex-15 { background-image: url(https://iili.io/CbozOXf.png); }
ex-16 { background-image: url(https://iili.io/CbozNzG.png); }
ex-17 { background-image: url(https://iili.io/Cbozes4.png); }
ex-18 { background-image: url(https://iili.io/Cbozvql.png); }
ex-19 { background-image: url(https://iili.io/Cboz812.png); }
ex-20 { background-image: url(https://iili.io/CbozSgS.png); }
ex-21 { background-image: url(https://iili.io/Cboz4ee.png); }

/* exs 19 张 */
exs-01 { background-image: url(https://iili.io/Cbo5OXe.png); }
exs-02 { background-image: url(https://iili.io/Cbo5jm7.png); }
exs-03 { background-image: url(https://iili.io/Cbo5NI9.png); }
exs-04 { background-image: url(https://iili.io/Cbo5eLu.png); }
exs-05 { background-image: url(https://iili.io/Cbo56mP.png); }
exs-06 { background-image: url(https://iili.io/Cbo5iI1.png); }
exs-07 { background-image: url(https://iili.io/Cbo5LLg.png); }
exs-08 { background-image: url(https://iili.io/Cbo5shF.png); }
exs-09 { background-image: url(https://iili.io/Cbo5p7p.png); }
exs-10 { background-image: url(https://iili.io/Cbo5ykN.png); }
exs-11 { background-image: url(https://iili.io/Cbo7JIt.png); }
exs-12 { background-image: url(https://iili.io/Cbo7dhX.png); }
exs-13 { background-image: url(https://iili.io/Cbo7B24.png); }
exs-14 { background-image: url(https://iili.io/Cbo7nv2.png); }
exs-15 { background-image: url(https://iili.io/Cbo7CYl.png); }
exs-16 { background-image: url(https://iili.io/Cbo7opS.png); }
exs-17 { background-image: url(https://iili.io/Cbo7REb.png); }
exs-18 { background-image: url(https://iili.io/Cbo7Y3x.png); }
exs-19 { background-image: url(https://iili.io/Cbo7aYQ.png); }

/* exa 17 张 */
exa-01 { background-image: url(https://iili.io/Cbou7e9.png); }
exa-02 { background-image: url(https://iili.io/Cbou557.png); }
exa-03 { background-image: url(https://iili.io/CbouRJS.png); }
exa-04 { background-image: url(https://iili.io/Cbouczu.png); }
exa-05 { background-image: url(https://iili.io/CbouEqx.png); }
exa-06 { background-image: url(https://iili.io/CbouG0Q.png); }
exa-07 { background-image: url(https://iili.io/CbouMgV.png); }
exa-08 { background-image: url(https://iili.io/CbouX5P.png); }
exa-09 { background-image: url(https://iili.io/CboujmF.png); }
exa-10 { background-image: url(https://iili.io/CbouNzg.png); }
exa-11 { background-image: url(https://iili.io/CbouOXa.png); }
exa-12 { background-image: url(https://iili.io/CboueLJ.png); }
exa-13 { background-image: url(https://iili.io/Cbou81R.png); }
exa-14 { background-image: url(https://iili.io/CbouSgp.png); }
exa-15 { background-image: url(https://iili.io/CbougdN.png); }
exa-16 { background-image: url(https://iili.io/Cbour7I.png); }
exa-17 { background-image: url(https://iili.io/CbouiIn.png); }


/* ===== 正文 text · 探险者手记（字体颜色调亮） ===== */



/* ===== 状态栏 details · 探险笔记（字体颜色调亮） ===== */
ai details {
    font-family: "Cinzel", "Georgia", "Yuanti SC", "PingFang SC", serif;
    background: linear-gradient(155deg, #3d3228 0%, #2c241c 100%);
    border: 2.5px solid #5a4a34;
    border-radius: 8px 8px 14px 14px;
    margin: 12px 0;
    padding: 3px 12px 6px;
    box-shadow:
        4px 4px 0 rgba(0, 0, 0, .7),
        inset 0 0 40px rgba(60, 40, 20, .3),
        0 6px 16px rgba(0, 0, 0, .5);
    position: relative;
}

ai details::before {
    content: "";
    position: absolute;
    top: -4px;
    left: 10%;
    right: 10%;
    height: 3px;
    background: linear-gradient(90deg, transparent, #6b5a44, #8a7a64, #6b5a44, transparent);
    border-radius: 50%;
    opacity: .5;
}

ai details>summary {
    list-style: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    color: #e8d4b8;              /* 更亮 */
    letter-spacing: 1.5px;
    padding: 10px 6px;
    position: relative;
    background: linear-gradient(90deg, rgba(200, 168, 122, .15), transparent 70%);
    border-radius: 6px;
    transition: all .3s ease;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .6);
}

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 .35s ease;
    font-size: 1.1em;
}

ai details[open]>summary::before {
    content: "🗡";
    transform: rotate(-30deg) scale(1.15);
}

ai details>summary:hover {
    color: #f5ede4;
    background: linear-gradient(90deg, rgba(200, 168, 122, .28), transparent 70%);
}

ai details p {
    margin: .4em 0;
    font-size: 14px;
    color: #e8dcc8;              /* 更亮 */
    line-height: 1.9;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
}

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

ai details em {
    font-style: normal;
    color: #b8a890;
    font-size: 13px;
}

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

ai details li {
    font-size: 14px;
    color: #e8dcc8;              /* 更亮 */
    padding: 4px 0;
    border-bottom: 1.5px dashed rgba(200, 168, 122, .15);
    list-style: none;
    position: relative;
}

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

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

ai details hr {
    border: none;
    height: 2px;
    margin: .9em 0;
    background: repeating-linear-gradient(90deg, #5a4a34 0 6px, transparent 6px 12px);
    opacity: .4;
}

ai details table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    margin: .5em 0;
    background: rgba(20, 16, 12, .5);
    border-radius: 4px;
    overflow: hidden;
}

ai details th {
    background: #3d3228;
    color: #e8d4b8;              /* 更亮 */
    padding: 6px 5px;
    font-weight: bold;
    border: 2px solid #5a4a34;
    font-family: "Cinzel", "Georgia", serif;
    letter-spacing: 1px;
}

ai details td {
    padding: 5px;
    border: 1.5px solid rgba(90, 74, 52, .5);
    color: #e8dcc8;              /* 更亮 */
}
ai text {  /* 比单独的 text 权重更高 */
    display: block;
    font-family: "Cinzel", "Georgia", "Yuanti SC", "PingFang SC", serif;
    font-size: 15px;
    line-height: 2;
    color: #f7efe6 !important;  /* 非常亮的米白，!important 强制覆盖 */
    letter-spacing: .6px;
    text-align: justify;
    text-shadow: 0 2px 6px rgba(0, 0, 0, .8);
    background: rgba(30, 24, 18, .55);
    padding: 12px 16px;
    border-radius: 6px;
    border-left: 4px solid #6b5a44;
    margin: 6px 0;
}

ai text p {
    text-indent: 2em;
    margin: .7em 0;
}

ai text p:first-child::first-letter {
    font-size: 2.2em;
    color: #f0d6b0;
    font-weight: bold;
    float: left;
    line-height: .8;
    margin-right: 6px;
    text-shadow: 0 0 20px rgba(240, 214, 176, .25);
}

/* ===== 日记特殊样式 → 探险日志（字体颜色同步调亮） ===== */
ai details[t="日"] {
    font-family: "Cinzel", "Georgia", "Yuanti SC", "KaiTi", serif;
    background:
        repeating-linear-gradient(transparent 0 24px, rgba(200, 168, 122, .08) 24px 25px) 0 30px/100% 25px repeat-y,
        linear-gradient(90deg, rgba(200, 168, 122, .2) 0 2px, transparent 2px) 30px 0/100% 100% no-repeat,
        linear-gradient(155deg, #3d3228 0%, #241e18 100%);
    border: 2.5px solid #5a4a34;
    border-radius: 4px 12px 12px 4px;
    padding: 8px 16px 14px 44px;
    margin: 18px 3px;
    transform: rotate(-.6deg);
    position: relative;
    box-shadow:
        4px 4px 0 rgba(0, 0, 0, .7),
        inset 0 0 60px rgba(40, 30, 20, .4);
}

ai details[t="日"]::before {
    content: "📜";
    position: absolute;
    top: -8px;
    left: 34px;
    font-size: 28px;
    transform: rotate(-8deg);
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .6));
}

ai details[t="日"]::after {
    content: "✧ 探险日志 ✧";
    position: absolute;
    top: -6px;
    right: 16px;
    font-size: 12px;
    color: #b8a68a;
    font-family: "Cinzel", "Georgia", serif;
    letter-spacing: 2px;
    background: rgba(30, 24, 18, .8);
    padding: 0 12px;
    border-radius: 3px;
    border: 1px solid #5a4a34;
}

ai details[t="日"]>summary {
    color: #e8d4b8;
    font-size: 16px;
    letter-spacing: 2px;
    background: none;
    border-bottom: 2px dashed rgba(200, 168, 122, .3);
    border-radius: 0;
    font-family: "Cinzel", "Georgia", serif;
}

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

ai details[t="日"] p {
    font-size: 14.5px;
    color: #f0e6d8;              /* 更亮 */
    line-height: 2.1;
    text-indent: 2em;
    margin: .6em 0;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
}

ai details[t="日"] p:first-of-type {
    text-indent: 0;
    color: #e8c89a;
    font-size: 13.5px;
    letter-spacing: 1.2px;
    font-family: "Cinzel", "Georgia", serif;
}

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


/* ===== 层级修复 ===== */
text, ai details {
    position: relative;
    z-index: 1;
}


/* ===== 移动端适配 ===== */
@media screen and (max-width: 480px) {
    /* dr 61 张 */
    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,
    dr-51, dr-52, dr-53, dr-54, dr-55, dr-56, dr-57, dr-58, dr-59, dr-60,
    dr-61 {
        width: 180px;
    }

    /* cg 83 张 */
    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,
    cg-71, cg-72, cg-73, cg-74, cg-75, cg-76, cg-77, cg-78, cg-79, cg-80,
    cg-81, cg-82, cg-83 {
        max-width: 92%;
    }

    /* 所有 ex 系列统一尺寸 */
    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,
    exs-01, exs-02, exs-03, exs-04, exs-05, exs-06, exs-07, exs-08, exs-09, exs-10,
    exs-11, exs-12, exs-13, exs-14, exs-15, exs-16, exs-17, exs-18, exs-19,
    exa-01, exa-02, exa-03, exa-04, exa-05, exa-06, exa-07, exa-08, exa-09, exa-10,
    exa-11, exa-12, exa-13, exa-14, exa-15, exa-16, exa-17 {
        width: 120px;
        height: 120px;
        margin: 12px auto;
    }

    /* details */
    ai details {
        padding: 3px 9px 5px;
    }
    ai details>summary {
        font-size: 14px;
    }
    ai details table {
        font-size: 12px;
    }
    ai details[t="日"] {
        transform: none;
        padding: 7px 12px 11px 36px;
    }
    ai details[t="日"]::after {
        font-size: 10px;
        right: 8px;
        padding: 0 8px;
    }
    ai details[t="日"]::before {
        font-size: 22px;
        left: 28px;
        top: -6px;
    }

    text {
        font-size: 14px;
        padding: 10px 12px;
    }
}