/* ============================================================
   统一「返回首页」按钮 —— 左上角胶囊，与标题同处顶栏
   由 js/backhome.js 按设备设置跳转目标：
     · 电脑端(PC)   → https://www.xiaorong.net.cn
     · 手机网页端    → 各页 data-home（默认 /home）
   ============================================================ */
.xr-back {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .2px;
  text-decoration: none !important;
  white-space: nowrap;
  cursor: pointer;
  background: #ffffff !important;
  color: #1f3a5f !important;
  border: 1px solid rgba(31, 58, 95, .15) !important;
  box-shadow: 0 2px 8px rgba(20, 40, 70, .12) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.xr-back:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(20, 40, 70, .18) !important;
  border-color: rgba(31, 58, 95, .32) !important;
}
.xr-back:active { transform: translateY(0); }
.xr-back .xr-arw { font-size: 15px; line-height: 1; }

/* 深色 / 彩色顶栏（蓝渐变）上的浅色变体 */
.xr-back.on-dark {
  background: rgba(255, 255, 255, .16) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, .42) !important;
  box-shadow: none !important;
}
.xr-back.on-dark:hover {
  background: rgba(255, 255, 255, .28) !important;
  border-color: rgba(255, 255, 255, .6) !important;
}

/* 会员 / 样板页等无独立顶栏的页面：固定在页面顶部左侧 */
.top { position: relative; }
.xr-back.xr-in-top {
  position: absolute;
  top: 14px;
  left: 16px;
  z-index: 60;
}