/* =================================
   Mobile Menu Icons
   移动端菜单图标样式
   ================================= */

@media (max-width: 768px) {
    /* 为菜单项添加图标 */
    #desktop-menu a[href*="index.html"]::before,
    #desktop-menu a[href="../index.html"]::before {
        content: '\f015' !important; /* home icon */
        font-family: 'Font Awesome 6 Free' !important;
        font-weight: 900 !important;
        margin-right: 0.5rem !important;
        width: 1.25rem !important;
        text-align: center !important;
        color: #4299E1 !important;
        font-size: 1rem !important;
    }
    
    #desktop-menu a[href*="pricing.html"]::before {
        content: '\f02d' !important; /* book icon */
        font-family: 'Font Awesome 6 Free' !important;
        font-weight: 900 !important;
        margin-right: 0.5rem !important;
        width: 1.25rem !important;
        text-align: center !important;
        color: #10B981 !important;
        font-size: 0.875rem !important;
    }
    
    #desktop-menu a[href*="usage-guide.html"]::before {
        content: '\f075' !important; /* question-circle icon */
        font-family: 'Font Awesome 6 Free' !important;
        font-weight: 900 !important;
        margin-right: 0.5rem !important;
        width: 1.25rem !important;
        text-align: center !important;
        color: #F59E0B !important;
        font-size: 0.875rem !important;
    }
    
    #desktop-menu a[href*="manifesto.html"]::before {
        content: '\f06e' !important; /* eye icon */
        font-family: 'Font Awesome 6 Free' !important;
        font-weight: 900 !important;
        margin-right: 0.5rem !important;
        width: 1.25rem !important;
        text-align: center !important;
        color: #8B5CF6 !important;
        font-size: 0.875rem !important;
    }
    
    #desktop-menu a[href*="blog.html"]::before {
        content: '\f1ea' !important; /* newspaper icon */
        font-family: 'Font Awesome 6 Free' !important;
        font-weight: 900 !important;
        margin-right: 0.5rem !important;
        width: 1.25rem !important;
        text-align: center !important;
        color: #EF4444 !important;
        font-size: 0.875rem !important;
    }
    
    #desktop-menu a[href*="contact.html"]::before {
        content: '\f2b6' !important; /* envelope icon */
        font-family: 'Font Awesome 6 Free' !important;
        font-weight: 900 !important;
        margin-right: 0.5rem !important;
        width: 1.25rem !important;
        text-align: center !important;
        color: #06B6D4 !important;
        font-size: 0.875rem !important;
    }
    
    #desktop-menu a[href*="faq.html"]::before {
        content: '\f059' !important; /* question-circle icon */
        font-family: 'Font Awesome 6 Free' !important;
        font-weight: 900 !important;
        margin-right: 0.5rem !important;
        width: 1.25rem !important;
        text-align: center !important;
        color: #F59E0B !important;
        font-size: 0.875rem !important;
    }
    
    /* 重新调整链接样式以适配图标 */
    #desktop-menu a {
        text-align: left !important;
        justify-content: flex-start !important;
    }
    
    /* 分隔线 */
    #desktop-menu a:not(:last-of-type) {
        margin-bottom: 0.125rem !important;
    }
    
    /* 为按钮添加图标 */
    #desktop-menu button::before {
        content: '\f135' !important; /* rocket icon */
        font-family: 'Font Awesome 6 Free' !important;
        font-weight: 900 !important;
        margin-right: 0.5rem !important;
        font-size: 0.875rem !important;
        color: white !important;
    }
    
    /* 美化分组 */
    #desktop-menu {
        padding: 1.25rem !important;
    }
    
    /* 在按钮前添加分隔线 */
    #desktop-menu button {
        margin-top: 1rem !important;
        padding-top: 1rem !important;
        border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
        position: relative !important;
    }
    
    #desktop-menu button::after {
        content: '' !important;
        position: absolute !important;
        top: -0.5rem !important;
        left: 1.25rem !important;
        right: 1.25rem !important;
        height: 1px !important;
        background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.1), transparent) !important;
    }
}