.shop-head{padding-bottom:20px}.sf-band{background:var(--paper);display:flow-root}.sf-plate{align-items:flex-end;margin-top:0}.sf-plate .sel.big .sel-btn{min-width:112px}.sf-hint{color:#c7c2bc;flex:220px;max-width:360px;margin:0 0 10px 28px;font-size:13.5px;line-height:1.45}.sf-hint b{color:#fff;font-weight:750}.sf-count{justify-items:end;margin-left:auto;padding:0 6px 8px;line-height:1;display:grid}.sf-count b{letter-spacing:-.02em;color:var(--orange);font-size:46px;font-weight:800;font-stretch:78%}.sf-count span{color:#dcd7d1;margin-top:6px;font-size:13px;font-weight:600}.sf-quick{flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px;font-size:14px;display:flex}.sf-quick>span{color:var(--mute);margin-right:4px;font-weight:700}.sf-quick button{cursor:pointer;letter-spacing:.01em;box-shadow:inset 0 0 0 1.5px var(--line);background:#fff;border:0;border-radius:6px;align-items:baseline;gap:6px;padding:6px 10px;font-size:14px;font-weight:750;font-stretch:85%;display:inline-flex}.sf-quick button small{color:var(--mute);font-weight:600;font-stretch:100%}.sf-quick button:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}.sf-quick button[aria-pressed=true]{background:var(--orange);box-shadow:inset 0 0 0 1.5px var(--orange)}.sf-quick button[aria-pressed=true] small{color:var(--ink)}.sf-tabs{scrollbar-width:none;gap:2px;margin-top:22px;display:flex;overflow-x:auto}.sf-tabs::-webkit-scrollbar{display:none}.sf-tabs button{cursor:pointer;color:var(--mute);white-space:nowrap;background:0 0;border:0;border-radius:10px 10px 0 0;flex:none;align-items:baseline;gap:6px;padding:12px 16px 13px;font-size:15px;font-weight:750;display:inline-flex}.sf-tabs button small{color:var(--mute);font-size:12px;font-weight:650}.sf-tabs button:hover{color:var(--ink);background:#1013130d}.sf-tabs button[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 3px 0 var(--orange);background:#fff}.sf-bar{z-index:30;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:72px}.sf-bar-in{align-items:center;gap:10px;padding-block:12px;display:flex}.sf-search{flex:none;align-self:flex-start;width:240px}.sf-search input{background:var(--paper);border-color:#0000;border-radius:999px;height:42px}.sf-search svg{top:11px}.sf-pills{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.sf-sort{margin-left:auto}.pill-w{flex:none;position:relative}.pill{border:1.5px solid var(--line);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:8px;height:42px;padding:0 12px 0 16px;font-size:14.5px;font-weight:700;display:inline-flex}.pill b{font-weight:800}.pill b:before{content:": ";font-weight:700}.pill svg{width:15px;height:15px;transition:transform .15s}.pill:hover{border-color:#b7aea3}.pill[aria-expanded=true]{border-color:var(--ink)}.pill[aria-expanded=true] svg{transform:rotate(180deg)}.pill.on{background:var(--ink);border-color:var(--ink);color:#fff}.pop{z-index:45;width:340px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:14px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 16px 40px #1013132e}.pop.right{width:240px;left:auto;right:0}.pop-head{display:none}.pop-body{gap:12px;max-height:min(60vh,420px);padding:14px;display:grid;overflow-y:auto}.pop-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.pop-note{color:var(--mute);font-size:13px}.pop-bg,.sf-search-m{display:none}.link-btn{cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:4px 0;font-size:14px;font-weight:700;text-decoration:underline}.opt-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.opt-wrap{flex-wrap:wrap;gap:6px;display:flex}.opt-chip{cursor:pointer;border:1.5px solid var(--line);text-align:left;background:#fff;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:8px 12px;font-size:14.5px;font-weight:700;display:flex}.opt-chip svg{flex:none;width:20px;height:20px}.opt-chip small{color:var(--mute);margin-left:auto;padding-left:8px;font-weight:600}.opt-chip:hover{border-color:#b7aea3}.opt-chip[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.opt-chip[aria-pressed=true] small{color:#d7d2cc}.opt-chip:disabled{opacity:.45;cursor:default}.opt-check{cursor:pointer;align-items:center;gap:10px;padding:4px 2px;font-size:14.5px;font-weight:700;display:flex}.opt-check input{width:20px;height:20px;accent-color:var(--ink);margin:0}.opt-check small{color:var(--mute);margin-left:auto;font-weight:600}.tread-list,.sort-list{gap:2px;display:grid}.tread-list button,.sort-list button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:10px;font-size:14.5px;font-weight:650;display:flex}.tread-list button:hover,.sort-list button:hover{background:var(--paper)}.tread-list button[aria-pressed=true],.sort-list button[aria-pressed=true]{background:var(--paper);font-weight:800}.sort-list button[aria-pressed=true]:after{content:"✓";margin-left:auto}.tread-list small{color:var(--mute);margin-left:auto;font-weight:600}.tread-bars{grid-template-columns:repeat(10,5px);align-items:end;gap:2px;height:16px;display:grid}.tread-bars i{background:var(--paper-2);border-radius:1.5px;height:100%}.tread-bars i.f{background:var(--ink)}.tread-list button[aria-pressed=true] .tread-bars i.f{background:var(--orange-ink)}.sf-main{padding-block:18px 72px}.sf-active{flex-wrap:wrap;align-items:center;gap:8px;min-height:34px;margin-bottom:16px;display:flex}.sf-n{margin-right:6px;font-size:15px}.sf-n b{font-weight:800}.act-chip{background:var(--paper);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:6px 8px 6px 12px;font-size:13.5px;font-weight:700;display:inline-flex}.act-chip span{background:var(--paper-2);border-radius:50%;place-items:center;width:20px;height:20px;font-size:15px;line-height:1;display:grid}.act-chip:hover span{background:var(--ink);color:#fff}@media (max-width:960px){.sf-bar{top:64px}.sf-hint{display:none}.sf-search{width:200px}}@media (max-width:760px){.sf-bar-in{flex-direction:column;align-items:stretch;gap:10px;padding-block:10px}.sf-search-d{display:none}.sf-search-m{width:100%;margin-top:14px;display:block}.sf-search-m input{border-color:var(--line);background:#fff}.sf-pills{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-16px;padding-inline:16px;overflow-x:auto}.sf-pills::-webkit-scrollbar{display:none}.sf-sort{margin-left:0}.pill{height:40px}.pop,.pop.right{z-index:70;border:0;border-radius:18px 18px 0 0;grid-template-rows:auto minmax(0,1fr) auto;width:auto;max-height:82vh;position:fixed;inset:auto 0 0;box-shadow:0 -12px 40px #10131340}.pop-head{justify-content:space-between;align-items:center;padding:16px 16px 4px;font-size:18px;display:flex}.pop-x{background:var(--paper);cursor:pointer;border:0;border-radius:50%;width:40px;height:40px;font-size:24px;line-height:1}.pop-body{max-height:none;padding:12px 16px}.pop-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.pop-foot .btn{flex:1;justify-content:center;min-height:48px}.pop-bg{z-index:60;background:#10131373;display:block;position:fixed;inset:0}.sf-plate .sel.big .sel-btn{min-width:0}.sf-count{grid-auto-flow:column;justify-content:start;align-items:baseline;gap:8px;width:100%;margin:6px 0 0;padding:0 4px}.sf-count b{font-size:30px}.sf-count span{margin-top:0}.sf-tabs{margin-inline:-16px;margin-top:16px;padding-inline:16px}.sf-tabs button{padding:10px 12px 11px;font-size:14.5px}.sf-quick{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-16px;padding-inline:16px;overflow-x:auto}.sf-quick::-webkit-scrollbar{display:none}.sf-quick button,.sf-quick>span{flex:none}}