<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Megalium Creative | Coming Soon</title>
<style>
/* 引入一个优雅的现代字体 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap');
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Inter', -apple-system, sans-serif;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
/* 深邃的午夜色渐变 */
background: radial-gradient(circle at center, #1a202c 0%, #0d1117 100%);
color: #ffffff;
overflow: hidden;
}
/* 装饰性的动态背景微光 */
body::before {
content: "";
position: absolute;
width: 150%;
height: 150%;
background: radial-gradient(circle, rgba(99, 102, 241, 0.05) 0%, transparent 50%);
animation: drift 20s infinite linear;
z-index: 0;
}
@keyframes drift {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.container {
position: relative;
z-index: 1;
text-align: center;
max-width: 600px;
padding: 2rem;
}
.logo-text {
font-size: 2.5rem;
font-weight: 600;
letter-spacing: -1px;
margin-bottom: 0.5rem;
background: linear-gradient(135deg, #fff 0%, #a5b4fc 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.tagline {
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 4px;
color: #94a3b8;
margin-bottom: 3rem;
font-weight: 300;
}
.main-message {
font-size: 1.25rem;
line-height: 1.6;
color: #cbd5e1;
margin-bottom: 3rem;
font-weight: 300;
}
/* 装饰线条 */
.line {
height: 1px;
width: 40px;
background: #4f46e5;
margin: 0 auto 2.5rem auto;
}
/* 联系方式区域 */
.contact-box {
background: rgba(255, 255, 255, 0.03);
border: 1px border rgba(255, 255, 255, 0.1);
padding: 1.5rem;
border-radius: 12px;
backdrop-filter: blur(10px);
}
.contact-label {
display: block;
font-size: 0.75rem;
text-transform: uppercase;
color: #6366f1;
margin-bottom: 0.5rem;
font-weight: 600;
letter-spacing: 1px;
}
.email-link {
color: #ffffff;
text-decoration: none;
font-size: 1.1rem;
font-weight: 400;
transition: all 0.3s ease;
border-bottom: 1px solid transparent;
}
.email-link:hover {
color: #818cf8;
border-bottom: 1px solid #818cf8;
}
/* 响应式调整 */
@media (max-width: 480px) {
.logo-text { font-size: 2rem; }
.main-message { font-size: 1.1rem; }
}
</style>
</head>
<body>
<div class="container">
<h1 class="logo-text">Megalium Creative</h1>
<p class="tagline">Enterprise Corp.</p>
<div class="line"></div>
<p class="main-message">
Our new digital experience is currently under construction.<br>
We are crafting something exceptional for you.
</p>
<div class="contact-box">
<span class="contact-label">Get in Touch</span>
<a href="mailto:hello@megaliumcreative.com" class="email-link">hello@megaliumcreative.com</a>
</div>
</div>
</body>
</html>