/* =====================================================
   AutoBetSoft / 足球分析官网 局部模块优化补丁
   直接追加到现有CSS最后
   不改布局，不改轮播，偏简洁
   ===================================================== */

/* ---------- 基础收敛 ---------- */
body {
	font-size: 14px !important;
	color: #5f6b85 !important;
	background: #f7f9fc !important;
}

p, ul, ol {
	line-height: 1.9 !important;
	color: #66738d !important;
}

a {
	color: #0b57d0 !important;
	border-bottom: none !important;
	transition: color .18s ease, opacity .18s ease !important;
}

a:hover {
	color: #083b8a !important;
	text-decoration: none !important;
}

#wrapper {
	background: transparent !important;
}

/* ---------- 顶部导航 ---------- */
#menu-wrapper {
	height: 64px !important;
	background: linear-gradient(90deg, #0c3f99 0%, #0f1f4b 100%) !important;
	box-shadow: 0 10px 28px rgba(13, 20, 49, 0.10) !important;
	position: relative;
	z-index: 20;
}

#menu {
	height: 64px !important;
}

#menu ul {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

#menu li {
	display: inline-flex !important;
}

#menu a {
	line-height: 64px !important;
	padding: 0 24px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: rgba(255, 255, 255, .92) !important;
	border: none !important;
	transition: background .18s ease, color .18s ease !important;
}

#menu a:hover, #menu .current_page_item a {
	background: rgba(255, 255, 255, .10) !important;
	color: #fff !important;
}

/* ---------- 顶部品牌区 ---------- */
#logo.container {
	width: 100% !important;
	min-width: 1200px !important;
	height: 170px !important;
	margin-bottom: 24px !important;
	background-size: cover !important;
	background-position: center center !important;
	position: relative;
}

#logo.container::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(255, 255, 255, .72),
		rgba(255, 255, 255, .88));
}

#logo h1, #logo p {
	position: relative;
	z-index: 2;
}

#logo h1 {
	padding-top: 52px !important;
	margin-bottom: 6px !important;
	font-size: 42px !important;
	letter-spacing: -1px !important;
	color: #1f2b45 !important;
}

#logo p {
	margin-top: 0 !important;
	font-size: 18px !important;
	color: #6d7892 !important;
}

/* ---------- 主内容容器 ---------- */
#page {
	background: #ffffff !important;
	border: 1px solid rgba(16, 42, 90, 0.06) !important;
	border-radius: 18px !important;
	box-shadow: 0 16px 42px rgba(14, 25, 48, 0.06) !important;
	padding: 30px 32px 38px !important;
}

.post .title {
	font-size: 30px !important;
	line-height: 1.35 !important;
	color: #1f2b45 !important;
	border-bottom: 1px solid rgba(13, 87, 208, 0.10) !important;
	padding-bottom: 16px !important;
	margin-bottom: 26px !important;
	text-shadow: none !important;
}

.post .entry {
	text-align: left !important;
}

/* ---------- 小标题层级 ---------- */
h2, h3, h4 {
	text-shadow: none !important;
	letter-spacing: -0.01em !important;
}

h3 {
	margin-top: 10px !important;
	margin-bottom: 16px !important;
	font-size: 28px !important;
}

#wrapper #page #content .post .entry h4, .important {
	color: #0b57d0 !important;
	border: none !important;
	font-weight: 600 !important;
}

/* ---------- 信息条 / 推荐条 ---------- */
.importlink, .importlink2 {
	background: #f8fbff !important;
	border: 1px solid rgba(11, 87, 208, 0.08) !important;
	border-radius: 14px !important;
	padding: 16px 18px !important;
	margin-top: 14px !important;
	margin-bottom: 14px !important;
	box-shadow: none !important;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s
		ease !important;
}

.importlink:hover, .importlink2:hover {
	border-color: rgba(11, 87, 208, 0.16) !important;
	box-shadow: 0 10px 24px rgba(11, 87, 208, 0.06) !important;
	transform: translateY(-1px);
}

.importlink a, .importlink2 a {
	font-weight: 500 !important;
}

/* ---------- 图片展示 ---------- */
.wdl-img {
	width: 800px !important;
	max-width: 100% !important;
	height: auto !important;
	border-radius: 14px !important;
	border: 1px solid rgba(15, 35, 75, 0.06) !important;
	box-shadow: 0 14px 36px rgba(15, 23, 42, 0.08) !important;
}

.post .entry img:not(.wdl-img) {
	max-width: 100% !important;
	height: auto !important;
}

/* ---------- 分割线 ---------- */
hr {
	border: none !important;
	border-top: 1px solid rgba(13, 87, 208, 0.10) !important;
	margin-top: 28px !important;
	margin-bottom: 28px !important;
}

/* ---------- 通用按钮（兼容现有 .button） ---------- */
.button {
	height: 42px !important;
	line-height: 42px !important;
	padding: 0 26px !important;
	border-radius: 999px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	border: none !important;
	box-shadow: 0 8px 18px rgba(15, 23, 42, 0.10) !important;
	transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease
		!important;
}

.button:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 12px 24px rgba(15, 23, 42, 0.14) !important;
}

.button-primary, .button-raised.button-primary, .button-3d.button-primary
	{
	background: linear-gradient(135deg, #0b57d0 0%, #102b68 100%) !important;
	color: #fff !important;
}

.button-primary:hover, .button-raised.button-primary:hover, .button-3d.button-primary:hover
	{
	background: linear-gradient(135deg, #0d63ef 0%, #15347d 100%) !important;
	color: #fff !important;
}

#sidebar h2 {
	font-size: 24px !important;
	color: #24314f !important;
	border-bottom: 1px solid rgba(13, 87, 208, 0.10) !important;
	text-shadow: none !important;
	padding-bottom: 12px !important;
	margin-bottom: 20px !important;
}

.list-style1 li, .list-style2 li {
	border-top-color: rgba(13, 87, 208, 0.08) !important;
}

.list-style2 a {
	color: #66738d !important;
	text-shadow: none !important;
}

/* ---------- 页脚 ---------- */
#footer-bg {
	margin-top: 26px !important;
	padding-top: 42px !important;
	padding-bottom: 12px !important;
	background: transparent !important;
	border-top: 1px solid rgba(13, 87, 208, 0.08) !important;
}

#footer {
	height: auto !important;
	padding-top: 0 !important;
}

#footer p {
	font-size: 13px !important;
	color: #8a94aa !important;
	text-shadow: none !important;
}

#footer a {
	color: #5d6c89 !important;
	text-decoration: none !important;
}

#footer a:hover {
	color: #0b57d0 !important;
}

/* ---------- 一些旧样式去杂 ---------- */
.red, .important a {
	color: #0b57d0 !important;
	border: none !important;
}

.post .meta, .comments, .more, #search, #banner .image-style {
	text-shadow: none !important;
}