fix: 修复中文编码与首屏布局
This commit is contained in:
parent
cc04288d55
commit
3452b188fc
79
oneinai.html
79
oneinai.html
@ -145,7 +145,7 @@
|
|||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: minmax(0, 1.22fr) minmax(330px, 0.78fr);
|
grid-template-columns: minmax(0, 1.22fr) minmax(330px, 0.78fr);
|
||||||
gap: clamp(42px, 8vw, 130px);
|
gap: clamp(42px, 8vw, 130px);
|
||||||
align-items: end;
|
align-items: center;
|
||||||
min-height: min(790px, calc(100vh - 72px));
|
min-height: min(790px, calc(100vh - 72px));
|
||||||
padding: clamp(76px, 10vw, 136px) 0 clamp(92px, 12vw, 156px);
|
padding: clamp(76px, 10vw, 136px) 0 clamp(92px, 12vw, 156px);
|
||||||
border-bottom: 1px solid var(--line);
|
border-bottom: 1px solid var(--line);
|
||||||
@ -323,6 +323,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
|
padding-top: clamp(18px, 3vw, 42px);
|
||||||
padding-left: clamp(24px, 4vw, 58px);
|
padding-left: clamp(24px, 4vw, 58px);
|
||||||
border-left: 1px solid var(--line);
|
border-left: 1px solid var(--line);
|
||||||
animation: rise-in 720ms 120ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
|
animation: rise-in 720ms 120ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
|
||||||
@ -709,6 +710,8 @@
|
|||||||
|
|
||||||
.hero-proof {
|
.hero-proof {
|
||||||
max-width: 520px;
|
max-width: 520px;
|
||||||
|
margin-top: 0;
|
||||||
|
padding-top: 0;
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
border-left: 0;
|
border-left: 0;
|
||||||
}
|
}
|
||||||
@ -916,29 +919,29 @@
|
|||||||
<span class='brand-mark' aria-hidden='true'></span>
|
<span class='brand-mark' aria-hidden='true'></span>
|
||||||
<span>ONEINAI</span>
|
<span>ONEINAI</span>
|
||||||
</a>
|
</a>
|
||||||
<span class='masthead-note'>统一模型入口 / 面向生产环境</span>
|
<span class='masthead-note'>统一模型入口 / 面向生产环境</span>
|
||||||
<nav class='masthead-nav' aria-label='页面导航'>
|
<nav class='masthead-nav' aria-label='页面导航'>
|
||||||
<a href='#capability'>能力</a>
|
<a href='#capability'>能力</a>
|
||||||
<a href='#pricing'>计价</a>
|
<a href='#pricing'>计价</a>
|
||||||
<a href='#docs'>文档</a>
|
<a href='#docs'>文档</a>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<section class='hero'>
|
<section class='hero'>
|
||||||
<div class='hero-copy'>
|
<div class='hero-copy'>
|
||||||
<div class='eyebrow'>ONEINAI / API</div>
|
<div class='eyebrow'>ONEINAI / API</div>
|
||||||
<h1>模型接入，<span>回到基础设施。</span></h1>
|
<h1>模型接入，<span>回到基础设施。</span></h1>
|
||||||
<p class='hero-lead'><strong>一个入口，连接多种模型。</strong> 从请求转发、密钥管理到用量对账，把复杂的模型调用交给一套清晰、稳定、可追溯的基础设施。</p>
|
<p class='hero-lead'><strong>一个入口，连接多种模型。</strong> 从请求转发、密钥管理到用量对账，把复杂的模型调用交给一套清晰、稳定、可追溯的基础设施。</p>
|
||||||
<div class='hero-actions'>
|
<div class='hero-actions'>
|
||||||
<a href='https://api.oneinai.com/register' target='_blank' rel='noopener' class='btn btn-primary'>
|
<a href='https://api.oneinai.com/register' target='_blank' rel='noopener' class='btn btn-primary'>
|
||||||
<span>开始使用</span>
|
<span>开始使用</span>
|
||||||
<svg class='icon' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'>
|
<svg class='icon' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'>
|
||||||
<path d='M5 12h14'></path>
|
<path d='M5 12h14'></path>
|
||||||
<path d='m13 6 6 6-6 6'></path>
|
<path d='m13 6 6 6-6 6'></path>
|
||||||
</svg>
|
</svg>
|
||||||
</a>
|
</a>
|
||||||
<a href='https://www.oneinai.com/' target='_blank' rel='noopener' class='btn btn-secondary'>
|
<a href='https://www.oneinai.com/' target='_blank' rel='noopener' class='btn btn-secondary'>
|
||||||
<span>了解 ONEINAI</span>
|
<span>了解 ONEINAI</span>
|
||||||
<svg class='icon' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'>
|
<svg class='icon' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'>
|
||||||
<path d='M14 3h7v7'></path>
|
<path d='M14 3h7v7'></path>
|
||||||
<path d='M10 14 21 3'></path>
|
<path d='M10 14 21 3'></path>
|
||||||
@ -950,28 +953,28 @@
|
|||||||
<div class='trust-item'>
|
<div class='trust-item'>
|
||||||
<span class='trust-index'>01</span>
|
<span class='trust-index'>01</span>
|
||||||
<div>
|
<div>
|
||||||
<strong>一手正规渠道采购</strong>
|
<strong>一手正规渠道采购</strong>
|
||||||
<span>模型来源清晰，可追溯</span>
|
<span>模型来源清晰，可追溯</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class='trust-item'>
|
<div class='trust-item'>
|
||||||
<span class='trust-index'>02</span>
|
<span class='trust-index'>02</span>
|
||||||
<div>
|
<div>
|
||||||
<strong>1 CNY = 1 USD</strong>
|
<strong>1 CNY = 1 USD</strong>
|
||||||
<span>充值比例透明统一</span>
|
<span>充值比例透明统一</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class='hero-proof'>
|
<div class='hero-proof'>
|
||||||
<div class='proof-art' aria-label='ONEINAI 品牌标识'>
|
<div class='proof-art' aria-label='ONEINAI 品牌标识'>
|
||||||
<span class='proof-label'>ONEINAI / 2026</span>
|
<span class='proof-label'>ONEINAI / 2026</span>
|
||||||
<img src='https://minio.oneinai.com/oneinai/images/logo/oneinai(800x800).png' alt='ONEINAI Logo' loading='eager'>
|
<img src='https://minio.oneinai.com/oneinai/images/logo/oneinai(800x800).png' alt='ONEINAI Logo' loading='eager'>
|
||||||
</div>
|
</div>
|
||||||
<div class='proof-caption'>
|
<div class='proof-caption'>
|
||||||
<span class='proof-count'>01—03</span>
|
<span class='proof-count'>01—03</span>
|
||||||
<p><strong>同一套入口，三件事被放回秩序里：</strong>接入、计价、追踪。</p>
|
<p><strong>同一套入口，三件事被放回秩序里：</strong>接入、计价、追踪。</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
@ -979,29 +982,29 @@
|
|||||||
<section class='section' id='capability'>
|
<section class='section' id='capability'>
|
||||||
<div class='section-heading'>
|
<div class='section-heading'>
|
||||||
<div>
|
<div>
|
||||||
<div class='section-kicker'>能力 / 01</div>
|
<div class='section-kicker'>能力 / 01</div>
|
||||||
<h2 class='section-title'>把复杂调用，压缩成一个入口。</h2>
|
<h2 class='section-title'>把复杂调用，压缩成一个入口。</h2>
|
||||||
</div>
|
</div>
|
||||||
<p class='section-description'>从账户、额度、密钥到请求转发，ONEINAI 将分散的模型能力整理为一套更适合生产环境的调用路径。</p>
|
<p class='section-description'>从账户、额度、密钥到请求转发，ONEINAI 将分散的模型能力整理为一套更适合生产环境的调用路径。</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class='capability-list'>
|
<div class='capability-list'>
|
||||||
<article class='capability-row'>
|
<article class='capability-row'>
|
||||||
<span class='row-index'>01</span>
|
<span class='row-index'>01</span>
|
||||||
<h3 class='row-title'>全球边缘加速</h3>
|
<h3 class='row-title'>全球边缘加速</h3>
|
||||||
<p class='row-detail'>将请求路由至更近、更稳的线路，降低跨境调用中的抖动，让关键业务保持连续响应。</p>
|
<p class='row-detail'>将请求路由至更近、更稳的线路，降低跨境调用中的抖动，让关键业务保持连续响应。</p>
|
||||||
<span class='row-tag'>ROUTING</span>
|
<span class='row-tag'>ROUTING</span>
|
||||||
</article>
|
</article>
|
||||||
<article class='capability-row'>
|
<article class='capability-row'>
|
||||||
<span class='row-index'>02</span>
|
<span class='row-index'>02</span>
|
||||||
<h3 class='row-title'>透明成本控制</h3>
|
<h3 class='row-title'>透明成本控制</h3>
|
||||||
<p class='row-detail'>统一计价规则、清晰账单与用量记录，让模型预算可以被看见、被核对，也被持续规划。</p>
|
<p class='row-detail'>统一计价规则、清晰账单与用量记录，让模型预算可以被看见、被核对，也被持续规划。</p>
|
||||||
<span class='row-tag'>BILLING</span>
|
<span class='row-tag'>BILLING</span>
|
||||||
</article>
|
</article>
|
||||||
<article class='capability-row'>
|
<article class='capability-row'>
|
||||||
<span class='row-index'>03</span>
|
<span class='row-index'>03</span>
|
||||||
<h3 class='row-title'>企业级安全</h3>
|
<h3 class='row-title'>企业级安全</h3>
|
||||||
<p class='row-detail'>密钥分层管理、请求链路加密与服务状态监控，减少集成风险，支撑稳定上线。</p>
|
<p class='row-detail'>密钥分层管理、请求链路加密与服务状态监控，减少集成风险，支撑稳定上线。</p>
|
||||||
<span class='row-tag'>CONTROL</span>
|
<span class='row-tag'>CONTROL</span>
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
@ -1010,22 +1013,22 @@
|
|||||||
<section class='section pricing-section' id='pricing'>
|
<section class='section pricing-section' id='pricing'>
|
||||||
<div class='pricing-layout'>
|
<div class='pricing-layout'>
|
||||||
<div>
|
<div>
|
||||||
<div class='price-label'>计价规则 / 清晰可核对</div>
|
<div class='price-label'>计价规则 / 清晰可核对</div>
|
||||||
<div class='price-main'>1 CNY = 1 USD</div>
|
<div class='price-main'>1 CNY = 1 USD</div>
|
||||||
<p class='price-note'>充值按 <strong>1 CNY = 1 USD</strong> 统一计价；模型额度来自一手正规渠道采购，规则清晰，账单可核对。</p>
|
<p class='price-note'>充值按 <strong>1 CNY = 1 USD</strong> 统一计价；模型额度来自一手正规渠道采购，规则清晰，账单可核对。</p>
|
||||||
</div>
|
</div>
|
||||||
<div class='price-facts'>
|
<div class='price-facts'>
|
||||||
<div class='price-fact'>
|
<div class='price-fact'>
|
||||||
<strong>一手采购</strong>
|
<strong>一手采购</strong>
|
||||||
<span>模型来源清晰可追溯，方便企业核验。</span>
|
<span>模型来源清晰可追溯，方便企业核验。</span>
|
||||||
</div>
|
</div>
|
||||||
<div class='price-fact'>
|
<div class='price-fact'>
|
||||||
<strong>透明对账</strong>
|
<strong>透明对账</strong>
|
||||||
<span>统一计价规则，便于预算与用量管理。</span>
|
<span>统一计价规则，便于预算与用量管理。</span>
|
||||||
</div>
|
</div>
|
||||||
<div class='price-fact'>
|
<div class='price-fact'>
|
||||||
<strong>统一入口</strong>
|
<strong>统一入口</strong>
|
||||||
<span>接入路径保持一致，迁移成本更低。</span>
|
<span>接入路径保持一致，迁移成本更低。</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -1034,13 +1037,13 @@
|
|||||||
<section class='section docs-section' id='docs'>
|
<section class='section docs-section' id='docs'>
|
||||||
<div class='docs-panel'>
|
<div class='docs-panel'>
|
||||||
<div>
|
<div>
|
||||||
<div class='section-kicker'>文档 / 下一步</div>
|
<div class='section-kicker'>文档 / 下一步</div>
|
||||||
<h2 class='section-title'>从文档开始，<br>让系统开始工作。</h2>
|
<h2 class='section-title'>从文档开始，<br>让系统开始工作。</h2>
|
||||||
<p class='section-description'>查看模型接入、密钥配置、接口调用和迁移说明，快速完成 NewAPI 生产环境集成。</p>
|
<p class='section-description'>查看模型接入、密钥配置、接口调用和迁移说明，快速完成 NewAPI 生产环境集成。</p>
|
||||||
</div>
|
</div>
|
||||||
<a class='doc-link' href='https://docs.oneinai.com/' target='_blank' rel='noopener'>
|
<a class='doc-link' href='https://docs.oneinai.com/' target='_blank' rel='noopener'>
|
||||||
<span>
|
<span>
|
||||||
<small>文档地址</small>
|
<small>文档地址</small>
|
||||||
<span>docs.oneinai.com</span>
|
<span>docs.oneinai.com</span>
|
||||||
</span>
|
</span>
|
||||||
<svg class='icon' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'>
|
<svg class='icon' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' aria-hidden='true'>
|
||||||
@ -1052,7 +1055,7 @@
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<footer class='footer'>
|
<footer class='footer'>
|
||||||
<p>© 2026 ONEINAI Inc.</p>
|
<p>© 2026 ONEINAI Inc.</p>
|
||||||
<p>High-Performance API Infrastructure</p>
|
<p>High-Performance API Infrastructure</p>
|
||||||
</footer>
|
</footer>
|
||||||
</main>
|
</main>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user