body {
    font-family: "Helvetica Neue", "Luxi Sans", "Segoe UI", "Hiragino Sans GB", "Microsoft Yahei", sans-serif, "Apple Logo";
    margin: 0;
    padding: 0;
}

#app {
    height: 100vh;
    margin: 0 auto;
	overflow:hidden;
	width:100%;
}

.chat-main{
	margin:0px auto;
	overflow:hidden;
	height: 100%;  /* 确保子元素 height:100% 链条不断，分屏编辑器需依赖此值 */
}
/*左侧对话列表*/
.left{
	float:left;
	height:100%;
	overflow:hidden;
	position:relative;
}

/*右侧对话窗口*/
.right{
	overflow:hidden;
	height:100%;
	position:relative;
}

/* 工作过程详情弹框样式 */
.SC_work-list-item{
	padding: 10px 0;
	border-top: 1px solid #eee;
}
.SC_work-detail {
    padding: 20px;
}
.SC_work-detail-content {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
}

/* 详情弹框布局样式 */
.SC_detail-link {
    margin-bottom: 15px;
    padding: 10px;
    background: #f5f5f5;
    border-radius: 4px;
}

.SC_detail-label {
    color: #999;
    margin-right: 8px;
}

.SC_detail-url {
    color: #3855d5;
    text-decoration: none;
    word-break: break-all;
}

.SC_detail-url:hover {
    text-decoration: underline;
}

.SC_detail-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}

.SC_detail-text {
    color: #666;
    line-height: 1.8;
    margin-bottom: 15px;
    word-wrap: break-word;
}

.SC_detail-imgs {
    margin-bottom: 15px;
}

.SC_detail-img {
    max-width: 200px;
    max-height: 150px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    cursor: pointer;
}
.SC_content{
	color: #222;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 10px !important;
    position: relative;
}
.SC_content .SC_is-collis{
	color: #3855d5;
	cursor: pointer;
	font-size: 14px;
}
.SC_content .SC_collis{
	background: #fff;
	position: absolute;
	right: 0;
	top: 48px;
}
.SC_content .SC_nocollis{
	position: none;
	margin-left:5px;
}
.SC_content .SC_is-collis img{
	width:19px;
}


.SC_imgs-url {
    margin-bottom: 15px;
}

.SC_imgs {
    display: inline-block;
    max-width: 150px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
}

.SC_imgs img.SC_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.SC_detail-meta {
    margin-bottom: 15px;
    color: #999;
    font-size: 13px;
}

.SC_detail-time,
.SC_detail-address {
    margin-right: 20px;
}

.SC_detail-comments {
	padding: 10px 10px;
    border-top: 1px solid #eee;
	background: #f9f9f9;
}

.SC_detail-comment-item {
	padding: 0;
}

.SC_detail-comment-main {
    margin-bottom: 8px;
}

.SC_detail-comment-nickname {
    color: #3855d5;
    font-weight: bold;
}

.SC_detail-comment-content {
    color: #333;
}

.SC_detail-comment-reply {
    margin-left: 20px;
    padding-left: 10px;
    border-left: 2px solid #ddd;
}

.SC_detail-reply-item {
    margin-bottom: 8px;
    font-size: 13px;
}

.SC_detail-reply-nickname {
    color: #666;
    font-weight: bold;
}

.SC_detail-reply-content {
    color: #333;
}

.SC_detail-reply-time {
    color: #999;
    margin-left: 10px;
    font-size: 12px;
}

/* 思考过程弹框样式 */
.SC_think-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}

.SC_think-text,
.SC_think-reasoning-content {
    color: #666;
    line-height: 1.8;
    margin-bottom: 15px;
    word-wrap: break-word;
}

.SC_think-answer-content {
    color: #000;
    line-height: 1.8;
    margin-bottom: 15px;
    word-wrap: break-word;
}

.SC_think-imgs {
    margin-bottom: 15px;
}

.SC_think-img {
    max-width: 200px;
    max-height: 150px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    cursor: pointer;
}

.SC_think-comments {
    margin-bottom: 20px;
    padding: 15px;
    background: #fffbe6;
    border: 1px solid #ffe58f;
    border-radius: 4px;
}

.SC_think-comment-item {
    margin-bottom: 10px;
    line-height: 1.6;
}

.SC_think-comment-item:last-child {
    margin-bottom: 0;
}

.SC_think-comment-nickname {
    color: #3855d5;
    font-weight: bold;
}

.SC_think-comment-content {
    color: #333;
}

.SC_think-reasoning {
    margin-bottom: 15px;
    padding: 15px;
    background: #f5f5f5;
    border-radius: 4px;
}
.SC_think-reasoning p{
	display:inline-block !important;
}

.SC_think-reasoning-label {
    font-weight: bold;
    color: #999;
    margin-bottom: 8px;
}

.SC_think-reasoning-content {
    color: #666;
    line-height: 1.8;
    margin-bottom: 15px;
    word-wrap: break-word;
}

.SC_think-answer-content {
    color: #000;
    line-height: 1.8;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dashed #ccc;
    word-wrap: break-word;
}

.SC_think-meta {
    margin-bottom: 20px;
    padding: 10px;
    background: #e8f4ff;
    border-radius: 4px;
}

.SC_think-meta-left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.SC_think-opinion-wrap {
    margin-bottom: 8px;
    padding: 6px 10px;
    background: #fff;
    border-radius: 4px;
    border-left: 3px solid #ff9800;
}

.SC_think-opinion-label {
    color: #666;
    font-size: 13px;
    font-weight: bold;
}

.SC_think-opinion {
    color: #333;
    font-size: 13px;
}

.SC_think-time-wrap {
    color: #999;
    font-size: 12px;
}

.SC_think-status {
    color: #3855d5;
    font-weight: bold;
}

.SC_think-note-status {
    color: #4a90e2;
    font-weight: bold;
    margin-right: 0px;
}

.SC_think-note-reason {
    font-size: 13px;
    color: #999;
    margin-left: 5px;
}

.SC_note-status {
    color: #4a90e2;
    font-weight: bold;
    margin-right: 0px;
}

.SC_note-reason {
    font-size: 13px;
    color: #999;
    margin-left: 0px;
}

.SC_think-time {
    color: #999;
    font-size: 13px;
}

.SC_think-form {
    border-top: 1px solid #eee;
    padding-top: 20px;
}
.SC_think-opinion{
	font-size: 13px;
	color:#999;
	position: relative;
	left: -5px;
}
.SC_think-form-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}

.SC_think-form-item {
    margin-bottom: 15px;
    display: flex;
    align-items: flex-start;
}

.SC_think-form-label {
    width: 80px;
    color: #666;
    font-size: 14px;
    line-height: 30px;
}

.SC_think-form-select {
    flex: 1;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0 10px;
    font-size: 14px;
}

.SC_think-form-textarea {
    flex: 1;
    height: 80px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px 10px;
    font-size: 14px;
    resize: none;
    font-family: inherit;
}

.SC_think-form-btn {
    text-align: right;
    margin-top: 15px;
}

.SC_think-submit-btn {
    padding: 8px 25px;
    background: #3855d5;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
}

.SC_think-submit-btn:hover {
    background: #2a44b5;
}

/* 工作过程列表评论样式 */
.SC_comment-list {
    padding: 10px;
    margin: 10px 0 0 0;
    background: #f9f9f9;
    border-radius: 6px;
}

.SC_comment-item {
    padding: 6px 0;
    font-size: 13px;
}

.SC_comment-item .SC_comment-content {
    padding: 3px 0;
    color: #666;
    line-height: 1.5;
}

.SC_comment-main {
    margin-bottom: 5px;
}

.SC_comment-nickname {
    color: #3855d5;
    font-weight: bold;
    margin-right: 5px;
}

.SC_comment-reply {
    margin-left: 20px;
    padding-left: 10px;
    border-left: 2px solid #ddd;
    margin-top: 5px;
}

.SC_reply-item {
    margin-bottom: 5px;
    font-size: 13px;
}

.SC_reply-nickname {
    color: #666;
    font-weight: bold;
    margin-right: 5px;
}

.SC_reply-content {
    color: #333;
}

