/* ========================================
   78code.net 子比主题美化优化 v3
   精简版 - 零 transition 干扰 View Transition API
   更新时间: 2026-07-07
   ======================================== */

/*--- 1. 彩色滚动条 ---*/
::-webkit-scrollbar{width:7px;height:1px}
::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff6b6b,#feca57,#48dbfb,#ff9ff3,#54a0ff);border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ee5a24,#f0932b,#6c5ce7,#fd79a8,#0984e3)}
::-webkit-scrollbar-track{background:rgba(0,0,0,0.05);border-radius:10px}
body.dark-theme ::-webkit-scrollbar-track{background:rgba(255,255,255,0.06)}

/*--- 2. 文章卡片悬停上浮 ---*/
@media screen and (min-width:980px){
    .tab-content .posts-item:not(article){transition:transform .3s ease,box-shadow .3s ease}
    .tab-content .posts-item:not(article):hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,.12)}
}
body.dark-theme .tab-content .posts-item:not(article):hover{box-shadow:0 12px 24px rgba(0,0,0,.4)}

/*--- 3. Logo 扫光动画 ---*/
.navbar-brand img{-webkit-mask:linear-gradient(-75deg,rgba(0,0,0,.6) 30%,#000 50%,rgba(0,0,0,.6) 70%) right/300% 100%;animation:logoShine 3s infinite}
@keyframes logoShine{100%{mask-position:left}}

/*--- 4. 头像悬停旋转 ---*/
.avatar{border-radius:50%;transition:transform .5s ease,box-shadow .5s ease}
.avatar:hover{transform:scale(1.15) rotate(360deg);box-shadow:0 0 20px rgba(0,123,255,.5)}

/*--- 5. 标签彩色（仅日间） ---*/
.article-tags a{padding:4px 12px;font-size:12px;border-radius:3px;display:inline-block;margin:0 6px 6px 0}
body:not(.dark-theme) .article-tags a:nth-child(5n){background-color:#4A4A4A;color:#fff}
body:not(.dark-theme) .article-tags a:nth-child(5n+1){background-color:#ff5e5c;color:#fff}
body:not(.dark-theme) .article-tags a:nth-child(5n+2){background-color:#ffbb50;color:#fff}
body:not(.dark-theme) .article-tags a:nth-child(5n+3){background-color:#1ac756;color:#fff}
body:not(.dark-theme) .article-tags a:nth-child(5n+4){background-color:#19B5FE;color:#fff}
body:not(.dark-theme) .article-tags a:hover{background-color:#1B1B1B!important}
/* 标签悬停上浮（不影响颜色过渡） */
body .article-tags a:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}
body.dark-theme .article-tags a:hover{box-shadow:0 4px 8px rgba(0,0,0,.3)}

/*--- 6. 导航加粗 ---*/
ul.nav{font-weight:700}

/*--- 7. 搜索框圆角 ---*/
.navbar-search .search-input{border-radius:20px}

/*--- 8. 按钮圆角 + 悬停 ---*/
.btn,button,.but,input[type="submit"]{border-radius:6px}
.btn:hover,button:hover,.but:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.1)}
body.dark-theme .btn:hover,body.dark-theme button:hover,body.dark-theme .but:hover{box-shadow:0 6px 12px rgba(0,0,0,.3)}

/*--- 9. 文章标题美化 ---*/
.wp-posts-content h2{border-left:4px solid var(--main-color);padding-left:14px;margin:24px 0 16px}
.wp-posts-content h3{padding-left:10px;margin:20px 0 12px;position:relative}
.wp-posts-content h3::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:18px;background:var(--main-color);border-radius:2px}

/*--- 10. 卡片圆角 ---*/
.card,.posts-item,.widget,.comment-body{border-radius:10px}

/*--- 11. 图片悬停放大 ---*/
.wp-posts-content img,.posts-item .item-thumbnail img{transition:transform .5s ease}
.wp-posts-content img:hover,.posts-item .item-thumbnail:hover img{transform:scale(1.03)}

/*--- 12. 返回顶部按钮 ---*/
.float-right .gotop{border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}
.float-right .gotop:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(102,126,234,.5);color:#fff}

/*--- 13. 分页按钮 ---*/
.pagination .page-numbers{border-radius:6px}
.pagination .page-numbers.current{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}