d1c9a4a5dd
## 主要改进 - index.html：引入设计系统样式文件 - package.json：添加 playwright 依赖用于测试 - ParadigmSelectorModal.vue：添加"新建范式"按钮 - 其他组件：更新以支持自定义范式功能 ## 技术改进 - 统一设计 token 和组件样式 - 完善范式选择和创建流程 Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
36 lines
1.7 KiB
HTML
36 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>AI 写作工坊 - 结构化生成工具</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
|
|
<!-- 设计系统样式 -->
|
|
<link rel="stylesheet" href="/src/styles/design-tokens.css">
|
|
<link rel="stylesheet" href="/src/styles/components.css">
|
|
<link rel="stylesheet" href="/src/styles/utilities.css">
|
|
|
|
<style>
|
|
/* 自定义滚动条样式，适配深色主题 */
|
|
::-webkit-scrollbar { width: 8px; height: 8px; }
|
|
::-webkit-scrollbar-track { background: #1e293b; }
|
|
::-webkit-scrollbar-thumb { background: #475569; border-radius: 4px; }
|
|
::-webkit-scrollbar-thumb:hover { background: #64748b; }
|
|
|
|
/* Markdown 内容样式覆盖 */
|
|
.prose h1, .prose h2, .prose h3 { color: #e2e8f0; margin-top: 1.5em; margin-bottom: 0.8em; }
|
|
.prose p { margin-bottom: 1.2em; line-height: 1.75; color: #cbd5e1; }
|
|
.prose ul { list-style-type: disc; padding-left: 1.5em; margin-bottom: 1.2em; color: #cbd5e1; }
|
|
.prose strong { color: #60a5fa; font-weight: 600; }
|
|
.prose blockquote { border-left-color: #3b82f6; background: #1e293b; padding: 0.5rem 1rem; font-style: italic; }
|
|
.prose code { background: #334155; padding: 0.2em 0.4em; border-radius: 4px; font-size: 0.9em; color: #f8fafc; }
|
|
|
|
[v-cloak] { display: none; }
|
|
</style>
|
|
</head>
|
|
<body class="bg-slate-900 text-slate-200 h-screen overflow-hidden font-sans">
|
|
<div id="app"></div>
|
|
<script type="module" src="/src/main.js"></script>
|
|
</body>
|
|
</html> |