.SC_reply-label {
    color: #999;
    font-weight: bold;
    margin-right: 5px;
}

.SC_reply-time {
    color: #999;
    margin-left: 10px;
    font-size: 13px;
}

.SC_comment-tags {
    margin-top: 8px;
    font-size: 13px;
    color: #999;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.SC_comment-tag {
    background: #f0f0f0;
    padding: 2px 8px;
    border-radius: 3px;
    margin-right: 5px;
}

.SC_tag-status {
    background: #fff3e0;
    color: #ff9800;
	border-radius: 3px;
	padding: 2px;
	font-size: 13px;
}

.SC_tag-status0 {
    background: #fff3e0;
    color: #ff9800;
	border-radius: 3px;
	padding: 2px;
	font-size: 13px;
}

.SC_tag-status1 {
    background: #e8f5e9;
    color: #4caf50;
	border-radius: 3px;
	padding: 2px;
	font-size: 13px;
}
/**一般**/
.SC_tag-status2 {
    background: #fff3e0;
    color: #888888;
	border-radius: 3px;
	padding: 2px;
	font-size: 13px;
}
/***等级效果 可以使用等级1一般  2良好  3优秀 **/
.SC_tag2-status3 {
    background: #fff3e0;
    color: #ff9800;
	border-radius: 3px;
	padding: 2px;
	font-size: 13px;
}

.SC_tag2-status2 {
    background: #e8f5e9;
    color: #4caf50;
	border-radius: 3px;
	padding: 2px;
	font-size: 13px;
}
.SC_tag2-status1 {
    background: #fff3e0;
    color: #888888;
	border-radius: 3px;
	padding: 2px;
	font-size: 13px;
}



.SC_tag-type {
    background: #e3f2fd;
    color: #2196f3;
}

/* 学习开关样式 */
.SC_study_switch {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 8px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 12px;
    color: #666;
}

.SC_study_switch:hover {
    background: #eeeeee;
    border-color: #ccc;
}

.SC_study_switch.active {
    background: #fff3e0;
    border-color: #ff9800;
    color: #ff9800;
}

.SC_study_switch.active .SC_study_switch_icon {
    color: #ff9800;
}

.SC_study_switch_icon {
    font-size: 12px;
    color: #999;
}

.SC_study_switch_text {
    font-weight: 500;
}
.SC-top-statistics-style{
	font-size: 14px;
	color: #999;
}

.words-tishi{
	position:absolute;
	top:75px;
	left:0px;
	z-index:98;
	width:100%;
	text-align:center;
}
.words-tishi .text{
	overflow:hidden;
	padding:2px 12px;
	border-radius:12px;
	border:1px solid #eee;
	color:#777;
	background:#fff;
	font-size:0.8rem;
	
}
.see-words-name{
	color:#333;
	font-size:16px;
	line-height:21px;
	text-align:left;
}
.see-words-content{
	color:#666;
	font-size:14px;
	line-height:21px;
	margin-top:5px;
	text-align:left;
}

.set-group-words{
	position:absolute;
	top:3%;
	left:3%;
	width:94%;
	height:94%;
	z-index:99;
}
.group-words-main{
	-webkit-box-shadow:0 0 3px #ddd;
	box-shadow:0 0 3px #ddd;
	background:#f3f3f3;
	margin-bottom:15px;
}
.set-group-words .group-words-head{
	color:#555;
	font-size:16px;
	line-height:22px;
	padding:30px 25px;
	font-weight:600;
	overflow:hidden;
	text-align:center;
	position:relative;
}
.set-group-words .group-words-list{
	padding:10px;
	overflow:auto;
}
.group-close{
	position:absolute;
	top:26px;
	right:25px;
	width:50px;
	height:30px;
	cursor:pointer;
}
.group-close img{
	width:22px;
}

/*参数设置*/
.select-seeting-item{
	overflow:hidden;
	padding:10px;
}

/*素材信息区域*/
.material-info {
    margin-top: 8px !important;
}

.material-info-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.statues-left {
    flex: 1;
}

.material-stats-right {
    flex-shrink: 0;
}

.material-stats-right .stat-item {
    display: inline-flex;
    align-items: center;
    margin-left: 15px;
    font-size: 14px;
    color: #888;
}

.material-stats-right .stat-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 3px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.material-stats-right .comment-icon {
    /* 小红书风格：消息气泡内两点 */
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z'/%3E%3Ccircle cx='8.5' cy='10' r='1.6' fill='%23fff'/%3E%3Ccircle cx='15.5' cy='10' r='1.6' fill='%23fff'/%3E%3C/svg%3E");
}

.material-stats-right .like-icon {
    /* 小红书风格：爱心 */
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");
}

.material-stats-right .collect-icon {
    /* 小红书风格：五角星（微调以与气泡视觉一致） */
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");
    background-size: 115% 115%;
}

/* 阅读量图标（眼睛，内联SVG，跟随文字颜色置灰） */
.material-stats-right .read-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}
.select-seeting-item .label{
	color:#222;
	line-height:24px;
	font-size:16px;
}
.select-seeting-item .cont{
	color:#555;
	line-height:20px;
	margin-top:5px;
	font-size:14px;
	overflow:hidden;
}
.select-seeting-item .cont input{
	padding:2px 5px;
	border-radius:4px;
	border:none;
	background:#fff;
	line-height:25px;
	width:280px;
}
.select-seeting-item .cont textarea{
	width:280px;
	height:100px;
	overflow-y:auto;
	border: none;
	border-radius:4px;
	line-height:23px;
	padding:2px 5px;
	color: #333;
}
.select-seeting-item .border{
	border:1px solid #ddd !important;
}
.select-seeting-item .cont2{
	color:#555;
	line-height:20px;
	margin-top:5px;
	font-size:14px;
	overflow:hidden;
	padding:10px;
	background:#fff;
}
.select-seeting-item .cont2 textarea{
	width:100%;
	height:100px;
	overflow-y:auto;
	border: none;
	border-radius:4px;
	line-height:23px;
	padding:2px 5px;
	width: 100% !important;
	color: #333;
}
.select-seeting-item .desc{
	color:#888;
	line-height:20px;
	margin-top:3px;
	font-size:13px;
}
.select-seeting-item .items{
	overflow: hidden;
    background: #eee;
    border-radius: 8px;
    margin-right: 15px;
    margin-top: 10px;
    padding: 2px 10px;
    float: left;
    color: #555;
	cursor:pointer;
}
.select-seeting-item .active{
	background:#1890ff;
	color:#f8f8f8 !important;
}
.select-seeting-item .active .descs{
	color:#f8f8f8 !important;
}
.select-seeting-item .items .name{
	line-height:20px;
	font-size:14px;
	text-align:center;
}
.select-seeting-item .items .descs{
	color:#888;
	line-height:20px;
	margin-top:3px;
	font-size:12px;
	text-align:center;
}

.select-seeting-tishi{
	line-height:21px; 
	color:#666; 
	font-size:15px;
	padding:15px;
	margin-top:10px;
}

.select-seeting-btn{
	overflow:hidden;
	padding:15px;
	text-align:right;
}
.select-seeting-btn .cancel{
	line-height: 25px;
    background-color: #fff;
	font-size:15px;
    border: 1px solid #ddd;
    cursor: pointer;
    border-radius: 5px;
	text-align:center;
	color:#666;
	padding:6px 10px;
	margin-right:10px;
}

/*自定义下拉框*/
.custom-select{
	overflow: hidden;
	max-width:293px;
	color:#333;
	padding: 4px 5px;
    border-radius: 4px;
    border: 1px solid #eee;
	cursor:pointer;
	background:#fff;
}
.custom-select .placeholder{
	color:#888;
}
.custom-select .select-cont{
	height:25px;
	line-height:25px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}
.custom-select .icon{
	overflow:hidden;
	float:right;
	width:21px;
	text-align:center;
}
.custom-select .icon img{
	width:20px;
}

