🎨 CK Studio - 个人主页

---

✨ 项目特色

一个现代化的个人主页，采用 UI Pro Max 设计规范打造，具有以下特色：

特性	描述
🌌 极光背景	四层动态极光渐变效果，紫色、青色、蓝色、粉色交织
💎 Glassmorphism	玻璃拟态卡片设计，毛玻璃模糊效果
✨ 流光边框	悬停时显示流动的渐变光效边框
🎯 微交互	丰富的悬停动画和过渡效果
📱 响应式	完美适配桌面端和移动端
🖱️ 鼠标跟随	自定义光标跟随效果

---

🛠️ 技术栈

• HTML5 - 语义化结构
• CSS3 - 现代样式与动画
• JavaScript - 交互逻辑
• Google Fonts - Space Grotesk + JetBrains Mono

---

🎨 设计系统

配色方案

/* 主色调 */
--gradient-primary: linear-gradient(135deg, #8b5cf6, #06b6d4);
--gradient-secondary: linear-gradient(135deg, #a855f7, #3b82f6, #06b6d4);

/* 光晕效果 */
--glow-purple: rgba(139, 92, 246, 0.3);
--glow-cyan: rgba(6, 182, 212, 0.3);

字体搭配

• 标题字体: Space Grotesk (300-700)
• 代码字体: JetBrains Mono

---

📂 项目结构

传康主页项目/
├── index.html      # 主页面
├── style.css       # 样式文件 (2000+ 行)
├── script.js       # 交互脚本
└── README.md       # 说明文档

---

🚀 快速开始

本地运行

# 克隆仓库
git clone https://github.com/1837620622/ckstudio.git

# 进入目录
cd ckstudio

# 使用任意HTTP服务器运行
python3 -m http.server 8080
# 或
npx serve

在线访问

🔗 www.chuankangkk.top

---

📱 页面预览

功能模块

• 🏠 Hero - 主视觉区，含代码块装饰
• 📦 Works - 14个精选项目展示
• 👤 About - 个人信息卡片
• 📞 Contact - 联系方式（微信/邮箱/B站/GitHub）
• 🦶 Footer - 品牌区 + 导航 + 社交图标

---

📞 联系方式

---

📄 License

MIT License © 2025 Chuankang KK

---