/* css/pc.css PC端专属样式：导航与搜索区桌面端优化。 */

@media (min-width: 1025px) {
    .nav-container .nav-inner {
        gap: 14px;
    }

    .nav-container .nav-links {
        flex: 1 1 auto;
        justify-content: flex-start;
    }

    .nav-container .nav-search {
        flex: 0 0 auto;
    }

    .nav-container .nav-search input {
        width: clamp(200px, 18vw, 320px);
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    :root {
        --top-bar-inner-padding: 8px 14px;
        --top-bar-inner-gap: 10px;
        --nav-container-padding: 10px 14px;
        --portal-layout-columns: minmax(0, 1.3fr) minmax(0, 1fr);
        --portal-layout-gap: 22px;
    }

    .nav-container .nav-inner {
        gap: 12px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .nav-container .nav-links {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        width: 100%;
        gap: 6px;
    }

    .nav-container .nav-link {
        width: 100%;
        min-width: 0;
        font-size: 0.9rem;
        padding: 6px 4px;
        justify-content: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .nav-container .nav-search {
        width: 100%;
        max-width: 320px;
        flex: 1 1 240px;
        min-width: 220px;
        margin-left: auto;
    }

    .nav-container .nav-search input {
        width: min(100%, 220px);
    }

}