@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600&display=swap');

/* ===== 服装栏d：拍立得竖版 904×1280（租借女友·约会纪念版） ===== */
md-01,md-02,md-03,md-04,md-05,md-06,md-07,md-08,md-09,md-10,md-11,md-12,md-13,md-14,md-15,md-16,md-17,
rd-01,rd-02,rd-03,rd-04,rd-05,rd-06,rd-07,rd-08,rd-09,rd-10,rd-11,rd-12,rd-13,rd-14,rd-15,rd-16,rd-17,rd-18,rd-19,rd-20,rd-21,
cd-01,cd-02,cd-03,cd-04,cd-05,cd-06,cd-07,cd-08,cd-09,cd-10,cd-11,cd-12,cd-13,cd-14,cd-15,cd-16,cd-17,cd-18,cd-19,cd-20{
    display:block;width:240px;aspect-ratio:904/1280;margin:20px auto;
    background-size:cover;background-position:center top;border-radius:8px;
    border:6px solid #fceae5;
    border-bottom:30px solid #fdd9d0; 
    box-shadow:0 8px 28px rgba(255, 105, 135, 0.20), inset 0 0 0 1px rgba(255, 182, 193, 0.4);
    transform:rotate(-1deg);
    position:relative;
    transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease, border-color .4s ease;
}

md-01::after,md-02::after,md-03::after,md-04::after,md-05::after,md-06::after,md-07::after,md-08::after,md-09::after,md-10::after,md-11::after,md-12::after,md-13::after,md-14::after,md-15::after,md-16::after,md-17::after,
rd-01::after,rd-02::after,rd-03::after,rd-04::after,rd-05::after,rd-06::after,rd-07::after,rd-08::after,rd-09::after,rd-10::after,rd-11::after,rd-12::after,rd-13::after,rd-14::after,rd-15::after,rd-16::after,rd-17::after,rd-18::after,rd-19::after,rd-20::after,rd-21::after,
cd-01::after,cd-02::after,cd-03::after,cd-04::after,cd-05::after,cd-06::after,cd-07::after,cd-08::after,cd-09::after,cd-10::after,cd-11::after,cd-12::after,cd-13::after,cd-14::after,cd-15::after,cd-16::after,cd-17::after,cd-18::after,cd-19::after,cd-20::after{
    content:"💖";
    position:absolute;top:-14px;left:50%;transform:translateX(-50%) rotate(6deg);
    font-size:26px;
    filter:drop-shadow(0 3px 6px rgba(255, 80, 120, 0.4));
}

md-01:hover,md-02:hover,md-03:hover,md-04:hover,md-05:hover,md-06:hover,md-07:hover,md-08:hover,md-09:hover,md-10:hover,md-11:hover,md-12:hover,md-13:hover,md-14:hover,md-15:hover,md-16:hover,md-17:hover,
rd-01:hover,rd-02:hover,rd-03:hover,rd-04:hover,rd-05:hover,rd-06:hover,rd-07:hover,rd-08:hover,rd-09:hover,rd-10:hover,rd-11:hover,rd-12:hover,rd-13:hover,rd-14:hover,rd-15:hover,rd-16:hover,rd-17:hover,rd-18:hover,rd-19:hover,rd-20:hover,rd-21:hover,
cd-01:hover,cd-02:hover,cd-03:hover,cd-04:hover,cd-05:hover,cd-06:hover,cd-07:hover,cd-08:hover,cd-09:hover,cd-10:hover,cd-11:hover,cd-12:hover,cd-13:hover,cd-14:hover,cd-15:hover,cd-16:hover,cd-17:hover,cd-18:hover,cd-19:hover,cd-20:hover{
    transform:rotate(0deg) translateY(-8px) scale(1.03);
    box-shadow:0 16px 36px rgba(255, 105, 135, 0.35), inset 0 0 0 1px rgba(255, 182, 193, 0.6);
    border-bottom-color: #fbb5a8;
}

