Pine
29 lines
1.7 KiB
HTML
29 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>OPC 培训 · 为进化而设计</title>
|
|
<meta name="description" content="三阶标准服务产品体系：引流诊断 · 线上标准服务 · 线下深度服务。诊断、陪跑、OPC 体系设计。" />
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet" />
|
|
<link href="https://db.onlinewebfonts.com/c/8cb707a9b8a73f8a7403336b861c3074?family=BubbledotICG-FinePos" rel="stylesheet" />
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
|
|
integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
|
|
crossorigin="anonymous" referrerpolicy="no-referrer" />
|
|
<style>
|
|
/* 首屏防白屏：CSS 未加载前即黑底；bundle 加载前给一个极简加载占位 */
|
|
html, body, #root { background: #000; }
|
|
#root { color: #fff; }
|
|
#boot { display: flex; align-items: center; justify-content: center; min-height: 100vh; color: #ffd28a; font-family: sans-serif; }
|
|
#boot::after { content: '加载中…'; animation: bootPulse 1.2s ease-in-out infinite; }
|
|
@keyframes bootPulse { 0%,100% { opacity: .35; } 50% { opacity: 1; } }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="root"><div id="boot"></div></div>
|
|
<script type="module" src="/src/main.jsx"></script>
|
|
</body>
|
|
</html>
|