/*下拉选择弹窗*/
.choose-self-select{
	overflow:hidden;
	position:absolute;
	top:295px;
	left:144px;
	width:280px;
	border-radius:5px;
	-webkit-box-shadow:0 0 3px #d3d3d3;
	box-shadow:0 0 3px #d3d3d3;
	background:#fff;
	z-index:100;
}
.choose-self-select .model-select-list .select-item{
	padding: 7px 10px;
    overflow: hidden;
    cursor: pointer;
    margin-top: 5px;
}
.choose-self-select .model-select-list .select-item:hover{
	background:#f3f3f3;
}
.choose-self-select .model-select-list .active{
	background:#DEE5EE;
}
.choose-self-select .model-select-list .select-item-name{
	color:#222;
	line-height:21px;
	font-size:14px;
	overflow:hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
}
.choose-self-select .model-select-list .select-item-desc{
	color:#888;
	line-height:21px;
	font-size:13px;
	margin-top:5px;
	max-height:42px;
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/*模型选择*/
.choose-model-select{
	overflow:hidden;
	position:absolute;
	bottom:158px;
	left:15px;
	width:280px;
	border-radius:8px;
	box-shadow: 0 2px 20px #ddd;
	-webkit-box-shadow: 0 2px 20px #ddd;
	background:#fff;
	z-index:100;
}
.choose-model-select2{
	overflow:hidden;
	position:absolute;
	bottom:158px;
	left:15px;
	width:280px;
	border-radius:8px;
	box-shadow: 0 2px 20px #ddd;
	-webkit-box-shadow: 0 2px 20px #ddd;
	background:#fff;
	z-index:100;
}
.choose-self-select .model-select-list{
	padding:5px 10px;
	max-height:335px;
	min-height:30px;
	overflow-y:auto;
}
.model-select-list{
	padding:10px;
	max-height:420px;
	min-height:100px;
	overflow-y:auto;
}
.model-select-list .select-item{
	padding:10px 10px;
	overflow:hidden;
	cursor:pointer;
}
.model-select-list .select-item:hover{
	background:#f3f3f3;
}
.model-select-list .select-item-name{
	color:#222;
	line-height:21px;
	font-size:16px;
	overflow:hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
}
.model-select-list .select-item-desc{
	color:#888;
	line-height:21px;
	font-size:14px;
	margin-top:5px;
	max-height:42px;
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.model-select-list .icon{
	width:52px;
	float:left;
	overflow:hidden;
	text-align:left;
}
.model-select-list .icon img{
	width:42px;
	height:42px;
	border-radius:50%;
}
.model-select-list .cont{
	overflow:hidden;
}
.model-select-list .title{
	overflow:hidden;
	color:#333;
	font-size:0.95rem;
	font-weight:600;
	line-height:21px;
}

.model-select-list .desc{
	color:#888;
	font-size:0.85rem;
	line-height:21px;
	margin-top:3px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}

.btn{
	height: 35px;
    line-height: 35px;
	width:100px;
    background-color: #007bff;
	font-size:16px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
	text-align:center;
	color:#fff;
	margin:25px auto;
}

.layui-m-layerchild{
	overflow:auto;
}
.layui-m-layerchild h3{
	height:48px !important;
	line-height:48px !important;
}
button:disabled {
    background-color: #c3c6cb;
    cursor: not-allowed;
}

/**提示词内容框**/
.content-tool {
	overflow: hidden;
	padding: 5px 2px;
}
.content-tool .tool-item {
	color: #3F57D5;
	float: left;
	line-height: 21px;
	margin-right: 15px;
	font-size: 14px;
	background: #FFFFFF;
	padding: 4px 12px;
	border-radius: 5px;
	cursor: pointer;
}
.content-tool .tool-item img {
	width: 21px;
}
.content-tool .tool-item span {
	margin-left: 3px;
}
/*ai内容改写*/
.ai-edit-wrap{
	overflow:hidden;
}
.ai-edit-wrap .tishi{
	color:#777;
	font-size:14px;
	line-height:21px;
	padding:8px 0px;
}
.ai-edit-wrap-left{
	width:45%;
	float:left;
	overflow:hidden;
}
.ai-edit-wrap-right{
	overflow:hidden;
}
.ai-edit-wrap-right .gener-content{
	background: #fff;
	border-radius: 5px;
	padding: 10px;
	line-height: 23px;
	font-size: 15px;
	height: 350px;
	overflow-y: auto !important;
	color: #222;
	width: 100%;
	box-sizing: border-box;
	border: none;
}
.ai-edit-wrap .disabled{
	background: #abcaeb !important;
	cursor: not-allowed;
}

.btn{
	height: 35px;
	line-height: 35px;
	width:100px;
	background-color: #007bff;
	font-size:16px;
	border: none;
	cursor: pointer;
	border-radius: 4px;
	text-align:center;
	color:#fff;
	margin:25px auto;
}


.layui-m-layerchild h3{
	height:48px !important;
	line-height:48px !important;
}
/* 搜索框样式 */
.search-container {
	padding: 10px 0px;
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.search-box {
	position: relative;
	background-color: #fff;
	border-radius: 15px;
	flex: 1;
}
.search-collapse-btn{
	width: 48px;
	text-align: right;
	cursor: pointer;
	display: flex;
	align-items: center;
	flex-direction: column;
}	
/* 展开侧边栏按钮 */
.expand-left-btn{
	position: fixed;
	left: 92px;
	top: 12px;
	width: 28px;
	height: 28px;
	background: #f5f5f5;
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	display: flex !important;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 99999;
	transition: all 0.2s ease;
	visibility: hidden;
}
.expand-left-btn:hover{
	background: #e8e8e8;
	box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
.expand-left-btn img{
	width: 16px;
	height: 16px;
	opacity: 0.7;
	transition: opacity 0.2s ease;
}
.expand-left-btn:hover img{
	opacity: 1;
}

/* ==================== 公共图库样式（GGTK_前缀） ==================== */

/* CustomList 容器适配 */
#public-gallery-list{
	height: 100%;
}
#public-gallery-list .custom-list-container{
	padding: 0;
}
#public-gallery-list .custom-list-search{
	background: #f8f9fa;
	padding: 15px;
	border-radius: 8px;
	margin-bottom: 15px;
}
#public-gallery-list .custom-list-table{
	border-radius: 8px;
	overflow: hidden;
}

/* 列表 */
.GGTK_gallery_list{
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* 卡片 */
.GGTK_gallery_card{
	background: #fff;
	border-radius: 8px;
	padding: 20px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.06);
	transition: all 0.3s;
}
.GGTK_gallery_card:hover{
	box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}
.GGTK_gallery_card_header{
	margin-bottom: 10px;
}
.GGTK_gallery_title{
	font-size: 16px;
	font-weight: 500;
	color: #333;
}

/* 标签 */
.GGTK_gallery_tags{
	display: flex;
	gap: 10px;
	margin-bottom: 15px;
	flex-wrap: wrap;
}
.GGTK_tag{
	padding: 4px 12px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 500;
}
.GGTK_tag_blue{
	background: #e3f2fd;
	color: #1976d2;
}
.GGTK_tag_pink{
	background: #fce4ec;
	color: #c2185b;
}
.GGTK_tag_green{
	background: #e8f5e9;
	color: #388e3c;
}
.GGTK_tag_cyan{
	background: #e0f7fa;
	color: #00838f;
}
.GGTK_tag_orange{
	background: #fff3e0;
	color: #e65100;
}
.GGTK_tag_purple{
	background: #f3e5f5;
	color: #7b1fa2;
}

/* 图片网格 */
.GGTK_gallery_imgs{
	display: flex;
	gap: 10px;
	margin-bottom: 15px;
	flex-wrap: wrap;
}
.GGTK_gallery_img_item{
	width: 120px;
	height: 120px;
	background-size: cover;
	background-position: center;
	border-radius: 8px;
	cursor: pointer;
	transition: transform 0.3s;
}
.GGTK_gallery_img_item:hover{
	transform: scale(1.05);
}

