/* 假设之前的样式代码都在这里 */
.li {
    list-style-type: none;
}
.hidden.md\:flex.space-x-4 {
    transition: all 0.3s ease;
}
/* 小屏幕下导航项竖列展示 */
@media (max-width: 767px) {
   .nav-items {
        flex-direction: column;
        position: absolute;
        top: 60px;
        left: 1rem;
        right: 1rem;
        background: linear-gradient(to right, #2563eb, #1d4ed8);
        padding: 1rem;
        gap: 0.5rem;
        border-radius: 0.5rem;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        transition: all 0.3s ease;
    }

   .nav-items a {
        display: flex;
        align-items: center;
        padding: 0.75rem 1rem;
        border-radius: 0.375rem;
        transition: background-color 0.3s ease;
    }

   .nav-items a:hover {
        background-color: rgba(255, 255, 255, 0.1);
    }

   .nav-items a.active {
        background-color: rgba(255, 255, 255, 0.2);
    }

   .nav-items a i {
        margin-right: 0.5rem;
    }

    /* 新增：在小屏幕时隐藏“重庆桶装水送水公司推荐”板块 */
   .hidden-mobile {
        display: none;
    }
}

/* 一般导航链接过渡样式 */
nav.bg-white.shadow-md a {
    transition: color 0.3s ease;
}

/* 右尖括号样式 */
.angle-bracket {
    color: #007BFF;
    font-size: 20px;
    font-weight: bold;
    margin: 0 5px;
    display: flex;
    align-items: center;
}

/* 一般导航栏竖列居中 */
nav.bg-white.shadow-md.container {
    align-items: center;
}