/* ============================================================
               主题：修仙 · 淡色水墨
               继承原结构：ai / dr-01~33 / cg-01~42 / ex-01~30
               ============================================================ */

        /* ===== 全局容器：宣纸底 · 淡墨晕染 ===== */
        ai {
            display: block;
            background:
                radial-gradient(ellipse at 20% 30%, rgba(200, 190, 178, .20) 0%, transparent 60%),
                radial-gradient(ellipse at 80% 70%, rgba(180, 190, 180, .16) 0%, transparent 50%),
                linear-gradient(165deg, #f7f2ea 0%, #efe8dd 40%, #e8e2d6 100%);
            padding: 20px 16px 24px;
            border-radius: 18px 18px 12px 12px;
            position: relative;
            box-shadow: 0 8px 28px rgba(60, 55, 48, .14), inset 0 0 80px rgba(160, 150, 135, .08);
            font-family: "STKaiti", "KaiTi", "Yuanti SC", "PingFang SC", "Microsoft YaHei", serif;
            border: 1px solid rgba(140, 130, 118, .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="120" height="120"><text x="18" y="44" font-size="28" fill="rgba(140,130,118,.06)">☯</text><text x="68" y="82" font-size="22" fill="rgba(160,150,135,.05)">🍃</text><text x="8" y="96" font-size="18" fill="rgba(120,140,130,.05)">🏔</text></svg>') repeat;
            opacity: .7;
            pointer-events: none;
            border-radius: 18px 18px 12px 12px;
        }
        ai::after {
            content: "";
            position: absolute;
            top: 10px;
            left: 10px;
            right: 10px;
            bottom: 10px;
            background:
                repeating-linear-gradient(90deg,
                    transparent 0 18px,
                    rgba(160, 150, 138, .06) 18px 19px,
                    transparent 19px 36px);
            pointer-events: none;
            border-radius: 12px;
            opacity: .5;
        }

        /* ===== 立绘dr · 卷轴挂画 ===== */
        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 {
            display: block;
            width: 220px;
            aspect-ratio: 3/4;
            margin: 22px auto;
            background-size: cover;
            background-position: center top;
            border-radius: 2px 2px 4px 4px;
            /* 卷轴轴头 —— 上下仿木轴 */
            border-top: 8px solid #c8b8a4;
            border-bottom: 8px solid #c8b8a4;
            border-left: 4px solid #dcd0c0;
            border-right: 4px solid #dcd0c0;
            box-shadow:
                0 0 0 2px #e8e0d4,
                0 0 0 5px #d5c8b8,
                0 8px 24px rgba(60, 55, 48, .26),
                inset 0 0 30px rgba(160, 140, 120, .12);
            transform: rotate(-.6deg);
            position: relative;
            transition: transform .45s cubic-bezier(.34, 1.56, .64, 1), box-shadow .4s ease;
            background-color: #f0ebe2;
        }
        /* 轴头装饰（上下） */
        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 {
            content: "☯";
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            font-size: 15px;
            color: #b8a898;
            text-shadow: 0 1px 3px rgba(80, 70, 60, .15);
            background: #dcd0c0;
            width: 32px;
            height: 32px;
            line-height: 32px;
            text-align: center;
            border-radius: 50%;
            border: 2px solid #c8b8a4;
            box-shadow: inset 0 -2px 4px rgba(80, 70, 60, .15);
            z-index: 2;
        }
        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 {
            top: -19px;
        }
        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 {
            content: "☯";
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            font-size: 15px;
            color: #b8a898;
            text-shadow: 0 1px 3px rgba(80, 70, 60, .15);
            background: #dcd0c0;
            width: 32px;
            height: 32px;
            line-height: 32px;
            text-align: center;
            border-radius: 50%;
            border: 2px solid #c8b8a4;
            box-shadow: inset 0 -2px 4px rgba(80, 70, 60, .15);
            z-index: 2;
            bottom: -19px;
        }

        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 {
            transform: rotate(0deg) translateY(-8px) scale(1.02);
            box-shadow:
                0 0 0 2px #e8e0d4,
                0 0 0 5px #d5c8b8,
                0 14px 34px rgba(60, 55, 48, .32),
                inset 0 0 40px rgba(160, 140, 120, .18);
        }

        /* ---- 立绘图片 ---- */
        dr-01 {
            background-image: url(https://iili.io/CQ1BwS2.png);
        }
        dr-02 {
            background-image: url(https://iili.io/CQ1BeA7.png);
        }
        dr-03 {
            background-image: url(https://iili.io/CQ1BO9S.png);
        }
        dr-04 {
            background-image: url(https://iili.io/CQ1Bjcl.png);
        }
        dr-05 {
            background-image: url(https://iili.io/CQ1BSou.png);
        }
        dr-06 {
            background-image: url(https://iili.io/CQ1BUMb.png);
        }
        dr-07 {
            background-image: url(https://iili.io/CQ1BgPj.png);
        }
        dr-08 {
            background-image: url(https://iili.io/CQ1B4Kx.png);
        }
        dr-09 {
            background-image: url(https://iili.io/CQ1BsHB.png);
        }
        dr-10 {
            background-image: url(https://iili.io/CQ1BLAP.png);
        }
        dr-11 {
            background-image: url(https://iili.io/CQ1BZDF.png);
        }
        dr-12 {
            background-image: url(https://iili.io/CQ1BbVa.png);
        }
        dr-13 {
            background-image: url(https://iili.io/CQ1CHSp.png);
        }
        dr-14 {
            background-image: url(https://iili.io/CQ1C2RI.png);
        }
        dr-15 {
            background-image: url(https://iili.io/CQ1C3Nt.png);
        }
        dr-16 {
            background-image: url(https://iili.io/CQ1CFDX.png);
        }
        dr-17 {
            background-image: url(https://iili.io/CQ1Cnff.png);
        }
        dr-18 {
            background-image: url(https://iili.io/CQ1Col4.png);
        }
        dr-19 {
            background-image: url(https://iili.io/CQ1CxUl.png);
        }
        dr-20 {
            background-image: url(https://iili.io/CQ1CIJ2.png);
        }
        dr-21 {
            background-image: url(https://iili.io/CQ1CuO7.png);
        }
        dr-22 {
            background-image: url(https://iili.io/CQ1C5xe.png);
        }
        dr-23 {
            background-image: url(https://iili.io/CQ1C7Wu.png);
        }
        dr-24 {
            background-image: url(https://iili.io/CQ1CYib.png);
        }
        dr-25 {
            background-image: url(https://iili.io/CQ1C0UQ.png);
        }
        dr-26 {
            background-image: url(https://iili.io/CQ1CEJV.png);
        }
        dr-27 {
            background-image: url(https://iili.io/CQ1CG5B.png);
        }
        dr-28 {
            background-image: url(https://iili.io/CQ1CMOP.png);
        }
        dr-29 {
            background-image: url(https://iili.io/CQ1CVb1.png);
        }
        dr-30 {
            background-image: url(https://iili.io/CQ1CXzF.png);
        }
        dr-31 {
            background-image: url(https://iili.io/CQ1ChWg.png);
        }
        dr-32 {
            background-image: url(https://iili.io/CQ1Cjsa.png);
        }
        dr-33 {
            background-image: url(https://iili.io/CQ1CO0v.png);
        }

        /* ===== CG · 水墨画境 ===== */
        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 {
            display: block;
            width: 100%;
            max-width: 320px;
            aspect-ratio: 1/1;
            margin: 18px auto;
            background-size: cover;
            background-position: center;
            border-radius: 6px 6px 8px 8px;
            border: 3px solid #b8aaa0;
            box-shadow:
                4px 4px 0 #d5c8b8,
                0 10px 28px rgba(60, 55, 48, .18),
                inset 0 0 40px rgba(160, 150, 135, .10);
            transition: transform .4s cubic-bezier(.34, 1.56, .64, 1), box-shadow .4s ease;
            position: relative;
            background-color: #efe8dd;
        }
        /* 水墨印章 —— 代替原「话」 */
        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 {
            content: "章";
            position: absolute;
            top: -12px;
            right: -12px;
            width: 36px;
            height: 36px;
            line-height: 34px;
            text-align: center;
            background: #d4b8a8;
            color: #f5efe8;
            border: 2.5px solid #b8a090;
            border-radius: 4px 12px 4px 8px;
            font-size: 16px;
            font-weight: bold;
            font-family: "STKaiti", "KaiTi", serif;
            transform: rotate(6deg) scale(.92);
            box-shadow:
                2px 2px 0 #b8a090,
                inset 0 -2px 4px rgba(80, 70, 60, .15);
            letter-spacing: 1px;
            text-shadow: 0 1px 2px rgba(40, 35, 30, .2);
        }

        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 {
            transform: translate(-4px, -4px);
            box-shadow:
                8px 8px 0 #d5c8b8,
                0 14px 34px rgba(60, 55, 48, .24),
                inset 0 0 50px rgba(160, 150, 135, .14);
        }

        /* ---- CG 图片 ---- */
        cg-01 {
            background-image: url(https://iili.io/CQ1xs1a.png);
        }
        cg-02 {
            background-image: url(https://iili.io/CQ1xiqg.png);
        }
        cg-03 {
            background-image: url(https://iili.io/CQ1xrzP.png);
        }
        cg-04 {
            background-image: url(https://iili.io/CQ1x6LF.png);
        }
        cg-05 {
            background-image: url(https://iili.io/CQ1xt7R.png);
        }
        cg-06 {
            background-image: url(https://iili.io/CQ1xDep.png);
        }
        cg-07 {
            background-image: url(https://iili.io/CQ1xbmN.png);
        }
        cg-08 {
            background-image: url(https://iili.io/CQ1xpII.png);
        }
        cg-09 {
            background-image: url(https://iili.io/CQ1zJBn.png);
        }
        cg-10 {
            background-image: url(https://iili.io/CQ1zK74.png);
        }
        cg-11 {
            background-image: url(https://iili.io/CQ1zfkl.png);
        }
        cg-12 {
            background-image: url(https://iili.io/CQ1zqp2.png);
        }
        cg-13 {
            background-image: url(https://iili.io/CQ1znh7.png);
        }
        cg-14 {
            background-image: url(https://iili.io/CQ1zIEu.png);
        }
        cg-15 {
            background-image: url(https://iili.io/CQ1zTrb.png);
        }
        cg-16 {
            background-image: url(https://iili.io/CQ1zA2j.png);
        }
        cg-17 {
            background-image: url(https://iili.io/CQ1z5kQ.png);
        }
        cg-18 {
            background-image: url(https://iili.io/CQ1z7pV.png);
        }
        cg-19 {
            background-image: url(https://iili.io/CQ1zchP.png);
        }
        cg-20 {
            background-image: url(https://iili.io/CQ1zlQ1.png);
        }
        cg-21 {
            background-image: url(https://iili.io/CQ1zV3J.png);
        }
        cg-22 {
            background-image: url(https://iili.io/CQ1zWYv.png);
        }
        cg-23 {
            background-image: url(https://iili.io/CQ1zhpp.png);
        }
        cg-24 {
            background-image: url(https://iili.io/CQ1zXvR.png);
        }
        cg-25 {
            background-image: url(https://iili.io/CQ1zOQt.png);
        }
        cg-26 {
            background-image: url(https://iili.io/CQ1z84s.png);
        }
        cg-27 {
            background-image: url(https://iili.io/CQ1zU3G.png);
        }
        cg-28 {
            background-image: url(https://iili.io/CQ1zgaf.png);
        }
        cg-29 {
            background-image: url(https://iili.io/CQ1zsZ7.png);
        }
        cg-30 {
            background-image: url(https://iili.io/CQ1zQn9.png);
        }
        cg-31 {
            background-image: url(https://iili.io/CQ1zZGe.png);
        }
        cg-32 {
            background-image: url(https://iili.io/CQ1zt6u.png);
        }
        cg-33 {
            background-image: url(https://iili.io/CQ1zmaj.png);
        }
        cg-34 {
            background-image: url(https://iili.io/CQ1zyyQ.png);
        }
        cg-35 {
            background-image: url(https://iili.io/CQ1IHuV.png);
        }
        cg-36 {
            background-image: url(https://iili.io/CQ1IdZP.png);
        }
        cg-37 {
            background-image: url(https://iili.io/CQ1I3n1.png);
        }
        cg-38 {
            background-image: url(https://iili.io/CQ1IK6g.png);
        }
        cg-39 {
            background-image: url(https://iili.io/CQ1IqFa.png);
        }
        cg-40 {
            background-image: url(https://iili.io/CQ1IBcJ.png);
        }
        cg-41 {
            background-image: url(https://iili.io/CQ1vkoQ.png);
        }
        cg-42 {
            background-image: url(https://iili.io/CQ1vgl1.png);
        }

        /* ===== 表情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,
        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 #e8e0d4;
            box-shadow:
                0 0 0 3px #d5c8b8,
                0 0 30px rgba(180, 190, 180, .20),
                0 6px 20px rgba(60, 55, 48, .18),
                inset 0 -6px 20px rgba(160, 150, 135, .12);
            transition: transform .4s cubic-bezier(.34, 1.56, .64, 1), box-shadow .4s ease;
            animation: floatPearl 5s ease-in-out infinite;
            background-color: #f0ebe2;
        }
        /* 灵珠光晕 */
        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 {
            content: "";
            position: absolute;
            top: -6px;
            left: -6px;
            right: -6px;
            bottom: -6px;
            border-radius: 50%;
            background: radial-gradient(circle at 30% 25%, rgba(220, 230, 225, .35), transparent 60%);
            pointer-events: none;
            z-index: 0;
        }
        ex-01::before,
        ex-02::before,
        ex-03::before,
        ex-04::before,
        ex-05::before,
        ex-06::before,
        ex-07::before,
        ex-08::before,
        ex-09::before,
        ex-10::before,
        ex-11::before,
        ex-12::before,
        ex-13::before,
        ex-14::before,
        ex-15::before,
        ex-16::before,
        ex-17::before,
        ex-18::before,
        ex-19::before,
        ex-20::before,
        ex-21::before,
        ex-22::before,
        ex-23::before,
        ex-24::before,
        ex-25::before,
        ex-26::before,
        ex-27::before,
        ex-28::before,
        ex-29::before,
        ex-30::before {
            content: "";
            position: absolute;
            top: 6px;
            left: 16px;
            width: 32px;
            height: 18px;
            border-radius: 50%;
            background: radial-gradient(ellipse at center, rgba(240, 245, 240, .50), transparent 70%);
            transform: rotate(-18deg);
            pointer-events: none;
            z-index: 1;
            filter: blur(2px);
        }

        @keyframes floatPearl {
            0%,
            100% {
                transform: translateY(0) rotate(0deg);
            }
            50% {
                transform: translateY(-8px) rotate(2deg);
            }
        }

        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(-4deg);
            animation-play-state: paused;
            box-shadow:
                0 0 0 3px #d5c8b8,
                0 0 50px rgba(180, 200, 190, .35),
                0 10px 28px rgba(60, 55, 48, .22),
                inset 0 -6px 20px rgba(160, 150, 135, .16);
        }

        /* ---- 表情图片 ---- */
        ex-01 {
            background-image: url(https://iili.io/CQ1k3kG.png);
        }
        ex-02 {
            background-image: url(https://iili.io/CQ1k27s.png);
        }
        ex-03 {
            background-image: url(https://iili.io/CQ1kd2n.png);
        }
        ex-04 {
            background-image: url(https://iili.io/CQ1kHrX.png);
        }
        ex-05 {
            background-image: url(https://iili.io/CQ1kqhl.png);
        }
        ex-06 {
            background-image: url(https://iili.io/CQ1kBQ2.png);
        }
        ex-07 {
            background-image: url(https://iili.io/CQ1koE7.png);
        }
        ex-08 {
            background-image: url(https://iili.io/CQ1kx49.png);
        }
        ex-09 {
            background-image: url(https://iili.io/CQ1kApj.png);
        }
        ex-10 {
            background-image: url(https://iili.io/CQ1kTYu.png);
        }
        ex-11 {
            background-image: url(https://iili.io/CQ1klEP.png);
        }
        ex-12 {
            background-image: url(https://iili.io/CQ1k041.png);
        }
        ex-13 {
            background-image: url(https://iili.io/CQ1kVyJ.png);
        }
        ex-14 {
            background-image: url(https://iili.io/CQ1kNCN.png);
        }
        ex-15 {
            background-image: url(https://iili.io/CQ1ke4t.png);
        }
        ex-16 {
            background-image: url(https://iili.io/CQ1kv3X.png);
        }
        ex-17 {
            background-image: url(https://iili.io/CQ1k8an.png);
        }
        ex-18 {
            background-image: url(https://iili.io/CQ1kUyG.png);
        }
        ex-19 {
            background-image: url(https://iili.io/CQ1kin2.png);
        }
        ex-20 {
            background-image: url(https://iili.io/CQ1k6Zl.png);
        }
        ex-21 {
            background-image: url(https://iili.io/CQ1ksGS.png);
        }
        ex-22 {
            background-image: url(https://iili.io/CQ1kZF9.png);
        }
        ex-23 {
            background-image: url(https://iili.io/CQ1v26P.png);
        }
        ex-24 {
            background-image: url(https://iili.io/CQ1vKcF.png);
        }
        ex-25 {
            background-image: url(https://iili.io/CQ1vf8g.png);
        }
        ex-26 {
            background-image: url(https://iili.io/CQ1vTPI.png);
        }
        ex-27 {
            background-image: url(https://iili.io/CQ1v5Sn.png);
        }
        ex-28 {
            background-image: url(https://iili.io/CQ1v1ol.png);
        }
        ex-29 {
            background-image: url(https://iili.io/CQ1vGPS.png);
        }
        ex-30 {
            background-image: url(https://iili.io/CQ1vODx.png);
        }

        /* ===== 正文 text · 修仙笔札 ===== */
        text {
            display: block;
            font-family: "STKaiti", "KaiTi", "Yuanti SC", "PingFang SC", "Microsoft YaHei", serif;
            font-size: 15.5px;
            line-height: 2;
            color: #3a3530;
            letter-spacing: .5px;
            text-align: justify;
            background: rgba(245, 240, 232, .40);
            padding: 10px 18px;
            border-radius: 8px;
            border-left: 4px solid #d5c8b8;
            border-right: 1px solid rgba(200, 190, 178, .2);
            box-shadow: inset 0 0 30px rgba(200, 190, 178, .08);
        }
        text p {
            text-indent: 2em;
            margin: .7em 0;
        }
        text p:first-child::first-letter {
            font-size: 2.2em;
            color: #b8a898;
            font-weight: bold;
            float: left;
            line-height: .8;
            margin-right: 6px;
            font-family: "STKaiti", "KaiTi", serif;
            text-shadow: 0 1px 3px rgba(160, 150, 135, .2);
        }

        /* ===== 状态栏 details · 书卷风 ===== */
        ai details {
            font-family: "STKaiti", "KaiTi", "Yuanti SC", "PingFang SC", "Microsoft YaHei", serif;
            background: linear-gradient(160deg, #f7f2ea 0%, #eee8de 100%);
            border: 2px solid #c8b8a8;
            border-radius: 10px 10px 6px 6px;
            margin: 14px 0;
            padding: 4px 14px 8px;
            box-shadow: 3px 3px 0 rgba(180, 168, 155, .60), 0 6px 16px rgba(60, 55, 48, .10);
            position: relative;
            z-index: 1;
        }
        ai details>summary {
            list-style: none;
            cursor: pointer;
            font-size: 16px;
            font-weight: bold;
            color: #4a4438;
            letter-spacing: 1.2px;
            padding: 10px 6px 8px;
            position: relative;
            border-bottom: 2px dashed rgba(200, 188, 175, .5);
            border-radius: 4px;
            transition: all .3s ease;
            font-family: "STKaiti", "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;
            font-size: 17px;
            color: #b8a898;
        }
        ai details[open]>summary::before {
            transform: rotate(180deg) scale(1.1);
        }
        ai details>summary:hover {
            color: #8a7a68;
            border-bottom-color: #b8a898;
        }
        ai details p {
            margin: .5em 0;
            font-size: 14.5px;
            color: #4a4438;
            line-height: 1.9;
        }
        ai details strong {
            color: #a08878;
            font-weight: bold;
        }
        ai details em {
            font-style: normal;
            color: #9a8a7a;
            font-size: 13.5px;
        }
        ai details ul {
            margin: .4em 0;
            padding-left: 1.6em;
        }
        ai details li {
            font-size: 14px;
            color: #4a4438;
            padding: 4px 0;
            border-bottom: 1.5px dashed rgba(180, 168, 155, .25);
            list-style: none;
            position: relative;
        }
        ai details li::before {
            content: "◆";
            position: absolute;
            left: -1.4em;
            color: #b8a898;
            font-size: 12px;
        }
        ai details li:last-child {
            border-bottom: none;
        }
        ai details hr {
            border: none;
            height: 2px;
            margin: 1em 0;
            background: repeating-linear-gradient(90deg, #b8a898 0 6px, transparent 6px 14px);
            opacity: .35;
        }
        ai details table {
            width: 100%;
            border-collapse: collapse;
            font-size: 13.5px;
            margin: .6em 0;
            font-family: "STKaiti", "KaiTi", serif;
        }
        ai details th {
            background: #e8e0d4;
            color: #4a4438;
            padding: 6px 5px;
            font-weight: bold;
            border: 2px solid #c8b8a8;
        }
        ai details td {
            padding: 5px;
            border: 1.5px solid rgba(180, 168, 155, .40);
            color: #4a4438;
        }

        /* ===== 日记特殊样式 · 修仙手札 ===== */
        ai details[t="日"] {
            font-family: "STKaiti", "KaiTi", "Yuanti SC", serif;
            background:
                linear-gradient(transparent 0 26px, rgba(180, 190, 180, .12) 26px 27px) 0 34px/100% 27px repeat-y,
                linear-gradient(90deg, rgba(180, 190, 180, .15) 0 2px, transparent 2px) 36px 0/100% 100% no-repeat,
                linear-gradient(155deg, #f5f0e8 0%, #eee8de 100%);
            border: 2.5px solid #c8b8a8;
            border-radius: 4px 14px 14px 4px;
            padding: 10px 18px 16px 44px;
            margin: 20px 3px;
            transform: rotate(-.4deg);
            position: relative;
            box-shadow: 4px 4px 0 rgba(180, 168, 155, .55), 0 8px 22px rgba(60, 55, 48, .14);
            z-index: 1;
        }
        ai details[t="日"]::before {
            content: "";
            position: absolute;
            top: -10px;
            left: 38px;
            width: 56px;
            height: 18px;
            transform: rotate(-3deg);
            background: rgba(200, 188, 175, .30);
            box-shadow: 0 2px 6px rgba(120, 110, 98, .12);
            border-radius: 2px;
        }
        ai details[t="日"]::after {
            content: "✍";
            position: absolute;
            top: -4px;
            right: 18px;
            font-size: 1.8em;
            color: #b8a898;
            transform: rotate(10deg);
            filter: drop-shadow(0 2px 4px rgba(80, 70, 60, .15));
        }
        ai details[t="日"]>summary {
            color: #4a4438;
            font-size: 17px;
            letter-spacing: 2px;
            background: none;
            border-bottom: 2px dashed rgba(180, 168, 155, .5);
            border-radius: 0;
            padding-bottom: 6px;
        }
        ai details[t="日"]>summary::before {
            content: "📜";
            font-size: 18px;
        }
        ai details[t="日"] p {
            font-size: 14.5px;
            color: #4a4438;
            line-height: 2.1;
            text-indent: 2em;
            margin: .6em 0;
        }
        ai details[t="日"] p:first-of-type {
            text-indent: 0;
            color: #a08878;
            font-size: 13.5px;
            letter-spacing: 1.5px;
            font-weight: bold;
        }
        ai details[t="日"] strong {
            color: #a08878;
        }

        /* ===== 移动端适配 ===== */
        @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 {
                width: 170px;
            }
            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 {
                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: 14.5px;
            }
            ai details table {
                font-size: 12px;
            }
            ai details[t="日"] {
                transform: none;
                padding: 8px 12px 14px 36px;
            }
            ai details[t="日"]>summary {
                font-size: 15px;
            }
            text {
                padding: 8px 12px;
                font-size: 14px;
            }
            /* 卷轴轴头在移动端缩小 */
            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-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 {
                width: 26px;
                height: 26px;
                line-height: 26px;
                font-size: 12px;
            }
            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 {
                top: -16px;
            }
            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 {
                bottom: -16px;
            }
            /* 印章在移动端缩小 */
            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 {
                width: 30px;
                height: 30px;
                line-height: 28px;
                font-size: 13px;
                top: -10px;
                right: -10px;
            }
        }

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