#leaf-toggle-container {
    position: fixed;
    bottom: 30px;
    left: 30px;
    width: 50px;
    height: 50px;
    z-index: 999;
    cursor: pointer;
    background-color: var(--color-wrap);
    color: var(--red-1);
    border-radius: 50%;
    box-shadow: 0 0 10px 4px var(--color-hover-shadow);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    transition: all 0.3s;
    user-select: none;
}

#leaf-toggle-container:hover {
    box-shadow: 0 0 15px 6px var(--color-hover-shadow);
    transform: translateY(-2px);
    color: var(--red-2);
}

.falling-leaf {
    position: fixed;
    top: -30px;
    pointer-events: none;
    z-index: -1;
    border-radius: 0 50% 0 50%;
    opacity: 0.7;
}

@keyframes fall {
    to {
        top: 105vh;
    }
}

@keyframes sway {
    from {
        transform: translateX(-40px) rotate(-30deg);
    }
    to {
        transform: translateX(40px) rotate(45deg);
    }
}

/* 卡片柔和渐变与阴影优化 (全方位毛玻璃效果) */

.article-inner, 
.post-wrap-left, 
.post-wrap-right, 
.widget-wrap, 
.sidebar-wrap, 
.archives-outer-wrap, 
#page-nav,
.friend-card-item,
#comments {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.45) 100%) !important;
    box-shadow: 0 8px 30px -4px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    transition: background 0.5s ease, box-shadow 0.5s ease, border 0.5s ease !important;
}

html[data-theme="dark"] .article-inner, 
html[data-theme="dark"] .post-wrap-left, 
html[data-theme="dark"] .post-wrap-right, 
html[data-theme="dark"] .widget-wrap, 
html[data-theme="dark"] .sidebar-wrap, 
html[data-theme="dark"] .archives-outer-wrap, 
html[data-theme="dark"] #page-nav,
html[data-theme="dark"] .friend-card-item,
html[data-theme="dark"] #comments {
    background: linear-gradient(135deg, rgba(40, 44, 48, 0.85) 0%, rgba(25, 27, 30, 0.5) 100%) !important;
    box-shadow: 0 8px 30px -4px rgba(0, 0, 0, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* --- Heading and Title Soft Color Tweaks --- */
.article-inner h1, .article-inner h2, .article-inner h3, .article-inner h4, .article-inner h5, .article-inner h6, 
.widget-title, 
.archive-year,
.post-article,
.post-article a,
.post-meta span {
    color: #434850 !important;
}

.article-title, 
.post-title {
    color: var(--red-1, #f27c38) !important;
}

html[data-theme="dark"] .article-inner h1, 
html[data-theme="dark"] .article-inner h2, 
html[data-theme="dark"] .article-inner h3, 
html[data-theme="dark"] .article-inner h4, 
html[data-theme="dark"] .article-inner h5, 
html[data-theme="dark"] .article-inner h6, 
html[data-theme="dark"] .widget-title, 
html[data-theme="dark"] .archive-year,
html[data-theme="dark"] .post-article,
html[data-theme="dark"] .post-article a,
html[data-theme="dark"] .post-meta span {
    color: #e5e9f0 !important;
}

html[data-theme="dark"] .article-title, 
html[data-theme="dark"] .post-title {
    color: #ff9852 !important;
}

/* Also soften regular text slightly for better contrast on frosted glass */
.article-entry p, 
.widget ul li a, 
.archive-article-title {
    color: #5a6270 !important;
    transition: color 0.5s ease !important;
}

html[data-theme="dark"] .article-entry p, 
html[data-theme="dark"] .widget ul li a, 
html[data-theme="dark"] .archive-article-title {
    color: #d8dee9 !important;
}