/* ============================================
   GLASS EFFECT + RAINDROP
   v1.2.0 - 提高优先级，强制覆盖主题默认样式
   ============================================ */

/* --- HEADER 毛玻璃 --- */
.header {
    background: rgba(255,255,255,0.72) !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    box-shadow: 0 4px 30px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.6) !important;
    border-bottom: 1px solid rgba(255,255,255,0.35) !important;
}

/* --- 夜间模式 HEADER --- */
body.night .header,
body.theme-night .header,
[data-theme="night"] .header {
    background: linear-gradient(135deg,
        rgba(80,60,120,0.35),
        rgba(60,80,140,0.35),
        rgba(80,120,100,0.35)) !important;
    backdrop-filter: blur(28px) saturate(200%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(200%) !important;
    animation: rainbowShift 60s linear infinite !important;
}

@keyframes rainbowShift {
    0%   { filter: hue-rotate(0deg); }
    100% { filter: hue-rotate(360deg); }
}

/* --- 分类/归档页 BANNER 雨珠玻璃 --- */
body.archive .banner-archive,
body.category .banner-archive,
.banner-archive {
    background: rgba(255,255,255,0.08) !important;
    background-image: none !important;
    backdrop-filter: blur(20px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.5) !important;
    position: relative;
    overflow: hidden;
}
.banner-archive::before {
    content: '';
    position: absolute; top:0; left:0; right:0; bottom:0;
    background:
        radial-gradient(circle at 20% 40%, rgba(255,255,255,0.2) 0%, transparent 50%),
        radial-gradient(circle at 80% 60%, rgba(200,220,255,0.15) 0%, transparent 40%);
    pointer-events: none;
    z-index: 0;
}
.banner-archive .archive-title,
.banner-archive h1 {
    position: relative; z-index:1;
    color: #fff !important;
    text-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
    font-weight: 600 !important;
}

/* --- 文章卡片 毛玻璃 --- */
.posts.grids .post,
.posts.lists .post {
    background: rgba(255,255,255,0.8) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255,255,255,0.5) !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 16px rgba(0,0,0,0.06) !important;
    transition: all 0.3s ease !important;
}
.posts.grids .post:hover,
.posts.lists .post:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important;
    transform: translateY(-2px);
}

/* --- 用户中心 雨珠玻璃背景 --- */
body.page-template-user .main {
    background: transparent !important;
    position: relative;
}
body.page-template-user .main::before {
    content: '';
    position: fixed;
    top:0; left:0; width:100%; height:100%;
    background:
        radial-gradient(circle at 10% 20%, rgba(100,180,255,0.12) 0%, transparent 40%),
        radial-gradient(circle at 90% 30%, rgba(150,100,255,0.1) 0%, transparent 45%),
        radial-gradient(circle at 50% 80%, rgba(100,255,200,0.08) 0%, transparent 50%);
    pointer-events: none;
    z-index: 0;
    animation: raindropShift 20s ease-in-out infinite alternate;
}
@keyframes raindropShift {
    0%   { opacity:0.5; filter: hue-rotate(0deg); }
    100% { opacity:0.9; filter: hue-rotate(30deg); }
}

/* --- 用户中心内容区 毛玻璃 --- */
body.page-template-user .container-user {
    position: relative; z-index:1;
    background: rgba(255,255,255,0.7) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid rgba(255,255,255,0.5) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.7) !important;
    padding: 24px !important;
    margin-top: 20px !important;
}

/* --- 用户侧边栏 毛玻璃 --- */
body.page-template-user .userside {
    background: rgba(255,255,255,0.75) !important;
    backdrop-filter: blur(16px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
    border: 1px solid rgba(255,255,255,0.45) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important;
    overflow: hidden;
}

/* --- 雨珠容器（raindrop.js 动态创建）--- */
.raindrop-container {
    position: fixed !important;
    top:0; left:0; width:100%; height:100%;
    pointer-events: none !important;
    z-index: 0 !important;
    overflow: hidden !important;
}

/* --- TEXTURE 切换 --- */
.header.texture-bumpy::after {
    content: '';
    position: absolute; top:0; left:0; right:0; bottom:0;
    background:
        radial-gradient(circle at 15% 25%, rgba(255,255,255,0.18) 0%, transparent 50%),
        radial-gradient(circle at 85% 75%, rgba(255,255,255,0.12) 0%, transparent 40%);
    pointer-events: none; z-index: 0;
}
.header.texture-ripple::after {
    content: '';
    position: absolute; top:0; left:0; right:0; bottom:0;
    background: repeating-radial-gradient(circle at 50% 50%, transparent 0px, rgba(255,255,255,0.04) 2px, transparent 4px);
    pointer-events: none; z-index: 0;
}

/* --- 鼠标拖尾 canvas --- */
#mouse-trail-canvas {
    position: fixed !important;
    top:0; left:0; width:100%; height:100%;
    pointer-events: none !important;
    z-index: 999999 !important;
}