@charset "UTF-8";

/**
 * Red / gold theme for auth surfaces: sign-in modal, legacy qiandap modal, register popup.
 * Loaded on room PC + mobile. (Login modal: login-modal.css; standalone pages: user-login.css)
 */

/* ----- Register / login popups (layui layer content) ----- */
.popup_box.regester {
	background: linear-gradient(145deg, rgba(60, 0, 0, 0.92), rgba(20, 0, 0, 0.96)) !important;
	border: 1px solid rgba(255, 219, 39, 0.35) !important;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45) !important;
}

.popup_box.regester .regester-left .qr p {
	color: rgba(255, 255, 255, 0.85) !important;
}

.popup_box.regester .regester-con {
	background-color: rgba(255, 255, 255, 0.08) !important;
}

.popup_box.regester .regester-con .pop_tit {
	color: #fff !important;
}

.popup_box.regester .regester-con .pop_con .layui-btn-danger,
.popup_box.regester .regester-con .pop_con .layui-btn-fluid {
	background: #ffdb27 !important;
	background-image: none !important;
	color: #790001 !important;
	border: none !important;
}

.popup_box.regester .regester-con .pop_con .layui-btn-primary {
	background: rgba(255, 255, 255, 0.15) !important;
	color: #fff !important;
	border: 1px solid rgba(255, 255, 255, 0.25) !important;
}

/* ----- Qiandap (layer) new-theme modal ----- */
.qiandap-box.new-theme-modal {
	background: rgba(30, 0, 0, 0.92) !important;
	border-image-source: linear-gradient(135deg, #ffdb27 0%, #c20000 55%, #890000 100%) !important;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.55) !important;
}

.new-theme-modal .just-qiandao {
	background: linear-gradient(90deg, #ffdb27, #f0b429) !important;
	color: #790001 !important;
	box-shadow: 0 4px 15px rgba(255, 219, 39, 0.35) !important;
}

.new-theme-modal .just-qiandao.actived {
	background: #666 !important;
	color: #fff !important;
}

/* ----- Sign-in modal (sign.js) ----- */
.sign-modal {
	background: linear-gradient(135deg, #ffdb27 0%, #c20000 45%, #890000 100%) !important;
}

.sign-modal-inner {
	background: rgba(20, 0, 0, 0.88) !important;
	border: 1px solid rgba(255, 219, 39, 0.2);
	box-sizing: border-box;
}

.sign-modal-close {
	background: #a00100 !important;
}

.sign-modal-close:hover {
	background: #c20000 !important;
}

.sign-grid .day-card {
	background: rgba(255, 255, 255, 0.1) !important;
}

.sign-grid li.today .day-card {
	background: #ffdb27 !important;
	border-color: #ffdb27 !important;
	box-shadow: 0 3px 10px rgba(255, 219, 39, 0.35) !important;
}

.sign-grid li.today .day-pts {
	color: #790001 !important;
}

.sign-action {
	background: #ffdb27 !important;
	color: #790001 !important;
}

.sign-action:hover {
	background: #f0c820 !important;
}

.sign-action.done {
	background: #54606e !important;
	color: #fff !important;
}