:root{
    --pink:<?=$main_color?>;
    --blue:<?=$blue_color?>;
    --gray:#333;
    --light:#F9F7F7;
}
.text-pink{color:var(--pink) !important;}
.text-blue{color:var(--blue) !important;}
.bg-pink{background:var(--pink);color:#fff;}
.bg-blue{background:var(--blue);color:#fff;}
.btn-pink{background:var(--pink);color:#fff;}
.btn-pink:hover{opacity:0.9;color:#fff;}
.btn-blue{background:var(--blue);color:#fff;}
.btn-blue:hover{opacity:0.9;color:#fff;}
.card{transition:0.3s all;overflow:hidden;border:none;}
.card:hover{transform:translateY(-8px);box-shadow:0 10px 30px #eee;}
.badge-new{background:#ff7875;}
.badge-hot{background:#ffb800;}
.fix-service{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:999;}
.fix-service a{display:block;width:50px;height:50px;text-align:center;line-height:50px;margin-bottom:10px;border-radius:50%;color:#fff;text-decoration:none;}
.top-notice{background:var(--pink);color:#fff;padding:6px 0;font-size:14px;}
.nav-dropdown:hover .dropdown-menu{display:block;}
.dropdown-menu{margin-top:0;border:none;box-shadow:0 4px 12px #eee;}
.lh-lg{line-height:1.8;}
.object-fit-cover{object-fit:cover;}