/* ========== PC 搜索页 layout-pc-search.css ========== */

body.lx-search-page{
    --lx-primary:#1677ff;
    --lx-primary-dark:#0958d9;
    --lx-accent:#4096ff;
    --lx-bg:#f0f4f8;
    --lx-card:#fff;
    --lx-text:#1d2129;
    --lx-muted:#86909c;
    --lx-radius:14px;
    --lx-shadow:0 8px 28px rgba(22,119,255,.08);
    background:var(--lx-bg);
}

body.layout-portal.lx-search-page,
body.layout-gb.lx-search-page{
    --lx-primary:#0099ff;
    --lx-primary-dark:#0078ff;
    --lx-accent:#3cb1fe;
    --lx-bg:#f5f8fa;
    --lx-shadow:0 8px 28px rgba(0,153,255,.1);
}

body.layout-magazine.lx-search-page{--lx-primary:#c0392b;--lx-primary-dark:#96281b;--lx-accent:#e74c3c;--lx-bg:#faf9f7}
body.layout-grid.lx-search-page{--lx-primary:#2ecc71;--lx-primary-dark:#27ae60;--lx-accent:#58d68d;--lx-bg:#f6fbf8}

/* 隐藏旧版搜索页遗留结构 */
body.lx-search-page .warp-content,
body.lx-search-page .body-left,
body.lx-search-page .bor-sty.bg-fff .app-list.boutique-cnt{display:none!important}

.lx-search-hero{
    background:linear-gradient(135deg,var(--lx-primary) 0%,var(--lx-primary-dark) 100%);
    color:#fff;
    padding:28px 0 36px;
    margin-bottom:28px;
    box-shadow:0 6px 32px rgba(0,0,0,.12);
}

.lx-search-hero-inner{position:relative}

.lx-search-crumb{font-size:13px;margin-bottom:14px;color:rgba(255,255,255,.75)}
.lx-search-crumb a{color:rgba(255,255,255,.92);text-decoration:none}
.lx-search-crumb a:hover{text-decoration:underline}
.lx-search-crumb span{margin:0 8px;opacity:.5}
.lx-search-crumb em{font-style:normal;opacity:.95}

.lx-search-title{margin:0 0 8px;font-size:28px;font-weight:800;line-height:1.35;letter-spacing:.3px}
.lx-search-title mark.lx-search-mark{background:rgba(255,255,255,.22);color:#fff;padding:0 4px;border-radius:4px}

.lx-search-sub{margin:0 0 22px;font-size:15px;opacity:.9;line-height:1.6}

.lx-search-bar{
    display:flex;
    align-items:center;
    gap:0;
    max-width:720px;
    background:#fff;
    border-radius:999px;
    padding:6px 6px 6px 18px;
    box-shadow:0 10px 40px rgba(0,0,0,.15);
}

.lx-search-bar-icon{font-size:20px;color:#bbb;flex-shrink:0;margin-right:4px;width:20px;height:20px;display:inline-block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.47 6.47 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") center/contain no-repeat}

.lx-search-bar input{
    flex:1;
    min-width:0;
    border:0;
    outline:none;
    font-size:16px;
    padding:12px 8px;
    color:#333;
    background:transparent;
}

.lx-search-bar button{
    flex-shrink:0;
    border:0;
    border-radius:999px;
    padding:0 28px;
    height:46px;
    font-size:15px;
    font-weight:700;
    color:#fff;
    cursor:pointer;
    background:linear-gradient(135deg,var(--lx-accent),var(--lx-primary));
    box-shadow:0 4px 14px rgba(0,0,0,.12);
    transition:transform .15s,box-shadow .15s;
}

.lx-search-bar button:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.18)}

.lx-search-hot{
    margin-top:16px;
    font-size:13px;
    line-height:1.9;
    color:rgba(255,255,255,.88);
}

.lx-search-hot em{font-style:normal;margin-right:10px;opacity:.75}
.lx-search-hot a{
    display:inline-block;
    margin:4px 10px 4px 0;
    padding:4px 14px;
    border-radius:16px;
    color:#fff;
    text-decoration:none;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.22);
    transition:.2s;
}

.lx-search-hot a:hover{background:#fff;color:var(--lx-primary-dark)}

.lx-search-main{padding-bottom:48px}

.lx-search-summary{
    margin:-8px 0 18px;
    font-size:14px;
    color:var(--lx-muted);
}

.lx-search-summary strong{color:var(--lx-primary);font-weight:700}

.lx-search-list{display:flex;flex-direction:column;gap:16px}

.lx-search-card{
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding:20px 22px;
    background:var(--lx-card);
    border-radius:var(--lx-radius);
    box-shadow:var(--lx-shadow);
    border:1px solid rgba(0,0,0,.04);
    transition:transform .2s,box-shadow .2s,border-color .2s;
}

.lx-search-card:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 36px rgba(0,0,0,.1);
    border-color:rgba(22,119,255,.15);
}

.lx-search-card-icon{
    flex-shrink:0;
    width:72px;
    height:72px;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(0,0,0,.12);
}

.lx-search-card-icon img{width:100%;height:100%;object-fit:cover;display:block}

.lx-search-card-body{flex:1;min-width:0}

.lx-search-card-title{margin:0 0 8px;font-size:18px;font-weight:700;line-height:1.4}
.lx-search-card-title a{color:var(--lx-text);text-decoration:none}
.lx-search-card-title a:hover{color:var(--lx-primary)}
.lx-search-card-title mark.lx-search-mark{background:#fff3cd;color:#d48806;padding:0 3px;border-radius:3px}

.lx-search-card-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px 14px;
    margin-bottom:10px;
    font-size:12px;
    color:var(--lx-muted);
}

.lx-search-rate{
    color:#fa8c16;
    font-weight:700;
    background:#fff7e6;
    padding:2px 8px;
    border-radius:10px;
}

.lx-search-card-desc{
    margin:0;
    font-size:14px;
    line-height:1.65;
    color:#666;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
}

.lx-search-card-side{
    flex-shrink:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
    min-width:108px;
    padding-top:4px;
}

.lx-search-dl-btn{
    display:inline-block;
    padding:10px 22px;
    border-radius:22px;
    font-size:14px;
    font-weight:700;
    color:#fff!important;
    text-decoration:none;
    background:linear-gradient(135deg,var(--lx-accent),var(--lx-primary));
    box-shadow:0 4px 14px rgba(22,119,255,.25);
    white-space:nowrap;
    transition:transform .15s;
}

.lx-search-dl-btn:hover{transform:scale(1.03)}

.lx-search-dl-count{font-size:12px;color:var(--lx-muted);white-space:nowrap}

.lx-search-pager{margin-top:8px}

.lx-search-empty{
    text-align:center;
    padding:56px 24px 64px;
    background:var(--lx-card);
    border-radius:var(--lx-radius);
    box-shadow:var(--lx-shadow);
}

.lx-search-empty-prompt{margin-top:0}

.lx-search-empty-icon{width:64px;height:64px;margin:0 auto 16px;opacity:.75}
.lx-icon-search{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231677ff'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.47 6.47 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") center/contain no-repeat}
.lx-icon-empty{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23bbb'%3E%3Cpath d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V8l8 5 8-5v10zm-8-7L4 6h16l-8 5z'/%3E%3C/svg%3E") center/contain no-repeat}

.lx-search-empty h2{margin:0 0 10px;font-size:22px;color:var(--lx-text)}

.lx-search-empty p{margin:0 0 20px;color:var(--lx-muted);font-size:15px}

.lx-search-empty-tags{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
    max-width:640px;
    margin:0 auto;
}

.lx-search-empty-tags a{
    padding:8px 18px;
    border-radius:20px;
    font-size:14px;
    color:var(--lx-primary);
    background:#f0f7ff;
    border:1px solid rgba(22,119,255,.2);
    text-decoration:none;
    transition:.2s;
}

.lx-search-empty-tags a:hover{background:var(--lx-primary);color:#fff}

@media(max-width:900px){
    .lx-search-title{font-size:22px}
    .lx-search-bar{border-radius:16px;padding:4px 4px 4px 12px}
    .lx-search-bar button{padding:0 18px;height:42px;font-size:14px}
    .lx-search-card{flex-wrap:wrap;padding:16px}
    .lx-search-card-side{
        flex-direction:row;
        width:100%;
        justify-content:space-between;
        min-width:0;
        padding-top:8px;
        border-top:1px dashed #eef2f6;
    }
}

@media(max-width:560px){
    .lx-search-hero{padding:20px 0 28px;margin-bottom:20px}
    .lx-search-card-icon{width:60px;height:60px;border-radius:14px}
    .lx-search-card-title{font-size:16px}
}