:root{
    --comm-main-bgColor: #f2f3f5;
    --comm-highlight-color: #165dff; /* 蓝色 */
	--comm-highlight-bgColor: #e8f0ff; 
    --comm-container-borderRadius: 5px; /* 容器圆角 */
    --comm-btn-borderRadius: 5px; /* 按钮圆角 */
    --comm-card-borderRadius8: 8px; /* 卡片圆角 */
    --comm-container-borderRadius12: 12px; /* 容器圆角 */
	
	--comm-input-borderRadius: 0.5rem;
	--comm-button-borderRadius: 0.25rem;
	--comm-card-borderRadius8: 8px;
	--default-pageBtn-radius: 4px;
	--border-color: #E5E7EB;
	--text-primary: #1F2329;
	
	/* Status colors */
	--success-color: #36D399;
	--success-bg: #E8FBF3;
	--danger-color: #f44336;
	--danger-bg: #FEF0F0;
	
	/* 默认 - table行高 */
	--default-table-lineHeight: 45px;
	--default-table-radius: 4px;
	
	--search-input-bgcolor: #F8FAFC;
	--search-input-brcolor: #E2E8F0;
	
	--main-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
	
	--card-agent-border: 1px solid #DBEAFE;
	--card-agent-shadow: 0 4px 12px 0 rgba(37, 99, 235, 0.3);
	--card-agent-top: 4px;
	
}

/* 高亮按钮 - 蓝底白字 */
.highlight-btn{
    background: var(--comm-highlight-color) !important;
    color: white !important;
    border: none;
    border-radius: var(--comm-btn-borderRadius) !important;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
}

/* 全局样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
        'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: var(--comm-main-bgColor);
    min-height: 100vh;
    padding: 0px;
	background-color: #F1F4F8;
}

.container {
    max-width: 1400px;
    margin: 20px auto 0;
}
.flex{
    display: flex;
}
.align-center{
    align-items: center;

}
.align-end{
    align-items: self-end;

}




.comm-flex-row{
	display: flex;
	flex-direction: row;
	align-items: center;
}
/* 按钮样式 */
.btn {
	padding: 0.325rem 0.825rem !important;
	border-radius: var(--comm-button-borderRadius) !important;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s;
	border: none !important;
	text-decoration: none;
	white-space: nowrap;
	font-size: 0.825rem;
	line-height: 1.25rem;
}

.btn-primary,.mcb-button,.pager li.pg-showpage.pg-selected {
    background-color: var(--comm-highlight-color);
    color: white;
}
table.xui_table .xui_table_thead{
	background-color: var(--comm-highlight-color) !important;
    /* background: linear-gradient(135deg, rgba(102,126,234,.4) 0%, rgba(118,75,162,.4) 100%)!important; */
}
table.xui_table th{
    color: white!important;
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}

.btn-secondary {
    background: #f0f0f0;
    color: #333;
	padding: 0.325rem 1.5rem !important;
	font-size: 0.825rem;
}

.btn-secondary:hover {
    background: #e0e0e0;
}

.btn-danger {
	background-color: var(--danger-color);
	color: white;
	padding: 0 12px;
	height: 32px;
	font-size: 13px;
}

.btn-danger:hover {
	background-color: #E85656;
}

