/* =========================================================
   济南壹软网络科技 - 博客园专属科技风 CSS 特效 (类Apple高级质感)
   ========================================================= */

/* 1. 极致纤细的无感滚动条 (类 macOS 体验) */
::-webkit-scrollbar {
    width: 6px;  /* 稍微改细，显得更精致 */
    height: 6px;
}
::-webkit-scrollbar-track {
    background: transparent; /* 轨道透明，页面更干净 */
}
::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.15); /* 使用半透明黑灰，更百搭 */
    border-radius: 10px;
    transition: background 0.3s ease;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.3); /* 悬浮加深，克制且专业 */
}

/* 2. 全局平滑滚动体验 */
html {
    scroll-behavior: smooth;
}

/* 3. 侧边栏及卡片悬浮浮起特效 (多层弥散阴影，更具空间感) */
#sidebar_news > div, 
div[itemtype="https://schema.org/LocalBusiness"] {
    /* 使用更平滑的缓动曲线，去掉生硬的弹簧感 */
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
    will-change: transform, box-shadow; /* 开启硬件加速，提升渲染性能 */
}
#sidebar_news > div:hover, 
div[itemtype="https://schema.org/LocalBusiness"]:hover {
    transform: translateY(-4px); /* 上浮幅度微调，更稳重 */
    /* 核心：采用双层阴影叠加，底层做环境光，上层做投影，质感瞬间提升 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04), 0 12px 24px rgba(0, 113, 227, 0.08) !important;
    border-color: rgba(0, 113, 227, 0.15) !important;
}

/* 4. GEO 关键词标签交互特效 (微悬浮与柔和高亮) */
span[style*="#e8f4fd"], 
span[style*="rgba(0,113,227,0.08)"] { /* 兼容新旧版标签底色 */
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer;
    display: inline-block;
}
span[style*="#e8f4fd"]:hover, 
span[style*="rgba(0,113,227,0.08)"]:hover {
    background: #0071e3 !important; /* 统一使用官网主题蓝 */
    color: #ffffff !important;
    /* 去掉 scale 放大（放大易导致文字发虚排版抖动），改为轻微上浮加阴影 */
    box-shadow: 0 4px 10px rgba(0, 113, 227, 0.25);
    transform: translateY(-2px);
}

/* 5. 博客文章标题“动态下划线”填充特效 (克制的交互) */
.postTitle a, .entrylistPosttitle a {
    position: relative;
    text-decoration: none !important;
    color: #1d1d1f; /* 苹果系深空灰字体，比纯黑更有质感 */
    transition: color 0.3s ease;
}
.postTitle a::after, .entrylistPosttitle a::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: #0071e3;
    transform-origin: bottom right;
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); /* 更跟手的动画曲线 */
}
.postTitle a:hover::after, .entrylistPosttitle a:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}
.postTitle a:hover, .entrylistPosttitle a:hover {
    color: #0071e3;
}

/* 6. 页首毛玻璃通栏鼠标滑过特效 (纯粹的质感过渡) */
div[style*="backdrop-filter"] {
    transition: background 0.4s ease, border-bottom-color 0.4s ease;
}
div[style*="backdrop-filter"]:hover {
    background: rgba(255, 255, 255, 0.85) !important;
    border-bottom-color: rgba(0, 0, 0, 0.08) !important;
}