.phone-frame[data-v-7aae2389]{width:375px;flex-shrink:0}.phone-frame .phone-body[data-v-7aae2389]{width:375px;background:#f7f7f7;border-radius:20px;position:relative;overflow:hidden;min-height:667px;font-family:PingFangSC,PingFang SC}.phone-frame .phone-body .bg-layer[data-v-7aae2389]{position:absolute;top:0;left:0;width:100%}.phone-frame .phone-body .content-wrap[data-v-7aae2389]{position:relative;padding:25px 10px 20px}.phone-frame .phone-body .user-section[data-v-7aae2389]{display:flex;align-items:center;justify-content:space-between;padding:0 6px;margin-bottom:25px}.phone-frame .phone-body .user-section .user-left[data-v-7aae2389]{display:flex;align-items:center}.phone-frame .phone-body .user-section .user-left .avatar[data-v-7aae2389]{width:46px;height:46px;border-radius:50%;background:#e0e0e0;margin-right:13px;flex-shrink:0}.phone-frame .phone-body .user-section .user-left .user-detail .user-name[data-v-7aae2389]{font-size:18px;font-weight:700}.phone-frame .phone-body .user-section .user-left .user-detail .user-phone[data-v-7aae2389]{font-size:12px;color:#999;margin-top:2px}.phone-frame .phone-body .user-section .user-right[data-v-7aae2389]{display:flex;align-items:center;justify-content:center;width:60px;height:24px;border-radius:999px;font-size:11px;color:#666;border:1px solid;line-height:1;box-sizing:border-box}.phone-frame .phone-body .card-box[data-v-7aae2389]{background:#fff;border-radius:5px;padding:15px;margin-top:12px}.phone-frame .phone-body .card-box .card-title[data-v-7aae2389]{font-size:14px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.phone-frame .phone-body .card-box .card-title .all-link[data-v-7aae2389]{font-size:11px;font-weight:400;opacity:.6}.phone-frame .phone-body .account-card[data-v-7aae2389]{border-radius:10px;padding:0 15px 0;position:relative}.phone-frame .phone-body .account-card .paycode-btn[data-v-7aae2389]{position:absolute;top:0;right:0;display:flex;align-items:center;padding:4px 10px;border-radius:0 10px 0 10px;font-size:11px;color:#fff;background:#1989fa}.phone-frame .phone-body .account-card .paycode-btn img[data-v-7aae2389]{width:12px;height:12px;margin-right:4px}.phone-frame .phone-body .account-card .account-title[data-v-7aae2389]{font-size:14px;font-weight:600;padding:15px 0 0}.phone-frame .phone-body .account-card .account-row-1[data-v-7aae2389]{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-bottom:15px}.phone-frame .phone-body .account-card .account-row-1 .label[data-v-7aae2389]{font-size:14px}.phone-frame .phone-body .account-card .account-row-1 .number-wrap .int[data-v-7aae2389]{font-size:16px;font-weight:600}.phone-frame .phone-body .account-card .account-row-1 .number-wrap .dec[data-v-7aae2389]{font-size:10px}.phone-frame .phone-body .account-card .account-grid[data-v-7aae2389]{display:grid;gap:10px;margin-top:10px;padding-bottom:15px}.phone-frame .phone-body .account-card .account-grid.col-2[data-v-7aae2389]{grid-template-columns:repeat(2,1fr)}.phone-frame .phone-body .account-card .account-grid.col-3[data-v-7aae2389]{grid-template-columns:repeat(3,1fr)}.phone-frame .phone-body .account-card .account-grid.col-4[data-v-7aae2389]{grid-template-columns:repeat(4,1fr)}.phone-frame .phone-body .account-card .account-grid .account-item[data-v-7aae2389]{text-align:center}.phone-frame .phone-body .account-card .number-wrap[data-v-7aae2389]{font-weight:600;line-height:1.3;white-space:nowrap}.phone-frame .phone-body .account-card .number-wrap .int[data-v-7aae2389]{font-size:16px}.phone-frame .phone-body .account-card .number-wrap .dec[data-v-7aae2389]{font-size:10px}.phone-frame .phone-body .account-card .a-label[data-v-7aae2389]{font-size:11px;color:#666;margin-top:8px}.phone-frame .phone-body .account-card .family-hint[data-v-7aae2389]{background:#fbf1da;color:#b98a3a;font-size:12px;padding:8px 0;text-align:center;border-radius:0 0 10px 10px;margin:0 -15px}.phone-frame .phone-body .banner-box[data-v-7aae2389]{padding:0;overflow:hidden}.phone-frame .phone-body .banner-box .banner-img[data-v-7aae2389]{width:100%;height:auto;display:block}.phone-frame .phone-body .banner-box .banner-placeholder[data-v-7aae2389]{height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f0f0f0;color:#bbb;font-size:12px}.phone-frame .phone-body .banner-box .banner-placeholder i[data-v-7aae2389]{font-size:32px;margin-bottom:6px}.phone-frame .phone-body .order-card .order-grid[data-v-7aae2389]{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:10px}.phone-frame .phone-body .order-card .order-grid .order-item[data-v-7aae2389]{text-align:center}.phone-frame .phone-body .order-card .order-grid .order-icon[data-v-7aae2389]{width:40px;height:40px;margin:0 auto;-o-object-fit:contain;object-fit:contain}.phone-frame .phone-body .order-card .order-grid .order-label[data-v-7aae2389]{font-size:12px;margin-top:10px;color:#333}.phone-frame .phone-body .service-card[data-v-7aae2389]{padding:15px}.phone-frame .phone-body .service-card .service-grid[data-v-7aae2389]{display:grid;grid-template-columns:repeat(6,1fr);row-gap:15px}.phone-frame .phone-body .service-card .service-grid .service-item[data-v-7aae2389]{text-align:center}.phone-frame .phone-body .service-card .service-grid .svc-icon[data-v-7aae2389]{width:20px;height:20px;margin:0 auto}.phone-frame .phone-body .service-card .service-grid .svc-icon img[data-v-7aae2389]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.phone-frame .phone-body .service-card .service-grid .svc-icon .svc-placeholder[data-v-7aae2389]{width:25px;height:25px;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.phone-frame .phone-body .service-card .service-grid .svc-icon .svc-placeholder i[data-v-7aae2389]{font-size:14px;color:#ccc}.phone-frame .phone-body .service-card .service-grid .svc-label[data-v-7aae2389]{font-size:11px;margin-top:8px;color:#333}.panel-bg .setting-item[data-v-2951a802]{display:flex;align-items:center;margin-bottom:12px;flex-wrap:wrap}.panel-bg .setting-item .label[data-v-2951a802]{width:80px;font-size:13px;color:#333;flex-shrink:0}.panel-bg .setting-item .img-picker .img-box[data-v-2951a802]{width:80px;height:60px;border:1px dashed #ddd;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.panel-bg .setting-item .img-picker .img-box img[data-v-2951a802]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.panel-bg .setting-item .img-picker .img-box i[data-v-2951a802]{font-size:24px;color:#ccc}.panel-bg .setting-item .img-picker .img-box .del-btn[data-v-2951a802]{position:absolute;top:-8px;right:-8px;width:16px;height:16px;background:rgba(0,0,0,.5);border-radius:50%;display:flex;align-items:center;justify-content:center}.panel-bg .setting-item .img-picker .img-box .del-btn i[data-v-2951a802]{font-size:10px;color:#fff}.panel-bg .setting-item .img-picker .img-tip[data-v-2951a802]{font-size:12px;color:#999;margin-top:4px}.panel-bg .setting-item .color-val[data-v-2951a802]{margin-left:8px;font-size:12px;color:#666}.panel-account .account-item[data-v-65226040]{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f5f5f5}.panel-account .account-item[data-v-65226040]:last-child{border-bottom:none}.panel-account .account-item .label[data-v-65226040]{font-size:13px;color:#333}.panel-banner .setting-item[data-v-a668d1b2]{display:flex;align-items:center;margin-bottom:12px}.panel-banner .setting-item .label[data-v-a668d1b2]{width:80px;font-size:13px;color:#333;flex-shrink:0}.panel-banner .setting-item .img-picker .img-box[data-v-a668d1b2]{width:80px;height:60px;border:1px dashed #ddd;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.panel-banner .setting-item .img-picker .img-box img[data-v-a668d1b2]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.panel-banner .setting-item .img-picker .img-box i[data-v-a668d1b2]{font-size:24px;color:#ccc}.panel-banner .setting-item .img-picker .img-box .del-btn[data-v-a668d1b2]{position:absolute;top:-8px;right:-8px;width:16px;height:16px;background:rgba(0,0,0,.5);border-radius:50%;display:flex;align-items:center;justify-content:center}.panel-banner .setting-item .img-picker .img-box .del-btn i[data-v-a668d1b2]{font-size:10px;color:#fff}.panel-banner .setting-item .img-picker .img-tip[data-v-a668d1b2]{font-size:12px;color:#999;margin-top:4px}.panel-banner .setting-item .link-picker[data-v-a668d1b2]{flex:1;height:32px;background:#e8effc;border-radius:4px;line-height:32px;padding-left:12px;cursor:pointer;font-size:13px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-banner .setting-item .link-picker i[data-v-a668d1b2]{margin-right:6px}.panel-services .service-list .service-item[data-v-39b7ab47]{display:flex;align-items:center;padding:8px 12px;background:#f7f8fa;border-radius:4px;margin-bottom:8px;transition:all .2s}.panel-services .service-list .service-item[data-v-39b7ab47]:hover{background:#eef0f4}.panel-services .service-list .service-item .drag-handle[data-v-39b7ab47]{cursor:grab;padding:4px;margin-right:8px;color:#999;font-size:16px}.panel-services .service-list .service-item .svc-info[data-v-39b7ab47]{flex:1;display:flex;align-items:center;min-width:0}.panel-services .service-list .service-item .svc-info .svc-icon[data-v-39b7ab47]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:4px;margin-right:8px;flex-shrink:0}.panel-services .service-list .service-item .svc-info .svc-icon img[data-v-39b7ab47]{width:16px;height:16px;-o-object-fit:contain;object-fit:contain}.panel-services .service-list .service-item .svc-info .svc-icon i[data-v-39b7ab47]{font-size:14px;color:#409eff}.panel-services .service-list .service-item .svc-info .svc-name[data-v-39b7ab47]{font-size:13px;color:#333;margin-right:6px}.panel-services .service-list .service-item .svc-actions[data-v-39b7ab47]{display:flex;align-items:center;gap:6px;flex-shrink:0}.my-page-edit[data-v-46a7beb4]{height:100%;display:flex;flex-direction:column}.my-page-edit .my-page-body[data-v-46a7beb4]{flex:1;display:flex;overflow:hidden}.my-page-edit .my-page-body .preview-area[data-v-46a7beb4]{flex:1;background:#f2f4f7;display:flex;align-items:flex-start;justify-content:center;padding:30px 10px;overflow-y:auto}.my-page-edit .my-page-body .config-area[data-v-46a7beb4]{width:380px;min-width:380px;background:#fff;border-left:1px solid #e6e6e6;padding:12px;overflow-y:auto}.my-page-edit .my-page-body .config-area[data-v-46a7beb4] .el-collapse-item__header{font-weight:600;font-size:14px;padding-left:4px}.my-page-edit .my-page-body .config-area[data-v-46a7beb4] .el-collapse-item__content{padding:0 4px 12px}.el-color-dropdown{z-index:10000!important}