/* 龙康环保官网 - 自定义样式 */

/* 动画定义 */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}

@keyframes wave {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@keyframes ticker {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

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

.wave-animation {
    animation: wave 25s linear infinite;
}

.wave-animation-slow {
    animation: wave 35s linear infinite;
}

.wave-animation-slower {
    animation: wave 45s linear infinite;
}

.ticker-animate {
    animation: ticker 30s linear infinite;
}

.ticker-animate:hover {
    animation-play-state: paused;
}

/* 淡入动画 */
.fade-in-up {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease-out;
}

.fade-in-up.visible {
    opacity: 1;
    transform: translateY(0);
}

/* 渐变文字 */
.gradient-text {
    background: linear-gradient(135deg, #0A7B6A 0%, #1E88E5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* 平滑滚动 */
html {
    scroll-behavior: smooth;
}

/* 新闻滚动条样式 */
.news-ticker::-webkit-scrollbar {
    display: none;
}
.news-ticker {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* 自定义颜色变量 */
:root {
    --brand-50: #E6F7F5;
    --brand-100: #CCEFEA;
    --brand-200: #99DFD5;
    --brand-300: #66CFBF;
    --brand-400: #33BFAA;
    --brand-500: #0A7B6A;
    --brand-600: #086258;
    --brand-700: #064941;
    --brand-800: #04312B;
    --brand-900: #021815;
    --brand-dark: #053B32;
    --water: #1E88E5;
    --water-light: #E3F2FD;
}

/* 响应式优化 */
@media (max-width: 640px) {
    .fade-in-up {
        transition: all 0.4s ease-out;
    }
}

/* 链接样式 */
a {
    text-decoration: none;
}

/* 图片优化 */
img {
    max-width: 100%;
    height: auto;
}

/* 表单焦点样式 */
input:focus,
textarea:focus,
select:focus {
    outline: none;
}

/* 按钮悬停效果 */
button {
    cursor: pointer;
}

/* 隐藏滚动条但保留功能 */
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}