/* 底部 */
.GGTK_gallery_footer{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 15px;
	border-top: 1px solid #f0f0f0;
}
.GGTK_gallery_meta{
	display: flex;
	gap: 20px;
	align-items: center;
}
.GGTK_gallery_date{
	font-size: 13px;
	color: #999;
	display: flex;
	align-items: center;
	gap: 5px;
}
.GGTK_gallery_date img{
	width: 14px;
	height: 14px;
}
.GGTK_gallery_download{
	font-size: 13px;
	color: #409EFF;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 5px;
}
.GGTK_gallery_download img{
	width: 14px;
	height: 14px;
}
.GGTK_gallery_download:hover{
	text-decoration: underline;
}
.GGTK_gallery_use_count{
	font-size: 13px;
	color: #999;
}

/* 操作按钮 */
.GGTK_gallery_actions{
	display: flex;
	gap: 15px;
}
.GGTK_btn{
	font-size: 13px;
	color: #409EFF;
	cursor: pointer;
	transition: color 0.2s;
}
.GGTK_btn:hover{
	color: #66b1ff;
	text-decoration: underline;
}

/* 公共图库表单样式 */
.GGTK-select-seeting-wrap{
    padding: 5px;
    max-height: 500px;
    overflow-y: auto;
}
.GGTK-select-seeting-module{
    background: #fff;
    border-radius: 8px;
	padding: 10px;
}
.GGTK-select-seeting-title{
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.GGTK-select-seeting-item{
	margin-bottom: 15px;
	overflow: hidden;
}
.GGTK-select-seeting-float{
	display: flex;
	align-items: flex-start;
	min-height: 32px;
	padding-bottom: 10px;
}
.GGTK-select-seeting-float .GGTK-label{
	line-height: 32px;
}
.GGTK-nobottom{
    margin-bottom: 0;
}
.GGTK-label{
	width: 85px;
	text-align: left;
	padding-right: 10px;
	line-height: 32px;
	color: #666;
	font-size: 14px;
	flex-shrink: 0;
}
.GGTK-require{
    color: #ff4d4f;
    margin-right: 4px;
}
.GGTK-cont{
    flex: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.GGTK-select{
    width: 360px;
    height: 32px;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #555;
    font-size: 14px;
}
.GGTK-input{
    width: 360px;
    height: 32px;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #555;
    font-size: 14px;
}
.GGTK-input-day{
    width: 160px;
    height: 32px;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #555;
    font-size: 14px;
}
.GGTK-textarea{
    width: 360px;
    padding: 8px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #555;
    font-size: 14px;
    resize: vertical;
}
.GGTK-items{
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s;
    background: #fff;
}
.GTK-items:hover{
    border-color: #409EFF;
}
.GGTK-items.GGTK-active{
    background: #409EFF;
    border-color: #409EFF;
    color: #fff;
}
.GGTK-name{
    font-size: 14px;
}
.GGTK-img-wrap{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: flex-start;
	max-width: 330px;
}
.GGTK-show-imgs{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.GGTK-show-imgs-item{
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #eee;
}
.GGTK-show-imgs-item .GGTK-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.GGTK-show-imgs-remove{
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.2s;
}
.GGTK-show-imgs-item:hover .GGTK-show-imgs-remove{
    opacity: 1;
}
.GGTK-show-imgs-remove img{
    width: 12px;
    height: 12px;
}
.GGTK-uploader{
    width: 100px;
    height: 100px;
    border: 1px dashed #ddd;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
}
.GGTK-uploader:hover{
    border-color: #409EFF;
    background: #f0f9ff;
}
.GGTK-uploader-plus img{
    width: 30px;
    height: 30px;
}
.GGTK-select-seeting-bottom{
    padding: 15px 20px;
    border-top: 1px solid #eee;
    background: #f9f9f9;
    border-radius: 0 0 8px 8px;
}
.GGTK-select-seeting-btn{
    display: flex;
    justify-content: flex-end;
    gap: 15px;
}
.GGTK-cancel{
    padding: 8px 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    color: #666;
    transition: all 0.2s;
}
.GGTK-cancel:hover{
    border-color: #999;
    color: #333;
}
.GGTK-sure{
    padding: 8px 20px;
    background: #409EFF;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    transition: all 0.2s;
}
.GGTK-sure:hover{
	background: #66b1ff;
}

/* 一键修图按钮 */
.GGTK-process-img-btn{
	margin-left: 10px;
	align-self: flex-start;
}
.GGTK-process-img-btn .GGTK-btn{
	display: inline-block;
	padding: 2px 8px;
	background: #52c41a;
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	transition: all 0.2s;
	white-space: nowrap;
}
.GGTK-process-img-btn .GGTK-btn:hover{
	background: #73d13d;
}

/* ==================== 公共图库样式结束 ==================== */

.search-box input {
	width: 100%;
	height: 28px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 5px;
	font-size: 14px;
	color: #333;
	transition: all 0.3s ease;
	background-color: #fff;
}

.search-box input:focus {
	outline: none;
	border-color: #1677ff;
	box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.2);
}

.search-box .fa-search {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	color: #8c8c8c;
	font-size: 16px;
}

/* 搜索框占位符样式 */
.search-box input::placeholder {
	color: #bfbfbf;
	font-size: 14px;
}

/* 搜索框获得焦点时占位符样式 */
.search-box input:focus::placeholder {
	color: #d9d9d9;
}

/* 平滑过渡效果 */
.search-box input,
.search-box input:focus {
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 列表项悬停效果 */
.assistants-list-item:hover,
.msg-list-item:hover {
	transition: background-color 0.2s ease;
}

.choose-model-select .model-select-list .active{
	background-color: #1890ff !important;
}
.choose-model-select2 .model-select-list .active{
	background-color: #1890ff !important;
}
.no-content{
	overflow: hidden;
	line-height: 21px;
	color: #333;
	font-size: 14px;
	border-radius: 12px;
	padding: 3px 10px;
	border: 1px solid #eee;
	display: inline-block;
	cursor: pointer;
	background: #fff;
}
/**设置滑动条**/
.slider-container {
	margin: 50px;
	font-family: Arial, sans-serif;
}

input[type="range"] {
	width: 300px;
	height: 8px;
	-webkit-appearance: none;
	appearance: none;
	background: #e0e0e0;
	border-radius: 4px;
	outline: none;
}

/* 滑块样式 */
.huadong input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #1890ff;
	cursor: pointer;
	transition: background 0.3s ease;
}

.huadong input[type="range"]::-moz-range-thumb {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #1890ff;
	cursor: pointer;
	transition: background 0.3s ease;
	border: none;
}

.huadong input[type="range"]::-webkit-slider-thumb:hover,
.huadong input[type="range"]::-moz-range-thumb:hover {
	background: #45a049;
}

.huadong #valueDisplay {
	font-size: 14px;
	color: #333;
	padding: 8px 10px;
	display: inline-block;
	min-width: 80px;
}

/**菜单布局**/
.chat-message-main-wrap{
	overflow: hidden;
}
.right-number-list {
    float: left;
    width: 260px;
	height: 100vh;
	border-radius: 10px;
}
.messages-container {
	position: relative;
}

.knowledge-base-container{
	padding: 20px;
}

.chat-modal-menu-item{
	padding:10px 5px;
	overflow:hidden;
	cursor:pointer;
	display: flex;
	flex-direction: row;
	color: #333;
	line-height: 22px;
	font-size: 14px;
	border-radius: 5px;
}
.chat-modal-menu-item .chat-icon{
	width: 30px;
}
.chat-modal-menu-item .chat-icon img{
	width: 22px;
}
.chat-modal-menu-item .chat-cont{
	overflow: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
}
.chat-modal-menu-item:hover{
	background:#f3f3f3;
}
.loading-more{
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #777;
	font-size: 14px;
	line-height: 25px;
}
.loading-more:hover{
	color: #1890ff;
}

/* AC-人物关系账号绑定样式 */
.AC-account-bind-wrap{
	display: flex;
	width: 100%;
	height: 100%;
	min-height: 500px;
}

.AC-account-bind-left{
	width: 230px;
	flex-shrink: 0;
	background: #f5f5f5;
	border-right: 1px solid #e0e0e0;
	display: flex;
	flex-direction: column;
}

.AC-account-search{
	padding: 15px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.AC-search-wrap{
	flex: 1;
	position: relative;
	display: flex;
	align-items: center;
}

.AC-search-icon{
	position: absolute;
	left: 10px;
	color: #999;
	font-size: 14px;
	z-index: 1;
}

.AC-search-input{
	width: 100%;
	height: 36px;
	padding: 0 12px 0 36px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	outline: none;
	box-sizing: border-box;
}

.AC-search-input:focus{
	border-color: #1890ff;
}

.AC-account-add-icon{
	width: 24px;
	height: 24px;
	background: #52c41a;
	color: #fff;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.2s ease;
	flex-shrink: 0;
}

.AC-account-add-icon:hover{
	background: #73d13d;
}

.AC-account-list{
	flex: 1;
	overflow-y: auto;
	padding: 0 10px 10px;
}

.AC-account-item{
	display: flex;
	align-items: center;
	padding: 12px 10px;
	margin-bottom: 8px;
	background: #fff;
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.2s ease;
	border: 1px solid transparent;
}

.AC-account-item:hover{
	background: #f0f7ff;
}

.AC-account-item.active{
	background: #e6f7ff;
	border-color: #1890ff;
}

.AC-account-avatar{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #1890ff;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	flex-shrink: 0;
	margin-right: 10px;
}

.AC-account-info{
	flex: 1;
	overflow: hidden;
}

.AC-account-title{
	font-size: 14px;
	color: #333;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 4px;
}

.AC-account-type{
	font-size: 12px;
	color: #999;
}

.AC-account-bind-right{
	flex: 1;
	overflow-y: auto;
	padding: 20px;
	background: #fff;
}

.AC-account-detail{
	background: #fafafa;
	border-radius: 8px;
	padding: 20px;
}

.AC-account-detail-header{
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e0e0e0;
}

.AC-account-detail-header h3{
	margin: 0;
	font-size: 16px;
	color: #333;
	font-weight: 600;
}

.AC-account-detail-content{
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.AC-account-detail-item{
	display: flex;
	align-items: flex-start;
}

.AC-account-detail-label{
	width: 100px;
	flex-shrink: 0;
	font-size: 14px;
	color: #666;
	text-align: right;
}

.AC-account-detail-value{
	flex: 1;
	font-size: 14px;
	color: #333;
	word-break: break-all;
}

.AC-loading-wrap{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 0;
}

.AC-loading{
	color: #999;
	font-size: 14px;
}

.AC-empty-wrap{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 0;
}

.AC-empty{
	color: #999;
	font-size: 14px;
}

/* 账号内容页样式（主Tab使用） */
.account-content-wrap{
	width: 100%;
	height: 100%;
	padding: 0;
}

.account-content-main{
	display: flex;
	height: 100%;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.08);
	overflow: hidden;
}

.account-left-panel{
	width: 230px;
	flex-shrink: 0;
	background: #f8f9fa;
	border-right: 1px solid #e8e8e8;
	display: flex;
	flex-direction: column;
}

.account-panel-header{
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #e8e8e8;
}

.account-panel-header h3{
	margin: 0;
	font-size: 15px;
	color: #333;
	font-weight: 600;
}

.account-add-btn{
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 5px 10px;
	background: #1890ff;
	color: #fff;
	border: none;
	border-radius: 4px;
	font-size: 12px;
	cursor: pointer;
	transition: all 0.2s;
}

.account-add-btn::before{
	content: "+";
	font-size: 14px;
	font-weight: 600;
}

.account-add-btn:hover{
	background: linear-gradient(135deg, #40a9ff 0%, #1890ff 100%);
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(24, 144, 255, 0.35);
}

.account-search-box{
	padding: 12px 15px;
	border-bottom: 1px solid #e8e8e8;
}

.account-search-box input{
	width: 100%;
	height: 32px;
	padding: 0 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 13px;
	box-sizing: border-box;
}

.account-search-box input:focus{
	outline: none;
	border-color: #1890ff;
}

.account-list{
	flex: 1;
	overflow-y: auto;
	padding: 10px;
}

.account-item{
	display: flex;
	align-items: center;
	padding: 10px 12px;
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.2s;
	margin-bottom: 4px;
}

.account-item:hover{
	background: #ecf5ff;
}

.account-item.active{
	background: #ecf5ff;
}

.account-item.active .account-name,
.account-item.active .account-type{
	color: #1890ff;
}

.account-avatar{
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #e0e0e0;
	color: #666;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 500;
	flex-shrink: 0;
}

.account-item.active .account-avatar{
	background: #1890ff;
	color: #fff;
}

.account-info{
	flex: 1;
	overflow: hidden;
}

.account-name{
	font-size: 14px;
	color: #333;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.account-type{
	font-size: 12px;
	color: #999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 2px;
}

.account-right-panel{
	flex: 1;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.account-detail-panel{
	flex: 1;
	overflow-y: auto;
	padding: 0px;
}

.account-empty-tip{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	color: #999;
	font-size: 14px;
}

.account-detail-header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 15px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 20px;
}

.account-detail-header h3{
	margin: 0;
	font-size: 16px;
	color: #333;
}

.account-actions{
	display: flex;
	gap: 10px;
}

.account-action-btn{
	padding: 6px 14px;
	border: 1px solid #1890ff;
	background: #fff;
	color: #1890ff;
	border-radius: 4px;
	font-size: 13px;
	cursor: pointer;
	transition: all 0.2s;
}

.account-action-btn:hover{
	background: #1890ff;
	color: #fff;
}

.account-detail-content{
	
}

.account-detail-label{
	width: 100px;
	color: #666;
	font-size: 14px;
	flex-shrink: 0;
}

.account-detail-value{
	flex: 1;
	color: #333;
	font-size: 14px;
	word-break: break-all;
}

.account-loading,
.account-error,
.account-empty{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 0;
	color: #999;
	font-size: 14px;
}

.account-detail-tabs{
	margin-top: 15px;
}

.account-info-tab{
	padding: 10px 0;
}

.account-info-item{
	display: flex;
	padding: 12px 0;
	border-bottom: 1px solid #f0f0f0;
}

.account-info-item .info-label{
	width: 100px;
	color: #666;
	font-size: 14px;
	flex-shrink: 0;
}

.account-info-item .info-value{
	flex: 1;
	color: #333;
	font-size: 14px;
	word-break: break-all;
}

.account-publish-tab,
.account-stats-tab{
	padding: 20px;
}

.account-empty-tip{
	text-align: center;
	color: #999;
	font-size: 14px;
	padding: 40px 0;
}

.account-info-actions{
	display: flex;
	gap: 10px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #f0f0f0;
}

.account-action-btn{
	padding: 6px 16px;
	border-radius: 4px;
	font-size: 13px;
	cursor: pointer;
	border: none;
	transition: all 0.2s;
}

.account-edit-btn{
	background: #1890ff;
	color: #fff;
}
.account-delete-btn{
	background: #fff;
	color: #f56c6c;
	border: 1px solid #e6e6e6;
}

.account-delete-btn:hover{
	background: #fef0f0;
	border-color: #f56c6c;
}
/***对标账号相关***/
.account-case-list-item{
	background: #fff;
	border-bottom: 1px solid #f0f0f0;
	padding: 12px 15px;
	cursor: pointer;
}

.account-case-list-item:hover{
	background: #f9f9f9;
}

.account-case-list-item .material-list-item-title{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}

.account-case-list-item .material-list-item-title-left{
	display: flex;
	align-items: center;
	gap: 10px;
}

.account-case-list-item .list-item-icon{
	padding: 2px 8px;
	border-radius: 4px;
	font-size: 12px;
}

.account-case-list-item .list-item-icon.type-dabiao{
	background: #e6f7ff;
	color: #1890ff;
	border: 1px solid #91d5ff;
}

.account-case-list-item .list-item-icon.type-zhinentijiaru{
	background: #f6ffed;
	color: #52c41a;
	border: 1px solid #b7eb8f;
}

.account-case-list-item .list-item-title{
	color: #333;
	font-size: 14px;
	font-weight: 500;
}

.account-case-list-item .list-item-time{
	color: #999;
	font-size: 12px;
}

.account-case-list-item .case-content{
	color: #666;
	font-size: 14px;
	line-height: 24px;
	overflow: hidden;
	word-break: break-all;
}

.account-case-list-item .material-list-item-fd{
	text-align: center;
	padding: 5px 0;
	color: #3855d5;
	font-size: 13px;
	cursor: pointer;
}

.account-case-list-item .material-list-item-fd .collis-shenglv{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
}

.account-case-list-item .material-list-item-fd img{
	width: 12px;
	height: 12px;
}
/***================账号相关================***/
.account-publish-item{
	background: #fff;
	border-bottom: 1px solid #f0f0f0;
	padding: 12px 15px;
	cursor: pointer;
}

.account-publish-item:hover{
	background: #f9f9f9;
}

.account-publish-item .publish-hd{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}

.account-publish-item .publish-title{
	color: #333;
	font-size: 14px;
	font-weight: 500;
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: 10px;
}

.account-publish-item .publish-status{
	padding: 2px 8px;
	border-radius: 4px;
	font-size: 12px;
}

.account-publish-item .publish-status.type-dabiao{
	background: #e6f7ff;
	color: #1890ff;
	border: 1px solid #91d5ff;
}

.account-publish-item .publish-status.type-zhinentijiaru{
	background: #f6ffed;
	color: #52c41a;
	border: 1px solid #b7eb8f;
}

.account-publish-item .publish-status.type-default{
	background: #f5f5f5;
	color: #666;
	border: 1px solid #e6e6e6;
}

.account-publish-item .publish-time{
	color: #999;
	font-size: 12px;
	white-space: nowrap;
}

.account-publish-item .publish-content{
	color: #666;
	font-size: 14px;
	line-height: 22px;
	overflow: hidden;
	word-break: break-all;
}

.account-publish-item .publish-fd{
	text-align: center;
	padding: 5px 0;
	color: #3855d5;
	font-size: 13px;
	cursor: pointer;
}

.account-publish-item .publish-fd .collis-shenglv{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
}

.account-publish-item .publish-fd img{
	width: 12px;
	height: 12px;
}

.account-publish-item .publish-actions{
	margin-top: 10px;
	text-align: right;
}

.account-publish-item .publish-actions .use-material{
	display: inline-block;
	padding: 4px 12px;
	font-size: 12px;
	color: #fff;
	background: #1890ff;
	border-radius: 4px;
	cursor: pointer;
}

.account-publish-item .publish-actions .use-material:hover{
	background: #40a9ff;
}

.account-publish-item .publish-stats{
	display: flex;
	justify-content: flex-end;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #f5f5f5;
}

.account-publish-item .publish-images{
	overflow: hidden;
	padding-top: 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.account-publish-item .publish-img-item{
	width: 80px;
	height: 80px;
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
	flex-shrink: 0;
}

.account-publish-item .publish-img-item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.account-publish-item .material-stats-right{
	display: flex;
	align-items: center;
	gap: 15px;
}

.account-publish-item .stat-item{
	display: flex;
	align-items: center;
	gap: 4px;
	color: #999;
	font-size: 13px;
}

.account-publish-item .stat-icon{
	width: 16px;
	height: 16px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
}

.account-publish-item .stat-icon.comment-icon{
	background-image: url('/static/img/icon/pingjia.png');
}

.account-publish-item .stat-icon.like-icon{
	background-image: url('/static/img/icon/dianzan.png');
}

.account-publish-item .stat-icon.collect-icon{
	background-image: url('/static/img/icon/shoucang.png');
}
.account-search-box {
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
}

.account-type-select {
    width: 65px;
    padding: 6px 6px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
}

#account-search-input {
    flex: 1;
    padding: 6px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
}

/*================人物百科样式================*/
.BK_baike-container {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding: 20px;
    box-sizing: border-box;
    background: #f5f7fa;
}

/* 头部操作栏 */
.BK_baike-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.BK_header-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.BK_label {
    font-size: 14px;
    color: #666;
}

.BK_identity-select {
    padding: 6px 12px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    background: #fff;
    cursor: pointer;
    min-width: 120px;
}

.BK_identity-select:focus {
    outline: none;
    border-color: #1890ff;
}

.BK_header-right {
    display: flex;
    gap: 10px;
}

.BK_btn {
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s;
}

.BK_btn-preview {
    background: #fff;
    color: #1890ff;
    border: 1px solid #1890ff;
}

.BK_btn-preview:hover {
    background: #e6f7ff;
}

.BK_btn-save {
    background: #1890ff;
    color: #fff;
}

.BK_btn-save:hover {
    background: #40a9ff;
}

/* 卡片样式 */
.BK_card {
    background: #fff;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    overflow: hidden;
}

.BK_card-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 15px 20px;
    border-bottom: 1px solid #f0f0f0;
    background: #fafafa;
}

.BK_card-icon {
    font-size: 14px;
}

.BK_card-title {
    font-size: 13px;
    font-weight: 600;
    color: #333;
    flex: 1;
}

.BK_btn-add {
    padding: 6px 14px;
    background: #1890ff;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.3s;
}

.BK_btn-add:hover {
    background: #40a9ff;
}

.BK_card-body {
    padding: 10px;
}

/* CustomForm表单在百科中的样式调整 */
#BK_basic_form_container .custom-form {
    background: transparent;
}

/* 左右两个表单的容器样式 */
#BK_basic_form_left .custom-form,
#BK_basic_form_right .custom-form {
    background: transparent;
}

