/* 计算机小宇宙 - 搜索页 */

.search-page{padding:18px 0 60px;background:linear-gradient(180deg,#f7faff 0%,#fff 420px)}

.search-hero{position:relative;aspect-ratio:1400/300;overflow:hidden;border-radius:24px;background:#eef6ff}
.search-hero__banner{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.search-hero__main{position:relative;z-index:2;width:min(50%,680px);margin:0 auto;padding:45px 20px 32px;text-align:center}
.search-hero__title{margin:0 0 28px;color:#14295c;font-size:34px;line-height:1.25}

.search-form{width:100%}
.search-form__box{display:flex;align-items:center;width:100%;height:40px;padding-left:20px;border:1px solid #dbe6f6;border-radius:999px;background:#fff;box-shadow:0 8px 30px rgba(45,87,150,.08)}
.search-form__icon{flex:0 0 auto;margin-right:11px;color:#7385aa;font-size:17px}
.search-form__input{flex:1 1 auto;min-width:0;border:0;outline:0;background:transparent;color:#243353;font-size:17px}
.search-form__button{flex:0 0 125px;align-self:stretch;border:0;border-radius:999px;background:linear-gradient(135deg,#4287ff,#1765ee);color:#fff;font-size:16px;font-weight:700;cursor:pointer}

.search-hot{display:flex;align-items:center;justify-content:center;margin-top:20px;color:#6d7d9d;font-size:14px}
.search-hot__label{flex:0 0 auto}
.search-hot__items{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.search-hot__items a{color:#526993;text-decoration:none}
.search-hot__items a:hover{color:#2773f2}

.search-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:26px;margin-top:28px}

.search-sidebar{min-width:0}
.search-sidebar__group{margin-bottom:28px}
.search-sidebar__title{margin:0 0 13px;color:#172851;font-size:18px}
.search-sidebar__list{display:flex;flex-direction:column;gap:7px}
.search-sidebar__item{display:flex;align-items:center;min-height:46px;padding:0 15px;border-radius:10px;color:#546683;text-decoration:none;transition:.2s ease}
.search-sidebar__item i{width:24px;margin-right:8px;color:#5875ad;text-align:center}
.search-sidebar__item:hover{background:#f1f6ff}
.search-sidebar__item.is-active{background:linear-gradient(90deg,#dfeeff,#cfe6ff);color:#2371ee;font-weight:700}
.search-sidebar__item.is-active i{color:#2777ef}

.filter-tags{display:flex;flex-wrap:wrap;gap:9px}
.filter-tags--sidebar{flex-direction:column}
.filter-tag{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 14px;border-radius:999px;background:#f1f5fb;color:#62708c;font-size:14px;text-decoration:none;transition:.2s ease}
.filter-tag:hover{background:#e5efff;color:#2675ef}
.filter-tag.is-active{background:linear-gradient(135deg,#4b90ff,#1c6bea);color:#fff;box-shadow:0 5px 13px rgba(42,116,238,.2)}

/* 标签云样式 */
.tag-cloud{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;justify-content:flex-start}
.tag-cloud__item{display:inline-block;padding:3px 6px;border-radius:10px;color:#fff;text-decoration:none;transition:all .2s ease;white-space:nowrap}
.tag-cloud__item:hover{transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,0.12)}

/* Match category page tag chips. */
.search-page .tag-cloud__item{padding:4px 7px;border-radius:20px;background:#eef3ff;color:#294b88;font-size:11px}
.search-page .tag-cloud__item:hover{background:#e3edff;color:#2169d8}

/* 多彩标签样式 */
.tag-cloud__item:nth-child(10n+1){background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}
.tag-cloud__item:nth-child(10n+2){background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}
.tag-cloud__item:nth-child(10n+3){background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}
.tag-cloud__item:nth-child(10n+4){background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}
.tag-cloud__item:nth-child(10n+5){background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}
.tag-cloud__item:nth-child(10n+6){background:linear-gradient(135deg,#30cfd0 0%,#330867 100%)}
.tag-cloud__item:nth-child(10n+7){background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);color:#555}
.tag-cloud__item:nth-child(10n+8){background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%);color:#555}
.tag-cloud__item:nth-child(10n+9){background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%);color:#555}
.tag-cloud__item:nth-child(10n+10){background:linear-gradient(135deg,#ff9a9e 0%,#fad0c4 100%);color:#555}

/* 根据热度调整字体大小 */
.tag-cloud__item.tag-large{font-size:12px;font-weight:600}
.tag-cloud__item.tag-medium{font-size:11px}
.tag-cloud__item.tag-small{font-size:10px}

.tag-cloud--mobile{gap:6px}
.tag-cloud--mobile .tag-cloud__item{padding:4px 10px}
.tag-cloud--mobile .tag-cloud__item.tag-large{font-size:12px}
.tag-cloud--mobile .tag-cloud__item.tag-medium{font-size:11px}
.tag-cloud--mobile .tag-cloud__item.tag-small{font-size:10px}

.search-sidebar__illustration{margin-top:45px}
.search-sidebar__illustration img{display:block;width:100%;height:auto}
.search-mobile-filters{display:none}

.search-results{min-width:0}
.search-results__header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:52px;margin-bottom:14px}
.search-results__title{display:inline;margin:0 10px 0 0;color:#172851;font-size:19px}
.search-results__summary{display:inline;margin:0;color:#7a88a3;font-size:14px}
.search-results__summary strong{color:#2772ee}
.search-sort select{min-width:118px;height:40px;padding:0 36px 0 14px;border:1px solid #e2e9f5;border-radius:9px;outline:0;background:#fff;color:#53627e}

.search-result-list{display:flex;flex-direction:column;gap:13px}
.search-result-card{position:relative;display:grid;grid-template-columns:270px minmax(0,1fr) 48px;min-height:150px;overflow:hidden;border:1px solid #edf1f8;border-radius:14px;background:#fff;box-shadow:0 5px 20px rgba(47,73,126,.05);transition:transform .2s ease,box-shadow .2s ease}
.search-result-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(47,73,126,.1)}
.search-result-card__cover{display:block;overflow:hidden}
.search-result-card__cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.search-result-card:hover .search-result-card__cover img{transform:scale(1.03)}
.search-result-card__body{min-width:0;padding:18px 18px 14px}
.search-result-card__heading{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.search-result-card__title{overflow:hidden;color:#18294e;font-size:21px;font-weight:750;line-height:1.35;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
.search-result-card__title:hover{color:#2471ed}
.search-result-card__category{flex:0 0 auto;padding:3px 9px;border:1px solid #9dc6ff;border-radius:999px;background:#f1f7ff;color:#2775ee;font-size:12px;font-weight:700}
.search-result-card__summary{display:-webkit-box;overflow:hidden;margin:9px 0 15px;color:#6d7c99;font-size:15px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.search-result-card__bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}
.search-result-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:16px;color:#8090ad;font-size:13px}
.search-result-card__meta span{display:flex;align-items:center;gap:5px}
.search-result-card__tags{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.search-result-card__tags span{padding:5px 10px;border-radius:999px;background:#f2f5fa;color:#75839d;font-size:12px}
.search-result-card__arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;align-self:center;border-radius:50%;background:#edf4ff;color:#347cf3;text-decoration:none}

.empty-state{padding:70px 20px;border:1px solid #edf1f7;border-radius:16px;background:#fff;text-align:center}
.empty-state__icon{margin-bottom:16px;color:#84aaf3;font-size:40px}
.empty-state h3{margin:0 0 8px}
.empty-state p{margin:0;color:#8290a8}

.search-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:26px}
.search-pagination__pages{display:flex;gap:8px}
.search-pagination__button,.search-pagination__page{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid #e4eaf4;border-radius:8px;background:#fff;color:#62718c;font-size:13px;text-decoration:none}
.search-pagination__button{gap:6px}
.search-pagination__page.is-active{border-color:#2674ef;background:#2674ef;color:#fff}

/* 平板 */
@media (max-width:1080px){
    .search-hero__main{width:56%;padding-top:30px;padding-bottom:24px}
    .search-hero__title{margin-bottom:18px;font-size:28px}
    .search-layout{grid-template-columns:200px minmax(0,1fr);gap:18px}
    .search-result-card{grid-template-columns:220px minmax(0,1fr) 45px}
}

/* 手机：同一张 Banner，同比缩放，不裁切 */
@media (max-width:768px){
    .search-page{padding-top:8px}

    .search-hero{
        overflow:visible;
        aspect-ratio:1400/300;
        margin-bottom:132px;
        border-radius:14px;
    }

    .search-hero__banner{
        width:100%;
        height:auto;
        object-fit:contain;
    }

    .search-hero__main{
        position:absolute;
        top:100%;
        right:0;
        left:0;
        width:100%;
        padding:12px 0 0;
        text-align:left;
    }

    .search-hero__title{margin:0 0 9px;font-size:20px}
    .search-form__box{height:46px;padding-left:14px}
    .search-form__input{font-size:14px}
    .search-form__button{flex-basis:76px;font-size:14px}

    .search-hot{justify-content:flex-start;overflow-x:auto;margin-top:9px;padding-bottom:2px;white-space:nowrap;scrollbar-width:none}
    .search-hot::-webkit-scrollbar{display:none}
    .search-hot__items{flex-wrap:nowrap;gap:11px}

    .search-mobile-filters{display:block;margin:20px 0 18px}
    .mobile-filter-group{margin-bottom:17px}
    .mobile-filter-group__title{margin-bottom:9px;color:#172851;font-size:15px;font-weight:700}
    .filter-tags{gap:7px}
    .filter-tag{min-height:32px;padding:5px 12px;font-size:12px}

    .search-layout{display:block;margin-top:0}
    .search-sidebar{display:none}

    .search-results__header{align-items:flex-end;min-height:45px}
    .search-results__title{display:block;margin-bottom:3px;font-size:17px}
    .search-results__summary{display:block;font-size:12px}
    .search-sort select{min-width:100px;height:36px;font-size:12px}

    .search-result-list{gap:9px}
    .search-result-card{grid-template-columns:105px minmax(0,1fr) 22px;min-height:103px;border-radius:11px}
    .search-result-card__body{padding:11px 8px 9px 10px}
    .search-result-card__heading{gap:5px}
    .search-result-card__title{width:100%;font-size:14px;line-height:1.35}
    .search-result-card__category{padding:2px 6px;font-size:9px}
    .search-result-card__summary{display:none}
    .search-result-card__bottom{display:block;margin-top:8px}
    .search-result-card__meta{gap:9px;font-size:10px}
    .search-result-card__tags{display:none}
    .search-result-card__arrow{width:22px;height:22px;background:transparent;font-size:13px}

    .search-pagination{gap:6px;margin-top:20px}
    .search-pagination__button,.search-pagination__page{min-width:34px;height:34px;padding:0 8px;font-size:11px}
}

@media (max-width:480px){
    .search-result-card{grid-template-columns:94px minmax(0,1fr) 20px}
    .search-result-card__meta span:nth-child(3){display:none}
}