ul[data-v-ea6fbdbc]{max-height:700px;overflow-y:auto;padding-left:.5rem}ul i[data-v-ea6fbdbc]{font-size:1.5rem;border:1px solid #f1f1f1;padding:.2rem;margin:.3rem;cursor:pointer}ul i.active[data-v-ea6fbdbc],ul i[data-v-ea6fbdbc]:hover{border-radius:2px;border-color:#4a4a48;background-color:#4a4a48;color:#fff;transition:all .3s}ul li[data-v-ea6fbdbc]{list-style:none;float:left;width:5%;text-align:center;cursor:pointer;color:#555;transition:color .3s ease-in-out,background-color .3s ease-in-out;position:relative;margin:3px 0;border-radius:4px;background-color:#fff;overflow:hidden;padding:10px 0 0}.bottom-nav-editor[data-v-626bb9f4]{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bottom-nav-editor .mode-toggle[data-v-626bb9f4]{padding:10px 16px;text-align:center;background:#fff;border-bottom:1px solid #e8e8e8}.bottom-nav-editor .fullscreen-preview[data-v-626bb9f4]{-ms-flex:1;flex:1;padding:20px;background:#f5f5f5;overflow:auto}.bottom-nav-editor .fullscreen-preview .preview-grid[data-v-626bb9f4]{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(400px,1fr))[auto-fit];grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;padding:20px}.bottom-nav-editor .fullscreen-preview .preview-grid .preview-item[data-v-626bb9f4]{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:600px}.bottom-nav-editor .fullscreen-preview .preview-grid .preview-item .preview-item-content[data-v-626bb9f4]{-ms-flex:1;flex:1;position:relative;overflow:hidden}.bottom-nav-editor .fullscreen-preview .preview-grid .preview-item .preview-item-content .preview-iframe[data-v-626bb9f4]{width:100%;height:100%;border:none}.bottom-nav-editor .fullscreen-preview .preview-grid .preview-item .preview-item-content .preview-empty[data-v-626bb9f4]{height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bottom-nav-editor .fullscreen-preview .preview-grid .preview-item .preview-item-nav[data-v-626bb9f4]{height:60px;background:#fff;border-top:1px solid #f0f0f0;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center;padding:0 8px}.bottom-nav-editor .fullscreen-preview .preview-grid .preview-item .preview-item-nav .nav-item[data-v-626bb9f4]{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:4px;cursor:pointer;transition:all .3s}.bottom-nav-editor .fullscreen-preview .preview-grid .preview-item .preview-item-nav .nav-item.active[data-v-626bb9f4]{color:#1890ff}.bottom-nav-editor .fullscreen-preview .preview-grid .preview-item .preview-item-nav .nav-item .anticon[data-v-626bb9f4]{font-size:20px;margin-bottom:2px}.bottom-nav-editor .fullscreen-preview .preview-grid .preview-item .preview-item-nav .nav-item .nav-name[data-v-626bb9f4]{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bottom-nav-editor .mobile-preview[data-v-626bb9f4]{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:20px;background:#f5f5f5}.bottom-nav-editor .mobile-preview .mobile-container[data-v-626bb9f4]{width:375px;height:667px;background:#fff;border-radius:20px;box-shadow:0 0 20px rgba(0,0,0,.1);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;border:10px solid #333;position:relative}.bottom-nav-editor .mobile-preview .mobile-container[data-v-626bb9f4]:before{content:"";position:absolute;top:-5px;left:50%;transform:translateX(-50%);width:60px;height:5px;background:#333;border-radius:0 0 8px 8px}.bottom-nav-editor .mobile-preview .mobile-container .mobile-status-bar[data-v-626bb9f4]{height:44px;background:#000;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:0 16px;font-size:14px}.bottom-nav-editor .mobile-preview .mobile-container .mobile-status-bar .status-bar-left .time[data-v-626bb9f4]{font-weight:600}.bottom-nav-editor .mobile-preview .mobile-container .mobile-status-bar .status-bar-right[data-v-626bb9f4]{display:-ms-flexbox;display:flex;gap:8px}.bottom-nav-editor .mobile-preview .mobile-container .mobile-status-bar .status-bar-right span[data-v-626bb9f4]{font-size:16px}.bottom-nav-editor .mobile-preview .mobile-container .content-area[data-v-626bb9f4]{-ms-flex:1;flex:1;overflow-y:auto}.bottom-nav-editor .mobile-preview .mobile-container .content-area .view-toggle[data-v-626bb9f4]{margin-bottom:16px;text-align:center}.bottom-nav-editor .mobile-preview .mobile-container .content-area .page-desc[data-v-626bb9f4]{height:100%}.bottom-nav-editor .mobile-preview .mobile-container .content-area .page-desc .desc-header[data-v-626bb9f4]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:16px}.bottom-nav-editor .mobile-preview .mobile-container .content-area .page-desc .desc-header span[data-v-626bb9f4]{font-size:14px;color:rgba(0,0,0,.85)}.bottom-nav-editor .mobile-preview .mobile-container .content-area .page-desc .desc-item[data-v-626bb9f4]{margin-bottom:20px}.bottom-nav-editor .mobile-preview .mobile-container .content-area .page-desc .desc-item .desc-area-header[data-v-626bb9f4]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:8px}.bottom-nav-editor .mobile-preview .mobile-container .content-area .page-desc .desc-item .desc-area-header .area-title[data-v-626bb9f4]{font-size:14px;color:rgba(0,0,0,.65)}.bottom-nav-editor .mobile-preview .mobile-container .content-area .page-desc .desc-empty[data-v-626bb9f4]{height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bottom-nav-editor .mobile-preview .mobile-container .content-area .page-desc .ai-button-container[data-v-626bb9f4]{margin-top:20px;text-align:center}.bottom-nav-editor .mobile-preview .mobile-container .content-area .html-preview[data-v-626bb9f4]{height:100%}.bottom-nav-editor .mobile-preview .mobile-container .content-area .html-preview .html-editor[data-v-626bb9f4]{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bottom-nav-editor .mobile-preview .mobile-container .content-area .html-preview .html-editor .editor-toolbar[data-v-626bb9f4]{padding:8px;border-bottom:1px solid #e8e8e8;text-align:right}.bottom-nav-editor .mobile-preview .mobile-container .content-area .html-preview .html-editor .html-code-editor[data-v-626bb9f4]{-ms-flex:1;flex:1;font-family:monospace;font-size:14px;line-height:1.5;padding:16px;resize:none}.bottom-nav-editor .mobile-preview .mobile-container .content-area .html-preview .content-iframe[data-v-626bb9f4]{width:100%;height:100%;border:none}.bottom-nav-editor .mobile-preview .mobile-container .content-area .html-preview .html-empty[data-v-626bb9f4]{height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.bottom-nav-editor .mobile-preview .mobile-container .nav-bar[data-v-626bb9f4]{height:90px;background:#fff;border-top:1px solid #f0f0f0;display:-ms-flexbox;display:flex;padding:0 6px}.bottom-nav-editor .mobile-preview .mobile-container .nav-bar .nav-item[data-v-626bb9f4]{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:8px 2px;cursor:pointer;position:relative;transition:all .3s;min-width:72px}.bottom-nav-editor .mobile-preview .mobile-container .nav-bar .nav-item[data-v-626bb9f4]:hover{background:rgba(0,0,0,.02)}.bottom-nav-editor .mobile-preview .mobile-container .nav-bar .nav-item.active[data-v-626bb9f4]{background:rgba(var(--nav-color),.1)}.bottom-nav-editor .mobile-preview .mobile-container .nav-bar .nav-item.active .icon-wrapper[data-v-626bb9f4],.bottom-nav-editor .mobile-preview .mobile-container .nav-bar .nav-item.active .nav-name-input[data-v-626bb9f4],.bottom-nav-editor .mobile-preview .mobile-container .nav-bar .nav-item.active .nav-name-text[data-v-626bb9f4]{color:var(--nav-color)}.bottom-nav-editor .mobile-preview .mobile-container .nav-bar .nav-item .nav-item-main[data-v-626bb9f4]{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.bottom-nav-editor .mobile-preview .mobile-container .nav-bar .nav-item .nav-item-main .icon-wrapper[data-v-626bb9f4]{position:relative;padding:4px;margin-bottom:6px}.bottom-nav-editor .mobile-preview .mobile-container .nav-bar .nav-item .nav-item-main .icon-wrapper .anticon[data-v-626bb9f4]{font-size:24px}.bottom-nav-editor .mobile-preview .mobile-container .nav-bar .nav-item .nav-item-main .icon-wrapper .icon-edit-btn[data-v-626bb9f4]{position:absolute;right:-20px;top:50%;transform:translateY(-50%);padding:2px;height:auto;opacity:0;transition:opacity .3s}.bottom-nav-editor .mobile-preview .mobile-container .nav-bar .nav-item .nav-item-main .icon-wrapper .icon-edit-btn .anticon[data-v-626bb9f4]{font-size:14px}.bottom-nav-editor .mobile-preview .mobile-container .nav-bar .nav-item .nav-item-main:hover .icon-edit-btn[data-v-626bb9f4]{opacity:1}.bottom-nav-editor .mobile-preview .mobile-container .nav-bar .nav-item .nav-item-main .nav-name-input[data-v-626bb9f4]{width:100%;min-width:64px;text-align:center;height:32px;font-size:14px;border:1px solid transparent;background:transparent;padding:0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-nav-editor .mobile-preview .mobile-container .nav-bar .nav-item .nav-item-main .nav-name-input[data-v-626bb9f4]:focus,.bottom-nav-editor .mobile-preview .mobile-container .nav-bar .nav-item .nav-item-main .nav-name-input[data-v-626bb9f4]:hover{border-color:#d9d9d9;background:#fff}.bottom-nav-editor .mobile-preview .mobile-container .nav-bar .nav-item .nav-item-main .nav-name-input[data-v-626bb9f4]:-ms-input-placeholder{color:rgba(0,0,0,.25)}.bottom-nav-editor .mobile-preview .mobile-container .nav-bar .nav-item .nav-item-main .nav-name-input[data-v-626bb9f4]::placeholder{color:rgba(0,0,0,.25)}.bottom-nav-editor .mobile-preview .mobile-container .nav-bar .nav-item .nav-item-main .nav-name-text[data-v-626bb9f4]{font-size:14px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bottom-nav-editor .drawer-footer[data-v-626bb9f4]{padding:10px 16px;text-align:right;background:#fff;border-top:1px solid #e8e8e8}.fullscreen-preview-modal{max-width:100%;top:0!important;padding-bottom:0;height:100vh;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1;flex:1;padding:0}.fullscreen-preview-container[data-v-626bb9f4]{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:#f0f2f5}.fullscreen-preview-container .preview-header[data-v-626bb9f4]{padding:16px 24px;background:#fff;border-bottom:1px solid #f0f0f0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.fullscreen-preview-container .preview-header h2[data-v-626bb9f4]{margin:0;font-size:20px;color:rgba(0,0,0,.85)}.fullscreen-preview-container .preview-content[data-v-626bb9f4]{-ms-flex:1;flex:1;overflow:auto;padding:24px}.fullscreen-preview-container .preview-content .preview-grid[data-v-626bb9f4]{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[5];grid-template-columns:repeat(5,1fr);gap:24px;-ms-flex-pack:center;justify-content:center}.fullscreen-preview-container .preview-content .preview-grid .preview-item[data-v-626bb9f4]{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden;height:800px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.fullscreen-preview-container .preview-content .preview-grid .preview-item .preview-item-content[data-v-626bb9f4]{-ms-flex:1;flex:1;position:relative;overflow:hidden}.fullscreen-preview-container .preview-content .preview-grid .preview-item .preview-item-content .preview-iframe[data-v-626bb9f4]{width:100%;height:100%;border:none}.fullscreen-preview-container .preview-content .preview-grid .preview-item .preview-item-content .preview-empty[data-v-626bb9f4]{height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.fullscreen-preview-container .preview-content .preview-grid .preview-item .preview-item-nav[data-v-626bb9f4]{height:60px;background:#fff;border-top:1px solid #f0f0f0;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center;padding:0 8px}.fullscreen-preview-container .preview-content .preview-grid .preview-item .preview-item-nav .nav-item[data-v-626bb9f4]{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:4px;cursor:pointer;transition:all .3s}.fullscreen-preview-container .preview-content .preview-grid .preview-item .preview-item-nav .nav-item.active[data-v-626bb9f4]{color:#1890ff}.fullscreen-preview-container .preview-content .preview-grid .preview-item .preview-item-nav .nav-item .anticon[data-v-626bb9f4]{font-size:20px;margin-bottom:2px}.fullscreen-preview-container .preview-content .preview-grid .preview-item .preview-item-nav .nav-item .nav-name[data-v-626bb9f4]{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}