@keyframes close-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sign-up-button{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}.user-guide-modal{z-index:1003;background:var(--Trans_Mask,#383a3d99);-webkit-font-smoothing:antialiased;width:100%;height:100%;position:fixed;top:0}[dir=ltr] .user-guide-modal{left:0}[dir=rtl] .user-guide-modal{right:0}.user-guide-modal .user-guide-panel{box-sizing:border-box;background:var(--gray-bg-bg-card,#fff);border-radius:16px;width:440px;min-height:320px;padding:125px 20px 0;position:fixed;top:calc(50% - 160px)}[dir=ltr] .user-guide-modal .user-guide-panel{left:calc(50% - 220px)}[dir=rtl] .user-guide-modal .user-guide-panel{right:calc(50% - 220px)}.user-guide-modal .user-guide-panel.user-guide-red-packet-panel{min-height:274px;top:calc(50% - 137px)}.user-guide-modal .user-guide-panel .user-guide-panel-img{width:180px;height:180px;position:absolute;top:-56px}[dir=ltr] .user-guide-modal .user-guide-panel .user-guide-panel-img{left:130px}[dir=rtl] .user-guide-modal .user-guide-panel .user-guide-panel-img{right:130px}.user-guide-modal .user-guide-panel .user-guide-content{flex-direction:column;gap:4px;padding-bottom:24px;display:flex}.user-guide-modal .user-guide-panel .user-guide-content .user-guide-gift-num{margin:auto;display:flex}.user-guide-modal .user-guide-panel .user-guide-content .user-guide-gift-text{color:var(--gray-tt-2,#81858c);text-overflow:ellipsis;white-space:nowrap;justify-content:center;margin:auto;font-size:14px;font-style:normal;font-weight:400;line-height:18px;display:flex}.user-guide-modal .user-guide-panel .user-guide-content .user-guide-info{color:var(--gray-tt-1-title,#121214);text-align:center;font-size:18px;font-style:normal;font-weight:500;line-height:150%}.user-guide-modal .user-guide-panel .user-guide-content .user-guide-info em{color:var(--Brand-900-text,#d6850d);font-size:18px;font-style:normal;font-weight:500;line-height:150%}.user-guide-modal .user-guide-panel .user-guide-active-btn{width:320px;height:48px;color:var(--static_Black,#121214);box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:12px 24px;font-size:16px;font-style:normal;font-weight:600;line-height:24px;animation-name:sign-up-button;animation-duration:1.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:1s;display:flex;position:absolute;bottom:-24px}[dir=ltr] .user-guide-modal .user-guide-panel .user-guide-active-btn{background:var(--Gradient-Brand,linear-gradient(133deg,#ffd748 -1.87%,#f7a600 101.87%));left:60px}[dir=rtl] .user-guide-modal .user-guide-panel .user-guide-active-btn{background:var(--Gradient-Brand,linear-gradient(-133deg,#ffd748 -1.87%,#f7a600 101.87%));right:60px}.user-guide-modal .user-guide-panel .user-guide-close-btn{cursor:pointer;z-index:999;opacity:0;width:24px;height:24px;animation-name:close-fade-in;animation-duration:1s;animation-timing-function:ease-in;animation-delay:1s;animation-fill-mode:forwards;position:absolute;top:-44px}[dir=ltr] .user-guide-modal .user-guide-panel .user-guide-close-btn{right:0}[dir=rtl] .user-guide-modal .user-guide-panel .user-guide-close-btn{left:0}@media screen and (width<=750px){.user-guide-modal .user-guide-panel{width:327px;min-height:280px;padding:0 18px;top:calc(50% - 150px)}[dir=ltr] .user-guide-modal .user-guide-panel{left:calc(50% - 163.5px)}[dir=rtl] .user-guide-modal .user-guide-panel{right:calc(50% - 163.5px)}.user-guide-modal .user-guide-panel.user-guide-red-packet-panel .user-guide-panel-img{width:140px;height:140px;margin:18px auto 0;position:static}.user-guide-modal .user-guide-panel.user-guide-red-packet-panel .user-guide-content{padding-top:0}.user-guide-modal .user-guide-panel.user-guide-red-packet-panel .user-guide-content .user-guide-info{text-align:center;margin-top:0;font-weight:500}.user-guide-modal .user-guide-panel .user-guide-panel-img{width:200px;height:200px;top:-36px}[dir=ltr] .user-guide-modal .user-guide-panel .user-guide-panel-img{left:auto;right:6px}[dir=rtl] .user-guide-modal .user-guide-panel .user-guide-panel-img{right:auto;left:6px}.user-guide-modal .user-guide-panel .user-guide-content{padding-top:60px}.user-guide-modal .user-guide-panel .user-guide-content .user-guide-gift-num{margin:0}.user-guide-modal .user-guide-panel .user-guide-content .user-guide-gift-text{justify-content:start;margin:0}.user-guide-modal .user-guide-panel .user-guide-content .user-guide-info{color:var(--gray-tt-1-title,#121214);margin-top:16px;font-size:16px;font-style:normal;font-weight:400;line-height:150%}[dir=ltr] .user-guide-modal .user-guide-panel .user-guide-content .user-guide-info{text-align:left}[dir=rtl] .user-guide-modal .user-guide-panel .user-guide-content .user-guide-info{text-align:right}.user-guide-modal .user-guide-panel .user-guide-content .user-guide-info em{font-size:16px;font-weight:700}.user-guide-modal .user-guide-panel .user-guide-active-btn{width:286px}[dir=ltr] .user-guide-modal .user-guide-panel .user-guide-active-btn{left:21px}[dir=rtl] .user-guide-modal .user-guide-panel .user-guide-active-btn{right:21px}}.affixed-banner-container{justify-content:center;align-items:center;gap:3px;height:0;padding:0 10px;transition:all 1.5s;display:flex;overflow:hidden}[dir=ltr] .affixed-banner-container{background:linear-gradient(133deg,#ffd74880 -1.87%,#f7a60080 101.87%),#fff}[dir=rtl] .affixed-banner-container{background:linear-gradient(-133deg,#ffd74880 -1.87%,#f7a60080 101.87%),#fff}.affixed-banner-container.affixed-banner-fixed{z-index:998;position:fixed;bottom:0;left:0;right:0}.affixed-banner-container.affixed-banner-container-show{height:48px}.affixed-banner-left{height:100%}.affixed-banner-left .affixed-banner-leftImg{background:#fff0;justify-content:center;align-items:center;display:flex}.affixed-banner-center{cursor:pointer;justify-content:center;align-items:center;height:100%;display:flex}.affixed-banner-center .affixed-banner-text{color:#121214;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:IBM Plex Sans;font-size:12px;font-style:normal;font-weight:500;line-height:18px;display:-webkit-box;overflow:hidden}.affixed-banner-right{justify-content:center;align-items:center;height:100%;display:flex}.affixed-banner-right .affixed-banner-btn{cursor:pointer;color:#121214;text-align:center;background:#f7a600;border-radius:4px;justify-content:center;align-items:center;height:32px;padding:0 12px;font-family:IBM Plex Sans;font-size:12px;font-style:normal;font-weight:600;line-height:18px;display:flex}@media screen and (width<=768px){.affixed-banner-container{gap:3px}.affixed-banner-left{flex:0 0 50px;position:relative}.affixed-banner-leftImg{width:40px;height:40px;position:absolute;top:4px}[dir=ltr] .affixed-banner-leftImg{left:5px}[dir=rtl] .affixed-banner-leftImg{right:5px}.affixed-banner-center{flex:auto}.affixed-banner-right{flex:0 0 66px}}@media screen and (width>=769px){.affixed-banner-container{gap:12px}.affixed-banner-leftImg{width:40px;height:40px}}.packet-drawer-mask{z-index:999;background:#383a3d99;position:fixed;inset:0}.packet-drawer-maskCloseIcon{cursor:pointer;width:24px;height:24px;position:absolute;top:16px}[dir=ltr] .packet-drawer-maskCloseIcon{right:16px}[dir=rtl] .packet-drawer-maskCloseIcon{left:16px}.packet-drawer-container{background:#fff;border-radius:16px 16px 0 0;flex-direction:column;align-items:center;display:inline-flex;position:fixed}.packet-drawer-rewards{flex-direction:column;align-items:center;gap:4px;height:190px;display:flex}.packet-drawer-rewards .packet-drawer-rewards-rewardsTop{flex:0 0 100px;justify-content:center;align-items:center;display:flex}.packet-drawer-rewards .packet-drawer-rewards-rewardsImg{width:100px;height:100px}.packet-drawer-rewards .packet-drawer-rewards-rewardsDesc{color:#121214;text-align:center;flex:auto;justify-content:center;align-items:center;font-family:IBM Plex Sans;font-size:20px;font-style:normal;font-weight:600;line-height:28px;display:flex}.packet-drawer-rewards .packet-drawer-rewards-rewardsMeta{color:#121214;font-family:IBM Plex Sans;font-size:14px;font-style:normal;font-weight:400;line-height:22px}.packet-drawer-rewards-taskContainer{flex-direction:column;align-self:stretch;align-items:flex-start;gap:8px;display:flex}.packet-drawer-rewards-taskContainer .packet-drawer-rewards-taskContainer-taskTitle{color:#81858c;font-family:IBM Plex Sans;font-size:14px;font-style:normal;font-weight:400;line-height:22px}.packet-drawer-rewards-taskContainer .packet-drawer-rewards-taskContainer-taskList{flex-direction:column;align-self:stretch;align-items:flex-start;gap:8px;display:flex}.packet-drawer-rewards-taskContainer .packet-drawer-rewards-taskContainer-taskItem{cursor:pointer;background:#f5f7fa;border-radius:8px;justify-content:space-between;align-self:stretch;align-items:center;gap:8px;padding:8px 12px;display:flex;position:relative;overflow:hidden}.packet-drawer-rewards-taskContainer .packet-drawer-rewards-taskContainer-taskItem .packet-drawer-rewards-taskContainer-sort{color:#d6850d;background-color:#f7a6001f;border-radius:100%;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;font-family:IBM Plex Sans;font-size:14px;font-style:normal;font-weight:500;line-height:22px;display:flex;position:absolute;top:-4px}[dir=ltr] .packet-drawer-rewards-taskContainer .packet-drawer-rewards-taskContainer-taskItem .packet-drawer-rewards-taskContainer-sort{left:-4px}[dir=rtl] .packet-drawer-rewards-taskContainer .packet-drawer-rewards-taskContainer-taskItem .packet-drawer-rewards-taskContainer-sort{right:-4px}.packet-drawer-rewards-taskContainer .packet-drawer-rewards-taskContainer-taskItem .packet-drawer-rewards-taskContainer-taskImg{flex:none;justify-content:center;align-items:center;width:60px;height:60px;display:flex}[dir=ltr] .packet-drawer-rewards-taskContainer .packet-drawer-rewards-taskContainer-taskItem .packet-drawer-rewards-taskContainer-taskImg{margin-left:12px}[dir=rtl] .packet-drawer-rewards-taskContainer .packet-drawer-rewards-taskContainer-taskItem .packet-drawer-rewards-taskContainer-taskImg{margin-right:12px}.packet-drawer-rewards-taskContainer .packet-drawer-rewards-taskContainer-taskItem .packet-drawer-rewards-taskContainer-taskImg img{width:100%;height:100%}.packet-drawer-rewards-taskContainer .packet-drawer-rewards-taskContainer-taskItem .packet-drawer-rewards-taskContainer-taskDesc{color:#121214;flex:auto;justify-self:flex-start;font-family:IBM Plex Sans;font-size:14px;font-style:normal;font-weight:500;line-height:22px}[dir=ltr] .packet-drawer-rewards-taskContainer .packet-drawer-rewards-taskContainer-taskItem .packet-drawer-rewards-taskContainer-taskDesc{text-align:left}[dir=rtl] .packet-drawer-rewards-taskContainer .packet-drawer-rewards-taskContainer-taskItem .packet-drawer-rewards-taskContainer-taskDesc{text-align:right}.packet-drawer-rewards-taskContainer .packet-drawer-rewards-taskContainer-taskItem .packet-drawer-rewards-taskContainer-taskStatus-passed{width:16px;height:16px}.packet-drawer-rewards-taskContainer .packet-drawer-rewards-taskContainer-taskItem.packet-drawer-rewards-taskContainer-passed{cursor:default}.packet-drawer-rewards-taskContainer .packet-drawer-rewards-taskContainer-taskItem.packet-drawer-rewards-taskContainer-passed .packet-drawer-rewards-taskContainer-taskImg{opacity:.5}.packet-drawer-rewards-taskContainer .packet-drawer-rewards-taskContainer-taskItem.packet-drawer-rewards-taskContainer-passed .packet-drawer-rewards-taskContainer-taskDesc{color:#adb1b8}.packet-drawer-rewardBtn{cursor:pointer;color:#121214;background:#f7a600;border-radius:8px;justify-content:center;align-self:stretch;align-items:center;gap:4px;height:48px;margin:16px auto;font-family:IBM Plex Sans;font-size:16px;font-style:normal;font-weight:600;line-height:24px;animation-name:packet-drawer-button;animation-duration:1.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:1s;display:flex}@media screen and (width<=768px){.packet-drawer-container{gap:3px;padding:16px;bottom:0;left:0;right:0}.packet-drawer-maskCloseIcon{top:16px}[dir=ltr] .packet-drawer-maskCloseIcon{right:16px}[dir=rtl] .packet-drawer-maskCloseIcon{left:16px}.packet-drawer-rewardBtn{width:calc(100vw - 32px)}}@media screen and (width>=769px){.packet-drawer-container{box-sizing:border-box;background-color:#fff;border-radius:16px;gap:12px;width:480px;padding:24px;top:50%;box-shadow:0 0 24px #1212141a}[dir=ltr] .packet-drawer-container{left:50%;transform:translate(-50%)translateY(-50%)}[dir=rtl] .packet-drawer-container{right:50%;transform:translate(50%)translateY(-50%)}.packet-drawer-maskCloseIcon{top:24px}[dir=ltr] .packet-drawer-maskCloseIcon{right:24px}[dir=rtl] .packet-drawer-maskCloseIcon{left:24px}.packet-drawer-rewardBtn{width:100%}}@keyframes packet-drawer-button{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}.complex-modal-container{z-index:999;background:var(--Trans_Mask,#383a3d99);-webkit-font-smoothing:antialiased;width:100%;height:100%;position:fixed;top:0}[dir=ltr] .complex-modal-container{left:0}[dir=rtl] .complex-modal-container{right:0}.complex-modal-container .complex-modal-panel{box-sizing:border-box;background:var(--gray-bg-bg-card,#fff);border-radius:16px;width:480px;min-height:320px;padding:24px 32px;position:fixed;top:calc(50% - 160px)}[dir=ltr] .complex-modal-container .complex-modal-panel{left:calc(50% - 220px)}[dir=rtl] .complex-modal-container .complex-modal-panel{right:calc(50% - 220px)}.complex-modal-container .complex-modal-panel .complex-modal-close-btn{z-index:999;cursor:pointer;width:24px;height:24px;transition:all 1.5s;position:absolute;top:-39px}[dir=ltr] .complex-modal-container .complex-modal-panel .complex-modal-close-btn{right:0}[dir=rtl] .complex-modal-container .complex-modal-panel .complex-modal-close-btn{left:0}.complex-modal-container .complex-modal-panel .complex-modal-image{width:140px;height:140px;margin:0 auto}.complex-modal-container .complex-modal-panel .complex-modal-title{text-align:center;color:var(--gray-tt-1-title,#121214);margin-top:16px;font-size:20px;font-weight:600;line-height:28px}.complex-modal-container .complex-modal-panel .complex-modal-subtitle{text-align:center;color:var(--gray-tt-2,#81858c);margin-top:16px;font-size:14px;font-weight:400;line-height:22px}.complex-modal-container .complex-modal-panel .complex-modal-btn{background:var(--Brand-700-normal,#f7a600);color:var(--static_Black,#121214);text-align:center;cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:12px;margin-top:24px;padding:8px 24px;font-size:16px;font-style:normal;font-weight:600;line-height:24px;display:flex}@media screen and (width<=750px){.complex-modal-container .complex-modal-panel{width:327px;min-height:294px;padding:16px 18px 0;top:calc(50% - 150px)}[dir=ltr] .complex-modal-container .complex-modal-panel{left:calc(50% - 163.5px)}[dir=rtl] .complex-modal-container .complex-modal-panel{right:calc(50% - 163.5px)}.complex-modal-container .complex-modal-panel .complex-modal-image{width:120px;height:120px}.complex-modal-container .complex-modal-panel .complex-modal-title{margin-top:8px;font-size:16px;line-height:24px}.complex-modal-container .complex-modal-panel .complex-modal-subtitle{margin-top:16px}.complex-modal-container .complex-modal-panel .complex-modal-btn{padding:12px 24px}}