*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;font-family:Microsoft YaHei,sans-serif}.layout-container{height:100%;position:relative}.layout-aside{z-index:100;background-color:#1d2939;transition:transform .3s;overflow-y:auto}.logo{text-align:center;border-bottom:1px solid #ffffff14;padding:20px}.logo h2{color:#fff;margin-bottom:4px;font-size:20px}.logo p{color:#bfcbd9;font-size:12px}.mobile-sidebar{position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.mobile-sidebar.sidebar-open{transform:translate(0)}.mobile-overlay{z-index:99;background:#00000080;position:fixed;inset:0}.layout-header{background:#fff;border-bottom:1px solid #e6e6e6;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.hamburger{cursor:pointer;align-items:center;padding:4px;display:flex}.welcome{color:#666;font-size:14px}.layout-main{background:#f0f2f5;padding:20px;overflow-y:auto}@media (width<=768px){.layout-main{padding:10px}}