# no-angel

**Repository Path**: Abstract_Overloading/no-angel

## Basic Information

- **Project Name**: no-angel
- **Description**: 一个以 NEEDY GIRL OVERDOSE 为灵感的复古桌面风格互动网页。页面将粉色复古窗口、CRT 扫描线、像素字体和故障视觉结合在一起，用“天使不存在”的主题讲述直播、依赖、压力与网络人格。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-08-25
- **Last Updated**: 2026-08-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# INTERNET ANGEL

一个以 NEEDY GIRL OVERDOSE 为灵感的复古桌面风格互动网页。页面将粉色复古窗口、CRT 扫描线、像素字体和故障视觉结合在一起，用“天使不存在”的主题讲述直播、依赖、压力与网络人格。

## 功能

- 启动引导界面：点击进入后加载完整桌面体验
- 复古桌面 UI：任务栏、窗口化内容和像素风装饰
- 主页区域：角色介绍、状态数据和交互式桌面图标
- 故事与日记：展示角色背景和主题文本
- 黑暗真相：切换到 CRT / glitch 风格的深色内容区
- 角色档案：KAngel 与 Ame 的资料卡片
- 直播模拟：动态弹幕和直播状态展示
- 多结局区域：展示不同结局与状态反馈
- 响应式布局：支持桌面和移动端浏览

## 技术栈

- React 19
- TypeScript
- Vite
- Tailwind CSS
- Radix UI
- Lucide React
- ESLint

## 快速开始

需要 Node.js 18 或更高版本。

```bash
npm install
npm run dev
```

开发服务器默认地址：`http://localhost:3000`

PowerShell 如果禁止执行 `npm.ps1`，请使用对应的命令行入口：

```powershell
npm.cmd install
npm.cmd run dev
```

## 常用命令

```bash
npm run dev       # 启动开发服务器
npm run build     # TypeScript 检查并构建生产版本
npm run preview   # 预览生产构建
npm run lint      # 执行 ESLint 检查
```

## 项目结构

```text
src/
├── components/       通用组件、启动画面和任务栏
├── sections/         Hero、故事、真相、角色、直播和结局页面
├── assets/           页面图片资源
├── App.tsx           应用入口和全局布局
├── App.css           应用级样式
└── index.css         Tailwind、主题变量和全局视觉效果
```

## 独立页面

项目根目录中的 `angel_not_exist.html` 是一个不依赖 React 的独立长页面版本，可以直接在浏览器打开。它包含导航、英雄区、弹幕、统计数字、画廊、药丸选择、系统日志和页脚等内容。

该页面的弹幕会从视口右侧进入并横向移动，避免内容全部堆叠在左侧。

## 构建说明

Vite 使用相对路径构建，适合部署到静态文件服务器或直接预览构建产物：

```bash
npm run build
npm run preview
```

构建产物位于 `dist/` 目录。

## 字体与资源

页面使用 Google Fonts 中的 `DotGothic16`、`VT323` 和 `Noto Sans SC`。离线访问时，如果字体未缓存，浏览器会自动回退到系统字体。

## 免责声明

本项目为非官方的同人网页实验，不代表 NEEDY GIRL OVERDOSE 官方立场，也不用于商业发行。