body{background:#f5f5f5;}
.search-header{background:#fff;padding:12px 15px;position:sticky;top:0;z-index:100;}
.search-box{display:flex;align-items:center;gap:10px;}
.search-input{flex:1;background:#f5f5f5;border:none;padding:10px 15px;border-radius:8px;font-size:14px;color:#333;}
.search-input::placeholder{color:#ccc;}
.cancel-btn{background:none;border:none;color:#666;font-size:14px;cursor:pointer;padding:0;white-space:nowrap;}
.cancel-btn:active{opacity:0.7;}
.hot-search{background:#fff;padding:20px 15px;margin-top:10px;}
.hot-title{font-size:16px;font-weight:bold;color:#333;margin-bottom:15px;}
.hot-tags{display:flex;flex-wrap:wrap;gap:8px;}
.hot-tag{display:inline-block;background:#f5f5f5;border:1px solid #e0e0e0;padding:6px 12px;border-radius:20px;font-size:12px;color:#666;white-space:nowrap;}
.hot-tag:nth-child(4n+1){color:#ff6b6b;border-color:#ffe0e0;background:#fff5f5;}
.hot-tag:nth-child(4n+2){color:#4a9eff;border-color:#d4e9ff;background:#f0f7ff;}
.hot-tag:nth-child(4n+3){color:#9b59b6;border-color:#e8d4f0;background:#f8f3fc;}
.hot-tag:nth-child(4n+4){color:#27ae60;border-color:#d4f0e0;background:#f0faf5;}
.hot-tag:active{opacity:0.7;}
.search-results{background:#fff;padding:15px;margin-top:10px;display:none;}
.search-results.show{display:block;}
.result-item{display:flex;align-items:center;background:#f8f8f8;border-radius:12px;padding:12px;margin-bottom:12px;}
.result-icon{width:65px;height:65px;border-radius:12px;overflow:hidden;margin-right:10px;flex-shrink:0;}
.result-icon img{width:100%;height:100%;object-fit:cover;}
.result-info{flex:1;}
.result-name{font-size:14px;font-weight:bold;color:#333;margin-bottom:3px;}
.result-stars{margin-bottom:3px;}
.result-stars i{font-size:11px;color:#ffa726;margin-right:2px;}
.result-meta{font-size:11px;color:#999;}
.result-btn{background:linear-gradient(135deg,#42a5f5,#1e88e5);color:#fff;border:none;padding:6px 20px;border-radius:18px;font-size:13px;cursor:pointer;flex-shrink:0;}
.result-btn:active{transform:scale(0.95);}
.footer{background:#3a3a3a;color:#999;padding:25px 20px;text-align:center;margin-top:10px;}
.footer-content p{margin:6px 0;font-size:11px;line-height:1.5;}

.u-more-btn{ width:100%; height:auto; padding:10px 0; font-size:15px; font-weight:normal; color:#999; text-align:center; display:block; overflow:hidden;}