body{margin:0px;padding:0px;border:0;font:inherit;background-position: center;line-height:18px;font-size:16px;text-decoration:none;}
input{-webkit-appearance:none;}
a:link{text-decoration: none;}/*无下划线*/
/*padding:0px 5px 0px 5px;/* 顶部距 右边距 下边距 左边距  同一个容器内，边框到内部内容直接的距离*/
/*margin:25px 50px 75px 100px;/*上，右，下，左 容器边框之间的距离，即容器外距离*/
.wz_zuo{float:left;}
/* 所有元素统一设置 */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;      /* 固定高度 */
    overflow: hidden;  /* 禁止html/body滚动条 */
}
* {
    box-sizing: border-box;/*所有边框纳入j计算*/
}
/* 全局按钮扁平化 */
button,
input[type="button"],
input[type="submit"],
.btn {
    background: #23cd77;
    border: 1px solid #333;/*边框background: #23cd77;*/ 
    color: #060606;;/*字体颜色*/
    cursor: pointer;
    display: inline-flex;   /* 或 flex */
    align-items: center;    /* 垂直居中 */
    justify-content: center; /* 水平居中 */
	margin:1px 2px 1px 2px;/*margin外边距，和其它元素之间的距离.上，右，下，左*/
	font-size:20px;
}
/* 排除触摸屏，包括支持鼠标的混合设备（如Surface） */
@media (hover: hover) and (pointer: fine) {
	input[type="button"]:hover:not(#changeflie):not(#uploadBtn):not(#closeUploadModal) {
    	background: red !important;
	}
}
/*changeflie,uploadBtn,closeUploadModal 我要排除这3个*/
.huanhang{
	float: left;
	width:100%;
	margin:2px auto 0;/*距离上一个元素2PX*/
}
.main_show {
    float: left;
    width: 50%;
    height: 99vh;
    border: 1px solid #600;
    background: #fff;
    overflow-y: auto;
    word-wrap: break-word;      /* 兼容旧浏览器 */
    overflow-wrap: break-word;  /* 标准属性 */
    word-break: break-all;      /* 强制断行，解决长英文/URL不换行 */
}
.right_show{/*右边窗口*/
	display: flex;/*脱离文档流*/
	width:49.5%;
	height: 99vh; 
	border:1px solid #660;
	background:#fff;
	word-wrap: break-word;/*允许长单词换行*/
	margin:0px 0px 0px 1px;
    flex-direction: column;   /* 垂直排列 */
    /* 新增：让内容从上到下紧凑排列，不拉伸 */
    justify-content: flex-start;
}
.ad_show{/*顶部AD广告*/
	width: calc(100% - 2px);
	height:200px;
	border:0px solid #006;
	background:#fff;
	margin:1px 1px 1px 1px;
	flex-direction: column;   /* 垂直排列 */
}
.footlist{/*在线人名列表*/
    width: calc(100% - 2px);
    height: 200px;
    border: 0px solid #006;
    background: #fff;
	margin:0px 0px 1px 1px;
    margin-top: auto;/* 新增：自动占据上方空间，把自己顶到底部,如果下面还有的，一并顶到底部 */
	overflow-y: auto;
}
/*================================右边上传按钮栏目*/
.upload_show {
    width: calc(100% - 2px);
    height: 35px;
    background: #fff;
    margin: 1px;
    display: flex;
    justify-content: flex-end; /* 新增：子元素靠右对齐 */
    align-items: stretch;
    gap: 2px;
    padding: 0 2px;
    box-sizing: border-box;
}
.button_mubiao {
    width: 150px;
    height: 33px;
    border: 0;
    outline: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    vertical-align: top;
    line-height: 1;
}
.right_xia{/*右边窗口下边*/
	width: calc(100% - 2px);
	height:165px;
	border:1px solid #006;
	background:#fff;
	margin:0px 0px 1px 1px;
    flex-shrink: 0;/* 当父容器空间不足时，禁止元素被压缩。*/
}
.input_talk_show{/*打字输入框外框*/
	float:left !important;
    width: calc(80% - 4px); 
    height: 98%;
    resize: none;
    border: 1px solid #666;
    background: #fff;
	margin: 1px 1px 1px 1px; /* 上 右 下 左 → 右边距 1px */
	box-sizing: border-box; /* 必须加，让边框算在宽度内 */
	font-size:20px!important;
    line-height: 1.2 !important; /* 新增：控制行高 这行一加*/
    padding: 4px 6px!important; /* 新增：内边距，防止文字被切 */
}
.button_talk_fasong{/*发送信息按钮*/
	float:right !important;
	width: calc(20% - 4px); /*这里我不知道写多少，才会和上面input_talk_show一起，组成左右刚好满格*/
    height: 70%;
    border: 1px solid #666;
    background: rgb(0,255,0)!important;
	margin: 1px 1px 1px 1px; /* 上 右 下 左 → 右边距 1px */
	box-sizing: border-box; /* 必须加，让边框算在宽度内 */
	font-size:40px!important;
	
}
.ys_red{background:rgb(255,0,0)!important;}
.ys_blue{background:rgb(0,0,255)!important;}
.ys_green{background:rgb(0,255,0)!important;}
.ys_huise{background:rgb(220,220,220)!important;}
.ys_qianhuang{background:rgb(255,255,0)!important;}

.list_id_xin{
	float:left !important;
	margin:4px 4px 2px 4px;
	display:inline-block;
	background:rgb(255,0,0)!important;/*记得加权重;*/
	color:rgb(255,255,255)!important;
	font-size:16px;
}
.list_id_win{
	float:left !important;
	margin:4px 4px 2px 4px;
	display:inline-block;
	background:rgb(38,85,238)!important;
	color:rgb(255,255,255)!important;
	font-size:16px;
	/*pointer-events: none;*/
}
.list_id_mobi{
	float:left !important;
	margin:4px 4px 2px 4px;
	display:inline-block;
	background:rgb(0,202,0)!important;
	color:rgb(255,255,255)!important;
	font-size:16px;
	/*pointer-events: none;*/
}
.list_id_of{
	float:left !important;
	margin:4px 4px 2px 4px;
	display:inline-block;
	background:rgb(220,220,220)!important;
	color:rgb(1,1,1)!important;
	font-size:16px;
	/*pointer-events: none;禁止点击*/
}

/* 消息容器 - 高度自动撑开 */
.message {
    display: flex;
    gap: 10px;
    padding: 8px;
    background: #fff;
}
.avatar {
    width: 35px;
    height: 35px;
    flex-shrink: 0;
}
.message-right {
    flex: 1;
}
.message-header {
    display: flex;
    align-items: center;
    gap: 1px;/*子控件之间的间距*/
    margin-bottom: 1px;
}
.nickname {
    color: #B0C4DE;
    font-size: 14px;
}
.timename {
    color: #B0C4DE;
    font-size: 14px;
}
.message-content {
    color: #800080;
    word-wrap: break-word;
	white-space: pre-wrap;  /* 保留换行 */
}
/* 自己发言的内容颜色 */
.textA {
    color: #800080;
}
/* 对方发言的内容颜色 */
.textB {
    color: #0000CD;
}
/**/







/**/