【分享】更新论坛骚骚主题

移动端：





本次采用官方方式，pc以及移动端通用

背景图采用api接口

源码：

/* ==========================================================================

   NodeSeek 官方专属 - v13.0 精准修复渐变边框版

   ========================================================================== */



/* 1. 基础背景 (仅改变全站背景，不干扰字体) */

body, body.bg1, body.light-layout {

    background-image: 

        linear-gradient(160deg, rgba(255, 214, 236, 0.25) 0%, rgba(196, 209, 255, 0.25) 100%),

        url('https://api.paugram.com/wallpaper/?category=anime') !important;

    background-attachment: fixed !important;

    background-size: cover !important;

    background-position: center !important;

    background-color: #f3e9f7 !important;

}



/* 2. 顶部导航栏 */

header, nav, #header, .header {

    background: rgba(255, 255, 255, 0.9) !important;

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;

}



/* 3. 主体大框架 */

#nsk-frame, #nsk-body, .nsk-container, div[class*="nsk-"] {

    background: transparent !important;

}



/* 4. 置顶轮播容器 */

.topic-carousel-wrapper,

div[class*="carousel-wrapper"],

.topic-carousel-panel {

    overflow: visible !important;

    padding-bottom: 8px !important;

    padding-right: 4px !important;

    margin-bottom: 6px !important;

}



.carousel-mask {

    display: none !important;

}



/* 5. 首页帖子列表项卡片 (带圆角粉紫渐变边框) */

.post-list-item,

.topic-carousel-item,

ul.discussion-list > li,

div[class*="post-item"] {

    background: 

        linear-gradient(rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.92)) padding-box,

        linear-gradient(135deg, rgba(255, 182, 224, 0.8), rgba(180, 200, 255, 0.8)) border-box !important;

    border: 1px solid transparent !important;

    border-radius: 12px !important;

    box-shadow: 0 4px 12px rgba(180, 150, 190, 0.1) !important;

    transition: all 0.2s ease !important;

    box-sizing: border-box !important;

}



.post-list-item:hover,

.topic-carousel-item:hover,

ul.discussion-list > li:hover {

    transform: translateY(-2px) !important;

    background: 

        linear-gradient(rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.98)) padding-box,

        linear-gradient(135deg, rgba(255, 120, 190, 0.9), rgba(140, 170, 255, 0.9)) border-box !important;

    border: 1px solid transparent !important;

    box-shadow: 0 6px 16px rgba(255, 150, 200, 0.2) !important;

}



/* 6. 📱 帖子详情页与评论卡片 (保留圆角渐变边框，排除 comment-menu) */

.post-content,

.post-detail,

.comment-item,

.comment-list-item,

.reply-item,

.reply-list-item,

div[class*="comment"]:not(.comment-menu),

div[class*="reply"],

div[class*="post-detail"],

.post-item-content,

div[class*="content-card"] {

    background: 

        linear-gradient(rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.94)) padding-box,

        linear-gradient(135deg, rgba(255, 182, 224, 0.8), rgba(180, 200, 255, 0.8)) border-box !important;

    border: 1px solid transparent !important;

    border-radius: 12px !important;

    box-shadow: 0 4px 14px rgba(150, 120, 170, 0.1) !important;

    padding: 12px 14px !important;

    margin-bottom: 10px !important;

}



/* 🎯【精准去除】只针对引用与回复栏 (div.comment-menu) 移除背景和边框 */

.comment-menu,

div.comment-menu {

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;

    padding: 0 !important;

    margin-bottom: 0 !important;

}



/* 7. 📱 移动端排版适配 */

@media (max-width: 768px) {

    .topic-carousel-wrapper {

        padding-bottom: 4px !important;

    }

    .post-list-item,

    .topic-carousel-item {

        margin-bottom: 6px !important;

        padding: 10px 12px !important;

        border-radius: 10px !important;

    }

    .post-content,

    .comment-item,

    div[class*="comment"]:not(.comment-menu),

    div[class*="reply"] {

        padding: 12px !important;

        margin-bottom: 8px !important;

    }

    body, body.bg1, body.light-layout {

        background-image: 

            linear-gradient(160deg, rgba(255, 214, 236, 0.25) 0%, rgba(196, 209, 255, 0.25) 100%),

            url('https://www.loliapi.com/acg/pe/') !important;

    }

}



/* 8. 右侧个人信息面板 (带渐变边框) */

#nsk-body-right,

.side-bar,

.user-card,

div[class*="panel"],

div[class*="widget"] {

    background: 

        linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)) padding-box,

        linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 200, 230, 0.6)) border-box !important;

    border: 1px solid transparent !important;

    border-radius: 12px !important;

    box-shadow: 0 4px 12px rgba(100, 80, 120, 0.06) !important;

}



/* 9. 头像微动动画 */

img.avatar, .avatar, img[class*="avatar"] {

    border-radius: 50% !important;

    border: 2px solid #ffffff !important;

    box-shadow: 0 2px 8px rgba(255, 154, 208, 0.3) !important;

    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;

}



img.avatar:hover, .avatar:hover, img[class*="avatar"]:hover {

    transform: rotate(12deg) scale(1.1) !important;

}



/* 10. 滚动条美化 */

::-webkit-scrollbar { width: 6px !important; }

::-webkit-scrollbar-thumb {

    background: linear-gradient(180deg, #ffb6d5, #b3c4ff) !important;

    border-radius: 8px !important;

}