/* 左右表单输入框宽度 */
#BK_basic_form_left .CU-form-cont input,
#BK_basic_form_left .CU-form-cont textarea,
#BK_basic_form_right .CU-form-cont input,
#BK_basic_form_right .CU-form-cont textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
}

/* 表单分区标题 */
.BK_form-section-title {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e8e8e8;
}

/* 身份类型只读文本 */
.BK_identity-text {
    font-size: 14px;
    color: #333;
    font-weight: 500;
    padding: 6px 0;
}

/* 隐藏医生专属信息列 */
.BK_form-col-hidden {
    display: none;
}

/*================百科预览侧边弹窗样式================*/
/* 预览容器 */
.BK_preview_container {
    padding: 20px;
    background: #f5f7fa;
    min-height: 100%;
}

/* 预览区块 */
.BK_preview_section {
    background: #fff;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 16px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

/* 区块标题 */
.BK_preview_section_title {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
}

/* 身份类型 */
.BK_preview_identity {
    font-size: 14px;
    color: #1890ff;
    font-weight: 500;
}

/* 信息网格 */
.BK_preview_info_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 12px;
}

/* 信息项 */
.BK_preview_info_item {
    font-size: 13px;
    line-height: 1.6;
}

/* 标签 */
.BK_preview_label {
    color: #666;
}

