@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');

body {
    font-family: 'Noto Sans SC', sans-serif;
    background-color: #f8fafc;
}

.hero-section {
    background-image: url('https://p3-flow-imagex-sign.byteimg.com/tos-cn-i-a9rns2rl98/rc/pc/super_tool/15d48fb76fb94393964de9c584609e5d~tplv-a9rns2rl98-image.image?lk3s=8e244e95&rcl=20260119194530C731DF6FAE828ECE8FB6&rrcfp=f06b921b&x-expires=1771415160&x-signature=fR4slpSWouc4E%2BSfVnUJ%2BV%2FN%2BFQ%3D');
    background-size: cover;
    background-position: center;
}

.card-hover {
    transition: all 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(59, 130, 246, 0.1), 0 10px 10px -5px rgba(59, 130, 246, 0.04);
}

.btn-primary {
    background-color: #3b82f6;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background-color: #2563eb;
    transform: translateY(-2px);
}

.bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 50;
    background-color: white;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

.faq-item {
    border-bottom: 1px solid #e5e7eb;
}

.faq-answer {
    display: none;
}

.faq-item.active .faq-answer {
    display: block;
}

.news-card {
    transition: all 0.3s ease;
}

.news-card:hover {
    transform: translateY(-3px);
}

/* 加载动画 */
.loading {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 3px solid rgba(59, 130, 246, 0.3);
    border-radius: 50%;
    border-top-color: #3b82f6;
    animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* 滚动动画 */
.scroll-animate {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease;
}

.scroll-animate.visible {
    opacity: 1;
    transform: translateY(0);
}