/* screen.css — 智能选股页：左筛选 + 右结果 */

.body--scr{grid-template-columns:286px minmax(0,1fr)}
/* 两个子元素都写死列：base.css 在 ≤1080 会把 aside 藏掉，
   一旦 aside 不在流里，grid 的自动放置会把表格塞进第 1 列（286px），
   表格就被压成窄条。这里同时把 display 提上来，破掉 base 的 aside{display:none}。 */
.body--scr .filters{
  display:block;grid-column:1;grid-row:1;
  border-left:0;border-right:1px solid var(--line);padding:12px 13px 28px;
  overflow:auto;background:var(--panel);
}
.body--scr .tablewrap{grid-column:2;grid-row:1}
.filterbtn{display:none;align-items:center;gap:6px}
.filterbtn svg{flex:0 0 auto}

.fsec{margin-bottom:16px}
.fst{
  display:flex;align-items:center;justify-content:space-between;
  font-size:11px;color:var(--tx-3);letter-spacing:.3px;margin-bottom:8px;
}
.fst .lnk{border:0;background:none;color:var(--acc);font-size:11px;cursor:pointer;padding:0;font-family:inherit}
.fst .lnk:hover{text-decoration:underline}

/* 预设 */
.presets{display:flex;flex-wrap:wrap;gap:5px}
.pbtn{
  border:1px solid var(--line);background:var(--panel-2);color:var(--tx-2);
  padding:5px 9px;border-radius:7px;font-size:11.5px;cursor:pointer;font-family:inherit;transition:.15s;
}
.pbtn:hover{color:var(--tx);border-color:var(--tx-3)}
.pbtn.on{background:var(--acc);border-color:var(--acc);color:#fff;font-weight:550}

/* 条件行 */
.cond{padding:7px 0;border-bottom:1px dashed var(--line-soft)}
.cond:last-child{border-bottom:0}
.cond .cl{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}
.cond .cl b{font-size:11.5px;font-weight:500;color:var(--tx-2)}
.cond .cl span{font-size:10px;color:var(--tx-3)}
.cond .ci{display:flex;align-items:center;gap:5px}
.cond .ci input{
  width:100%;min-width:0;height:28px;border-radius:6px;border:1px solid var(--line);
  background:var(--panel-2);color:var(--tx);font-size:12px;font-family:var(--mono);
  padding:0 7px;outline:none;transition:.15s;
}
.cond .ci input:focus{border-color:var(--acc);background:var(--panel)}
.cond .ci input::-webkit-outer-spin-button,
.cond .ci input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cond .ci i{color:var(--tx-3);font-style:normal;font-size:11px;flex:0 0 auto}

#indSel{width:100%;height:32px;font-size:12px}
.fhint{font-size:10.5px;line-height:1.75;color:var(--tx-3);padding:9px 10px;border-radius:8px;
  background:var(--panel-2);border:1px solid var(--line-soft)}
.fhint b{color:var(--tx-2);font-weight:600}

/* 结果表 */
.body--scr .tablewrap{border-left:0}
.body--scr .vtable tbody tr{height:42px}
.body--scr .vtable tbody td{height:42px;padding:0 8px}

@media (max-width:1240px){ .vtable .c-in{display:none} }
@media (max-width:1040px){ .vtable .c-mc,.vtable .c-pe{display:none} }
@media (max-width:900px){
  .body--scr{grid-template-columns:1fr}
  .body--scr .tablewrap{grid-column:1}
  .filterbtn{display:inline-flex;height:32px;padding:0 11px;border-radius:8px;
    border:1px solid var(--line);background:var(--panel-2);color:var(--tx-2);font-size:12px;cursor:pointer}
  .body--scr .filters{
    position:fixed;left:0;top:0;bottom:0;width:284px;z-index:56;
    transform:translateX(-102%);transition:transform .26s cubic-bezier(.4,0,.2,1);
    box-shadow:var(--shadow);padding-top:16px;
  }
  body.fopen .body--scr .filters{transform:none}
  .body--scr .vtable .c-np,.vtable .c-am{display:none}
}
@media (max-width:640px){
  .vtable .c-tu,.vtable .c-vr{display:none}
  .vtable th[data-k="name"]{width:120px}
  .vtable th[data-k="price"]{width:62px}
  .vtable th[data-k="chg"]{width:78px}
  .vtable th[data-k="net"]{width:84px}
  .vtable .cd{display:block;margin-left:0;font-size:10px}
}