cot {
    display: none;
}

/* ===== 直播间主容器 ===== */
vui {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 500px;
    background: #18181b;
    border-radius: 12px;
    overflow: hidden;
    font-family: sans-serif;
    box-shadow: 0 8px 20px rgba(0,0,0,0.6);
    margin: 15px auto;
    border: 1px solid #27272a;
}

/* ===== 标题 ===== */
ti {
    display: block;
    padding: 10px 14px;
    background: linear-gradient(90deg, #fce7f3, #fbcfe8);
    color: #831843;
    font-size: 0.95rem;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
}
vui[v] ti {
    background: linear-gradient(90deg, #4c0519, #831843);
    color: #fce7f3;
}

/* ===== 类型标签 ===== */
ty {
    display: block;
    padding: 4px 10px;
    background: #27272a;
    color: #fbbf24;
    font-size: 0.75rem;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #3f3f46;
    letter-spacing: 2px;
}
vui[v] ty {
    color: #fb7185;
    background: #18181b;
    border-bottom-color: #831843;
}

/* ===== 视频画面区（比例 1645:896） ===== */
pic {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    aspect-ratio: 1645 / 896;
    
    /* 👇 日常直播背景图 👇 */
    background-image: url('https://catai.wiki/f17ce00a-0861-42cc-2503-8c151349ec00/w=3000');
    
    background-color: #000;
    background-size: cover;
    background-position: center;
    position: relative;
}
/* 👇 VIP直播背景图（vui加v属性时自动切换） 👇 */
vui[v] pic {
    background-image: url('https://catai.wiki/6c5b721e-a990-49d3-41d4-c4308b0edd00/w=3000');
}

/* 上下渐变遮罩，保证文字清晰 */
pic::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, transparent 25%, transparent 75%, rgba(0,0,0,0.8) 100%);
    pointer-events: none;
}

