/* 引入现代电竞感无衬线字体 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap');

body {
	font-family: 'Inter', sans-serif;
	background-color: #0d1117; /* 深邃的高级暗夜灰 */
	color: #c9d1d9;
}

/* 顶部导航条美化 */
.bg-primary {
	background: linear-gradient(135deg, #1f6feb 0%, #0d419d 100%) !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* 卡片整体质感（高级暗色卡片 + 悬浮动效） */
.card {
	background-color: #161b22;
	border: 1px solid #30363d !important;
	border-radius: 12px;
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	overflow: hidden;
	box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}

	.card:hover {
		transform: translateY(-8px);
		box-shadow: 0 12px 24px rgba(0,0,0,0.6);
		border-color: #8b949e !important;
	}

/* 卡片头部（标题区） */
.card-header {
	background-color: rgba(255, 255, 255, 0.02);
	border-bottom: 1px solid #30363d;
	padding: 15px 10px;
}

.card-title {
	font-weight: 600;
	font-size: 0.95rem;
	color: #f0f6fc;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; /* 名字太长自动省略号 */
}

.card-header h6 {
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #8b949e;
	margin-bottom: 5px;
}

/* 武器图片特效 */
.img-fluid {
	padding: 15px;
	object-fit: contain;
	transition: transform 0.4s ease;
	filter: drop-shadow(0 10px 10px rgba(0,0,0,0.5)); /* 给武器加真实的底部阴影 */
}

.card:hover .img-fluid {
	transform: scale(1.15) rotate(-2deg); /* 鼠标悬浮时武器微微放大并倾斜，非常有动感 */
}

/* 下拉菜单美化 */
.form-select {
	background-color: #0d1117;
	border: 1px solid #30363d;
	color: #c9d1d9;
	border-radius: 8px;
	font-size: 0.85rem;
}

	.form-select:focus {
		background-color: #0d1117;
		color: #fff;
		border-color: #58a6ff;
		box-shadow: 0 0 0 0.25rem rgba(88, 166, 255, 0.25);
	}

/* 底部按钮区 */
.card-footer {
	background-color: transparent;
	border-top: none;
	padding: 15px;
}

.btn-outline-primary {
	color: #58a6ff;
	border-color: #58a6ff;
	border-radius: 6px;
	font-weight: 600;
}

	.btn-outline-primary:hover {
		background-color: #58a6ff;
		color: #ffffff;
	}

/* 模态框（Settings 弹窗）暗黑化 */
.modal-content {
	background-color: #161b22;
	border: 1px solid #30363d;
	color: #c9d1d9;
	border-radius: 12px;
}

.modal-header {
	border-bottom: 1px solid #30363d;
}

.modal-footer {
	border-top: 1px solid #30363d;
}

.form-label {
	font-size: 0.85rem;
	color: #8b949e;
}

.form-control {
	background-color: #0d1117;
	border: 1px solid #30363d;
	color: #c9d1d9;
}

	.form-control:focus {
		background-color: #0d1117;
		color: #fff;
		border-color: #58a6ff;
		box-shadow: 0 0 0 0.25rem rgba(88, 166, 255, 0.25);
	}

/* 为特殊装备加上顶部霓虹高亮条 */
.border-primary {
	border-top: 4px solid #58a6ff !important;
	border-bottom: none !important;
	border-left: none !important;
	border-right: none !important;
}

.border-success {
	border-top: 4px solid #3fb950 !important;
	border-bottom: none !important;
	border-left: none !important;
	border-right: none !important;
}

.border-warning {
	border-top: 4px solid #d29922 !important;
	border-bottom: none !important;
	border-left: none !important;
	border-right: none !important;
}