/* ============================================================
   《误入贵妇换夫群》内置CSS — 微信手机风
   ============================================================ */

/* ===== 手机框 ===== */
.phone{max-width:380px;margin:0 auto;font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:linear-gradient(170deg,rgba(20,12,26,.96),rgba(10,6,16,.98));border:1px solid rgba(255,255,255,.08);border-radius:24px;overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,.7);color:#e8dfe6;}

/* ===== 顶部状态栏 ===== */
.ph-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 18px 5px;font-size:10px;color:#6e5468;}
.ph-bar .time{font-weight:600;color:#9a7a90;}
.ph-bar .icons{display:flex;gap:5px;}

/* ===== 群聊顶栏 ===== */
.ph-head{display:flex;align-items:center;gap:10px;padding:8px 16px 10px;background:linear-gradient(180deg,rgba(30,18,36,.6),rgba(16,10,24,.2));border-bottom:1px solid rgba(255,255,255,.04);}
.ph-head .info{flex:1;}
.ph-head .info .tt{font-size:14px;font-weight:700;color:#f3e6ee;}
.ph-head .info .sub{font-size:10px;color:#6e5468;margin-top:1px;}

/* ===== 聊天区（固定高度可滑动） ===== */
.ph-chat{height:520px;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:12px;
  scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent;}
.ph-chat::-webkit-scrollbar{width:3px;}
.ph-chat::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:10px;}

/* ===== 消息气泡 ===== */
.wx-ts{text-align:center;font-size:10px;color:#4a3a48;}
.wx-sys{text-align:center;font-size:10.5px;color:#5c4658;}
.wx-sys span{background:rgba(60,40,60,.4);padding:3px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.04);}
.wx-recall{text-align:center;font-size:10.5px;color:#6a4a5e;font-style:italic;}
.wx-recall b{color:#a86a88;}

.wx-m{display:flex;gap:9px;align-items:flex-start;}
.wx-m.me{flex-direction:row-reverse;}
.wx-av{width:36px;height:36px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.4);}
.wx-av.v1{background:linear-gradient(135deg,#7b2d52,#3a1428);}
.wx-av.v2{background:linear-gradient(135deg,#3a2d6b,#1a1440);}
.wx-av.v3{background:linear-gradient(135deg,#6b3d2d,#3a2014);}
.wx-av.v4{background:linear-gradient(135deg,#2d5b6b,#14343a);}
.wx-av.v5{background:linear-gradient(135deg,#5b2d6b,#2a1440);}
.wx-av.v6{background:linear-gradient(135deg,#6b2d47,#341428);}
.wx-av.me{background:linear-gradient(135deg,#8a2f3f,#4a1420);}

.wx-w{max-width:76%;display:flex;flex-direction:column;}
.wx-m.me .wx-w{align-items:flex-end;}
.wx-nm{font-size:10.5px;color:#9a7088;margin:0 4px 4px;}
.wx-b{padding:9px 12px;border-radius:13px;font-size:13.5px;line-height:1.55;word-break:break-word;}
.wx-b.other{background:rgba(48,34,52,.6);border:1px solid rgba(255,255,255,.06);border-top-left-radius:4px;color:#e6d8e2;}
.wx-b.mine{background:linear-gradient(135deg,#7a1f38,#4a1226);border:1px solid rgba(200,79,124,.3);border-top-right-radius:4px;color:#ffe6ee;box-shadow:0 4px 14px rgba(120,20,50,.4);}

.wx-at{color:#5aa8d8;text-shadow:0 0 6px rgba(90,168,216,.5);font-weight:500;}
.wx-code{color:#ffcf6b;text-shadow:0 0 8px rgba(255,180,80,.9),0 0 16px rgba(255,150,40,.5);font-weight:700;border-bottom:1px dashed rgba(255,200,100,.4);}

/* 红包 */
.wx-rp{display:flex;align-items:center;gap:11px;background:linear-gradient(135deg,#8a2540,#5a1428);border:1px solid rgba(255,120,150,.3);border-radius:11px;padding:11px 13px;box-shadow:0 4px 16px rgba(120,20,50,.4);}
.wx-rp .ic{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#ffb15a,#e07030);display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 0 12px rgba(255,150,60,.5);}
.wx-rp .tt{font-size:13px;color:#ffe0c0;font-weight:600;}
.wx-rp .sb{font-size:10px;color:#e0a888;margin-top:2px;}

/* ===== 线下态 ===== */
.ph-novel{padding:16px 14px;height:520px;overflow-y:auto;background:radial-gradient(circle at 70% 0%,rgba(80,20,50,.2),transparent 50%),linear-gradient(180deg,#140a10,#0a0408);font-size:14px;line-height:2;color:#d8b8c4;font-family:"Georgia","Songti SC",serif;
  scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent;}
.ph-novel::-webkit-scrollbar{width:3px;}
.ph-novel::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:10px;}
.ph-novel p{margin:0 0 14px;}
.ph-novel .gold{color:#e0b87a;text-shadow:0 0 6px rgba(220,180,120,.4);}
.ph-novel .wine{color:#e07a90;font-style:italic;}
.ph-novel .breath{color:#ffb0c0;font-weight:600;text-shadow:0 0 8px rgba(255,140,170,.4);}

.ph-obar{padding:7px 14px;font-size:10.5px;background:linear-gradient(90deg,rgba(50,25,45,.7),rgba(30,15,30,.4));border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:7px;color:#c99;}
.ph-obar .dot{width:5px;height:5px;border-radius:50%;background:#ff5a7a;box-shadow:0 0 6px #ff5a7a;flex-shrink:0;}
.ph-obar b{color:#ffb0c8;}

/* ===== 行动建议 ===== */
.act{max-width:380px;margin:12px auto 0;background:linear-gradient(170deg,rgba(36,24,40,.85),rgba(18,10,20,.92));border:1px solid rgba(200,79,124,.22);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.5);font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;}
.act-list{padding:12px;display:flex;flex-direction:column;gap:8px;}
.act-i{display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:11px;}
.act-n{width:22px;height:22px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#160a12;background:linear-gradient(135deg,#ffd47a,#e0952f);}
.act-t{flex:1;font-size:13px;color:#e6d8e2;line-height:1.5;}