/* ===== 悬浮数据 ===== */
t, d {
    position: relative;
    z-index: 2;
    color: #fff;
    padding: 10px 12px;
    font-size: 0.8rem;
    text-shadow: 1px 1px 3px #000;
}
t { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
t m { color: #ef4444; font-weight: bold; }
d { display: flex; justify-content: space-between; font-weight: bold; color: #fbbf24; flex-wrap: wrap; gap: 8px; }

/* ===== 用户专属状态条 ===== */
s {
    display: block;
    background: linear-gradient(90deg, #ec4899, #f43f5e);
    color: #fff;
    padding: 8px 12px;
    font-size: 0.85rem;
    font-weight: bold;
    text-align: center;
    z-index: 3;
}
vui[v] s {
    background: linear-gradient(90deg, #7c3aed, #db2777);
}

/* ===== 弹幕区 ===== */
c {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px;
    background: #18181b;
    min-height: 120px;
}
m1, m2, m3, m4 {
    display: block;
    font-size: 0.85rem;
    line-height: 1.4;
    word-break: break-all;
}

/* 普通粉丝 */
m1 { color: #d4d4d8; }
m1 n { color: #a1a1aa; }

/* VIP */
m2 { color: #f4f4f5; }
m2 n { color: #34d399; font-weight: bold; }

/* 高级VIP */
m3 {
    color: #fff;
    background: rgba(168,85,247,0.15);
    padding: 4px 8px;
    border-radius: 4px;
    border-left: 3px solid #a855f7;
}
m3 n { color: #c084fc; font-weight: bold; }

/* 主人 */
m4 {
    color: #fff;
    background: rgba(225,29,72,0.2);
    padding: 5px 8px;
    border-radius: 4px;
    border: 1px solid #e11d48;
    font-weight: bold;
}
m4 n {
    color: #fb7185;
    text-shadow: 0 0 5px rgba(225,29,72,0.6);
}

/* ===== 正文输出 ===== */
/* 卡片基础 */
tb { display:block; padding:14px 18px; border-radius:10px; margin:10px 0; border:1px solid; }
tb p { margin:0; line-height:1.7; }

/* 4模式配色 */
tb[data-mode="day"]  { background:linear-gradient(135deg,#fffbeb,#fce7f3,#fee2e2,#fff); border-color:#fbbf24; color:#3f3f46; }
tb[data-mode="nsfw"] { background:linear-gradient(135deg,#fce7f3,#fbcfe8); border-color:#ec4899; color:#831843; }
tb[data-mode="live"] { background:linear-gradient(135deg,#dbeafe,#fed7aa); border-color:#60a5fa; color:#1e3a8a; }
tb[data-mode="vip"]  { background:linear-gradient(135deg,#ede9fe,#f3e8ff); border-color:#a855f7; color:#4c1d95; }

/* 露脸说话 */
say { font-weight: bold; display: inline; }
tb[data-mode="day"]  say { color: #2563eb; }
tb[data-mode="live"] say { color: #ec4899; }
tb[data-mode="vip"]  say { color: #a855f7; }
tb[data-mode="nsfw"] say { color: inherit; }

/* ===== 平板电脑对话框 UI ===== */
pad {
    display: block;
    background: #f4f4f5;
    border: 3px solid #d4d4d8;
    border-radius: 12px;
    padding: 12px 18px;
    margin: 8px 0;
    color: #3f3f46;
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
    font-size: 0.95rem;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.05), 2px 2px 8px rgba(0,0,0,0.1);
    position: relative;
}
pad::before {
    content: '💬 Tablet Message:';
    display: block;
    font-size: 0.7rem;
    color: #a1a1aa;
    margin-bottom: 6px;
    border-bottom: 1px dashed #d4d4d8;
    padding-bottom: 4px;
}

/* ===== 表情与服装 ===== */

/* ===== 表情与服装基础样式 (1:1 正方形) ===== */
[class^="e-"], [class^="c-"], 
e-ty, e-zb, e-vip, e-xxy, e-xs, e-wz, e-wx, e-tk, e-pt, e-kq, e-kj, e-kx, e-jw, e-jy, e-hx, e-hp, e-fn, e-cm, e-by, e-axy,
c-b-jc, c-b-ydf, c-b-yy, c-b-yj, c-b-xn, c-b-xf, c-b-ts, c-b-em, c-b-wn, c-b-wnf, c-b-wq, c-b-tntm, c-b-tnh, c-b-tnf, c-b-tz, c-b-sd, c-b-ssf, c-b-sdf, c-b-ql, c-b-qq, c-b-np, c-b-npm, c-b-nptm, c-b-nyh, c-b-mf, c-b-mm, c-b-llth, c-b-lltb, c-b-llttm, c-b-knyy, c-b-sy, c-b-hfz, c-b-hfh, c-b-hfb, c-b-bwg, c-b-hs, c-b-hsy, c-b-bsy, c-b-hlf, c-b-hf, c-b-bjn, c-b-zb, c-b-vip,
c-l-jc, c-l-ydf, c-l-yy, c-l-yj, c-l-xn, c-l-xf, c-l-ts, c-l-em, c-l-wn, c-l-wnf, c-l-wq, c-l-tntm, c-l-tnh, c-l-tnf, c-l-tz, c-l-sd, c-l-ssf, c-l-sdf, c-l-ql, c-l-qq, c-l-np, c-l-npm, c-l-nptm, c-l-nyh, c-l-mf, c-l-mm, c-l-llth, c-l-lltb, c-l-llttm, c-l-knyy, c-l-sy, c-l-hfz, c-l-hfh, c-l-hfb, c-l-bwg, c-l-hs, c-l-hsy, c-l-bsy, c-l-hlf, c-l-hf, c-l-bjn, c-l-zb, c-l-vip {
    display: inline-block;
    aspect-ratio: 1 / 1;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

/* 表情大小 (正文用) */
e-ty, e-zb, e-vip, e-xxy, e-xs, e-wz, e-wx, e-tk, e-pt, e-kq, e-kj, e-kx, e-jw, e-jy, e-hx, e-hp, e-fn, e-cm, e-by, e-axy {
    width: 150px;
    margin: 10px 0;
}

/* 服装大小 (状态栏用) */
[class^="c-"] { width: 100%; max-width: 250px; margin: 0 auto; display: block; }

/* ===== 表情 URL 映射 ===== */
e-ty { background-image: url('https://catai.wiki/6f0c11d7-d5b3-4f5c-b0b9-9df42cb69a00/w=3000'); }
e-xxy { background-image: url('https://catai.wiki/08d013f1-9d3b-49be-d4d7-238b61ef6b00/w=3000'); }
e-xs { background-image: url('https://catai.wiki/1c858c0c-4c04-499a-c1ad-8d14bbc57f00/w=3000'); }
e-wz { background-image: url('https://catai.wiki/39d54574-f07e-4cb4-4450-e8601f73b000/w=3000'); }
e-wx { background-image: url('https://catai.wiki/7bce8552-4b5e-42ed-4a6a-f8014dc3c700/w=3000'); }
e-tk { background-image: url('https://catai.wiki/6e673d7a-a17c-4d36-c964-c7112351af00/w=3000'); }
e-pt { background-image: url('https://catai.wiki/e41d3823-0f37-4657-6767-fcf9d6d86e00/w=3000'); }
e-kq { background-image: url('https://catai.wiki/09fb2004-5f82-45d2-e8f7-f6cd7d958000/w=3000'); }
e-kj { background-image: url('https://catai.wiki/232adc59-3ca1-438b-c8a9-3df1f8e4e700/w=3000'); }
e-kx { background-image: url('https://catai.wiki/7564524e-7c30-4bee-92fd-26cdd93be300/w=3000'); }
e-jw { background-image: url('https://catai.wiki/3a030745-eac5-446e-36d4-a61df172e400/w=3000'); }
e-jy { background-image: url('https://catai.wiki/e714ed52-e764-4504-1a00-aa77ce38a500/w=3000'); }
e-hx { background-image: url('https://catai.wiki/61da7b8d-4c88-4ec7-82f9-c2f59a15ea00/w=3000'); }
e-hp { background-image: url('https://catai.wiki/0c96b910-2ead-46eb-df02-c6fa94ce9800/w=3000'); }
e-fn { background-image: url('https://catai.wiki/02e20451-ed65-420e-aa69-def147a7fc00/w=3000'); }
e-cm { background-image: url('https://catai.wiki/b7949d0d-9606-4795-d1bd-e28632928400/w=3000'); }
e-by { background-image: url('https://catai.wiki/91a9d30c-5c82-4999-ff57-714b89371e00/w=3000'); }
e-axy { background-image: url('https://catai.wiki/628e44cb-1b4b-45a0-aa87-1f0490762a00/w=3000'); }
e-zb { background-image: url('https://catai.wiki/7ccc6d02-911d-40d1-6331-fe09fc647a00/w=3000'); }
e-vip { background-image: url('https://catai.wiki/f897957a-df2f-4ab4-1a64-a2cd70ab7100/w=3000'); }

/* ===== 服装 URL 映射 (b=基础, l=露脸) ===== */
c-b-jc { background-image: url('https://catai.wiki/b30c998e-96d7-4791-6ad0-878616ef7000/w=3000'); }
c-l-jc { background-image: url('https://catai.wiki/883d4ed7-a6be-4b0f-6d65-5bf7127b5800/w=3000'); }

c-b-zb { background-image: url('https://catai.wiki/45ff7056-1140-40f2-0fc3-38d3c575f200/w=3000'); }
c-l-zb { background-image: url('https://catai.wiki/2cd1d056-6d68-4a80-ce53-70fd270cdc00/w=3000'); }

c-b-vip { background-image: url('https://catai.wiki/f1550a73-4641-49cd-5637-9f0852985300/w=3000'); }
c-l-vip { background-image: url('https://catai.wiki/b226e078-fef1-4cac-3483-0f3da38fb800/w=3000'); }

c-b-ydf { background-image: url('https://catai.wiki/528fdd28-ab00-4dd1-5d5f-f6fa2c375e00/w=3000'); }
c-l-ydf { background-image: url('https://catai.wiki/3d26da16-968c-4d8f-f8a7-6e7118071000/w=3000'); }

c-b-yy { background-image: url('https://catai.wiki/4290686a-f5a0-4c20-83ee-8ad74e1c2400/w=3000'); }
c-l-yy { background-image: url('https://catai.wiki/ef077f96-d0d5-4faf-0cb3-a09b074a2a00/w=3000'); }

c-b-yj { background-image: url('https://catai.wiki/2297df8d-6147-4cfd-55d2-460a9c375000/w=3000'); }
c-l-yj { background-image: url('https://catai.wiki/ef983447-d6d3-43f9-3c63-9409545d0300/w=3000'); }

c-b-xn { background-image: url('https://catai.wiki/ca7d9f00-7417-4b32-ef4a-6948de61b300/w=3000'); }
c-l-xn { background-image: url('https://catai.wiki/6cb37e12-b95d-4e43-376a-5dd86e46a200/w=3000'); }

c-b-xf { background-image: url('https://catai.wiki/53ec01e7-08c7-4358-986d-4d2c27d1a600/w=3000'); }
c-l-xf { background-image: url('https://catai.wiki/2ff0a471-8def-4779-35b7-b34787a22900/w=3000'); }

c-b-ts { background-image: url('https://catai.wiki/cb3070de-e148-4bf4-7c3c-a0993c9f4200/w=3000'); }
c-l-ts { background-image: url('https://catai.wiki/818b702f-5652-4a6b-c2c4-f49b7c2c8300/w=3000'); }

c-b-em { background-image: url('https://catai.wiki/09dbe500-90d9-4d25-2343-3ec6e9f06800/w=3000'); }
c-l-em { background-image: url('https://catai.wiki/1616e75a-4841-4da5-afe6-a80badb24100/w=3000'); }

c-b-wn { background-image: url('https://catai.wiki/26d9cfed-7896-4958-0e2a-6d5c2056de00/w=3000'); }
c-l-wn { background-image: url('https://catai.wiki/776dc7c8-216f-4a8c-dac7-24c1c7f39800/w=3000'); }

c-b-wnf { background-image: url('https://catai.wiki/7fb80872-c1f9-4610-b47b-cc234bdc3000/w=3000'); }
c-l-wnf { background-image: url('https://catai.wiki/2cc1f53c-f9f3-4176-a3c3-9c009e979100/w=3000'); }

c-b-wq { background-image: url('https://catai.wiki/a77d140d-cfc6-414e-1508-43e577903600/w=3000'); }
c-l-wq { background-image: url('https://catai.wiki/44e21a9b-14cf-4a00-4053-4f41740e9200/w=3000'); }

c-b-tntm { background-image: url('https://catai.wiki/0dcb98c4-2744-4938-7e12-f10dcf294d00/w=3000'); }
c-l-tntm { background-image: url('https://catai.wiki/2a320381-ed7f-42de-565b-bac15e5c5b00/w=3000'); }

c-b-tnh { background-image: url('https://catai.wiki/3d7ba3a9-9ac0-4d58-d935-33cce627b300/w=3000'); }
c-l-tnh { background-image: url('https://catai.wiki/776e8996-1c91-4cc3-5e52-d341ee195200/w=3000'); }

c-b-tnf { background-image: url('https://catai.wiki/3e2c3f32-2d78-4150-3da4-60e437069c00/w=3000'); }
c-l-tnf { background-image: url('https://catai.wiki/8e53f0a9-d89a-40eb-0917-3b8308790b00/w=3000'); }

c-b-tz { background-image: url('https://catai.wiki/356ba2f3-37cb-4011-48e9-1a3cb3846700/w=3000'); }
c-l-tz { background-image: url('https://catai.wiki/12e70d00-619a-4ab8-40bd-ee69dcc12500/w=3000'); }

c-b-sd { background-image: url('https://catai.wiki/8e5647d1-6983-4fd3-9ef1-960a8e9c7700/w=3000'); }
c-l-sd { background-image: url('https://catai.wiki/918006ff-02f0-4e2f-3ac5-d31eed8d1900/w=3000'); }

c-b-ssf { background-image: url('https://catai.wiki/63918ba0-fa52-48fd-8ace-2dbc2dd73700/w=3000'); }
c-l-ssf { background-image: url('https://catai.wiki/300dec3c-6700-440c-a26f-0bbbe2cb9a00/w=3000'); }

c-b-sdf { background-image: url('https://catai.wiki/4a362b23-a32e-49b2-a16c-2b61e55e4f00/w=3000'); }
c-l-sdf { background-image: url('https://catai.wiki/e83aaf29-3ebf-46f5-2d93-4f52dbe99900/w=3000'); }

c-b-ql { background-image: url('https://catai.wiki/e18efcbc-e431-4015-2509-f7fde096b300/w=3000'); }
c-l-ql { background-image: url('https://catai.wiki/5f680715-dd7d-4e9e-c1ed-b20a85e3bb00/w=3000'); }

c-b-qq { background-image: url('https://catai.wiki/d92c812a-220b-4913-c7b7-99977733fe00/w=3000'); }
c-l-qq { background-image: url('https://catai.wiki/422a5051-5ddf-45d7-ada9-2c966257d400/w=3000'); }

c-b-np { background-image: url('https://catai.wiki/99b285ec-a723-456c-8448-2182c59fd100/w=3000'); }
c-l-np { background-image: url('https://catai.wiki/c400d37b-0c76-495f-4568-1a137f28d900/w=3000'); }

c-b-npm { background-image: url('https://catai.wiki/70747db8-b1dd-4bac-6b90-fbbee827ae00/w=3000'); }
c-l-npm { background-image: url('https://catai.wiki/7f0cfd27-85a3-4b2e-b041-7f23ee9cdf00/w=3000'); }

c-b-nptm { background-image: url('https://catai.wiki/0e04fbee-874f-4888-cc26-5b941da36d00/w=3000'); }
c-l-nptm { background-image: url('https://catai.wiki/852aad6f-46d6-47f2-02b9-6fe7a5246000/w=3000'); }

c-b-nyh { background-image: url('https://catai.wiki/52597a5c-f498-4c48-2781-b5b4e8ec5500/w=3000'); }
c-l-nyh { background-image: url('https://catai.wiki/98ea9c14-cccc-46f2-a12a-238cebcd2900/w=3000'); }

c-b-mf { background-image: url('https://catai.wiki/194744ac-4087-4ff7-c8c8-1a5a76929400/w=3000'); }
c-l-mf { background-image: url('https://catai.wiki/b1e17fda-ef6e-431a-8cd0-d6106dd25000/w=3000'); }

c-b-mm { background-image: url('https://catai.wiki/c8aeb5fb-82dd-4009-ee46-cc3f0757c500/w=3000'); }
c-l-mm { background-image: url('https://catai.wiki/08f7655d-bc43-44e8-d384-7388f1861400/w=3000'); }

c-b-llth { background-image: url('https://catai.wiki/8d07be19-e0b4-490a-bf51-36c4e2890d00/w=3000'); }
c-l-llth { background-image: url('https://catai.wiki/efe24a4f-715d-466b-eae9-c075c66b9000/w=3000'); }

c-b-lltb { background-image: url('https://catai.wiki/dac910d8-aa4a-4c7b-0326-0802f69d2900/w=3000'); }
c-l-lltb { background-image: url('https://catai.wiki/cc2749f8-41e4-4cbe-de31-25b023fedd00/w=3000'); }

c-b-llttm { background-image: url('https://catai.wiki/aa1bd7d3-0852-401d-ef15-7be7ca253400/w=3000'); }
c-l-llttm { background-image: url('https://catai.wiki/ec1bb686-44e4-44a4-ed92-b0543db0b800/w=3000'); }

c-b-knyy { background-image: url('https://catai.wiki/2f7da84c-56c6-45fb-bc7b-6650bbb2de00/w=3000'); }
c-l-knyy { background-image: url('https://catai.wiki/f3beb23f-e3cd-44d4-f746-c3c451003800/w=3000'); }

c-b-sy { background-image: url('https://catai.wiki/6901f29f-9410-40f3-1ca8-a9065db21500/w=3000'); }
c-l-sy { background-image: url('https://catai.wiki/39699d4d-947e-46a8-04ad-a904090eb000/w=3000'); }

c-b-hfz { background-image: url('https://catai.wiki/a31f8d65-aebf-4433-617c-efa78caf6800/w=3000'); }
c-l-hfz { background-image: url('https://catai.wiki/c55ae094-a38f-4add-d40d-fb9191fa9800/w=3000'); }

c-b-hfh { background-image: url('https://catai.wiki/f4b95da0-d138-495a-0441-2b7dde238900/w=3000'); }
c-l-hfh { background-image: url('https://catai.wiki/ea8cb1be-0923-4401-77e9-16420fc23900/w=3000'); }

c-b-hfb { background-image: url('https://catai.wiki/bf2649ac-291b-4aa1-3352-01a75d5bf600/w=3000'); }
c-l-hfb { background-image: url('https://catai.wiki/d979dbbc-ce03-49e6-5fcd-792773b0fe00/w=3000'); }

c-b-bwg { background-image: url('https://catai.wiki/88803474-01fa-4791-d21e-509c80a19800/w=3000'); }
c-l-bwg { background-image: url('https://catai.wiki/6beee6a3-b64e-468b-f33c-588f7fc18800/w=3000'); }

c-b-hs { background-image: url('https://catai.wiki/ba3be192-a40c-4714-2e55-5a362d6c5900/w=3000'); }
c-l-hs { background-image: url('https://catai.wiki/ae780d3c-e4e3-4d6b-6302-a1f152b25800/w=3000'); }

c-b-hsy { background-image: url('https://catai.wiki/faeefb90-bb44-4e4a-c7f3-603fa334e100/w=3000'); }
c-l-hsy { background-image: url('https://catai.wiki/46a133e6-04c8-448f-c835-df133b3d1200/w=3000'); }

c-b-bsy { background-image: url('https://catai.wiki/7dd4d07d-2bde-47a3-4e49-aeff24f76d00/w=3000'); }
c-l-bsy { background-image: url('https://catai.wiki/726179f3-ad1a-4489-a7a5-f9001001d000/w=3000'); }

c-b-hlf { background-image: url('https://catai.wiki/262a1f93-e190-4fb5-b5a9-d2658094e000/w=3000'); }
c-l-hlf { background-image: url('https://catai.wiki/c52559c4-6d7f-4924-d1ff-61ef6a221600/w=3000'); }

c-b-hf { background-image: url('https://catai.wiki/043377c2-ba83-4820-770d-689070ed0d00/w=3000'); }
c-l-hf { background-image: url('https://catai.wiki/b6c4a2ef-fd81-499c-fc50-044b0581ad00/w=3000'); }

c-b-bjn { background-image: url('https://catai.wiki/6938f3c8-290a-4eff-3d8a-5e208e6af600/w=3000'); }
c-l-bjn { background-image: url('https://catai.wiki/5e269add-0358-40e8-6518-2f6c71c37200/w=3000'); }

/* 服装标签统一基础样式（替代之前失效的 [class^="c-"] 规则） */
c-b-jc, c-l-jc, c-b-zb, c-l-zb, c-b-vip, c-l-vip,
c-b-ydf, c-l-ydf, c-b-yy, c-l-yy, c-b-yj, c-l-yj,
c-b-xn, c-l-xn, c-b-xf, c-l-xf, c-b-ts, c-l-ts,
c-b-em, c-l-em, c-b-wn, c-l-wn, c-b-wnf, c-l-wnf,
c-b-wq, c-l-wq, c-b-tntm, c-l-tntm, c-b-tnh, c-l-tnh,
c-b-tnf, c-l-tnf, c-b-tz, c-l-tz, c-b-sd, c-l-sd,
c-b-ssf, c-l-ssf, c-b-sdf, c-l-sdf, c-b-ql, c-l-ql,
c-b-qq, c-l-qq, c-b-np, c-l-np, c-b-npm, c-l-npm,
c-b-nptm, c-l-nptm, c-b-nyh, c-l-nyh, c-b-mf, c-l-mf,
c-b-mm, c-l-mm, c-b-llth, c-l-llth, c-b-lltb, c-l-lltb,
c-b-llttm, c-l-llttm, c-b-knyy, c-l-knyy, c-b-sy, c-l-sy,
c-b-hfz, c-l-hfz, c-b-hfh, c-l-hfh, c-b-hfb, c-l-hfb,
c-b-bwg, c-l-bwg, c-b-hs, c-l-hs, c-b-hsy, c-l-hsy,
c-b-bsy, c-l-bsy, c-b-hlf, c-l-hlf, c-b-hf, c-l-hf,
c-b-bjn, c-l-bjn {
    display: block;
    width: 100%;
    max-width: 220px;
    aspect-ratio: 1 / 1;
    margin: 8px auto;
    font-size: 0;
    color: transparent;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

/* =========================================
   静谧圣所 V3 (Serene Sanctuary - 结构修复版)
   修复：表格原生格式、清晰的柔金边框、选项排列
   ========================================= */

/* ========== 顶部状态栏 ========== */
stp {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
  padding: 12px;
  background: rgba(255, 253, 254, 0.4);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(212, 175, 55, 0.35); /* 清晰的柔金边框 */
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(139, 69, 90, 0.05);
}

sti {
  display: block;
  flex: 1 1 auto;
  min-width: 90px;
  padding: 8px 10px;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(255, 182, 193, 0.4); /* 清晰的淡粉边框 */
  border-radius: 8px;
  font-size: 13px;
  color: #8b455a;
  text-align: center;
  transition: all 0.2s ease;
}

sti:hover {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(212, 175, 55, 0.5);
}

/* ========== 阿卡夏纪录 ========== */
details.ab {
  margin-bottom: 16px;
  background: rgba(255, 250, 252, 0.4);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(212, 175, 55, 0.35);
  border-radius: 12px;
  overflow: hidden;
}

details.ab > summary {
  /* 新增 flex 居中魔法 */
  display: flex;
  justify-content: center;
  align-items: center;
  
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 600;
  color: #a8606e;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(212, 175, 55, 0.2);
  list-style: none;
}
details.ab > summary::-webkit-details-marker { display: none; }
details.ab > summary::before { 
  content: '✦ '; 
  color: #d4af37; 
  margin-right: 8px; 
}

/* 修复：将滚动限制放在 details.ai 容器上，保护内部表格 */
details.ai {
  margin: 10px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 182, 193, 0.3);
  border-radius: 8px;
  max-height: 250px; /* 限制高度 */
  overflow-y: auto;  /* 开启内部滚动 */
}

/* 定制微型滚动条 */
details.ai::-webkit-scrollbar { width: 6px; }
details.ai::-webkit-scrollbar-track { background: transparent; }
details.ai::-webkit-scrollbar-thumb { background: rgba(212, 175, 55, 0.3); border-radius: 3px; }

details.ai > summary {
  padding: 8px 12px;
  font-size: 13px;
  color: #8b455a;
  cursor: pointer;
  list-style: none;
  background: rgba(255, 230, 235, 0.3);
  position: sticky; /* 保证滚动时标题可见 */
  top: 0;
  z-index: 2;
}
details.ai > summary::-webkit-details-marker { display: none; }
details.ai > summary::before { content: '› '; color: #d4af37; margin-right: 6px; }

details.ai p { margin: 8px 12px; font-size: 12px; color: #a8606e; }

/* 修复：恢复表格原生属性 */
details.ai table {
  width: calc(100% - 16px);
  margin: 8px;
  border-collapse: collapse;
  font-size: 12px;
}

details.ai th {
  padding: 6px;
  background: rgba(255, 230, 235, 0.6);
  border: 1px solid rgba(212, 175, 55, 0.3);
  color: #8b455a;
  font-weight: 600;
  text-align: left;
}

details.ai td {
  padding: 6px;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(212, 175, 55, 0.2);
  color: #8b455a;
}

/* ========== 角色与用户面板 ========== */
gui { display: block; margin-top: 20px; }

ulb {
  display: block;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 600;
  color: #d4af37;
  text-align: center;
}

cdu, cdm {
  display: block;
  margin-bottom: 16px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(212, 175, 55, 0.35); /* 清晰边框 */
  border-radius: 14px;
  box-shadow: 0 4px 12px rgba(139, 69, 90, 0.04);
}

cdh {
  display: block;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(212, 175, 55, 0.25);
  font-size: 15px;
  font-weight: 600;
  color: #8b455a;
}

tg {
  margin-left: 8px;
  padding: 2px 10px;
  background: rgba(255, 230, 235, 0.6);
  border: 1px solid rgba(255, 182, 193, 0.5);
  border-radius: 10px;
  font-size: 12px;
  color: #8b455a;
}

ifb {
  display: flex; flex-direction: column; gap: 6px;
  margin-bottom: 12px; padding: 10px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 182, 193, 0.3);
  border-radius: 10px;
}

g3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
g1 { display: grid; grid-template-columns: 1fr; gap: 8px; margin-bottom: 8px; }

/* 修复：恢复条目清晰的边框 */
gi {
  display: block;
  padding: 8px 10px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(212, 175, 55, 0.3);
  border-radius: 8px;
  font-size: 13px;
  color: #8b455a;
}

/* ========== 进度条 ========== */
brg { display: block; margin-top: 12px; }
sg {
  display: grid;
  grid-template-columns: 45px 1fr 35px;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

sl { font-size: 12px; font-weight: 600; color: #a8606e; }
sn { font-size: 12px; color: #d4af37; text-align: right; }

bt {
  display: block;
  height: 10px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 182, 193, 0.4);
  border-radius: 5px;
  overflow: hidden;
}

bv { display: block; height: 100%; border-radius: 5px; }
bv.s, bv.m, bv.l { background: linear-gradient(90deg, #ffb6c1, #e88a9a); }

/* ========== 选项框 (修复排版) ========== */
slb {
  display: flex;
  flex-direction: column;
  gap: 10px; /* 强制纵向排列并保持间距 */
  margin-top: 20px;
}

slo {
  display: block;
  position: relative;
  padding: 12px 16px 12px 40px;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(212, 175, 55, 0.35); /* 清晰边框 */
  border-radius: 10px;
  font-size: 14px;
  color: #8b455a;
  cursor: pointer;
  transition: all 0.2s ease;
}

slo:hover {
  background: rgba(255, 255, 255, 0.9);
  border-color: #d4af37;
  transform: translateX(3px);
}

/* 剧透隐藏标签 */
shd {
  display: none !important;
}

/* 用金色的星号或圆点代替数字，增加高级感 */
slo::before {
  content: '✧';
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #d4af37;
  font-size: 12px;
  transition: all 0.3s;
}

slo:hover::before {
  content: '✦';
  transform: translateY(-50%) scale(1.2);
  text-shadow: 0 0 5px rgba(212, 175, 55, 0.5);
}
/* =========================================
   静谧圣所 - 聊天框美化方案
   配色：柔金 #d4af37 | 淡粉 #ffb6c1 | 雾白 rgba(255,253,254)
   ========================================= */

/* ========== 隐藏顶部颜色装饰条 ========== */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* ========== 统一聊天框样式 ========== */
.bg-gray-100\/90.relative.inline-block {
    background: rgba(255, 253, 254, 0.85) !important;
    backdrop-filter: blur(16px) !important;
    border: 1.5px solid rgba(212, 175, 55, 0.4) !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 20px rgba(139, 69, 90, 0.08), 
                0 2px 8px rgba(212, 175, 55, 0.12) !important;
    padding: 18px !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    isolation: isolate !important;
}

.bg-gray-100\/90.relative.inline-block:hover {
    border-color: rgba(212, 175, 55, 0.6) !important;
    box-shadow: 0 8px 24px rgba(139, 69, 90, 0.12), 
                0 3px 12px rgba(212, 175, 55, 0.18) !important;
}

/* ========== 聊天框内主要文本内容 ========== */
.markdown-body {
    color: #8b455a !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", sans-serif !important;
    line-height: 1.75 !important;
    background: transparent !important;
    position: relative !important;
    z-index: 1 !important;
}

.markdown-body strong {
    font-weight: 700 !important;
    color: #a8606e !important;
}

.markdown-body code {
    background: rgba(255, 230, 235, 0.5) !important;
    border: 1px solid rgba(255, 182, 193, 0.3) !important;
    border-radius: 4px !important;
    padding: 2px 6px !important;
    color: #8b455a !important;
}

.markdown-body pre {
    background: rgba(255, 255, 255, 0.6) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    border-radius: 10px !important;
    padding: 14px !important;
}

/* ========== 底部附加元素统一配色 ========== */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    color: #a8606e !important;
    font-size: 13px !important;
    transition: all 0.2s ease !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    color: #d4af37 !important;
    background: rgba(255, 230, 235, 0.3) !important;
}

.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
    color: #a8606e !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

.text-orange-500 {
    color: #d4af37 !important;
    font-size: 12px !important;
}

/* ========== 自定义加载动画：文字淡入 ========== */
/* 隐藏默认加载元素 */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}

/* 加载动画容器 */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    width: auto !important;
    height: 40px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* 使用 ::before 创建 SVG 文字淡入动画 */
.flex.items-center.justify-center.w-6.h-5::before {
    content: '' !important;
    display: block !important;
    width: 280px !important;
    height: 30px !important;
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 280 30"%3E%3Ctext x="50%25" y="50%25" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif" font-size="14" fill="%23a8606e"%3E那个...你听得见我的声音吗...%3Canimate attributeName="opacity" values="0.3;1;0.3" dur="2.5s" repeatCount="indefinite"/%3E%3C/text%3E%3C/svg%3E') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* 移动端适配 */
@media (max-width: 480px) {
    .flex.items-center.justify-center.w-6.h-5::before {
        width: 220px !important;
        font-size: 12px !important;
    }
}

/* 低动效模式：降低频率但保留动画 */
@media (prefers-reduced-motion: reduce) {
    .flex.items-center.justify-center.w-6.h-5::before {
        background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 280 30"%3E%3Ctext x="50%25" y="50%25" text-anchor="middle" dominant-baseline="middle" font-family="sans-serif" font-size="14" fill="%23a8606e"%3E那个...你听得见我的声音吗...%3Canimate attributeName="opacity" values="0.5;1;0.5" dur="4s" repeatCount="indefinite"/%3E%3C/text%3E%3C/svg%3E') !important;
    }
}

/* ============================================
   VTB · 静谧圣所联动皮肤
   柔粉 / 柔金 / 奶白 + VTuber 心形&星芒点缀
   ============================================ */

/* ========== 顶部栏 ========== */
.sticky.w-full.top-0.flex.items-center {
  background: linear-gradient(135deg, rgba(255,250,252,0.85), rgba(255,240,245,0.75)) !important;
  backdrop-filter: blur(14px) saturate(1.1) !important;
  border-bottom: 1px solid rgba(212,175,55,0.35) !important;
  box-shadow: 0 4px 16px rgba(139,69,90,0.08) !important;
  font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

/* 模型选择器 */
#ai-model-selector .group.flex.items-center {
  background: rgba(255,255,255,0.6) !important;
  border: 1px solid rgba(255,182,193,0.5) !important;
  border-radius: 12px !important;
  padding: 4px 12px !important;
  transition: all .25s ease !important;
  position: relative;
}
#ai-model-selector .group.flex.items-center::before {
  content: '🎀';
  margin-right: 6px;
  font-size: 12px;
  filter: drop-shadow(0 0 3px rgba(212,175,55,.5));
}
#ai-model-selector .group.flex.items-center:hover {
  background: rgba(255,255,255,0.9) !important;
  border-color: #d4af37 !important;
  box-shadow: 0 0 12px rgba(212,175,55,0.3) !important;
}
#ai-model-selector .truncate.text-\[13px\] {
  color: #8b455a !important;
  font-weight: 600 !important;
  letter-spacing: .3px !important;
}
#ai-model-selector .shrink-0.flex.items-center svg {
  color: #d4af37 !important;
}

/* 顶部栏图标按钮通用 */
.sticky.w-full.top-0 svg.lucide-clock-8,
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]),
.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2,
#header-setting-button svg {
  color: #a8606e !important;
  transition: all .3s ease !important;
}
.sticky.w-full.top-0 svg.lucide-clock-8:hover,
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]):hover,
#header-setting-button:hover svg {
  color: #d4af37 !important;
  transform: rotate(15deg) scale(1.15);
  filter: drop-shadow(0 0 4px rgba(212,175,55,.6));
}

/* 历史小红点 → 心形粉点 */
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
  background: linear-gradient(135deg, #ff8fa3, #e88a9a) !important;
  box-shadow: 0 0 6px rgba(255,143,163,.7) !important;
  animation: vtb-heartbeat 1.4s ease-in-out infinite;
}
@keyframes vtb-heartbeat {
  0%,100% { transform: scale(1); }
  50% { transform: scale(1.3); }
}

#header-setting-button {
  background: rgba(255,255,255,0.5) !important;
  border: 1px solid rgba(212,175,55,0.3) !important;
  border-radius: 10px !important;
}

/* ========== 开场白选择器 ========== */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
  background: linear-gradient(135deg, rgba(255,253,254,0.8), rgba(255,240,245,0.7)) !important;
  border: 1px solid rgba(212,175,55,0.4) !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(139,69,90,0.05) !important;
  transition: all .25s ease !important;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover {
  border-color: #d4af37 !important;
  box-shadow: 0 0 14px rgba(212,175,55,0.35) !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"] {
  color: #d4af37 !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"] {
  color: #a8606e !important;
}

/* ========== 按钮栏 ========== */
#ai-mod-button2 button.MuiButton-root {
  background: rgba(255,255,255,0.65) !important;
  border: 1px solid rgba(212,175,55,0.35) !important;
  border-radius: 10px !important;
  color: #8b455a !important;
  font-weight: 600 !important;
  transition: all .25s ease !important;
  position: relative;
  overflow: hidden;
}
#ai-mod-button2 button.MuiButton-root::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,.6), transparent);
  transform: translateX(-100%);
  transition: transform .6s ease;
}
#ai-mod-button2 button.MuiButton-root:hover {
  background: rgba(255,255,255,0.95) !important;
  border-color: #d4af37 !important;
  color: #d4af37 !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(212,175,55,0.25) !important;
}
#ai-mod-button2 button.MuiButton-root:hover::after { transform: translateX(100%); }
#ai-mod-button2 button.MuiButton-root svg {
  color: #a8606e !important;
  transition: all .3s ease !important;
}
#ai-mod-button2 button.MuiButton-root:hover svg {
  color: #d4af37 !important;
  transform: scale(1.15);
}

/* ========== 底部栏 ========== */
.bg-gradient-to-t {
  background: linear-gradient(to top, rgba(255,250,252,0.95), rgba(255,240,245,0.6), transparent) !important;
}

#ai-chat-bottom-input {
  background: rgba(255,255,255,0.7) !important;
  backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(212,175,55,0.4) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 18px rgba(139,69,90,0.08), inset 0 0 0 1px rgba(255,255,255,0.4) !important;
  transition: all .3s ease !important;
}
#ai-chat-bottom-input:focus-within {
  border-color: #d4af37 !important;
  box-shadow: 0 0 0 3px rgba(212,175,55,0.18), 0 6px 22px rgba(212,175,55,0.25) !important;
}

#ai-chat-input {
  color: #8b455a !important;
  font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}
#ai-chat-input::placeholder {
  color: rgba(168,96,110,0.55) !important;
  font-style: italic;
}
#ai-chat-input::placeholder::before { content: '♡ '; }
#ai-chat-input::selection {
  background: rgba(212,175,55,0.3) !important;
  color: #8b455a !important;
}

/* ========== 分页栏（仅颜色样式） ========== */
.MuiPaginationItem-root {
  color: #8b455a !important;
  background: rgba(255,255,255,0.55) !important;
  border: 1px solid rgba(255,182,193,0.4) !important;
  border-radius: 8px !important;
  transition: all .25s ease !important;
}
.MuiPaginationItem-root:hover {
  background: rgba(255,255,255,0.9) !important;
  border-color: #d4af37 !important;
  color: #d4af37 !important;
}
.MuiPaginationItem-root.Mui-selected {
  background: linear-gradient(135deg, #d4af37, #e8c869) !important;
  color: #fff !important;
  border-color: #d4af37 !important;
  box-shadow: 0 2px 8px rgba(212,175,55,0.4) !important;
}
.MuiPaginationItem-root.Mui-disabled {
  opacity: .4 !important;
}
.MuiPaginationItem-icon { color: #a8606e !important; }
.MuiStack-root.css-1uwir8f .MuiBox-root {
  color: #8b455a !important;
  font-size: 13px !important;
}
.MuiInputBase-input {
  color: #8b455a !important;
  background: rgba(255,255,255,0.7) !important;
  border-radius: 6px !important;
}

/* ========== 评论区 ========== */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
  background: linear-gradient(180deg, rgba(255,250,252,0.95), rgba(255,245,248,0.92)) !important;
  backdrop-filter: blur(18px) !important;
  border-top: 1px solid rgba(212,175,55,0.3) !important;
}

/* 标题 评论(x) */
div.text-lg.font-bold {
  color: #8b455a !important;
  font-weight: 700 !important;
  letter-spacing: .5px;
}
div.text-lg.font-bold::before {
  content: '✦ ';
  color: #d4af37;
  text-shadow: 0 0 6px rgba(212,175,55,.5);
}

/* 个人评分 */
p.MuiTypography-body1.text-grey-600 {
  color: #a8606e !important;
  font-size: 13px !important;
}

/* 星星 */
span.MuiRating-iconEmpty svg {
  color: rgba(212,175,55,0.25) !important;
}
span.MuiRating-iconFilled svg {
  color: #d4af37 !important;
  filter: drop-shadow(0 0 3px rgba(212,175,55,.6));
}
span.MuiRating-root:hover span.MuiRating-iconFilled svg {
  transform: scale(1.1);
  transition: all .2s ease;
}
span.text-orange-500 {
  color: #d4af37 !important;
  font-weight: 700 !important;
}

/* 输入框 */
div.flex.flex-col.border-gray-200 {
  background: rgba(255,255,255,0.6) !important;
  border: 1px solid rgba(212,175,55,0.35) !important;
  border-radius: 12px !important;
  transition: all .3s ease !important;
}
div.flex.flex-col.border-gray-200:focus-within {
  border-color: #d4af37 !important;
  box-shadow: 0 0 0 3px rgba(212,175,55,0.18) !important;
}
textarea.rc-textarea {
  background: transparent !important;
  color: #8b455a !important;
  font-family: -apple-system, "PingFang SC", sans-serif !important;
}
textarea.rc-textarea::placeholder {
  color: rgba(168,96,110,0.5) !important;
}
div.bg-gray-100.text-gray-500 {
  background: rgba(255,230,235,0.5) !important;
  color: #a8606e !important;
  border-radius: 6px !important;
}

/* 发送按钮 */
div.cursor-pointer.group.flex.items-center.justify-center {
  background: linear-gradient(135deg, #d4af37, #e8c869) !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 10px rgba(212,175,55,0.35) !important;
  transition: all .25s ease !important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover {
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 6px 16px rgba(212,175,55,0.5) !important;
}
div[data-state="closed"] svg[data-icon="Send03"] {
  color: #fff !important;
}

/* 分割线 */
div.style_divider__mW0YX {
  background: linear-gradient(90deg, transparent, rgba(212,175,55,0.4), transparent) !important;
  height: 1px !important;
}

/* 排序按钮 */
.MuiStack-root.css-1dmzxoz button.MuiButton-outlinedPrimary {
  background: rgba(255,255,255,0.6) !important;
  border: 1px solid rgba(212,175,55,0.35) !important;
  color: #8b455a !important;
  border-radius: 8px !important;
  transition: all .25s ease !important;
}
.MuiStack-root.css-1dmzxoz button.MuiButton-outlinedPrimary:hover {
  border-color: #d4af37 !important;
  color: #d4af37 !important;
}
.MuiStack-root.css-1dmzxoz button.MuiButton-containedPrimary {
  background: linear-gradient(135deg, #d4af37, #e8c869) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(212,175,55,0.35) !important;
}

/* 评论列表 */
div.p-3.overflow-y-auto::-webkit-scrollbar { width: 6px; }
div.p-3.overflow-y-auto::-webkit-scrollbar-thumb {
  background: rgba(212,175,55,0.35);
  border-radius: 3px;
}

/* 评论项 */
div.group.ml-0 {
  padding: 10px !important;
  margin-bottom: 8px !important;
  background: rgba(255,255,255,0.45) !important;
  border: 1px solid rgba(255,182,193,0.3) !important;
  border-radius: 12px !important;
  transition: all .25s ease !important;
}
div.group.ml-0:hover {
  background: rgba(255,255,255,0.7) !important;
  border-color: rgba(212,175,55,0.4) !important;
  box-shadow: 0 4px 12px rgba(139,69,90,0.06) !important;
}

/* 头像 */
div.group img.rounded-full {
  border: 2px solid rgba(212,175,55,0.5) !important;
  box-shadow: 0 0 8px rgba(212,175,55,0.25) !important;
  transition: all .3s ease !important;
}
div.group img.rounded-full:hover {
  transform: scale(1.08) rotate(-3deg);
  border-color: #d4af37 !important;
  box-shadow: 0 0 14px rgba(212,175,55,0.5) !important;
}

/* 用户名 */
div.text-sm.text-grey-600 span.font-bold {
  color: #8b455a !important;
  font-weight: 700 !important;
}

/* (你)标签 */
span.text-\[10px\] {
  background: linear-gradient(135deg, #d4af37, #e8c869) !important;
  color: #fff !important;
  padding: 1px 6px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}

/* 评论内容 */
div.break-all {
  color: #6b3a47 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

/* 时间戳 */
div.text-xs.text-grey-600 {
  color: #b88a96 !important;
  font-size: 11px !important;
}

/* 点赞 */
button.text-gray-400 {
  color: #b88a96 !important;
  transition: all .25s ease !important;
}
button.text-gray-400:hover {
  color: #ff8fa3 !important;
  transform: scale(1.15);
}
button.text-gray-400:hover svg {
  filter: drop-shadow(0 0 4px rgba(255,143,163,.6));
}

/* 回复 */
span.cursor-pointer {
  color: #a8606e !important;
  font-weight: 600 !important;
  transition: all .2s ease !important;
}
span.cursor-pointer:hover {
  color: #d4af37 !important;
}

/* 子回复区域 */
div.ml-8.border-l {
  border-left: 2px solid rgba(212,175,55,0.35) !important;
  padding-left: 10px !important;
}
```

### 可选发散增强（按需粘贴追加）

**① 顶部栏柔光流动条**
```css
.sticky.w-full.top-0.flex.items-center::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
  background: linear-gradient(90deg, transparent, #d4af37, #ff8fa3, #d4af37, transparent);
  animation: vtb-flow 6s linear infinite; background-size: 200% 100%;
}
@keyframes vtb-flow { to { background-position: 200% 0; } }
```

**② 评论项左侧 VTB 应援棒指示色**
```css
div.group.ml-0 { border-left: 3px solid #ff8fa3 !important; }
```

**③ 发送按钮悬浮时浮现星芒**
```css
div.cursor-pointer.group.flex.items-center.justify-center:hover::before {
  content: '✦'; position: absolute; color: #fff; opacity: .8;
  animation: vtb-twinkle .8s ease infinite alternate;
}
@keyframes vtb-twinkle { to { transform: scale(1.4) rotate(45deg); opacity: 0; } }