判据很简单：**trigger 的任何祖先有 overflow 不是 visible → 用 fixed。**
fixed 定位的浮层还必须显式给 width（见上面 min-width 那条注释）。 */
.ic-listbox--fixed{position:fixed;top:auto;left:auto}
/* 浮层宽度硬上限，全类型统一。任何新浮层自动继承这道闸。 */
.ic-listbox,.ic-menu,.ic-tooltip{max-width:min(360px,92vw);box-sizing:border-box}
.ic-listbox[data-state="open"]{animation:ic-pop-in var(--ic-t-in) both}
.ic-listbox__search{
flex:none;font:400 var(--ic-fs-body)/1.4 var(--ic-font);padding:9px 11px;
border:0;border-bottom:var(--ic-bw) solid var(--ic-soft);
background:var(--ic-paper);color:var(--ic-ink);
}
.ic-listbox__search:focus{outline:none;background:var(--ic-surface)}
.ic-listbox__body{overflow-y:auto;padding:var(--ic-1)}
/* 约定 2：全选/取消全选放面板内部，不占外面位置 */
.ic-listbox__foot{
flex:none;display:flex;gap:var(--ic-1);padding:var(--ic-1);
border-top:var(--ic-bw) solid var(--ic-soft);background:var(--ic-paper);
}
.ic-option{
display:flex;align-items:center;gap:var(--ic-2);
padding:7px 9px;border-radius:calc(var(--ic-r) - 1px);cursor:pointer;
font-size:var(--ic-fs-body);color:var(--ic-ink);
transition:background-color var(--ic-t);
}
.ic-option:hover,.ic-option[data-highlighted="true"]{background:var(--ic-inset)}
.ic-option:active{background:var(--ic-soft)}
.ic-option[aria-selected="true"]{font-weight:600}
.ic-option[aria-selected="true"]::before{
content:"";width:14px;height:14px;flex:none;border-radius:2px;
border:1.5px solid var(--ic-brand);background:var(--ic-brand);
/* 这个对勾只能走 background-image：::before 不能再嵌一层伪元素，
而 mask 会把方块和描边一起挖掉。SVG 里的颜色是烤死的，所以暗色
主题块里要换成深色那张——见文件末尾两处 --ic-tick-on-brand。 */
background-image:var(--ic-tick-on-brand);
background-repeat:no-repeat;background-position:center;
}
.ic-option[aria-selected="false"]::before{
content:"";width:14px;height:14px;flex:none;border-radius:2px;
border:1.5px solid var(--ic-soft);
}
/* 单选：不画勾选框，用一个对勾表示当前项——避免让人以为能多选。 */
.ic-combobox[data-multi="false"] .ic-option::before{
border:0;background:none;border-radius:0;
}
.ic-combobox[data-multi="false"] .ic-option[aria-selected="true"]::before{
background:var(--ic-brand);
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 4.5l3.5 3.5L11 1'/%3E%3C/svg%3E") center no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 4.5l3.5 3.5L11 1'/%3E%3C/svg%3E") center no-repeat;
}
.ic-option[aria-disabled="true"]{color:var(--ic-ink-3);cursor:not-allowed;pointer-events:none}
/* 约定 3：筛选器列全集，没数据的显示 0 不隐藏 */
.ic-option__count{margin-left:auto;font:400 var(--ic-fs-cap)/1 var(--ic-mono);color:var(--ic-ink-3);
font-variant-numeric:tabular-nums}
.ic-option[data-empty="true"]{color:var(--ic-ink-3)}
.ic-option[data-empty="true"] .ic-option__count{opacity:.6}
/* ── 数据表 ─────────────────────────────────────────────────
⚠️ 数据表是**一个复合组件**，不是「表格 + 旁边几个按钮」。
它有头、身、尾三段，一个边框包住：