/* ========== 蓝色主题样式 - 完全重写 ========== */
/* 布局保持原版不变，仅美化颜色和添加动效 */

@media screen and (min-width: 800px) {
/* 主容器 - 蓝色渐变背景 */
.zib-widget.ceo-shop1-zl,
div.ceo-shop1-zl {
	background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 30%, #90caf9 50%, #bbdefb 70%, #e3f2fd 100%) !important;
	position: relative;
	margin-bottom: 20px !important;
	margin-top: 20px;
	border-radius: 16px !important;
	box-shadow: 0 8px 32px rgba(21, 101, 192, 0.15) !important;
	border: none !important;
	border-top: 1px solid rgba(21, 101, 192, 0.2) !important;
	border-right: 1px solid rgba(21, 101, 192, 0.2) !important;
	border-bottom: 1px solid rgba(21, 101, 192, 0.2) !important;
	overflow: hidden;
}
/* 深色模式适配 */
[data-theme="dark"] .ceo-shop1-zl,
.dark-theme .ceo-shop1-zl {
	background: linear-gradient(135deg, #0d1f3c 0%, #152238 30%, #1a2a4a 50%, #152238 70%, #0d1f3c 100%) !important;
	border: none !important;
	border-top: 1px solid rgba(21, 101, 192, 0.3) !important;
	border-right: 1px solid rgba(21, 101, 192, 0.3) !important;
	border-bottom: 1px solid rgba(21, 101, 192, 0.3) !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}
/* 扫光动效 */
.zib-widget.ceo-shop1-zl::before,
div.ceo-shop1-zl::before {
	content: '' !important;
	position: absolute !important;
	top: 0 !important;
	left: -100% !important;
	width: 60px !important;
	height: 100% !important;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent) !important;
	animation: shine-blue 4s infinite !important;
	display: block !important;
	z-index: 0 !important;
	pointer-events: none !important;
}
@keyframes shine-blue {
	0% { left: -100px; }
	50%, 100% { left: 120%; }
}
/* 文章标题美化 */
.midTitle h1 {
	font-size: 22px !important;
	font-weight: 600 !important;
	background: linear-gradient(135deg, #1565c0 0%, #1976d2 50%, #1565c0 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-clip: text !important;
	background-size: 200% auto !important;
	animation: text-gradient-blue 3s ease infinite !important;
	line-height: 1.5 !important;
	margin: 0 !important;
	padding: 5px 0 !important;
}
@keyframes text-gradient-blue {
	0%, 100% { background-position: 0% center; }
	50% { background-position: 100% center; }
}
[data-theme="dark"] .midTitle h1,
.dark-theme .midTitle h1 {
	background: linear-gradient(135deg, #64b5f6 0%, #42a5f5 50%, #64b5f6 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
}
/* 左侧图片区域 */
.bannerL {
	width: 24.3%;
	max-height: 420px;
	overflow: hidden;
	float: left;
	margin: 20px 20px 0 20px;
	font-size: 0;
	background: linear-gradient(180deg, #f5f9ff 0%, #e3f2fd 100%) !important;
	border-radius: 10px !important;
	padding: 12px !important;
	box-shadow: 0 2px 10px rgba(21, 101, 192, 0.08) !important;
	border: 1px solid #90caf9 !important;
}
[data-theme="dark"] .bannerL,
.dark-theme .bannerL {
	background: linear-gradient(180deg, #152238 0%, #0d1f3c 100%) !important;
	border-color: #2d4a6a !important;
}
/* 中间内容区域 */
.bannerMid {
	float: left;
	width: 47.36%;
	margin-left: 0px;
	padding: 20px 15px !important;
	background: transparent !important;
	border-radius: 10px !important;
}
/* 深色模式 */
[data-theme="dark"] .bannerMid,
.dark-theme .bannerMid {
	background: transparent !important;
}
/* 增值服务区域 */
.main_info_tb {
	background: linear-gradient(135deg, #f5f9ff 0%, #e3f2fd 100%) !important;
	font-size: 14px;
	margin: 16px 0;
	display: flex;
	flex-wrap: wrap;
	border-radius: 8px !important;
	padding: 10px 14px !important;
	border: 1px solid #90caf9 !important;
	box-shadow: 0 2px 8px rgba(21, 101, 192, 0.06) !important;
}
.main_info_tb_items {
	height: 42px !important;
	padding: 0 16px !important;
	line-height: 42px !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 600 !important;
	color: #fff !important;
	background: linear-gradient(135deg, #1565c0 0%, #42a5f5 100%) !important;
	border-radius: 6px !important;
	margin-right: 10px !important;
}
.main_info_tb_items i {
	margin-right: 6px !important;
	color: #fff !important;
	font-size: 14px !important;
}
[data-theme="dark"] .main_info_tb,
.dark-theme .main_info_tb {
	background: linear-gradient(135deg, #152238 0%, #0d1f3c 100%) !important;
	border-color: #2d4a6a !important;
}
/* 最近更新/资源编号 */
.main_info_top_b {
	display: flex !important;
	flex-direction: row !important;
	justify-content: space-between !important;
	align-items: center !important;
	margin-top: 12px !important;
	gap: 10px !important;
	flex-wrap: nowrap !important;
	overflow: hidden !important;
	white-space: nowrap !important;
	width: 100% !important;
}
.main_info_top_item,
.main_info_top_item2 {
	display: inline-flex !important;
	flex: 0 0 auto !important;
	flex-shrink: 0 !important;
	font-size: 12px !important;
	border: 1px solid #bbdefb !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	background: linear-gradient(135deg, #ffffff 0%, #f5f9ff 100%) !important;
	white-space: nowrap !important;
}
.main_info_top_item2 {
	margin-right: 0px !important;
}
.item_titles {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 28px !important;
	min-width: 70px !important;
	padding: 0 12px !important;
	background: linear-gradient(135deg, #1565c0 0%, #1976d2 100%) !important;
	color: #ffffff !important;
	font-weight: 600 !important;
	font-size: 11px !important;
	white-space: nowrap !important;
	flex-shrink: 0 !important;
}
.item_content1,
.item_content2 {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	height: 28px !important;
	padding: 0 12px !important;
	color: #333 !important;
	font-weight: 500 !important;
	font-size: 12px !important;
	white-space: nowrap !important;
	flex-shrink: 0 !important;
	min-width: 80px !important;
}
.item_content1 {
	min-width: 100px !important;
}
[data-theme="dark"] .main_info_top_item,
[data-theme="dark"] .main_info_top_item2,
.dark-theme .main_info_top_item,
.dark-theme .main_info_top_item2 {
	background: linear-gradient(135deg, #152238 0%, #0d1f3c 100%) !important;
	border-color: #2d4a6a !important;
}
[data-theme="dark"] .item_titles,
.dark-theme .item_titles {
	background: linear-gradient(135deg, #1565c0 0%, #1976d2 100%) !important;
	color: #ffffff !important;
}
[data-theme="dark"] .item_content1,
[data-theme="dark"] .item_content2,
.dark-theme .item_content1,
.dark-theme .item_content2 {
	color: #f0f0f0 !important;
}
/* 按钮美化 */
.bannerMid a.makeFunc,
.bannerMid a.needSay,
a.shopcustom,
a.conMake,
a.seeDetail {
	display: inline-block;
	width: 120px;
	height: 36px;
	background: linear-gradient(135deg, #1565c0 0%, #1976d2 100%) !important;
	border-radius: 4px;
	color: #fff !important;
	text-align: center;
	line-height: 36px;
	font-size: 15px;
	border: 1px solid transparent;
	overflow: inherit;
	transition: all 0.3s ease;
}
.bannerMid a.makeFunc:hover {
	color: #1565c0 !important;
	border: 1px solid #1565c0;
	background: transparent !important;
}
.bannerMid a.seeDetail {
	background: linear-gradient(135deg, #42a5f5 0%, #64b5f6 100%) !important;
	margin-left: 8px;
}
.bannerMid a.seeDetail:hover {
	color: #42a5f5 !important;
	border: 1px solid #42a5f5;
	background: transparent !important;
}
.bannerMid a.needSay {
	background: linear-gradient(135deg, #2196f3 0%, #03a9f4 100%) !important;
	margin-left: 8px;
}
.bannerMid a.needSay:hover {
	color: #2196f3 !important;
	border: 1px solid #2196f3;
	background: transparent !important;
}
/* 价格显示 */
.sellP {
	font-size: 13px;
	color: #1565c0 !important;
}
.sellP em {
	font-size: 13px;
	color: #1565c0;
	font-style: normal;
	font-weight: 500;
}
.sellP #priceinfo {
	font-size: 22px;
	color: #1565c0;
	font-weight: bold;
}
/* 举报区域 */
.risktips {
	border: solid 1px #64b5f6 !important;
	padding: 10px 14px !important;
	color: #1565c0 !important;
	overflow: visible !important;
	margin-top: 12px;
	line-height: 1.6 !important;
	font-size: 12px;
	white-space: normal !important;
	word-wrap: break-word !important;
	word-break: break-all !important;
	clear: both;
	display: block;
	position: relative;
	z-index: 10;
	border-radius: 6px !important;
	background: #f5f9ff !important;
	max-width: 100% !important;
}
.risktips span a {
	color: #1565c0 !important;
	white-space: normal !important;
	word-wrap: break-word !important;
}
[data-theme="dark"] .risktips,
.dark-theme .risktips {
	background: #152238 !important;
	border-color: #64b5f6 !important;
	color: #64b5f6 !important;
}
/* 文章标签美化 */
.article-tags {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	margin: 12px 0 !important;
	padding: 10px 0 !important;
	border-bottom: 1px dashed #bbdefb !important;
}
.article-tags .ml10 {
	display: inline-flex !important;
	align-items: center;
	margin: 4px 6px !important;
	padding: 6px 14px !important;
	background: #f5f9ff !important;
	border-radius: 6px !important;
	font-size: 12px !important;
	color: #1565c0 !important;
	white-space: nowrap;
	transition: all 0.3s ease;
	border: 1px solid #bbdefb !important;
}
.article-tags .ml10:hover {
	background: linear-gradient(135deg, #1565c0 0%, #42a5f5 100%) !important;
	color: #fff !important;
	border-color: #1565c0 !important;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(21, 101, 192, 0.3);
}
.article-tags .ml10 i {
	margin-right: 5px !important;
	color: #1976d2 !important;
}
.article-tags .ml10:hover i {
	color: #fff !important;
}
[data-theme="dark"] .article-tags,
.dark-theme .article-tags {
	border-bottom-color: #2d4a6a !important;
}
[data-theme="dark"] .article-tags .ml10,
.dark-theme .article-tags .ml10 {
	background: #152238 !important;
	border-color: #2d4a6a !important;
	color: #64b5f6 !important;
}
/* 付费/免费资源标签 - 纯色背景确保清晰 */
.ceo-single-tese {
	display: block !important;
	margin-bottom: 8px !important;
	margin-top: -5px !important;
	position: relative !important;
	z-index: 100 !important;
}
.ceo-single-tese .ceo-tese-tuijian {
	display: inline-block !important;
	background: #1565c0 !important;
	border-radius: 4px !important;
	height: 24px !important;
	font-size: 12px !important;
	color: #ffffff !important;
	position: relative !important;
	padding: 0 10px !important;
	line-height: 24px !important;
	border: none !important;
	font-weight: bold !important;
	vertical-align: middle !important;
}
.ceo-single-tese .ceo-tese-tuijian i,
.ceo-single-tese .ceo-tese-tuijian::before {
	color: #ffffff !important;
}
/* 按钮样式确保 */
.priceBtn {
	position: relative !important;
	z-index: 100 !important;
	clear: both !important;
	pointer-events: auto !important;
	margin-top: 20px;
}
.priceBtn .but,
.priceBtn a.but,
.priceBtn button {
	display: inline-block !important;
	cursor: pointer !important;
	pointer-events: auto !important;
	position: relative !important;
	z-index: 100 !important;
}
}

/* 手机端样式 */
@media screen and (max-width: 800px) {
/* 手机端容器背景 */
.ceo_app_shop {
	position: relative;
	margin-bottom: 20px;
	border-radius: 12px !important;
	background: linear-gradient(180deg, #f5f9ff 0%, #e3f2fd 100%) !important;
	box-shadow: 0 4px 20px rgba(21, 101, 192, 0.1) !important;
	overflow: hidden;
	border: 1px solid #bbdefb !important;
}
[data-theme="dark"] .ceo_app_shop,
.dark-theme .ceo_app_shop {
	background: linear-gradient(180deg, #0d1f3c 0%, #0a1525 100%) !important;
	border-color: #2d4a6a !important;
}
/* 手机端按钮修复 */
.app_shop_an .but,
.app_shop_an a.but,
.app_shop_an button {
	cursor: pointer !important;
	pointer-events: auto !important;
	position: relative !important;
	z-index: 100 !important;
}
.app_shop_an {
	position: relative !important;
	z-index: 50 !important;
}
/* 付费/免费资源标签 */
.ceo-single-tese {
	display: block;
	margin-bottom: 8px;
	margin-top: -5px;
}
.ceo-single-tese .ceo-tese-tuijian {
	display: inline-block;
	background: linear-gradient(135deg, #1565c0 0%, #42a5f5 100%);
	border-radius: 4px;
	height: 22px;
	font-size: 12px;
	color: #ffffff !important;
	position: relative;
	padding: 0 8px;
	line-height: 22px;
	overflow: hidden;
	border: 0px solid #fff;
	vertical-align: middle;
	font-weight: bold;
}
/* 手机端增值服务 */
.ceo_app_shop .app_mother {
	line-height: 22px;
	padding: 12px 20px !important;
	background: linear-gradient(135deg, #f5f9ff 0%, #e3f2fd 100%) !important;
	font-size: 12px;
	color: #1565c0 !important;
	border-top: 1px solid #bbdefb !important;
	border-radius: 0 0 8px 8px !important;
}
.ceo_app_shop .app_mother i {
	margin-right: 5px !important;
	color: #1976d2 !important;
	font-weight: bold !important;
}
[data-theme="dark"] .ceo_app_shop .app_mother,
.dark-theme .ceo_app_shop .app_mother {
	background: linear-gradient(135deg, #152238 0%, #0d1f3c 100%) !important;
	border-top-color: #2d4a6a !important;
	color: #64b5f6 !important;
}
}

/* 删除左边框 - 最高优先级 */
.zib-widget,
.zib-widget *,
.ceo-shop1-zl,
.ceo-shop1-zl * {
	border-left: none !important;
}

/* 确保内容不被遮挡 */
.zib-widget.ceo-shop1-zl > *,
div.ceo-shop1-zl > * {
	position: relative !important;
	z-index: 2 !important;
}