.header_list li {
    cursor: pointer;
}

.container .navbar-brand img {
    height: 50px;
}

.profile-list li {
	position: relative;
	list-style: none;
	transition: all 0.3s ease 0s;
}

.admin-list li {
	position: relative;
	list-style: none;
	transition: all 0.3s ease 0s;
}

.header_list .dropdown-menu {
	position: absolute;
	border: 0;
	border-radius: 0;
	margin: 0;
	padding: 0;
	min-width: 18rem;
	z-index: 100;
}
.header_list .dropdown-menu {
	background-color: #252A2C;
}

.user-dropdown {
	top: 100%; /* 顶部与父元素底部对齐 */
	right: 0; /* 右对齐父元素 */
	margin-top: 5px; /* 与触发器留点间距 */
}

.admin-dropdown {
	top: 100%; /* 顶部与父元素底部对齐 */
	right: 0;
	margin-top: 5px; /* 与触发器留点间距 */
	left: 85%; /* 左侧与父元素右侧对齐 */
	top: 100; /* 顶部与父元素顶部对齐 */
	margin-left: 5px; /* 与触发器留点间距 */
}

.profile_footer .logout:hover {
    text-decoration-color: #fff;
}

.file-input {
	display: none;
}

.preview-container {
	position: relative; /* 关键：设置相对定位作为参考点 */
	display: inline-block; /* 使容器大小适应图片 */
	/* 可选：添加一点内边距避免按钮紧贴边缘 */
	padding: 5px;
}

.remove-btn {
	position: absolute;
	top: -5px;
	right: -5px;
	background: rgba(255, 68, 68, 0.8);
	color: white;
	border: none;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	/* 添加一点阴影增加立体感 */
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	/* 悬停效果 */
	transition: background 0.3s;
}

.remove-btn:hover {
	background: rgba(255, 68, 68, 1); /* 悬停时不透明 */
}

/* .btn-close {
	background: rgba(255, 68, 68, 0.8);
	color: white;
	border: none;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	/* 添加一点阴影增加立体感 */
	/* box-shadow: 0 1px 3px rgba(0,0,0,0.2); */
	/* 悬停效果 */
	/* transition: background 0.3s; */
/* } */

/* .btn-close:hover { */
	/* background: rgba(255, 68, 68, 1); 悬停时不透明 */
/* } */ 

.modal-dialog {
	width: 90%;
	max-width: none;
}

.modal-header a i {
	height: 30px;
	width: 30px;
	color: #292b2c;
	display: inline-block;
	line-height: 30px;
	text-align: center;
	border-radius: 100%;
	font-size: 14px;
}
.modal-header a i:hover {
	background-color: #F00;
	color: #fff;
}

.form-label-required::before {
    content: '*';
    color: #dc3545; /*  Bootstrap 危险色，红色 */
    margin-right: 4px;
}

.heading_s1-required::before {
	content: '*';
	color: #dc3545; /*  Bootstrap 危险色，红色 */
	margin-right: 4px;
}

.countdown-section {
	margin: 1rem 0;
	padding: 1rem;
	background-color: #f8fafc;
	border-radius: 8px;
}
  
.countdown-title {
	margin-bottom: 0.5rem;
	color: #334155;
	font-size: 1.1rem;
}
  
.countdown-item {
	display: flex; /* 核心：强制子元素横向排列 */
  	align-items: center; /* 数字和单位垂直居中对齐 */
  	gap: 1px; /* 数字和单位之间的小间隔 */
}
  
.countdown-item .number {
	text-align: center;
	min-width: 28px;
	background-color: #3b82f6;
	color: white;
	border-radius: 4px;
	font-weight: bold;
}
  
.countdown-item .unit {
	display: block;
	margin-top: 0.2rem;
	font-size: 0.8rem;
	color: #64748b;
}
  
.separator {
	font-weight: bold;
	color: #94a3b8;
}
  
.countdown-expired {
	
	color: #334155;
	padding: 0.6rem;
	text-align: center;
}

.service-item {
    display: flex; /* 使用flex布局 */
    justify-content: space-between; /* 两端对齐 */
    align-items: center; /* 垂直居中对齐 */
    padding: 1rem;
}

.service-details {
    flex: 1; /* 让详情部分占据大部分空间 */
    margin-right: 1rem; /* 与复选框保持距离 */
}

.service-details p {
	margin: 0; /* 去掉默认的段落间距 */
}

.service-price {
	font-weight: bold;
	color: #007bff; /* 绿色字体 */
	margin-top: 0.5rem;
}

