/* fix0922d1web: 筛选折叠抽屉样式（D1 web ①）——明暗双态走 --cp-* token，交互模式对齐站内既有 cp-qr-overlay 底部弹层 */
.cpfd-trigger{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:20px;border:1px solid var(--cp-border);background:var(--cp-card);color:var(--cp-secondary);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .25s cubic-bezier(.34,1.56,.64,1)}
.cpfd-trigger:hover{border-color:var(--cp-accent);color:var(--cp-text)}
.cpfd-trigger:focus-visible{outline:2px solid var(--cp-accent);outline-offset:2px}
.cpfd-trigger .cpfd-badge{min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--cp-accent);color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;font-style:normal}
.cpfd-overlay{position:fixed;inset:0;z-index:99998;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .25s cubic-bezier(.34,1.56,.64,1),visibility .25s;display:flex;align-items:flex-end;justify-content:center}
.cpfd-overlay.show{opacity:1;visibility:visible}
.cpfd-panel{width:100%;max-width:560px;max-height:70vh;background:var(--cp-card,#fff);border-radius:16px 16px 0 0;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 -8px 40px rgba(0,0,0,.18);overflow:hidden}
.cpfd-overlay.show .cpfd-panel{transform:translateY(0)}
.cpfd-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;flex-shrink:0}
.cpfd-title{font-size:15px;font-weight:700;color:var(--cp-text,#2b2226)}
.cpfd-close{border:none;background:transparent;font-size:16px;color:var(--cp-secondary);cursor:pointer;padding:4px 8px;line-height:1;border-radius:6px}
.cpfd-close:hover{background:var(--cp-bg)}
.cpfd-body{overflow-y:auto;padding:2px 16px 10px;-webkit-overflow-scrolling:touch}
.cpfd-foot{padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));flex-shrink:0}
.cpfd-done{width:100%;padding:11px 0;border:none;border-radius:12px;background:var(--cp-accent,#c9486a);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .25s cubic-bezier(.34,1.56,.64,1)}
.cpfd-done:hover{opacity:.9}
/* 抽屉内筛选条改换行展示（原横向滚动形态不适合抽屉，仅 scoped 覆盖、不动原 CSS 定义） */
.cpfd-body .cp-filter-bar{overflow-x:visible;flex-wrap:wrap;padding:2px 0 8px;margin-bottom:0}
.cpfd-body .cp-ll-cat-chips{flex-wrap:wrap;overflow-x:visible;padding:2px 0 8px}
body.cpfd-lock{overflow:hidden}
/* fix0922d1web: 系统开启“减弱动态效果”时回退无动效（行业标准，D1 web ③ 同款约束） */
@media (prefers-reduced-motion:reduce){.cpfd-overlay,.cpfd-panel,.cpfd-trigger,.cpfd-done{transition:none!important}}