// run
new Vue({el: '#app',data: {notes: [{title: '灵感闪现 ✨',content: '用 CSS 实现纸张翘角，比图片更轻量！',colorClass: 'color-1'},{title: '待办清单 📋',content: '• 优化学习路线页
• 测试便签响应式',colorClass: 'color-2'},{title: '学习目标 🌱',content: '掌握 Flex/Grid 布局精髓，不再依赖框架。',colorClass: 'color-3'},{title: '心情记录 💖',content: '今天阳光很好，代码也跑通了！',colorClass: 'color-4'},{title: '技术笔记 🧠',content: 'box-shadow 可叠加多层，模拟真实投影。',colorClass: 'color-5'},{title: '生活琐事 🛒',content: '买咖啡、换灯泡、给植物浇水',colorClass: 'color-6'},{title: '设计思考 🎨',content: '质感 = 微对比 + 柔和阴影 + 精准留白',colorClass: 'color-7'},{title: '项目计划 🚀',content: 'Q3 完成个人作品集网站重构',colorClass: 'color-8'},{title: '读书摘录 📖',content: '“优雅的代码，是写给人看的。”',colorClass: 'color-9'},{title: '健康提醒 💪',content: '每小时起身活动，保护颈椎！',colorClass: 'color-10'},{title: '资源收藏 🔗',content: 'MDN Web Docs + CSS Tricks = 黄金组合',colorClass: 'color-11'},{title: '今日总结 📝',content: '完成了多彩便签，纯 CSS，无 JS，质感拉满。',colorClass: 'color-12'}]}
})
