/**
 * 子比主题四季自然飘落特效 - 前台样式
 * 面板配色全部使用子比主题的CSS变量（--main-bg-color等），
 * 主题切换日间/夜间模式时按钮自动跟随变色，无需额外代码
 */

/* ==================== 悬浮按钮 ==================== */

/* 集成到子比右侧悬浮栏的按钮（默认入口，自动继承主题悬浮栏样式） */
.float-right .znf-toggle-btn i {
    color: #6bbf7a;
    font-size: 1.15em;
}

/* 独立悬浮按钮：仅当子比右侧悬浮栏被关闭时的回退入口 */
.znf-button {
    box-sizing: content-box;
    position: fixed;
    bottom: 10vh;
    right: 2.5vw;
    height: 48px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    padding: 10px;
    z-index: 998;
    box-shadow: inset 10px 7px 8px 4px rgba(162, 217, 255, 0.5);
    border: 1px rgb(255, 255, 255) solid;
    cursor: pointer;
    transition: transform 0.2s;
}
.znf-button:hover {
    transform: scale(1.08);
}
.znf-button img {
    width: 48px;
    height: 48px;
    user-select: none;
    display: block;
}

/* ==================== 关闭状态（特效被游客关闭时） ==================== */
.float-right .znf-toggle-btn.znf-off,
.znf-button.znf-off {
    opacity: 0.45;
    filter: grayscale(1);
}