/* ===== 南北向资金 · 模块样式（8 页复用，叠加在 capital.css 之上） =====
   约定：主色 #27548c / 赭石 #b45309；红涨 #e03131 / 绿跌 #0ca678（A 股口径） */

/* ---- 页内通道切换 ---- */
.ns-seg{display:inline-flex;gap:0;border:1px solid var(--bd);border-radius:9px;overflow:hidden;background:#fff;}
.ns-seg button{border:0;background:transparent;color:#5b6473;font-size:12.5px;font-weight:600;
  padding:7px 15px;cursor:pointer;transition:.15s;white-space:nowrap;font-family:inherit;}
.ns-seg button + button{border-left:1px solid var(--bd);}
.ns-seg button:hover{background:#f5f9ff;color:#27548c;}
.ns-seg button.on{background:#27548c;color:#fff;}
.ns-seg.sm button{padding:5px 11px;font-size:12px;}

.ns-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;}
.ns-bar .sp{flex:1 1 auto;}

/* ---- 数据表 ---- */
.ns-tbwrap{overflow:auto;max-height:640px;border:1px solid #eef0f4;border-radius:10px;background:#fff;}
.ns-tb{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px;}
.ns-tb thead th{position:sticky;top:0;z-index:2;background:#f7f9fd;color:#6a7383;font-weight:600;
  font-size:11.5px;padding:9px 10px;text-align:right;white-space:nowrap;border-bottom:1px solid #e6eaf1;
  user-select:none;}
.ns-tb thead th.l{text-align:left;}
.ns-tb thead th.s{cursor:pointer;}
.ns-tb thead th.s:hover{color:#27548c;}
.ns-tb thead th .ar{font-size:9px;color:#b3bac8;margin-left:2px;}
.ns-tb thead th.act .ar{color:#27548c;}
.ns-tb tbody td{padding:7px 10px;text-align:right;white-space:nowrap;border-bottom:1px solid #f3f4f7;
  font-variant-numeric:tabular-nums;color:#2b3240;}
/* 红涨绿跌：td 选择器优先级高于 capital.css 的 .up/.dn，需同权重补写 */
.ns-tb tbody td.up{color:#e03131;}
.ns-tb tbody td.dn{color:#0ca678;}
.ns-tb tbody td.l{text-align:left;}
.ns-tb tbody tr:hover td{background:#f5f9ff;}
.ns-tb tbody tr.hl td{background:#fdf7ec;}
.ns-tb tbody tr:last-child td{border-bottom:0;}
.ns-tb .nm{font-weight:700;color:#0a0a0a;}
.ns-tb .cd{color:#b3bac8;font-size:11px;font-weight:500;margin-left:5px;}
.ns-tb .ind{color:#7c8697;font-size:11.5px;}
.ns-tb .rank{display:inline-block;min-width:19px;height:19px;line-height:19px;text-align:center;
  border-radius:5px;background:#eef2f8;color:#5b6473;font-size:11px;font-weight:700;}
.ns-tb .rank.t3{background:#27548c;color:#fff;}
.ns-tb .mb{display:inline-block;height:7px;border-radius:4px;vertical-align:middle;background:#e03131;opacity:.85;}
.ns-tb .mb.neg{background:#0ca678;}

/* ---- 额度卡 ---- */
.ns-q{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;}
.ns-q .qc{background:#fff;border:1px solid var(--gl-line-l,#e6e8ec);border-radius:14px;padding:14px 16px;
  box-shadow:var(--gl-shadow-sm,none);}
.ns-q .qc .qh{display:flex;align-items:baseline;gap:8px;margin-bottom:10px;}
.ns-q .qc .qh b{font-size:15px;}
.ns-q .qc .qh .d{font-size:11px;font-weight:700;padding:1px 7px;border-radius:5px;background:#eef2f8;color:#27548c;}
.ns-q .qc .qh .d.s{background:#fdf1e3;color:#b45309;}
.ns-q .qc .row{display:flex;justify-content:space-between;font-size:12.5px;padding:4px 0;color:#5b6473;}
.ns-q .qc .row b{color:#0a0a0a;font-variant-numeric:tabular-nums;}
.ns-q .qc .pg{height:8px;border-radius:5px;background:#eef1f6;overflow:hidden;margin:9px 0 5px;}
.ns-q .qc .pg i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#3f7ac4,#27548c);}
.ns-q .qc .pg i.full{background:linear-gradient(90deg,#e8590c,#e03131);}
.ns-q .qc .ft{font-size:11px;color:#9aa3b2;}

/* ---- 小提示条 ---- */
.ns-alert{display:flex;gap:9px;align-items:flex-start;background:#fdf7ec;border:1px solid #f2e3cb;
  border-radius:10px;padding:10px 13px;font-size:12px;color:#8a6a33;line-height:1.8;margin-bottom:12px;}
.ns-alert b{color:#b45309;}
.ns-alert .ic{font-size:13px;line-height:1.5;}

/* ---- 统计小卡 ---- */
.ns-mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:9px;margin-bottom:12px;}
.ns-mini .m{background:#f8fafd;border:1px solid #edf0f6;border-radius:10px;padding:8px 11px;}
.ns-mini .m .k{font-size:11px;color:#8a93a5;margin-bottom:3px;}
.ns-mini .m .v{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;}

.ns-search{border:1px solid var(--bd);border-radius:8px;padding:6px 11px;font-size:12.5px;
  outline:none;width:190px;font-family:inherit;color:#2b3240;background:#fff;}
.ns-search:focus{border-color:#9dc0ff;box-shadow:0 0 0 3px rgba(39,84,140,.08);}
.ns-btn{border:1px solid var(--bd);background:#fafafa;color:#48484a;border-radius:8px;
  padding:6px 12px;font-size:12px;cursor:pointer;font-family:inherit;transition:.15s;}
.ns-btn:hover{border-color:#9dc0ff;color:#27548c;background:#f5f9ff;}
.ns-btn.on{background:#27548c;color:#fff;border-color:#27548c;}

@media (max-width:720px){
  .ns-tbwrap{max-height:460px;}
  .ns-search{width:130px;}
}