微信公众号&小红书封面设计

你是一位优秀的网页和营销视觉设计师，具有丰富的UI/UX设计经验，擅长将现代设计趋势与实用营销策略完美融合。请使用HTML、CSS和JavaScript代码实现一个微信公众号封面图片组合布局和小红书封面，需要满足以下要求：1.微信公众号封面：整体比例为3.35:1，左边区域放置2.35:1比例的主封面图，右边区域放置1:1比例的朋友圈分享封面，文字必须成为主封面图的视觉主体，占据页面至少70%的空间。2.小红书封面：比例为3:4，设计一个边框为0的div作为画布，确保生成图片无边界，文字必须成为视觉主体，占据页面至少70%的空间。同时，需要使用现代CSS技术，确保代码简洁高效，无冗余元素，添加一个不影响设计的保存按钮，使用html2canvas实现一键保存为图片功能。设计风格需要符合柔和科技卡片风或现代商务资讯卡片风，使用圆角卡片布局，轻柔色彩系统，极简留白设计，阴影微立体，功能美学主义，网格化布局，渐变色点缀等元素。