html,body,#root{width:100%;height:100%;margin:0}body{background:#131124}.source-surface{width:100%;height:100%}.header-content .nav .text{white-space:nowrap}.header-content .userinfo .server-login{display:inline-block;max-width:40px;white-space:normal!important;line-height:18px;text-align:center}@media(min-width:601px)and (max-width:1300px){.header-content .header-h5,.header-content .header-award{display:none!important}.header-content .nav{margin-left:24px;margin-right:24px}.header-content .nav ul{gap:22px}.header-content .nav ul>li{margin:0!important;flex-shrink:0}}.source-surface .nav ul>li.has-dropdown:focus-within .lucky-dropdown{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:auto}.source-modal-surface{position:relative;z-index:1000}.demo-toast{position:fixed;top:100px;left:50%;transform:translate(-50%);z-index:100000;padding:14px 26px;color:#eee;background:#29243e;border:1px solid #645079;box-shadow:0 8px 30px #0008;font-size:14px;max-width:min(560px,90vw)}.topup .demo-gift-checkout [hidden]{display:none!important}.topup .demo-gift-checkout .inputer .input{min-width:0;flex:1}.topup .demo-gift-checkout .giftcard-success .label{margin:0;display:inline;font-size:inherit}.experience-label{position:fixed;z-index:800;left:8px;bottom:5px;color:#8e879d;font-size:10px;opacity:.75;cursor:pointer}.demo-dialog-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#090710b9;z-index:2000;display:flex;align-items:center;justify-content:center}.demo-dialog{width:min(800px,90vw);max-height:90vh;overflow:auto;color:#e8e6ed;background:#1c192f;box-shadow:0 16px 90px #0008;padding:30px;position:relative}.demo-dialog h2{font-size:20px;margin:0 35px 24px 0}.demo-dialog .dialog-close{position:absolute;right:18px;top:16px;cursor:pointer;color:#a49bb7}.demo-dialog p{font-size:13px;color:#a69eaf;line-height:1.8}.dialog-actions{display:flex;justify-content:center;gap:16px;margin-top:25px;flex-wrap:wrap}.demo-dialog .button{padding:10px 22px;background:#ce2b75;color:#fff;cursor:pointer;border:0;font:inherit}.demo-dialog .button.secondary{background:#353047}.demo-result-grid,.demo-inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px}.demo-skin{position:relative;padding:15px 10px 10px;background:#252039;border-bottom:2px solid var(--rarity,#764abf);cursor:pointer}.demo-skin img{width:100%;height:105px;object-fit:contain}.demo-skin .skin-name{font-size:12px;line-height:1.5;margin-top:8px;color:#dcd7e7}.demo-skin .skin-value{color:#d63179;font-size:13px;margin-top:7px}.demo-skin.selected{outline:2px solid #d32d79}.demo-skin .skin-actions{display:flex;gap:12px;margin-top:12px;font-size:12px;color:#aea3c7}.demo-skin .skin-actions button{color:inherit;background:transparent;border:0;cursor:pointer;padding:0}.demo-inventory-grid{padding:25px}.demo-order-list{width:100%;padding:20px}.demo-order-list table{width:100%;border-collapse:collapse;color:#b4aec2;font-size:12px}.demo-order-list th,.demo-order-list td{text-align:left;padding:16px 12px;border-bottom:1px solid #352e48}.demo-order-list th{color:#ddd9e7}.demo-fair-result{margin-top:15px;padding:16px;background:#201b32;line-height:1.8;word-break:break-all;color:#cbc3d8;font-size:12px;white-space:pre-wrap}.demo-opening-window{width:100%;overflow:hidden;padding:30px 0;position:relative}.demo-opening-window:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#d73177}.demo-opening-reel{width:max-content;display:flex;gap:15px;animation:demo-spin var(--opening-reel-duration,10.22s) cubic-bezier(.1,.7,.2,1) var(--opening-reel-delay,1.625s) forwards}.demo-opening-reel .demo-skin{width:145px;flex-shrink:0}@keyframes demo-spin{0%{transform:translate(0)}to{transform:translate(-1500px)}}.demo-prop{background:#242037;padding:20px;color:#dcd6e7;border:1px solid #393046}.demo-prop button{margin-top:15px}.demo-inventory-grid,.demo-prop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;padding:24px}.demo-inventory-card,.demo-prop-card{position:relative;padding:16px;background:#231e36;color:#c8c1d4;border-bottom:2px solid #7543a8;cursor:pointer}.demo-inventory-card.selected{outline:2px solid #cf2d75}.demo-inventory-card img{width:100%;height:125px;object-fit:contain}.demo-inventory-card button,.demo-prop-card button,.demo-claim-button{background:#ce2b75;color:#fff;padding:8px 12px;border:0;cursor:pointer}.demo-inventory-card h3,.demo-prop-card h3{font-size:13px;font-weight:500;line-height:1.6}.demo-inventory-card p,.demo-prop-card p{font-size:12px;line-height:1.7}.demo-record-pagination{display:flex;gap:12px;justify-content:center;padding:20px;font-size:12px;color:#b6adc5}.demo-record-pagination button{background:#282238;color:#c5bcd4;border:1px solid #463753;padding:7px 14px;cursor:pointer}.demo-fair-history{padding:20px;color:#c4bacf;font-size:12px;line-height:1.8;word-break:break-all}.demo-stage-card{color:#cab6d5;padding:14px}.demo-stage-card{display:flex;flex-direction:column;gap:10px}.demo-inventory-card .demo-skin-image{background:transparent;padding:0;width:100%}.demo-inventory-actions,.demo-withdrawal-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.demo-withdrawal-row{padding:16px;border-bottom:1px solid #352e48;font-size:12px}.demo-record-link{border:0;background:transparent;color:#d53e87;cursor:pointer}.demo-hash-result{display:block;word-break:break-all;font-size:12px;margin-top:10px}.demo-client-seed{width:100%;min-width:0;background:transparent;color:inherit;border:0;padding:0;font:inherit;height:36px}.demo-client-seed::placeholder{color:inherit;opacity:1}.demo-chat{position:fixed;right:20px;bottom:20px;z-index:3000;width:350px;max-width:90vw;height:500px;background:#fff;border-radius:10px;color:#24222b;box-shadow:0 10px 40px #0006;display:flex;flex-direction:column;font:14px Arial,sans-serif}.demo-chat header{padding:20px;background:#cf2c75;color:#fff;display:flex;justify-content:space-between;border-radius:10px 10px 0 0}.demo-chat .chat-messages{flex:1;overflow:auto;padding:20px}.demo-chat .chat-message{padding:12px;background:#f3f1f5;line-height:1.6;margin-bottom:12px}.demo-chat form{display:flex;gap:8px;padding:14px;border-top:1px solid #eee}.demo-chat input{flex:1;min-width:0;border:0;color:#24222b;background:#fff}.demo-chat button{background:transparent;border:0;color:inherit;cursor:pointer}@media(max-width:600px){.demo-dialog{padding:22px 15px}.demo-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-chat{right:12px;bottom:12px}}.live-drop-wrapper .report-demo-badge{position:absolute;top:4px;left:6px;z-index:3;padding:1px 4px;border:1px solid #aa91c080;border-radius:3px;background:#211a39e6;color:#ded1ef;font-size:9px;line-height:12px;letter-spacing:.5px;pointer-events:none}.live-drop-wrapper .drop-item.report-settled{height:82px;animation:none}.live-drop-wrapper .drop-item.report-settled img.skin-bg{height:120px;animation:none}.live-drop-wrapper .drop-item.report-settled .wrap img.skin{height:80px;animation:none}.live-drop-wrapper .drop-item.report-settled .wrap .status-box{opacity:1;animation:none}@media(prefers-reduced-motion:reduce){.live-drop-wrapper .drop-item.live-report-card{height:82px;animation:none!important}.live-drop-wrapper .drop-item.live-report-card img.skin-bg{height:120px;animation:none!important}.live-drop-wrapper .drop-item.live-report-card .wrap img.skin{height:80px;animation:none!important}.live-drop-wrapper .drop-item.live-report-card .wrap .status-box{opacity:1;animation:none!important}.live-drop-wrapper .drop-item.live-report-card .wrap,.live-drop-wrapper .drop-item.live-report-card .wrap *{transition:none!important}}#root .source-surface:not(.h5-surface) .nuxt__layout-content{flex:1 1 0;min-width:0;max-width:100%}#root .source-surface:not(.h5-surface) .nuxt__layout-content-wrap{min-width:0;min-height:0}#root .source-surface:not(.h5-surface) .pboxes-container{width:100%;min-width:0;box-sizing:border-box}#root .source-surface:not(.h5-surface) .pboxes-container>.content{flex:1 1 0;min-width:0}#root .source-surface:not(.h5-surface) .pboxes-container .pbox-shelf-container{min-width:0}#root .source-surface:not(.h5-surface) .pboxes-container .shelf .shelf-pboxes{display:grid;min-width:0;box-sizing:border-box}#root .source-surface:not(.h5-surface) .pboxes-container .shelf .shelf-pboxes>.pbox{width:100%;min-width:0;max-width:none}#root .source-modal-surface:not(.h5-modal-surface) .ui-dialog-container,#root .source-modal-surface:not(.h5-modal-surface) .ui-modal-wrap,#root .source-modal-surface:not(.h5-modal-surface) .skin-detail-wrap{max-width:90vw;max-height:90vh;overflow:auto}#root .source-modal-surface:not(.h5-modal-surface) .ui-dialog-container>.ui-dialog-content{max-width:100%;overflow:auto}@media(min-width:601px){#root .source-surface:not(.h5-surface) .pboxes-container .shelf .shelf-pboxes{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:601px)and (max-width:1300px){#root .source-surface:not(.h5-surface) .pboxes-container .shelf .shelf-pboxes{padding:0 clamp(8px,2.5vw,32px);column-gap:clamp(4px,.8vw,10px);row-gap:20px}#root .source-surface:not(.h5-surface) .pboxes-container .shelf .shelf-title{margin-left:clamp(12px,3vw,40px)}#root .source-surface:not(.h5-surface) .pboxes-container .pbox .pbox-name{margin-top:clamp(-45px,-3.4vw,-20px);font-size:clamp(10px,1vw,12px);white-space:normal;text-align:center;overflow-wrap:anywhere}#root .source-surface:not(.h5-surface) .pboxes-container .pbox .pbox-name img{height:clamp(13px,1.5vw,20px)}#root .source-surface:not(.h5-surface) .pboxes-container .pbox .open-btn{min-width:0;max-width:100%;padding:0;margin-top:8px}#root .source-surface:not(.h5-surface) .pboxes-container .pbox .open-btn .default{min-width:0;max-width:100%;padding:0 clamp(5px,1vw,15px);height:clamp(24px,2.6vw,30px)}#root .source-surface:not(.h5-surface) .pboxes-container .pbox .open-btn .default .price{font-size:clamp(10px,1.2vw,14px)}#root .source-surface:not(.h5-surface) .pboxes-container .pbox .open-btn .default img{height:clamp(15px,1.8vw,23px)}#root .source-surface:not(.h5-surface) .pboxes-container .pbox .open-btn .default i{font-size:clamp(14px,1.7vw,20px);margin-right:3px}#root .source-surface:not(.h5-surface) .pboxes-container .pbox .pbox-img .limit-level{width:min(110px,95%);box-sizing:border-box;font-size:clamp(10px,1vw,13px);height:clamp(22px,2.4vw,28px)}#root .source-surface:not(.h5-surface) .pboxes-container .pbox .pbox-img .limit-level i{font-size:clamp(13px,1.5vw,18px)}}@media(max-width:1000px){#root .source-surface:not(.h5-surface) .nuxt__layout-content-header .header-top-wrap{padding-top:0}#root .source-surface:not(.h5-surface) .nuxt__layout-content-header .header-content{height:100%;box-sizing:border-box;align-items:center;flex-wrap:wrap;column-gap:12px;padding:0 16px}#root .source-surface:not(.h5-surface) .header-content .logo{width:118px;height:46px;flex-shrink:0}#root .source-surface:not(.h5-surface) .header-content .logo img{width:100%;height:auto}#root .source-surface:not(.h5-surface) .header-content .header-h5,#root .source-surface:not(.h5-surface) .header-content .header-award{display:none!important}#root .source-surface:not(.h5-surface) .header-content .nav{order:10;flex:0 0 100%;min-width:0;height:34px;margin:0;overflow-x:auto;overflow-y:visible}#root .source-surface:not(.h5-surface) .header-content .nav ul{width:max-content;min-width:100%;box-sizing:border-box;justify-content:space-between;gap:28px;padding:7px 10px}#root .source-surface:not(.h5-surface) .header-content .nav ul>li{flex-shrink:0;margin:0}#root .source-surface:not(.h5-surface) .header-content .nav ul>li .text{font-size:14px;white-space:nowrap}#root .source-surface:not(.h5-surface) .header-content .nav ul>li .label{font-size:8px;min-width:20px;height:10px;right:-15px;top:-6px}#root .source-surface:not(.h5-surface) .header-content .nav ul>li .lucky-dropdown{position:fixed;top:80px;left:50%}#root .source-surface:not(.h5-surface) .header-content .line-switch{height:46px;margin:0 0 0 auto;display:flex;align-items:center}#root .source-surface:not(.h5-surface) .header-content .line-switch .selected{padding:0}#root .source-surface:not(.h5-surface) .header-content .actions,#root .source-surface:not(.h5-surface) .header-content .topup-actions,#root .source-surface:not(.h5-surface) .header-content .userinfo{height:46px}#root .source-surface:not(.h5-surface) .header-content .actions .item{margin-right:14px}#root .source-surface:not(.h5-surface) .header-content .actions .item:last-child{margin-right:0}#root .source-surface:not(.h5-surface) .header-content .userinfo{margin-left:4px}#root .source-surface:not(.h5-surface) .header-content .userinfo .user{width:50px;padding-left:0}#root .source-surface:not(.h5-surface) .header-content .userinfo .user .icon-next{margin-left:4px}}@media(max-width:600px){#root .source-surface:not(.h5-surface) .nuxt__layout-content-header .header-content{padding:0 12px;column-gap:8px}#root .source-surface:not(.h5-surface) .header-content .logo{width:100px;height:46px;margin-right:auto}#root .source-surface:not(.h5-surface) .header-content .line-switch{display:none}#root .source-surface:not(.h5-surface) .header-content .actions .item{width:22px;margin-right:8px}#root .source-surface:not(.h5-surface) .header-content .actions .item .iconfont-ui{font-size:22px}#root .source-surface:not(.h5-surface) .header-content .topup-actions .ammo{font-size:20px;margin:0 3px}#root .source-surface:not(.h5-surface) .header-content .topup-actions .balance{font-size:12px}#root .source-surface:not(.h5-surface) .header-content .topup-actions .add{width:24px;height:22px;margin-left:5px}#root .source-surface:not(.h5-surface) .header-content .userinfo .server-login{display:inline-block;max-width:44px;white-space:normal!important;font-size:11px;line-height:16px;text-align:center}#root .source-surface:not(.h5-surface) .header-content .userinfo{margin-left:0}#root .source-surface:not(.h5-surface) .header-content .userinfo .user{width:40px}#root .source-surface:not(.h5-surface) .header-content .userinfo .avatar{width:26px;height:26px}#root .source-surface:not(.h5-surface) .header-content .userinfo .user .icon-next{font-size:10px;margin-left:4px}#root .source-surface:not(.h5-surface) .header-content .nav ul{gap:26px;padding-left:4px;padding-right:16px}#root .source-surface:not(.h5-surface) .pboxes-container .live-drop-wrapper{display:none}#root .source-surface:not(.h5-surface) .pboxes-container .theme-container .box img,#root .source-surface:not(.h5-surface) .pboxes-container .theme-container .box video{top:30px}#root .source-surface:not(.h5-surface) .pboxes-container .pbox-shelf-container{margin-top:clamp(85px,24vw,144px);padding-bottom:40px}#root .source-surface:not(.h5-surface) .pboxes-container .pbox-shelf-container.notheme{margin-top:24px}#root .source-surface:not(.h5-surface) .pboxes-container .shelf .shelf-pboxes{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 12px;gap:22px 8px}#root .source-surface:not(.h5-surface) .pboxes-container .shelf .shelf-title{margin-left:20px}#root .source-surface:not(.h5-surface) .pboxes-container .pbox .pbox-name{margin-top:clamp(-45px,-9vw,-25px);font-size:12px;white-space:normal;text-align:center;overflow-wrap:anywhere}#root .source-surface:not(.h5-surface) .pboxes-container .pbox .open-btn{min-width:0;max-width:100%;padding:0}#root .source-surface:not(.h5-surface) .pboxes-container .pbox .open-btn .default{min-width:0;max-width:100%;padding:0 12px}#root .source-surface:not(.h5-surface) .pboxes-container .pbox .pbox-img .limit-level{width:min(110px,95%);box-sizing:border-box}}@media(max-width:1000px){#root .source-surface:not(.h5-surface) .event-center .event-header{width:calc(100% - 24px);margin:24px 12px 0}#root .source-surface:not(.h5-surface) .event-center .event-header .event-navigation{width:100%}#root .source-surface:not(.h5-surface) .event-center .event-header .list{width:100%;padding:0 12px;box-sizing:border-box;justify-content:center}#root .source-surface:not(.h5-surface) .event-center .event-header .list .menu{margin:0 clamp(8px,3vw,30px);flex-shrink:0}#root .source-surface:not(.h5-surface) .event-center .event-topup-rebate{width:100%;min-width:0;box-sizing:border-box;padding:35px 16px 60px}#root .source-surface:not(.h5-surface) .event-center .event-topup-rebate .event-how-to{width:100%}#root .source-surface:not(.h5-surface) .event-center .event-topup-rebate .event-action{flex-wrap:wrap;gap:12px}#root .source-surface:not(.h5-surface) .event-center .event-topup-rebate .event-guide{width:100%;height:auto;min-height:80px;box-sizing:border-box;padding:18px 28px;gap:16px;flex-wrap:wrap}#root .source-surface:not(.h5-surface) .event-center .event-topup-rebate .event-get{width:min(800px,100%);box-sizing:border-box;padding:50px 20px 20px}#root .source-surface:not(.h5-surface) .event-center .event-topup-rebate .act-progress{width:min(600px,100%)}#root .source-surface:not(.h5-surface) .event-center .event-topup-rebate .event-how-to .bg-top,#root .source-surface:not(.h5-surface) .event-center .event-topup-rebate .event-how-to .bg-bottom{width:100%}#root .source-surface:not(.h5-surface) .event-center .event-consumer-rebate .event-main{width:100%;min-width:0}#root .source-surface:not(.h5-surface) .event-center .event-main .scroll-wrap{width:min(880px,100%);box-sizing:border-box;padding:0 8px}#root .source-surface:not(.h5-surface) .event-center .event-main .scroll-wrap .scroll-container{flex:1;min-width:0;max-width:731px}#root .source-surface:not(.h5-surface) .event-center .event-main .scroll-wrap .btn-action{flex-shrink:0}#root .source-surface:not(.h5-surface) .event-center .event-main .scroll-wrap .btn-action.prev{margin-right:8px}#root .source-surface:not(.h5-surface) .event-center .event-main .scroll-wrap .btn-action.next{margin-left:8px}#root .source-surface:not(.h5-surface) .event-center .event-main .progress-bar{width:min(707px,95%)}#root .source-surface:not(.h5-surface) .event-center .event-main .progress-bar .bar{flex:1;min-width:0;margin-right:26px}}@media(max-width:600px){#root .source-modal-surface:not(.h5-modal-surface) .ui-modal-wrap{min-width:0;min-height:0}#root .source-modal-surface:not(.h5-modal-surface) .ui-modal-container{max-width:100vw}#root .source-modal-surface:not(.h5-modal-surface) .ui-modal-content{min-width:0;padding-left:16px;padding-right:16px}#root .source-modal-surface:not(.h5-modal-surface) .ui-modal-title{font-size:18px}#root .source-modal-surface:not(.h5-modal-surface) .ui-modal-content:has(>.rights-info[data-v-13f4c5a4]){display:flex;overflow-x:auto;overflow-y:auto;padding-left:12px;padding-right:12px}#root .source-modal-surface:not(.h5-modal-surface) .labels[data-v-13f4c5a4]{flex:0 0 167px}#root .source-modal-surface:not(.h5-modal-surface) .rights-info[data-v-13f4c5a4]{position:static;flex:0 0 auto;width:max-content}#root .source-modal-surface:not(.h5-modal-surface) .rights-info[data-v-13f4c5a4]>li{flex-shrink:0}#root .source-modal-surface:not(.h5-modal-surface) .topup .ui-dialog-container{height:auto;min-width:0;padding:0 16px}#root .source-modal-surface:not(.h5-modal-surface) .topup .content[data-v-665c4630]{height:auto;margin-top:20px}#root .source-modal-surface:not(.h5-modal-surface) .topup .content>.title{font-size:22px;text-indent:0}#root .source-modal-surface:not(.h5-modal-surface) .topup .content .title .tips{display:block;margin-left:0;font-size:11px;line-height:1.6}#root .source-modal-surface:not(.h5-modal-surface) .topup .content .header{flex-wrap:wrap;gap:12px}#root .source-modal-surface:not(.h5-modal-surface) .topup .content .body{flex-direction:column;gap:20px}#root .source-modal-surface:not(.h5-modal-surface) .topup .content .body .topup-offset{width:100%;height:auto;min-width:0;margin-right:0}#root .source-modal-surface:not(.h5-modal-surface) .topup .topup-channels .channel-item{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#root .source-modal-surface:not(.h5-modal-surface) .topup .topup-channels .channel-item .way{width:100%;height:100px;margin:0}#root .source-modal-surface:not(.h5-modal-surface) .topup .topup-channels .way img{max-width:90%;object-fit:contain}#root .source-modal-surface:not(.h5-modal-surface) .topup .content .body .topup-main{width:100%;min-width:0;max-width:100%;height:auto;padding-right:0;overflow:visible}#root .source-modal-surface:not(.h5-modal-surface) .topup .topup-main .card-checkout{flex-direction:column;gap:16px}#root .source-modal-surface:not(.h5-modal-surface) .topup .topup-main .checkout-options,#root .source-modal-surface:not(.h5-modal-surface) .topup .topup-main .check-topup{width:100%;min-width:0;box-sizing:border-box}#root .source-modal-surface:not(.h5-modal-surface) .topup .topup-main .checkout-options{padding:20px}#root .source-modal-surface:not(.h5-modal-surface) .topup .giftcard-content{padding:16px;min-width:0}#root .source-modal-surface:not(.h5-modal-surface) .topup .giftcard-input .input{min-width:0;flex:1}#root .source-modal-surface:not(.h5-modal-surface) .topup .giftcard-input .btn{flex-shrink:0;min-width:112px;padding:0 12px;margin-left:8px}#root .source-modal-surface:not(.h5-modal-surface) .topup .giftcard-content .error-msg,#root .source-modal-surface:not(.h5-modal-surface) .topup .giftcard-content .guide{overflow-wrap:anywhere}#root .source-surface:not(.h5-surface) .notification-container{min-width:0;padding:16px 12px 0}#root .source-surface:not(.h5-surface) .notification-container .list .item,#root .source-surface:not(.h5-surface) .notification-container .global-list .global-item{padding:14px 12px;flex-wrap:wrap}#root .source-surface:not(.h5-surface) .notification-container .sender{width:32px;height:32px}#root .source-surface:not(.h5-surface) .notification-container .msg{flex:1;min-width:0;margin-left:12px;overflow-wrap:anywhere}#root .source-surface:not(.h5-surface) .notification-container .timestamp{flex:0 0 calc(100% - 44px);width:auto;margin:8px 0 0 44px;justify-content:flex-start;font-size:12px}#root .source-surface:not(.h5-surface) .notification-container .timestamp .box{position:static;text-align:left}#root .source-surface:not(.h5-surface) .notification-container .timestamp .box .time{margin-top:4px}#root .source-surface:not(.h5-surface) .profile-page-head{padding:0 16px;align-items:flex-start}#root .source-surface:not(.h5-surface) .profile-page-head>.avatar{width:72px;height:72px;flex-shrink:0;margin-right:12px}#root .source-surface:not(.h5-surface) .profile-page-head .head-content{min-width:0}#root .source-surface:not(.h5-surface) .profile-page-head .info{height:auto}#root .source-surface:not(.h5-surface) .profile-page-head .info .name-box{flex-wrap:wrap;justify-content:flex-start;min-width:0}#root .source-surface:not(.h5-surface) .profile-page-head .info .name-box .name{font-size:20px;overflow-wrap:anywhere}#root .source-surface:not(.h5-surface) .profile-page-head .divide-content{flex-wrap:wrap;gap:12px}#root .source-surface:not(.h5-surface) .profile-page-head .status{flex-wrap:wrap;height:auto;gap:8px 0}#root .source-surface:not(.h5-surface) .profile-page-head .promote-code-box{flex-wrap:wrap;min-width:0;max-width:100%}#root .source-surface:not(.h5-surface) .profile-page-head .promote-code{flex-wrap:wrap;overflow-wrap:anywhere}#root .source-surface:not(.h5-surface) .profile-page-head .profile-page-head-action{position:static;flex-wrap:wrap}#root .source-surface:not(.h5-surface) .profile-page-head .use-invite-code{min-width:0;max-width:100%}#root .source-surface:not(.h5-surface) .profile-lucky-gift{max-width:calc(100% - 24px)}#root .source-surface:not(.h5-surface) .profile-lucky-gift .slider{flex:1;min-width:0}#root .source-surface:not(.h5-surface) .profile-lucky-gift .action-get-lucky{flex-shrink:0}#root .source-surface:not(.h5-surface) .profile-main .best-skins,#root .source-surface:not(.h5-surface) .profile-main .super-skins{padding:0 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#root .source-surface:not(.h5-surface) .profile-main .best-skins-item,#root .source-surface:not(.h5-surface) .profile-main .super-skin-item{width:100%;min-width:0;margin:0}#root .source-surface:not(.h5-surface) .profile-main .best-skins-item .skin-img,#root .source-surface:not(.h5-surface) .profile-main .super-skin-item .prize-img{max-width:95%;object-fit:contain}#root .source-surface:not(.h5-surface) .profile-main .recent-treasure{padding:0 12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#root .source-surface:not(.h5-surface) .profile-main .message-board{padding:0 12px;box-sizing:border-box}#root .source-surface:not(.h5-surface) .profile-main .message-form{flex-direction:column}#root .source-surface:not(.h5-surface) .profile-main .message-form textarea{min-width:0}#root .source-surface:not(.h5-surface) .profile-main .messages .message-content{min-width:0}#root .source-surface:not(.h5-surface) .profile-main .messages .message-header{flex-wrap:wrap;gap:8px}#root .source-surface:not(.h5-surface) .mall-container{width:100%;min-width:0;padding:16px 12px 0}#root .source-surface:not(.h5-surface) .mall-container>.ui-tabs{flex-direction:column;flex:0 0 auto;height:auto;min-height:0}#root .source-surface:not(.h5-surface) .mall-container>.ui-tabs>nav{flex:0 0 auto;height:auto}#root .source-surface:not(.h5-surface) .mall-container .ui-tabs-list li{height:auto;padding:10px 14px}#root .source-surface:not(.h5-surface) .mall-container .ui-tabs-list .label{white-space:nowrap}#root .source-surface:not(.h5-surface) .mall-container .surplus{position:relative;inset:auto;flex:0 0 auto;height:auto;width:100%;min-width:0;box-sizing:border-box;padding:0 12px 12px}#root .source-surface:not(.h5-surface) .mall-container .slot-wrap,#root .source-surface:not(.h5-surface) .mall-container .filter-container{position:relative;inset:auto;transform:none;height:auto;width:100%;min-width:0}#root .source-surface:not(.h5-surface) .mall-container .filter-section{flex-wrap:wrap;gap:10px}#root .source-surface:not(.h5-surface) .mall-container .filter-selects{flex-wrap:wrap;min-width:0}#root .source-surface:not(.h5-surface) .mall-container .filter-selects:empty{display:none}#root .source-surface:not(.h5-surface) .mall-container .filter-section .right{width:100%;min-width:0;padding:0;flex-wrap:wrap;justify-content:flex-start;gap:12px}#root .source-surface:not(.h5-surface) .mall-container .filter-section .right-text{font-size:12px;white-space:nowrap}#root .source-surface:not(.h5-surface) .mall-container .filter-section .ui-select{flex-shrink:0}#root .source-surface:not(.h5-surface) .mall-container .list{min-width:0;margin:16px 0 10px;padding:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#root .source-surface:not(.h5-surface) .mall-container .list>.mall-item{width:100%;min-width:0;margin-bottom:0}#root .source-surface:not(.h5-surface) .mall-container .mall-item .content .img{max-width:90%;object-fit:contain}#root .source-surface:not(.h5-surface) .mall-container .mall-item .skin-introduce .name{overflow-wrap:anywhere}#root .source-surface:not(.h5-surface) .pbox-container .top-wrap{height:490px!important}#root .source-surface:not(.h5-surface) .pbox-container .pbox-content{top:140px!important}#root .source-surface:not(.h5-surface) .pbox-container .pbox-content .img-box{width:min(320px,82vw)!important;height:min(320px,82vw)!important}#root .source-surface:not(.h5-surface) .pbox-container .pbox-content>.name:after{width:100%}#root .source-surface:not(.h5-surface) .pbox-container .pbox-control{top:95px;right:12px}#root .source-surface:not(.h5-surface) .pbox-container .bottom-wrap{padding:0 12px}#root .source-surface:not(.h5-surface) .pbox-container .treasure-skins .title-wrap{flex-wrap:wrap;gap:8px}#root .source-surface:not(.h5-surface) .pbox-container .treasure-skins .title-wrap .label{font-size:16px}#root .source-surface:not(.h5-surface) .pbox-container .treasure-wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#root .source-surface:not(.h5-surface) .pbox-container .treasure-wrap>.treasure{width:100%;min-width:0;margin:0}#root .source-surface:not(.h5-surface) .pbox-container .treasure .skin-img{max-width:90%;object-fit:contain}#root .source-surface:not(.h5-surface) .pbox-container .chest-lucky .list{height:160px}#root .source-surface:not(.h5-surface) .pbox-container .chest-lucky .list ul{grid-template-columns:repeat(2,minmax(0,1fr))}#root .source-surface:not(.h5-surface) .pbox-container .operation-wrap .buttons .button-big{width:min(280px,90vw)!important;min-width:0}#root .source-surface:not(.h5-surface) .event-center .event-header .event-navigation{height:48px}#root .source-surface:not(.h5-surface) .event-center .event-header .list .menu{margin:0 14px}#root .source-surface:not(.h5-surface) .event-center .event-header .list .menu .name{font-size:14px;white-space:nowrap}#root .source-surface:not(.h5-surface) .event-center .event-consumer-rebate{position:relative;min-height:900px}#root .source-surface:not(.h5-surface) .event-center .event-consumer-rebate .event-main{position:relative;top:0;left:0;transform:none;min-height:0;padding-top:24px}#root .source-surface:not(.h5-surface) .event-center .event-main .act-title{height:auto;max-width:90%;max-height:160px;object-fit:contain;margin:20px 0 0}#root .source-surface:not(.h5-surface) .event-center .event-main .how-to-get{max-width:94%}#root .source-surface:not(.h5-surface) .event-center .event-main .how-to-get .btn-get-score{max-width:100%}#root .source-surface:not(.h5-surface) .event-center .event-main .progress-bar{height:121px;background-size:100% 100%}#root .source-surface:not(.h5-surface) .event-center .event-main .progress-bar .bar{margin-left:12px}}
