/* 夏莱会话窗：左右气泡。铜边深底，不走微信绿、不走说明书卡片。 */
.charle h1{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 8px;
  padding:0 4px 10px 14px;
  border-left:2px solid #c4a876;
  border-bottom:1px solid rgba(196,168,118,.16);
  font:600 22px/1.25 "Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  letter-spacing:.28em;
  color:#f3efe6;
}
.charle h1::after{
  content:"在线";
  margin-left:auto;
  font:400 11px/1 "Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  letter-spacing:.16em;
  color:rgba(196,168,118,.72);
}
.charle .log{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:4px 6px 12px;
  font-size:14px;
  line-height:1.55;
  color:#d4d0c6;
}
.charle .log p{
  margin:0;
  padding:0;
  color:inherit;
}
.xia-row{
  display:flex;
  width:100%;
  align-items:flex-end;
  gap:8px;
}
.xia-row.xia{justify-content:flex-start;}
.xia-row.you{justify-content:flex-end;}
.xia-row.you + .xia-row.you,
.xia-row.xia + .xia-row.xia{gap:8px; margin-top:-2px;}
.xia-ava{
  flex:none;
  width:26px;
  height:26px;
  border-radius:50%;
  border:1px solid rgba(196,168,118,.55);
  background:radial-gradient(circle at 30% 28%, #3a3c40 0%, #1a1c1f 70%);
  color:#e2c89a;
  font:600 12px/26px "Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  text-align:center;
  letter-spacing:0;
}
.xia-b{
  max-width:72%;
  padding:8px 12px;
  word-break:break-word;
  box-shadow:0 1px 0 rgba(0,0,0,.25);
}
.xia-row.xia .xia-b{
  background:rgba(32,34,38,.92);
  border:1px solid rgba(196,168,118,.22);
  color:#e4e0d6;
  border-radius:14px 14px 14px 4px;
}
.xia-row.you .xia-b{
  background:linear-gradient(180deg,rgba(196,168,118,.34),rgba(150,124,78,.22));
  border:1px solid rgba(196,168,118,.5);
  color:#f7f2e8;
  border-radius:14px 14px 4px 14px;
}
.xia-row.xia-wait .xia-b{
  color:rgba(196,168,118,.72);
  letter-spacing:.28em;
  min-width:2.2em;
}
.charle .xia-hits{
  align-self:flex-start;
  margin:0 0 0 34px;
  max-width:72%;
  padding:7px 11px;
  display:flex;
  flex-direction:column;
  gap:5px;
  background:rgba(32,34,38,.88);
  border:1px solid rgba(196,168,118,.2);
  border-radius:12px;
}
.charle .xia-hits a{
  color:#c4a876;
  text-decoration:none;
  font-size:13px;
  line-height:1.4;
}
.charle .xia-hits a:hover{color:#e2c89a}
.charle .ask{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 6px 2px;
  margin-top:2px;
  border-top:1px solid rgba(196,168,118,.16);
  background:linear-gradient(180deg,rgba(16,17,19,0),rgba(12,13,15,.55));
}
.charle .ask input{
  flex:1;
  height:38px;
  box-sizing:border-box;
  border:1px solid rgba(196,168,118,.3);
  background:#101114;
  color:#f3efe6;
  padding:0 14px;
  border-radius:19px;
  font:15px/1.2 "Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
}
.charle .ask input:focus{
  outline:none;
  border-color:rgba(196,168,118,.62);
}
.charle .ask button{
  height:38px;
  min-width:56px;
  padding:0 16px;
  cursor:pointer;
  border:1px solid rgba(196,168,118,.58);
  border-radius:19px;
  background:linear-gradient(180deg,rgba(54,48,36,.95),rgba(28,24,18,.98));
  color:#f3efe6;
  letter-spacing:.16em;
}
.charle .ask button:hover{
  border-color:rgba(220,192,140,.9);
}

.xia-go{align-self:flex-start;margin:0 0 0 34px;max-width:78%;}
.xia-go a{
  display:inline-block;
  padding:7px 14px;
  border:1px solid rgba(196,168,118,.55);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(54,48,36,.95),rgba(28,24,18,.98));
  color:#f3efe6;
  text-decoration:none;
  font-size:13px;
  letter-spacing:.06em;
}
.xia-go a:hover{border-color:rgba(220,192,140,.9);color:#fff8ea;}