.menu-preview[data-v-5eb5c7b0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.phone-frame[data-v-5eb5c7b0]{width:320px;height:520px;border:1px solid #d9d9d9;border-radius:16px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.08);box-shadow:0 2px 12px rgba(0,0,0,.08)}.phone-header[data-v-5eb5c7b0]{height:44px;background:#ededed;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;border-bottom:1px solid #d9d9d9}.phone-header .header-title[data-v-5eb5c7b0]{font-size:15px;font-weight:500;color:#1d1d1f}.phone-body[data-v-5eb5c7b0]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;overflow:hidden}.phone-content[data-v-5eb5c7b0]{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}.phone-content .content-placeholder[data-v-5eb5c7b0]{text-align:center;color:#bbb}.phone-content .content-placeholder p[data-v-5eb5c7b0]{margin-top:8px;font-size:12px}.sub-menu-popup[data-v-5eb5c7b0]{position:absolute;left:8px;right:8px;background:#fff;border:1px solid #e8e8e8;border-radius:6px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:10}.sub-menu-popup .sub-menu-item[data-v-5eb5c7b0]{padding:10px 14px;font-size:13px;cursor:pointer;border-bottom:1px solid #f0f0f0}.sub-menu-popup .sub-menu-item[data-v-5eb5c7b0]:last-child{border-bottom:none}.sub-menu-popup .sub-menu-item[data-v-5eb5c7b0]:hover{background:#f5f5f7}.sub-menu-popup .sub-menu-item.selected[data-v-5eb5c7b0]{background:rgba(0,122,255,.08);color:#007aff}.phone-menu-bar[data-v-5eb5c7b0]{height:52px;background:#f7f7f7;border-top:1px solid #e0e0e0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 4px}.menu-button[data-v-5eb5c7b0],.menu-buttons[data-v-5eb5c7b0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%}.menu-button[data-v-5eb5c7b0]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:4px;cursor:pointer;font-size:13px;border-right:1px solid #e0e0e0;-webkit-transition:background .2s;transition:background .2s}.menu-button[data-v-5eb5c7b0]:last-child{border-right:none}.menu-button[data-v-5eb5c7b0]:hover{background:#ececec}.menu-button.active[data-v-5eb5c7b0]{background:#e0e0e0}.menu-button .drag-handle[data-v-5eb5c7b0]{cursor:-webkit-grab;cursor:grab;color:#bbb;font-size:12px}.menu-button .drag-handle[data-v-5eb5c7b0]:hover{color:#999}.menu-button .btn-name[data-v-5eb5c7b0]{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-button .sub-arrow[data-v-5eb5c7b0]{font-size:10px;color:#999}.menu-button.add-btn[data-v-5eb5c7b0]{-webkit-box-flex:0;-ms-flex:0 0 40px;flex:0 0 40px;color:#007aff;border-right:none;border-left:1px solid #e0e0e0}