/* 全局样式和企业级 UI 规范 */

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #333;
    background-color: #f8f9fc;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

/* 顶部背景区域 */
.hero-bg {
    background-image: url('../imgs/顶部背景.png');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    padding-bottom: 4rem;
}

/* 渐变文本 */
.text-gradient {
    background: linear-gradient(90deg, #2B32B2 0%, #1488CC 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 卡片悬浮效果 */
.hover-card {
    transition: all 0.3s ease-in-out;
}
.hover-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px -15px rgba(0,0,0,0.1);
}

/* 圆角按钮 */
.btn-primary {
    background: linear-gradient(90deg, #302b63 0%, #0f0c29 100%);
    color: #fff;
    transition: all 0.3s ease;
}
.btn-primary:hover {
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
    transform: translateY(-2px);
}

/* 自定义阴影 */
.shadow-custom {
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.05);
}

/* 导航栏毛玻璃效果 */
.glass-nav {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* 特性部分标题背景 */
.title-bg {
    background-image: url('../imgs/标题背景.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding: 20px 0;
}