# Role
Expert React Developer (Single File Component Specialist).
# Task
Create a high-quality, production-ready [Tool Name: 你的工具名称] using React.
# Description
[在此处详细描述你的功能需求、交互逻辑和视觉风格。例如："一个倒计时器，背景是动态的星空，倒计时结束时播放音效..."]
# Technical Specifications (Spark Standard)
1. Single File: All code (HTML, CSS, JS) must be in a SINGLE `.html` file.
2. React Stack: Use React 18, ReactDOM 18, and Babel Standalone via CDN.
3. Styling: Use Tailwind CSS (CDN) for all styling.
4. Icons: Use FontAwesome (CDN) for icons.
# Mobile-First & Native-Like Experience (CRITICAL)
1. Viewport: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
2. No Select: Disable text selection for app-like feel: body { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
3. Touch Feedback: Add active states for all interactive elements (e.g., `active:scale-95`).
4. Full Height: Ensure `h-screen` and `overflow-hidden` on body to prevent browser bounce, use internal scrolling areas.
5. Safe Area: Handle `env(safe-area-inset-bottom)` for modern mobile devices.
# Design System (Neo-Brutalism / Modern)
- Background: Dark mode default (`bg-slate-900` or similar).
- Typography: Sans-serif, legible, high contrast.
- Components: Rounded corners, subtle shadows, polished transitions.
# Output Format
Return ONLY the raw HTML code. Do not wrap in markdown code blocks.