.cpt-page-header{display:flex;justify-content:space-between;align-items:center;position:fixed;left:0;top:0;width:100%;height:64px;padding:0 32px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 16px #00000008,0 6px 8px #00000005,0 0 2px #0000000a;z-index:100}.cpt-page-header.light{background:#fff}.cpt-page-header.light .heybox-logo .page-name,.cpt-page-header.light .func-list .user-info .user-info-box .user-name{color:#2c3137}.cpt-page-header.dark .heybox-logo>i{color:#fff}.cpt-page-header.dark .heybox-logo .page-name{color:#fff}.cpt-page-header.dark .func-list .user-info .user-info-box:hover,.cpt-page-header.dark .func-list .icon-btn:hover{background:#ffffff1a}.cpt-page-header .heybox-logo{display:flex;align-items:center}.cpt-page-header .heybox-logo>i{font-size:26px}.cpt-page-header .heybox-logo .page-name{position:relative;color:#fff;font-size:18px;font-weight:500;line-height:26px;margin-left:25px}.cpt-page-header .heybox-logo .page-name:before{content:"";display:block;box-sizing:border-box;position:absolute;left:-13px;top:50%;width:1px;height:20px;background:#5b5f65;transform:translateY(-50%)}.cpt-page-header .func-list,.cpt-page-header .func-list .header-nav{display:flex;align-items:center}.cpt-page-header .func-list .header-nav .nav-item.active a{color:#fff}.cpt-page-header .func-list .header-nav .nav-item+.nav-item{margin-left:48px}.cpt-page-header .func-list .header-nav .nav-item a{color:#8c9198;font-size:16px;font-weight:500;line-height:24px;text-decoration:none}.cpt-page-header .func-list .user-info{margin:0 24px 0 66px;cursor:pointer}.cpt-page-header .func-list .user-info .btn-login{width:60px;height:32px;border-radius:5px;background:#4668fe}.cpt-page-header .func-list .user-info .user-info-box{display:flex;align-items:center;padding:4px;border-radius:12px}.cpt-page-header .func-list .user-info .user-info-box:hover{background:#f8f9fb}.cpt-page-header .func-list .user-info .user-info-box .user-avatar{width:28px;height:28px}.cpt-page-header .func-list .user-info .user-info-box .user-avatar img{width:100%;height:100%;border-radius:50%}.cpt-page-header .func-list .user-info .user-info-box .user-name{margin-left:8px;color:#fff;font-size:12px;font-weight:500;line-height:18px}.cpt-page-header .func-list .user-info .user-info-box .triangle{margin-left:4px;color:#c4c8ce;font-size:10px}.cpt-page-header .func-list .icon-btn{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:12px}.cpt-page-header .func-list .icon-btn:hover{background:#f8f9fb}.cpt-page-header .func-list .notice{color:#c4c8ce;font-size:24px}.user-func-popover{width:240px;padding:0 0 8px;border:none;border-radius:12px;box-shadow:0 0 16px #00000014,0 6px 8px #0000000a,0 0 2px #0000000a}.user-func-popover .arco-popover-content{margin-top:0}.user-func-popover .user-func-wrapper{width:240px}.user-func-popover .user-func-wrapper .change-user-box{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #F4F5F7}.user-func-popover .user-func-wrapper .change-user-box .user-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden}.user-func-popover .user-func-wrapper .change-user-box .user-avatar img{width:100%;height:100%}.user-func-popover .user-func-wrapper .change-user-box .user-info{margin-left:10px}.user-func-popover .user-func-wrapper .change-user-box .user-info .user-name{color:#2c3137;font-size:14px;font-weight:500;line-height:22px}.user-func-popover .user-func-wrapper .change-user-box .user-info .user-id{color:#8c9198;font-size:12px;line-height:18px}.user-func-popover .user-func-wrapper .change-user-box .btn-change{margin-left:auto;padding:0}.user-func-popover .user-func-wrapper .func-list .func-item{display:flex;align-items:center;width:100%;height:40px;padding:0 16px 0 22px}.user-func-popover .user-func-wrapper .func-list .func-item:hover{background:#f4f5f7}.user-func-popover .user-func-wrapper .func-list .func-item .func-icon{font-size:20px;color:#5b5f65}.user-func-popover .user-func-wrapper .func-list .func-item .func-name{color:#2c3137;font-size:14px;line-height:22px;margin-left:16px}.pageheader-message-popover{width:560px;padding:0;border-radius:12px!important;box-shadow:0 6px 8px #0000000a,0 0 16px #00000014;overflow:hidden}.pageheader-message-popover .message-popover-wrapper .wrapper-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #F4F5F7}.pageheader-message-popover .message-popover-wrapper .wrapper-header .header-title{color:#2c3137;font-size:16px;font-weight:500;line-height:24px}.pageheader-message-popover .message-popover-wrapper .wrapper-header .to-all-btn{font-weight:500}.pageheader-message-popover .message-popover-wrapper .wrapper-header .to-all-btn>i{font-size:16px;margin-left:4px}.pageheader-message-popover .message-popover-wrapper .message-content-list .message-item{position:relative;width:100%;padding:12px 30px;border-bottom:1px solid #F4F5F7;cursor:pointer}.pageheader-message-popover .message-popover-wrapper .message-content-list .message-item.dot .message-header:before{content:"";position:absolute;left:16px;top:20px;width:6px;height:6px;background:#ff525f;border-radius:50%}.pageheader-message-popover .message-popover-wrapper .message-content-list .message-item:hover{background:#f4f5f7}.pageheader-message-popover .message-popover-wrapper .message-content-list .message-item .message-header{display:flex;justify-content:space-between;align-items:center}.pageheader-message-popover .message-popover-wrapper .message-content-list .message-item .message-header .message-title{width:0;flex:1;color:#2c3137;font-size:14px;font-weight:500;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pageheader-message-popover .message-popover-wrapper .message-content-list .message-item .message-header .message-time{color:#8c9198;font-size:12px;line-height:18px}.pageheader-message-popover .message-popover-wrapper .message-content-list .message-item .message-content{color:#5b5f65;font-size:14px;line-height:22px;margin-top:8px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.page-404{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:64px;background:0 64px / 100% 480px url(https://imgheybox.max-c.com/oa/2025/10/20/d2cbc83af90ba55770f14262dd4cd58c.png) no-repeat}.page-404 .arco-result-icon-404 .arco-result-icon-tip{width:160px;height:160px}.page-404 .arco-result-title{color:#2c3137;font-size:30px;font-weight:500;line-height:38px}.page-404 .arco-result-subtitle{color:#8c9198;font-size:14px;line-height:22px}.page-404 .arco-result-extra{margin-top:16px}.page-404 .arco-btn.btn-back{width:160px;height:40px;border-radius:5px}.cpt-common-large-wrapper{border-radius:12px;padding:24px;background-color:#fff;overflow:hidden;box-shadow:0 0 16px #00000008,0 6px 8px #00000005,0 0 2px #0000000a}.cpt-common-large-wrapper>.wrapper-title{color:#2c3137;font-size:20px;font-weight:600;line-height:28px}.cpt-qrcode-box{position:relative;pointer-events:none}.cpt-qrcode-box img{width:100%;height:100%}.cpt-qrcode-box .heybox-logo{display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}.cpt-qrcode-box .heybox-logo .img-box{width:30%;height:30%;padding:1px;background:#fff;overflow:hidden}.cpt-qrcode-box .heybox-logo img{width:100%;height:100%}.cpt-commemorate-card{width:171px;height:261px;pointer-events:none;-webkit-user-select:none;user-select:none}.cpt-commemorate-card.no-scale{width:300px;height:458px}.cpt-commemorate-card.no-scale .scale-box{transform:none}.cpt-commemorate-card .scale-box{width:300px;height:458px;padding:30px 37px 20px;transform:scale(.57);transform-origin:left top;border-radius:12px;overflow:hidden;color:#800e1d33}.cpt-commemorate-card .game-cover{position:relative;width:226px;height:331px;border-radius:12px;border:1px solid rgba(255,255,255,.2);overflow:hidden}.cpt-commemorate-card .game-cover img{width:100%;height:100%}.cpt-commemorate-card .game-cover .bottom-mask-box{display:flex;flex-direction:column;justify-content:flex-end;position:absolute;left:0;bottom:0;width:100%;height:85px}.cpt-commemorate-card .game-cover .game-name{position:absolute;left:12px;bottom:12px;width:calc(100% - 24px);color:#fff;font-size:16px;font-weight:600;line-height:22px}.cpt-commemorate-card .follow-box{display:flex;align-items:center}.cpt-commemorate-card .follow-box .follow-qrcode{width:58px;height:58px;padding:3px;border-radius:5px;background:#fff}.cpt-commemorate-card .follow-box .follow-tips{color:#fff;font-size:12px;line-height:14px;margin-left:9px}.cpt-commemorate-card .follow-box .follow-tips p+p{margin-top:5px}.cpt-user-card.no-scale.horizontal{width:382px;height:167px}.cpt-user-card.no-scale.horizontal:after{display:none}.cpt-user-card.no-scale.horizontal .scale-box{transform:none}.cpt-user-card.no-scale.verticle{width:300px;height:458px}.cpt-user-card.no-scale.verticle:after{display:none}.cpt-user-card.no-scale.verticle .scale-box{transform:none}.cpt-user-card.horizontal{position:relative;width:209px;height:91px}.cpt-user-card.horizontal:after{content:"";display:block;box-sizing:border-box;position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid #E3E6EA;transform:scale(.5);transform-origin:left top}.cpt-user-card.horizontal .scale-box{display:flex;align-items:center;position:relative;width:382px;height:167px;padding:28px;background:#f4f5f7;transform:scale(.54712042);transform-origin:left top;background:#fff}.cpt-user-card.horizontal .scale-box .bg-img{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:0}.cpt-user-card.horizontal .scale-box .bg-img img{width:100%;height:100%}.cpt-user-card.horizontal .scale-box .user-page-qrcode{margin-right:8px;padding:5px;background:#ffffff42;border:3px solid rgba(0,0,0,.08);border-radius:11px}.cpt-user-card.horizontal .scale-box .inner-wrapper{position:relative;z-index:1}.cpt-user-card.horizontal .scale-box .inner-wrapper .user-info{display:flex;align-items:center}.cpt-user-card.horizontal .scale-box .inner-wrapper .user-info .avatar{width:47px;height:47px;border-radius:50%;border:2px solid rgba(0,0,0,.26);overflow:hidden;flex-shrink:0}.cpt-user-card.horizontal .scale-box .inner-wrapper .user-info .avatar img{width:100%;height:100%}.cpt-user-card.horizontal .scale-box .inner-wrapper .user-info .user-base-info{margin-left:8px}.cpt-user-card.horizontal .scale-box .inner-wrapper .user-info .user-base-info .user-name-row{display:flex;align-items:center}.cpt-user-card.horizontal .scale-box .inner-wrapper .user-info .user-base-info .user-name-row .user-name{color:#14191e;font-size:16px;font-weight:600;line-height:22px;max-width:132px}.cpt-user-card.horizontal .scale-box .inner-wrapper .user-info .user-base-info .user-name-row .medal-item{width:16px;height:16px;margin-left:4px;flex-shrink:0}.cpt-user-card.horizontal .scale-box .inner-wrapper .user-info .user-base-info .user-name-row .medal-item img{width:100%;height:100%}.cpt-user-card.horizontal .scale-box .inner-wrapper .user-info .user-base-info .heybox-id{color:#5b5f65;font-size:12px;line-height:17px;margin-top:4px}.cpt-user-card.horizontal .scale-box .inner-wrapper .horizontal-card-desc{display:flex;align-items:center;margin-top:14px;color:#2c3137;font-size:14px;font-weight:400;line-height:20px}.cpt-user-card.horizontal .scale-box .inner-wrapper .horizontal-card-desc .bold{font-weight:500;margin:0 4px}.cpt-user-card.verticle{position:relative;width:171px;height:261px}.cpt-user-card.verticle:after{content:"";display:block;box-sizing:border-box;position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid #E3E6EA;border-radius:12px;transform:scale(.5);transform-origin:left top}.cpt-user-card.verticle .scale-box{display:flex;flex-direction:column;justify-content:center;align-items:center;width:300px;height:458px;padding:0 28px;background:#f4f5f7;border-radius:12px;transform:scale(.57);transform-origin:left top}.cpt-user-card.verticle .scale-box .heybox-logo{color:#14191e;font-size:14px}.cpt-user-card.verticle .scale-box .verticle-top-desc{color:#8c9198;font-size:12px;line-height:14px;margin:14px}.cpt-user-card.verticle .scale-box .inner-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:100%;padding:40px 0;background:#fff;border-radius:8px;overflow:hidden}.cpt-user-card.verticle .scale-box .inner-wrapper .bg-img{position:absolute;left:0;top:0;width:100%;height:auto;z-index:0}.cpt-user-card.verticle .scale-box .inner-wrapper .bg-img img{width:100%;height:auto}.cpt-user-card.verticle .scale-box .inner-wrapper .avatar{position:relative;width:44px;height:44px;border-radius:50%;border:2px solid #FFFFFF;overflow:hidden;z-index:1}.cpt-user-card.verticle .scale-box .inner-wrapper .avatar img{width:100%;height:100%}.cpt-user-card.verticle .scale-box .inner-wrapper .user-name-row{display:flex;align-items:center;margin-top:6px}.cpt-user-card.verticle .scale-box .inner-wrapper .user-name-row .user-name{color:#14191e;font-size:14px;font-weight:600;line-height:20px}.cpt-user-card.verticle .scale-box .inner-wrapper .user-name-row .medal-item{width:12px;height:12px;margin-left:4px}.cpt-user-card.verticle .scale-box .inner-wrapper .user-name-row .medal-item img{width:100%;height:100%}.cpt-user-card.verticle .scale-box .inner-wrapper .heybox-id{color:#5b5f65;font-size:12px;line-height:14px;margin-top:4px}.cpt-user-card.verticle .scale-box .inner-wrapper .user-page-qrcode{margin-top:66px}.cpt-user-card.verticle .scale-box .verticle-bottom-desc{color:#c4c8ce;font-size:12px;line-height:14px;margin-top:14px}body.half-line-height{line-height:.5}.game-qrcode-management{display:flex;align-items:stretch;width:100%;min-height:100%}.game-qrcode-management .qrcode-generate-container{display:flex;width:100%;max-width:1662px;border-radius:12px;overflow:hidden;margin:0 auto}.game-qrcode-management .qrcode-generate-container .game-detail-wrapper,.game-qrcode-management .qrcode-generate-container .user-page-wrapper{flex-direction:column;max-width:823px}.game-qrcode-management .qrcode-generate-container .game-detail-wrapper .qrcode-select-wrapper,.game-qrcode-management .qrcode-generate-container .user-page-wrapper .qrcode-select-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:0;flex:1}.game-qrcode-management .qrcode-generate-container .game-detail-wrapper .qrcode-select-wrapper .qrcode-select-list,.game-qrcode-management .qrcode-generate-container .user-page-wrapper .qrcode-select-wrapper .qrcode-select-list{display:flex;align-items:center;width:100%}.game-qrcode-management .qrcode-generate-container .game-detail-wrapper .qrcode-select-wrapper .qrcode-select-list .qrcode-select-item,.game-qrcode-management .qrcode-generate-container .user-page-wrapper .qrcode-select-wrapper .qrcode-select-list .qrcode-select-item{display:flex;justify-content:center;align-items:center;position:relative;width:0;flex:1;height:301px;border-radius:12px;border:1px solid #F4F5F7;background:#fcfcfd;cursor:pointer;padding:1px;transition:border-color .2s ease;overflow:hidden}.game-qrcode-management .qrcode-generate-container .game-detail-wrapper .qrcode-select-wrapper .qrcode-select-list .qrcode-select-item:hover .hover-func-wrapper,.game-qrcode-management .qrcode-generate-container .user-page-wrapper .qrcode-select-wrapper .qrcode-select-list .qrcode-select-item:hover .hover-func-wrapper{visibility:visible}.game-qrcode-management .qrcode-generate-container .game-detail-wrapper .qrcode-select-wrapper .qrcode-select-list .qrcode-select-item:hover,.game-qrcode-management .qrcode-generate-container .user-page-wrapper .qrcode-select-wrapper .qrcode-select-list .qrcode-select-item:hover,.game-qrcode-management .qrcode-generate-container .game-detail-wrapper .qrcode-select-wrapper .qrcode-select-list .qrcode-select-item.selected,.game-qrcode-management .qrcode-generate-container .user-page-wrapper .qrcode-select-wrapper .qrcode-select-list .qrcode-select-item.selected{padding:0;border:2px solid #2C3137}.game-qrcode-management .qrcode-generate-container .game-detail-wrapper .qrcode-select-wrapper .qrcode-select-list .qrcode-select-item:hover:after,.game-qrcode-management .qrcode-generate-container .user-page-wrapper .qrcode-select-wrapper .qrcode-select-list .qrcode-select-item:hover:after,.game-qrcode-management .qrcode-generate-container .game-detail-wrapper .qrcode-select-wrapper .qrcode-select-list .qrcode-select-item.selected:after,.game-qrcode-management .qrcode-generate-container .user-page-wrapper .qrcode-select-wrapper .qrcode-select-list .qrcode-select-item.selected:after{right:12px;bottom:7px}.game-qrcode-management .qrcode-generate-container .game-detail-wrapper .qrcode-select-wrapper .qrcode-select-list .qrcode-select-item.selected:after,.game-qrcode-management .qrcode-generate-container .user-page-wrapper .qrcode-select-wrapper .qrcode-select-list .qrcode-select-item.selected:after{background:100% / 100% url(https://imgheybox.max-c.com/oa/2024/06/20/266999699d38224d1c3a5ca29d09f1d2.png)}.game-qrcode-management .qrcode-generate-container .game-detail-wrapper .qrcode-select-wrapper .qrcode-select-list .qrcode-select-item:after,.game-qrcode-management .qrcode-generate-container .user-page-wrapper .qrcode-select-wrapper .qrcode-select-list .qrcode-select-item:after{content:"";display:block;position:absolute;right:13px;bottom:8px;width:24px;height:24px;background:100% / 100% url(https://imgheybox.max-c.com/oa/2024/06/20/2f91442b49118c8d7512419e2138a51a.png)}.game-qrcode-management .qrcode-generate-container .game-detail-wrapper .qrcode-select-wrapper .qrcode-select-list .qrcode-select-item+.qrcode-select-item,.game-qrcode-management .qrcode-generate-container .user-page-wrapper .qrcode-select-wrapper .qrcode-select-list .qrcode-select-item+.qrcode-select-item{margin-left:12px}.game-qrcode-management .qrcode-generate-container .game-detail-wrapper .qrcode-select-wrapper .qrcode-select-list .qrcode-select-item .hover-func-wrapper,.game-qrcode-management .qrcode-generate-container .user-page-wrapper .qrcode-select-wrapper .qrcode-select-list .qrcode-select-item .hover-func-wrapper{display:flex;justify-content:flex-end;position:absolute;left:0;top:0;width:100%;height:100%;padding-top:8px;z-index:1;visibility:hidden}.game-qrcode-management .qrcode-generate-container .game-detail-wrapper .qrcode-select-wrapper .qrcode-select-list .qrcode-select-item .hover-func-wrapper .arco-icon,.game-qrcode-management .qrcode-generate-container .user-page-wrapper .qrcode-select-wrapper .qrcode-select-list .qrcode-select-item .hover-func-wrapper .arco-icon{color:#2c3137;font-size:20px;margin-right:8px;cursor:pointer;border-radius:2px}.game-qrcode-management .qrcode-generate-container .game-detail-wrapper .qrcode-select-wrapper .qrcode-select-list .qrcode-select-item .hover-func-wrapper .arco-icon:hover,.game-qrcode-management .qrcode-generate-container .user-page-wrapper .qrcode-select-wrapper .qrcode-select-list .qrcode-select-item .hover-func-wrapper .arco-icon:hover{background:#c4c8ce}.game-qrcode-management .qrcode-generate-container .game-detail-wrapper .qrcode-select-wrapper .btn-save,.game-qrcode-management .qrcode-generate-container .user-page-wrapper .qrcode-select-wrapper .btn-save{width:220px;margin-top:24px}.game-qrcode-management .qrcode-generate-container .game-detail-wrapper .qrcode-select-wrapper .btn-save.arco-btn-disabled,.game-qrcode-management .qrcode-generate-container .user-page-wrapper .qrcode-select-wrapper .btn-save.arco-btn-disabled{background:#1d212999;color:#ffffff80;cursor:not-allowed}.game-qrcode-management .qrcode-generate-container .game-detail-wrapper .qrcode-select-wrapper .empty-box,.game-qrcode-management .qrcode-generate-container .user-page-wrapper .qrcode-select-wrapper .empty-box{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:300px;border-radius:12px;border:2px solid #F4F5F7;background:#fcfcfd;margin-bottom:210px}.game-qrcode-management .qrcode-generate-container .game-detail-wrapper .qrcode-select-wrapper .empty-box .empty-desc,.game-qrcode-management .qrcode-generate-container .user-page-wrapper .qrcode-select-wrapper .empty-box .empty-desc{color:#c8cdd2;font-size:12px;line-height:18px;margin-top:12px}.game-qrcode-management .qrcode-generate-container .game-detail-wrapper .url-info-wrapper,.game-qrcode-management .qrcode-generate-container .user-page-wrapper .url-info-wrapper{display:flex;flex-direction:column;align-items:center;margin:50px 0 36px}.game-qrcode-management .qrcode-generate-container .game-detail-wrapper .url-info-wrapper .url-row,.game-qrcode-management .qrcode-generate-container .user-page-wrapper .url-info-wrapper .url-row{display:flex;justify-content:center;align-items:center;width:100%}.game-qrcode-management .qrcode-generate-container .game-detail-wrapper .url-info-wrapper .url-row .url-link,.game-qrcode-management .qrcode-generate-container .user-page-wrapper .url-info-wrapper .url-row .url-link{display:inline;color:#165dff;line-height:21px;padding:3px 10px;border-radius:2px;background-color:#f8f9fb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.game-qrcode-management .qrcode-generate-container .game-detail-wrapper .url-info-wrapper .url-row .url-link:hover,.game-qrcode-management .qrcode-generate-container .user-page-wrapper .url-info-wrapper .url-row .url-link:hover{background-color:#f8f9fb}.game-qrcode-management .qrcode-generate-container .game-detail-wrapper .url-info-wrapper .url-row .btn-copy,.game-qrcode-management .qrcode-generate-container .user-page-wrapper .url-info-wrapper .url-row .btn-copy{margin-left:10px}.game-qrcode-management .qrcode-generate-container .game-detail-wrapper .url-info-wrapper .url-desc,.game-qrcode-management .qrcode-generate-container .user-page-wrapper .url-info-wrapper .url-desc{color:#86909c;font-size:14px;line-height:20px;margin-top:12px}.game-qrcode-management .qrcode-generate-container .game-detail-wrapper{flex:1}.game-qrcode-management .qrcode-generate-container .user-page-wrapper{margin-left:16px;flex:2}.off-screen-component{position:fixed!important;left:100%;bottom:100%}.qrcode-preview-modal .card-preview-modal-content{display:flex;flex-direction:column;align-items:center}.qrcode-preview-modal .card-preview-modal-content .card-text-form{margin-top:16px}#text-ellipsis-canvas{position:fixed;left:-9999px;top:-9999px}