/* HiBetter 主站样式文件 */

/* 基础样式 */
body {
    font-family: 'Inter', sans-serif;
    background: linear-gradient(135deg, #0f0f0f 0%, #1a1a2e 50%, #16213e 100%);
}

/* 渐变文字效果 */
.gradient-text {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* 卡片悬停效果 */
.card-hover {
    transition: all 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(102, 126, 234, 0.25);
}

/* 服务卡片样式 */
.service-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* 工具卡片样式 */
.tool-card {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    transition: all 0.3s ease;
}

.tool-card:hover {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(102, 126, 234, 0.5);
    transform: translateY(-5px);
}

/* 英雄区域背景 */
.hero-bg {
    background: linear-gradient(rgba(15, 15, 15, 0.8), rgba(26, 26, 46, 0.8)),
                radial-gradient(circle at 20% 50%, rgba(102, 126, 234, 0.3) 0%, transparent 50%),
                radial-gradient(circle at 80% 20%, rgba(118, 75, 162, 0.3) 0%, transparent 50%);
}

/* 个人资料区域样式 */
.profile-section {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* 浮动按钮样式 */
.floating-btn {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 50;
}

/* Logo样式 */
.logo-img {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* 确保logo在深色背景上显示正常 */
header img[src*="logo2.png"],
footer img[src*="logo2.png"] {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 4px;
}

/* 全局logo样式覆盖 */
img[src*="logo2.png"] {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    filter: none !important;
}

/* 确保所有logo相关元素都没有边框 */
.logo-img,
img[src*="logo2.png"],
header img[src*="logo2.png"],
footer img[src*="logo2.png"] {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    filter: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .floating-btn {
        bottom: 1rem;
        right: 1rem;
    }
}

/* 打印样式 */
@media print {
    .floating-btn {
        display: none !important;
    }
    
    body {
        background: white !important;
        color: black !important;
    }
    
    .gradient-text {
        color: #667eea !important;
        -webkit-text-fill-color: #667eea !important;
    }
}