编程题1：完善电商首页的购物车悬浮效果

需求描述：为案例6-2的电商首页添加购物车悬浮功能——用户点击导航栏"购物车"图标后，从右侧滑入半透明购物车面板（含已选商品列表与结算按钮），点击空白区域或关闭按钮后滑出隐藏。

技术要点：综合运用CSS定位（position: fixed固定购物车面板于右侧）、动画（transform: translateX(100%)控制滑入/滑出）与JavaScript事件监听（点击图标显示、点击空白隐藏）。

编程题2：为旅游官网添加夜间模式切换功能

需求描述：在案例6-3的旅游官网中实现夜间模式切换——页面顶部添加切换按钮，点击后整体色调切换为深色主题（背景#1a1a2e、文字#e6e6e6），并记忆用户偏好（刷新页面保持模式）。

技术要点：通过CSS变量定义两套主题（--bg-light: #fff/--bg-dark: #1a1a2e），结合媒体查询（prefers-color-scheme检测系统偏好）与JavaScript（切换类名+localStorage存储用户选择）实现动态切换。

答案资源：两道编程题均提供完整项目代码（含HTML/CSS/JavaScript文件）及效果演示视频，可通过配套资源链接获取（具体链接见课程附录）。代码注释包含关键技术解析，如夜间模式的CSS变量切换逻辑、购物车动画的性能优化方案等。