/* 值 */
.BK_preview_value {
    color: #333;
}

/* 简介、擅长领域、学术成果 */
.BK_preview_intro,
.BK_preview_expertise,
.BK_preview_achievements {
    font-size: 13px;
    line-height: 1.8;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dashed #f0f0f0;
}

/* 事件列表 */
.BK_preview_events,
.BK_preview_relations {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* 事件项 */
.BK_preview_event_item,
.BK_preview_relation_item {
    background: #fafafa;
    border-radius: 6px;
    padding: 12px;
    border-left: 3px solid #1890ff;
}

/* 事件头部 */
.BK_preview_event_header,
.BK_preview_relation_header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    flex-wrap: wrap;
}

/* 事件类型标签 */
.BK_preview_event_type,
.BK_preview_relation_type {
    font-size: 11px;
    padding: 2px 8px;
    background: #e6f7ff;
    color: #1890ff;
    border-radius: 4px;
}

/* 事件标题 */
.BK_preview_event_title,
.BK_preview_relation_name {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    flex: 1;
}

/* 事件时间 */
.BK_preview_event_time,
.BK_preview_relation_time {
    font-size: 12px;
    color: #999;
}

/* 身份标识 */
.BK_preview_relation_identity {
    font-size: 12px;
    color: #666;
    background: #f0f0f0;
    padding: 2px 8px;
    border-radius: 4px;
}

/* 事件元信息 */
.BK_preview_event_meta {
    font-size: 12px;
    color: #666;
    margin-bottom: 6px;
}

