css *{margin:0;padding:0;box-sizing:border-box} :root{ --bg:#0b0f1a;--card:rgba(255,255,255,.04);--border:rgba(160,180,220,.12); --txt1:#e8edf5;--txt2:#9aa8c1;--main:#5fb0ff;--sub:#9c8cff;--grad:linear-gradient(135deg,#5fb0ff,#9c8cff);} body{background:var(--bg);font-family:'PingFang SC','Microsoft YaHei',sans-serif;color:var(--txt1);line-height:1.5;-webkit-font-smoothing:antialiased} a{text-decoration:none;color:inherit} ul,ol,li{list-style:none} .container{max-width:1280px;margin:0 auto;padding:0 18px} .header{position:sticky;top:0;z-index:100;background:rgba(11,15,26,.85);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)} .header__inner{display:flex;align-items:center;height:66px;gap:18px} .logo{font-size:26px;font-weight:800;letter-spacing:1px;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap} .search-box{flex:1;max-width:520px;display:flex;align-items:center;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:40px;padding:4px 6px 4px 18px;transition:border-color .3s} .search-box:focus-within{border-color:var(--main)} .search-box input{flex:1;background:transparent;border:none;outline:none;color:var(--txt1);font-size:14px;min-width:60px} .search-box button{flex-shrink:0;width:38px;height:32px;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px} .hot-tags{display:flex;gap:12px;margin:9px 0 4px} .hot-tags a{font-size:12px;color:var(--txt2);transition:color .2s} .nav-links{display:flex;gap:20px;margin-top:20px;margin-bottom:10px;flex-wrap:wrap} .nav-links a{font-size:13px;color:var(--txt2);transition:color .2s} .main{padding:18px 0 40px} .hero{display:grid;grid-template-columns:1fr;gap:16px} .banner{position:relative;border-radius:16px;overflow:hidden;height:260px} .banner__img{width:100%;height:100%;object-fit:cover;display:block} .banner__mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,20,.65),transparent)} .banner__content{position:absolute;left:0;bottom:18px;padding:0 24px;max-width:80%} .banner__tag{display:inline-block;background:var(--grad);border-radius:20px;padding:3px 12px;font-size:12px;margin-bottom:8px;color:#fff} .banner h2{font-size:26px;margin-bottom:4px} .banner p{font-size:14px;color:#c6d3ec} .hero-side{display:flex;flex-direction:column;gap:14px} .stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px} .stat-item{background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:14px;padding:14px;text-align:center;transition:transform .25s} .stat-item b{display:block;font-size:22px;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800} .stat-item i{font-size:12px;color:var(--txt2);font-style:normal} .section{margin-top:32px} .section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px} .section-head h2{font-size:20px;position:relative;padding-left:14px} .section-head h2::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:18px;background:var(--main);border-radius:4px} .more{font-size:13px;color:var(--main);transition:opacity .2s} .card{background:var(--card);border:1px solid var(--border);border-radius:16px} .pad{padding:18px} .recommend-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px} .recommend-card{position:relative;border-radius:14px;overflow:hidden;display:block;background:rgba(255,255,255,.04);border:1px solid var(--border);transition:transform .3s,box-shadow .3s} .recommend-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.35)} .recommend-thumb{position:relative;padding-top:62%;overflow:hidden} .recommend-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s} .recommend-card:hover .recommend-thumb img{transform:scale(1.06)} .recommend-info{padding:10px 12px 12px} .recommend-info h3{font-size:15px;margin-bottom:2px} .recommend-info p{font-size:12px;color:var(--txt2);line-height:1.4} .grid-cat{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px} .cat-card{background:rgba(255,255,255,.035);border:1px solid var(--border);border-radius:16px;padding:16px} .cat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px} .cat-header h3{font-size:17px;display:flex;align-items:center;gap:8px} .cat-header h3 i{color:var(--main)} .cat-header span{font-size:13px;color:var(--txt2)} .cat-list{display:grid;grid-template-columns:repeat(1,1fr);gap:4px} .site-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;transition:background .2s} .site-item:hover{background:rgba(255,255,255,.06)} .site-item img{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;font-size:17px;color:var(--main)} .site-item .site-meta{flex:1;min-width:0} .site-item .site-meta strong{display:block;font-size:14px;color:var(--txt1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .site-item .site-meta em{font-style:normal;font-size:12px;color:var(--txt2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px} .tool-item{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:14px;padding:14px;transition:all .25s} .tool-item:hover{border-color:var(--main)} .tool-item i{font-size:24px;color:var(--main);width:38px;height:38px;border-radius:10px;background:rgba(95,176,255,.12);display:flex;align-items:center;justify-content:center} .tool-item b{display:block;font-size:15px} .tool-item span{font-size:12px;color:var(--txt2)} .news-list{display:grid;grid-template-columns:1fr;gap:4px} .news-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed rgba(255,255,255,.06);font-size:14px;gap:10px} .news-item:last-child{border-bottom:none} .news-item a{color:var(--txt1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .news-item time{white-space:nowrap;font-size:12px;color:var(--txt2)} .faq-grid{display:grid;grid-template-columns:1fr;gap:6px;margin-top:10px} .faq-col{display:flex;flex-direction:column;gap:0} details{background:rgba(255,255,255,.035);border:1px solid var(--border);border-radius:10px;margin-bottom:8px;transition:border-color .2s} summary{cursor:pointer;padding:11px 14px;font-size:13px;font-weight:500;color:var(--txt1);display:flex;justify-content:space-between;align-items:center;gap:8px;border-radius:10px;list-style:none} summary::-webkit-details-marker{display:none} summary i{color:var(--main);font-size:15px;flex-shrink:0} details p{font-size:12px;color:var(--txt2);line-height:1.6} details[open] summary{border-bottom:1px solid var(--border);border-radius:10px 10px 0 0} .link-tags{display:flex;flex-wrap:wrap;gap:10px} .link-tags a{background:rgba(255,255,255,.05);padding:6px 14px;border-radius:20px;font-size:13px;transition:all .2s;} .footer{border-top:1px solid var(--border);padding:24px 0 30px;background:rgba(0,0,0,.2);text-align:center;margin-top:28px} .footer a{color:var(--txt2);font-size:13px;transition:color .2s} .footer p{color:#3d4b66;font-size:13px;margin-top:6px} .back-top{position:fixed;right:20px;bottom:30px;font-size:24px;background:rgba(80,110,255,.2);border:1px solid var(--border);width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;transition:all .2s;z-index:99} @media(min-width:640px){ .tool-grid{grid-template-columns:repeat(2,1fr)} } @media(min-width:768px){ .hero{grid-template-columns:1.6fr 1fr} .banner{height:300px} .cat-list{grid-template-columns:repeat(2,1fr)} .news-item a{ font-size:13px; } } @media(max-width:640px){ .recommend-grid{grid-template-columns:1fr} .section-head h2{font-size:18px} .section-head{margin-bottom:14px} .header__inner{height:58px} .banner__content h2{font-size:20px} }
``` ```

强推平台

更多推荐

设计灵感

查看全部

开发者资源

更多

效率工具

全部

热点快讯

RSS

常见问题

帮助中心
Q1 如何提交我的网站?

点击首页「我要收录」按钮,根据提示填写网站名称、网址和简要描述,提交即可。

Q2 提交后多久能通过审核?

通常1~3个工作日,您可以登录后进入「个人中心」查看实时进度。

Q3 可以修改已提交的信息吗?

可以,在「我的提交」页面点击编辑,修改后保存即可。每次修改都会进入人工审核。

Q4 如何成为本站的推荐位?

建议您定期发布高质量内容,并保持站点稳定可访问,我们会根据用户行为进行推荐。

Q5 网站平台的数据多久更新一次?

我们会不定期进行自动抓取,并及时同步各频道的快照与权重数据。

Q6 移动端可正常使用吗?

可以,您可以访问 m.example.com 或者直接访问响应式网站,显示效果同样出色。

Q7 可以给我增加频道吗?

可以,我们支持自定义频道,请联系管理员开通站点预留权限。

Q8 如何申请广告位?

请发送邮件到 ad@example.com,我们将为您提供详细广告合作案。

Q9 广告位如何收费?

详情请咨询广告合作,我们将为您保留指定位置的黄金展示位。

Q10 如何投诉不良信息?

您可通过网警举报入口向我们反映,我们将在24小时内处理。

Q11 数据异常怎么办?

若显示异常,请先清理浏览器缓存,或更换Chrome等现代浏览器重试。

Q12 支持多语言吗?

目前支持简体中文、英文与日文,其他语种将陆续开放。

Q13 我发布的站点被删除了?

可能是违反了收录规则,建议阅读《用户协议》中的对应条款,如有误判可申诉。

Q14 如何取消提交?

在个人中心 -> 我提交的 -> 撤销即可。撤销后长期有效。

Q15 收录需要费用吗?

基础收录完全免费!我们不提供任何付费收录服务,请勿轻信任何刷排名工具。

Q16 收录后为什么搜不到?

数据同步可能需要1~2天,请耐心等待。若过期仍未显示,可联系客服处理。

Q17 为什么图片不显示?

该站点可能限制了外链,可将图片上传至 OSS 等图床后在网页中正常预览。

Q18 我该如何利用标签分类?

可在编辑器右侧维护标签,有助于用户快速找到目标内容,提高点击率。

Q19 如何更快获得首页推荐?

内容优质、原创度高、页面打开速度快的站点会更容易被小程序收录。

Q20 还有其他问题?

请添加QQ群:9527 0000 或发送邮件至 support@example.com

友情链接

友链申请