/* 走起官网独立核心层样式 styles.css */

.glass-header {
    background: rgba(244, 248, 245, 0.85);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(95, 168, 119, 0.1);
}

.hero-banner {
    background: linear-gradient(to bottom, rgba(45, 91, 58, 0.72) 0%, rgba(244, 248, 245, 1) 98%), 
                url('https://images.unsplash.com/photo-1448375240586-882707db888b?q=80&w=1920&auto=format&fit=crop') center/cover no-repeat;
}

.text-gradient-green {
    background: linear-gradient(135deg, #2D5B3A 0%, #5FA877 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-grid-ambient {
    background-image: 
        linear-gradient(rgba(95, 168, 119, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(95, 168, 119, 0.04) 1px, transparent 1px);
    background-size: 40px 40px;
}

.tech-shadow {
    box-shadow: 0 10px 40px -10px rgba(95, 168, 119, 0.1);
}

.tech-shadow:hover {
    box-shadow: 0 20px 50px -5px rgba(95, 168, 119, 0.18);
}

.interactive-glow-border {
    border: 1px solid rgba(95, 168, 119, 0.12);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.interactive-glow-border:hover {
    border-color: rgba(95, 168, 119, 0.4);
    box-shadow: 0 0 20px rgba(95, 168, 119, 0.08);
}

/* 微信/相机扫码Portal层缩放进入动画 */
@keyframes scaleIn {
    0% { transform: scale(.92); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}

.animate-scale-in {
    animation: scaleIn .22s cubic-bezier(.16, 1, .3, 1);
}

/* 备案底链样式 */
.beian-link {
    display: inline-flex;       
    align-items: center;        
    color: #718096;            
    text-decoration: none;      
}

.beian-link:hover {
    color: #2D5B3A;
}

.beian-icon {
    height: 1.1em;                
    margin-right: 4px;          
    flex-shrink: 0;             
}

/* 自定义浏览器滚动条 */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #F4F8F5;
}

::-webkit-scrollbar-thumb {
    background: #CBE2CC;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #9FCF9A;
}
