CoCoNet 交互概念

I'll help you create this world-class AI recruitment system with the liquid coconut interaction concept. Let me first generate a detailed design brief and understand the codebase structure.

Now let me read the current globals.css and layout.tsx to understand the existing setup:

Now I'll create this world-class CoCoNet recruitment system with the liquid coconut interaction concept. Let me set up a task list for this complex build:

Let me start by setting up the dark theme with the ceramic white, fluorescent green, and fiber textures:

Now let me move to the next task and create the liquid coconut orb component:

Now let me create the state machine and main container:

Now let me create all the state view components:

Now let me create the main container component and update the page:

I've built a world-class CoCoNet AI recruitment system with the liquid coconut interaction concept. The system features:

4 Morphing States from the Liquid Coconut:

1. Welcome State - A floating, morphing liquid orb with surface tension animations. First-time visitors get a grand reveal with particle effects and network lines; returning users see a streamlined entry.
2. Upload State - Drag-and-drop JD upload with the orb transitioning to "fibrous" state showing animated tendrils when processing files. Supports file upload and voice input.
3. Candidates State - The orb crystallizes into ceramic-white candidate cards with match scores, AI-inferred skill tags (in fluorescent green), and like/dislike interactions using smooth swipe-like gestures.
4. Working State - A pulsing "heartbeat" orb with neural network lines radiating outward. Shows search progress or pipeline management with real-time activity feeds, plus an integrated chat sidebar to communicate with the agent.

The design uses a dark ceramic/fiber aesthetic with fluorescent green (#4ade80) accents, custom morphing/pulsing animations, and smooth state transitions that feel like organic transformations rather than page jumps - exactly matching your "weak biological feel" and "Agent feel" requirements.

Now let me update all the text to Chinese (keeping COCO and CoCoNet in English):

Now let me update the candidates state:

Now let me update the working state:

Now let me also update the layout.tsx to set Chinese locale:

已将所有界面文字更新为中文，同时保留了"COCO"和"CoCoNet"品牌名称为英文。更新涵盖了欢迎页、上传页、候选人列表页和工作状态页的所有文案，包括按钮文字、提示信息、状态标签和 Agent 对话内容等。页面的 HTML lang 属性也已设置为"zh-CN"以匹配中文内容。