/* 全局样式 */
 * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif; }
        body { background-color: #f5f7fa; color: #333; line-height: 1.6; }
        a { text-decoration: none; transition: all 0.3s; }
        .container { max-width: 1200px; margin: 0 auto; padding: 0 15px; }
        
        /* 头部样式 */
        .header { background: linear-gradient(135deg, #0d0d2b 0%, #1a1a4a 100%); padding: 15px 0; position: fixed; width: 100%; top: 0; z-index: 100; }
        .header-content { display: flex; justify-content: space-between; align-items: center; }
        .logo { color: #00b2ff; font-size: 24px; font-weight: bold; display: flex; align-items: center; }
        .logo img { height: 30px; margin-right: 10px; }
        .download-btn { 
            background: linear-gradient(90deg, #00b2ff 0%, #0066ff 100%); 
            color: white; 
            padding: 8px 20px; 
            border-radius: 30px; 
            font-weight: bold;
            box-shadow: 0 4px 10px rgba(0, 178, 255, 0.3);
            font-size: 14px;
        }
        
        /* 英雄区域 */
        .hero { 
            background: url('https://via.placeholder.com/1200x800/0d0d2b/00b2ff?text=OKX+APP') no-repeat center/cover;
            padding: 30px 0 100px;
            text-align: center;
            color: white;
            position: relative;
            margin-top: 60px;
        }
        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(13, 13, 43, 0.85);
        }
        .hero-content { position: relative; z-index: 2; }
        .hero h1 { font-size: 42px; margin-bottom: 20px; }
        .hero p { font-size: 18px; max-width: 700px; margin: 0 auto 30px; }
        .highlight { color: #00b2ff; font-weight: bold; }
        
        /* 下载引导 */
        .download-cta {
            background: white;
            color: #0d0d2b;
            display: inline-block;
            padding: 25px;
            border-radius: 10px;
            margin: 30px 0;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            text-align: left;
            max-width: 500px;
        }
        .reward-badge {
            background: #ffcc00;
            color: #0d0d2b;
            padding: 5px 10px;
            border-radius: 4px;
            font-size: 14px;
            font-weight: bold;
            display: inline-block;
            margin-bottom: 15px;
        }
        .app-buttons { display: flex; gap: 15px; margin-top: 20px; }
        .app-btn {
            background: #0d0d2b;
            color: white;
            padding: 10px 15px;
            border-radius: 8px;
            display: flex;
            align-items: center;
            width: 160px;
        }
        .app-btn img { height: 20px; margin-right: 8px; }
        .app-btn .small { font-size: 10px; display: block; }
        .app-btn .main { font-size: 16px; }
        
        /* 功能特点 */
        .features { padding: 80px 0; }
        .section-title { text-align: center; margin-bottom: 50px; }
        .section-title h2 { font-size: 36px; color: #0d0d2b; }
        .features-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }
        .feature-card {
            background: white;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            text-align: center;
        }
        .feature-icon {
            font-size: 40px;
            color: #00b2ff;
            margin-bottom: 20px;
        }
        .feature-card h3 { margin-bottom: 15px; color: #0d0d2b; }
        
        /* 友情链接 */
        .friend-links {
            background: #f0f2f5;
            padding: 50px 0;
            border-top: 1px solid #e0e3e8;
            border-bottom: 1px solid #e0e3e8;
        }
        .links-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 30px;
        }
        .link-group { flex: 1; min-width: 150px; }
        .link-group h3 { color: #0d0d2b; margin-bottom: 15px; font-size: 16px; }
        .link-group ul { list-style: none; }
        .link-group li { margin-bottom: 10px; }
        .link-group a { color: #666; }
        .link-group a:hover { color: #00b2ff; }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .features-grid { grid-template-columns: 1fr; }
            .hero h1 { font-size: 32px; }
            .app-buttons { flex-direction: column; align-items: center; }
            .download-cta { padding: 20px; }
        }