/* 事件描述 */
.BK_preview_event_desc,
.BK_preview_relation_desc {
    font-size: 13px;
    color: #333;
    line-height: 1.6;
}

/* 空状态 */
.BK_preview_empty {
    text-align: center;
    color: #999;
    font-size: 13px;
    padding: 20px;
}

/* 侧边弹窗样式调整 */
.BK_preview_drawer .layui-layer-content {
    background: #f5f7fa;
}

/* 简单粗暴：固定input和textarea宽度为370px */
#BK_basic_form_container .CU-form-cont input,
#BK_basic_form_container .CU-form-cont textarea {
    width: 380px !important;
    max-width: 380px !important;
    min-width: 380px !important;
}

/* 表单布局 - 保留原有样式供参考 */
.BK_form-row {
    display: flex;
    gap: 40px;
}

.BK_form-col {
    flex: 1;
    max-width: 50%;  /* 限制最大宽度为50%，防止单列时占满 */
}

/* 当只有左边表单时（非医生），限制其宽度 */
.BK_form-col:first-child:last-child {
    max-width: 500px;  /* 单列时的最大宽度 */
}

.BK_form-item {
    margin-bottom: 20px;
}

.BK_form-label {
    display: block;
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
}

.BK_form-input,
.BK_form-select {
    width: 100%;
    height: 36px;
    padding: 0 12px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    box-sizing: border-box;
    transition: all 0.3s;
}