.service-selection {
    /* 复选框区域保持固定大小 */
    min-width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.service-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1.5rem;
    height: 1.5rem;
    border: 2px solid #9ca3af; /* 未选中时的边框色（灰色） */
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
}

/* 选中状态样式 */
.service-checkbox:checked {
    background-color: #007bff; /* 选中后的背景色（绿色示例） */
    border-color: #007bff;
}

.service-checkbox:checked::after {
    content: "✓";
    position: absolute;
    color: white;
    font-size: 1rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.service-checkbox:hover:not(:checked) {
    border-color: #6b7280;
}

.status-pending { color: #f59e0b; } /* 黄色 */
.status-paid { color: #10b981; }    /* 绿色 */
.status-completed { color: #10b981; } /* 绿色 */
.status-cancelled { color: #ef4444; }  /* 红色 */

.consultInfo {
	background-color: #4382FF;
	border-radius: 100%;
	bottom: 80px;
	color: #ffffff;
	font-size: 24px;
	height: 40px;
	line-height: 40px;
	position: fixed;
	right: 20px;
	text-align: center;
	width: 40px;
	z-index: 99;
    cursor: pointer;
}

/* 定义闪烁动画 */
@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; } /* 半透明状态 */
}

/* 闪烁动画类 */
.blinking {
    animation: blink 0.8s infinite; /* 0.8秒为一个周期，无限循环 */
}

/* .consultInfo:hover {
	background-color: #4382FF;
	color:#fff;
}

.cosultInfo:focus {
	color:#fff;
} */

.consult-panel {
	background-color: #fff;
	position: fixed;
	right: -350px; /* 默认隐藏在右侧屏幕外 */
	bottom: 10px;
	width: 250px;
	transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1); /* 平滑过渡效果 */
	border-radius: 12px 12px 12px 12px; /* 左侧圆角，右侧贴边 */
    box-shadow: -2px 2px 15px rgba(0, 0, 0, 0.15); /* 左侧阴影，增强悬浮感 */
    overflow: hidden; /* 裁剪内部元素，避免溢出 */
    z-index: 999;
}
  
.consult-panel.show {
	right: 80px; /* 显示时的位置 */
}

/* 面板头部优化 */
.consult-header {
    padding: 14px 18px;
    background-color: #3A72E0; /* 稍深的蓝色，增强层次感 */
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* 半透明白色分割线 */
}

.consult-header h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.3px; /* 微调字间距，提升精致度 */
}

/* 关闭按钮优化 */
.close-btn {
    cursor: pointer;
    font-size: 20px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.close-btn:hover {
    background-color: rgba(255, 255, 255, 0.2); /* 悬停时的背景效果 */
    transform: rotate(90deg); /* 旋转动画，增强交互感 */
}

/* 面板内容区域 */
.consult-body {
    padding: 18px;
}

/* .consult-body p:first-child {
    margin: 0 0 15px 0;
    font-size: 14px;
    padding-bottom: 8px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.2); /* 虚线分割 */
/* }  */

/* 咨询卡片优化 */
.consult-card {
    background-color: rgba(255, 255, 255, 0.1); /* 半透明卡片背景 */
    border-radius: 8px;
    padding: 12px;
    backdrop-filter: blur(5px); /* 毛玻璃效果，增强质感 */
}

.consult-card__contact {
    margin: 8px 0;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: transform 0.2s;
}

.consult-card__contact:hover {
    transform: translateX(3px); /* 轻微右移，增强交互反馈 */
}

.consult-card__contact i {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
}

.search-widget {
	display: flex;
	gap: 2rem; /* 增加两个选项之间的距离 */
	margin-bottom: 2rem; /* 增加与下方内容的距离 */
	justify-content: center; /* 水平居中显示 */
  }
  
  .search-type {
	cursor: pointer;
	padding: 0.5rem 0; /* 上下 padding，左右不设置 */
	position: relative; /* 为下划线定位做准备 */
	margin: 0;
	font-size: 16px;
	color: #333; /* 默认文字颜色 */
	transition: color 0.3s ease;
  }
  
  /* 下划线样式 */
  .search-type .underline {
	position: absolute;
	bottom: -6px; /* 距离文字下方6px的距离 */
	left: 0;
	width: 0;
	height: 2px;
	background-color: #4382ff; /* 蓝色下划线 */
	transition: width 0.3s ease; /* 平滑过渡效果 */
  }
  
  /* 选中状态样式 */
  .search-type.active {
	color: #4382ff; /* 选中时文字变蓝 */
  }
  
  .search-type.active .underline {
	width: 100%; /* 选中时下划线展开为100%宽度 */
  }

  .is-loading {
    opacity: 0.7;
    pointer-events: none;
}
.error-message {
    color: #dc3545;
    margin-top: 10px;
    font-size: 14px;
}

.team-card {
    
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.03);
    transition: all 0.3s ease;
}

.team-card:hover {
	border-left: 4px solid #4382ff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transform: translateY(-2px);
}
/* 
.team-card.border-primary {
    border-left: 4px solid #4382ff;
} */

/* 团队头部样式 */
.team-header {
    background-color: #f8fafc;
}

/* 展开/收起按钮样式 */
.toggle-btn {
    transition: all 0.2s ease;
}

.toggle-btn:hover {
    background-color: #4382ff;
    color: white;
}

/* 成员标签样式 */
.badge {
    font-size: 0.85rem;
    transition: all 0.2s ease;
}

.badge:hover {
    background-color: #e9ecef;
}

/* 专利项样式 */
.patent-item {
    transition: all 0.3s ease;
}

.patent-item:hover {
    background-color: #f0f7ff;
}

/* 辅助样式 */
.hover-underline:hover {
    text-decoration: underline;
}

.patent-summary {
    font-size: 0.95rem;
    color: #343a40;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    padding-right: 60px;
}

.patent-summary.expanded {
    -webkit-line-clamp: unset;
}

.summary-toggle {
    background: none;
    border: none;
    color: #007bff;
    font-size: 0.85rem;
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 0;
}

.hover-underline:hover {
    text-decoration: underline;
}

/* 移除表格所有竖线（左右边框） */
.company-table.table-bordered {
    border-left: none; /* 移除表格最左侧边框 */
    border-right: none; /* 移除表格最右侧边框 */
}
  
/* 移除单元格的左右边框（竖线） */
.company-table.table-bordered th,
.company-table.table-bordered td {
  border-left: none; /* 单元格左侧竖线 */
  border-right: none; /* 单元格右侧竖线 */
}

/* 标签样式 */
.company-tag {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.5rem;
    margin: 0.1rem;
    border-radius: 4px;
    font-size: 0.85rem;
    font-weight: 500;
    color: #4A6FFF; /* 主色 */
    background-color: #EEF1FF; /* 浅色背景 */
    border: 1px solid #D9E0FF; /* 细边框 */
    transition: all 0.2s ease;
}

.company-tag:hover {
    background-color: #E1E7FF;
    border-color: #BEDAFF;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .team-header {
        flex-direction: column;
        align-items: flex-start !important;
    }
    
    .toggle-btn {
        align-self: flex-end !important;
    }
    
    .team-stat {
        margin-right: 1rem;
    }

	.patent-summary {
		font-size: 0.9rem;
		padding-right: 50px;
	}
}

