.qn-modal-back{
	position:fixed;
	inset:0;
	z-index:20000;
	display:none;
	align-items:center;
	justify-content:center;
	padding:20px;
	background:rgba(4,10,22,0.62);
	box-sizing:border-box;
}
.qn-modal-back.is-open{display:flex;}
.qn-modal-box{
	width:100%;
	max-width:400px;
	background:rgba(12,20,36,0.96);
	border:1px solid rgba(0,180,255,0.4);
	border-radius:16px;
	padding:28px 26px 22px;
	box-shadow:0 20px 50px rgba(0,0,0,0.45), 0 0 30px rgba(0,140,255,0.12);
	color:#fff;
	text-align:center;
}
.qn-modal-box p{
	margin:0 0 22px;
	font-size:15px;
	line-height:1.7;
	color:#e8eef6;
	word-break:keep-all;
	white-space:normal;
}
.qn-modal-btns{
	display:flex;
	gap:8px;
	justify-content:center;
}
.qn-modal-btns button{
	min-width:108px;
	height:42px;
	border:0;
	border-radius:10px;
	font-size:14px;
	font-weight:700;
	cursor:pointer;
}
.qn-btn-ok{
	background:linear-gradient(90deg, #0088ff 0%, #00d4ff 100%);
	color:#fff;
}
.qn-btn-cancel{
	background:#0c1524;
	border:1px solid #8ea2b8 !important;
	color:#fff;
}