/**
 * 动态用户按钮样式
 * 解决页面缓存问题
 */

/* 初始隐藏状态 */
.user-login-required {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

/* 显示状态 */
.user-login-required:not([style*="display: none"]) {
    opacity: 1;
}

/* 确保隐藏时不占用空间 */
.user-login-required.hidden,
.user-login-required[style*="display: none"] {
    display: none !important;
}