赞助商列表
<div class="sponsor-wrapper"><h2 class="sponsor-title">合作伙伴 · Sponsor</h2>
<div class="sponsor-grid">
<!-- 跃数ACG助手 -->
<div class="sponsor-card">
<a href="https://ai.yongsoul.cn" target="_blank" class="sponsor-logo">
<img src="https://ycoo.net/guanggao/1810337061840883712.png" alt="跃数ACG助手">
</a>
<div class="sponsor-info">
<h3>跃数ACG助手</h3>
<p>赞助一台cmin2线路G口服务器一年,提升论坛访问速度。</p>
<a href="https://ai.yongsoul.cn" target="_blank" class="sponsor-btn">访问官网</a>
</div>
</div>
<!-- 语鹿云CDN -->
<div class="sponsor-card">
<a href="https://www.lucdn.cn?utm_source=ycoo.net" target="_blank" class="sponsor-logo">
<img src="https://ycoo.net/guanggao/logo%20(1).png" alt="语鹿云CDN">
</a>
<div class="sponsor-info">
<h3>语鹿云CDN</h3>
<p>提供全球节点加速,保障论坛高速稳定访问。</p>
<a href="https://www.lucdn.cn?utm_source=ycoo.net" target="_blank" class="sponsor-btn">访问官网</a>
</div>
</div>
<!-- 招商占位卡片 -->
<div class="sponsor-card sponsor-placeholder">
<div class="sponsor-logo">
<span>招商位</span>
</div>
<div class="sponsor-info">
<h3>虚位以待</h3>
<p>招商赞助位,如需赞助可在本贴下评论</p>
</div>
</div>
</div>
<!-- 以下样式保持不变 -->
<style>
:root{
--btn-bg:#444;
--btn-hover:#222;
--radius:10px;
--shadow:0 1px 6px rgba(0,0,0,.05);
--shadow-hover:0 4px 16px rgba(0,0,0,.1);
--text:#333;
--text-light:#666;
--bg:#fff;
}
.sponsor-wrapper{max-width:1100px;margin:0 auto;padding:30px 12px;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--text);}
.sponsor-title{text-align:center;font-size:clamp(22px,2.8vw,30px);font-weight:700;margin-bottom:28px;}
.sponsor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;}
.sponsor-card{background:var(--bg);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .25s,box-shadow .25s;}
.sponsor-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);}
.sponsor-logo{display:block;height:80px;background:#fafafa;text-align:center;}
.sponsor-logo img{height:100%;width:auto;max-width:100%;object-fit:contain;}
.sponsor-info{padding:14px;text-align:center;}
.sponsor-info h3{font-size:16px;font-weight:600;margin:0 0 6px;}
.sponsor-info p{font-size:13px;color:var(--text-light);line-height:1.4;margin:0 0 12px;height:36px;overflow:hidden;}
.sponsor-btn{display:inline-block;padding:4px 16px;border-radius:999px;background:var(--btn-bg);color:#fff !important;font-size:12px;text-decoration:none !important;transition:background .3s;}
.sponsor-btn:hover{background:var(--btn-hover);}
.sponsor-placeholder{
border:2px dashed #ccc;
background:#fafafa;
color:#999;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
.sponsor-placeholder .sponsor-logo{
background:transparent;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
font-weight:bold;
color:#bbb;
}
.sponsor-placeholder .sponsor-info{padding:10px 14px;}
.sponsor-placeholder h3{font-size:15px;margin:0 0 4px;color:#888;}
.sponsor-placeholder p{font-size:12px;color:#aaa;height:auto;}
@media(max-width:600px){
.sponsor-wrapper{padding:20px 8px;}
.sponsor-title{margin-bottom:20px;}
.sponsor-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;}
.sponsor-card{border-radius:8px;}
.sponsor-logo{height:60px;}
.sponsor-info{padding:10px;}
.sponsor-info h3{font-size:14px;margin-bottom:4px;}
.sponsor-info p{font-size:12px;height:32px;}
.sponsor-btn{padding:3px 12px;font-size:11px;}
}
</style>
</div>
真好 里面有些功能好像可以用来协助写源 ai工具吗? 真好 居然是linuxdo佬友。可惜现在注册没福利了。
页:
[1]