| 1 |
- @charset "UTF-8";[data-v-897be315] .settings-main-dialog{background-color:#1a1a1a;border:1px solid #333;border-radius:8px}[data-v-897be315] .settings-main-dialog .el-dialog__title{color:#fff;font-weight:700;font-size:18px}[data-v-897be315] .settings-main-dialog .el-dialog__headerbtn .el-dialog__close{color:#999}[data-v-897be315] .settings-main-dialog .el-dialog__headerbtn .el-dialog__close:hover{color:#f8b932}[data-v-897be315] .settings-main-dialog .el-dialog__body{padding:0}.settings-modal-body[data-v-897be315]{min-height:500px;display:flex;flex-direction:column}.settings-modal-body .channel-pills-container[data-v-897be315]{display:flex;gap:12px;padding:16px 24px;border-bottom:1px solid #333;background:#ffffff05;overflow-x:auto}.settings-modal-body .channel-pills-container[data-v-897be315]::-webkit-scrollbar{display:none}.settings-modal-body .channel-pills-container .pill-item[data-v-897be315]{padding:10px 20px;border-radius:20px;background-color:#2a2a2a;border:1px solid #444;color:#aaa;font-size:14px;cursor:pointer;display:flex;align-items:center;transition:all .3s;white-space:nowrap}.settings-modal-body .channel-pills-container .pill-item[data-v-897be315]:hover{border-color:#666;color:#fff}.settings-modal-body .channel-pills-container .pill-item.is-active[data-v-897be315]{background-color:#f8b9321a;border-color:#f8b932;color:#f8b932;font-weight:700}.settings-modal-body .tab-content[data-v-897be315]{flex:1;padding:24px;overflow-y:auto;max-height:60vh}.settings-modal-body .tab-content[data-v-897be315]::-webkit-scrollbar{width:6px}.settings-modal-body .tab-content[data-v-897be315]::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.settings-modal-body .tab-content[data-v-897be315]::-webkit-scrollbar-track{background:transparent}.cards-grid[data-v-897be315]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.add-card-btn[data-v-897be315]{height:140px;border:1px dashed #555;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:#ffffff03;transition:all .3s ease;color:#999}.add-card-btn .plus-icon[data-v-897be315]{font-size:32px;margin-bottom:12px;color:#666;transition:color .3s}.add-card-btn span[data-v-897be315]{font-size:14px;font-weight:700}.add-card-btn[data-v-897be315]:hover{border-color:#f8b932;background:#f8b9320d;color:#f8b932}.add-card-btn:hover .plus-icon[data-v-897be315]{color:#f8b932}.wallet-card[data-v-897be315]{height:140px;border-radius:12px;padding:16px 20px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}.wallet-card[data-v-897be315]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.wallet-card .card-header[data-v-897be315]{display:flex;justify-content:space-between;align-items:flex-start}.wallet-card .card-header .bank-name[data-v-897be315]{font-size:16px;font-weight:700;color:#fff;display:flex;align-items:center}.wallet-card .card-header .channel-tag[data-v-897be315]{font-size:12px;background:#fff3;padding:2px 8px;border-radius:4px;color:#fff}.wallet-card .card-body[data-v-897be315]{flex:1;display:flex;align-items:center}.wallet-card .card-body .card-no[data-v-897be315]{font-size:18px;font-family:DIN,monospace;font-weight:700;letter-spacing:2px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.wallet-card .card-body .address-text[data-v-897be315]{font-size:13px;color:#fff;word-break:break-all;opacity:.9;line-height:1.4}.wallet-card .card-footer[data-v-897be315]{display:flex;justify-content:space-between;align-items:flex-end}.wallet-card .card-footer .account-name[data-v-897be315]{font-size:13px;color:#fffc}.wallet-card .card-footer .actions[data-v-897be315]{display:flex;gap:12px}.wallet-card .card-footer .actions .action-icon[data-v-897be315]{font-size:16px;color:#fff9;cursor:pointer;transition:color .2s}.wallet-card .card-footer .actions .action-icon[data-v-897be315]:hover{color:#fff}.wallet-card .card-footer .actions .action-icon.edit[data-v-897be315]:hover{color:#f8b932}.wallet-card .card-footer .actions .action-icon.delete[data-v-897be315]:hover{color:#f56c6c}.bank-card-default[data-v-897be315]{background:linear-gradient(135deg,#2b5876,#4e4376);border:1px solid #4e4376}.bank-card-alipay[data-v-897be315]{background:linear-gradient(135deg,#005c97,#363795);border:1px solid #005C97}.bank-card-rmb[data-v-897be315]{background:linear-gradient(135deg,#cb2d3e,#ef473a);border:1px solid #cb2d3e}.usdt-card[data-v-897be315]{background:linear-gradient(135deg,#11998e,#38ef7d);border:1px solid #11998e}.modal-form-body[data-v-897be315]{padding:10px 0 20px}.modal-form-body .form-item[data-v-897be315]{margin-bottom:20px}.modal-form-body .form-item[data-v-897be315]:last-child{margin-bottom:0}.modal-form-body .form-item .label[data-v-897be315]{font-size:13px;color:#999;margin-bottom:8px}.modal-form-body .form-item .label .required[data-v-897be315]{color:#f56c6c;margin-left:4px}.ml-1[data-v-897be315]{margin-left:4px}.mr-1[data-v-897be315]{margin-right:4px}[data-v-897be315] .dark-input .el-input__wrapper{background-color:#111!important;box-shadow:0 0 0 1px #444 inset!important;height:40px;transition:all .3s}[data-v-897be315] .dark-input .el-input__wrapper:hover,[data-v-897be315] .dark-input .el-input__wrapper.is-focus{box-shadow:0 0 0 1px #f8b932 inset!important}[data-v-897be315] .dark-input .el-input__wrapper.is-disabled{background-color:#000!important}[data-v-897be315] .dark-input .el-input__wrapper.is-disabled .el-input__inner{color:#f8b932!important;-webkit-text-fill-color:#f8b932!important;font-weight:700}[data-v-897be315] .dark-input .el-input__inner{color:#fff!important}[data-v-897be315] .dark-dialog{background-color:#1e1e1e;border:1px solid #333;border-radius:12px}[data-v-897be315] .dark-dialog .el-dialog__title{color:#fff;font-weight:700}[data-v-897be315] .dark-dialog .el-dialog__headerbtn .el-dialog__close{color:#999}[data-v-897be315] .dark-dialog .el-dialog__headerbtn .el-dialog__close:hover{color:#f8b932}[data-v-897be315] .dark-dialog .dialog-footer{display:flex;justify-content:center;gap:16px}[data-v-897be315] .dark-dialog .dialog-footer .cancel-btn{background:transparent;color:#fff;border:1px solid #333;width:100px}[data-v-897be315] .dark-dialog .dialog-footer .cancel-btn:hover{border-color:#f8b932;color:#f8b932}[data-v-897be315] .dark-dialog .dialog-footer .submit-btn{width:140px;font-weight:700;color:#000;background-color:#f8b932;border-color:#f8b932}[data-v-897be315] .dark-dialog .dialog-footer .submit-btn:hover{opacity:.9}.dark-message-box{background-color:#1e1e1e!important;border:1px solid #333!important}.dark-message-box .el-message-box__title,.dark-message-box .el-message-box__content{color:#fff!important}.dark-message-box .el-button--default{background:transparent!important;border-color:#444!important;color:#fff!important}.dark-message-box .el-button--default:hover{border-color:#f8b932!important;color:#f8b932!important}.dark-message-box .el-button--primary{background-color:#f8b932!important;border-color:#f8b932!important;color:#000!important}[data-v-23b65fa5] .withdraw-dialog{background-color:#1e1e1e;border:1px solid #333;border-radius:8px}[data-v-23b65fa5] .withdraw-dialog .el-dialog__title{color:#fff;font-weight:700}[data-v-23b65fa5] .withdraw-dialog .el-dialog__headerbtn .el-dialog__close{color:#999}[data-v-23b65fa5] .withdraw-dialog .el-dialog__headerbtn .el-dialog__close:hover{color:#f8b932}[data-v-23b65fa5] .withdraw-dialog .el-dialog__body{padding:20px 24px}.withdraw-modal-body[data-v-23b65fa5]{max-height:60vh;overflow-y:auto;padding-right:10px}.withdraw-modal-body[data-v-23b65fa5]::-webkit-scrollbar{width:6px}.withdraw-modal-body[data-v-23b65fa5]::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.withdraw-modal-body[data-v-23b65fa5]::-webkit-scrollbar-track{background:transparent}.section-title[data-v-23b65fa5]{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:15px;font-weight:700;color:#fff;margin-top:10px}.section-title .stick[data-v-23b65fa5]{width:4px;height:14px;background-color:#f8b932;border-radius:2px}.channel-list[data-v-23b65fa5]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.channel-list .channel-item[data-v-23b65fa5]{position:relative;background-color:#1a1a1a;border:1px solid #333;border-radius:6px;padding:12px 24px;text-align:center;transition:all .2s ease;cursor:pointer;min-width:120px}.channel-list .channel-item .channel-name[data-v-23b65fa5]{font-size:14px;color:#999;font-weight:500;transition:color .2s}.channel-list .channel-item[data-v-23b65fa5]:hover{border-color:#666}.channel-list .channel-item.is-active[data-v-23b65fa5]{background-color:#f8b9321a;border-color:#f8b932}.channel-list .channel-item.is-active .channel-name[data-v-23b65fa5]{color:#f8b932;font-weight:700}.channel-list .channel-item.is-active .check-icon[data-v-23b65fa5]{position:absolute;bottom:0;right:0;background:#f8b932;color:#000;padding:2px;font-size:12px;border-radius:4px 0 0}.loading-channels[data-v-23b65fa5]{margin-bottom:24px}.form-card[data-v-23b65fa5]{background-color:transparent}.form-card .dark-divider[data-v-23b65fa5]{border-color:#333;margin:24px 0}.form-card .form-group[data-v-23b65fa5]{margin-bottom:16px}.form-card .form-group .label[data-v-23b65fa5]{display:block;font-size:13px;color:#999;margin-bottom:8px}.form-card .account-option-item[data-v-23b65fa5]{display:flex;justify-content:space-between;align-items:center;width:100%}.form-card .account-option-item .acc-alias[data-v-23b65fa5]{color:#fff;font-weight:700}.form-card .account-option-item .acc-detail[data-v-23b65fa5]{color:#888;font-family:DIN,monospace;font-size:12px}.form-card .amount-group .input-box[data-v-23b65fa5]{display:flex;align-items:center;gap:12px;background-color:#1a1a1a;border:1px solid #333;border-radius:8px;padding:0 16px;transition:border-color .3s}.form-card .amount-group .input-box[data-v-23b65fa5]:focus-within{border-color:#f8b932}.form-card .amount-group .input-box .currency-symbol[data-v-23b65fa5]{font-size:24px;font-weight:700;color:#fff;font-family:DIN,monospace}.form-card .amount-group .input-box[data-v-23b65fa5] .amount-input .el-input__wrapper{background:transparent!important;box-shadow:none!important;padding:0;height:54px}.form-card .amount-group .input-box[data-v-23b65fa5] .amount-input .el-input__inner{font-size:24px;font-weight:700;color:#f8b932!important;font-family:DIN,monospace}.form-card .amount-group .limit-hint[data-v-23b65fa5]{margin-top:8px;font-size:12px;color:#999}.form-card .empty-account-box[data-v-23b65fa5]{display:flex;align-items:center;background-color:#f56c6c1a;border:1px solid rgba(245,108,108,.3);padding:10px 16px;border-radius:6px;color:#f56c6c;font-size:13px}.form-card .empty-account-box .highlight-text[data-v-23b65fa5]{color:#f8b932;margin-left:4px;font-weight:700;text-decoration:underline;cursor:pointer}.form-card[data-v-23b65fa5] .std-input .el-input__wrapper,.form-card[data-v-23b65fa5] .dark-select .el-input__wrapper{background-color:#1a1a1a!important;box-shadow:0 0 0 1px #333 inset!important;height:40px;border-radius:6px;transition:all .3s}.form-card[data-v-23b65fa5] .std-input .el-input__wrapper:hover,.form-card[data-v-23b65fa5] .std-input .el-input__wrapper.is-focus,.form-card[data-v-23b65fa5] .dark-select .el-input__wrapper:hover,.form-card[data-v-23b65fa5] .dark-select .el-input__wrapper.is-focus{box-shadow:0 0 0 1px #666 inset!important}.form-card[data-v-23b65fa5] .std-input .el-input__inner,.form-card[data-v-23b65fa5] .dark-select .el-input__inner{color:#fff!important;font-size:14px}.dialog-footer[data-v-23b65fa5]{display:flex;justify-content:center;gap:16px}.dialog-footer .cancel-btn[data-v-23b65fa5]{background:transparent;color:#fff;border:1px solid #333;width:100px}.dialog-footer .cancel-btn[data-v-23b65fa5]:hover{border-color:#f8b932;color:#f8b932}.dialog-footer .submit-btn[data-v-23b65fa5]{width:140px;font-weight:700;color:#000;background-color:#f8b932;border-color:#f8b932}.dialog-footer .submit-btn[data-v-23b65fa5]:hover{opacity:.9}.dialog-footer .submit-btn[data-v-23b65fa5]:disabled{background-color:#555;border-color:#555;color:#888}.pc-my-container[data-v-fb1cfd7d]{container-type:inline-size;container-name:my-container;width:100%;min-height:100%;padding:24px;box-sizing:border-box;background-color:transparent}@container my-container (max-width: 800px){.pc-my-container[data-v-fb1cfd7d]{padding:12px}}@container my-container (max-width: 550px){.pc-my-container[data-v-fb1cfd7d]{padding:8px}}.pc-my-container .dashboard-wrapper[data-v-fb1cfd7d]{width:100%;display:flex;flex-direction:column;gap:24px;box-sizing:border-box}@container my-container (max-width: 800px){.pc-my-container .dashboard-wrapper[data-v-fb1cfd7d]{gap:16px}}@container my-container (max-width: 550px){.pc-my-container .dashboard-wrapper[data-v-fb1cfd7d]{gap:12px}}.pc-my-container .profile-banner[data-v-fb1cfd7d]{position:relative;width:100%;box-sizing:border-box;background-color:#2e2e2e;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 20px #0000001a;padding:32px}@container my-container (max-width: 920px){.pc-my-container .profile-banner[data-v-fb1cfd7d]{padding:24px}}@container my-container (max-width: 550px){.pc-my-container .profile-banner[data-v-fb1cfd7d]{padding:16px}}.pc-my-container .profile-banner .banner-glow[data-v-fb1cfd7d]{position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#f8b9321a,#1e1e1e00 70%);pointer-events:none;z-index:0}.pc-my-container .profile-banner .banner-content[data-v-fb1cfd7d]{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:24px}@container my-container (max-width: 920px){.pc-my-container .profile-banner .banner-content[data-v-fb1cfd7d]{flex-wrap:wrap}}@container my-container (max-width: 550px){.pc-my-container .profile-banner .banner-content[data-v-fb1cfd7d]{flex-direction:column;align-items:stretch;gap:16px}}.pc-my-container .profile-banner .user-profile[data-v-fb1cfd7d]{display:flex;align-items:center;gap:20px;flex:1 1 30%;min-width:260px}@container my-container (max-width: 920px){.pc-my-container .profile-banner .user-profile[data-v-fb1cfd7d]{flex:1 1 100%;justify-content:center;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:24px;margin-bottom:8px}}@container my-container (max-width: 550px){.pc-my-container .profile-banner .user-profile[data-v-fb1cfd7d]{justify-content:flex-start;padding-bottom:16px;margin-bottom:0;gap:16px}}.pc-my-container .profile-banner .user-profile .avatar-group[data-v-fb1cfd7d]{position:relative;cursor:pointer;border-radius:50%;padding:4px;background:linear-gradient(135deg,#f8b93280,#1e1e1e00);transition:transform .3s ease}.pc-my-container .profile-banner .user-profile .avatar-group .avatar-level-badge[data-v-fb1cfd7d]{position:absolute;z-index:2;top:-12px;left:50%;transform:translate(-50%);width:56px;height:auto;pointer-events:none}.pc-my-container .profile-banner .user-profile .avatar-group .user-avatar[data-v-fb1cfd7d]{border:2px solid #2e2e2e}@container my-container (max-width: 920px){.pc-my-container .profile-banner .user-profile .avatar-group .user-avatar[data-v-fb1cfd7d]{width:72px!important;height:72px!important}}@container my-container (max-width: 550px){.pc-my-container .profile-banner .user-profile .avatar-group .user-avatar[data-v-fb1cfd7d]{width:60px!important;height:60px!important}}.pc-my-container .profile-banner .user-profile .avatar-group .avatar-overlay[data-v-fb1cfd7d]{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:#0009;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;opacity:0;transition:opacity .3s}.pc-my-container .profile-banner .user-profile .avatar-group[data-v-fb1cfd7d]:hover{transform:scale(1.05)}.pc-my-container .profile-banner .user-profile .avatar-group:hover .avatar-overlay[data-v-fb1cfd7d]{opacity:1}.pc-my-container .profile-banner .user-profile .user-meta .username[data-v-fb1cfd7d]{font-size:24px;color:#fff;margin:0 0 6px;display:flex;align-items:center;gap:10px;font-weight:800}@container my-container (max-width: 920px){.pc-my-container .profile-banner .user-profile .user-meta .username[data-v-fb1cfd7d]{font-size:20px}}@container my-container (max-width: 550px){.pc-my-container .profile-banner .user-profile .user-meta .username[data-v-fb1cfd7d]{font-size:18px;gap:8px;margin:0 0 4px}}.pc-my-container .profile-banner .user-profile .user-meta .username .edit-icon[data-v-fb1cfd7d]{font-size:16px;color:#888;cursor:pointer;transition:color .3s}.pc-my-container .profile-banner .user-profile .user-meta .username .edit-icon[data-v-fb1cfd7d]:hover{color:#f8b932}.pc-my-container .profile-banner .user-profile .user-meta .user-id[data-v-fb1cfd7d]{font-size:12px;color:#a3a6ad;background:#ffffff0d;padding:2px 10px;border-radius:20px;display:inline-block;border:1px solid rgba(255,255,255,.05)}.pc-my-container .profile-banner .user-profile .user-meta .user-id .label[data-v-fb1cfd7d]{margin-right:4px;color:#777}.pc-my-container .profile-banner .user-profile .user-meta .user-id .value[data-v-fb1cfd7d]{color:#ccc}.pc-my-container .profile-banner .user-profile .user-meta .user-id .copy-icon[data-v-fb1cfd7d]{margin-left:6px;cursor:pointer;color:#888;font-size:13px;vertical-align:-2px;transition:color .3s}.pc-my-container .profile-banner .user-profile .user-meta .user-id .copy-icon[data-v-fb1cfd7d]:hover{color:#f8b932}.pc-my-container .profile-banner .user-profile .user-meta .level-progress-wrapper[data-v-fb1cfd7d]{margin-top:14px;background:#f8b9320d;border:1px solid rgba(248,185,50,.15);border-radius:8px;padding:10px 14px;width:100%;min-width:250px;box-sizing:border-box}@container my-container (max-width: 920px){.pc-my-container .profile-banner .user-profile .user-meta .level-progress-wrapper[data-v-fb1cfd7d]{min-width:unset;width:100%}}.pc-my-container .profile-banner .user-profile .user-meta .level-progress-wrapper .level-info[data-v-fb1cfd7d]{display:flex;align-items:center;margin-bottom:8px}.pc-my-container .profile-banner .user-profile .user-meta .level-progress-wrapper .level-info .level-name[data-v-fb1cfd7d]{font-size:14px;font-weight:800;color:#f8b932;font-style:italic;margin-right:8px}.pc-my-container .profile-banner .user-profile .user-meta .level-progress-wrapper .level-info .level-tips[data-v-fb1cfd7d]{font-size:12px;color:#999}.pc-my-container .profile-banner .user-profile .user-meta .level-progress-wrapper .level-info .level-tips .hl[data-v-fb1cfd7d]{color:#f8b932;font-weight:700;margin:0 4px}.pc-my-container .profile-banner .user-profile .user-meta .level-progress-wrapper .progress-bar-container[data-v-fb1cfd7d]{display:flex;align-items:center;gap:12px}.pc-my-container .profile-banner .user-profile .user-meta .level-progress-wrapper .progress-bar-container .progress-track[data-v-fb1cfd7d]{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.pc-my-container .profile-banner .user-profile .user-meta .level-progress-wrapper .progress-bar-container .progress-track .progress-fill[data-v-fb1cfd7d]{height:100%;background:linear-gradient(90deg,#f8d384,#f8b932);border-radius:3px;transition:width .3s ease}.pc-my-container .profile-banner .user-profile .user-meta .level-progress-wrapper .progress-bar-container .progress-value[data-v-fb1cfd7d]{font-size:12px;color:#888;white-space:nowrap;font-family:DIN,monospace}.pc-my-container .profile-banner .user-assets[data-v-fb1cfd7d]{flex:1 1 30%;min-width:220px;display:flex;flex-direction:column;align-items:center;padding:0 24px;border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08)}@container my-container (max-width: 920px){.pc-my-container .profile-banner .user-assets[data-v-fb1cfd7d]{border-left:none;border-right:none;align-items:flex-start;padding:0}}@container my-container (max-width: 550px){.pc-my-container .profile-banner .user-assets[data-v-fb1cfd7d]{align-items:center;background:#0003;padding:16px;border-radius:8px;margin-bottom:0}}.pc-my-container .profile-banner .user-assets .asset-title[data-v-fb1cfd7d]{font-size:13px;color:#999;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}@container my-container (max-width: 550px){.pc-my-container .profile-banner .user-assets .asset-title[data-v-fb1cfd7d]{font-size:12px;margin-bottom:4px}}.pc-my-container .profile-banner .user-assets .asset-amount[data-v-fb1cfd7d]{font-size:36px;font-weight:900;text-shadow:0 2px 10px rgba(248,185,50,.2);line-height:1.1}@container my-container (max-width: 920px){.pc-my-container .profile-banner .user-assets .asset-amount[data-v-fb1cfd7d]{font-size:28px}}@container my-container (max-width: 550px){.pc-my-container .profile-banner .user-assets .asset-amount[data-v-fb1cfd7d]{font-size:24px}}.pc-my-container .profile-banner .user-assets .asset-amount .currency[data-v-fb1cfd7d]{font-size:20px;margin-right:4px;font-weight:700}@container my-container (max-width: 920px){.pc-my-container .profile-banner .user-assets .asset-amount .currency[data-v-fb1cfd7d]{font-size:16px}}.pc-my-container .profile-banner .user-assets .asset-amount .number[data-v-fb1cfd7d]{font-family:DIN,monospace}.pc-my-container .profile-banner .user-assets .asset-frozen[data-v-fb1cfd7d]{margin-top:8px;font-size:13px;color:#e6a23c;background:#e6a23c1a;padding:4px 12px;border-radius:20px;display:flex;align-items:center;gap:4px;border:1px solid rgba(230,162,60,.2)}@container my-container (max-width: 550px){.pc-my-container .profile-banner .user-assets .asset-frozen[data-v-fb1cfd7d]{font-size:12px;margin-top:8px}}.pc-my-container .profile-banner .user-assets .asset-frozen .frozen-icon[data-v-fb1cfd7d]{font-size:14px}.pc-my-container .profile-banner .user-actions[data-v-fb1cfd7d]{flex:1 1 auto;min-width:260px;display:flex;justify-content:flex-end;align-items:center;gap:12px}@container my-container (max-width: 920px){.pc-my-container .profile-banner .user-actions[data-v-fb1cfd7d]{justify-content:flex-end}}@container my-container (max-width: 550px){.pc-my-container .profile-banner .user-actions[data-v-fb1cfd7d]{justify-content:space-between;gap:8px}}.pc-my-container .profile-banner .user-actions .action-btn[data-v-fb1cfd7d]{height:44px;padding:0 20px;font-size:14px;font-weight:700;border-radius:6px}@container my-container (max-width: 920px){.pc-my-container .profile-banner .user-actions .action-btn[data-v-fb1cfd7d]{height:38px;padding:0 16px;font-size:13px}}@container my-container (max-width: 550px){.pc-my-container .profile-banner .user-actions .action-btn[data-v-fb1cfd7d]{height:36px;padding:0;flex:1;display:flex;justify-content:center}}.pc-my-container .profile-banner .user-actions .action-btn .btn-icon[data-v-fb1cfd7d]{margin-right:6px;font-size:16px}@container my-container (max-width: 550px){.pc-my-container .profile-banner .user-actions .action-btn .btn-icon[data-v-fb1cfd7d]{margin-right:4px;font-size:14px}}.pc-my-container .profile-banner .user-actions .outline-btn[data-v-fb1cfd7d]{background:transparent;color:#f8b932;border:1px solid #f8b932}.pc-my-container .profile-banner .user-actions .outline-btn[data-v-fb1cfd7d]:hover{background:#f8b9321a}.pc-my-container .profile-banner .user-actions .logout-btn[data-v-fb1cfd7d]{padding:0 12px;background:#f56c6c1a;color:#f56c6c;border-color:#f56c6c4d;transition:.2s}@container my-container (max-width: 550px){.pc-my-container .profile-banner .user-actions .logout-btn[data-v-fb1cfd7d]{flex:0 0 44px;padding:0}}.pc-my-container .profile-banner .user-actions .logout-btn[data-v-fb1cfd7d]:hover{background:#fffc;border:1px solid rgba(255,255,255,.8);color:#555}.pc-my-container .profile-banner .user-actions .logout-btn .btn-icon[data-v-fb1cfd7d]{margin-right:0}.pc-my-container .features-section[data-v-fb1cfd7d]{width:100%;box-sizing:border-box}.pc-my-container .features-section .section-title[data-v-fb1cfd7d]{display:flex;align-items:center;margin:0 0 16px}.pc-my-container .features-section .section-title .title-decorate[data-v-fb1cfd7d]{display:inline-block;width:4px;height:16px;border-radius:2px;margin-right:10px}.pc-my-container .features-section .section-title .title-text[data-v-fb1cfd7d]{font-size:18px;color:#fff;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.4)}@container my-container (max-width: 550px){.pc-my-container .features-section .section-title .title-text[data-v-fb1cfd7d]{font-size:16px}}.pc-my-container .features-section .features-grid[data-v-fb1cfd7d]{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}@container my-container (max-width: 1200px){.pc-my-container .features-section .features-grid[data-v-fb1cfd7d]{grid-template-columns:repeat(3,1fr)}}@container my-container (max-width: 900px){.pc-my-container .features-section .features-grid[data-v-fb1cfd7d]{grid-template-columns:repeat(2,1fr);gap:12px}}@container my-container (max-width: 550px){.pc-my-container .features-section .features-grid[data-v-fb1cfd7d]{grid-template-columns:repeat(2,1fr);gap:10px}}.pc-my-container .features-section .features-grid .feature-card[data-v-fb1cfd7d]{background-color:#2e2e2e;border-radius:10px;padding:20px 16px;display:flex;align-items:center;cursor:pointer;border:1px solid rgba(255,255,255,.03);transition:all .3s ease;box-sizing:border-box}@container my-container (max-width: 550px){.pc-my-container .features-section .features-grid .feature-card[data-v-fb1cfd7d]{flex-direction:column;justify-content:center;text-align:center;padding:16px 8px;gap:10px}}.pc-my-container .features-section .features-grid .feature-card .icon-box[data-v-fb1cfd7d]{width:44px;height:44px;border-radius:10px;background:#ffffff08;display:flex;align-items:center;justify-content:center;font-size:20px;color:#888;margin-right:12px;transition:all .3s ease;flex-shrink:0}@container my-container (max-width: 550px){.pc-my-container .features-section .features-grid .feature-card .icon-box[data-v-fb1cfd7d]{margin-right:0;width:40px;height:40px;font-size:18px;border-radius:8px}}.pc-my-container .features-section .features-grid .feature-card .text-box[data-v-fb1cfd7d]{flex:1;overflow:hidden;width:100%}.pc-my-container .features-section .features-grid .feature-card .text-box .title[data-v-fb1cfd7d]{font-size:15px;font-weight:700;color:#fff;margin-bottom:4px;transition:color .3s}@container my-container (max-width: 550px){.pc-my-container .features-section .features-grid .feature-card .text-box .title[data-v-fb1cfd7d]{font-size:13px;margin-bottom:2px}}.pc-my-container .features-section .features-grid .feature-card .text-box .desc[data-v-fb1cfd7d]{font-size:12px;color:#888;transition:color .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@container my-container (max-width: 550px){.pc-my-container .features-section .features-grid .feature-card .text-box .desc[data-v-fb1cfd7d]{font-size:11px}}.pc-my-container .features-section .features-grid .feature-card[data-v-fb1cfd7d]:hover{transform:translateY(-2px);background-color:#383838;border-color:#f8b93233;box-shadow:0 4px 12px #0003}.pc-my-container .features-section .features-grid .feature-card:hover .icon-box[data-v-fb1cfd7d]{background:#f8b9321a;color:#f8b932}.pc-my-container .features-section .features-grid .feature-card:hover .text-box .title[data-v-fb1cfd7d]{color:#f8b932}.pc-my-container .features-section .features-grid .feature-card:hover .text-box .desc[data-v-fb1cfd7d]{color:#a3a6ad}.pc-my-container .uploader-box[data-v-fb1cfd7d]{display:flex;justify-content:center;padding:20px 0}.custom-dark-dialog{background-color:#2e2e2e!important;border:1px solid #2e2e2e!important;border-radius:12px!important;box-shadow:0 10px 40px #00000080!important}@media screen and (max-width: 550px){.custom-dark-dialog{width:90%!important}}.custom-dark-dialog .el-dialog__header{margin-right:0;border-bottom:1px solid #444;padding-bottom:15px}.custom-dark-dialog .el-dialog__title{color:#fff!important;font-weight:700!important;font-size:16px!important}.custom-dark-dialog .el-dialog__headerbtn .el-dialog__close{color:#999!important}.custom-dark-dialog .el-dialog__headerbtn:hover .el-dialog__close{color:#fff!important}.custom-dark-dialog .cancel-btn{background:transparent!important;color:#ccc!important;border:1px solid #444444!important}.custom-dark-dialog .cancel-btn:hover{border-color:#666!important;color:#fff!important;background:#333!important}.edit-info-form{padding:10px;display:flex;flex-direction:column;gap:16px}.edit-info-form .form-item .form-label{font-size:13px;color:#bbb;margin-bottom:6px}.edit-info-form .form-item .dark-input .el-input__wrapper{background-color:#1a1a1a!important;box-shadow:0 0 0 1px #444 inset!important;height:40px;transition:all .3s}.edit-info-form .form-item .dark-input .el-input__wrapper:hover,.edit-info-form .form-item .dark-input .el-input__wrapper.is-focus{box-shadow:0 0 0 1px #666 inset!important}.edit-info-form .form-item .dark-input .el-input__inner{color:#fff!important;font-size:13px!important}.edit-info-form .form-item .dark-input .el-input__inner::placeholder{color:#666!important}
|
