:root{
	--red:#e50011;
	--red-dark:#c0000e;
	--red-soft:#fff5f5;
	--gray-1:#333333;
	--gray-2:#666666;
	--gray-3:#999999;
	--border:#e8e8e8;
	--bg-soft:#f8f8f8;
}
#brand{display:none;}
.appx .nav-link,.appx .plain,.appx .tool-btn{color:#333;}
.appx button.burger{color:#333;}

/* ============ 标题统一样式 ============ */
.sec-title{
	display:flex;align-items:center;gap:12px;
	font-size:23px;font-weight:700;color:var(--gray-1);
	margin:56px 0 24px;line-height:1.2;
}
.sec-title::before{
	content:"";width:4px;height:22px;
	background:var(--red);border-radius:2px;flex-shrink:0;
}
.sec-title i{color:var(--red);font-size:20px;flex-shrink:0;}
.sec-title small{
	font-size:13px;font-weight:400;color:var(--gray-3);
	letter-spacing:.5px;text-transform:uppercase;
}

/* ============ 搜索头部 ============ */
.search-header{
	background:#e7e7e8;
	padding:100px 0 40px;
	position:relative;
	overflow:hidden;
}
.search-header::before{
	content:"";
	position:absolute;
	top:-50%;right:-10%;
	width:460px;height:460px;
	background:radial-gradient(circle,rgba(229,0,17,.16) 0%,transparent 70%);
	border-radius:50%;
}
.search-header::after{
	content:"";
	position:absolute;
	bottom:-60%;left:-5%;
	width:360px;height:360px;
	background:radial-gradient(circle,rgba(18,183,245,.1) 0%,transparent 70%);
	border-radius:50%;
}
.search-inner{position:relative;z-index:1;}
.search-inner h1{
	font-size:24px;
	color:#333;
	font-weight:700;
	line-height:1.4;
	margin-bottom:8px;
}
.search-inner h1 strong{
	color:var(--red);
	font-weight:700;
}
.search-inner .search-sub{
	font-size:14px;
	color:rgba(0,0,0,.6);
	margin-bottom:24px;
}
.search-form{
	display:flex;
	max-width:720px;
	background:#fff;
	border-radius:8px;
	overflow:hidden;
}
.search-form input{
	flex:1;
	border:none;
	outline:none;
	padding:16px 20px;
	font-size:15px;
	color:var(--gray-1);
	font-family:inherit;
	background:transparent;
}
.search-form input::placeholder{color:var(--gray-3);}
.search-form button{
	background:var(--red);
	color:#fff;
	border:none;
	padding:0 32px;
	font-size:15px;
	font-weight:600;
	cursor:pointer;
	font-family:inherit;
	transition:background .22s;
	display:inline-flex;
	align-items:center;
	gap:8px;
	white-space:nowrap;
}
.search-form button:hover{background:var(--red-dark);}
.search-form button i{font-size:14px;}

/* 热门搜索 */
.hot-search{
	display:flex;
	align-items:center;
	gap:12px;
	flex-wrap:wrap;
	margin-top:18px;
	font-size:13px;
	color:rgba(0,0,0,.5);
}
.hot-search .hot-label{
	display:inline-flex;
	align-items:center;
	gap:5px;
	flex-shrink:0;
}
.hot-search .hot-label i{font-size:12px;color:#ff4d5e;}
.hot-search a{
	color:rgba(0,0,0,.75);
	padding:4px 12px;
	background:rgba(0,0,0,.08);
	border:1px solid rgba(0,0,0,.12);
	border-radius:20px;
	transition:all .22s;
}
.hot-search a:hover{
	background:var(--red);
	border-color:var(--red);
	color:#fff;
	transform:translateY(-1px);
}

/* ============ 结果统计与筛选 ============ */
.result-bar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	flex-wrap:wrap;
	padding:18px 0;
	border-bottom:1px solid var(--border);
}
.result-count{
	font-size:14px;
	color:var(--gray-3);
}
.result-count strong{color:var(--red);font-weight:700;}
.result-filter{
	display:flex;
	align-items:center;
	gap:8px;
	flex-wrap:wrap;
}
.result-filter a{
	font-size:13px;
	color:var(--gray-2);
	padding:6px 16px;
	border-radius:30px;
	background:var(--bg-soft);
	transition:all .22s;
}
.result-filter a:hover,
.result-filter a.active{
	background:var(--red);
	color:#fff;
}

/* ============ 结果列表 + 侧边栏 ============ */
.result-layout{
	display:grid;
	grid-template-columns:1fr 320px;
	gap:30px;
	align-items:start;
	padding-top:32px;
}

.result-list{
	display:flex;
	flex-direction:column;
	gap:16px;
}

.result-item{
	background:#fff;
	border:1px solid var(--border);
	border-radius:14px;
	padding:24px 26px;
	transition:all .28s;
	position:relative;
	overflow:hidden;
}
.result-item::before{
	content:"";
	position:absolute;
	left:0;top:0;
	width:4px;height:100%;
	background:var(--red);
	transform:scaleY(0);
	transform-origin:top;
	transition:transform .3s;
}
.result-item:hover{
	border-color:#ddd;
	box-shadow:0 10px 28px rgba(0,0,0,.07);
	transform:translateY(-2px);
}
.result-item:hover::before{transform:scaleY(1);}

.result-tag{
	display:inline-flex;
	align-items:center;
	gap:5px;
	font-size:12px;
	color:var(--red);
	background:var(--red-soft);
	padding:3px 10px;
	border-radius:4px;
	font-weight:600;
	margin-bottom:10px;
}
.result-tag i{font-size:11px;}

.result-item h3{
	font-size:17px;
	color:var(--gray-1);
	font-weight:700;
	line-height:1.5;
	margin-bottom:10px;
	transition:color .2s;
}
.result-item h3 em{
	color:var(--red);
	font-style:normal;
	font-weight:700;
}
.result-item:hover h3{color:var(--red);}

.result-item p{
	font-size:13.5px;
	color:var(--gray-3);
	line-height:1.85;
	margin-bottom:14px;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.result-item p em{
	color:var(--red);
	font-style:normal;
	font-weight:600;
}

.result-meta{
	display:flex;
	align-items:center;
	gap:18px;
	font-size:12.5px;
	color:var(--gray-3);
	flex-wrap:wrap;
}
.result-meta span{
	display:inline-flex;
	align-items:center;
	gap:5px;
}
.result-meta i{font-size:11px;color:var(--red);}

.result-more{
	display:inline-flex;
	align-items:center;
	gap:6px;
	font-size:13px;
	color:var(--red);
	font-weight:600;
	margin-top:12px;
	transition:gap .25s;
}
.result-item:hover .result-more{gap:10px;}
.result-more i{font-size:12px;}

/* ============ 侧边栏 ============ */
.sidebar{
	display:flex;
	flex-direction:column;
	gap:20px;
	position:sticky;
	top:20px;
	align-self:start;
}
.sidebar-box{
	background:#fff;
	border:1px solid var(--border);
	border-radius:12px;
	padding:22px 20px;
}
.sidebar-title{
	font-size:16px;
	font-weight:700;
	color:var(--gray-1);
	margin-bottom:16px;
	padding-left:12px;
	position:relative;
}
.sidebar-title::before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:4px;
	height:16px;
	background:var(--red);
	border-radius:2px;
}

/* 咨询卡片 */
.consult-box{
	background:linear-gradient(135deg,#0f3460 0%,#1a1a2e 100%);
	border:none;
	color:#fff;
	position:relative;
	overflow:hidden;
}
.consult-box::before{
	content:"";
	position:absolute;
	top:-40%;right:-30%;
	width:280px;height:280px;
	background:radial-gradient(circle,rgba(229,0,17,.24) 0%,transparent 70%);
	border-radius:50%;
}
.consult-box .sidebar-title{
	color:#fff;
	position:relative;
	z-index:1;
}
.consult-box .sidebar-title::before{background:var(--red);}
.consult-desc{
	font-size:13px;
	color:rgba(255,255,255,.72);
	line-height:1.8;
	margin-bottom:16px;
	position:relative;
	z-index:1;
}
.consult-btn{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	width:100%;
	background:var(--red);
	color:#fff;
	font-size:14.5px;
	font-weight:600;
	padding:13px 0;
	border-radius:8px;
	transition:all .22s;
	position:relative;
	z-index:1;
}
.consult-btn:hover{
	background:var(--red-dark);
	box-shadow:0 6px 18px rgba(229,0,17,.35);
	transform:translateY(-2px);
}
.consult-btn i{font-size:14px;}
.consult-tel{
	text-align:center;
	font-size:12.5px;
	color:rgba(255,255,255,.55);
	margin-top:12px;
	position:relative;
	z-index:1;
}
.consult-tel strong{
	color:#fff;
	font-size:15px;
	display:block;
	margin-top:4px;
	letter-spacing:.5px;
}

/* 推荐产品 */
.product-list{
	display:flex;
	flex-direction:column;
	gap:14px;
}
.product-item{
	display:flex;
	gap:12px;
	align-items:center;
	transition:all .2s;
}
.product-item:hover .product-info h4{color:var(--red);}
.product-thumb{
	width:60px;
	height:60px;
	border-radius:8px;
	overflow:hidden;
	background:#eef1f4;
	flex-shrink:0;
}
.product-thumb img{width:100%;height:100%;object-fit:cover;}
.product-info h4{
	font-size:14px;
	font-weight:700;
	color:var(--gray-1);
	margin-bottom:2px;
	transition:color .2s;
}
.product-info p{
	font-size:12px;
	color:var(--gray-3);
}

/* ============ 最新文章 ============ */
.article-list{
    display:flex;
    flex-direction:column;
    gap:0;
}
.article-item{
    display:block;
    padding:14px 0;
    border-bottom:1px dashed var(--border);
    transition:all .22s;
}
.article-item:first-child{padding-top:0;}
.article-item:last-child{
    border-bottom:none;
    padding-bottom:0;
}
.article-item:hover .article-title{color:var(--red);}
.article-title{
    font-size:14px;
    color:var(--gray-1);
    font-weight:700;
    line-height:1.55;
    margin-bottom:6px;
    transition:color .2s;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.article-meta{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:12px;
    color:var(--gray-3);
    flex-wrap:wrap;
}
.article-meta .art-cat{
    color:var(--red);
    background:var(--red-soft);
    padding:1px 8px;
    border-radius:3px;
    font-weight:600;
    font-size:11.5px;
}
.article-meta .art-date{
    display:inline-flex;
    align-items:center;
    gap:4px;
}
.article-meta .art-date i{font-size:11px;}
.article-more{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    margin-top:16px;
    padding-top:14px;
    border-top:1px solid var(--border);
    font-size:13px;
    color:var(--red);
    font-weight:600;
    transition:gap .25s;
}
.article-more:hover{gap:10px;}
.article-more i{font-size:12px;}
/* ============ 无结果提示 ============ */
.empty-box{
	text-align:center;
	padding:60px 20px;
	background:var(--bg-soft);
	border-radius:14px;
}
.empty-box i{
	font-size:48px;
	color:var(--gray-3);
	opacity:.5;
	margin-bottom:16px;
	display:block;
}
.empty-box h3{
	font-size:18px;
	color:var(--gray-1);
	font-weight:700;
	margin-bottom:8px;
}
.empty-box p{
	font-size:14px;
	color:var(--gray-3);
	line-height:1.8;
	max-width:480px;
	margin:0 auto 20px;
}
.empty-box a{
	display:inline-flex;
	align-items:center;
	gap:8px;
	background:var(--red);
	color:#fff;
	font-size:14px;
	font-weight:600;
	padding:12px 28px;
	border-radius:6px;
	transition:all .22s;
}
.empty-box a:hover{
	background:var(--red-dark);
	transform:translateY(-2px);
	box-shadow:0 6px 20px rgba(229,0,17,.3);
}
.empty-box a i{font-size:13px;}

/* ============ 响应式 ============ */
@media (max-width:1024px){
	.result-layout{grid-template-columns:1fr;}
	.sidebar{
		position:static;
		display:grid;
		grid-template-columns:repeat(2,1fr);
		gap:20px;
	}
}

@media (max-width:860px){
	.cta-box{flex-direction:column;align-items:flex-start;}
	.cta-actions{width:100%;}
	.cta-actions .btn-primary,
	.cta-actions .btn-outline{width:100%;justify-content:center;}
	.sidebar{grid-template-columns:1fr;}
	.search-form button{padding:0 22px;}
	.search-form button span{display:none;}
}

@media (max-width:600px){
	.container{padding:0 15px;}
	.sec-title{font-size:19px;margin:40px 0 18px;}
	.brand img{width:160px;height:23px;}
	.sec-title small{display:none;}
	.search-inner h1{font-size:19px;}
	.search-form input{padding:14px 16px;font-size:14px;}
	.search-form button{padding:0 18px;font-size:14px;}
	.hot-search{font-size:12px;}
	.hot-search a{padding:3px 10px;}
	.result-bar{gap:12px;}
	.result-count{font-size:13px;}
	.result-filter a{font-size:12px;padding:5px 13px;}
	.result-item{padding:20px 18px;}
	.result-item h3{font-size:15.5px;}
	.result-item p{font-size:13px;}
	.result-meta{font-size:12px;gap:12px;}
	.sidebar-box{padding:20px 18px;}
	.empty-box{padding:40px 16px;}
	.empty-box h3{font-size:16px;}
	.empty-box p{font-size:13px;}
	.pagination a,
	.pagination span{min-width:34px;height:34px;font-size:13px;}
	.cta-section{padding:36px 0;margin-top:44px;}
	.cta-left h2{font-size:18px;}
	.cta-left p{font-size:13px;}
}