#search{position:relative}
#search_dd, #search_popup { display: none; position: absolute; top: 100%; left: 0; right: 0; background: #fff; border: 1px solid #d1d5db; border-radius: 8px; box-shadow: 0 8px 24px rgba(0, 0, 0, .12); z-index: 9999; max-height: 520px; overflow-y: auto; min-width: 340px; margin-top: 5px; scrollbar-width: thin; scrollbar-color: #9ca3af #e5e7eb; }
#search_dd::-webkit-scrollbar, #search_popup::-webkit-scrollbar { width: 4px; }
#search_dd::-webkit-scrollbar-button, #search_popup::-webkit-scrollbar-button { display: none; }
#search_dd::-webkit-scrollbar-track, #search_popup::-webkit-scrollbar-track { background: #e5e7eb; }
#search_dd::-webkit-scrollbar-thumb, #search_popup::-webkit-scrollbar-thumb { background: #9ca3af; border-radius: 0; }
#search_dd::-webkit-scrollbar-thumb:hover, #search_popup::-webkit-scrollbar-thumb:hover { background: #6b7280; }
.sdd-block{padding:10px 14px 6px}
.sdd-label,.sp-label{font-size:1rem;font-weight:600;margin-bottom:6px}
.sdd-item{display:flex;align-items:center;gap:10px;padding:7px 6px;border-radius:4px;text-decoration:none;;transition:background .15s}
.sdd-item:hover{background:#f3f4f6;text-decoration:none;color:#1250dc}
.sdd-item__thumb{width:59px;height:39px;object-fit:cover;border-radius:3px;flex-shrink:0;background:#e5e7eb}
.sdd-item__title{font-size:0.875rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sdd-footer{border-top:1px solid #e5e7eb;padding:10px 14px}
.sdd-viewall{display:block;text-align:center;color:#fff;border-radius:50px;padding:10px 16px;font-size:0.875rem;font-weight:500;text-decoration:none;transition:background .2s}
.sdd-viewall:hover{text-decoration:none}
.btn-gradient { background-image: linear-gradient(315deg,#1250dc,#306de4); transition: all .2s ease; }
.btn-gradient:hover { background-image: linear-gradient(315deg,#0d46c8,#255fdc); }
.sdd-empty{padding:18px 14px;text-align:center;font-size:0.875rem;color:#999}
.sdd-separator,.sp-separator{height:1px;background:#f0f0f0;margin:4px 14px}
.sp-section{padding:10px 14px 8px}
.sp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.sp-hist-clear { background: none; border: none; font-size: 0.875rem; color: #1250dc; cursor: pointer; padding: 0; }
.sp-hist-clear:hover{color:#c00}
.sp-hist-item{display:flex;align-items:center;gap:8px;padding:7px 4px;border-radius:4px;cursor:pointer;transition:background .15s}
.sp-hist-item:hover{background:#f3f4f6}
.sp-hist-icon{font-size:0.875rem;color:#bbb;flex-shrink:0}
.sp-hist-kw{flex:1;font-size:0.875rem;}
.sp-hist-item i { font-size: 20px; color: #a9b2be; }
.sp-hist-del:hover{color:#1250dc}
.sp-tags{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0 2px}
.sp-trend-tag { display: inline-block; padding: 5px 12px; border-radius: 20px; font-size: 0.875rem; text-decoration: none; transition: background .15s; border: 1px solid #e5e7eb; }
.sp-trend-tag:hover{background:#f3f4f6;text-decoration:none}
@keyframes _sk_sh{0%{background-position:-400px 0}100%{background-position:400px 0}}
.sk-b,.sk-l{background:linear-gradient(90deg,#f0f0f0 25%,#e4e4e4 50%,#f0f0f0 75%);background-size:400px 100%;animation:_sk_sh 1.3s ease-in-out infinite;border-radius:3px;display:block}
.sk-sec{padding:10px 14px 6px}
.sk-lbl{height:9px;width:66px;margin-bottom:10px}
.sk-row{display:flex;align-items:center;gap:10px;padding:7px 6px}
.sk-b.sk-th{width:44px;height:36px;border-radius:3px;flex-shrink:0}
.sk-bd{flex:1;display:flex;flex-direction:column;gap:6px}
.sk-l.sk-t1{height:12px;width:75%}
.sk-l.sk-t2{height:10px;width:46%}
.sk-ft{border-top:1px solid #e5e7eb;padding:10px 14px}
.sk-b.sk-btn{height:34px;border-radius:4px}
.sp-hist-del { background: none; border: none; font-size: 1.5rem; cursor: pointer; padding: 0 2px; line-height: 1; flex-shrink: 0; color:#4a4f63 }