/* ===== 面包屑 / 分页 / 404 ===== */
.crumbs{padding:.18rem 0 0;font-size:.14rem;color:#999;}
.crumbs a{color:#386AFD;}
.crumbs span{margin:0 .06rem;}
.home-container.news-page,
.home-container.about-page{background-color:#fff;background-image:none;}
.home-container.about-page .about-box{background-color:transparent;}

/* Keep banner images in their own paint layer so page/header backgrounds cannot bleed through during scroll restoration. */
.home-container .news-banner,
.home-container .about-banner{
	position:relative;isolation:isolate;background-color:#eef3ff;
}
.home-container .news-banner > .bg-img,
.home-container .about-banner > .bg-img{
	position:relative;z-index:1;transform:translateZ(0);
	-webkit-backface-visibility:hidden;backface-visibility:hidden;
}
.home-container .news-banner > .contain,
.home-container .about-banner > .contain{z-index:2;}

@media screen and (min-width:751px){
	.header-spacer ~ .crumbs{margin-top:64px;}
	.home-container .news-banner,
	.home-container .news-banner .bg-img,
	.home-container .news-banner .contain{height:280px;}
	.home-container .news-banner .bg-img{object-fit:cover;}
	.home-container .about-banner,
	.home-container .about-banner .bg-img,
	.home-container .about-banner .contain{height:280px;}
	.home-container .about-banner .bg-img{object-fit:cover;}
}
.pagination{padding:.3rem 0;font-size:0;}
.pagination .pg-btn{
	display:inline-block;min-width:.38rem;height:.38rem;line-height:.38rem;
	padding:0 .10rem;margin:0 .06rem;font-size:.15rem;color:#386AFD;
	border:1px solid #e0e4f0;border-radius:.06rem;vertical-align:middle;
}
.pagination .pg-btn.act{background:#386AFD;color:#fff;border-color:#386AFD;}
.page-404{padding:1.2rem 0 1.5rem;}
.page-404 .code{font-size:.6rem;}

/* 文章 FAQ 区块 */
.article-faq{margin:.3rem 0;padding:.2rem;background:#F7F8FC;border-radius:.08rem;}
.article-faq h2{margin-bottom:.15rem;}
.article-faq .faq-item{margin-bottom:.15rem;}
.article-faq .faq-q{color:#0D253E;margin-bottom:.06rem;}
.article-faq .faq-a{color:#555;line-height:1.8;}

/* 文章正文内的表格（Quill 粘贴 Word 表格） */
.ql-editor table{border-collapse:collapse;width:100%;margin:.2rem 0;}
.ql-editor table td,.ql-editor table th{border:1px solid #d9d9d9;padding:.1rem .14rem;}

/* ===== 右侧中部联系浮窗（需求5） ===== */
.contact-widget{
	position:fixed;top:50%;right:0;z-index:30;transform:translateY(-50%);
}
.contact-widget *{box-sizing:border-box;}
.contact-widget .cw-rail{
	position:relative;z-index:2;width:.84rem;overflow:hidden;background:#386AFD;
	border-radius:.12rem 0 0 .12rem;box-shadow:0 .08rem .26rem rgba(56,106,253,.28);
}
.contact-widget .cw-toggle{
	display:flex;flex-direction:column;align-items:center;width:100%;padding:.14rem .06rem .16rem;
	border:0;background:transparent;color:#fff;font:inherit;font-size:.15rem;line-height:1.25;
	transition:background-color .2s ease;
}
.contact-widget .cw-toggle-icon{
	width:.22rem;height:.22rem;padding:.05rem;margin-bottom:.08rem;border-radius:50%;
	background:#fff;object-fit:contain;box-shadow:0 .03rem .1rem rgba(10,35,95,.16);
}
.contact-widget .cw-toggle-txt{writing-mode:vertical-lr;letter-spacing:.01rem;}
.contact-widget .cw-toggle:hover{background:rgba(255,255,255,.12);}
.contact-widget .cw-toggle:focus-visible,
.contact-widget .cw-close:focus-visible{
	outline:2px solid #8ba7ff;outline-offset:-2px;
}
.contact-widget .cw-tips li + li{border-top:1px solid rgba(255,255,255,.18);}
.contact-widget .cw-tips a{
	display:flex;flex-direction:column;align-items:center;padding:.10rem .02rem;color:#fff;
	transition:background-color .2s ease;
}
.contact-widget .cw-tips a:hover{background:rgba(255,255,255,.12);}
.contact-widget .cw-tips img{
	display:block;width:.18rem;height:.18rem;padding:.06rem;border-radius:50%;background:#fff;
	object-fit:contain;box-shadow:0 .03rem .08rem rgba(10,35,95,.14);
}
.contact-widget .cw-tips span{display:block;margin-top:.05rem;font-size:.10rem;line-height:1.2;color:#fff;white-space:nowrap;}

/* 展开面板固定在侧栏左侧，避免展开时按钮位置发生跳动 */
.contact-widget .cw-panel{
	position:absolute;top:50%;right:calc(100% + .06rem);width:3.10rem;padding:.20rem .22rem .22rem;
	visibility:hidden;opacity:0;pointer-events:none;transform:translateX(.08rem) translateY(-50%) scale(.98);
	background:#fff;border:1px solid #eef1f7;border-radius:.10rem;text-align:center;
	box-shadow:0 .14rem .40rem rgba(13,37,62,.16),0 .03rem .10rem rgba(13,37,62,.06);
	transform-origin:right center;transition:opacity .2s ease,transform .2s ease,visibility .2s;
}
.contact-widget .cw-panel:after{
	content:"";position:absolute;top:50%;right:-.065rem;width:.12rem;height:.12rem;
	background:#fff;border-top:1px solid #eef1f7;border-right:1px solid #eef1f7;
	transform:translateY(-50%) rotate(45deg);
}
.contact-widget.open .cw-panel{
	visibility:visible;opacity:1;pointer-events:auto;transform:translateX(0) translateY(-50%) scale(1);
}
@media (hover:hover) and (pointer:fine){
	.contact-widget:hover .cw-panel{
		visibility:visible;opacity:1;pointer-events:auto;transform:translateX(0) translateY(-50%) scale(1);
	}
}
.contact-widget .cw-close{
	position:absolute;top:.10rem;right:.10rem;display:flex;align-items:center;justify-content:center;
	width:.30rem;height:.30rem;padding:0;border:0;border-radius:50%;background:#f3f5fa;color:#8b95a7;
	font:400 .20rem/1 Arial,sans-serif;transition:background-color .2s ease,color .2s ease;
}
.contact-widget .cw-close:hover{background:#e9edf5;color:#386AFD;}
.contact-widget .cw-head{
	padding:0 .26rem .14rem;border-bottom:1px solid #f0f2f7;text-align:left;
}
.contact-widget .cw-title{margin:0;font-size:.18rem;font-weight:600;line-height:1.35;color:#0D253E;}
.contact-widget .cw-subtitle{margin-top:.05rem;font-size:.11rem;line-height:1.5;color:#8b95a7;}
.contact-widget .cw-qr-wrap{
	width:1.84rem;padding:.10rem;margin:.16rem auto .10rem;border:1px solid #eef1f7;
	border-radius:.08rem;background:#f8f9fc;
}
.contact-widget .cw-qr{display:block;width:1.62rem;height:1.62rem;margin:0 auto;}
.contact-widget .cw-note{margin:0 0 .16rem;font-size:.12rem;line-height:1.5;color:#8b95a7;}
.contact-widget .cw-phones{padding-top:.14rem;border-top:1px solid #f0f2f7;}
.contact-widget .cw-phones-label{margin-bottom:.08rem;font-size:.11rem;line-height:1.4;color:#9aa4b5;text-align:left;}
.contact-widget .cw-phone{
	display:flex;align-items:center;justify-content:center;min-height:.42rem;padding:.08rem .10rem;
	border-radius:.07rem;background:#f5f7ff;color:#386AFD;font-size:.15rem;font-weight:600;line-height:1.2;
	transition:background-color .2s ease;word-break:break-all;
}
.contact-widget .cw-phone + .cw-phone{margin-top:.08rem;}
.contact-widget .cw-phone:hover{background:#ecf1ff;}
.contact-widget .cw-phone-icon{
	display:flex;flex:0 0 .24rem;align-items:center;justify-content:center;width:.24rem;height:.24rem;
	margin-right:.08rem;border-radius:50%;background:#fff;box-shadow:0 .02rem .07rem rgba(56,106,253,.12);
}
.contact-widget .cw-phone-icon img{display:block;width:.13rem;height:.13rem;}

@media screen and (max-width:750px){
	.contact-widget .cw-rail{width:1.14rem;border-radius:.16rem 0 0 .16rem;}
	.contact-widget .cw-toggle{padding:.18rem .10rem .20rem;font-size:.22rem;}
	.contact-widget .cw-toggle-icon{width:.34rem;height:.34rem;padding:.08rem;margin-bottom:.12rem;}
	.contact-widget .cw-toggle-txt{letter-spacing:.02rem;}
	.contact-widget .cw-tips a{padding:.12rem .04rem;}
	.contact-widget .cw-tips img{width:.24rem;height:.24rem;padding:.09rem;}
	.contact-widget .cw-tips span{margin-top:.07rem;font-size:.17rem;}
	.contact-widget .cw-panel{
		width:calc(100vw - 1.40rem);max-width:5.30rem;padding:.24rem .22rem .26rem;border-radius:.14rem;
	}
	.contact-widget .cw-close{top:.12rem;right:.12rem;width:.84rem;height:.84rem;font-size:.34rem;}
	.contact-widget .cw-head{padding:0 .42rem .20rem;}
	.contact-widget .cw-title{font-size:.30rem;}
	.contact-widget .cw-subtitle{margin-top:.08rem;font-size:.18rem;}
	.contact-widget .cw-qr-wrap{width:3.00rem;padding:.14rem;margin:.22rem auto .14rem;border-radius:.12rem;}
	.contact-widget .cw-qr{width:2.72rem;height:2.72rem;}
	.contact-widget .cw-note{margin-bottom:.20rem;font-size:.20rem;}
	.contact-widget .cw-phones{padding-top:.20rem;}
	.contact-widget .cw-phones-label{margin-bottom:.10rem;font-size:.18rem;}
	.contact-widget .cw-phone{min-height:.70rem;padding:.12rem;border-radius:.12rem;font-size:.24rem;}
	.contact-widget .cw-phone + .cw-phone{margin-top:.10rem;}
	.contact-widget .cw-phone-icon{flex-basis:.40rem;width:.40rem;height:.40rem;margin-right:.12rem;}
	.contact-widget .cw-phone-icon img{width:.22rem;height:.22rem;}
}

@media (prefers-reduced-motion:reduce){
	.contact-widget .cw-toggle,
	.contact-widget .cw-tips a,
	.contact-widget .cw-close,
	.contact-widget .cw-phone,
	.contact-widget .cw-panel{transition:none;}
}