平面设计

一张关于后末日、赛博朋克、沙丘般未来的获奖电影海报，主角是一位皮肤锈迹斑斑的金属女性赛博格战士，身着部落服饰，面向镜头。角色设计细致，背景采用散景效果，营造出电影氛围。

你是一位顶尖的 UI/UX 设计师和前端开发工程师，专注于创造富有现代感和优秀用户体验的 Web 界面。

任务: 根据以下详尽的设计规范和内容，为我创建一个精美的软件推荐列表网页，并生成相应的、高质量的 HTML 和 CSS 代码。
核心设计原则:
主题与氛围: 科技、精致、专注。采用高级暗黑模式 (Dark Mode)，通过深邃的背景和清晰的文本层级，为用户提供沉浸式的阅读体验。

布局结构:
响应式网格 (Responsive Grid): 桌面端为双列网格，移动端自动转换为单列布局。
卡片式设计 (Card-Based Design): 所有内容都组织在视觉独立的卡片中，卡片具有圆角、内边距和微妙的阴影效果。
色彩方案:
基础色板:
主背景色: #121212
卡片背景色: #1E1E1E
主文本色 (软件名称): #EAEAEA (明亮的浅灰色)
次要文本色 (描述): #A0A0A0 (柔和的灰色)
模块化主题色 (Modular Theming):
为每个卡片模块定义一个独立的强调色，以增强视觉引导和分类感。
该颜色需应用于:
卡片顶部的 4px 装饰性边框。
卡片头部类别图标的圆形背景。
描述文本中用于强调核心功能的关键词高亮。

主题色定义:
效率与启动: 绿色 (#2ED573)
终端与 Shell: 蓝色 (#00A8FF)
系统与维护: 琥珀色 (#FFC312)
截图与视频: 紫色 (#A357FF)
记录与创作: 橙色 (#F79F1F)
远程与开发: 青色 (#00D2D3)
特殊颜色:
价格信息: 金色 (#FFD700)
组件与元素设计 (Components & Elements Design):
卡片 (Cards):
卡片头部: 左侧是一个带有主题色圆形背景的 Emoji 图标，右侧是类别标题。
列表项 (List Items):
文本层级: 软件名称使用更粗的字重和更亮的颜色 (--text-primary)，描述文本使用常规字重和较暗的颜色 (--text-secondary)，形成清晰对比。
内容高亮: 在描述文本中，将最能代表软件功能的 1-2 个关键词用 <span> 包裹，并应用卡片的主题色。
右侧标签 (Item Tags):
默认状态下为中性灰色背景和文本。
背景水印: 卡片右下角保留一个巨大且透明度极低的数字水印。

交互设计 (Interaction Design):
卡片悬停 (Card Hover): 整个卡片轻微向上浮动 (transform: translateY) 并出现更明显的阴影，提供物理反馈。
列表项悬停 (Item Hover): 鼠标悬停在任意软件条目上时，该条目背景变为半透明的亮灰色 (--item-hover-bg)，清晰地指示当前焦点。
标签悬停 (Tag Hover): 鼠标悬停在右侧的功能标签上时，其边框和文本颜色变为对应卡片的主题色，增加互动趣味性。

交付产物 (Deliverables):
请提供一个单一、完整的 HTML 文件，内嵌所有 CSS 代码。代码需高度规范，灵活运用 CSS 变量来实现主题化和方便维护，并确保所有交互效果都平滑流畅。

在整张图片上重复添加'TRUMP'字样的水印。

对上传的食物参考图像进行标注，包括每种食物的名称、卡路里密度及大致卡路里含量。

提取[武士]主体并添加透明背景

时尚情绪板拼贴。将模特所穿各单品的剪贴图围绕在肖像周围。添加俏皮的马克笔风格字体的手写笔记和草图，并以英文标注每件单品的品牌名称和来源。整体美学风格应创意且可爱。

高级工作室海报，整个主体由超细米色纤维（剑麻/黄麻纤维）制成。主体为（物体）：所有平面和曲线由数千根缠绕的线编织而成，分层、交叉影线且略带磨损；轮廓清晰，几何形状易识别。四分之三视角，居中，具有真实的重叠和飞散的线。哑光柔和黑色背景，留有充足的负空间。光线：柔和的正面主光加微妙的顶部轮廓光；真实的接触阴影。景深：柔和渐变；85毫米镜头f/4的效果。顶部用相同纤维构成的手绘字母书写（文字）；笔画一致；自然字距；无其他文字。极简海报风格，无道具，无水印。暖灰褐色调，细颗粒质感。添加微弱的地面阴影以固定主体。渲染超写实8k，构图平衡，纵横比3:4。如果（物体）是人，则使用头肩比例，表情平静，服装纹理也以纤维形式呈现。