.mcb-button.form-reset-button{
    background: #fff;
}
.btn.icon-search{
	background-color: transparent;
	background-image: url(../img/icon/icon-search-btn1.png);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

 /* 主界面头部 */
.main-header {
    background: white;
    padding: 20px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e9ecf2;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02);
}
.logo-area {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1a2b4c;
    gap: 5px;
}
.logo-area i {
    color: #3b6eff;
    margin-right: 8px;
}
.logo-area .title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 6px;
}
.logo-area .title span{
    font-weight: 600;
    line-height: 18px;
}
.logo-area .title span:last-child{
    /* font-weight: 500; */
	font-size: 14px;
	background: linear-gradient(to bottom, #00a8ff, #0066cc, #6633cc, #9933cc);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.header-logo{
    width: 88px;
    height: 40px;
}
.link-admin{
    font-size: 14px;
    margin-left: 10px;
}
.link-admin img{
    width: 18px;
    height: 18px;
    
}
.nav-links {
    display: flex;
    gap: 30px;
}
.nav-links a {
    text-decoration: none;
    color: #3a4b64;
    font-weight: 500;
    padding: 6px 0;
    /* border-bottom: 2px solid transparent; */
    transition: 0.2s;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;


}
.nav-links a.active {
    color: #1a2b4c;
    position: relative;
}
.nav-links a.active::after {
    color: #1a2b4c;
    content: '';
    width: 100%;
    height: 3px;
    display: inline-block;
    background-color: var(--comm-highlight-color);
    /* border-bottom-color: #1a2b4c; */
    position: absolute;
    left: 0;
    bottom: -10px;
}
.user-profile {
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
}
.user-name {
    font-weight: 600;
    /* color: #1e293b; */
	color: var(--comm-highlight-color) !important;
	text-decoration: underline;
}
.user-avatar {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    /* background: #3b6eff; */
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    font-size: 1.2rem;
    background-size: cover;
    background-position: center;
    /* background-color: #3b6eff; */
}
.user_operation {
    display: none;
    position: absolute;
    top: 75px;
    width: 100px;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
    z-index: 1;
    min-width: 80px;
    right: 20px;
}

.user_operation li {
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}

.show_operation {
  display: block !important;
}

.admin-icon,
.user-icon{
	background-repeat: no-repeat !important;
	background-position: 15px center !important;
	background-size: 16px 16px !important;
	background-color: transparent !important;
	color: var(--comm-highlight-color) !important;
	/* border: none !important; */
	font-size: 14px !important;
	font-weight: 600 !important;
	padding-left: 22px;
	margin-left: 1rem;
	cursor: pointer;
	border: 1px solid #165dff;
	padding: 5px 15px 5px 37px;
	border-radius: 4px;
}
.admin-icon{background-image: url(../img/icon/login-admin-icon.png) !important;}
.user-icon{background-image: url(../img/icon/login-user-icon.png) !important;}

/* 顶部导航 */
.header {
    background: white;
    border-radius: 12px;
    padding: 20px 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
}

.header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.title {
	display: flex;
	justify-content: flex-start;
	align-items: center;
    font-size: 1rem;
    font-weight: 500;
    color: #333;
}
.title .stat-label{
	color: #333;
	font-size: 1rem;
	font-weight: 500;
}
.title .stat-value{
	font-size: 1.25rem;
	font-weight: 600;
}


/* 主内容区 */
.container-main {
    background: white;
    border-radius: var(--comm-container-borderRadius12);
    box-shadow: var(--main-box-shadow);
}
.container-main .search-bar{padding: 30px;/* border-bottom: 1px solid #E2E8F0; */margin-bottom: 0;position: relative;}
.container-main .agentList-bor{padding: 30px;}

.search-bar input.search-input{padding: 1rem calc(1.5rem + 50px) 1rem 1.5rem;}
.search-bar button.btn.icon-search{
	position: absolute;
	top: calc( 30px + 0.65rem);
	right: 40px;
	width: 50px;
	height: 30px;
}

/* 数据统计 */
.contindex-stats-grid{
	padding: 0px 30px 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.contindex-stats-grid .card{
	flex: 1;
	height: 100px;
	max-width: 18.5%;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	flex-direction: row;
}
.contindex-stats-grid .card .card-icon{
	display: flex;
	align-items: center;
	width: 65px;
	margin-right: 1rem;
}
.contindex-stats-grid .card .card-icon img{
	width: 100%;
}
.contindex-stats-grid .card .card-content{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
.contindex-stats-grid .card .card-content .card-label{
	font-size: 1rem;
}
.contindex-stats-grid .card .card-content .card-value{
	font-size: 1.25rem;
	font-weight: bold;
}
.contindex-stats-grid .card.knowledge{
	color: #38B781;
	background-color: #0e932e26;
}
.contindex-stats-grid .card.graph{
	color: #7E70ED;
	background-color: #5630d226;
}
.contindex-stats-grid .card.model{
	color: #165dff;
	background-color: #165dff26;
}
.contindex-stats-grid .card.agent{
	color: #2ba0df;
	background-color: #2ba0df26;
}

.contindex-stats-grid .card.tools{
	color: #04E0C3;
	background-color: #04e0c326;
}


.main-content {
    background: white;
    border-radius: var(--comm-container-borderRadius12);
    padding: 30px;
    box-shadow: var(--main-box-shadow);
}

/* 空状态 */
.empty-state {
    text-align: center;
    padding: 80px 20px;
}

.empty-icon {
    font-size: 64px;
    margin-bottom: 20px;
}

.empty-state h3 {
    font-size: 24px;
    color: #333;
    margin-bottom: 12px;
}

.empty-state p {
    font-size: 16px;
    color: #999;
}

.agent-icon{
	background-image: url(../img/icon/icon-dn1.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	width: 35px;
	height: 35px;
	display: inline-block;
	/* background-color: #1296db; */
	border-radius: 2px;
	margin-right: 10px;
}
.agent-icon-user{
	background-image: url(../img/agent-user.png);
    background-size: 25px 25px;

}
.agent-icon—kb{
    /* background-image: url(../img/knowledge_base.png); */
	background-image: url(../img/icon/knowledge-base-icon1.png);
    background-size: 25px 25px;

}
.agent-icon—set{
    background-image: url(../img/set.png);
    background-size: 25px 25px;

}
/* 响应式 */
@media (max-width: 768px) {
    .header-content {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
    }

    .workflow-grid {
        grid-template-columns: 1fr;
    }

    .stats-bar {
        flex-direction: column;
        gap: 12px;
    }
}

.action-btn {
    padding: 6px 12px;
    border: none;
    border-radius: 6px;
    font-size: 0.75rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.action-btn.edit {
    background: #165dff24;
    color: #165dff;
}

.action-btn.edit:hover {
    background: #165dff30;
}
.action-btn.run {
    background: #4caf50;
    color: #fff;
}

.action-btn.run:hover {
    background: #04E0C3;
}

.action-btn.delete {
    background: var(--danger-color);
    color: #fff;
}

/* .action-btn.delete:hover {
    background: #ffcdd2;
} */


.kbflow-card.flex{
    display: flex;
    justify-content: space-between;
    padding:5px 20px;
}
.mcb-input-block{
    line-height: 38px;
}
.pointer{
    cursor: pointer;
}

.popup_open_div{
    min-width: 450px!important;
}
#puzzle-verification-popu .popup_open_div{
    min-width: 300px!important;
}

table.xui_table{border-radius: var(--default-table-radius);overflow: hidden;}
table.xui_table td span.default,
table.xui_table td .def_overflow{font-size: 0.75rem;}


/* 默认 - 弹窗表单 */
.popup_open_div{padding-right: 10px;min-height: 550px;}
.popup_open_div form{}
.popup_open_div .mcb-form-label{width: 110px;}
.popup_open_div .mcb-input-block{margin-left: 120px;}
.popup_open_div .mcb-button{
	padding: 0.325rem 0.825rem;
	border-radius: var(--comm-button-borderRadius) !important;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s;
	border: none !important;
	text-decoration: none;
	white-space: nowrap;
	font-size: 0.75rem;
	line-height: 1.25rem;
	height: auto;
}
.popup_open_div .mcb-button.form-submit-button{
	background: var(--comm-highlight-color); 
	color: white;
}
.popup_open_div .mcb-button.form-reset-button{
	background: white;
    color: var(--text-primary);
    border: 1px solid var(--border-color)!important;
}
.popup_open_div .mcb-input-block .mcb-dragupload-tips{margin-bottom: 0;}

.popup_open_div .mcb-form-label,
.popup_open_div .mcb-input-block,
.popup_open_div .mcb-input-block input,
.popup_open_div .mcb-input-block textarea,
.popup_open_div .mcb-input-block ul.mcb-select-opts li,
.popup_open_div .mcb-dragupload-text,
.popup_open_div .mcb-dragupload-tips,
.popup_open_div .mcb-dragupload-filewrap span{font-size: 0.75rem;}


#formid .mcb-form-label,
#formid .mcb-input-block,
#formid .mcb-input-block input,
#formid .mcb-input-block textarea,
#formid .mcb-input-block ul.mcb-select-opts li,
#formid .mcb-dragupload-text,
#formid .mcb-dragupload-tips,
#formid .mcb-dragupload-filewrap span,
#formid .mcb-button{font-size: 0.75rem;}
#formid .mcb-button.form-submit-button{
	background: var(--comm-highlight-color); 
	color: white;
}
#formid .mcb-button.form-reset-button{
	background: white;
    color: var(--text-primary);
    border: 1px solid var(--border-color)!important;
}

/* 创建智能体 - 表单 */
#creat-agent .popup_open_div{min-height: 250px;}
#creat-agent #agentForm .mcb-form-item .mcb-form-label{width: 3.7rem;padding-left: 0;}
#creat-agent #agentForm .mcb-form-item .mcb-input-block{margin-left: 4.2rem;}
/* 创建知识库 - 表单 */
#creat-agent #creatInfowindow-kb .mcb-form-item .mcb-form-label{width: 4.5rem;padding-left: 0;}
#creat-agent #creatInfowindow-kb .mcb-form-item .mcb-input-block{margin-left: 5rem;}
/* 创建数据集 - 表单 */
#addDataset-popup #add-dataset-form .mcb-form-item .mcb-form-label{width: 5.9rem;padding-left: 0;}
#addDataset-popup #add-dataset-form .mcb-form-item .mcb-input-block{margin-left: 6.4rem;}


/* 统一分页 */
.pager li{border-radius: var(--default-pageBtn-radius) !important;}
.pager li.pg-selected{
	border: var(--comm-highlight-color) 1px solid !important;
	background: var(--comm-highlight-color) !important;
}
.pager li:hover {
	border: var(--comm-highlight-color) 1px solid !important;
	color: var(--comm-highlight-color) !important;
}
.pager li.pg-selected:hover {
	color: #fff !important;
	cursor: default
}

/* 统计栏 */
.stats-bar {
    display: flex;
    gap: 30px;
    padding: 1.5rem;
    background: #f8f9fa;
    border-radius: 8px;
    margin-bottom: 30px;
}

.stat-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.stat-label {
    font-size: 0.825rem;
    color: #666;
}

.stat-value {
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
}

.stat-value.published {
    color: #4caf50;
}

.stat-value.draft {
    color: #ff9800;
}

/* 上传文件类型 - 列表 table */
.mrc_table_main {
	border: 1px solid var(--border-color);
	border-radius: var(--default-table-radius);
	overflow: hidden;
}
.mrc_table_main table {
	width: 100%;
	border-collapse: collapse;
}

.mrc_table_main thead {
	background: var(--primary-color);
}

.mrc_table_main th {
	padding: 12px 16px;
	text-align: left;
	font-size: 13px;
	font-weight: 500;
	color: #FFFFFF;
	border-bottom: 1px solid var(--border-color);
}

.mrc_table_main td {
	padding: 10px 16px;
	border-bottom: 1px solid var(--border-color);
	font-size: 14px;
	color: var(--text-primary);
}

.mrc_table_main tbody tr:hover {
	background: var(--bg-color);
}

.mrc_table_main tbody tr:last-child td {
	border-bottom: none;
}
.mrc_table_main table thead th,
.mrc_table_main table tbody tr td{text-align: center;}

.mrc_table_main table thead th:nth-child(1), 
.mrc_table_main table tbody tr td:nth-child(1){width: 100px; }
.mrc_table_main table thead th:nth-child(2), 
.mrc_table_main table tbody tr td:nth-child(2){width: calc( (100% - 280px) / 3 * 2); }
.mrc_table_main table thead th:nth-child(3), 
.mrc_table_main table tbody tr td:nth-child(3){width: calc( (100% - 280px) / 3 * 1); }
.mrc_table_main table thead th:last-child, 
.mrc_table_main table tbody tr td:last-child{width: 180px; }

.mrc_table_main table.xui_table th, 
.mrc_table_main table.xui_table td{border-left: none !important; border-top: none !important;}
.mrc_table_main table.xui_table{border-right: none !important;border-bottom: none !important;}
.mrc_table_main table.xui_table tr{line-height: var(--default-table-lineHeight) !important;}



/************************ 媒体查询 ************************/
@media (min-width: 640px) {
	.container {
		max-width: 640px
	}
}

@media (min-width: 768px) {
	.container {
		max-width: 768px
	}
}

@media (min-width: 1024px) {
	.container {
		max-width: 1024px
	}
}

@media (min-width: 1280px) {
	.container {
		max-width: 1280px
	}
}

@media (min-width: 1536px) {
	.container {
		max-width: 1536px
	}
}