{{ icon }}
{{ title }}
{{ desc }}
知道了
了解详情
升级 FAMILY
.upgrade-guide-mask {
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background: rgba(0,0,0,0.5);
display: flex;
align-items: center;
justify-content: center;
z-index: 999;
}
.upgrade-guide-content {
width: 600rpx;
background: $app-surface;
border-radius: 24rpx;
padding: 48rpx 36rpx 36rpx;
text-align: center;
}
.upgrade-guide-icon {
font-size: 72rpx;
margin-bottom: 24rpx;
}
.upgrade-guide-title {
font-size: 32rpx;
font-weight: 600;
color: $facade-text-strong;
margin-bottom: 16rpx;
}
.upgrade-guide-desc {
font-size: 26rpx;
color: $facade-text-body;
line-height: 1.6;
margin-bottom: 36rpx;
}
.upgrade-guide-actions {
display: flex;
flex-direction: column;
gap: 16rpx;
}
.btn-know, .btn-learn, .btn-upgrade {
height: 80rpx;
line-height: 80rpx;
border-radius: 40rpx;
font-size: 28rpx;
}
.btn-know {
background: $facade-fill-2;
color: $facade-text-body;
}
.btn-learn {
background: transparent;
color: $brand-primary;
border: 2rpx solid $brand-primary;
}
.btn-upgrade {
background: $brand-primary;
color: $app-surface;
}