Mixtape Zine 网页重新设计
将参考的 Mixtape 广播杂志布局转换为焕然一新的期数模型，并更新节目时间、专题插图及底部预览卡片。
Using REFERENCE_0 as the design/style base, regenerate the same Mixtape broadcast-zine webpage as a revised issue mockup. Keep the bold retro editorial layout, electric blue/cream/yellow/black palette, oversized block typography, circular clock-selector motif, curator panel, running-order strip, and bottom category-card structure, but update the page to look like a new edition with changed content and slightly cleaner spacing.
Key changes to apply:
- Change the top metadata to a new issue: Friday, July 24, Edition 001, with a small “Live Today” indicator.
- Update the top-right headline to: “One hour of YouTube. Picked by a superfan. Ready now.”
- Reposition the large circular hour dial farther left so it overlaps the main title more dramatically. Keep the center label “Today’s Hour / Music Videos / Curated by Mara Ortiz,” but rotate the outer five segments to match the new active order.
- Make the active “On Now” feature the final act, with large timecode {argument name="current timecode" default="00:48"}, headline {argument name="featured act title" default="The Future Arrives Early"}, and “12 min left.” Replace the feature artwork with a cinematic dark blue scene of a suited man standing in a modern architectural setting, with small now-showing/director credit text in the lower-right.
- Preserve the curator as Mara Ortiz, but use a darker blue-black portrait crop and keep the curator-card structure: portrait, name, short bio, curator’s note, and “Become a curator →”.
Running order strip: create exactly 5 act cells, left to right:
1. “Public Access Fever” — 00:00, played, 8 min
2. “The Beat Goes Global” — 00:08, played, 12 min
3. “Directors Turn Auteur” — 00:20, played, 15 min
4. “Deep Cuts, Big Swings” — 00:35, played, 13 min
5. “The Future Arrives Early” — 00:48, on now, 12 min
Keep the bold left label “Today’s Running Order” and the right slogan “One hour. Five acts. Curated live. Ready now.”
Bottom section: replace the previous lower grid with a cleaner set of exactly 3 large preview cards plus a side list.
1. {argument name="first preview card" default="Animation After Dark"} — labeled “Today at 9 PM,” with a blue-toned anime eye image.
2. {argument name="second preview card" default="Cult Sci-Fi"} — labeled “Today at 11 PM,” with a retro astronaut/space helmet image.
3. {argument name="third preview card" default="Game Design"} — labeled “Tomorrow at Noon,” with a blue pixel-art landscape image.
Add a left blue panel reading “Explore More Hours” with short supporting copy and “Browse all categories →”. Add a right black “Also Playing” panel listing exactly 5 items: Internet Lore, Fashion Forward, Reality TV Canon, Hip-Hop Deep Cuts, Skate Culture, plus a yellow “See today’s full guide →” link.
Style constraints: preserve the reference’s high-contrast zine aesthetic, sharp grid, thick borders, condensed uppercase type, imperfect print-like texture, and screen-poster feel. Do not add extra sections, watermarks, browser chrome, or unrelated UI.以 REFERENCE_0 作为设计/风格基准，将同一个 Mixtape 广播杂志网页重新生成为修订后的期数模型。保留大胆的复古编辑布局、电光蓝/奶油色/黄色/黑色调色板、超大块状排版、圆形时钟选择器主题、策展人面板、节目流程条以及底部类别卡片结构，但需将页面更新为新一期的外观，并调整内容和优化间距。
需应用的重点更改：
- 将顶部元数据更改为新一期：7 月 24 日，星期五，第 001 期，并附带一个小的“今日直播”指示器。
- 将右上角的标题更新为：“一小时 YouTube 精选。由超级粉丝挑选。现已就绪。”
- 将大型圆形小时拨盘向左移动，使其与主标题产生更强烈的重叠效果。保留中心标签“今日小时 / 音乐视频 / 由 Mara Ortiz 策划”，但旋转外部的五个分段以匹配新的活动顺序。
- 将当前的“正在播放”专题设为最后一幕，包含大号时间码 {argument name="current timecode" default="00:48"}、标题 {argument name="featured act title" default="The Future Arrives Early"} 以及“剩余 12 分钟”。将专题插图替换为一张深蓝色调的电影感场景，画面中一名穿着西装的男子站在现代建筑环境中，右下角附带小的“正在放映/导演”署名文字。
- 保留 Mara Ortiz 作为策展人，但使用更深蓝黑色的肖像裁剪，并保持策展人卡片结构：肖像、姓名、简短个人简介、策展人寄语以及“成为策展人 →”。
节目流程条：从左至右创建 5 个节目单元：
1. “Public Access Fever” — 00:00，已播放，8 分钟
2. “The Beat Goes Global” — 00:08，已播放，12 分钟
3. “Directors Turn Auteur” — 00:20，已播放，15 分钟
4. “Deep Cuts, Big Swings” — 00:35，已播放，13 分钟
5. “The Future Arrives Early” — 00:48，正在播放，12 分钟
保留左侧醒目的标签“今日节目流程”和右侧标语“一小时。五幕戏。现场策划。现已就绪。”
底部区域：将之前的下部网格替换为更简洁的 3 张大型预览卡片及一个侧边列表。
1. {argument name="first preview card" default="Animation After Dark"} — 标注为“今日晚上 9 点”，配以蓝色调动漫眼睛图片。
2. {argument name="second preview card" default="Cult Sci-Fi"} — 标注为“今日晚上 11 点”，配以复古宇航员/太空头盔图片。
3. {argument name="third preview card" default="Game Design"} — 标注为“明日中午 12 点”，配以蓝色像素艺术景观图片。
添加一个左侧蓝色面板，文字为“探索更多小时”，并附带简短的辅助文案和“浏览所有类别 →”。添加一个右侧黑色“正在播放”面板，列出 5 个项目：Internet Lore、Fashion Forward、Reality TV Canon、Hip-Hop Deep Cuts、Skate Culture，以及一个黄色的“查看今日完整指南 →”链接。
风格限制：保留参考资料的高对比度杂志美学、清晰的网格、粗边框、压缩的大写字体、不完美的印刷质感以及屏幕海报感。请勿添加额外的部分、水印、浏览器界面或不相关的 UI。