/* 全局样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --primary-color: #667eea;
    --secondary-color: #764ba2;
    --accent-color: #f093fb;
    --text-dark: #2d3748;
    --text-light: #718096;
    --bg-light: #f7fafc;
    --white: #ffffff;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.16);
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    line-height: 1.6;
    color: var(--text-dark);
    background: var(--bg-light);
    overflow-x: hidden;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 导航栏 */
header {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: var(--shadow-sm);
    position: sticky;
    top: 0;
    z-index: 1000;
    transition: all 0.3s ease;
}

nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}

.logo {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--text-dark);
    transition: transform 0.3s ease;
}

.logo:hover {
    transform: translateY(-2px);
}

.logo-img {
    width: 48px;
    height: 48px;
    margin-right: 12px;
    background-image: url('data:image/png;base64,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');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

.logo-text {
    font-size: 22px;
    font-weight: 700;
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.nav-links {
    display: flex;
    list-style: none;
    gap: 35px;
    align-items: center;
}

.nav-links a {
    text-decoration: none;
    color: var(--text-dark);
    font-weight: 500;
    position: relative;
    transition: color 0.3s ease;
}

.nav-links a::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
    transition: width 0.3s ease;
}

.nav-links a:hover {
    color: var(--primary-color);
}

.nav-links a:hover::after {
    width: 100%;
}

.lang-switch {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    color: white;
    border: none;
    padding: 10px 24px;
    border-radius: 25px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.lang-switch:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}

/* 主页英雄区 */
.hero {
    text-align: center;
    padding: 120px 20px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
    color: white;
    position: relative;
    overflow: hidden;
}

.hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="white" opacity="0.1"/></svg>');
    opacity: 0.3;
}

.hero .container {
    position: relative;
    z-index: 1;
}

.hero h1 {
    font-size: 56px;
    margin-bottom: 24px;
    font-weight: 800;
    letter-spacing: -1px;
    animation: fadeInUp 0.8s ease;
}

.hero p {
    font-size: 22px;
    margin-bottom: 40px;
    opacity: 0.95;
    font-weight: 300;
    animation: fadeInUp 0.8s ease 0.2s both;
}

.download-btn {
    display: inline-block;
    background: white;
    color: var(--primary-color);
    padding: 18px 48px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
    transition: all 0.3s ease;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    animation: fadeInUp 0.8s ease 0.4s both;
}

.download-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 功能区 */
.features {
    padding: 100px 20px;
    background: var(--white);
}

.features h2 {
    text-align: center;
    font-size: 42px;
    margin-bottom: 20px;
    font-weight: 800;
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.features-subtitle {
    text-align: center;
    font-size: 18px;
    color: var(--text-light);
    margin-bottom: 60px;
}

.feature-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}

.feature-card {
    text-align: center;
    padding: 40px 30px;
    border-radius: 20px;
    background: var(--white);
    border: 2px solid transparent;
    transition: all 0.4s ease;
    box-shadow: var(--shadow-sm);
}

.feature-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-lg);
    border-color: var(--primary-color);
}

.feature-icon {
    font-size: 56px;
    margin-bottom: 24px;
    display: inline-block;
    transition: transform 0.3s ease;
}

.feature-card:hover .feature-icon {
    transform: scale(1.1) rotate(5deg);
}

.feature-card h3 {
    font-size: 24px;
    margin-bottom: 16px;
    font-weight: 700;
    color: var(--text-dark);
}

.feature-card p {
    color: var(--text-light);
    line-height: 1.8;
    font-size: 16px;
}

/* 内容页面 */
.content-page {
    padding: 80px 20px;
    background: var(--white);
    min-height: calc(100vh - 200px);
}

.content-page h1 {
    font-size: 42px;
    margin-bottom: 40px;
    color: var(--text-dark);
    font-weight: 800;
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.content-page h2 {
    font-size: 32px;
    margin-top: 50px;
    margin-bottom: 24px;
    color: var(--text-dark);
    font-weight: 700;
    padding-bottom: 12px;
    border-bottom: 3px solid var(--primary-color);
}

.content-page h3 {
    font-size: 24px;
    margin-top: 35px;
    margin-bottom: 18px;
    color: var(--text-dark);
    font-weight: 600;
}

.content-page p {
    margin-bottom: 18px;
    line-height: 1.9;
    color: var(--text-light);
    font-size: 16px;
}

.content-page ul {
    margin-left: 30px;
    margin-bottom: 24px;
}

.content-page li {
    margin-bottom: 12px;
    line-height: 1.9;
    color: var(--text-light);
    font-size: 16px;
    position: relative;
    padding-left: 8px;
}

.content-page li::marker {
    color: var(--primary-color);
}

.content-page strong {
    color: var(--text-dark);
    font-weight: 600;
}

/* 页脚 */
footer {
    background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);
    color: white;
    text-align: center;
    padding: 50px 20px;
    position: relative;
    overflow: hidden;
}

footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-color), var(--secondary-color), var(--accent-color));
}

footer p {
    margin-bottom: 16px;
    font-size: 16px;
    opacity: 0.9;
}

footer a {
    color: var(--accent-color);
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

footer a:hover {
    color: white;
    text-decoration: underline;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .hero h1 {
        font-size: 36px;
    }
    
    .hero p {
        font-size: 18px;
    }
    
    .hero {
        padding: 80px 20px;
    }
    
    nav {
        flex-direction: column;
        gap: 20px;
    }
    
    .nav-links {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }
    
    .feature-grid {
        grid-template-columns: 1fr;
    }
    
    .features h2 {
        font-size: 32px;
    }
    
    .content-page h1 {
        font-size: 32px;
    }
    
    .content-page h2 {
        font-size: 26px;
    }
}

/* 滚动动画 */
@media (prefers-reduced-motion: no-preference) {
    .feature-card {
        opacity: 0;
        animation: fadeInUp 0.6s ease forwards;
    }
    
    .feature-card:nth-child(1) { animation-delay: 0.1s; }
    .feature-card:nth-child(2) { animation-delay: 0.2s; }
    .feature-card:nth-child(3) { animation-delay: 0.3s; }
    .feature-card:nth-child(4) { animation-delay: 0.4s; }
    .feature-card:nth-child(5) { animation-delay: 0.5s; }
    .feature-card:nth-child(6) { animation-delay: 0.6s; }
}