.manage-subscription[data-v-0f52ae42]{padding:0 8px}.manage-subscription h2 .back-btn[data-v-0f52ae42]{cursor:pointer;font-size:24px;transition:opacity .2s ease}.manage-subscription h2 .back-btn[data-v-0f52ae42]:active{opacity:.7}.manage-subscription .subscription-table[data-v-0f52ae42]{background:transparent;overflow:hidden}.manage-subscription .subscription-table .table-header[data-v-0f52ae42]{background:#222535;border-radius:6px;color:#fff;display:grid;font-size:14px;font-weight:500;grid-template-columns:1fr 1.2fr 1.5fr 1.3fr 1.3fr 1fr 1fr;padding:10px 0;text-align:center}.manage-subscription .subscription-table .table-row[data-v-0f52ae42]{border-bottom:1px solid #3a3e55;display:grid;grid-template-columns:1fr 1.2fr 1.5fr 1.3fr 1.3fr 1fr 1fr;transition:background .2s ease}.manage-subscription .subscription-table .table-row .table-cell[data-v-0f52ae42]{color:#fff;font-size:12px;padding:16px 0;text-align:center;display:flex;align-items:center;justify-content:center}.manage-subscription .subscription-table .table-row .table-cell .status-badge[data-v-0f52ae42]{border-radius:20px;font-size:12px;padding:4px 12px}.manage-subscription .subscription-table .table-row .table-cell .status-badge.status-active[data-v-0f52ae42]{color:#5bec7a}.manage-subscription .subscription-table .table-row .table-cell .status-badge.status-valid[data-v-0f52ae42]{color:#fff}.manage-subscription .subscription-table .table-row .table-cell .status-badge.status-expired[data-v-0f52ae42]{color:#fff6}.manage-subscription .subscription-table .table-row .table-cell .action-btn[data-v-0f52ae42]{color:#fff;cursor:pointer;transition:color .2s ease}.manage-subscription .subscription-table .table-row .table-cell .action-btn[data-v-0f52ae42]:hover{color:var(--el-color-primary)}.manage-subscription .subscription-table .table-loading[data-v-0f52ae42]{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 20px}.manage-subscription .subscription-table .table-loading .el-icon[data-v-0f52ae42]{color:var(--el-color-primary);font-size:20px}.manage-subscription .subscription-table .table-empty[data-v-0f52ae42]{align-items:center;display:flex;flex-direction:column;padding:47px 20px;text-align:center}.manage-subscription .subscription-table .table-empty img[data-v-0f52ae42]{height:100px;width:100px}.manage-subscription .subscription-table .table-empty p[data-v-0f52ae42]{color:#ffffff80;font-size:16px;margin-top:14px}@media only screen and (max-width:768px){.manage-subscription[data-v-0f52ae42]{padding:0}.manage-subscription h2[data-v-0f52ae42]{background:#1a1c2e;font-size:18px;margin-bottom:0;padding:16px;position:sticky;top:0;z-index:10}.manage-subscription .subscription-table[data-v-0f52ae42]{background:transparent;border:none;border-radius:0;overflow:auto;padding:8px 16px}.manage-subscription .subscription-table .table-header[data-v-0f52ae42]{display:none}.manage-subscription .subscription-table .table-row[data-v-0f52ae42]{background:#1a1c2e;border:none;border-radius:12px;display:block;margin-bottom:14px;padding:16px 12px 14px;position:relative}.manage-subscription .subscription-table .table-row[data-v-0f52ae42]:hover{background:#1a1c2e}.manage-subscription .subscription-table .table-row .table-cell[data-v-0f52ae42]{display:flex;justify-content:flex-start;margin-bottom:8px;padding:0;text-align:left}.manage-subscription .subscription-table .table-row .table-cell[data-v-0f52ae42]:first-child{margin-bottom:14px}.manage-subscription .subscription-table .table-row .table-cell[data-v-0f52ae42]:first-child:before{display:none}.manage-subscription .subscription-table .table-row .table-cell[data-v-0f52ae42]:first-child{font-size:14px;font-weight:500}.manage-subscription .subscription-table .table-row .table-cell[data-v-0f52ae42]:last-child{border-top:1px solid #3a3e55;justify-content:center;margin-bottom:-14px;margin-top:14px}.manage-subscription .subscription-table .table-row .table-cell[data-v-0f52ae42]:last-child:before{display:none}.manage-subscription .subscription-table .table-row .table-cell:last-child .action-btn[data-v-0f52ae42]{border-radius:20px;color:#ffffff80;font-size:12px;padding:14px 0;transition:opacity .2s ease;width:100%;display:flex;align-items:center;justify-content:center}.manage-subscription .subscription-table .table-row .table-cell[data-v-0f52ae42]:nth-child(6){margin-bottom:0;position:absolute;right:12px;top:14px}.manage-subscription .subscription-table .table-row .table-cell[data-v-0f52ae42]:nth-child(6):before{display:none}.manage-subscription .subscription-table .table-row .table-cell .status-badge[data-v-0f52ae42]{font-size:12px;padding:4px 12px}.manage-subscription .subscription-table .table-row .table-cell .status-badge.status-active[data-v-0f52ae42]{background:#5bec7a33;border-radius:22px;color:#5bec7a;font-weight:500}.manage-subscription .subscription-table .table-empty[data-v-0f52ae42],.manage-subscription .subscription-table .table-loading[data-v-0f52ae42]{border-radius:12px;margin:0 16px}}.personal-container[data-v-3a5bb6cd]{min-height:calc(100vh - var(--header-container-height))}.personal-container[data-v-3a5bb6cd] .personal-container-left{background-image:url(./bg.BO0kdADI.webp);background-repeat:no-repeat;background-size:cover;border-right:1px solid #3c405d;padding:20px 16px}.personal-container[data-v-3a5bb6cd] .personal-container-left .el-avatar{height:90px;width:90px}.personal-container[data-v-3a5bb6cd] .personal-container-left .card-info{align-items:center;margin-top:14px;padding:13px 10px}.personal-container[data-v-3a5bb6cd] .personal-container-left .card-info>img{height:100%;width:100%}.personal-container[data-v-3a5bb6cd] .personal-container-left .card-info .desc{flex:1;position:relative;z-index:1}.personal-container[data-v-3a5bb6cd] .personal-container-left .card-info .desc p:first-child{color:#fff;font-size:16px;font-weight:700;margin-bottom:6px}.personal-container[data-v-3a5bb6cd] .personal-container-left .card-info .desc p:last-child{color:#fffc;font-size:12px}.personal-container[data-v-3a5bb6cd] .personal-container-left .card-info .desc.pro .highlight{color:#ffe74e;font-weight:700}.personal-container[data-v-3a5bb6cd] .personal-container-left .card-info .desc.lite .highlight{color:#009bff;font-weight:700}.personal-container[data-v-3a5bb6cd] .personal-container-left .card-info .common-btn{background:linear-gradient(269deg,#0e4cc4,#2db4fc);border-radius:30px;box-shadow:0 4px 10px #0059ffa6;font-size:14px;font-weight:700;height:-moz-fit-content;height:fit-content;margin-left:auto;padding:4px 14px;position:relative;z-index:1}.personal-container[data-v-3a5bb6cd] .personal-container-left .card-info .common-btn.pro{background:linear-gradient(269deg,#fcb431,#ff9627);box-shadow:0 4px 10px #fcb431a6}.personal-container[data-v-3a5bb6cd] .personal-container-left .card-info .common-btn.max{background:linear-gradient(269deg,#e4114e,#ff5183);box-shadow:0 4px 10px #ff5183a6}.personal-container[data-v-3a5bb6cd] .personal-container-left .my-tab{margin-top:24px}.personal-container[data-v-3a5bb6cd] .personal-container-left .my-tab .my-tab-header{align-items:center;cursor:pointer;justify-content:space-between;padding:4px 0;transition:all .2s ease}.personal-container[data-v-3a5bb6cd] .personal-container-left .my-tab .my-tab-header:hover p{color:#ffffffbf}.personal-container[data-v-3a5bb6cd] .personal-container-left .my-tab .my-tab-header p{color:#ffffff80;font-size:14px;transition:color .2s ease}.personal-container[data-v-3a5bb6cd] .personal-container-left .my-tab .my-tab-header .toggle-icon{color:#ffffff80;font-size:12px;transition:transform .3s ease}.personal-container[data-v-3a5bb6cd] .personal-container-left .my-tab .my-tab-header .toggle-icon.collapsed{transform:rotate(-90deg)}.personal-container[data-v-3a5bb6cd] .personal-container-left .my-tab>p{color:#ffffff80;font-size:14px}.personal-container[data-v-3a5bb6cd] .personal-container-left .my-tab ul{display:flex;flex-direction:column;gap:4px;margin-top:10px}.personal-container[data-v-3a5bb6cd] .personal-container-left .my-tab ul li{align-items:center;border-radius:6px;color:#ffffff80;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;padding:8px;transition:all .2s ease-in}.personal-container[data-v-3a5bb6cd] .personal-container-left .my-tab ul li .menu-icon,.personal-container[data-v-3a5bb6cd] .personal-container-left .my-tab ul li .svg-icon{font-size:24px;height:24px;width:24px}.personal-container[data-v-3a5bb6cd] .personal-container-left .my-tab ul li.active{background:#191b2a;color:#fff}.personal-container[data-v-3a5bb6cd] .personal-container-left .my-tab ul li:hover{color:#fff}.personal-container[data-v-3a5bb6cd] .personal-container-left .tab-expand-enter-active,.personal-container[data-v-3a5bb6cd] .personal-container-left .tab-expand-leave-active{overflow:hidden;transition:all .3s ease}.personal-container[data-v-3a5bb6cd] .personal-container-left .tab-expand-enter-from,.personal-container[data-v-3a5bb6cd] .personal-container-left .tab-expand-leave-to{margin-top:0;max-height:0;opacity:0}.personal-container[data-v-3a5bb6cd] .personal-container-left .tab-expand-enter-to,.personal-container[data-v-3a5bb6cd] .personal-container-left .tab-expand-leave-from{margin-top:10px;max-height:200px;opacity:1}.personal-container[data-v-3a5bb6cd] .personal-container-right h3{margin-bottom:10px}.personal-container[data-v-3a5bb6cd] .personal-container-right .mygreation-list{gap:10px}.personal-container[data-v-3a5bb6cd] .personal-container-right .mygreation-list .tmp-item{aspect-ratio:3/4;border-radius:12px;height:-moz-fit-content;height:fit-content;overflow:hidden;position:relative;transition:all .2s ease;width:calc(20% - 8px)}.personal-container[data-v-3a5bb6cd] .personal-container-right .mygreation-list .tmp-item .el-loading-mask{background:#00000080}.personal-container[data-v-3a5bb6cd] .personal-container-right .mygreation-list .tmp-item .el-image .image-placeholder{background:#191b2a}@media only screen and (max-width:1280px){.personal-container[data-v-3a5bb6cd] .personal-container-right .mygreation-list .tmp-item{width:calc(25% - 7.5px)}}@media only screen and (max-width:1024px){.personal-container[data-v-3a5bb6cd] .personal-container-right .mygreation-list .tmp-item{width:calc(33.33333% - 6.66667px)}}@media only screen and (max-width:768px){.personal-container[data-v-3a5bb6cd]{min-height:auto}.personal-container[data-v-3a5bb6cd] .personal-container-left{background-image:url(./bg-h5.BnS2p59I.webp);border-right:none;padding:20px 16px 8px}.personal-container[data-v-3a5bb6cd] .personal-container-left .el-avatar{height:55px;margin-right:10px;width:55px}.personal-container[data-v-3a5bb6cd] .personal-container-left .card-info{align-items:center;gap:9px;margin-left:auto;margin-right:auto;margin-top:24px;max-width:343px;padding:10px}.personal-container[data-v-3a5bb6cd] .personal-container-left .my-tab-h5{margin-top:12px}.personal-container[data-v-3a5bb6cd] .personal-container-left .my-tab-h5 .main-tabs{display:flex;flex-direction:row;gap:40px}.personal-container[data-v-3a5bb6cd] .personal-container-left .my-tab-h5 .main-tabs li{align-items:center;border-bottom:2px solid transparent;color:#ffffff80;cursor:pointer;display:flex;flex:1;font-size:14px;justify-content:center;padding:8px 4px;transition:all .2s ease}.personal-container[data-v-3a5bb6cd] .personal-container-left .my-tab-h5 .main-tabs li.active{border-color:var(--el-color-primary);color:#fff}.personal-container[data-v-3a5bb6cd] .personal-container-left .my-tab-h5 .sub-tabs-buttons{display:flex;gap:4px;margin-top:12px}.personal-container[data-v-3a5bb6cd] .personal-container-left .my-tab-h5 .sub-tabs-buttons li{align-items:center;border-radius:22px;color:#ffffff80;cursor:pointer;display:flex;font-size:12px;font-weight:500;justify-content:center;padding:4px 12px;transition:all .2s ease}.personal-container[data-v-3a5bb6cd] .personal-container-left .my-tab-h5 .sub-tabs-buttons li.active{background:var(--el-color-primary);color:#000}.personal-container[data-v-3a5bb6cd] .personal-container-left .my-tab-h5 .sub-tabs-buttons li:hover{opacity:.8}.personal-container[data-v-3a5bb6cd] .personal-container-right h3{background:#2cb1fa1a;margin-bottom:0;padding:6px 10px;text-align:left}.personal-container[data-v-3a5bb6cd] .personal-container-right .mygreation-list .tmp-item{aspect-ratio:3/4;border-radius:12px;overflow:hidden;position:relative;transition:all .2s ease;width:calc(50% - 5px)}}