.mobile-preview[data-v-ab9f2a68]{width:320px;height:580px;background:#f5f5f5;border-radius:20px;overflow:hidden;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);margin:0 auto}.mobile-preview .preview-header[data-v-ab9f2a68]{height:50px;background:#fff;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 #eee}.mobile-preview .preview-header .title[data-v-ab9f2a68]{font-size:16px;font-weight:500}.mobile-preview .preview-content[data-v-ab9f2a68]{height:calc(100% - 50px);overflow-y:auto;padding:15px}.mobile-preview .preview-content .menu-grid[data-v-ab9f2a68]{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:15px}.mobile-preview .preview-content .menu-grid .menu-item[data-v-ab9f2a68]{height:80px;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.mobile-preview .preview-content .menu-grid .menu-item[data-v-ab9f2a68]:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.mobile-preview .preview-content .menu-grid .menu-item .menu-icon[data-v-ab9f2a68]{height:40px;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}.mobile-preview .preview-content .menu-grid .menu-item .menu-icon img[data-v-ab9f2a68]{width:30px;height:30px;-o-object-fit:contain;object-fit:contain}.mobile-preview .preview-content .menu-grid .menu-item .menu-icon i[data-v-ab9f2a68]{font-size:24px}.mobile-preview .preview-content .menu-grid .menu-item .menu-name[data-v-ab9f2a68]{font-size:12px;margin-top:5px;text-align:center}.mobile-preview .preview-content .empty-tip[data-v-ab9f2a68]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#909399}.mobile-preview .preview-content .empty-tip p[data-v-ab9f2a68]{margin:5px 0;font-size:14px}
.app-container[data-v-1d29fb8a]{padding:20px}.user-roles[data-v-1d29fb8a]{padding:0 20px}.user-roles h3[data-v-1d29fb8a]{margin-top:0;margin-bottom:15px}.user-roles .no-data[data-v-1d29fb8a]{color:#909399;font-size:14px;text-align:center;margin:20px 0}.user-roles .role-selector[data-v-1d29fb8a]{margin-top:20px}.user-roles .role-selector .el-select[data-v-1d29fb8a]{width:100%}
.app-container[data-v-3cb1d3b0]{padding:4px}