/* ===== 解禁与减持（pages/reduce.html）=====
   配色：主色 #27548c；减持金额＝暖橙 #e8590c；减持股数＝蓝 #27548c；
   解禁市值＝紫 #7048e8；对照基准线＝灰蓝 #8a93a5。红涨绿跌仅用于个股涨跌幅文本。 */
:root{
  --rd-blue:#27548c; --rd-up:#e03131; --rd-dn:#0ca678;
  --rd-bd:#e3e4e6; --rd-mut:#8a93a5; --rd-ink:#0a0a0a; --rd-line:#f0f0f2;
  --rd-c1:#e8590c; --rd-c2:#27548c; --rd-c3:#7048e8; --rd-c4:#0b9aa4; --rd-c5:#f59f00;
  --rd-c6:#c2255c; --rd-c7:#495057;
}
body{background:#fafafa;}

/* ---------------- 顶部切换条（导航栏正下方，「套利」条同款范式） ---------------- */
#rdTabs{position:sticky;top:58px;z-index:70;}
.rd-tabs{display:flex;align-items:center;gap:14px;max-width:1760px;margin:0 auto;padding:8px 18px;
  background:rgba(255,255,255,.86);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);
  border-bottom:1px solid rgba(0,0,0,.05);}
.rd-cap{flex:none;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;
  color:var(--rd-ink);letter-spacing:.5px;}
.rd-cap .dot{width:8px;height:8px;border-radius:50%;background:var(--rd-blue);flex:none;
  box-shadow:0 0 0 3px rgba(0,0,0,.045);}
/* ★窄屏防溢出：三档切换条整块 inline-flex 不可收缩，420px 下会把文档撑到 527px
   —— 收起为容器内横向滚动，不再撑宽页面 */
