🎨 自定义背景示例

<AppLayout
  metaConfig={{ title: '我的应用' }}
  showHeader={false}
  showFooter={false}
  showSidebar={false}>
  
  <!-- 自定义背景层 -->
  <div slot="background" 
       style="position: fixed; 
              inset: 0; 
              background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">
    
    <!-- 装饰元素 -->
    <div style="position: absolute; 
                top: 10%; 
                left: 10%; 
                width: 24rem; 
                height: 24rem; 
                background: rgba(255, 255, 255, 0.1); 
                border-radius: 9999px; 
                filter: blur(60px);">
    </div>
  </div>

  <!-- 您的页面内容 -->
  <h1>欢迎</h1>
</AppLayout>