.ddp-wrap{border:1px solid #eee;padding:14px;border-radius:12px;background:#fff}
.ddp-form{display:flex;gap:8px;position:relative}
.ddp-form input{flex:1;padding:10px;border:1px solid #ddd;border-radius:8px}
.ddp-form button{padding:10px 14px;border:0;border-radius:8px;background:#111;color:#fff;cursor:pointer}
.ddp-suggest{position:absolute;top:44px;left:0;right:0;background:#fff;border:1px solid #eee;border-radius:8px;padding:8px;z-index:9}
.ddp-results{list-style:none;margin:0;padding:0}
.ddp-item{padding:14px 0;border-bottom:1px solid #f2f2f2}
.ddp-title{font-weight:700;font-size:1.06rem;text-decoration:none}
.ddp-excerpt{color:#444;margin:6px 0 8px}
.ddp-badge{display:inline-block;border-radius:999px;padding:2px 8px;font-size:.82rem;border:1px solid #eee;margin-left:6px;background:#fafafa}
.ddp-bars{margin:8px 0}
.ddp-bar{display:flex;align-items:center;gap:8px;margin:6px 0}
.ddp-bar span{width:48px;font-size:.9rem;color:#333}
.ddp-bar i{display:inline-block;height:8px;background:#222;border-radius:999px;flex:1;position:relative}
.ddp-bar em{width:36px;text-align:right;font-size:.85rem;color:#333}
.ddp-cond p{margin:.2rem 0}
.ddp-pop ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}
.ddp-pop li{background:#f7f7f7;border:1px solid #eee;border-radius:20px;padding:6px 10px}