/**
 * BASE.MBA 公共 CSS 样式
 */

/* 文本渐变效果 */
.text-gradient {
    background: linear-gradient(135deg, #0078FF 0%, #6CE0EB 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* 浮动动画 */
.floating {
    animation: float 6s ease-in-out infinite;
}

@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
    100% { transform: translateY(0px); }
}

/* 标签页切换动画 */
.tab-content {
    transition: opacity 0.3s ease-in-out;
}

.hidden-tab {
    display: none;
    opacity: 0;
}

.active-tab {
    display: block;
    opacity: 1;
}

/* 玻璃面板效果 */
.glass-panel {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* 模糊渐变底部 */
.blur-fade-bottom {
    mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
}

/* 响应式工具类 */
@media (max-width: 768px) {
    .mobile-hidden {
        display: none !important;
    }
}