简约QQ号价值评估查询

下面是可以直接复制使用的 HTML 代码（整合了 HTML、CSS、JavaScript，使用 Tailwind CSS 简化样式开发，无需额外配置）

1. 样式部分：

• 用自定义渐变背景模拟示例的纹理效果，添加动画让背景有流动感；

• card-gradient 类实现卡片的半透明渐变和毛玻璃效果，还原示例的视觉质感；

• score-bar 类实现评分条的虚线分隔和右侧评分数字的样式。

2. 结构部分：

• 核心卡片容器：包含标题、顶部操作栏、QQ 号输入区、结果展示区；

• 顶部操作栏：模拟 “上传背景 + 输入框 + 应用 + 夜间模式” 的布局；

• 结果展示区：包含 QQ 头像（调用 QQ 官方头像接口）、QQ 号信息、综合估值、各项加分项。

3. 交互部分：

• 点击 “估价” 按钮时，先校验 QQ 号格式（必须是纯数字）；

• 自动更新显示的 QQ 号和对应的头像；

• 显示估值结果（当前为模拟固定值，你可以根据需求扩展估值算法）。

使用说明

1. 直接将代码复制到文本编辑器（如 VS Code、记事本），保存为 .html 后缀的文件；

2. 用浏览器打开该文件即可看到效果；

3. 输入任意 QQ 号，点击 “估价” 按钮，会自动更新 QQ 号、头像，并展示估值结果。