模型介绍
内容详情
替代品
模型简介
这是一个未指定具体功能的模型展示页面，可能用于演示前端设计效果。
模型特点
精美的UI设计
页面展示了专业级的CSS样式和动画效果
响应式布局
适配不同屏幕尺寸的设备
视觉特效
包含多种动画和渐变效果
模型能力
前端展示
UI设计演示
使用案例
前端开发
模型展示页面
可作为模型展示页面的设计参考
提升用户体验和视觉吸引力
<!DOCTYPE html>
<style>
/* 基础样式 */
body {
font-family: 'Quicksand', sans-serif;
background: linear-gradient(135deg, #1a1a1a 0%, #2d1a12 100%);
color: #FFFFFF;
margin: 0;
padding: 0;
font-size: 16px;
min-height: 100vh;
}
.container {
margin: 40px auto;
background-color: rgba(26, 26, 26, 0.95);
padding: 40px;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(255, 69, 0, 0.4);
border: 1px solid rgba(255, 69, 0, 0.4);
outline: 1px solid rgba(255, 69, 0, 0.7);
outline-offset: -1px;
position: relative;
backdrop-filter: blur(10px);
overflow: hidden;
}
.container::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:
linear-gradient(45deg, transparent 48%, rgba(255, 69, 0, 0.08) 49%, rgba(255, 69, 0, 0.08) 51%, transparent 52%) 0 0/20px 20px,
linear-gradient(-45deg, transparent 48%, rgba(255, 69, 0, 0.08) 49%, rgba(255, 69, 0, 0.08) 51%, transparent 52%) 0 0/20px 20px,
linear-gradient(90deg, transparent 48%, rgba(255, 69, 0, 0.05) 49%, rgba(255, 69, 0, 0.05) 51%, transparent 52%) 0 0/40px 100%,
linear-gradient(0deg, transparent 48%, rgba(255, 69, 0, 0.05) 49%, rgba(255, 69, 0, 0.05) 51%, transparent 52%) 0 0/100% 40px;
pointer-events: none;
z-index: 0;
animation: patternShift 30s linear infinite;
}
@keyframes patternShift {
0% {
background-position:
0 0,
0 0;
}
100% {
background-position:
20px 20px,
20px 20px;
}
}
@media (max-width: 1280px) {
.container {
margin: 20px;
padding: 30px;
}
}
.container::before {
content: '';
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
border: 1px solid rgba(255, 69, 0, 0.98);
border-radius: 12px;
pointer-events: none;
animation: borderGlow 2s ease-in-out infinite;
}
@keyframes borderGlow {
0% {
box-shadow: 0 0 5px rgba(255, 69, 0, 0.98);
}
50% {
box-shadow: 0 0 20px rgba(255, 69, 0, 0.98);
}
100% {
box-shadow: 0 0 5px rgba(255, 69, 0, 0.98);
}
}
/* 排版样式 */
h1, h2, h3, h4 {
color: #FF4500;
text-shadow: 0 0 15px rgba(255, 69, 0, 0.4);
letter-spacing: 0.5px;
margin: 0 0 20px 0;
font-weight: 600;
}
h1 { font-size: 32px; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
p {
line-height: 1.6;
color: #E0E0E0;
margin: 0 0 15px 0;
}
/* 链接样式 */
a {
color: #FF6B35;
text-decoration: none;
transition: color 0.3s ease;
position: relative;
}
a:hover {
color: #FF4500;
}
a:hover::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 1px;
background: currentColor;
animation: linkUnderline 0.3s ease;
}
@keyframes linkUnderline {
from { transform: scaleX(0); }
to { transform: scaleX(1); }
}
/* 代码元素样式 */
pre {
background-color: rgba(20, 20, 20, 0.95);
padding: 15px;
border-radius: 4px;
overflow-x: auto;
border: 1px solid rgba(255, 69, 0, 0.3);
position: relative;
}
pre::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(45deg, transparent 48%, rgba(255, 69, 0, 0.1) 49%, rgba(255, 69, 0, 0.1) 51%, transparent 52%);
background-size: 10px 10px;
pointer-events: none;
}
code {
font-family: 'Courier New', monospace;
color: #E0E0E0;
}
/* 部分间距 */
.section-container {
margin: 40px 0;
position: relative;
}
.section-container::before {
content: '';
position: absolute;
top: -10px;
left: 0;
width: 50px;
height: 2px;
background: #FF4500;
transform: skewX(-20deg);
}
/* 支持部分 */
.support-section,
.benchmark-container,
.info-card,
.template-card,
.quantized-section,
.settings-card {
margin-top: 40px;
padding: 30px;
background: rgba(20, 20, 20, 0.95);
border: 1px solid rgba(255, 69, 0, 0.3);
border-radius: 4px;
position: relative;
overflow: hidden;
z-index: 1;
}
.support-section::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 100px;
height: 100px;
background: radial-gradient(circle at top right, rgba(255, 69, 0, 0.15), transparent 70%);
pointer-events: none;
}
/* 确保内容在几何图案之上 */
.model-info,
.metrics-section,
.section-container,
.support-buttons,
.model-composition,
.info-header,
.template-content,
.quantized-items {
position: relative;
z-index: 1;
}
.support-buttons {
display: flex;
gap: 15px;
flex-wrap: wrap;
position: relative;
z-index: 1;
}
/* 容器 */
.container {
max-width: 1200px;
margin: 0 auto;
padding: 40px 20px;
}
/* 头部 */
.header {
text-align: center;
margin-bottom: 40px;
position: relative;
}
.header::after {
content: '';
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%) skewX(-20deg);
width: 100px;
height: 2px;
background: #FF4500;
}
/* 信息部分 */
.info {
display: grid;
gap: 30px;
}
/* 横幅图片 */
.info img {
width: 100%;
height: auto;
border-radius: 4px;
border: 1px solid rgba(255, 69, 0, 0.3);
position: relative;
}
/* 创建者部分 */
.creator-section {
display: flex;
justify-content: flex-end;
margin: -20px 0 20px;
}
.creator-badge {
background: rgba(20, 20, 20, 0.95);
border: 1px solid rgba(255, 69, 0, 0.3);
border-radius: 4px;
padding: 8px 15px;
display: flex;
align-items: center;
gap: 10px;
position: relative;
overflow: hidden;
}
.creator-badge::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(45deg, transparent 48%, rgba(255, 69, 0, 0.05) 49%, rgba(255, 69, 0, 0.05) 51%, transparent 52%);
background-size: 10px 10px;
pointer-events: none;
}
.creator-label {
color: #E0E0E0;
font-size: 14px;
}
.creator-link {
display: flex;
align-items: center;
gap: 5px;
color: #FF6B35;
font-weight: 500;
}
.creator-name {
position: relative;
}
.creator-arrow {
font-size: 18px;
line-height: 1;
transform: translateY(1px);
}
/* 基准测试容器 */
.benchmark-container {
background: rgba(20, 20, 20, 0.95);
border: 1px solid rgba(255, 69, 0, 0.3);
border-radius: 4px;
padding: 20px;
position: relative;
overflow: hidden;
}
.benchmark-container::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 200px;
height: 200px;
background: radial-gradient(circle at top right, rgba(255, 69, 0, 0.1), transparent 70%);
pointer-events: none;
}
/* 详情元素样式 */
details {
margin: 15px 0;
}
summary {
cursor: pointer;
color: #FF6B35;
font-weight: 500;
margin-bottom: 15px;
position: relative;
padding-left: 20px;
}
summary::before {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 8px;
height: 2px;
background: #FF4500;
transform: translateY(-50%) skewX(-20deg);
}
summary::marker,
summary::-webkit-details-marker {
display: none;
}
/* 特别感谢部分 */
.special-thanks {
background: rgba(20, 20, 20, 0.95);
border: 1px solid rgba(255, 69, 0, 0.3);
border-radius: 4px;
padding: 20px;
margin: 20px 0;
position: relative;
}
.special-thanks h3 {
color: #FF6B35;
margin-bottom: 15px;
position: relative;
padding-left: 20px;
}
.special-thanks h3::before {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 8px;
height: 2px;
background: #FF4500;
transform: translateY(-50%) skewX(-20deg);
}
.thanks-list {
list-style: none;
padding: 0;
margin: 0;
display: grid;
gap: 10px;
}
.thanks-list li {
color: #E0E0E0;
padding-left: 15px;
position: relative;
}
.thanks-list li strong {
color: #FF6B35;
font-weight: 500;
}
.thanks-list li::before {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 6px;
height: 1px;
background: rgba(255, 69, 0, 0.5);
transform: translateY(-50%) skewX(-20deg);
}
.thanks-note {
margin-top: 15px;
color: #999;
font-style: italic;
font-size: 0.9em;
}
/* 响应式调整 */
@media (max-width: 768px) {
.container {
padding: 20px;
}
.core-metrics-grid,
.info-grid {
grid-template-columns: 1fr;
}
.creator-section {Phi 2 GGUF
其他
Phi-2是微软开发的一个小型但强大的语言模型，具有27亿参数，专注于高效推理和高质量文本生成。
大型语言模型
支持多种语言
P
TheBloke
41.5M
205
Roberta Large
MIT
基于掩码语言建模目标预训练的大型英语语言模型，采用改进的BERT训练方法
大型语言模型
英语
R
FacebookAI
19.4M
212
Distilbert Base Uncased
Apache-2.0
DistilBERT是BERT基础模型的蒸馏版本，在保持相近性能的同时更轻量高效，适用于序列分类、标记分类等自然语言处理任务。
大型语言模型
英语
D
distilbert
11.1M
669
Llama 3.1 8B Instruct GGUF
Meta Llama 3.1 8B Instruct 是一个多语言大语言模型，针对多语言对话用例进行了优化，在常见的行业基准测试中表现优异。
大型语言模型
英语
L
modularai
9.7M
4
Xlm Roberta Base
MIT
XLM-RoBERTa是基于100种语言的2.5TB过滤CommonCrawl数据预训练的多语言模型，采用掩码语言建模目标进行训练。
大型语言模型
支持多种语言
X
FacebookAI
9.6M
664
Roberta Base
MIT
基于Transformer架构的英语预训练模型，通过掩码语言建模目标在海量文本上训练，支持文本特征提取和下游任务微调
大型语言模型
英语
R
FacebookAI
9.3M
488
Opt 125m
其他
OPT是由Meta AI发布的开放预训练Transformer语言模型套件，参数量从1.25亿到1750亿，旨在对标GPT-3系列性能，同时促进大规模语言模型的开放研究。
大型语言模型
英语
O
facebook
6.3M
198
Llama 3.1 8B Instruct
Llama 3.1是Meta推出的多语言大语言模型系列，包含8B、70B和405B参数规模，支持8种语言和代码生成，优化了多语言对话场景。
大型语言模型
Transformers
Transformers 支持多种语言
L
meta-llama
5.7M
3,898
T5 Base
Apache-2.0
T5基础版是由Google开发的文本到文本转换Transformer模型，参数规模2.2亿，支持多语言NLP任务。
大型语言模型
支持多种语言
T
google-t5
5.4M
702
Xlm Roberta Large
MIT
XLM-RoBERTa是基于100种语言的2.5TB过滤CommonCrawl数据预训练的多语言模型，采用掩码语言建模目标进行训练。
大型语言模型
支持多种语言
X
FacebookAI
5.3M
431
精选推荐AI模型
Llama 3 Typhoon V1.5x 8b Instruct
专为泰语设计的80亿参数指令模型，性能媲美GPT-3.5-turbo，优化了应用场景、检索增强生成、受限生成和推理任务
大型语言模型 Transformers
Transformers 支持多种语言
L
scb10x
3,269
16
Cadet Tiny
Openrail
Cadet-Tiny是一个基于SODA数据集训练的超小型对话模型，专为边缘设备推理设计，体积仅为Cosmo-3B模型的2%左右。
对话系统 Transformers
Transformers 英语
C
ToddGoldfarb
2,691
6
Roberta Base Chinese Extractive Qa
基于RoBERTa架构的中文抽取式问答模型，适用于从给定文本中提取答案的任务。
问答系统
中文
R
uer
2,694
98
%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20none;%20}%20.st1%20{%20fill:%20%235ce6cf;%20}%20.st2%20{%20fill:%20%230080ff;%20}%20.st3%20{%20clip-path:%20url(%23clippath);%20}%20%3c/style%3e%3cclipPath%20id='clippath'%3e%3crect%20class='st0'%20y='0'%20width='120'%20height='32'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20class='st3'%3e%3cg%3e%3cpath%20class='st1'%20d='M22.4,32H3.2c-1,0-2-.5-2.6-1.4-.6-.9-.7-2-.4-2.9L9.8,2.1C10.3.8,11.5,0,12.8,0s2.5.8,3,2.1l9.6,25.6c.4,1,.2,2.1-.4,2.9-.6.9-1.6,1.4-2.6,1.4ZM7.8,25.6h10l-5-13.3-5,13.3Z'/%3e%3cpath%20class='st2'%20d='M33.6,32c-1.3,0-2.5-.8-3-2.1L21,4.3c-.6-1.7.2-3.5,1.9-4.1,1.7-.6,3.5.2,4.1,1.9l9.6,25.6c.6,1.7-.2,3.5-1.9,4.1-.4.1-.8.2-1.1.2h0Z'/%3e%3cpath%20d='M71.8,9.1h-6.9v4.6h6.9c2.5,0,4.6,2,4.6,4.6h-6.9c-3.8,0-6.9,3.1-6.9,6.9s3.1,6.9,6.9,6.9h2.3c1.7,0,3.2-.4,4.6-1.2v1.2h4.6v-13.7c0-5-4.1-9.1-9.1-9.1h0ZM71.8,27.4h-2.3c-1.3,0-2.3-1-2.3-2.3s1-2.3,2.3-2.3h6.9c0,2.5-2,4.6-4.6,4.6h0Z'/%3e%3cpath%20d='M52.3,9.1h-4.6V0h-4.6V32h9.1c5,0,9.1-4.1,9.1-9.1v-4.6c0-5.1-4.1-9.1-9.1-9.1h0ZM56.9,22.9c0,2.5-2,4.6-4.6,4.6h-4.6v-13.7h4.6c2.5,0,4.6,2,4.6,4.6v4.6h0Z'/%3e%3cpath%20d='M110.9,13.7h9.1v-4.6h-9.1c-5.1,0-9.1,4.1-9.1,9.1v4.6c0,5.1,4.1,9.1,9.1,9.1h9.1v-4.6h-9.1c-2.5,0-4.6-2-4.6-4.6h13.7v-4.6h-13.7c0-2.5,2-4.6,4.6-4.6h0Z'/%3e%3cpath%20d='M93.6,18.3h-4.6c-1.3,0-2.3-1-2.3-2.3s1-2.3,2.3-2.3h10.3v-4.6h-10.3c-3.8,0-6.9,3.1-6.9,6.9s3.1,6.9,6.9,6.9h4.6c1.3,0,2.3,1,2.3,2.3s-1,2.3-2.3,2.3h-10.3v4.6h10.3c3.8,0,6.9-3.1,6.9-6.9s-3.1-6.9-6.9-6.9Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
AIbase是一个专注于MCP服务的平台，为AI开发者提供高质量的模型上下文协议服务，助力AI应用开发。
简体中文