2026-06-20 00:34:26 +08:00
|
|
|
<!DOCTYPE html>
|
2026-06-19 23:50:40 +08:00
|
|
|
<html lang="en">
|
2026-06-20 00:34:26 +08:00
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
|
<title>koring-launcher</title>
|
|
|
|
|
<style>
|
2026-06-20 22:15:59 +08:00
|
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
|
|
|
html, body, #root { width: 100%; height: 100%; overflow: hidden; font-family: system-ui, -apple-system, sans-serif; }
|
|
|
|
|
.container { width: 100%; height: 100%; display: flex; flex-direction: column; background: #ffffff; transition: background 0.3s; }
|
|
|
|
|
.logo-area { flex: 1; display: flex; align-items: center; justify-content: center; }
|
|
|
|
|
.logo-area img { width: 260px; height: auto; animation: fadeIn 0.6s ease-out; }
|
|
|
|
|
.bottom-bar { display: flex; align-items: center; justify-content: space-between; padding: 0 24px 16px; font-size: 12px; color: #888888; }
|
|
|
|
|
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
|
2026-06-20 00:34:26 +08:00
|
|
|
@media (prefers-color-scheme: dark) {
|
2026-06-20 22:15:59 +08:00
|
|
|
.container { background: #1a1a2e; }
|
|
|
|
|
.logo-area img { filter: invert(1); }
|
2026-06-20 00:34:26 +08:00
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="root">
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="logo-area">
|
2026-06-28 03:37:07 +08:00
|
|
|
<img src="./koring-licon.svg" alt="Koring Launcher" />
|
2026-06-20 00:34:26 +08:00
|
|
|
</div>
|
|
|
|
|
<div class="bottom-bar">
|
2026-06-20 22:15:59 +08:00
|
|
|
<span>Provided by Koring Studio</span>
|
|
|
|
|
<span>© Lingke</span>
|
2026-06-20 00:34:26 +08:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
2026-06-19 23:50:40 +08:00
|
|
|
</html>
|
