.role-lan {
  color: #00bfff; /* 天蓝色 — 玩家 */
}
.role-hui {
  color: #828282; /* 灰色 —  */
}
.role-danlan {
  color: #87ceeb; /* 淡蓝色 —  */
}
.role-hon {
  color: #e00000; /* 红色 —  */
}
.role-lv {
  color: #067d00; /* 绿色 —  */
}
.role-cheng {
  color: #ff8c00; /* 橙色 —  */
}
.role-zhon {
  color: #8b4513; /* 棕色  */
}
.role-qianhon {
  color: #fa8072; /* 浅红色  */
}
.role-zi {
  color: #9370db; /* 紫色 */
}
.role-fenhon {
  color: #ff69b4; /* 粉红色 */
}
.role-jin {
  color: #ffd700; /* 金色 */
}
.role-qing {
  color: #00ced1; /* 青色 */
}
.role-meihon {
  color: #dc143c; /* 玫红色 */
}



@keyframes k-fade{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.k-sum{background:#f6f2ea;color:#333;border:1.5px solid #9b59b6;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;display:inline-block;margin-top:5px;transition:all .3s ease;box-shadow:2px 2px 5px rgba(0,0,0,.05);user-select:none}
.k-sum:hover{background:#fcf9f2;border-color:#6c3483;transform:scale(1.02);box-shadow:3px 3px 8px rgba(0,0,0,.1)}
.k-box{background:#f6f2ea;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='80' font-size='70' opacity='0.15' text-anchor='middle' transform='rotate(-15 50 50)'%3E🌸%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='80' font-size='80' opacity='0.15' text-anchor='middle' transform='rotate(20 50 50)'%3E💖%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='80' font-size='55' opacity='0.15' text-anchor='middle' transform='rotate(10 50 50)'%3E🌸%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='80' font-size='75' opacity='0.15' text-anchor='middle' transform='rotate(-25 50 50)'%3E💗%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='80' font-size='85' opacity='0.15' text-anchor='middle' transform='rotate(30 50 50)'%3E🌸%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='85' font-size='85' opacity='0.12' text-anchor='middle' transform='rotate(-8 50 50)'%3E💖%3C/text%3E%3C/svg%3E");background-size:50px 50px,55px 55px,40px 40px,52px 52px,58px 58px,145px 145px;background-position:5% 98%,28% 100%,50% 95%,75% 98%,95% 102%,93% 8%;background-repeat:no-repeat;color:#333;border-radius:6px;padding:10px;margin-top:8px;font-size:14px;text-align:left;white-space:pre-wrap;line-height:1.6;box-shadow:0 2px 8px rgba(0,0,0,.04);border:1.5px solid #9b59b6}
details[open] .k-box{animation:k-fade .4s cubic-bezier(.4,0,.2,1)}
.k-img{margin:8px 0;text-align:left;white-space:normal;position:relative}




/* 原有样式（白天），保持不动 */
.stbox { 
    background: #f6f2ea; 
    color: #2b2b2b; 
    padding: 15px; 
    border-radius: 8px; 
    line-height: 1.8; 
    font-size: 16px;
}





/* ================= 陈佳子表情尺寸覆盖 ================= */
[class^="jz"] {
    width: 200px;
    height: 150px;
    margin: 10px 5px 10px 0;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}

/* ================= 佳子表情图库 (jz01~jz20) ================= */
.jz01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子鄙视嫌弃.png'); }
.jz02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子闭眼休息.png'); }
.jz03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子闭眼羞耻被摸.png'); }
.jz04 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子尴尬笑.png'); }
.jz05 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子害怕犹豫.png'); }
.jz06 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子害羞脸红.png'); }
.jz07 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子紧张低头流汗.png'); }
.jz08 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子惊讶突然.png'); }
.jz09 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子开心谈话.png'); }
.jz10 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子哭泣伤心.png'); }
.jz11 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子冷漠失望.png'); }
.jz12 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子眯眼暧昧笑.png'); }
.jz13 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子难过不开心.png'); }
.jz14 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子微笑.png'); }
.jz15 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子性爱粗暴咬牙忍耐.png'); }
.jz16 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子性爱高潮.png'); }
.jz17 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子性爱娇喘.png'); }
.jz18 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子性爱傻笑.png'); }
.jz19 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子严肃生气.png'); }
.jz20 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子阴沉厌恶.png'); }

/* ================= 佳子服装尺寸覆盖 ================= */
[class^="mm"] {
    width: 200px;
    height: 300px;
    margin: 10px 5px 10px 0;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}

/* ================= 佳子服装图库 (mm01~mm25) ================= */
.mm01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子白包臀长毛衣黑裤袜.png'); }
.mm02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子白比基尼性感泳衣.png'); }
.mm03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子白比基尼泳衣遮阳帽白薄纱外套.png'); }
.mm04 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子白短袖体恤牛仔长裤.png'); }
.mm05 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子白浴巾包裹.png'); }
.mm06 { background-image: url('https://ttc.ygjg9/qzz.io/api/rfile/佳子纯白婚纱装.png'); }
.mm07 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子粉白樱花和服.png'); }
.mm08 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子粉色长袖丝绸睡袍.png'); }
.mm09 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子黑蕾丝胸罩内裤.png'); }
.mm10 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子黑蕾丝胸罩内裤情趣吊带袜.png'); }
.mm11 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子黑情趣超薄吊带睡裙蕾丝内裤.png'); }
.mm12 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子黑情趣紧身衣全身超薄蕾丝.png'); }
.mm13 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子黑色长旗袍.png'); }
.mm14 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子黑长袖丝绸睡袍.png'); }
.mm15 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子黑紫色露背礼服铅笔裙.png'); }
.mm16 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子灰瑜伽背心紧身裤.png'); }
.mm17 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子教师上班黑外套白衬衫黑包臀裙黑裤袜.png'); }
.mm18 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子教师下班白衬衫黑包臀裙黑裤袜.png'); }
.mm19 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子蓝花纹白色和服黑腰带.png'); }
.mm20 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子米白色玫瑰碎花长裙挎编织包.png'); }
.mm21 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子米色包臀臀长毛衣白围巾厚黑裤袜.png'); }
.mm22 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子米色薄外套白体恤深蓝长裙.png'); }
.mm23 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子情趣白婚纱头纱蕾丝手套开裆内裤半裸吊带袜.png'); }
.mm24 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子全裸.png'); }
.mm25 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/佳子蓝色吊带连衣裙.png'); }

/* ================= 夏小薇表情尺寸覆盖 ================= */
[class^="xw"] {
    width: 200px;
    height: 150px;
    margin: 10px 5px 10px 0;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}

/* ================= 小薇表情图库 (xw01~xw20) ================= */
.xw01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇闭眼休息.png'); }
.xw02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇闭眼羞耻忍受.png'); }
.xw03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇不爽厌烦.png'); }
.xw04 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇犯错害怕.png'); }
.xw05 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇尴尬笑看旁边.png'); }
.xw06 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇慌张脸红.png'); }
.xw07 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇可爱嘟嘴.png'); }
.xw08 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇脸红害羞.png'); }
.xw09 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇眯眼坏笑.png'); }
.xw10 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇难过不开心.png'); }
.xw11 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇伤心哭泣.png'); }
.xw12 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇生气咬牙.png'); }
.xw13 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇微笑开心.png'); }
.xw14 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇性爱插入翻白眼.png'); }
.xw15 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇性爱插入娇喘.png'); }
.xw16 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇性爱抽插嗯啊叫.png'); }
.xw17 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇性爱娇喘抚摸轻扣.png'); }
.xw18 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇羞耻被玩弄.png'); }
.xw19 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇严肃认真.png'); }
.xw20 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇阴沉厌恶.png'); }

/* ================= 小薇服装尺寸覆盖 ================= */
[class^="md"] {
    width: 200px;
    height: 300px;
    margin: 10px 5px 10px 0;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}

/* ================= 小薇服装图库 (md01~md20) ================= */
.md01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇白衬衫棕围裙黑长裤服务员服.png'); }
.md02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇白大体恤黑短裤.png'); }
.md03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇白吊带连衣裙.png'); }
.md04 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇白酒店浴袍.png'); }
.md05 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇白色吊带露腰背心牛仔短裤.png'); }
.md06 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇白浴巾包裹.png'); }
.md07 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇粉露肩体恤黑短裙过膝袜带小挎包.png'); }
.md08 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇黑比基尼泳衣.png'); }
.md09 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇黑超薄蕾丝性感吊带睡裙吊带袜.png'); }
.md10 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇黑短袖纽扣短裤睡衣.png'); }
.md11 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇黑蕾丝胸罩内裤.png'); }
.md12 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇黑蕾丝胸罩内裤吊带袜.png'); }
.md13 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇黑露肩包臀毛衣黑裤袜.png'); }
.md14 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇黑洛丽塔短裙吊带袜.png'); }
.md15 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇黑运动外套白背心黑运动裤.png'); }
.md16 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇米色针织衫外套白体恤黑格子短裙.png'); }
.md17 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/夏小薇全裸体.png'); }
.md18 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇深蓝死库水泳衣.png'); }
.md19 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇校服春红领结白衬衫深蓝短裙过膝袜.png'); }
.md20 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/小薇校服秋黑外套红领结白衬衫深蓝短裙过膝袜.png'); }





/* ================= 晓春表情尺寸覆盖 ================= */
[class^="xc"] {
    width: 200px;
    height: 150px;
    margin: 10px 5px 10px 0;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}

/* ================= 晓春表情图库 (xc01~xc25) ================= */
.xc01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/晓春闭眼休息.png'); }
.xc02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/晓春闭眼羞耻玩弄.png'); }
.xc03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/晓春尴尬.png'); }
.xc04 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/晓春害怕恐惧.png'); }
.xc05 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/晓春害羞胆小.png'); }
.xc06 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/晓春害羞慌张.png'); }
.xc07 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/晓春紧张流汗.png'); }
.xc08 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/晓春惊讶感叹.png'); }
.xc09 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/晓春看阴茎震惊.png'); }
.xc10 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/晓春脸红微笑.png'); }
.xc11 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/晓春眯眼微笑.png'); }
.xc12 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/晓春难过不开心.png'); }
.xc13 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/晓春轻松平常.png'); }
.xc14 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/晓春伤心哭泣.png'); }
.xc15 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/晓春生气不爽.png'); }
.xc16 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/晓春耍脾气.png'); }
.xc17 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/晓春吐舌调皮.png'); }
.xc18 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/晓春无表情注视.png'); }
.xc19 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/晓春嫌弃恶心.png'); }
.xc20 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/晓春性爱顶撞咬牙.png'); }
.xc21 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/晓春性爱高潮绝顶.png'); }
.xc22 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/晓春性爱娇喘.png'); }
.xc23 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/晓春性爱咬牙翻白眼.png'); }
.xc24 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/晓春忧郁阴沉.png'); }
.xc25 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/晓春质疑.png'); }

/* ================= 晓春服装尺寸覆盖 ================= */
[class^="ny"] {
    width: 200px;
    height: 300px;
    margin: 10px 5px 10px 0;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}

/* ================= 晓春服装图库 (ny01~ny30) ================= */
.ny01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春白衬衫黑围裙长裤员工装.png'); }
.ny02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春白吊带夏日连衣裙.png'); }
.ny03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春白短袖宽松体恤超短牛仔裤.png'); }
.ny04 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春白短袖体恤淡蓝长裙.png'); }
.ny05 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春白短袖体恤淡蓝长裙淡棕针织衫外套.png'); }
.ny06 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春白蕾丝胸罩内裤.png'); }
.ny07 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春白浴巾.png'); }
.ny08 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春纯白婚纱套装.png'); }
.ny09 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春淡绿汉服短裙薄外套.png'); }
.ny10 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春黑白女仆装白吊带袜.png'); }
.ny11 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春黑蕾丝吊带薄睡裙.png'); }
.ny12 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春黑蕾丝胸罩内裤.png'); }
.ny13 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春黑蕾丝胸罩内裤性感吊带袜.png'); }
.ny14 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春黑色露肩吊带连衣裙吊带袜.png'); }
.ny15 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春黑色日式和服.png'); }
.ny16 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春黑性感比基尼.png'); }
.ny17 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春黑性感比基尼轻薄白外套遮阳草帽.png'); }
.ny18 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春黑性感兔女郎.png'); }
.ny19 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春灰色瑜伽背心紧身裤.png'); }
.ny20 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春栗色秋季毛衣棕色短裙黑裤袜.png'); }
.ny21 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春露腰吊带碎花背心超短牛仔裤.png'); }
.ny22 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春米白包臀冬季长袖毛衣黑裤袜白色毛领大衣白围巾.png'); }
.ny23 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春米白包臀长袖毛衣黑裤袜.png'); }
.ny24 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春全裸.png'); }
.ny25 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春深蓝死库水泳衣.png'); }
.ny26 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春校服春季短袖.png'); }
.ny27 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春校服春季黑裤袜.png'); }
.ny28 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春校服秋季黑外套.png'); }
.ny29 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春校服秋季黑外套黑裤袜.png'); }
.ny30 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春紫白洛丽塔短裙吊带袜.png'); }

/* ================= 琳儿表情尺寸覆盖 ================= */
[class^="le"] {
    width: 200px;
    height: 150px;
    margin: 10px 5px 10px 0;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}

/* ================= 琳儿表情图库 (le01~le28) ================= */
.le01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿哀求.png'); }
.le02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿闭眼玩弄脸红.png'); }
.le03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿闭眼休息.png'); }
.le04 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿不敢直视.png'); }
.le05 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿嘲讽嬉笑.png'); }
.le06 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿尴尬笑.png'); }
.le07 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿害羞.png'); }
.le08 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿紧张.png'); }
.le09 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿开心微笑.png'); }
.le10 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿眯眼坏笑.png'); }
.le11 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿难过不开心.png'); }
.le12 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿轻松微笑.png'); }
.le13 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿认真严肃.png'); }
.le14 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿伤心哭泣.png'); }
.le15 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿生气.png'); }
.le16 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿温柔.png'); }
.le17 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿无语吐槽.png'); }
.le18 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿嫌弃鄙视.png'); }
.le19 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿性爱顶撞忍耐.png'); }
.le20 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿性爱高潮绝顶.png'); }
.le21 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿性爱娇喘.png'); }
.le22 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿性爱余韵喘息.png'); }
.le23 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿羞耻慌张.png'); }
.le24 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿训斥.png'); }
.le25 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿厌恶骂人.png'); }
.le26 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿阴沉怒视.png'); }
.le27 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿震惊.png'); }
.le28 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿自信嚣张.png'); }

/* ================= 琳儿服装尺寸覆盖 ================= */
[class^="tz"] {
    width: 200px;
    height: 300px;
    margin: 10px 5px 10px 0;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}

/* ================= 琳儿服装图库 (tz01~tz25) ================= */
.tz01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿白衬衫棕裙员工装.png'); }
.tz02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿白宽松体恤黑运动短裤.png'); }
.tz03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿白连帽卫衣黑百褶短裙.png'); }
.tz04 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿白色吊带连衣裙.png'); }
.tz05 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿白色猫娘情趣装.png'); }
.tz06 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿白色樱花纹和服.png'); }
.tz07 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿白性感比基尼.png'); }
.tz08 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿白性感比基尼薄外套黑墨镜.png'); }
.tz09 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿白浴巾.png'); }
.tz10 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿纯白婚纱裙.png'); }
.tz11 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿粉色蕾丝胸罩内裤.png'); }
.tz12 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿黑白女仆短裙吊带袜.png'); }
.tz13 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿黑蕾丝吊带睡裙.png'); }
.tz14 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿黑露肩包臀毛衣黑裤袜.png'); }
.tz15 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿黑露肩吊带包臀礼服裙.png'); }
.tz16 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿黑色蕾丝性感胸罩内裤.png'); }
.tz17 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿红色旗袍黑裤袜.png'); }
.tz18 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿红围巾米白毛衣暗红长裙.png'); }
.tz19 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿灰色瑜伽背心紧身裤.png'); }
.tz20 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿全裸.png'); }
.tz21 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿深蓝死库水泳衣.png'); }
.tz22 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿校服春季.png'); }
.tz23 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿校服春季黑裤袜.png'); }
.tz24 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿校服秋季.png'); }
.tz25 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿校服秋季黑裤袜.png'); }





/* ================= 场景图尺寸覆盖 (jq) ================= */
[class^="jq"] {
    width: 240px;
    height: 360px;
    margin: 10px 5px 10px 0;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}

/* ================= 场景图库 (jq01~jq13) ================= */
.jq01 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/陈佳子白比基尼薄外套坐遮阳伞下抱腿休息.png'); }
.jq02 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/陈佳子裹浴巾洗完打开门出来.png'); }
.jq03 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/陈佳子教师服下班躺沙发玩手机场景.png'); }
.jq04 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春侧躺在我卧室床上掀起裙子说我偷看.png'); }
.jq05 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春宽松白体恤牛仔短裤在超市偶遇.png'); }
.jq06 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/董晓春栗色秋季毛衣棕色短裙黑裤袜坐在公园长椅上等待我.png'); }
.jq07 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿白衬衫棕裙员工装在店柜台站着和我打招呼.png'); }
.jq08 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿黑露肩包臀毛衣黑裤袜在商场害羞伸手询问牵手.png'); }
.jq09 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿校服春季黑裤袜在学校角落提起裙摆坏笑展示黑蕾丝内裤.png'); }
.jq10 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/琳儿校服春季黑裤袜坐课桌扭头和我搭话.png'); }
.jq11 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/夏小薇白吊带连衣裙在车站坐着和我等候.png'); }
.jq12 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/夏小薇白宽松体恤黑短裤在公园.png'); }
.jq13 { background-image: url('https://ttc.ygjg9.qzz.io/api/rfile/夏小薇校服坐客厅沙发上抬头乖巧看着我.png'); }








/* =========================================
   0. 隐藏 AI 的剧情设定标签
========================================= */
World, secret {
    display: none; 
}

/* =========================================
   1. 微信主容器
========================================= */
.wechat {
    width: 375px;           
    height: 600px;          
    background-color: #ffffff; 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    border-radius: 12px;    
    border: 1px solid #888888; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.1); 
    position: relative;
    margin: 40px auto;      
    overflow: hidden; 
}

/* =========================================
   2. 顶部导航栏
========================================= */
chatname {
    position: absolute;       
    top: 0;
    left: 0;
    z-index: 10;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;     
    font-size: 17px;
    font-weight: 500;
    color: #000000;
    background-color: #ffffff; 
    border-bottom: 1px solid #e0e0e0; 
}

chatname::before {
    content: '';
    position: absolute;
    left: 20px;
    top: 17px;
    width: 12px;
    height: 12px;
    border-left: 2px solid #888888; 
    border-bottom: 2px solid #888888; 
    transform: rotate(45deg); 
}

chatname::after {
    content: '';
    position: absolute;
    right: 25px; 
    top: 23px;
    width: 4px;
    height: 4px;
    background-color: #888888; 
    border-radius: 50%;
    box-shadow: -7px 0 0 #888888, 7px 0 0 #888888; 
}

/* =========================================
   3. 聊天消息区基础设置
========================================= */
msg {
    display: block;
    width: 100%;
    height: calc(100% - 106px); 
    margin-top: 50px; 
    overflow-y: auto;
    background-color: #ededed; 
    padding-top: 15px;
    padding-bottom: 20px;
}

msg::-webkit-scrollbar {
    display: none; 
}

sysmsg {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #b2b2b2;
    margin: 10px 0 20px 0;
}

/* =========================================
   4. 对方发言 (左侧，白色气泡 + 名字) - UIA
========================================= */
UIA {
    display: grid;
    grid-template-columns: 40px 1fr; /* 左侧头像固定40px，右侧名字和气泡自适应 */
    grid-template-rows: auto auto;   /* 第一行为名字，第二行为气泡 */
    column-gap: 12px;
    row-gap: 4px; /* 名字和气泡的上下间距 */
    padding: 0 15px;
    margin-bottom: 15px;
}

UIA img {
    grid-column: 1;
    grid-row: 1 / 3; /* 头像独占左侧，高度跨越名字和气泡两行 */
    width: 40px;
    height: 40px;
    border-radius: 4px; 
    object-fit: cover; 
    background-color: #ffffff; 
}

UIA name {
    grid-column: 2;
    grid-row: 1; /* 名字在第一行 */
    font-size: 12px;
    color: #888888; /* 灰色小号字体 */
    line-height: 1;
    margin-top: 2px; /* 与头像顶部平齐 */
}

UIA span {
    grid-column: 2;
    grid-row: 2; /* 气泡在第二行（被名字压在下面，绝不会高过头像） */
    justify-self: start; /* 气泡靠左对齐，不自动拉伸 */
    background-color: #ffffff;
    color: #333333;
    font-size: 15px;
    padding: 10px 14px;
    border-radius: 6px;
    line-height: 1.5;
    max-width: 85%; 
    word-break: break-all;
    position: relative;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

/* 左侧气泡小三角 */
UIA span::before {
    content: '';
    position: absolute;
    left: -6px;
    top: 10px; /* 小角精准指向头像中部 */
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 6px solid #ffffff;
}

/* =========================================
   5. 玩家发言 (右侧，绿色气泡 + 名字) - UIB
========================================= */
UIB {
    display: grid;
    grid-template-columns: 1fr 40px; /* 文字在左侧自适应，头像在右侧固定40px */
    grid-template-rows: auto auto; 
    column-gap: 12px;
    row-gap: 4px; 
    padding: 0 15px;
    margin-bottom: 15px;
}

UIB img {
    grid-column: 2;
    grid-row: 1 / 3; /* 头像在最右侧跨越两行 */
    width: 40px;
    height: 40px;
    border-radius: 4px; 
    object-fit: cover; 
    background-color: #ffffff; 
}

UIB name {
    grid-column: 1;
    grid-row: 1;
    justify-self: end; /* 名字靠右对齐 */
    font-size: 12px;
    color: #888888; 
    line-height: 1;
    margin-top: 2px;
}

UIB span {
    grid-column: 1;
    grid-row: 2;
    justify-self: end; /* 气泡靠右对齐 */
    background-color: #95ec69; /* 微信经典绿 */
    color: #333333;
    font-size: 15px;
    padding: 10px 14px;
    border-radius: 6px;
    line-height: 1.5;
    max-width: 85%; 
    word-break: break-all;
    position: relative;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

/* 右侧气泡小三角 (绿色) */
UIB span::before {
    content: '';
    position: absolute;
    right: -6px; 
    top: 10px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #95ec69; 
}

/* =========================================
   6. 底部输入栏
========================================= */
bar {
    position: absolute;
    bottom: 0; 
    left: 0; 
    width: 100%; 
    height: 56px;
    background-color: #f7f7f7;
    border-top: 1px solid #d9d9d9; 
}

bar::before {
    content: '';
    position: absolute;
    left: 15px; 
    right: 85px; 
    top: 8px;
    bottom: 8px;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #e0e0e0; 
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='1.5'%3E%3Crect x='9' y='3' width='6' height='11' rx='3'/%3E%3Cpath d='M5 12v1a7 7 0 0 0 14 0v-1M12 20v3'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 20px 20px;
}

bar::after {
    content: '';
    position: absolute;
    right: 12px;
    top: 15px; 
    bottom: 15px;
    width: 62px; 
    background-image: 
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='11'/%3E%3Cpath d='M7.5 9.5h2M14.5 9.5h2M8 14.5c0 3 8 3 8 0z'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='11'/%3E%3Cpath d='M12 7v10M7 12h10'/%3E%3C/svg%3E");
    background-position: left center, right center;
    background-repeat: no-repeat, no-repeat;
    background-size: 26px 26px, 26px 26px; 
}






/* 快速等待中 */
.flex.items-center.justify-center.w-6.h-5 {
    width: auto !important;
    min-width: 120px !important;
    height: auto !important;
    padding: 4px 8px !important;
}

/* 隐藏原有的点动画，添加文字内容 */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    position: relative;
    width: 100%;
    height: auto;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

.style_dot-flashing__8L91Q.style_text__zGhNq::before,
.style_dot-flashing__8L91Q.style_text__zGhNq::after {
    display: none !important;
}

.style_dot-flashing__8L91Q.style_text__zGhNq {
    font-size: 14px;
    color: #9ca3af;
    white-space: nowrap;
    animation: breathing-glow 2s ease-in-out infinite;
}

.style_dot-flashing__8L91Q.style_text__zGhNq::before {
    content: "超快速等待中。。。" !important;
    display: inline-block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    border-radius: 0 !important;
    animation: none !important;
}

@keyframes breathing-glow {
    0%, 100% {
        opacity: 0.4;
        color: #6b7280;
    }
    50% {
        opacity: 1;
        color: #f3f4f6;
        text-shadow: 0 0 8px rgba(243, 244, 246, 0.3);
    }
}