@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: #f8f9fa;
        }
        
        .hero-gradient {
            background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
        }
        
        .feature-icon {
            transition: transform 0.3s ease;
        }
        
        .feature-card:hover .feature-icon {
            transform: translateY(-10px);
        }
        
        .download-btn {
            transition: all 0.3s ease;
        }
        
        .download-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(44, 105, 233, 0.3);
        }
        
        .rating-stars {
            color: #fbbf24;
        }
        
        .mobile-mockup {
            position: relative;
            z-index: 1;
        }
        
        .mobile-mockup::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url('https://p11-doubao-search-sign.byteimg.com/labis/c22277e3dcdb2c21f1430a12596ca4ad~tplv-be4g95zd3a-image.jpeg?lk3s=feb11e32&x-expires=1787841271&x-signature=mPKiwxq2iDuo4T90wIAIL7MnzGs%3D') no-repeat center center;
            background-size: contain;
            opacity: 0.1;
            z-index: -1;
        }
        
        @media (max-width: 768px) {
            .hero-content {
                text-align: center;
            }
            
            .feature-grid {
                grid-template-columns: 1fr;
            }
        }