md-01{background-image:url(https://iili.io/CiExacJ.png)}
md-02{background-image:url(https://iili.io/CiEx09R.png)}
md-03{background-image:url(https://iili.io/CiExYFa.png)}
md-04{background-image:url(https://iili.io/CiExc8v.png)}
md-05{background-image:url(https://iili.io/CiExWMX.png)}
md-06{background-image:url(https://iili.io/CiExjFs.png)}
md-07{background-image:url(https://iili.io/CiExNSf.png)}
md-08{background-image:url(https://iili.io/CiExe94.png)}
md-09{background-image:url(https://iili.io/CiExvN2.png)}
md-10{background-image:url(https://iili.io/CiEx8tS.png)}
md-11{background-image:url(https://iili.io/CiExUo7.png)}
md-12{background-image:url(https://iili.io/CiExgV9.png)}
md-13{background-image:url(https://iili.io/CiExQAQ.png)}
md-14{background-image:url(https://iili.io/CiExtDB.png)}
md-15{background-image:url(https://iili.io/CiExboP.png)}
md-16{background-image:url(https://iili.io/CiEz9Kg.png)}
md-17{background-image:url(https://iili.io/CiEz2Hv.png)}

rd-01{background-image:url(https://iili.io/Ci1yKE7.png)}
rd-02{background-image:url(https://iili.io/Ci1yB2e.png)}
rd-03{background-image:url(https://iili.io/Ci1yFBS.png)}
rd-04{background-image:url(https://iili.io/Ci1y2Q2.png)}
rd-05{background-image:url(https://iili.io/Ci1yopj.png)}
rd-06{background-image:url(https://iili.io/Ci1yzTx.png)}
rd-07{background-image:url(https://iili.io/Ci1yIhQ.png)}
rd-08{background-image:url(https://iili.io/Ci1yTQV.png)}
rd-09{background-image:url(https://iili.io/Ci1yACB.png)}
rd-10{background-image:url(https://iili.io/Ci1yY3F.png)}
rd-11{background-image:url(https://iili.io/Ci1yaYg.png)}
rd-12{background-image:url(https://iili.io/Ci1ycva.png)}
rd-13{background-image:url(https://iili.io/Ci1ylyJ.png)}
rd-14{background-image:url(https://iili.io/Ci1y1Tv.png)}
rd-15{background-image:url(https://iili.io/Ci1yGQp.png)}
rd-16{background-image:url(https://iili.io/Ci1yVCN.png)}
rd-17{background-image:url(https://iili.io/Ci1yX4t.png)}
rd-18{background-image:url(https://iili.io/Ci1yj3X.png)}
rd-19{background-image:url(https://iili.io/Ci1ywan.png)}
rd-20{background-image:url(https://iili.io/Ci1yOyG.png)}
rd-21{background-image:url(https://iili.io/Ci1yvj4.png)}

cd-01{background-image:url(https://iili.io/Ci1iLss.png)}
cd-02{background-image:url(https://iili.io/Ci1isXn.png)}
cd-03{background-image:url(https://iili.io/Ci1it1f.png)}
cd-04{background-image:url(https://iili.io/Ci1iZqG.png)}
cd-05{background-image:url(https://iili.io/Ci1imdl.png)}
cd-06{background-image:url(https://iili.io/Ci1iDg4.png)}
cd-07{background-image:url(https://iili.io/Ci1ip72.png)}
cd-08{background-image:url(https://iili.io/Ci1iyeS.png)}
cd-09{background-image:url(https://iili.io/Ci1sJI9.png)}
cd-10{background-image:url(https://iili.io/Ci1s2Lu.png)}
cd-11{background-image:url(https://iili.io/Ci1sfrx.png)}
cd-12{background-image:url(https://iili.io/Ci1sK1j.png)}
cd-13{background-image:url(https://iili.io/Ci1sBdQ.png)}
cd-14{background-image:url(https://iili.io/Ci1sC7V.png)}
cd-15{background-image:url(https://iili.io/Ci1szI1.png)}
cd-16{background-image:url(https://iili.io/Ci1somP.png)}
cd-17{background-image:url(https://iili.io/Ci1sIhF.png)}
cd-18{background-image:url(https://iili.io/Ci1sTLg.png)}
cd-19{background-image:url(https://iili.io/Ci1sABa.png)}
cd-20{background-image:url(https://iili.io/Ci1sREJ.png)}


/* ===== 图框c：漫画分镜正方形（租借女友·心动漫画版） ===== */
mc-01,mc-02,mc-03,mc-04,mc-05,mc-06,mc-07,mc-08,mc-09,mc-10,mc-11,mc-12,mc-13,mc-14,mc-15,mc-16,mc-17,mc-18,
rc-01,rc-02,rc-03,rc-04,rc-05,rc-06,rc-07,rc-08,rc-09,rc-10,rc-11,rc-12,rc-13,rc-14,rc-15,rc-16,rc-17,
cc-01,cc-02,cc-03,cc-04,cc-05,cc-06,cc-07,cc-08,cc-09,cc-10,cc-11,cc-12,cc-13,cc-14,cc-15{
    display:block;width:100%;max-width:360px;aspect-ratio:1/1;margin:18px auto;
    background-size:cover;background-position:center;border-radius:14px;
    border:3px solid #ffb7c5;
    outline:2px solid #a8e0f5;
    outline-offset:-6px;
    box-shadow:6px 6px 0 #fce4ec, 0 12px 30px rgba(255, 105, 135, 0.22);
    transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease, outline-color .4s ease;
    position:relative;
    background-color: #fff8f5;
}

mc-01::after,mc-02::after,mc-03::after,mc-04::after,mc-05::after,mc-06::after,mc-07::after,mc-08::after,mc-09::after,mc-10::after,mc-11::after,mc-12::after,mc-13::after,mc-14::after,mc-15::after,mc-16::after,mc-17::after,mc-18::after,
rc-01::after,rc-02::after,rc-03::after,rc-04::after,rc-05::after,rc-06::after,rc-07::after,rc-08::after,rc-09::after,rc-10::after,rc-11::after,rc-12::after,rc-13::after,rc-14::after,rc-15::after,rc-16::after,rc-17::after,
cc-01::after,cc-02::after,cc-03::after,cc-04::after,cc-05::after,cc-06::after,cc-07::after,cc-08::after,cc-09::after,cc-10::after,cc-11::after,cc-12::after,cc-13::after,cc-14::after,cc-15::after{
    content:"♡ 話";
    position:absolute;top:-8px;right:-8px;
    width:auto;padding:0 12px;height:32px;line-height:32px;text-align:center;
    background:linear-gradient(145deg, #ff7b9c, #ff5e7a);
    color:#fff;border:2.5px solid #fff;border-radius:20px;
    font-size:13px;font-weight:800;letter-spacing:0.5px;
    transform:rotate(10deg);
    box-shadow:0 4px 14px rgba(255, 70, 100, 0.4);
    font-family: 'Helvetica Neue', 'PingFang SC', sans-serif;
    text-shadow:0 1px 2px rgba(0,0,0,0.12);
}

mc-01:hover,mc-02:hover,mc-03:hover,mc-04:hover,mc-05:hover,mc-06:hover,mc-07:hover,mc-08:hover,mc-09:hover,mc-10:hover,mc-11:hover,mc-12:hover,mc-13:hover,mc-14:hover,mc-15:hover,mc-16:hover,mc-17:hover,mc-18:hover,
rc-01:hover,rc-02:hover,rc-03:hover,rc-04:hover,rc-05:hover,rc-06:hover,rc-07:hover,rc-08:hover,rc-09:hover,rc-10:hover,rc-11:hover,rc-12:hover,rc-13:hover,rc-14:hover,rc-15:hover,rc-16:hover,rc-17:hover,
cc-01:hover,cc-02:hover,cc-03:hover,cc-04:hover,cc-05:hover,cc-06:hover,cc-07:hover,cc-08:hover,cc-09:hover,cc-10:hover,cc-11:hover,cc-12:hover,cc-13:hover,cc-14:hover,cc-15:hover{
    transform:translate(-4px, -6px) scale(1.02) rotate(1deg);
    box-shadow:10px 10px 0 #fce4ec, 0 20px 40px rgba(255, 105, 135, 0.30);
    outline-color: #7fcce6;
    border-color: #ff8aa3;
}

mc-01{background-image:url(https://iili.io/CiEKtEv.png)}
mc-02{background-image:url(https://iili.io/CiEKLQa.png)}
mc-03{background-image:url(https://iili.io/CiEKZCJ.png)}
mc-04{background-image:url(https://iili.io/CiEKshg.png)}
mc-05{background-image:url(https://iili.io/CiEf2Qs.png)}
mc-06{background-image:url(https://iili.io/CiEfKGf.png)}
mc-07{background-image:url(https://iili.io/CiEfCa2.png)}
mc-08{background-image:url(https://iili.io/CiEfB3l.png)}
mc-09{background-image:url(https://iili.io/CiEfEwF.png)}
mc-10{background-image:url(https://iili.io/CiEfX6v.png)}
mc-11{background-image:url(https://iili.io/CiEfVna.png)}
mc-12{background-image:url(https://iili.io/CiEfwap.png)}
mc-13{background-image:url(https://iili.io/CiEfPcl.png)}
mc-14{background-image:url(https://iili.io/CiEfiS2.png)}
mc-15{background-image:url(https://iili.io/CiEfL9S.png)}
mc-16{background-image:url(https://iili.io/CiEfZN9.png)}
mc-17{background-image:url(https://iili.io/CiEqFN1.png)}
mc-18{background-image:url(https://iili.io/CiEqKDF.png)}

rc-01{background-image:url(https://iili.io/Ci1bX4e.png)}
rc-02{background-image:url(https://iili.io/Ci1bj3u.png)}
rc-03{background-image:url(https://iili.io/Ci1bVC7.png)}
rc-04{background-image:url(https://iili.io/Ci1bWG9.png)}
rc-05{background-image:url(https://iili.io/Ci1bOyx.png)}
rc-06{background-image:url(https://iili.io/Ci1bkTQ.png)}
rc-07{background-image:url(https://iili.io/Ci1bvjV.png)}
rc-08{background-image:url(https://iili.io/Ci1b8ZB.png)}
rc-09{background-image:url(https://iili.io/Ci1bUCP.png)}
rc-10{background-image:url(https://iili.io/Ci1br6F.png)}
rc-11{background-image:url(https://iili.io/Ci1b63g.png)}
rc-12{background-image:url(https://iili.io/Ci1bPaa.png)}
rc-13{background-image:url(https://iili.io/Ci1bi8J.png)}
rc-14{background-image:url(https://iili.io/Ci1bZjp.png)}
rc-15{background-image:url(https://iili.io/Ci1bQuR.png)}
rc-16{background-image:url(https://iili.io/Ci1btZN.png)}
rc-17{background-image:url(https://iili.io/Ci1bmGt.png)}

cc-01{background-image:url(https://iili.io/Ci1Qhe2.png)}
cc-02{background-image:url(https://iili.io/Ci1QWJ4.png)}
cc-03{background-image:url(https://iili.io/Ci1QMgf.png)}
cc-04{background-image:url(https://iili.io/Ci1QX5l.png)}
cc-05{background-image:url(https://iili.io/Ci1QNz7.png)}
cc-06{background-image:url(https://iili.io/Ci1QOX9.png)}
cc-07{background-image:url(https://iili.io/Ci1Qese.png)}
cc-08{background-image:url(https://iili.io/Ci1Qvqu.png)}
cc-09{background-image:url(https://iili.io/Ci1Q80b.png)}
cc-10{background-image:url(https://iili.io/Ci1QSgj.png)}
cc-11{background-image:url(https://iili.io/Ci1Qgdx.png)}
cc-12{background-image:url(https://iili.io/Ci1Q4eV.png)}
cc-13{background-image:url(https://iili.io/Ci1Q6mB.png)}
cc-14{background-image:url(https://iili.io/Ci1QizP.png)}
cc-15{background-image:url(https://iili.io/Ci1QsX1.png)}


/* ===== 表情e：贴纸圆角方形（租借女友·心动贴纸版） ===== */
me-01,me-02,me-03,me-04,me-05,me-06,me-07,me-08,me-09,me-10,
re-01,re-02,re-03,re-04,re-05,re-06,re-07,re-08,re-09,re-10,
ce-01,ce-02,ce-03,ce-04,ce-05,ce-06,ce-07,ce-08,ce-09,ce-10{
    display:block;width:120px;height:120px;margin:14px auto;
    background-size:cover;background-position:center;border-radius:18px;
    border:3px solid #ffb7c5;
    box-shadow:0 0 0 2.5px #a8e0f5, 3px 4px 0 rgba(255, 105, 135, 0.15), 0 6px 20px rgba(255, 105, 135, 0.25);
    transition:transform .3s ease, box-shadow .3s ease;
    animation:wobbleIn .5s cubic-bezier(.34,1.56,.64,1);
}

@keyframes wobbleIn{
    0%{transform:scale(.3) rotate(-18deg);opacity:0}
    50%{transform:scale(1.12) rotate(8deg);opacity:1}
    70%{transform:scale(.97) rotate(-4deg)}
    100%{transform:none}
}

me-01:hover,me-02:hover,me-03:hover,me-04:hover,me-05:hover,me-06:hover,me-07:hover,me-08:hover,me-09:hover,me-10:hover,
re-01:hover,re-02:hover,re-03:hover,re-04:hover,re-05:hover,re-06:hover,re-07:hover,re-08:hover,re-09:hover,re-10:hover,
ce-01:hover,ce-02:hover,ce-03:hover,ce-04:hover,ce-05:hover,ce-06:hover,ce-07:hover,ce-08:hover,ce-09:hover,ce-10:hover{
    transform:scale(1.14) rotate(-4deg);
    box-shadow:0 0 0 2.5px #a8e0f5, 3px 4px 0 rgba(255, 105, 135, 0.15), 0 12px 32px rgba(255, 122, 107, 0.45);
    border-color: #ff8aa3;
}

me-01{background-image:url(https://iili.io/CiEd9FS.png)}
me-02{background-image:url(https://iili.io/CiEJpP2.png)}
me-03{background-image:url(https://iili.io/CiEdJS9.png)}
me-04{background-image:url(https://iili.io/CiEdHc7.png)}
me-05{background-image:url(https://iili.io/CiEdFwb.png)}
me-06{background-image:url(https://iili.io/CiEdBMQ.png)}
me-07{background-image:url(https://iili.io/CiEdKtj.png)}
me-08{background-image:url(https://iili.io/CiEdCPV.png)}
me-09{background-image:url(https://iili.io/CiEdzS1.png)}
me-10{background-image:url(https://iili.io/CiEdTHF.png)}

re-01{background-image:url(https://iili.io/CiEHoWQ.png)}
re-02{background-image:url(https://iili.io/CiEHnzx.png)}
re-03{background-image:url(https://iili.io/CiEHBbj.png)}
re-04{background-image:url(https://iili.io/CiEHqOb.png)}
re-05{background-image:url(https://iili.io/CiEHIqB.png)}
re-06{background-image:url(https://iili.io/CiEHT0P.png)}
re-07{background-image:url(https://iili.io/CiEHug1.png)}
re-08{background-image:url(https://iili.io/CiEHRdF.png)}
re-09{background-image:url(https://iili.io/CiEH55g.png)}
re-10{background-image:url(https://iili.io/CiEH7ea.png)}

ce-01{background-image:url(https://iili.io/Ci1tJ8x.png)}
ce-02{background-image:url(https://iili.io/Ci1tdyQ.png)}
ce-03{background-image:url(https://iili.io/Ci1tHaj.png)}
ce-04{background-image:url(https://iili.io/Ci1t93b.png)}
ce-05{background-image:url(https://iili.io/Ci1t3uV.png)}
ce-06{background-image:url(https://iili.io/Ci1tFwB.png)}
ce-07{background-image:url(https://iili.io/Ci1tKZP.png)}
ce-08{background-image:url(https://iili.io/Ci1tqn1.png)}
ce-09{background-image:url(https://iili.io/Ci1toFa.png)}
ce-10{background-image:url(https://iili.io/Ci1tz8v.png)}


/* ===== 移动端适配（所有尺寸微调） ===== */
@media screen and (max-width:480px){
    md-01,md-02,md-03,md-04,md-05,md-06,md-07,md-08,md-09,md-10,md-11,md-12,md-13,md-14,md-15,md-16,md-17,
    rd-01,rd-02,rd-03,rd-04,rd-05,rd-06,rd-07,rd-08,rd-09,rd-10,rd-11,rd-12,rd-13,rd-14,rd-15,rd-16,rd-17,rd-18,rd-19,rd-20,rd-21,
    cd-01,cd-02,cd-03,cd-04,cd-05,cd-06,cd-07,cd-08,cd-09,cd-10,cd-11,cd-12,cd-13,cd-14,cd-15,cd-16,cd-17,cd-18,cd-19,cd-20{
        width:190px;
    }
    mc-01,mc-02,mc-03,mc-04,mc-05,mc-06,mc-07,mc-08,mc-09,mc-10,mc-11,mc-12,mc-13,mc-14,mc-15,mc-16,mc-17,mc-18,
    rc-01,rc-02,rc-03,rc-04,rc-05,rc-06,rc-07,rc-08,rc-09,rc-10,rc-11,rc-12,rc-13,rc-14,rc-15,rc-16,rc-17,
    cc-01,cc-02,cc-03,cc-04,cc-05,cc-06,cc-07,cc-08,cc-09,cc-10,cc-11,cc-12,cc-13,cc-14,cc-15{
        max-width:94%;
    }
    me-01,me-02,me-03,me-04,me-05,me-06,me-07,me-08,me-09,me-10,
    re-01,re-02,re-03,re-04,re-05,re-06,re-07,re-08,re-09,re-10,
    ce-01,ce-02,ce-03,ce-04,ce-05,ce-06,ce-07,ce-08,ce-09,ce-10{
        width:100px;height:100px;margin:12px auto;border-radius:14px;
    }
}


/* ===== 内容布局（ai 系标签） ===== */
ai {
  display: block;
  max-width: 860px;
  margin: 0 auto;
  padding: 12px;
  font-family: 'PingFang SC', 'Hiragino Sans GB', system-ui, sans-serif;
  color: #2D2D2D;
}

ai hd {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding: 13px 18px;
  background: linear-gradient(135deg, #FF4081 0%, #FF6B9D 55%, #FF8FAB 100%);
  border-radius: 16px;
  margin-bottom: 14px;
  box-shadow: 0 6px 20px rgba(255,64,129,0.28), inset 0 1px 0 rgba(255,255,255,0.2);
  position: relative;
  overflow: hidden;
}
ai hd::before {
  content: '';
  position: absolute;
  top: -60%;
  left: -5%;
  width: 35%;
  height: 220%;
  background: rgba(255,255,255,0.09);
  transform: skewX(-18deg);
  pointer-events: none;
}
ai hd i {
  font-style: normal;
  font-size: 12px;
  color: #fff;
  background: rgba(255,255,255,0.18);
  padding: 4px 11px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.28);
  white-space: nowrap;
  letter-spacing: 0.4px;
}

ai article {
  display: block;
  background: #fff;
  border-radius: 16px;
  padding: 28px 30px 24px;
  margin-bottom: 14px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.06);
  border-top: 3px solid #FF6B9D;
  position: relative;
}
ai article::before {
  content: '❧  正  文  ❧';
  display: block;
  text-align: center;
  font-size: 11px;
  font-family: 'Noto Serif SC', serif;
  color: #FF6B9D;
  letter-spacing: 6px;
  margin-bottom: 18px;
  padding-bottom: 14px;
  border-bottom: 1px dashed #FFD1DC;
}
ai article p {
  font-family: 'Microsoft YaHei', 'PingFang SC', '微软雅黑', sans-serif;
  font-size: 15px;
  line-height: 2;
  color: #333;
  margin-bottom: 16px;
  text-indent: 2em;
  letter-spacing: 0.3px;
}
ai article p:last-child { margin-bottom: 0; }

ai details {
  background: #fff;
  border-radius: 16px;
  margin-bottom: 14px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.07);
  transition: box-shadow 0.3s;
}
ai details:hover { box-shadow: 0 6px 20px rgba(0,0,0,0.1); }
ai details[open] { box-shadow: 0 6px 20px rgba(0,0,0,0.1); }
ai details summary {
  cursor: pointer;
  padding: 14px 22px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  list-style: none;
  user-select: none;
  position: relative;
  font-family: 'Noto Serif SC', 'PingFang SC', serif;
  letter-spacing: 1px;
  background: linear-gradient(135deg, #FF6B9D, #FF8FAB);
}
ai details summary::-webkit-details-marker { display: none; }
ai details summary::after {
  content: '▾';
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  transition: transform 0.3s;
  font-family: system-ui;
}
ai details[open] summary::after {
  transform: translateY(-50%) rotate(180deg);
}

ai f {
  display: flex;
  gap: 10px;
  padding: 9px 16px;
  font-size: 13.5px;
  align-items: flex-start;
  border-bottom: 1px solid #FFF0F5;
  line-height: 1.65;
  transition: background 0.18s;
}
ai f:hover { background: #FFFAFC; }
ai f:last-child { border-bottom: none; }
ai f::before {
  content: attr(n);
  min-width: 66px;
  font-size: 11.5px;
  color: #FF6B9D;
  font-weight: 700;
  white-space: nowrap;
  flex-shrink: 0;
  padding-top: 1px;
  letter-spacing: 0.3px;
}
ai f[c="love"] { background: linear-gradient(to right, #FFF0F8, #fff); }
ai f[c="love"]::before { color: #E91E8C; }
ai f[c="special"] { background: linear-gradient(to right, #F8F0FF, #fff); }
ai f[c="special"]::before { color: #8E44AD; }

ai details.h summary {
  background: linear-gradient(135deg, #FF69B4, #FF1493);
}
ai hc {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
}
ai illust img {
  width: 100%;
  max-height: 520px;
  min-height: 280px;
  object-fit: contain;
  border-radius: 12px;
  display: block;
  background: linear-gradient(160deg, #FFF0F5, #FFD6E860%, #FFADD2 100%);
}
ai hinfo {
  display: block;
  background: #FFF8FB;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #FFE5F0;
}
ai illust {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
ai illust span {
  font-size: 12px;
  color: #FF69B4;
  text-align: center;
  padding: 6px 14px;
  background: #FFF0F5;
  border-radius: 20px;
  border: 1px solid #FFD1DC;
  letter-spacing: 1px;
}
ai details.h hr {
  border: none;
  border-top: 2px dashed #FFD6E8;
  margin: 0 20px 20px;
}

ai details.m summary {
  background: linear-gradient(135deg, #3B82F6, #1D4ED8);
}
ai minfo {
  display: block;
  margin: 16px 20px;
  background: #F0F6FF;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #DBEAFE;
}
ai details.m f { border-bottom-color: #EFF6FF; }
ai details.m f:hover { background: #F8FBFF; }
ai details.m f::before { color: #2563EB; }

ai details.n summary {
  background: linear-gradient(135deg, #7C3AED, #9F67FA);
}
ai npc {
  display: block;
  margin: 16px 20px;
  background: #FAF7FF;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #EDE9FE;
}
ai npc f { border-bottom-color: #F5F3FF; }
ai npc f:hover { background: #FDFCFF; }
ai npc f::before { color: #7C3AED; }
ai details.n hr {
  border: none;
  border-top: 1px dashed #DDD6FE;
  margin: 0 20px 16px;
}

ai details.line summary {
  background: linear-gradient(135deg, #06C755, #00A040);
}
ai chat {
  display: block;
  margin: 14px 16px 0;
  background: #EEFAF2;
  border-radius: 14px;
  padding: 14px 16px 10px;
  margin-bottom: 12px;
}
ai chat:last-child { margin-bottom: 14px; }
ai sec {
  display: block;
  font-size: 11px;
  font-weight: 700;
  color: #00A040;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(6,199,85,0.2);
  margin-bottom: 14px;
  letter-spacing: 1.5px;
}

ai msg {
  display: flex;
  margin-bottom: 14px;
  align-items: flex-end;
  gap: 8px;
}
ai msg[t="out"] {
  flex-direction: row-reverse;
}
ai msg:last-child { margin-bottom: 0; }
ai av {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  flex-shrink: 0;
  border: 2px solid #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  background: linear-gradient(135deg, #FF6B9D, #E91E8C);
}
ai av.b { background: linear-gradient(135deg, #3B82F6, #1D4ED8); }
ai av.p { background: linear-gradient(135deg, #7C3AED, #9F67FA); }
ai av.g { background: linear-gradient(135deg, #10B981, #059669); }
ai av.o { background: linear-gradient(135deg, #F59E0B, #D97706); }
ai av.gr { background: linear-gradient(135deg, #6B7280, #4B5563); }
ai bub {
  display: flex;
  flex-direction: column;
  max-width: 68%;
}
ai msg[t="out"] bub { align-items: flex-end; }
ai nm {
  display: block;
  font-size: 11px;
  color: #666;
  margin-bottom: 4px;
  padding-left: 4px;
  font-weight: 500;
}
ai msg[t="out"] nm { display: none; }
ai txt {
  display: block;
  padding: 10px 14px;
  font-size: 14px;
  font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
  line-height: 1.6;
  border-radius: 18px;
  color: #2D2D2D;
  word-break: break-word;
  position: relative;
}
ai msg[t="in"] txt {
  background: #fff;
  border: 1px solid #E5E5EA;
  border-top-left-radius: 4px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}
ai msg[t="in"] txt::before {
  content: '';
  position: absolute;
  left: -6px;
  top: 10px;
  border: 5px solid transparent;
  border-right: 6px solid #fff;
  filter: drop-shadow(-1px 0 0 #E5E5EA);
}
ai msg[t="out"] txt {
  background: linear-gradient(135deg, #06C755, #00A040);
  color: #fff;
  border-top-right-radius: 4px;
  box-shadow: 0 2px 8px rgba(6,199,85,0.3);
}
ai msg[t="out"] txt::after {
  content: '';
  position: absolute;
  right: -6px;
  top: 10px;
  border: 5px solid transparent;
  border-left: 6px solid #06C755;
}
ai tm {
  display: block;
  font-size: 10px;
  color: #AAA;
  margin-top: 4px;
  padding: 0 4px;
}
ai msg[t="out"] tm { text-align: right; }

ai post {
  display: block;
  background: #fff;
  border-radius: 10px;
  padding: 12px 14px;
  margin-bottom: 8px;
  border-left: 3px solid #06C755;
  box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}
ai post:last-child { margin-bottom: 0; }
ai pt {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #1A1A1A;
  margin-bottom: 6px;
}
ai cm {
  display: block;
  font-size: 12px;
  color: #666;
  line-height: 1.5;
}

ai noti {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 8px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}
ai noti:last-child { margin-bottom: 0; }
ai noti::before {
  content: '🔔';
  font-size: 14px;
  flex-shrink: 0;
}
ai noti txt {
  background: none;
  padding: 0;
  border: none;
  box-shadow: none;
  border-radius: 0;
  font-size: 13px;
  color: #2D2D2D;
}
ai noti txt::before,
ai noti txt::after { display: none; }

ai details.mem summary {
  background: linear-gradient(135deg, #D97706, #F59E0B);
}
ai mtitle {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: #D97706;
  padding: 16px 20px 8px;
  border-left: 3px solid #F59E0B;
  margin-left: 20px;
  letter-spacing: 1px;
}
ai table {
  width: calc(100% - 40px);
  margin: 8px 20px 16px;
  border-collapse: collapse;
  font-size: 12.5px;
}
ai table th {
  background: linear-gradient(135deg, #D97706, #F59E0B);
  color: #fff;
  padding: 10px 12px;
  text-align: left;
  font-weight: 600;
  font-size: 12px;
}
ai table th:first-child { border-radius: 8px 0 0 0; }
ai table th:last-child { border-radius: 0 8px 0 0; }
ai table td {
  padding: 10px 12px;
  border-bottom: 1px solid #FFF7ED;
  vertical-align: top;
  color: #444;
}
ai table tr:hover td { background: #FFFBF0; }

ai details.act summary {
  background: linear-gradient(135deg, #E91E8C, #FF6B9D);
}
ai act {
  display: block;
  padding: 16px 20px;
  counter-reset: act-cnt;
}
ai act a {
  display: flex;
  align-items: center;
  padding: 12px 16px 12px 52px;
  background: linear-gradient(to right, #FFF5F8, #fff);
  border-radius: 12px;
  border: 1px solid #FFE5F0;
  margin-bottom: 8px;
  font-size: 14px;
  font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
  color: #2D2D2D;
  position: relative;
  cursor: pointer;
  transition: all 0.25s ease;
  counter-increment: act-cnt;
  text-decoration: none;
}
ai act a:last-child { margin-bottom: 0; }
ai act a::before {
  content: counter(act-cnt);
  position: absolute;
  left: 14px;
  width: 26px;
  height: 26px;
  background: linear-gradient(135deg, #FF6B9D, #E91E8C);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  box-shadow: 0 2px 6px rgba(233,30,140,0.35);
}
ai act a:hover {
  background: linear-gradient(to right, #FFE5EC, #FFF5F7);
  border-color: #FFB6CE;
  transform: translateX(5px);
  box-shadow: 0 2px 8px rgba(255,107,157,0.12);
}

@media (max-width: 640px) {
  ai hc {
    grid-template-columns: 1fr;
  }
  ai illust img { min-height: 340px; }
  ai bub { max-width: 76%; }
  ai article { padding: 20px 18px; }
  ai hd { padding: 11px 13px; }
}