.coding-layout[data-v-da7961d2]{height:100vh}.layout-aside[data-v-da7961d2]{background-color:#001529;overflow:hidden;transition:width .3s}.logo-area[data-v-da7961d2]{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:8px;height:56px;justify-content:center;padding:0 12px}.logo-img[data-v-da7961d2]{flex-shrink:0;height:26px;width:24px}.logo-title[data-v-da7961d2]{color:#fff;font-size:16px;font-weight:600;white-space:nowrap}.side-menu[data-v-da7961d2]{border-right:none}.side-menu[data-v-da7961d2]:not(.el-menu--collapse){width:250px}.layout-header[data-v-da7961d2]{background:#fff;box-shadow:0 1px 4px #00152914;height:56px;justify-content:space-between;padding:0 20px}.header-left[data-v-da7961d2],.layout-header[data-v-da7961d2]{align-items:center;display:flex}.collapse-btn[data-v-da7961d2]{cursor:pointer;font-size:20px;margin-right:12px}.header-title[data-v-da7961d2]{font-size:16px;font-weight:500}.header-right[data-v-da7961d2]{gap:16px}.header-right[data-v-da7961d2],.user-info[data-v-da7961d2]{align-items:center;display:flex}.user-info[data-v-da7961d2]{cursor:pointer;gap:4px}.role-tag[data-v-da7961d2]{margin-left:4px}.layout-main[data-v-da7961d2]{background:#f7f9fa;overflow-y:auto;padding:10px}