.user-chatcard-view{box-sizing:border-box;width:100%;height:calc(100% - 1.875rem);padding:.9375rem;position:relative}.user-chatcard-view .empty-wrap{width:100%}.user-chatcard-view .empty-wrap .van-empty__description{color:hsla(0,0%,100%,.9);font-size:.8125rem}.user-chatcard-view .main-box{display:flex;justify-content:start;flex-wrap:wrap;gap:.75rem}.user-chatcard-view .main-box .item-list-box{flex:1;min-width:calc(30% - .5rem);max-width:calc(30% - .5rem);text-align:center;cursor:pointer;transition:transform .15s}.user-chatcard-view .main-box .item-list-box:active{transform:scale(.95)}.user-chatcard-view .main-box .item-list-box .item-box{background:hsla(0,0%,100%,.04);border-radius:1rem;border:.0625rem solid hsla(0,0%,100%,.06);padding:1.25rem .75rem 1rem;transition:all .2s;position:relative}.user-chatcard-view .main-box .item-list-box .item-box.active{border-color:#f5a623;background:rgba(245,166,35,.08);box-shadow:0 0 1.25rem rgba(245,166,35,.05)}.user-chatcard-view .main-box .item-list-box .item-box:hover{background:hsla(0,0%,100%,.07);border-color:hsla(0,0%,100%,.12)}.user-chatcard-view .main-box .item-list-box .item-box img{display:inline-block;width:3rem;height:3rem;object-fit:contain}.user-chatcard-view .main-box .item-list-box .item-box .num-box{margin-top:.75rem;font-size:1.125rem;font-weight:700;color:#f5a623;letter-spacing:.03125rem}.user-chatcard-view .main-box .item-list-box .gift-name{margin-top:.5rem;color:hsla(0,0%,100%,.5);font-size:.75rem;font-weight:500;letter-spacing:.01875rem}.card-popup .van-popup__content{background:#161214;border-radius:1.25rem 1.25rem 0 0}.card-popup .van-popup__close-icon{display:none}.popup-container{padding:1.25rem 1.5rem 1.875rem;position:relative;min-height:55vh}.popup-container .popup-handle{width:2.25rem;height:.25rem;border-radius:.125rem;background:hsla(0,0%,100%,.15);margin:0 auto 1rem;flex-shrink:0}.popup-container .popup-close{position:absolute;top:.875rem;right:.875rem;width:1.625rem;height:1.625rem;border-radius:50%;background:hsla(0,0%,100%,.08);display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.4);cursor:pointer;transition:background .12s;z-index:2}.popup-container .popup-close:hover{background:hsla(0,0%,100%,.15);color:#fff}.popup-container .title{text-align:center;font-size:1.0625rem;font-weight:600;color:#fff;margin:.25rem 0 1.25rem;letter-spacing:.03125rem}.popup-container .content{margin:1.25rem 0 5rem;color:hsla(0,0%,100%,.6);font-size:.875rem;line-height:1.8}.popup-container .content p{margin:.5rem 0;padding-left:.25rem}.popup-container .intro-list{padding:0;margin:0}.popup-container .intro-list li{margin:.5rem 0;list-style:none;color:hsla(0,0%,100%,.6);font-size:.875rem;line-height:1.8;padding-left:1.25rem;position:relative}.popup-container .intro-list li:before{content:"";position:absolute;left:0;top:.625rem;width:.375rem;height:.375rem;border-radius:50%;background:#f5a623;opacity:.6}.popup-container .intro-list .highlight{color:#f5a623}.popup-container .popup-btn{position:absolute;bottom:1.875rem;left:50%;transform:translateX(-50%);width:calc(100% - 3rem);max-width:20rem;height:3rem;margin:0 auto;background:linear-gradient(135deg,#f5a623,#e0961a);border-radius:1.5625rem;font-size:.9375rem;font-weight:600;color:#fff;border:none;cursor:pointer;transition:all .15s;letter-spacing:.03125rem}.popup-container .popup-btn:hover{transform:translateX(-50%) scale(1.02);box-shadow:0 .25rem 1.25rem rgba(245,166,35,.25)}.popup-container .popup-btn:active{transform:translateX(-50%) scale(.97)}.app_MeegoLive .popup-container .popup-btn{background:linear-gradient(135deg,#8d45b5,#d96a8b 54%,#ff7f26)}.backpack-page{padding-top:3.75rem}