html,body,#app{height:100%;margin:0;padding:0}*{box-sizing:border-box}.layout-container{height:100vh}.layout-sider{background:var(--n-color)}.logo{height:64px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--n-border-color)}.logo-text{font-size:18px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-icon{font-size:28px;font-weight:700;color:#667eea}.layout-header{height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;background:var(--n-color)}.header-right{display:flex;align-items:center;gap:12px}.layout-content{padding:24px;min-height:calc(100vh - 128px);overflow-y:auto;scroll-behavior:smooth}.layout-footer{height:64px;display:flex;align-items:center;justify-content:center}