:root{--c1:#ff9f45;--c2:#ff4d8d;--g:linear-gradient(100deg,#ff9f45,#ff4d8d 46%,#b249f8);--gt:linear-gradient(100deg,#FF1CF7,#b249f8);--r:14px;--q:9px;--p:999px;--bg:#fff4e8;--s0:#fffdfb;--s1:#fffdfb;--s2:#fff5ea;--s3:#ffe8d4;--bd:rgba(120,60,20,.13);--mut:#8a6950;--sh:0 12px 30px -16px rgba(120,60,20,.3)}body.dark-layout{--text-color:#f5e7d7;--link-color:#e0c9b1;--link-hover-color:#fffaf4;--bg-main-color:#33210f;--bg-sub-color:#402a17;--glass-color:rgba(255,180,87,.1);--main-color:#ff9f45;--sub-color:#ffb457;--bg:#1a0e07;--s0:#693d10;--s1:#33210f;--s2:#402a17;--s3:#503620;--bd:rgba(255,190,110,.2);--mut:#e0c0a0;--sh:0 14px 40px -18px #000}body{font-family:"PingFang SC","Noto Sans SC",system-ui,sans-serif;font-size:14px;line-height:1.65;color:var(--text-color)}body.bg1,body.bg2,.dark-layout.bg1,.dark-layout.bg2{background-color:var(--bg);background-attachment:fixed;background-image:radial-gradient(900px 520px at 6% -10%,rgba(255,159,69,.3),transparent 62%),radial-gradient(780px 500px at 96% 4%,rgba(178,73,248,.22),transparent 62%)}a{text-decoration:none}::selection{background:var(--c2);color:#fff}.nsk-container{width:min(1300px,100% - 28px);max-width:1300px;margin-inline:auto;box-sizing:border-box}#nsk-head .site-title .title-text,.author-name{background:var(--gt);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}header{background-color:color-mix(in srgb,var(--s1) 78%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--bd);box-shadow:none;& .site-title{font-size:19px;font-weight:800}& .beta-icon{top:-9px;padding:1px 6px;font-size:9px;font-weight:700;color:#fff;background:var(--g);border-radius:var(--p)}& #search-site2{height:30px!important;padding:0 30px 0 11px;color:var(--text-color);background:var(--s2);border:1px solid var(--bd);border-radius:var(--p);outline:none}}.nav-menu{& li>a{padding:5px 11px;border-radius:var(--q);font-size:13.5px;font-weight:600;color:var(--link-color)}& li>a:hover{color:var(--link-hover-color);background:var(--glass-color)}& .right-button-group{border-left:1px solid var(--bd)}& .meta-button{background-color:var(--s3)!important;border-radius:var(--q)}}#nsk-body,.dark-layout #nsk-body{padding:22px 26px;margin-top:20px;gap:22px;background-color:var(--s0);border:1px solid var(--bd);border-radius:18px;box-shadow:var(--sh)}#nsk-body-left{padding-right:0}#nsk-left-panel-container{display:none}#nsk-right-panel-container{flex:0 0 250px;padding-left:20px;border-left:1px solid var(--bd);& .category-list{display:block}& .nsk-panel{padding:12px 14px;margin-bottom:14px;color:var(--link-color);background:var(--s2);border:1px solid var(--bd);border-radius:var(--r);box-shadow:none!important}& h4{margin:0 0 8px;padding-left:10px;font-size:13px;color:var(--text-color);border-left:3px solid var(--c1)}}#nsk-body-left{& .post-list-controler{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--bd)}& .sorter{margin:0;padding:3px;background:var(--s2);border:1px solid var(--bd);border-radius:var(--p)}& .sorter>a{padding:3px 13px;font-size:12.5px;font-weight:600;color:var(--mut);background:transparent;border-radius:var(--p)}& .sorter>a.selected{color:#fff;background:var(--g)}& .post-list .post-list-item{padding:11px 13px;margin-bottom:6px;gap:12px;align-items:flex-start;border:1px solid transparent;border-bottom:1px solid var(--bd);border-radius:var(--r);transition:all .2s;&::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:var(--p);background:var(--g);opacity:0}&:hover{background:var(--s2);transform:translateY(-1px);box-shadow:var(--sh)}&:hover::before{opacity:1}& .post-list-content{margin-left:0;flex:1;min-width:0}& .post-title{font-size:15px;font-weight:600;line-height:1.5;padding-right:92px}& .post-title a{color:var(--text-color)}& .post-title a:hover{color:var(--c1)}& .post-info{margin-top:5px;font-size:11.5px;color:var(--mut)}& .post-info a{color:var(--mut)}& .post-category{right:12px;bottom:11px;height:19px;line-height:19px;padding:0 9px;font-size:11px;font-weight:600;color:var(--mut);background:color-mix(in srgb,currentColor 15%,transparent);border:1px solid color-mix(in srgb,currentColor 42%,transparent);border-radius:var(--p);box-shadow:none}}}.post-category,.nav-menu li>a,.category-list a{&[href$="/daily"]{color:#9ad2ff!important}&[href$="/tech"]{color:#d6b8ff!important}&[href$="/info"]{color:#ffaccb!important}&[href$="/review"]{color:#7ce3cd!important}&[href$="/trade"]{color:#ffd45e!important}&[href$="/carpool"]{color:#ffb18e!important}&[href$="/promotion"]{color:#c0cedb!important}&[href$="/dev"]{color:#a6e3af!important}&[href$="/life"]{color:#ffbfe2!important}&[href$="/photo-share"]{color:#f7bcff!important}&[href$="/expose"]{color:#ffa194!important}&[href$="/inside"]{color:#e8cfa6!important}&[href$="/sandbox"]{color:#9aeee8!important}}.category-list a{display:flex;align-items:center;gap:6px}.category-list a svg{fill:currentColor}.avatar-normal,.dark-layout .avatar-normal{width:38px;height:38px;border-radius:11px;border:1px solid var(--bd);box-shadow:none}.nsk-pager{& .pager-pos,& .pager-next,& .pager-prev{min-width:26px;height:26px;line-height:24px;color:var(--mut);background:var(--s2);border:1px solid var(--bd);border-radius:var(--q)}& .pager-cur{color:#fff!important;background:var(--g)!important}}@keyframes nf{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}a.new-discussion{display:flex;align-items:center;justify-content:center;width:100%;height:36px;margin-bottom:14px;font-weight:700;color:#fff;border:0;border-radius:var(--p);background:linear-gradient(120deg,#ffdb3b 8%,#FE53BB 38%,#8F51EA 66%,#0044ff 94%);background-size:300% 300%;animation:nf 9s ease infinite}.btn,.dark-layout .btn{height:32px;line-height:30px;padding:0 16px;color:#fff;border:0;border-radius:var(--q);background:var(--g)!important}.nsk-post{& .post-title h1{margin:0 0 16px;padding-bottom:14px;font-size:24px;font-weight:800;border-bottom:1px solid var(--bd)}& .post-title-link{color:var(--text-color)}& .post-title-link:hover{color:var(--c1)}}.nsk-post-wrapper .content-item{padding:14px 2px;margin:0;background:none;border:0;border-bottom:1px solid var(--bd);border-radius:0}.nsk-post>.content-item{padding:16px 18px;margin-bottom:16px;background:var(--s2);border:1px solid var(--bd);border-left:3px solid var(--c1);border-radius:var(--r)}.nsk-content-meta-info .is-poster{color:#fff;background:var(--g);border:0}.post-content,.dark-layout .post-content{font-size:14.5px;line-height:1.78;color:var(--text-color);word-break:break-word;& a{color:var(--c1)}& a:hover{color:#d58cff}& h2,& hr{border-bottom:1px solid var(--bd)!important}& h2{color:var(--c1)}& h3,& h4,& h5,& h6{color:var(--text-color)!important}& img{max-width:100%;margin:1rem 0;border-radius:var(--r);border:1px solid var(--bd);box-shadow:none}& img.sticker{margin:0;border:0}& code{color:#ffb457;background:rgba(255,180,87,.12)!important;border:1px solid rgba(255,180,87,.24)!important;border-radius:6px}& pre{background:var(--s3)!important;border:1px solid var(--bd)!important;border-radius:var(--r)}& pre code{background:transparent!important;border:0!important}& blockquote{color:var(--mut);background:var(--glass-color)!important;border-left:3px solid var(--c1)!important}}@media screen and (max-width:768px){.nsk-container{width:100%;padding-inline:10px}#nsk-body,.dark-layout #nsk-body{padding:14px 12px;margin-top:10px;border-radius:var(--r)}#nsk-body-left .post-list .post-list-item{padding:10px;& .post-title{font-size:14.5px;padding-right:0}& .post-category{position:static;display:inline-block;margin-top:6px}}.mobile-nav,.dark-layout .mobile-nav{background:var(--s1);border:1px solid var(--bd);border-radius:var(--r)}}
使用链接:https://www.nodeseek.com/setting#extend
@wnn #1 @jjaibb #2 楼上
我给你补个预览,需要简单版 的 可以看看我的
大佬发发预览图
来个预览
@小满 #5 不错
不错BD