.tips-animation-enter-active[data-v-5a417c35],.tips-animation-leave-active[data-v-5a417c35]{-webkit-transition:all .3s;transition:all .3s}.tips-animation-enter[data-v-5a417c35],.tips-animation-leave-to[data-v-5a417c35]{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}.tips-model.m .tips-model-content[data-v-5a417c35]{width:300px}.tips-model.m .tips-model-content .tips-content-box .tips-close-btn[data-v-5a417c35]{right:0!important}.tips-model[data-v-5a417c35]{cursor:default;color:#fff;position:fixed;width:100%;height:100%;background:rgba(0,0,0,.5);top:0;left:0;z-index:1001;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tips-model .tips-model-content[data-v-5a417c35]{width:400px;min-height:200px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.tips-model .tips-model-content .tips-content-box .tips-close-btn[data-v-5a417c35]{width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;right:-50px}.tips-model .tips-model-content .tips-content-box .tips-close-btn svg[data-v-5a417c35]{font-size:20px;margin:0}.tips-model .tips-model-content .tips-content-box .tips-title[data-v-5a417c35]{padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:50px;color:#fff;font-size:18px;font-family:pingfangsc-regular,PingFang SC;font-weight:700;text-align:center}.tips-model .tips-model-content .tips-content-box .tips-text[data-v-5a417c35]{white-space:pre-wrap;padding:5px 15px 20px 15px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left;color:#fff;font-size:14px;line-height:20px;font-family:pingfangsc-regular,PingFang SC}.create-roll.m[data-v-f56d5126]{padding:16px 12px}.create-roll.m .create-roll-title[data-v-f56d5126]{font-size:18px;margin-bottom:20px}.create-roll.m .create-roll-title .explain[data-v-f56d5126]{left:0;right:auto}.create-roll.m .create-roll-body[data-v-f56d5126]{height:500px;overflow-y:auto;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.create-roll.m .create-roll-body .create-roll-box .top-tips-text[data-v-f56d5126]{line-height:20px;margin-bottom:10px;padding:0 10px}.create-roll.m .create-roll-body .create-roll-box .el-form[data-v-f56d5126] .el-form-item{margin-bottom:30px}.create-roll.m .create-roll-body .create-roll-box .el-form[data-v-f56d5126] .el-form-item__label{font-size:14px;text-align:right}.create-roll.m .create-roll-body .create-roll-box .el-form[data-v-f56d5126] .el-input__inner::-webkit-input-placeholder{font-size:12px}.create-roll.m .create-roll-body .create-roll-box .el-form[data-v-f56d5126] .el-input__inner::-moz-placeholder{font-size:12px}.create-roll.m .create-roll-body .create-roll-box .el-form[data-v-f56d5126] .el-input__inner:-ms-input-placeholder{font-size:12px}.create-roll.m .create-roll-body .create-roll-box .el-form[data-v-f56d5126] .el-input__inner::-ms-input-placeholder{font-size:12px}.create-roll.m .create-roll-body .create-roll-box .el-form[data-v-f56d5126] .el-input__inner::placeholder{font-size:12px}.create-roll.m .create-roll-body .create-roll-box .el-form[data-v-f56d5126] .el-form-item__content{margin-left:100px}.create-roll.m .create-roll-body .create-roll-box .setNumberOfPeople[data-v-f56d5126]{-ms-flex-wrap:wrap;flex-wrap:wrap}.create-roll.m .create-roll-body .create-roll-box .setTime[data-v-f56d5126]{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.create-roll.m .create-roll-body .create-roll-box .setTime[data-v-f56d5126] .el-date-editor{width:100%}.create-roll.m .create-roll-body .create-roll-box .setTime.user-join[data-v-f56d5126]{height:140px}.create-roll.m .create-roll-body .create-roll-box .setTime.user-join[data-v-f56d5126] .el-form-item__label{font-size:12px}.create-roll.m .create-roll-body .create-roll-box .setTime.user-join[data-v-f56d5126] .el-date-editor{width:100%}.create-roll[data-v-f56d5126]{padding:32px 24px}.create-roll .create-roll-title[data-v-f56d5126]{font-size:21px;font-family:pingfangsc-semibold,PingFang SC;font-weight:600;color:#c6c4d8;line-height:30px;margin-bottom:32px;position:relative}.create-roll .create-roll-title .explain[data-v-f56d5126]{cursor:pointer;position:absolute;right:0;text-decoration:underline;font-size:16px;color:#d5d4db}.create-roll .create-roll-body .create-roll-box .top-tips-text[data-v-f56d5126]{font-size:14px;font-family:pingfangsc-semibold,PingFang SC;font-weight:600;color:#f7c64b;text-align:left;line-height:60px}.create-roll .create-roll-body .create-roll-box .el-form[data-v-f56d5126] .el-form-item__label{font-size:16px;font-family:pingfangsc-regular,PingFang SC;font-weight:400;color:#f8f8f8}.create-roll .create-roll-body .create-roll-box .el-form[data-v-f56d5126] .el-input__inner{border:0;height:40px;color:#f8f8f8;background:#0e0c15;border-radius:0}.create-roll .create-roll-body .create-roll-box .el-form[data-v-f56d5126] .el-input__inner::-webkit-input-placeholder{font-size:14px;font-family:pingfangsc-regular,PingFang SC;font-weight:400;color:#666}.create-roll .create-roll-body .create-roll-box .el-form[data-v-f56d5126] .el-input__inner::-moz-placeholder{font-size:14px;font-family:pingfangsc-regular,PingFang SC;font-weight:400;color:#666}.create-roll .create-roll-body .create-roll-box .el-form[data-v-f56d5126] .el-input__inner:-ms-input-placeholder{font-size:14px;font-family:pingfangsc-regular,PingFang SC;font-weight:400;color:#666}.create-roll .create-roll-body .create-roll-box .el-form[data-v-f56d5126] .el-input__inner::-ms-input-placeholder{font-size:14px;font-family:pingfangsc-regular,PingFang SC;font-weight:400;color:#666}.create-roll .create-roll-body .create-roll-box .el-form[data-v-f56d5126] .el-input__inner::placeholder{font-size:14px;font-family:pingfangsc-regular,PingFang SC;font-weight:400;color:#666}.create-roll .create-roll-body .create-roll-box .el-form[data-v-f56d5126] .el-input__count-inner{background-color:transparent;color:#f8f8f8}.create-roll .create-roll-body .create-roll-box .el-form[data-v-f56d5126] .el-input-number .el-input-number__decrease,.create-roll .create-roll-body .create-roll-box .el-form[data-v-f56d5126] .el-input-number .el-input-number__increase{border-radius:0;background:#171523;border:1px solid #687dd0;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.create-roll .create-roll-body .create-roll-box .el-form[data-v-f56d5126] .el-input-number .el-input-number__decrease:hover,.create-roll .create-roll-body .create-roll-box .el-form[data-v-f56d5126] .el-input-number .el-input-number__increase:hover{background:#687dd0;color:#f8f8f8}.create-roll .create-roll-body .create-roll-box .el-form[data-v-f56d5126] .el-form-item__content{text-align:left}.create-roll .create-roll-body .create-roll-box .setNumberOfPeople[data-v-f56d5126]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.create-roll .create-roll-body .create-roll-box .setNumberOfPeople[data-v-f56d5126] .el-input-number,.create-roll .create-roll-body .create-roll-box .setNumberOfPeople[data-v-f56d5126] .el-input__inner{width:170px}.create-roll .create-roll-body .create-roll-box .setNumberOfPeople[data-v-f56d5126] .el-popper{margin-top:5px}.create-roll .create-roll-body .create-roll-box .setNumberOfPeople[data-v-f56d5126] .el-select-dropdown{border:0;border-radius:0}.create-roll .create-roll-body .create-roll-box .setNumberOfPeople[data-v-f56d5126] .el-select-dropdown .el-scrollbar{background:#0e0c15;border:1px solid #687dd0}.create-roll .create-roll-body .create-roll-box .setNumberOfPeople[data-v-f56d5126] .el-select-dropdown .el-scrollbar .el-select-dropdown__wrap .el-scrollbar__view{padding:0}.create-roll .create-roll-body .create-roll-box .setNumberOfPeople[data-v-f56d5126] .el-select-dropdown .el-scrollbar .el-select-dropdown__wrap .el-scrollbar__view .el-select-dropdown__item{text-align:left;font-size:16px;font-family:pingfangsc-regular,PingFang SC;color:#f8f8f8;background:#0e0c15}.create-roll .create-roll-body .create-roll-box .setNumberOfPeople[data-v-f56d5126] .el-select-dropdown .el-scrollbar .el-select-dropdown__wrap .el-scrollbar__view .el-select-dropdown__item:hover{background:#687dd0}.create-roll .create-roll-body .create-roll-box .setNumberOfPeople[data-v-f56d5126] .el-select-dropdown .popper__arrow{display:none}.create-roll .create-roll-body .create-roll-box .setTime[data-v-f56d5126]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.create-roll .create-roll-body .create-roll-box .setTime.user-join[data-v-f56d5126]{height:62px}.create-roll .create-roll-body .create-roll-box .setTime[data-v-f56d5126] .el-date-editor{width:200px}.create-roll .create-roll-body .create-roll-box .setTime .time-tips[data-v-f56d5126]{position:absolute;right:-20px;top:0;color:#687dd0}.create-roll .create-roll-body .create-roll-box .tipsColor[data-v-f56d5126] p{color:#707070;font-size:18px;cursor:default;font-size:14px;font-family:pingfangsc-regular,PingFang SC;font-weight:400;color:#1a82ff;line-height:20px;text-align:center}.create-roll .create-roll-body .create-roll-box .buttonColor[data-v-f56d5126] .el-form-item__content,.create-roll .create-roll-body .create-roll-box .tipsColor[data-v-f56d5126] .el-form-item__content{margin-left:0!important}.create-roll .create-roll-body .create-roll-box .buttonColor[data-v-f56d5126] .create-button{cursor:pointer;width:120px;height:40px;border-radius:3px;border:0;color:#f8f8f8;background:#687dd0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto}.create-roll .create-roll-body .create-roll-box .buttonColor[data-v-f56d5126] .create-button:hover{background-color:#7086dd}.roll-page-wrapper[data-v-5a55c712]{background-color:#f4f5f7;min-height:100vh;text-align:left}.roll-main-container[data-v-5a55c712]{max-width:1400px;margin:0 auto;padding:40px 20px}.page-header[data-v-5a55c712]{margin-bottom:30px}.page-header .title-group[data-v-5a55c712]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.page-header .title-group .accent-bar[data-v-5a55c712]{width:4px;height:32px;background:#a0f;border-radius:2px}.page-header .title-group h1[data-v-5a55c712]{font-size:26px;font-weight:900;color:#1a1a1a;margin:0}.page-header .title-group .en-sub[data-v-5a55c712]{font-size:10px;color:#94a3b8;letter-spacing:4px;font-weight:800}.main-nav-section[data-v-5a55c712]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:35px}.main-nav-section .pill-tabs-main[data-v-5a55c712]{background:#fff;padding:6px;border-radius:14px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.03);box-shadow:0 4px 15px rgba(0,0,0,.03)}.main-nav-section .pill-tabs-main .tab-item[data-v-5a55c712]{padding:12px 45px;border-radius:10px;font-size:16px;font-weight:900;color:#94a3b8;cursor:pointer;-webkit-transition:.3s;transition:.3s}.main-nav-section .pill-tabs-main .tab-item.active[data-v-5a55c712]{background:#a0f;color:#fff;-webkit-box-shadow:0 4px 12px rgba(170,0,255,.2);box-shadow:0 4px 12px rgba(170,0,255,.2)}.main-nav-section .pill-tabs-main .tab-item[data-v-5a55c712]:hover:not(.active){color:#a0f}.refinement-toolbar[data-v-5a55c712]{background:#fff;border-radius:16px;padding:15px 25px;border:1px solid #f1f3f5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:30px;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.02);box-shadow:0 10px 30px rgba(0,0,0,.02)}.refinement-toolbar .sub-tabs[data-v-5a55c712]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px;background:#f8fafc;padding:4px;border-radius:10px}.refinement-toolbar .sub-tabs .sub-item[data-v-5a55c712]{padding:8px 20px;border-radius:8px;font-size:13px;font-weight:800;color:#94a3b8;cursor:pointer;-webkit-transition:.2s;transition:.2s}.refinement-toolbar .sub-tabs .sub-item.active[data-v-5a55c712]{background:#fff;color:#a0f;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px rgba(0,0,0,.05)}.refinement-toolbar .action-tools[data-v-5a55c712]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:25px}.refinement-toolbar .action-tools .custom-checkbox[data-v-5a55c712]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.refinement-toolbar .action-tools .custom-checkbox .label-text[data-v-5a55c712]{font-size:13px;font-weight:800;color:#94a3b8}.refinement-toolbar .action-tools .custom-checkbox input[data-v-5a55c712]{display:none}.refinement-toolbar .action-tools .custom-checkbox input:checked+.checkmark[data-v-5a55c712]{background-color:#a0f;border-color:#a0f}.refinement-toolbar .action-tools .custom-checkbox input:checked+.checkmark[data-v-5a55c712]:after{display:block}.refinement-toolbar .action-tools .custom-checkbox .checkmark[data-v-5a55c712]{width:18px;height:18px;background:#f1f3f5;border:1px solid #f1f3f5;border-radius:4px;position:relative}.refinement-toolbar .action-tools .custom-checkbox .checkmark[data-v-5a55c712]:after{content:"";position:absolute;display:none;left:6px;top:2px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.refinement-toolbar .action-tools .search-input-box[data-v-5a55c712]{display:-webkit-box;display:-ms-flexbox;display:flex;background:#f8fafc;border-radius:10px;border:1px solid #f1f3f5;overflow:hidden;width:260px}.refinement-toolbar .action-tools .search-input-box .s-icon[data-v-5a55c712]{padding:12px;color:#cbd5e1;font-size:14px}.refinement-toolbar .action-tools .search-input-box input[data-v-5a55c712]{-webkit-box-flex:1;-ms-flex:1;flex:1;border:none;background:transparent;padding:8px;font-weight:600;outline:none}.refinement-toolbar .action-tools .search-input-box .btn-go[data-v-5a55c712]{background:#a0f;color:#fff;border:none;padding:0 20px;font-weight:900;cursor:pointer}.rooms-grid[data-v-5a55c712]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px}.room-card[data-v-5a55c712]{background:#fff;border-radius:24px;border:1px solid #f1f3f5;overflow:hidden;position:relative;cursor:pointer;-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);transition:.3s cubic-bezier(.25,.8,.25,1);-webkit-box-shadow:0 4px 20px rgba(0,0,0,.02);box-shadow:0 4px 20px rgba(0,0,0,.02)}.room-card[data-v-5a55c712]:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-box-shadow:0 20px 45px rgba(0,0,0,.08);box-shadow:0 20px 45px rgba(0,0,0,.08);border-color:#a0f}.room-card:hover .hover-accent[data-v-5a55c712]{opacity:1}.room-card:hover .card-bg img[data-v-5a55c712]{-webkit-transform:scale(1.1);transform:scale(1.1)}.room-card .card-bg[data-v-5a55c712]{height:120px;position:relative;overflow:hidden;background:#eee}.room-card .card-bg img[data-v-5a55c712]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.3;-webkit-filter:blur(10px);filter:blur(10px);-webkit-transition:.5s;transition:.5s}.room-card .card-bg .status-overlay[data-v-5a55c712]{position:absolute;inset:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.room-card .card-bg .status-overlay .badge[data-v-5a55c712]{background:#334155;color:#fff;padding:6px 18px;border-radius:50px;font-size:11px;font-weight:900;letter-spacing:1px}.room-card .card-bg .status-overlay .badge.live[data-v-5a55c712]{background:#3eb449;-webkit-box-shadow:0 0 15px rgba(62,180,73,.3);box-shadow:0 0 15px rgba(62,180,73,.3)}.room-card .card-bg .status-overlay .badge.wait[data-v-5a55c712]{background:#f59e0b}.room-card .card-content[data-v-5a55c712]{padding:25px;position:relative}.room-card .card-content .user-info-bar[data-v-5a55c712]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-bottom:12px}.room-card .card-content .user-info-bar .avatar-sm[data-v-5a55c712]{width:24px;height:24px;border-radius:50%;overflow:hidden;border:2px solid #fff;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.1);box-shadow:0 2px 5px rgba(0,0,0,.1)}.room-card .card-content .user-info-bar .avatar-sm img[data-v-5a55c712]{width:100%}.room-card .card-content .user-info-bar .username[data-v-5a55c712]{font-size:12px;font-weight:800;color:#94a3b8}.room-card .card-content .user-info-bar .lock-icon[data-v-5a55c712]{color:#f59e0b;font-size:11px}.room-card .card-content .room-name[data-v-5a55c712]{font-size:18px;font-weight:900;color:#1a1a1a;margin:0 0 20px}.room-card .stats-panel[data-v-5a55c712]{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;margin-bottom:25px}.room-card .stats-panel .stat-box[data-v-5a55c712]{background:#f8fafc;padding:10px;border-radius:12px;text-align:center}.room-card .stats-panel .stat-box .label[data-v-5a55c712]{display:block;font-size:10px;font-weight:800;color:#94a3b8;text-transform:uppercase;margin-bottom:5px}.room-card .stats-panel .stat-box .val[data-v-5a55c712]{font-size:16px;font-weight:900;margin:0;color:#1a1a1a}.room-card .stats-panel .stat-box .val.gold[data-v-5a55c712]{color:#f59e0b}.room-card .prizes-preview[data-v-5a55c712]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-bottom:20px}.room-card .prizes-preview .prize-thumb[data-v-5a55c712]{width:50px;height:50px;background:#f9fafc;border-radius:10px;padding:5px;border:1px solid #f1f3f5}.room-card .prizes-preview .prize-thumb img[data-v-5a55c712]{width:100%}.room-card .prizes-preview .prize-thumb .currency-thumb[data-v-5a55c712]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px;font-weight:900;color:#a0f}.room-card .prizes-preview .more-indicator[data-v-5a55c712]{font-size:12px;font-weight:800;color:#94a3b8;margin-left:5px}.room-card .card-footer[data-v-5a55c712]{border-top:1px solid #f1f3f5;padding-top:15px}.room-card .card-footer .time-info[data-v-5a55c712]{font-size:11px;font-weight:700;color:#94a3b8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.room-card .card-footer .time-info span[data-v-5a55c712]{color:#1a1a1a;font-weight:800}.room-card .hover-accent[data-v-5a55c712]{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#a0f;opacity:0;-webkit-transition:.3s;transition:.3s}.pagination-footer[data-v-5a55c712]{margin-top:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:768px){.roll-main-container[data-v-5a55c712]{padding:20px 10px}.main-nav-section .pill-tabs-main .tab-item[data-v-5a55c712]{padding:10px 20px;font-size:14px}.refinement-toolbar[data-v-5a55c712]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px;padding:15px}.refinement-toolbar .sub-tabs[data-v-5a55c712]{width:100%}.refinement-toolbar .sub-tabs .sub-item[data-v-5a55c712]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.refinement-toolbar .action-tools[data-v-5a55c712]{width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.refinement-toolbar .action-tools .search-input-box[data-v-5a55c712]{width:100%}.rooms-grid[data-v-5a55c712]{grid-template-columns:1fr}}