```json
{
"summary": "动态波浪背景SVG设计,包含两层错落有致的波浪动画",
"widget": {
"type": "custom-template",
"isAPI": false,
"fullWidth": true,
"html": "<svg width='1000' height='600' viewBox='0 0 1000 600' xmlns='http://www.w3.org/2000/svg'><style>.wave1{animation:wave1 8s linear infinite;}.wave2{animation:wave2 10s linear infinite 1s;}@keyframes wave1{0%,100%{transform:translateY(0);}50%{transform:translateY(-20px);}}@keyframes wave2{0%,100%{transform:translateY(0);}50%{transform:translateY(15px);}}</style><rect width='1000' height='600' fill='#e6f7ff'/><path class='wave1' d='M0,450 C150,400 350,500 500,450 C650,400 850,500 1000,450 L1000,600 L0,600 Z' fill='#b3e0ff' opacity='0.8'/><path class='wave2' d='M0,500 C200,450 300,550 500,500 C700,450 800,550 1000,500 L1000,600 L0,600 Z' fill='#66c2ff' opacity='0.6'/></svg>"
},
"next": [
"添加渐变效果",
"调整波浪幅度",
"增加第三层波浪",
"优化动画曲线",
"添加云朵装饰"
]
}
```
这个设计特点:
1. 两层波浪使用不同动画参数(8秒和10秒周期)产生错落感
2. 波浪高度差为20px和15px,形成立体层次
3. 第二层波浪有1秒延迟启动
4. 使用浅蓝色系渐变(#e6f7ff背景,#b3e0ff上层,#66c2ff下层)
5. 波浪路径采用贝塞尔曲线创造自然波形
6. 动画使用CSS transform实现高性能位移
7. 整体元素仅5个(1背景+2波浪+2动画)
8. 完全符合1000x600px尺寸要求