/* 全局科技风底色 + 字体 */
body {
    background-color: #0a0e17 !important;
    background-image: radial-gradient(circle at 50% 50%, #101b2e 0%, #0a0e17 70%) !important;
    color: #c5e0ff !important;
    font-family: "Microsoft YaHei", Consolas, monospace !important;
}

/* 顶部导航栏 磨砂科技风 */
#navList {
    background: rgba(15, 30, 55, 0.75) !important;
    backdrop-filter: blur(8px) !important;
    border-bottom: 1px solid rgba(0, 180, 255, 0.3) !important;
    box-shadow: 0 2px 15px rgba(0, 150, 255, 0.2) !important;
}

#navList a {
    color: #87ceff !important;
}

#navList a:hover {
    color: #00d8ff !important;
    text-shadow: 0 0 8px #00d8ff !important;
}

/* 主内容区 磨砂发光卡片 */
#mainContent {
    background: rgba(12, 22, 40, 0.65) !important;
    border: 1px solid rgba(0, 180, 255, 0.25) !important;
    border-radius: 12px !important;
    box-shadow: 0 0 25px rgba(0, 140, 255, 0.15) !important;
}

/* 侧边栏 科技磨砂美化 */
#sideBar {
    background: rgba(12, 22, 40, 0.65) !important;
    border: 1px solid rgba(0, 180, 255, 0.25) !important;
    border-radius: 12px !important;
    box-shadow: 0 0 20px rgba(0, 140, 255, 0.12) !important;
}

#sideBar h3 {
    color: #00d8ff !important;
    border-left: 3px solid #00a8ff !important;
}

/* 文章标题 发光科技蓝 */
.postTitle a {
    color: #4fc3f7 !important;
}

.postTitle a:hover {
    color: #00e5ff !important;
    text-shadow: 0 0 10px #00bfff !important;
}

/* 文章正文文字颜色 */
.postBody {
    color: #d0e8ff !important;
    line-height: 1.8 !important;
}

/* 代码块 暗黑科技风格 */
.postBody pre {
    background: #0f1a2d !important;
    border: 1px solid rgba(0, 180, 255, 0.3) !important;
    border-radius: 8px !important;
    color: #66d9ff !important;
}

/* 科技风自定义滚动条 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #0a0e17;
}
::-webkit-scrollbar-thumb {
    background: #0077cc;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #00a8ff;
}

/* 隐藏所有广告、无用模块 */
.ad_text_commentbox, .cnblogs_ad, .advertising, #under_post_card1, #under_post_card2 {
    display: none !important;
}

/* 链接悬浮发光 */
a {
    transition: all 0.3s ease;
}
a:hover {
    color: #00e5ff !important;
    text-shadow: 0 0 6px rgba(0, 200, 255, 0.6) !important;
}

/* 移动端适配 */
@media screen and (max-width:768px) {
    #mainContent, #sideBar {
        width: 96% !important;
        margin: 10px auto !important;
    }
}