/* 星天璀工作台 · select.css —— 选品方法论（pages_select.js）。类名一律 sl- 前缀，不碰公共样式。 */
.sl-tabs{display:flex;gap:4px;flex-wrap:wrap;position:sticky;top:var(--hdrH);z-index:20;background:var(--bg);padding:6px 0 8px;border-bottom:1px solid var(--line);margin-bottom:12px}
.sl-tabs span{padding:6px 13px;border-radius:999px;font-weight:800;font-size:13px;cursor:pointer;color:var(--ink2);background:#fff;border:1px solid var(--line);white-space:nowrap}
.sl-tabs span.on{background:var(--acc);border-color:var(--acc);color:#fff}
.sl-tabs em{font-style:normal;font-size:11px;margin-left:5px;opacity:.75}
.sl-body{max-width:1280px;margin:0 auto}
.sl-body ol,.sl-body ul{margin:4px 0 8px;padding-left:20px;font-size:13px;line-height:1.65}
.sl-body a{color:var(--blue);text-decoration:none}.sl-body a:hover{text-decoration:underline}
.sl-lnk{color:var(--blue);cursor:pointer;margin-left:8px;font-size:11.5px;white-space:nowrap}
.sl-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.sl-src{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;font-size:12px;margin-top:4px}
.sl-src code{font-size:10.5px;color:var(--ink3);background:#F3F5F2;border-radius:5px;padding:0 5px;word-break:break-all}
.sl-cav{background:var(--warn-s);color:var(--deep);border-radius:8px;padding:6px 10px;font-size:12px;margin:6px 0}

/* 现状说明 */
.sl-truth{border:1.5px solid var(--warn);background:var(--warn-s);border-radius:12px;padding:12px 14px;margin-bottom:12px}
.sl-truth b{font-size:14px}.sl-truth p{margin:4px 0 8px;font-size:13px;line-height:1.6}
.sl-ainow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px;font-size:12.5px}
.sl-ainow div{display:flex;gap:6px;align-items:baseline}

/* 漏斗 */
.sl-fun{margin-bottom:12px}
.sl-funrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sl-funrow>i{font-style:normal;color:var(--ink3)}
.sl-funbox{flex:1 1 150px;background:linear-gradient(90deg,var(--acc-s) var(--w),#F6F7F4 var(--w));border-radius:10px;padding:8px 12px;display:flex;flex-direction:column}
.sl-funbox b{font-size:20px;color:var(--deep)}.sl-funbox span{font-size:12.5px;font-weight:700}.sl-funbox small{font-size:11px;color:var(--ink3)}

/* 六步 */
.sl-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:10px}
.sl-step{position:relative;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:10px 10px 10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:3px}
.sl-step em{position:absolute;right:8px;top:6px;font-style:normal;font-weight:900;font-size:18px;color:var(--line)}
.sl-step b{font-size:14px}.sl-step span{font-size:11.5px;color:var(--ink2);line-height:1.45}
.sl-step.on{border-color:var(--acc);background:var(--acc-s)}.sl-step.on em{color:var(--acc)}
.sl-li{display:flex;gap:7px;align-items:baseline;font-size:13px;line-height:1.55;margin-top:6px}
.sl-ai{border-left:4px solid var(--blue)}.sl-hu{border-left:4px solid var(--ok)}
.sl-out{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin-top:10px;font-size:13px}
.sl-out .lab2{margin:0 8px 0 0}
.sl-tb{width:100%;border-collapse:collapse;font-size:13px;margin-top:6px}
.sl-tb th{text-align:left;font-size:11.5px;color:var(--ink3);padding:6px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
.sl-tb td{padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:top}

/* 信号源 */
.sl-today{border-left:4px solid var(--acc);font-size:13px}
.sl-today a.chip{color:var(--ink);text-decoration:none}.sl-today a.chip.on{color:#fff}
.sl-gh{display:flex;gap:8px;align-items:baseline;margin:14px 0 6px}.sl-gh b{font-size:14px}.sl-gh span{font-size:12px;color:var(--ink3)}
.sl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.sl-sc{display:flex;flex-direction:column;gap:5px}
.sl-sch{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.sl-sch a{font-size:13.5px;color:var(--ink)}
.sl-kv{display:grid;grid-template-columns:78px minmax(0,1fr);gap:6px;font-size:12.5px;line-height:1.5}
.sl-kv>span{color:var(--ink3);font-size:11.5px}
.sl-sc .row{margin-top:auto;padding-top:4px}

/* 方法 / 案例 */
.sl-m{margin-bottom:8px;padding:0}
.sl-mh{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:11px 12px;cursor:pointer}
.sl-mh b{font-size:14px}.sl-caret{font-size:11.5px;color:var(--blue);white-space:nowrap}
.sl-m.open{border-color:var(--acc)}.sl-m.open .sl-mh{background:var(--acc-s);border-radius:11px 11px 0 0}
.sl-mb{padding:12px 14px 14px}
.sl-tl{margin-bottom:10px}
.sl-tli{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;padding:6px 0;border-left:2px solid var(--line);margin-left:13px;padding-left:0}
.sl-tli em{font-style:normal;font-weight:900;font-size:12px;width:26px;height:26px;border-radius:50%;background:var(--acc);color:#fff;display:flex;align-items:center;justify-content:center;margin-left:-14px}
.sl-tli b{font-size:13px}.sl-tli p{margin:2px 0 0;font-size:13px;line-height:1.65}

/* 心得 */
.sl-notes{margin-top:12px;border-top:1px dashed var(--line);padding-top:8px}
.sl-note{font-size:12.5px;line-height:1.55;padding:5px 8px;border-radius:8px;background:#F6F7F4;margin-top:5px}
.sl-note.ad{background:var(--ok-s)}
.sl-addnote{display:flex;gap:6px;margin-top:6px;align-items:center}.sl-addnote input{flex:1;min-width:0}
.sl-nc{margin-bottom:6px}.sl-nc .sl-note{background:transparent;padding:4px 0 0}
.sl-gd{margin-top:10px}.sl-gd label.chip{display:inline-flex;align-items:center}

/* 机会池 */
.sl-pfun{display:flex;align-items:stretch;gap:6px;flex-wrap:wrap}
.sl-pfun>i{font-style:normal;color:var(--ink3);align-self:center}
.sl-pfun>div{flex:1 1 90px;background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:6px 10px;cursor:pointer;display:flex;flex-direction:column}
.sl-pfun b{font-size:18px}.sl-pfun span{font-size:12px;color:var(--ink2)}
.sl-pfun>div.on{border-color:var(--acc);background:var(--acc-s)}.sl-pfun>div.drop b{color:var(--ink3)}
.sl-pool td{font-size:12.5px}.sl-pool th{background:#F6F7F4}
.sl-or{cursor:pointer}.sl-or:hover td{background:#FAFAF7}.sl-or.open td{background:var(--acc-s)}
.sl-dcs{display:inline-flex;gap:3px}
.sl-dc{font-style:normal;width:20px;height:20px;border-radius:5px;background:#EEF1EF;color:var(--ink3);font-size:11.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.sl-dc.ok{background:var(--ok-s);color:var(--ok)}.sl-dc.bad{background:var(--bad-s);color:var(--bad)}.sl-dc.noev{border:1px dashed var(--ink3);background:#fff}
.sl-od>td{background:#FCFBF8;padding:0}.sl-odin{padding:12px 14px;border-left:4px solid var(--acc)}
.sl-odin label,.sl-form label{display:block;font-size:11.5px;color:var(--ink2);margin-top:6px}
.sl-odin label>input,.sl-odin label>select,.sl-odin label>textarea,.sl-form label>input,.sl-form label>select,.sl-form label>textarea{margin-top:2px;width:100%;border-radius:8px;padding:6px 8px;font-size:13px}
.sl-form label.req::before{content:"● ";color:var(--bad)}
.sl-fg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 10px}
.sl-log{max-height:150px;overflow:auto;font-size:12px;line-height:1.6;background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 8px}
.sl-form{border:1.5px solid var(--acc);margin-bottom:10px}
.sl-aibox{background:var(--blue-s);border-radius:10px;padding:8px 10px;margin-bottom:6px}
.sl-aibox textarea{margin-top:4px}
.sl-sr{display:grid;grid-template-columns:150px minmax(0,1.2fr) minmax(0,1fr) auto;gap:4px 8px;align-items:center;padding:6px 0;border-top:1px solid var(--line)}
.sl-srn{display:flex;flex-direction:column}.sl-srn b{font-size:13px}
.sl-sr select.sel{width:100%;border-radius:8px;padding:6px 8px;font-size:12.5px}
.sl-srh{grid-column:2/-1}

@media (max-width:900px){
 .sl-pair,.sl-ainow,.sl-out{grid-template-columns:minmax(0,1fr)}
 .sl-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sl-fg{grid-template-columns:minmax(0,1fr)}
 .sl-sr{grid-template-columns:minmax(0,1fr)}.sl-srh{grid-column:auto}
 .sl-grid{grid-template-columns:minmax(0,1fr)}
}