.tabbar-.h5-.h5-page{
  padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 16px);
}

.icon-btn text{
  line-height: 1;
}

.membership-card-premium{
  border: none;
  text-align: left;
}


.h5-.h5-page{
  background:
    radial-gradient(circle at top left, rgba(74,144,217,.12), transparent 26%),
    radial-gradient(circle at top right, rgba(175,82,222,.08), transparent 24%),
    #f6f8fc;
}

.container{
  padding-bottom: 18px;
}

.top-bar{
  box-shadow: 0 5px 15px rgba(31,41,55,.06);
  backdrop-filter: blur(7px);
}

.logo-icon{
  box-shadow: 0 5px 12px rgba(74,144,217,.22);
}

.icon-btn{
  background: rgba(244,247,251,.92);
  box-shadow: inset 0 0 0 0.5px rgba(148,163,184,.14);
}

.user-avatar-sm{
  box-shadow: 0 4px 9px rgba(102,126,234,.24);
}

.tab-bar{
  padding-top: 11px;
  padding-bottom: 9px;
}

.tab-item{
  background: rgba(255,255,255,.78);
  box-shadow: 0 3px 9px rgba(15,23,42,.04);
}

.tab-item.active{
  box-shadow: 0 5px 12px rgba(74,144,217,.24);
}

.status-card,
.chart-section,
.alert-setting-row,
.device-status-card,
.guardian-stat-card,
.guardian-action-card,
.guardian-guide,
.guardian-list-section,
.faq-item,
.trial-status-card{
  box-shadow: 0 7px 18px rgba(15,23,42,.06);
}

.status-card,
.chart-section,
.alert-setting-row,
.device-status-card{
  border: 0.5px solid rgba(226,232,240,.75);
}