.search-container{max-width:900px;margin:0 auto;padding:20px 16px}.search-container form{display:flex;gap:10px;margin-bottom:24px}.search-input{flex:1;padding:12px 14px;font-size:15px;border-radius:12px;border:1px solid var(--border-soft);background:var(--input-bg);color:var(--text-main)}.search-input::placeholder{color:var(--text-placeholder)}.search-btn{padding:0 18px;background:var(--accent-main);color:#fff;border-radius:12px;font-size:15px;border:none;cursor:pointer;white-space:nowrap}.search-title{font-size:20px;font-weight:bold;margin-bottom:16px}.search-list{display:flex;flex-wrap:wrap;gap:16px}.search-card{display:flex;gap:10px;padding:8px;background:var(--card-bg);border-radius:14px;box-shadow:var(--shadow-soft);width:calc(50% - 8px)}@media (min-width:768px){.search-card{width:260px;flex-direction:column}}.search-card-img{width:90px;height:130px;object-fit:cover;border-radius:12px}@media (min-width:768px){.search-card-img{width:100%;height:360px;border-radius:16px}}.search-card-title{font-size:15px;font-weight:600;margin-bottom:4px;color:var(--text-main);line-height:1.4}.search-card-meta{font-size:13px;color:var(--text-sub)}.no-result{width:100%;padding:14px;background:var(--card-soft-bg);border-radius:12px;color:var(--text-main);margin-bottom:16px;line-height:1.5}.recommend-title{width:100%;font-size:17px;font-weight:700;margin:12px 0 10px}@media (prefers-color-scheme:dark){.search-input{background:#111;color:#fff;border-color:rgba(255,255,255,0.15)}.search-btn{background:#0A84FF}.search-card{background:#1a1a1a;box-shadow:none;border:1px solid rgba(255,255,255,0.06)}.search-card-title{color:#fff}.search-card-meta{color:#bbbbbb}.no-result{background:#1b1b1b;color:#fff}.recommend-title{color:#fff}}