.BK_form-input:focus,
.BK_form-select:focus {
    outline: none;
    border-color: #1890ff;
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

.BK_date-input {
    cursor: pointer;
}

.BK_form-textarea {
    width: 100%;
    min-height: 80px;
    padding: 10px 12px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    box-sizing: border-box;
    resize: vertical;
    font-family: inherit;
    line-height: 1.5;
    transition: all 0.3s;
}

.BK_form-textarea:focus {
    outline: none;
    border-color: #1890ff;
    box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}

/* 单选框组 */
.BK_radio-group {
    display: flex;
    gap: 20px;
}

.BK_radio {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
}

.BK_radio input[type="radio"] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* 事件列表 */
.BK_event-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.BK_empty-tip {
    text-align: center;
    color: #999;
    font-size: 14px;
    padding: 40px 0;
}

.BK_event-item {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 10px;
    transition: all 0.3s;
}

.BK_event-item:hover {
    background: #f0f5ff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.BK_event-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.BK_event-type {
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
}

.BK_event-type-career {
    background: #e6f7ff;
    color: #1890ff;
}

.BK_event-type-academic {
    background: #f6ffed;
    color: #52c41a;
}

.BK_event-title {
    flex: 1;
    font-size: 13px;
    font-weight: 600;
    color: #333;
}

.BK_event-actions {
    display: flex;
    gap: 10px;
}

.BK_event-edit,
.BK_event-delete {
    cursor: pointer;
    font-size: 12px;
    opacity: 0.7;
    transition: opacity 0.3s;
}

.BK_event-edit:hover,
.BK_event-delete:hover {
    opacity: 1;
}

.BK_event-meta {
    display: flex;
    gap: 20px;
    margin-bottom: 8px;
    font-size: 13px;
    color: #666;
}

.BK_event-time,
.BK_event-location,
.BK_event-journal {
    color: #888;
}

.BK_event-desc {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}

/* 人物关系列表 */
.BK_relation-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.BK_relation-item {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 10px;
    transition: all 0.3s;
}

.BK_relation-item:hover {
    background: #f9f0ff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.BK_relation-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.BK_relation-type {
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
}

.BK_relation-type-同事 {
    background: #f6ffed;
    color: #52c41a;
}

.BK_relation-type-师徒 {
    background: #e6f7ff;
    color: #1890ff;
}

.BK_relation-type-同学 {
    background: #fff2f0;
    color: #ff4d4f;
}

.BK_relation-type-合作者 {
    background: #f9f0ff;
    color: #722ed1;
}

.BK_relation-name {
    flex: 1;
    font-size: 13px;
    font-weight: 600;
    color: #333;
}

.BK_relation-org {
    font-size: 13px;
    color: #666;
}

.BK_relation-actions {
    display: flex;
    gap: 10px;
}

.BK_relation-edit,
.BK_relation-delete {
    cursor: pointer;
    font-size: 16px;
    opacity: 0.7;
    transition: opacity 0.3s;
}

.BK_relation-edit:hover,
.BK_relation-delete:hover {
    opacity: 1;
}

.BK_relation-meta {
    display: flex;
    gap: 20px;
    margin-bottom: 8px;
    font-size: 13px;
    color: #666;
}

.BK_relation-type-label,
.BK_relation-cooperation,
.BK_relation-mentor-time {
    color: #888;
}

.BK_relation-desc {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .BK_form-row {
        flex-direction: column;
        gap: 0;
    }
    
    .BK_baike-header {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }
}

/* 对标账号左右布局样式 */
.benchmark-account-layout { display:flex; height:100%; background:#f5f7fa; }
.benchmark-account-layout .account-list-panel { width:200px; border-right:1px solid #e0e0e0; display:flex; flex-direction:column; background:#fff; }
.benchmark-account-layout .note-list-panel { flex:1; display:flex; flex-direction:column; background:#fff; }
.benchmark-account-layout .CU-search-field-label { display:none; }

/* 账号搜索 */
.benchmark-account-search { padding:10px; border-bottom:1px solid #f0f0f0; }
.benchmark-account-search .account-search-input { width:100%; height:32px; padding:0 10px; border:1px solid #d9d9d9; border-radius:4px; font-size:13px; box-sizing:border-box; }
.benchmark-account-search .account-search-input:focus { outline:none; border-color:#1890ff; }

/* 账号列表内容区 */
.benchmark-account-list-content { flex:1; overflow-y:auto; }
.benchmark-account-list-content .account-loading,
.benchmark-account-list-content .account-empty,
.benchmark-account-list-content .account-error { padding:20px; text-align:center; color:#999; font-size:13px; }

/* 账号列表项 */
.benchmark-account-list-content .account-item { padding:10px 12px; border-bottom:1px solid #f5f5f5; cursor:pointer; display:flex; align-items:center; gap:8px; transition:all 0.2s; }
.benchmark-account-list-content .account-item:hover { background:#f5f7fa; }
.benchmark-account-list-content .account-item.active { background:#e8f4f8; border-left:2px solid #1890ff; }

/* 账号头像 */
.benchmark-account-list-content .account-avatar { width:36px; height:36px; border-radius:50%; flex-shrink:0; }
.benchmark-account-list-content .account-avatar img { width:100%; height:100%; border-radius:50%; object-fit:cover; }
.benchmark-account-list-content .account-avatar-default { width:36px; height:36px; border-radius:50%; background:linear-gradient(135deg,#667eea 0%,#764ba2 100%); display:flex; align-items:center; justify-content:center; color:#fff; font-size:14px; font-weight:bold; flex-shrink:0; }

/* 账号信息 */
.benchmark-account-list-content .account-info { flex:1; overflow:hidden; }
.benchmark-account-list-content .account-name { font-size:13px; font-weight:500; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.benchmark-account-list-content .account-meta { font-size:11px; color:#999; margin-top:3px; }

/* 平台标签 */
.benchmark-account-list-content .platform-tag { display:inline-block; padding:1px 5px; border-radius:2px; font-size:10px; background:#f5f5f5; color:#666; border:1px solid #e0e0e0; }
.benchmark-account-list-content .platform-tag.xiaohongshu { background:#fff0f0; color:#c41e3a; border-color:#ffcdd2; }
.benchmark-account-list-content .platform-tag.douyin { background:#f5f5f5; color:#333; border-color:#ddd; }
.benchmark-account-list-content .platform-tag.soyoung { background:#e3f2fd; color:#1976d2; border-color:#bbdefb; }
.benchmark-account-list-content .note-count { margin-left:6px; }

/* 加载更多 */
.benchmark-account-loadmore { padding:12px; text-align:center; cursor:pointer; border-top:1px solid #f0f0f0; }
.benchmark-account-loadmore:hover { background:#f5f7fa; }
.benchmark-account-loadmore .loadmore-text { font-size:12px; color:#666; }
.account-item.active .account-name, .account-item.active .account-type,.benchmark-account-list-content .account-name{
	line-height: 1.2rem !important;
}

/* 账号列表空状态 */
.benchmark-account-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; min-height:200px; padding:20px; text-align:center; }
.benchmark-account-empty .empty-icon { font-size:48px; margin-bottom:12px; opacity:0.6; }
.benchmark-account-empty .empty-text { font-size:14px; color:#666; font-weight:500; margin-bottom:6px; }
.benchmark-account-empty .empty-desc { font-size:12px; color:#999; }


/*================技能资源类型标签样式================*/
/* 资源类型标签基础样式 */
.tag {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
}

/* 内容类型标签 - 蓝色 */
.tag-content {
    background: #e6f7ff;
    color: #1890ff;
    border: 1px solid #91d5ff;
}

/* 文件类型标签 - 绿色 */
.tag-file {
    background: #f6ffed;
    color: #52c41a;
    border: 1px solid #b7eb8f;
}

/* 启用状态标签 - 绿色 */
.tag-enabled {
    background: #f6ffed;
    color: #52c41a;
    border: 1px solid #b7eb8f;
}

/* 禁用状态标签 - 红色 */
.tag-disabled {
    background: #fff2f0;
    color: #ff4d4f;
    border: 1px solid #ffccc7;
}

.material-list-container {
    height:100%;
	background:#fff; 
	padding:0px 15px; 
	border-radius: 10px;
}


/* ==================== 素材库 - 视图切换按钮 ==================== */
.material-view-toggle {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	border: 1px solid #d9d9d9;
	border-radius: 6px;
	overflow: hidden;
	margin-right: 10px;
	height: 32px;
	flex-shrink: 0;
}
/* 确保搜索按钮区域不被遮盖 */
.CU-search-buttons {
	flex-shrink: 0;
}
.material-view-toggle .view-toggle-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 30px;
	cursor: pointer;
	background: #fff;
	transition: all 0.2s;
}
.material-view-toggle .view-toggle-btn:hover {
	background: #f0f0f0;
}
.material-view-toggle .view-toggle-btn.active {
	background: #1890ff;
}
.material-view-toggle .view-toggle-btn.active svg {
	fill: #fff;
}
.material-view-toggle .view-toggle-btn svg {
	fill: #999;
	transition: fill 0.2s;
}
.material-view-toggle .view-toggle-btn:hover svg {
	fill: #555;
}

/* ==================== 素材库 - 分组网格模式 ==================== */
/* 分组模式下 CustomList 表格容器适配 */
#material-grouped-list .CU-list-table,
#material-grouped-list-menu .CU-list-table,
div[id*="material-grouped-list"] .CU-list-table {
	display: block !important;
}
.material-grouped-item-row {
	display: block;
}
.material-group {
	margin-bottom: 25px;
	padding-top: 20px;
	border-top: 1px solid #eee;
}
.material-group-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
}
.material-group-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
}
.material-group-actions .group-action-btn {
	padding: 3px 12px;
	font-size: 12px;
	color: #1890ff;
	border: none;
	background: transparent;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
	user-select: none;
}
.material-group-actions .group-action-btn:hover {
	background: #e6f7ff;
	color: #1890ff;
}
.material-group-labels {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}
.material-group-label {
	display: inline-block;
	padding: 4px 14px;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 500;
	white-space: nowrap;
}
/* 标签颜色变体 -- 按标签类型定义 */
.material-group-label--creater {
	background: #e6f7ff;
	border: 1px solid #91d5ff;
	color: #1890ff;
}
.material-group-label--assistant {
	background: #f6ffed;
	border: 1px solid #b7eb8f;
	color: #52c41a;
}
.material-group-label--default {
	background: #e6f7ff;
	border: 1px solid #91d5ff;
	color: #1890ff;
}
.material-group-label--jiedan {
	background: #fff7e6;
	border: 1px solid #ffd591;
	color: #fa8c16;
}
.material-group-grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 12px;
}
.material-group-expand {
	display: flex;
	justify-content: center;
	margin-top: 12px;
}
.group-expand-btn {
	display: inline-block;
	padding: 6px 20px;
	font-size: 13px;
	color: #1890ff;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.2s;
	user-select: none;
}
.group-expand-btn:hover {
	color: #40a9ff;
	border-color: #40a9ff;
}
.material-group-item {
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 8px;
	overflow: hidden;
	cursor: pointer;
	transition: box-shadow 0.2s, transform 0.2s;
}
.material-group-item:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	transform: translateY(-2px);
}
.material-group-item .group-item-img {
	position: relative;
	width: 100%;
	padding-top: 100%;
	background: #f5f5f5;
	overflow: hidden;
}
.material-group-item .group-item-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.material-group-item .group-item-img .no-img-placeholder {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fafafa;
	color: #ccc;
	font-size: 36px;
}
.material-group-item .group-item-status {
	position: absolute;
	top: 6px;
	left: 6px;
	padding: 2px 8px;
	border-radius: 3px;
	font-size: 11px;
	color: #fff;
	background: rgba(0, 0, 0, 0.55);
	z-index: 2;
	max-width: calc(100% - 12px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* 分组视图 状态背景色 */
.material-group-item .group-item-status.is-published {
	background: #409eff;
	color: #fff;
}
.material-group-item .group-item-status.is-completed {
	background: #67c23a;
	color: #fff;
}
.material-group-item .group-item-status.is-reviewing {
	background: #e6a23c;
	color: #fff;
}
.material-group-item .group-item-status.is-unpublished {
	background: #f56c6c;
	color: #fff;
}
.material-group-item .group-item-title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 6px 8px;
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.65));
	color: #fff;
	font-size: 12px;
	line-height: 1.4;
	z-index: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.material-group-item .group-item-info {
	padding: 8px 10px;
}
.material-group-item .group-item-content {
	font-size: 12px;
	color: #666;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	min-height: 36px;
}
.material-group-item .group-item-time {
	font-size: 11px;
	color: #bbb;
	margin-top: 6px;
}
.material-group-item .group-item-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-top: 4px;
}
.material-group-item .group-item-tag {
	display: inline-block;
	padding: 1px 8px;
	font-size: 11px;
	color: #888;
	background: #f5f5f5;
	border-radius: 3px;
}
.material-group-item .group-item-tag[data-id="jiedan"] {
	color: #fa8c16;
	background: #fff7e6;
	border: 1px solid #ffd591;
}
.material-group-item .group-item-stats {
	display: flex;
	gap: 10px;
	font-size: 11px;
	color: #bbb;
}
/* 分组视图统计数据（图标+数值，与列表视图样式一致） */
.material-group-item .group-item-stats .stat-item {
	display: inline-flex;
	align-items: center;
}
.material-group-item .group-item-stats .stat-icon {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 3px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.material-group-item .group-item-stats .comment-icon {
	/* 小红书风格：消息气泡内两点 */
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z'/%3E%3Ccircle cx='8.5' cy='10' r='1.6' fill='%23fff'/%3E%3Ccircle cx='15.5' cy='10' r='1.6' fill='%23fff'/%3E%3C/svg%3E");
}
.material-group-item .group-item-stats .like-icon {
	/* 小红书风格：爱心 */
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");
}
.material-group-item .group-item-stats .collect-icon {
	/* 小红书风格：五角星（微调以与气泡视觉一致） */
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");
	background-size: 115% 115%;
}
.material-group-item .group-item-stats .read-icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}
.material-group-item .group-item-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 6px 10px;
	border-top: 1px solid #f0f0f0;
}
.material-group-item .group-item-btns {
	display: flex;
	gap: 8px;
	font-size: 12px;
	flex-shrink: 0;
}
.material-group-item .group-item-btns span {
	color: #1890ff;
	cursor: pointer;
}
.material-group-item .group-item-btns span.danger {
	color: #ff4d4f;
}

/* 响应式：屏幕较小时减少列数 */
@media screen and (max-width: 1600px) {
	.material-group-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}
@media screen and (max-width: 1200px) {
	.material-group-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media screen and (max-width: 900px) {
	.material-group-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}