.page-search-head {
    padding-top: var(--header-height-max);
    padding-bottom: calc(40 * var(--rpx-50));
    background: #fff;
}

.page-search-head .sec-inner {
    display: flex;
    flex-direction: column;
    gap: calc(32 * var(--rpx));
}

.search-ctn-cont {
    position: relative;
    width: 100%;
    max-width: clamp(400px, calc(50vw + 120px), 720px);
    margin: calc(48 * var(--rpx-50)) auto 0;
    height: calc(56 * var(--rpx));
    padding: calc(4 * var(--rpx));
    border-radius: calc(28 * var(--rpx));
    border: 1px solid rgba(37, 37, 37, 0.18);
    background: #f7f7f7;
}

.search-ctn-cont input {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    outline: none;
    padding: 0 calc(56 * var(--rpx)) 0 calc(16 * var(--rpx));
    border-radius: calc(24 * var(--rpx));
    font-size: calc(18 * var(--fpx-75));
    line-height: calc(28 * var(--fpx-75));
    color: #272727;
    caret-color: var(--theme-green);
}

.search-ctn-cont input::placeholder {
    color: rgba(37, 37, 37, 0.45);
}

.search-ctn-cont:focus-within {
    border-color: var(--theme-green);
    background: #fff;
}

.search-ctn-cont .btn-search {
    position: absolute;
    top: calc(4 * var(--rpx));
    right: calc(4 * var(--rpx));
    bottom: calc(4 * var(--rpx));
    /* width: calc(48 * var(--rpx)); */
    aspect-ratio: 1;
    border: none;
    border-radius: calc(999 * var(--rpx));
    background: var(--theme-green);
    cursor: pointer;
    flex-shrink: 0;
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.search-ctn-cont .btn-search::before {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: calc(18 * var(--rpx));
    height: calc(18 * var(--rpx));
    background: url('../images/icon_search.svg') center/contain no-repeat;
    filter: brightness(0) invert(1);
    pointer-events: none;
}

.search-ctn-cont .btn-search:hover {
    opacity: 0.88;
}

.search-ctn-cont .btn-search:active {
    transform: scale(0.96);
}

.search-tabs {
    display: flex;
    justify-content: center;
    gap: calc(12 * var(--rpx));
    flex-wrap: wrap;
}

.search-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: calc(160 * var(--rpx));
    padding: calc(10 * var(--rpx)) calc(28 * var(--rpx));
    border-radius: calc(999 * var(--rpx));
    border: 1px solid rgba(37, 37, 37, 0.14);
    font-size: calc(18 * var(--fpx-75));
    line-height: calc(24 * var(--fpx-75));
    color: rgba(37, 37, 37, 0.75);
    transition: color 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

.search-tab:hover {
    border-color: var(--theme-green);
    color: var(--theme-green);
}

.search-tab.is-active {
    background: var(--theme-green);
    border-color: var(--theme-green);
    color: #fff;
}

.page-search-results {
    padding-top: calc(40 * var(--rpx-50));
    padding-bottom: calc(72 * var(--rpx-50));
    min-height: 42dvh;
}

.page-search-results .search-result-grid {
    margin-top: 0;
}

.page-search-results .search-video-say .video-say-grid {
    margin-top: 0;
}

.search-empty {
    margin: calc(48 * var(--rpx)) 0;
    text-align: center;
    font-size: calc(18 * var(--fpx-75));
    line-height: calc(28 * var(--fpx-75));
    color: #666;
}

.search-page-list {
    display: flex;
    flex-direction: column;
    gap: calc(16 * var(--rpx));
}

.search-page-card {
    display: flex;
    flex-direction: column;
    gap: calc(8 * var(--rpx));
    padding: calc(24 * var(--rpx)) calc(28 * var(--rpx));
    border: 1px solid rgba(37, 37, 37, 0.1);
    border-radius: calc(8 * var(--rpx));
    background: #fff;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.search-page-card:hover {
    border-color: rgba(231, 36, 28, 0.35);
    box-shadow: 0 calc(4 * var(--rpx)) calc(16 * var(--rpx)) rgba(37, 37, 37, 0.06);
}

.search-page-card .tag {
    display: inline-flex;
    align-self: flex-start;
    padding: calc(2 * var(--rpx)) calc(10 * var(--rpx));
    border-radius: calc(4 * var(--rpx));
    background: rgba(231, 36, 28, 0.08);
    color: var(--theme-green);
    font-size: calc(12 * var(--fpx-87));
    line-height: calc(20 * var(--fpx-87));
}

.search-page-card .title {
    font-size: calc(22 * var(--fpx-75));
    line-height: calc(30 * var(--fpx-75));
    color: #272727;
    font-weight: 600;
}

.search-page-card .desc {
    font-size: calc(16 * var(--fpx-87));
    line-height: calc(26 * var(--fpx-87));
    color: rgba(37, 37, 37, 0.65);
}

.search-page-card .url {
    font-size: calc(14 * var(--fpx-87));
    line-height: calc(22 * var(--fpx-87));
    color: rgba(37, 37, 37, 0.4);
}

.highlight {
    background-color: var(--theme-green);
    color: #fff;
}

/* .page-search-results .yiiPager {
    margin-top: calc(60 * var(--rpx));
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    gap: calc(8 * var(--rpx));
    list-style: none;
    padding: 0;
}

.page-search-results .yiiPager li {
    list-style: none;
}

.page-search-results .yiiPager a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: calc(40 * var(--rpx));
    min-height: calc(40 * var(--rpx));
    padding: calc(8 * var(--rpx)) calc(14 * var(--rpx));
    border: 1px solid #e9e9e9;
    border-radius: calc(4 * var(--rpx));
    background: #fff;
    font-size: calc(16 * var(--fpx-87));
    line-height: calc(22 * var(--fpx-87));
    color: #272727;
}

.page-search-results .yiiPager a:hover {
    border-color: var(--theme-green);
    color: var(--theme-green);
}

.page-search-results .yiiPager .selected a {
    background: var(--theme-green);
    border-color: var(--theme-green);
    color: #fff;
}

.page-search-results .yiiPager .hidden {
    opacity: 0.45;
    pointer-events: none;
} */

.solution-search-sec1 .txt-cont .txt {
    width: 100%;
    padding: calc(40 * var(--rpx-50));
}

@media (max-width: 750px) {
    .page-search-head {
        padding-bottom: calc(32 * var(--rpx));
    }

    .search-ctn-cont {
        max-width: 100%;
        margin-top: calc(32 * var(--rpx));
        height: calc(72 * var(--rpx));
        padding: calc(5 * var(--rpx));
    }

    .search-ctn-cont input {
        padding-left: calc(20 * var(--rpx));
        padding-right: calc(64 * var(--rpx));
    }

    .search-ctn-cont .btn-search {
        top: calc(5 * var(--rpx));
        right: calc(5 * var(--rpx));
        bottom: calc(5 * var(--rpx));
        width: calc(58 * var(--rpx));
        height: calc(57 * var(--rpx));
    }

    .search-ctn-cont .btn-search::before {
        width: calc(26 * var(--rpx));
        height: calc(26 * var(--rpx));
    }

    .search-tab {
        min-width: calc(140 * var(--rpx));
    }

    .page-search-results {
        padding-top: calc(32 * var(--rpx));
        padding-bottom: calc(56 * var(--rpx));
    }
}