简约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 号
   、头像
   ，并展示估值结果。