/* ===== CAM100 玻璃质感 VIP 设备列表 ===== */

/* 分组整体 */
.device-list.user-home .device-group{
  margin-bottom:12px!important;
  border-radius:20px!important;
}

/* 分组标题 */
.device-list.user-home .device-group .group-head{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:58px!important;
  gap:10px!important;
  padding:10px 14px!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,#102b4c,#091b32)!important;
  border:1px solid rgba(228,181,77,.40)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 8px 20px rgba(0,0,0,.16)!important;
}

/* 金色 VIP 徽章 */
.device-list.user-home .device-group .group-head::before{
  content:"VIP"!important;
  order:0!important;
  position:static!important;
  display:flex!important;
  flex:none!important;
  align-items:center!important;
  justify-content:center!important;
  width:36px!important;
  height:36px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  border-radius:50%!important;
  border:1px solid #f9d781!important;
  background:
    radial-gradient(circle at 30% 22%,#ad8647,#60421a 75%)!important;
  color:#fff1b9!important;
  font:800 11px/1 Arial,sans-serif!important;
  letter-spacing:.3px!important;
  text-shadow:0 1px 3px #5b3600!important;
  box-shadow:
    inset 0 1px 5px rgba(255,243,187,.28),
    0 0 13px rgba(245,189,66,.35)!important;
  transform:none!important;
}

/* 清除旧的大三角装饰 */
.device-list.user-home .device-group .group-head::after,
.device-list.user-home .device-group .group-head > span::before,
.device-list.user-home .device-group .group-head > span::after{
  content:none!important;
  display:none!important;
}

/* 名称字体 */
.device-list.user-home .device-group .group-head > span{
  order:1!important;
  flex:1 1 auto!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.4!important;
  text-align:left!important;
  color:#f3f8ff!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* 数量 */
.device-list.user-home .device-group .group-head .device-count{
  order:2!important;
  flex:none!important;
  margin:0 0 0 auto!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:500!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  color:#9fcbff!important;
  border:1px solid rgba(110,172,255,.32)!important;
  background:rgba(35,105,200,.14)!important;
}

/* 设备圆形卡片 */
.device-list.user-home .device-item{
  position:relative!important;
  width:100%!important;
  max-width:76px!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1/1!important;
  padding:9px 4px!important;
  margin:0 auto!important;
  border-radius:50%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  background:
    radial-gradient(circle at 35% 12%,rgba(72,143,255,.22),transparent 65%),
    linear-gradient(160deg,#0d3158,#08172e)!important;
  border:1px solid rgba(76,172,255,.60)!important;
  box-shadow:
    inset 0 0 12px rgba(58,153,255,.12),
    0 0 9px rgba(38,136,255,.16)!important;
}

/* 未授权设备使用金色 */
.device-list.user-home .device-item.locked{
  border-color:rgba(255,201,91,.78)!important;
  background:
    radial-gradient(circle at 35% 12%,rgba(255,194,73,.23),transparent 65%),
    linear-gradient(160deg,#33301e,#0d192c)!important;
  box-shadow:
    inset 0 0 14px rgba(255,203,91,.12),
    0 0 11px rgba(250,188,66,.23)!important;
}

/* 编号 */
.device-list.user-home .device-item .device-info b{
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.1!important;
  color:#f3f9ff!important;
}

/* 隐藏观看说明 */
.device-list.user-home .device-item .device-info small{
  display:none!important;
}

/* 小播放按钮 */
.device-list.user-home .device-item .chevron{
  width:21px!important;
  height:21px!important;
  min-width:21px!important;
  min-height:21px!important;
  margin:3px auto 0!important;
  padding:0!important;
  border-radius:50%!important;
  font-size:11px!important;
  line-height:21px!important;
  border:1px solid rgba(98,198,255,.70)!important;
  background:rgba(37,126,235,.23)!important;
  box-shadow:0 0 8px rgba(51,155,255,.26)!important;
}

/* 手机保持一行四个 */
@media(max-width:768px){
  .device-list.user-home .free-body,
  .device-list.user-home .device-group > div{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:11px 6px!important;
    justify-items:center!important;
  }

  .device-list.user-home .device-item{
    max-width:70px!important;
  }

  .device-list.user-home .device-group .group-head{
    min-height:54px!important;
    padding:9px 12px!important;
  }

  .device-list.user-home .device-group .group-head::before{
    width:32px!important;
    height:32px!important;
    font-size:10px!important;
  }

  .device-list.user-home .device-group .group-head > span{
    font-size:14px!important;
  }
}