#gb-chat-root{font-family:"Microsoft YaHei","PingFang SC",sans-serif;z-index:2147483000}
#gb-chat-fab{
	position:fixed;right:22px;bottom:28px;z-index:2147483000;
	width:58px;height:58px;border:0;border-radius:50%;
	background:#4a85f8;color:#fff;cursor:pointer;
	box-shadow:0 8px 24px rgba(74,133,248,.45);
	display:flex;align-items:center;justify-content:center;
	transition:transform .2s ease, box-shadow .2s ease;
}
#gb-chat-fab:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(74,133,248,.55)}
.gb-chat-fab-icon{font-size:14px;font-weight:600;letter-spacing:1px}
.gb-chat-badge{
	position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;line-height:18px;
	padding:0 5px;border-radius:9px;background:#e74c3c;color:#fff;font-size:11px;text-align:center;
}
#gb-chat-panel{
	position:fixed;right:22px;bottom:98px;z-index:2147483001;
	width:420px;max-width:calc(100vw - 24px);height:580px;max-height:82vh;
	background:#fff;border-radius:10px;overflow:hidden;
	box-shadow:0 16px 48px rgba(18,40,80,.28);
	display:flex;flex-direction:column;
}
.gb-chat-hd{
	background:linear-gradient(135deg,#123a66,#4a85f8);color:#fff;
	padding:14px 16px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;
}
.gb-chat-hd strong{display:block;font-size:15px}
.gb-chat-hd span{display:block;font-size:12px;opacity:.85;margin-top:2px}
#gb-chat-close{
	width:28px;height:28px;border:0;border-radius:4px;background:rgba(255,255,255,.15);
	color:#fff;font-size:20px;line-height:1;cursor:pointer;
}
.gb-chat-body{
	flex:1;overflow-y:auto;padding:14px;background:#f4f7fb;
	display:flex;flex-direction:column;gap:10px;
}
.gb-chat-tip{
	align-self:center;background:#e8eef8;color:#567;font-size:12px;
	padding:8px 12px;border-radius:6px;line-height:1.5;max-width:95%;text-align:center;
}
.gb-row{
	display:flex;align-items:flex-start;gap:8px;max-width:92%;
}
.gb-row.a{align-self:flex-start;flex-direction:row}
.gb-row.v{align-self:flex-end;flex-direction:row-reverse}
.gb-avatar{
	width:36px;height:36px;border-radius:50%;flex-shrink:0;
	display:flex;align-items:center;justify-content:center;
	font-size:13px;font-weight:600;color:#fff;line-height:1;
}
.gb-row.a .gb-avatar{background:#123a66}
.gb-row.v .gb-avatar{background:#4a85f8}
.gb-msg-wrap{min-width:0;display:flex;flex-direction:column;max-width:100%}
.gb-row.v .gb-msg-wrap{align-items:flex-end}
.gb-row.a .gb-msg-wrap{align-items:flex-start}
.gb-name{font-size:12px;color:#8896a8;margin-bottom:4px;line-height:1;padding:0 2px}
.gb-msg{
	max-width:100%;padding:9px 12px;border-radius:8px;font-size:13px;line-height:1.55;
	word-break:break-word;white-space:pre-wrap;
}
.gb-msg .gb-t{font-size:11px;margin-top:5px;opacity:.65}
.gb-row.v .gb-msg{background:#4a85f8;color:#fff;border-radius:8px 2px 8px 8px}
.gb-row.a .gb-msg{background:#fff;border:1px solid #e3eaf3;color:#222;border-radius:2px 8px 8px 8px}
.gb-chat-ft{
	display:flex;gap:8px;padding:10px;border-top:1px solid #e6ecf4;background:#fff;flex-shrink:0;
}
#gb-chat-input{
	flex:1;resize:none;border:1px solid #d5dde8;border-radius:4px;padding:8px 10px;
	font-size:13px;font-family:inherit;outline:none;height:56px;
}
#gb-chat-input:focus{border-color:#4a85f8}
#gb-chat-send{
	width:64px;border:0;border-radius:4px;background:#4a85f8;color:#fff;
	font-size:13px;cursor:pointer;
}
#gb-chat-send:disabled{opacity:.55;cursor:not-allowed}
@media only screen and (max-width:760px){
	#gb-chat-fab{right:14px;bottom:18px;width:52px;height:52px}
	#gb-chat-panel{right:8px;left:8px;width:auto;bottom:80px;height:72vh}
}