/* styles.css */

/* ---------------------------------- */
/* 基础样式和全局变量 */
/* ---------------------------------- */
body {
    background-color: #0B1026;
    color: white;
    overflow-x: hidden;
}

/* ---------------------------------- */
/* 核心设计组件样式 */
/* ---------------------------------- */

/* 模拟液体流动的背景光效 */
.liquid-bg {
    background: radial-gradient(circle at 50% 50%, rgba(0, 86, 210, 0.15) 0%, rgba(11, 16, 38, 0) 50%);
}

/* 磨砂玻璃（Glassmorphism）效果 */
.glass-panel {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

/* 橙色悬停发光效果 */
.orange-glow:hover {
    box-shadow: 0 0 20px rgba(255, 107, 0, 0.4);
}


/* ---------------------------------- */
/* 关键动画定义 */
/* ---------------------------------- */

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

/* 应用动画的 CSS 类 */
.animate-float {
    animation: float 6s ease-in-out infinite;
}


.form-input {
    @apply w-full p-3 rounded-lg bg-glass text-white border border-white/10  
    focus:outline-none focus:ring-2 focus:ring-techBlue transition duration-200;
    
}