.rd-sw{display:inline-flex;gap:4px;padding:4px;background:#f2f3f5;border-radius:12px;
  max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.rd-sw::-webkit-scrollbar{display:none;}
.rd-tab{border:0;background:none;font:inherit;padding:7px 18px;border-radius:9px;cursor:pointer;
  display:flex;align-items:baseline;gap:9px;white-space:nowrap;transition:.15s;}
.rd-tab b{font-size:13.5px;font-weight:700;color:#48484a;}
.rd-tab i{font-style:normal;font-size:11px;color:#9a9aa0;}
.rd-tab:hover b{color:var(--rd-blue);}
.rd-tab.on{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.10);}
.rd-tab.on b{color:var(--rd-blue);}
.rd-tab.on i{color:#aab2c2;}

/* ---------------- 视图内功能切换 chip（单面板，免翻页） ---------------- */
.rd-fnbar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px;}
.rd-fn{border:1px solid #e3e4e6;background:#fff;border-radius:999px;padding:9px 18px;
  font:600 12.5px/1 inherit;color:#5a6478;cursor:pointer;transition:.15s;white-space:nowrap;}
.rd-fn:hover{border-color:#b3c7e2;color:var(--rd-blue);}
.rd-fn.on{background:var(--rd-blue);border-color:var(--rd-blue);color:#fff;
  box-shadow:0 2px 8px rgba(39,84,140,.25);}

/* ---------------- 分块 ---------------- */
.rd-sec{margin:0 0 26px;}
.rd-sec:last-child{margin-bottom:4px;}
.rd-sec-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 4px;}
.rd-sec-h .no{flex:0 0 auto;width:22px;height:22px;border-radius:6px;background:#eef3fa;color:var(--rd-blue);
  font:700 12px/22px inherit;text-align:center;}
.rd-sec-h h2{margin:0;font-size:14.5px;font-weight:650;color:var(--rd-ink);}
.rd-sec-h .sub{font-size:11.5px;color:var(--rd-mut);font-weight:400;}
.rd-note{font-size:11.5px;color:var(--rd-mut);line-height:1.75;margin:2px 0 12px;}

/* ---------------- 过滤条 ---------------- */
.rd-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 14px;}
.rd-bar .lab{font-size:12px;color:#9aa3b2;}
.rd-seg{display:flex;border:1px solid #e3e4e6;border-radius:9px;overflow:hidden;background:#fff;}
.rd-seg button{border:0;background:none;font:600 12.5px/1 inherit;color:#86868b;padding:8px 13px;cursor:pointer;
  white-space:nowrap;transition:.15s;}
.rd-seg button+button{border-left:1px solid #f0f0f2;}
.rd-seg button:hover{color:var(--rd-blue);background:#f7faff;}
.rd-seg button.on{background:var(--rd-blue);color:#fff;}
.rd-bar input,.rd-bar select{border:1px solid #e3e4e6;border-radius:9px;padding:8px 12px;font-size:12.5px;
  font-family:inherit;color:var(--rd-ink);background:#fff;outline:none;box-sizing:border-box;}
.rd-bar input{width:180px;}
.rd-bar select{font-weight:600;max-width:180px;cursor:pointer;}
.rd-bar input:focus{border-color:var(--rd-blue);box-shadow:0 0 0 3px rgba(39,84,140,.10);}
.rd-btn{border:1px solid #e3e4e6;background:#fff;border-radius:9px;padding:8px 14px;font:600 12.5px/1 inherit;
  color:#5a6478;cursor:pointer;transition:.15s;white-space:nowrap;}
.rd-btn:hover{border-color:#b3c7e2;color:var(--rd-blue);}
.rd-btn.pri{background:var(--rd-blue);border-color:var(--rd-blue);color:#fff;}
.rd-btn.pri:hover{background:#255ce0;}

/* ---------------- 统计卡 ---------------- */
.rd-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px;margin:0 0 16px;}
.rd-kpi{background:#fff;border:1px solid var(--rd-bd);border-radius:14px;padding:11px 13px;min-width:0;}
.rd-kpi .k{font-size:11.5px;color:var(--rd-mut);margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rd-kpi .v{font-size:19px;font-weight:700;color:var(--rd-ink);line-height:1.15;letter-spacing:-.2px;}
.rd-kpi .v small{font-size:11.5px;font-weight:600;color:var(--rd-mut);margin-left:3px;}
.rd-kpi .d{font-size:11px;color:var(--rd-mut);margin-top:3px;}

/* ---------------- 图 / 表 ---------------- */
.rd-chart{width:100%;height:290px;}
.rd-chart.sm{height:230px;}
.rd-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;}
.rd-card{background:#fff;border:1px solid var(--rd-bd);border-radius:22px;padding:12px 14px 8px;min-width:0;}
.rd-card h3{margin:0 0 8px;font-size:12.5px;font-weight:650;color:#454e61;}
.rd-card h3 span{font-weight:400;color:var(--rd-mut);font-size:11.5px;margin-left:6px;}

.rd-tw{overflow-x:auto;border:1px solid var(--rd-bd);border-radius:10px;background:#fff;}
.rd-tbl{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap;}
.rd-tbl th{background:#f8fafd;color:#5a6478;font-weight:700;font-size:12px;text-align:left;
  padding:10px 12px;border-bottom:1px solid var(--rd-bd);position:sticky;top:0;z-index:1;}
.rd-tbl td{padding:10px 12px;border-bottom:1px solid var(--rd-line);color:#2b2f36;}
.rd-tbl tbody tr:hover{background:#f7faff;}
.rd-tbl tbody tr{cursor:pointer;}
.rd-tbl .num{text-align:right;font-variant-numeric:tabular-nums;}
.rd-tbl .mut{color:#5f6b80;}          /* ★提亮：原 #8a93a5 在浅底上对比度不足 */
.rd-tbl .up{color:var(--rd-up);}
.rd-tbl .dn{color:var(--rd-dn);}
.rd-tbl .code{font-variant-numeric:tabular-nums;color:#5f6b80;font-size:12px;}
.rd-tbl .nm{font-weight:650;color:#1f2329;}
.rd-tbl a{color:var(--rd-blue);text-decoration:none;}
.rd-tbl a:hover{text-decoration:underline;}
.rd-tbl tbody tr.on{background:#eef3fa;}

.rd-empty{padding:38px 16px;text-align:center;color:var(--rd-mut);font-size:12.5px;}
.rd-more{display:flex;justify-content:center;padding:12px 0 2px;}
.rd-tag{display:inline-block;padding:1px 7px;border-radius:5px;background:#f0f0f2;color:#5a6478;
  font-size:11px;font-weight:600;margin-right:4px;}
.rd-tag.w{background:#fff4e6;color:#b8500b;}
.rd-tag.b{background:#eef3fa;color:#255ce0;}
.rd-tag.v{background:#f3f0ff;color:#5f3dc4;}

/* ---------------- 表格工具条（下载 / 时间区间 / 行数） ---------------- */
.rd-tblwrap{margin:0 0 10px;}
.rd-tblbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 8px;padding:8px 10px;
  background:#f8fafd;border:1px solid var(--rd-bd);border-radius:10px;
  /* ★sticky 跟随表格滚动，吸附在页签条下方（页签条 z-index:70，工具条 60 在其下）*/
  position:sticky;top:110px;z-index:60;}
.rd-tblbar .lab{font-size:11.5px;color:#9aa3b2;font-weight:600;}
.rd-tblbar .sep{color:#c0c6d2;font-size:12px;}
.rd-tblbar input[type="date"]{border:1px solid #e3e4e6;border-radius:7px;padding:5px 8px;font-size:11.5px;
  font-family:inherit;color:var(--rd-ink);background:#fff;outline:none;max-width:132px;}
.rd-tblbar input[type="date"]:focus{border-color:var(--rd-blue);box-shadow:0 0 0 3px rgba(39,84,140,.10);}
.rd-btn.sm{padding:5px 11px;font-size:11.5px;border-radius:7px;}
.rd-tbcnt{margin-left:auto;font-size:11px;color:var(--rd-mut);font-variant-numeric:tabular-nums;}

/* ---------------- 弹层 ---------------- */
.rd-mask{position:fixed;inset:0;background:rgba(20,24,32,.42);z-index:120;
  display:flex;align-items:flex-start;justify-content:center;padding:44px 18px 18px;overflow:auto;}
.rd-mask[hidden]{display:none;}
.rd-modal{background:#fff;border-radius:14px;width:min(1000px,100%);box-shadow:0 18px 50px rgba(20,24,32,.24);
  overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 70px);}
.rd-modal .mh{display:flex;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid var(--rd-bd);}
.rd-modal .mh b{font-size:15px;font-weight:650;color:var(--rd-ink);}
.rd-modal .mh .code{font-size:12px;color:var(--rd-mut);font-variant-numeric:tabular-nums;}
.rd-modal .mh .sub{font-size:11.5px;color:var(--rd-mut);padding-left:10px;border-left:1px solid var(--rd-bd);}
.rd-modal .mh .x{margin-left:auto;border:0;background:#f0f0f2;border-radius:8px;width:28px;height:28px;
  font-size:15px;color:#86868b;cursor:pointer;}
.rd-modal .mh .x:hover{background:#e6ebf3;}
.rd-modal .mb{padding:14px 18px 18px;overflow:auto;}
.rd-mk{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 10px;}
.rd-mk .m{font-size:11.5px;background:#f8fafd;border:1px solid var(--rd-bd);border-radius:7px;padding:6px 10px;color:#5a6478;}
.rd-mk .m b{color:var(--rd-ink);}
.rd-mk .m.hi{background:#fff8f0;border-color:#ffe0bd;color:#b8500b;}
.rd-mk .m.hi b{color:#8a3c05;}

/* ---------------- 股价跟踪 ---------------- */
.rd-track{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;}
.rd-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11.5px;color:var(--rd-mut);margin:0 0 4px;}
.rd-legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px;vertical-align:middle;}
.rd-hit{font-size:12px;color:#b8500b;background:#fff8f0;border:1px solid #ffe0bd;border-radius:8px;
  padding:8px 11px;margin:0 0 10px;line-height:1.6;}

@media (max-width:760px){
  .rd-modal{max-height:none;}
  .rd-kpis{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));}
}

/* ---------------- 滚动四周分位刻度条（模块） ---------------- */
.rd-qbcard{background:#fff;border:1px solid var(--rd-bd);border-radius:14px;padding:12px 16px 10px;margin:0 0 16px;}
.rd-qbh{display:flex;align-items:baseline;gap:10px;font-size:12px;color:var(--rd-mut);flex-wrap:wrap;}
.rd-qbh b{font-size:18px;color:var(--rd-ink);font-weight:700;letter-spacing:-.2px;}
.rd-qbp{margin-left:auto;font-size:11.5px;background:#eef3fa;color:var(--rd-blue);border-radius:999px;
  padding:3px 10px;font-weight:600;}
.rd-qb{position:relative;height:10px;margin:26px 8px 28px;
  background:linear-gradient(90deg,#f2f5fa,#e6ecf5);border-radius:999px;}
.rd-qb-tk{position:absolute;top:-4px;width:0;height:18px;}
.rd-qb-tk i{position:absolute;left:-1px;top:0;width:2px;height:18px;background:#c3ccdb;border-radius:1px;}
.rd-qb-tk b{position:absolute;left:-10px;top:-19px;font-size:10.5px;color:#86868b;font-weight:600;}
.rd-qb-tk em{position:absolute;left:-13px;top:21px;font-size:10.5px;color:#b0b7c3;font-style:normal;}
.rd-qb-cur{position:absolute;top:-6px;width:0;height:22px;}
.rd-qb-cur i{position:absolute;left:-4px;top:0;width:8px;height:8px;border-radius:50%;background:var(--rd-blue);
  box-shadow:0 0 0 3px rgba(39,84,140,.15);}
.rd-qb-cur b{position:absolute;left:-16px;top:-27px;font-size:11.5px;color:var(--rd-blue);font-weight:700;white-space:nowrap;}
.rd-qbf{font-size:11px;color:var(--rd-mut);line-height:1.75;border-top:1px dashed #eef0f4;padding-top:8px;}
.tags .t.hi{background:#eef3fa;color:#255ce0;}

/* ---------------- 规则事件卡（模块） ---------------- */
.rd-evlist{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;}
.rd-ev{display:flex;gap:12px;background:#fff;border:1px solid var(--rd-bd);border-radius:14px;padding:12px 14px;min-width:0;}
.rd-ev-d{flex:0 0 58px;font:700 12px/1.7 inherit;color:var(--rd-blue);font-variant-numeric:tabular-nums;}
.rd-ev-b{min-width:0;}
.rd-ev-b b{font-size:12.5px;color:var(--rd-ink);font-weight:650;line-height:1.6;}
.rd-ev-o{font-size:11px;color:#a0a7b5;margin:2px 0 5px;}
.rd-ev-e{font-size:11.5px;color:#5a6478;line-height:1.75;}
.rd-ev-l{margin:6px 0 0;padding-left:16px;font-size:11px;color:var(--rd-mut);line-height:1.7;}

@media (max-width:760px){
  .rd-evlist{grid-template-columns:minmax(0,1fr);}
  .rd-qb-tk em{display:none;}
}

/* ---------------- 解禁反应分布（） ---------------- */
.rd-react{background:#fff;border:1px solid var(--rd-bd);border-radius:16px;padding:12px 14px;min-width:0;}
.rd-react h3{margin:0 0 10px;font-size:12.5px;font-weight:650;color:#454e61;}
.rd-react h3 span{font-weight:400;color:var(--rd-mut);font-size:11px;margin-left:6px;}
.rd-rect{display:flex;align-items:center;gap:8px;margin:7px 0;font-size:11.5px;color:#5a6478;}
.rd-rect-k{flex:0 0 76px;}
.rd-rect-bar{flex:1;height:12px;background:#f2f3f5;border-radius:6px;overflow:hidden;}
.rd-rect-bar i{display:block;height:100%;background:linear-gradient(90deg,#27548c,#7048e8);border-radius:6px;}
.rd-rect-v{flex:0 0 52px;text-align:right;font-weight:650;color:var(--rd-ink);font-variant-numeric:tabular-nums;}
.rd-react-n{font-size:11px;color:var(--rd-mut);line-height:1.7;border-top:1px dashed #eef0f4;margin-top:9px;padding-top:7px;}
.rd-note-inline{font-size:11.5px;color:var(--rd-mut);background:#f8fafd;border:1px solid var(--rd-bd);border-radius:8px;padding:6px 10px;}

/* ---------------- 限售期结构 / 滞后规律 说明条 ---------------- */
.rd-rule{font-size:11.5px;color:#5a6478;background:#f8fafd;border:1px solid #e3e8f0;border-left:3px solid var(--rd-blue);
  border-radius:8px;padding:8px 12px;margin:0 0 8px;line-height:1.75;}
.rd-rule b{color:var(--rd-blue);}
