.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}
/* ===== 文章内页分页美化 ===== */
.results-pagination{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:1.5rem 0;padding:1rem 0;border-top:1px dashed rgba(0,0,0,.06);border-bottom:1px dashed rgba(0,0,0,.06)}
.results-pagination .page-numbers,.results-pagination a,.results-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 12px;border-radius:8px;background:#fff;color:#666;font-size:14px;font-weight:600;text-decoration:none;line-height:1;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:all .2s ease;border:1px solid rgba(0,0,0,.05)}
.results-pagination .page-numbers:hover,.results-pagination a:hover{background:var(--theme-color);color:#fff;border-color:var(--theme-color);transform:translateY(-1px);box-shadow:0 4px 10px rgba(var(--theme-color-rgb),.2)}
.results-pagination .page-numbers.current,.results-pagination span.current{background:var(--theme-color);color:#fff;border-color:var(--theme-color);cursor:default;box-shadow:0 4px 10px rgba(var(--theme-color-rgb),.25)}
.results-pagination .page-numbers.nextpage{position:relative;padding-right:14px}
.results-pagination .page-numbers.prevpage{position:relative;padding-left:14px}
@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}
}


/* === 2026-09-03 修复:移动端 body.sidebar_no 时清除 PC 布局的 325px 主区 margin ===
   原 main.min.css 的 @media (max-width:767.98px) 覆盖规则只针对 .sidebar_left/.sidebar_right,
   缺少 .sidebar_no,导致 mobile 下主区仍 margin-left:325px、内容被推到屏幕外/右侧大量空白 */
@media (max-width:767.98px){
  body.sidebar_no .content-layout{margin-left:0!important;margin-right:0!important}
  body.sidebar_no .ioui-main{margin-left:0!important;margin-right:0!important;padding-left:10px;padding-right:10px}
  body.sidebar_no .content-wrap{float:none!important;width:100%!important;margin-left:0!important}
  body.sidebar_no .site-hero-preview{display:none}   /* mobile 默认隐藏预览图(避免 banner 顶满屏) */
}
@media (max-width:991.98px){
  body.sidebar_no .content-layout{margin-left:0!important;margin-right:0!important}
  body.sidebar_no .ioui-main{margin-left:0!important;margin-right:0!important}
  body.sidebar_no .content-wrap{float:none!important;width:100%!important;margin-left:0!important}
}
/* 2026-09-04 "相关推荐" 顶部"查看全部"按钮 hover 红色(原 a:hover 全局白色看不清) */
a.btn-more:hover{color:#dc2626!important;text-decoration:none!important}
a.btn-more:focus,a.btn-more:active{color:#dc2626!important}