.site-detail-header-card .site-detail-icon .sites-icon,
.site-detail-header-card .site-detail-icon .xtnav-icon-fallback{border-radius:var(--main-radius);width:64px;height:64px;object-fit:contain}
.site-hero-row{margin-left:-1.5rem;margin-right:-1.5rem}
.site-hero-main{padding-left:1.5rem}
.site-hero-preview{padding-left:calc(1.5rem + 10px);padding-right:0}
.site-preview-wrap{width:100%}
.site-preview-wrap .site-preview-bar{font-size:0}
.site-preview-wrap .site-preview-link:hover .site-preview-overlay{opacity:1}
.site-preview-overlay{background:rgba(0,0,0,0);transition:opacity .2s;inset:0;opacity:0}
.site-preview-overlay .btn{border-radius:var(--main-radius)}
#qrcode-modal .navpro-qrcode-dialog{max-width:360px}
#qrcode-modal .modal-body svg,
#qrcode-modal .modal-body img,
#qrcode-modal .qrcode-fallback{width:260px!important;height:260px!important;max-width:100%}
#qrcode-modal .modal-body svg{display:block}
.site-rating-card{background:linear-gradient(135deg,#4f8ff7 0%,#10a8df 52%,#5ca4f5 100%)!important;border:none;border-radius:16px;box-shadow:0 12px 24px rgba(16,123,210,.18);color:#fff}
.site-rating-body{min-height:205px}
.site-rating-title{color:#fff;font-size:14px;line-height:1.4}
.site-rating-score{font-size:48px;line-height:1}
.site-rating-count{max-width:160px;font-size:12px;line-height:24px;background:rgba(255,255,255,.22);backdrop-filter:blur(4px)}
.site-rating-orb{border-radius:50%;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.14)}
.site-rating-orb-left{width:104px;height:104px;left:-28px;top:-24px}
.site-rating-orb-right{width:92px;height:92px;right:-22px;bottom:-26px}
.rating-star{width:28px;height:28px;color:rgba(255,255,255,.45)!important}
.rating-star::before{content:"★";display:block;font-size:24px;line-height:28px;color:currentColor;text-shadow:0 2px 4px rgba(0,0,0,.08)}
.rating-star:hover{transform:scale(1.15);color:#facc15!important}
.rating-star.active-star{color:#facc15!important}
.rating-star.active-star::before{background:linear-gradient(135deg,#facc15,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.rating-star.active-star i{background:linear-gradient(135deg,#facc15,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#site-sidebar-hot .hot-site-card{border:1px solid rgba(0,0,0,.05)}
#site-sidebar-hot .hot-site-card:hover{background:rgba(var(--theme-color-rgb),.06);border-color:rgba(var(--theme-color-rgb),.15)}
#site-sidebar-hot .xtnav-icon-fallback{background:var(--theme-color);color:#fff}
.site-sidebar-cover{background:linear-gradient(135deg,var(--theme-color),#6366f1)}
.site-sidebar-cover img{opacity:.3}
.site-sidebar-profile-body{position:relative;z-index:2}
.site-sidebar-icon{position:relative;z-index:3;background:#fff;object-fit:contain}
.bg-warning-light{background:#fffbeb}
.badge-success-light{background:#ecfdf5;color:#059669}
.badge-warning-light{background:#fffbeb;color:#d97706}
.badge-danger-light{background:#fff1f2;color:#e11d48}
.badge-info-light{background:#ecfeff;color:#0891b2}
.badge-secondary-light{background:#f1f5f9;color:#64748b}
.line-height-2{line-height:1.8}
.btn-theme{background:var(--theme-color);color:#fff;border-color:var(--theme-color)}
.btn-theme:hover{background:var(--hover-color);color:#fff;border-color:var(--hover-color)}
.site-action-buttons{margin:-.25rem -.25rem .75rem}
.site-action-buttons .btn{margin:.25rem}
.vc-l-theme{color:var(--theme-color)}
.vc-l-theme:hover{color:var(--hover-color)}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:575.98px){
  #qrcode-modal .navpro-qrcode-dialog{max-width:calc(100% - 2rem);margin-left:auto;margin-right:auto}
  #qrcode-modal .modal-body svg,
  #qrcode-modal .modal-body img,
  #qrcode-modal .qrcode-fallback{width:240px!important;height:240px!important}
}
@media (max-width:991.98px){
  .site-hero-row{margin-left:-15px;margin-right:-15px}
  .site-hero-main{padding-left:15px}
  .site-hero-preview{padding-left:15px;padding-right:15px}
}