Pine
31 lines
1.6 KiB
HTML
31 lines
1.6 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="icon" href="/logo.png" />
|
|
|
|
<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: #f7f7f7; }
|
|
#root { color: #08304c; }
|
|
#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>
|