/* 首页顶部导航右侧（独立样式，不依赖 Tailwind） */
    .hp-nav {
        display: none;
        align-items: center;
        gap: 28px;
    }
    @media (min-width: 768px) {
        .hp-nav { display: flex; }
    }
    .hp-nav-link {
        font-size: 15px;
        font-weight: 500;
        color: #1D2129;
        text-decoration: none;
        transition: color .2s ease;
        white-space: nowrap;
    }
    .hp-nav-link:hover { color: #165DFF; }
    .hp-nav-link-active { color: #165DFF; }
    .hp-nav-ai {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-size: 15px;
        font-weight: 600;
        color: #fff;
        background: linear-gradient(135deg, #165DFF 0%, #36CFC9 100%);
        padding: 8px 16px;
        border-radius: 999px;
        text-decoration: none;
        box-shadow: 0 4px 12px rgba(22, 93, 255, .3);
        transition: transform .2s ease, box-shadow .2s ease;
        white-space: nowrap;
    }
    .hp-nav-ai:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(22, 93, 255, .38); }
    .hp-nav-btn {
        font-size: 15px;
        font-weight: 600;
        color: #fff;
        background: #165DFF;
        padding: 9px 18px;
        border-radius: 8px;
        text-decoration: none;
        transition: background .2s ease;
        white-space: nowrap;
    }
    .hp-nav-btn:hover { background: #0E42D2; }