style: 将首屏主标题改为品牌名称
This commit is contained in:
parent
f414bb140b
commit
ceff4f490e
49
oneinai.html
49
oneinai.html
@ -132,36 +132,14 @@
|
||||
}
|
||||
|
||||
.hero h1.hero-brand-title {
|
||||
max-width: 520px;
|
||||
margin-bottom: 24px;
|
||||
font-size: 0;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.hero-brand-title img {
|
||||
display: block;
|
||||
width: min(520px, 88vw);
|
||||
height: auto;
|
||||
filter: drop-shadow(0 16px 24px rgba(16, 24, 40, 0.12));
|
||||
}
|
||||
|
||||
.hero-slogan {
|
||||
max-width: 660px;
|
||||
margin: 0 0 26px;
|
||||
color: var(--ink);
|
||||
font-family: 'Noto Serif SC', 'Songti SC', 'STSong', serif;
|
||||
font-size: clamp(34px, 5vw, 68px);
|
||||
max-width: 760px;
|
||||
margin-bottom: 30px;
|
||||
color: #ff1d2d;
|
||||
font-family: 'Public Sans', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
|
||||
font-size: clamp(64px, 10vw, 148px);
|
||||
font-weight: 900;
|
||||
letter-spacing: 0;
|
||||
line-height: 1.04;
|
||||
}
|
||||
|
||||
.hero-slogan span {
|
||||
display: block;
|
||||
background: linear-gradient(100deg, var(--cyan) 0%, var(--red) 56%, var(--violet) 100%);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
line-height: 0.9;
|
||||
}
|
||||
|
||||
.hero-lead {
|
||||
@ -741,16 +719,6 @@
|
||||
font-size: clamp(48px, 14vw, 76px);
|
||||
}
|
||||
|
||||
.hero h1.hero-brand-title {
|
||||
margin-bottom: 20px;
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.hero-slogan {
|
||||
margin-bottom: 22px;
|
||||
font-size: clamp(34px, 10vw, 54px);
|
||||
}
|
||||
|
||||
.hero-lead {
|
||||
font-size: 15px;
|
||||
line-height: 1.78;
|
||||
@ -879,10 +847,7 @@
|
||||
<section class='hero'>
|
||||
<div class='hero-copy'>
|
||||
<div class='eyebrow'>ONEINAI / API</div>
|
||||
<h1 class='hero-brand-title'>
|
||||
<img src='https://minio.oneinai.com/oneinai/images/logo/oneinai(800x800).png' alt='ONEINAI Logo' loading='eager'>
|
||||
</h1>
|
||||
<p class='hero-slogan'>模型接入,<span>回到基础设施。</span></p>
|
||||
<h1 class='hero-brand-title'>ONEINAI</h1>
|
||||
<p class='hero-lead'><strong>一个入口,连接多种模型。</strong> 从请求转发、密钥管理到用量对账,把复杂的模型调用交给一套清晰、稳定、可追溯的基础设施。</p>
|
||||
<div class='hero-actions'>
|
||||
<a href='https://api.oneinai.com/register' target='_blank' rel='noopener' class='btn btn-primary'>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user