.sf-filter{background:#fff;border:1px solid #e6f3ff;border-radius:12px;padding:16px 18px;box-shadow:0 4px 12px rgba(0,168,255,.06)}
.sf-title{font-size:18px;font-weight:600;margin:0 0 10px;color:#0073e6;border-bottom:2px solid #e6f3ff;padding-bottom:6px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sf-reset{font-size:13px;color:#0073e6;text-decoration:none;border:1px solid #e6f3ff;border-radius:999px;padding:3px 10px;line-height:1}
.sf-reset:hover{text-decoration:underline;background:#f2f9ff}
.sf-list,.sf-children{list-style:none;margin:0;padding-left:0}
.sf-list li,.sf-children li{margin:6px 0;padding:6px;border-radius:6px;transition:background .2s}
.sf-list li:hover,.sf-children li:hover{background:#f2f9ff}
.sf-children{margin-left:14px;border-left:2px dotted #e6f3ff;padding-left:10px}
.sf-filter input[type=checkbox]{appearance:none;width:16px;height:16px;border:2px solid #0073e6;border-radius:4px;display:inline-block;position:relative;margin-right:8px;background:#fff;vertical-align:middle}
.sf-filter input[type=checkbox]:checked::after{content:"";position:absolute;inset:0;background:#0073e6;clip-path:polygon(14% 52%,0 66%,36% 100%,100% 30%,86% 16%,36% 72%)}