/*!
 *  build: vue-admin-beautiful 
 *  copyright: chuzhixin 1204505056@qq.com 
 *  time: 2025-11-3 17:17:08
 */[data-v-352a8d53]:export{menu-color:hsla(0,0%,100%,.95);menu-color-active:hsla(0,0%,100%,.95);menu-background:#282c34;gallery-second-menu-background:#fff}[data-v-352a8d53] .el-cascader .el-input__inner{border:1px solid #dcdfe6!important;border-radius:4px;box-shadow:0 0 0 1px rgba(220,223,230,.5)}[data-v-352a8d53] .el-cascader .el-input__inner:hover{border-color:#c0c4cc!important}[data-v-352a8d53] .el-cascader .el-input__inner:focus{border-color:#fb5904!important;box-shadow:0 0 0 1px rgba(251,89,4,.2)}[data-v-352a8d53] .el-cascader .el-input .el-input__suffix{background-color:transparent;border-left:none}.item-li[data-v-2d9f758e]{font-size:12px;color:#666;border:1px solid #eee;padding:5px 10px;cursor:pointer;margin-right:10px}.pageul-box[data-v-2d9f758e]{padding-bottom:30px;height:300px}.pageul-box h3[data-v-2d9f758e]{padding-bottom:10px}.custom_link[data-v-2d9f758e]{margin-top:20px}.bottom-menu-design[data-v-53b5d7de]{padding:20px;background-color:#f5f5f5;min-height:100vh}.design-header[data-v-53b5d7de]{text-align:center;margin-bottom:30px}.design-header h2[data-v-53b5d7de]{color:#333;margin-bottom:10px}.design-header p[data-v-53b5d7de]{color:#666;font-size:14px}.design-content[data-v-53b5d7de]{display:flex;gap:30px;max-width:1200px;margin:0 auto}.preview-section[data-v-53b5d7de]{flex:1}.config-section[data-v-53b5d7de],.preview-section[data-v-53b5d7de]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.config-section[data-v-53b5d7de]{flex:2}.phone-preview[data-v-53b5d7de]{display:flex;justify-content:center;margin-top:20px}.phone-frame[data-v-53b5d7de]{width:300px;height:500px;background:#333;border-radius:20px;padding:20px;position:relative;box-shadow:0 4px 20px rgba(0,0,0,.3)}.phone-screen[data-v-53b5d7de]{width:100%;height:100%;background:#f5f5f5;border-radius:15px;position:relative;overflow:hidden}.submenu-preview[data-v-53b5d7de]{position:absolute;bottom:60px;left:0;right:0;background:#fff;border-top:1px solid #e0e0e0;max-height:300px;overflow-y:auto;z-index:10;-webkit-animation:slideUp-data-v-53b5d7de .3s ease-out;animation:slideUp-data-v-53b5d7de .3s ease-out}@-webkit-keyframes slideUp-data-v-53b5d7de{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideUp-data-v-53b5d7de{0%{transform:translateY(100%)}to{transform:translateY(0)}}.submenu-header[data-v-53b5d7de]{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f8f8f8;border-bottom:1px solid #e0e0e0;font-weight:700;color:#333}.close-btn[data-v-53b5d7de]{background:none;border:none;font-size:20px;cursor:pointer;color:#666;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-53b5d7de]:hover{color:#333}.submenu-list[data-v-53b5d7de]{padding:0}.submenu-item[data-v-53b5d7de]{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s}.submenu-item[data-v-53b5d7de]:hover{background-color:#f8f8f8}.submenu-item[data-v-53b5d7de]:last-child{border-bottom:none}.submenu-name[data-v-53b5d7de]{font-size:14px;color:#333;font-weight:500}.submenu-type[data-v-53b5d7de]{font-size:12px;color:#666;background:#f0f0f0;padding:2px 8px;border-radius:10px}.bottom-menu-preview[data-v-53b5d7de]{position:absolute;bottom:0;left:0;right:0;height:60px;background:#fff;border-top:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-around}.menu-item[data-v-53b5d7de]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;cursor:pointer;transition:all .2s;position:relative;border-right:1px solid #f0f0f0}.menu-item[data-v-53b5d7de]:last-child{border-right:none}.menu-item[data-v-53b5d7de]:hover{background-color:#f0f0f0}.menu-item.active[data-v-53b5d7de]{background-color:#e3f2fd;color:#1976d2}.menu-item.has-submenu[data-v-53b5d7de]{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.menu-item.has-submenu[data-v-53b5d7de]:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6)}.menu-icon[data-v-53b5d7de]{font-size:20px;color:#666;margin-bottom:4px}.menu-text[data-v-53b5d7de]{font-size:12px;color:#666;text-align:center;margin-bottom:2px}.menu-item.active .menu-text[data-v-53b5d7de]{color:#1976d2;font-weight:500}.submenu-indicator[data-v-53b5d7de]{font-size:8px;color:#666;margin-top:2px;-webkit-animation:bounce-data-v-53b5d7de 1s infinite;animation:bounce-data-v-53b5d7de 1s infinite}.menu-item.active .submenu-indicator[data-v-53b5d7de]{color:#1976d2}@-webkit-keyframes bounce-data-v-53b5d7de{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}@keyframes bounce-data-v-53b5d7de{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}.config-item[data-v-53b5d7de]{margin-bottom:20px;display:flex;align-items:center}.config-item label[data-v-53b5d7de]{width:120px;font-weight:700;color:#333}.menu-item-config[data-v-53b5d7de]{border:1px solid #e0e0e0;padding:20px;margin-bottom:20px;border-radius:8px;background:#fafafa}.menu-item-config h4[data-v-53b5d7de]{margin:0 0 15px 0;color:#333;border-bottom:1px solid #e0e0e0;padding-bottom:10px}.action-buttons[data-v-53b5d7de]{margin-top:30px;text-align:center}.action-buttons .el-button[data-v-53b5d7de]{margin:0 10px}h3[data-v-53b5d7de]{color:#333;margin-bottom:20px;border-bottom:2px solid #409eff;padding-bottom:10px}.submenu-config[data-v-53b5d7de]{margin-top:20px;padding:15px;background:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0}.submenu-items[data-v-53b5d7de]{margin-top:15px}.submenu-item-config[data-v-53b5d7de]{border:1px solid #d0d0d0;padding:15px;margin-bottom:15px;border-radius:6px;background:#fff}.submenu-item-config h5[data-v-53b5d7de]{margin:0 0 12px 0;color:#555;font-size:14px;border-bottom:1px solid #e0e0e0;padding-bottom:8px}.submenu-config .config-item label[data-v-53b5d7de]{width:100px;font-size:13px}