.custom-tabs[data-v-316bc1ae]{--bg-color:#0d1425;--bg-color-surface:#13213a;--border-color:#223a65;--active-color:#1199fa;--text-gray:#868a92;--section-width:1200px;display:flex;margin:10px 0}.custom-tabs .text-white[data-v-316bc1ae]{color:#fff}.custom-tabs .text-gray[data-v-316bc1ae]{color:var(--text-gray)}.custom-tabs .card[data-v-316bc1ae]{width:100%;background-color:var(--bg-color-surface)}.custom-tabs .card .tab-item[data-v-316bc1ae]{font-weight:400;font-size:14px;line-height:100%;letter-spacing:0;padding:2px 23px;border-radius:6px;box-sizing:border-box;cursor:pointer;flex-wrap:nowrap}.custom-tabs .card .tab-item.active[data-v-316bc1ae]{color:#fff;background-color:var(--active-color)}.custom-tabs .card .tab-item.disabled[data-v-316bc1ae]{cursor:not-allowed;opacity:.6}.custom-tabs .card.tab-border[data-v-316bc1ae]{border:solid 1px var(--border-color)}.custom-tabs .line[data-v-316bc1ae]{width:100%;background:transparent;border-bottom:solid 1px var(--border-color)}.custom-tabs .line .tab-item[data-v-316bc1ae]{font-size:14px;line-height:100%;padding:10px;gap:30px;box-sizing:border-box;cursor:pointer;color:var(--text-gray);border:none}.custom-tabs .line .tab-item[data-v-316bc1ae]:not(:first-child){margin-left:30px}.custom-tabs .line .tab-item:not(:first-child).active[data-v-316bc1ae]{color:#fff;border-bottom:solid 2px var(--active-color)}.custom-tabs .line .tab-item:not(:first-child).disabled[data-v-316bc1ae]{cursor:not-allowed;opacity:.6}.custom-tabs .size-md[data-v-316bc1ae]{padding:5px;border-radius:8px}.custom-tabs .size-md .tab-item[data-v-316bc1ae]{height:30px}.custom-tabs .size-lg[data-v-316bc1ae]{padding:5px;border-radius:8px}.custom-tabs .size-lg .tab-item[data-v-316bc1ae]{height:41px}.custom-tabs .auto[data-v-316bc1ae]{flex:1}.nft-card[data-v-b2af1786]{width:390px;height:180px;padding:10px;border:1px solid #223a65;border-radius:18px;background-color:transparent;box-sizing:border-box;cursor:pointer}.nft-card[data-v-b2af1786]:hover{border-color:#fff}.nft-card-bg[data-v-b2af1786]{position:relative;width:368px;height:64px;margin:0 auto;border-radius:5px}.nft-card-bg .img[data-v-b2af1786]{position:absolute;left:50%;top:0;transform:translate(-50%,50%);width:100%;width:54px;height:54px;border:2px #0d1425;border-radius:50%}.nft-card .name[data-v-b2af1786]{font-size:14px;font-weight:700;color:#fff;margin:25px auto 16px auto}.nft-card .level[data-v-b2af1786],.nft-card .price[data-v-b2af1786]{font-weight:400}.nft-card .level-label[data-v-b2af1786],.nft-card .price-label[data-v-b2af1786]{font-size:12px;color:#868a92;margin-bottom:2px}.nft-card .level-value[data-v-b2af1786],.nft-card .price-value[data-v-b2af1786]{font-size:14px;color:#fff}.data-empty[data-v-2e0656ca]{gap:30px;margin:30px auto}.data-empty .picture[data-v-2e0656ca]{width:123px;height:128px}.data-empty .text[data-v-2e0656ca]{font-size:14px;font-weight:400;color:#868a92}.book-dialog-overlay[data-v-590a2999]{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);color:#fff}.book-dialog-overlay .dialog-wrapper[data-v-590a2999]{width:498px;height:315px;background-color:#13213a;border:1px solid #223a65;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:14px;padding:20px}.book-dialog-overlay .dialog-wrapper .dialog-header[data-v-590a2999]{padding:0 20px;margin-bottom:50px}.book-dialog-overlay .dialog-wrapper .dialog-header .el-icon-close[data-v-590a2999]{cursor:pointer}.book-dialog-overlay .dialog-wrapper .dialog-content .item[data-v-590a2999]{width:100%;gap:20px;margin-bottom:30px}.book-dialog-overlay .dialog-wrapper .dialog-content .item input[data-v-590a2999]{width:300px;height:40px;line-height:40px;text-align:center;border-radius:6px;outline:1px solid #223a65;background-color:#13213a;color:#fff;font-size:16px;border:none}.book-dialog-overlay .dialog-wrapper .dialog-content .item input[data-v-590a2999]:focus{outline:2px solid #223a65}.book-dialog-overlay .dialog-wrapper .dialog-content .item input[type=number][data-v-590a2999]::-webkit-inner-spin-button,.book-dialog-overlay .dialog-wrapper .dialog-content .item input[type=number][data-v-590a2999]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.book-dialog-overlay .dialog-wrapper .dialog-content .item input[type=number][data-v-590a2999]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.book-dialog-overlay .dialog-wrapper .dialog-content .gap-20[data-v-590a2999]{gap:20px}.book-dialog-overlay .dialog-wrapper .dialog-content .confirm-btn[data-v-590a2999]{width:460px;height:53px;line-height:53px;text-align:center;color:#fff;background-color:#1199fa;border-radius:13px;border:none;margin:0 auto;margin-top:50px;cursor:pointer}.book-dialog-overlay[data-v-7f4dbf47]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);color:#fff}.book-dialog-overlay .dialog-wrapper[data-v-7f4dbf47]{width:498px;height:auto;background-color:#13213a;border:1px solid #223a65;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:14px;padding:20px}.book-dialog-overlay .dialog-wrapper .dialog-header[data-v-7f4dbf47]{padding:0 20px;margin-bottom:20px}.book-dialog-overlay .dialog-wrapper .dialog-header .el-icon-close[data-v-7f4dbf47]{cursor:pointer}.book-dialog-overlay .dialog-wrapper .dialog-content .content-box[data-v-7f4dbf47]{width:456px;height:416px;margin:0 auto;padding:20px;border-radius:14px;border:1px solid #445d89;box-sizing:border-box}.book-dialog-overlay .dialog-wrapper .dialog-content .content-box .picture[data-v-7f4dbf47]{width:100%;height:288px;background-color:#223a65;border-radius:14px;overflow:hidden}.book-dialog-overlay .dialog-wrapper .dialog-content .content-box .picture img[data-v-7f4dbf47]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.book-dialog-overlay .dialog-wrapper .dialog-content .content-box .nft-name[data-v-7f4dbf47]{font-size:24px;font-weight:600;color:#fff;margin-bottom:20px}.book-dialog-overlay .dialog-wrapper .dialog-content .btn-group[data-v-7f4dbf47]{gap:20px;margin-top:20px}.book-dialog-overlay .dialog-wrapper .dialog-content .btn-group .btn-sale[data-v-7f4dbf47],.book-dialog-overlay .dialog-wrapper .dialog-content .btn-group .btn-view[data-v-7f4dbf47]{flex:1;height:53px;line-height:53px;text-align:center;border-radius:13px;border:none}.book-dialog-overlay .dialog-wrapper .dialog-content .btn-group .btn-view[data-v-7f4dbf47]{color:#1199fa;background-color:transparent;border:1px solid #1199fa}.book-dialog-overlay .dialog-wrapper .dialog-content .btn-group .btn-sale[data-v-7f4dbf47]{color:#fff;background-color:#1199fa}.book-dialog-overlay[data-v-1216245b]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);color:#fff}.book-dialog-overlay .dialog-wrapper[data-v-1216245b]{width:456px;height:363px;background-color:#13213a;border:1px solid #223a65;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:14px;padding:20px}.book-dialog-overlay .dialog-wrapper .dialog-header[data-v-1216245b]{margin-bottom:20px}.book-dialog-overlay .dialog-wrapper .dialog-header .el-icon-close[data-v-1216245b]{cursor:pointer}.book-dialog-overlay .dialog-wrapper .dialog-content[data-v-1216245b]{text-align:center}.book-dialog-overlay .dialog-wrapper .dialog-content .img[data-v-1216245b]{width:192px;height:192px;margin:0 auto}.book-dialog-overlay .dialog-wrapper .dialog-content .confirm-btn[data-v-1216245b]{width:420px;height:53px;line-height:53px;text-align:center;color:#4c8ab7;background-color:#204b6b;border-radius:13px;border:none;margin:0 auto;margin-top:20px;cursor:pointer}.nft-market[data-v-5a086e6e]{--bg-color:#0d1425;--bg-color-surface:#13213a;--border-color:#223a65;--active-color:#1199fa;--text-color-gray:#868a92;--section-width:1200px;min-height:100vh;background:var(--bg-color);padding-bottom:50px}.nft-market .gap-10[data-v-5a086e6e]{gap:10px}.nft-market .gap-20[data-v-5a086e6e]{gap:20px}.nft-market .text-white[data-v-5a086e6e]{color:#fff}.nft-market .text-gray[data-v-5a086e6e]{color:#868a92}.nft-market .section[data-v-5a086e6e]{width:var(--section-width);margin:0 auto}.nft-market .section-tabs[data-v-5a086e6e]{box-sizing:border-box;margin:20px auto}.nft-market .section-tab-content .tabs[data-v-5a086e6e]{margin:30px 0}.nft-market .section-tab-content .tabs .tab-item[data-v-5a086e6e]{position:relative;font-size:16px;cursor:pointer}.nft-market .section-tab-content .tabs .tab-item-active[data-v-5a086e6e]:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;width:100%;background-color:var(--active-color)}.nft-market .section-tab-content .tabs .button[data-v-5a086e6e]{width:80px;height:39px;gap:10px;font-size:12px;font-weight:400;color:#fff;background-color:var(--active-color);border-radius:8px;border:none;cursor:pointer}.nft-market .section-tab-content .summary[data-v-5a086e6e]{color:#fff;margin-bottom:20px}.nft-market .section-tab-content .summary .summary-item[data-v-5a086e6e]{position:relative;width:138px;height:71px;border-radius:8px;border:1px solid var(--border-color);padding-left:12px;box-sizing:border-box;overflow:hidden}.nft-market .section-tab-content .summary .summary-item-title[data-v-5a086e6e]{font-size:12px;font-weight:400;text-align:center}.nft-market .section-tab-content .summary .summary-item-value[data-v-5a086e6e]{font-size:16px;font-weight:600}.nft-market .section-tab-content .summary .summary-item[data-v-5a086e6e]:before{position:absolute;content:"";top:0;left:0;right:0;height:100%;width:10px;background-color:var(--bg-color)}.nft-market .section-tab-content .vip-levels-introduction[data-v-5a086e6e]{width:100%;border-radius:20px;background:linear-gradient(90.38deg,#391e8a 12.2%,#472991 48.27%,#80455a 71.57%,#08090c 88.49%);overflow:hidden}.nft-market .section-tab-content .vip-levels-introduction .vip-card[data-v-5a086e6e]{position:relative;width:400px;height:100px;background-size:contain;margin:10px 0 20px 20px}.nft-market .section-tab-content .vip-levels-introduction .vip-card .lock-status[data-v-5a086e6e]{position:absolute;top:17px;left:40px;font-size:12px;font-weight:40;padding:5px 10px;color:#fff;background-color:rgba(0,0,0,.2);border-bottom-left-radius:6px;border-bottom-right-radius:6px}.nft-market .section-tab-content .vip-levels-introduction .vip-card .unlocked[data-v-5a086e6e]{background-color:rgba(34,197,94,.9019607843)}.nft-market .section-tab-content .vip-levels-introduction .vip-card .vip-level-name[data-v-5a086e6e]{position:absolute;top:60%;left:40px;transform:translateY(-50%);font-size:32px;font-weight:700;color:#000}.nft-market .section-tab-content .vip-levels-introduction .active-vip-level[data-v-5a086e6e]{position:relative;padding:0 10px}.nft-market .section-tab-content .vip-levels-introduction .active-vip-level .text[data-v-5a086e6e]{font-size:18px}.nft-market .section-tab-content .vip-levels-introduction .levels-info-container[data-v-5a086e6e]{width:100%;min-height:280px;border-top-left-radius:20px;border-top-right-radius:20px;background-color:var(--bg-color-surface)}.nft-market .section-tab-content .vip-levels-introduction .levels-info-container .level-tabs[data-v-5a086e6e],.nft-market .section-tab-content .vip-levels-introduction .levels-info-container .vip-level-info[data-v-5a086e6e]{width:1132px;margin:10px auto}.nft-market .section-tab-content .vip-levels-introduction .levels-info-container .vip-level-info[data-v-5a086e6e]{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-top:10px;padding:10px auto}.nft-market .section-tab-content .vip-levels-introduction .levels-info-container .vip-level-info .vip-level-info-item[data-v-5a086e6e]{position:relative;display:flex;flex-direction:column;gap:10px;width:20%;margin-top:10px;margin-bottom:20px}.nft-market .section-tab-content .vip-levels-introduction .levels-info-container .vip-level-info .vip-level-info-item .vip-level-info-item-value[data-v-5a086e6e]{font-size:16px;font-weight:600;color:#fff}.nft-market .section-tab-content .vip-levels-introduction .levels-info-container .vip-level-info .vip-level-info-item .vip-level-info-item-label[data-v-5a086e6e]{font-size:10px;font-weight:400;color:var(--text-color-gray)}.nft-market .section-tab-content .vip-levels-introduction .levels-info-container .vip-level-info .vip-level-info-item[data-v-5a086e6e]:after{position:absolute;right:30px;top:50%;transform:translateY(-50%);height:50%;width:1px;background-color:var(--border-color);content:""}.nft-market .section-vip-nfts[data-v-5a086e6e]{margin:20px auto}.nft-market .section-vip-nfts .button[data-v-5a086e6e]{width:80px;height:39px;gap:10px;font-size:12px;font-weight:400;color:#fff;background-color:var(--active-color);border-radius:8px;border:none;cursor:pointer}