/* 移除表格所有竖线（左右边框） */
.case-table.table-bordered {
    border-left: none; /* 移除表格最左侧边框 */
    border-right: none; /* 移除表格最右侧边框 */
}
  
/* 移除单元格的左右边框（竖线） */
.case-table.table-bordered th,
.case-table.table-bordered td {
  border-left: none; /* 单元格左侧竖线 */
  border-right: none; /* 单元格右侧竖线 */
}

/* 针对创立年份列的样式 */
.case-table td:nth-child(3) span {
    /* 背景灰色（可根据需求调整色值） */
    background-color: #888888; 
    /* 字体白色 */
    color: white; 
    /* 椭圆样式（圆角 + 内边距） */
    border-radius: 20px; /* 圆角大小，数值越大越圆 */
    padding: 4px 12px; /* 上下内边距 4px，左右 12px，让椭圆更明显 */
    /* 可选：居中显示文字 */
    text-align: center;
    /* 可选：避免单元格边框影响圆角 */
    border: none !important;
  }

.event_type_paste {
    position: absolute;
    top: 15px;
    left: 15px;
    max-width: 80px;
    text-align: center;
    width: 100%;
    overflow: hidden;
    padding-bottom: 8px;
}
.event-type-tag {
    display: inline-flex;
    align-items: center;
    gap: 4px; /* 图标与文字间距 */
    padding: 2px 8px; /* 内边距：上下2px 左右8px */
    background-color: #ffffff; /* 白色方框 */
    color: #333333; /* 深灰色字体 */
    font-size: 14px; /* 小号字体 */
    border-radius: 3px; /* 轻微圆角 */
    box-shadow: 0 1px 2px rgba(0,0,0,0.1); /* 可选：轻微阴影增强立体感 */
}

/* 图标样式优化 */
.event-type-tag i {
    font-size: 14px; /* 图标稍大于文字 */
}