.henglian-currency-v20{position:relative;display:flex;align-items:center;z-index:90;font-size:13px}
.henglian-currency-trigger{display:flex!important;align-items:center;gap:5px!important;color:#fff!important;background:transparent!important;border:0!important;padding:4px 2px!important;white-space:nowrap;font-size:13px!important}
.henglian-currency-trigger>span{color:#e3ebf6}.henglian-currency-trigger>b{color:#1da1ff;font-size:13px}.henglian-currency-trigger>i{color:#1da1ff;font-size:9px;font-style:normal}
.henglian-currency-popover{position:absolute;top:36px;right:-22px;width:356px;background:#fff;color:#2e3745;border-radius:8px;padding:15px 16px 14px;box-shadow:0 10px 28px #07111f4d;border:1px solid #dfe5ed;white-space:normal;z-index:160}
.henglian-currency-popover[hidden]{display:none!important}
.currency-popover-head{border-left:3px solid #1598e5;padding-left:9px;margin-bottom:14px}.currency-popover-head b{font-size:15px;display:block;color:#283447}.currency-popover-head span{display:block;color:#667489;font-size:11px;margin-top:3px}
.currency-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:13px}.currency-card{position:relative;min-height:86px;background:#fff!important;border:1px solid #aeb8c5!important;border-radius:4px!important;color:#303846!important;padding:9px 8px!important;text-align:center!important;display:flex!important;flex-direction:column;justify-content:center;gap:1px}.currency-card:nth-child(3){grid-column:1}.currency-card span{font-size:14px}.currency-card strong{font-size:15px;font-weight:500}.currency-card small{font-size:10px;color:#5b6676;margin-top:3px}.currency-card.active{border:1.5px solid #0d91ff!important;background:#e9f5ff!important;color:#0789e8!important}.currency-card.active small{color:#0789e8}.currency-card.active:after{content:'时';position:absolute;right:-7px;top:-7px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#4ba8ff;color:#fff;font-size:11px;font-weight:700}
.currency-live-title{display:flex;align-items:center;justify-content:space-between;margin:3px 0 7px}.currency-live-title b{font-size:13px}.currency-refresh-rate{color:#168ed4!important;border:0!important;background:transparent!important;padding:2px 5px!important;font-size:11px!important}
.currency-live-box{background:#f6f6f7;padding:8px 10px;display:grid;gap:3px}.currency-live-box>div{display:grid;grid-template-columns:58px 1fr 34px;gap:5px;align-items:center;font-size:11px}.currency-live-box span{color:#4d5969}.currency-live-box b{text-align:right;color:#26374d;font-variant-numeric:tabular-nums}.currency-live-box em{font-style:normal;color:#778396}
.currency-rate-foot{margin-top:9px;display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.currency-rate-foot span{font-size:10px;color:#69778a}.currency-rate-foot small{font-size:9px;color:#9aa4b1;text-align:right}
@media(max-width:1050px){.henglian-currency-popover{right:-120px}.henglian-currency-trigger>span{display:none}}
@media(max-width:820px){.henglian-currency-v20{display:none}}

.currency-fixed-note{margin:0 0 10px;padding:8px 10px;border:1px solid #cfe7ff;background:#f2f8ff;border-radius:4px;font-size:10px;line-height:1.55;color:#456079}.currency-fixed-note[hidden]{display:none}.currency-fixed-note b{display:block;color:#168ed4;margin-bottom:2px}.currency-fixed-note span{display:block}

.hl-fx-page{width:100%;min-height:calc(100vh - 128px);padding:0;background:transparent;box-sizing:border-box;color:#1f2d3d}.hl-fx-card{min-height:calc(100vh - 128px);background:#fff;border:1px solid #edf0f4;box-shadow:0 1px 2px rgba(26,42,68,.02);position:relative;padding-bottom:54px}.hl-fx-title{height:56px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid #e8edf3;font-size:16px;font-weight:700;color:#202b3b}.hl-fx-toolbar{display:flex;align-items:center;gap:10px;padding:14px 16px 10px}.hl-fx-month-wrap{width:200px;height:32px;border:1px solid #d7dee8;border-radius:4px;background:#fff;display:flex;align-items:center;padding:0 8px;box-sizing:border-box}.hl-fx-calendar{font-size:12px;color:#9aa8b8;margin-right:6px}.hl-fx-month-wrap input{border:0!important;outline:0!important;box-shadow:none!important;width:100%;height:28px!important;padding:0!important;background:transparent!important;color:#526277!important;font-size:13px!important}.hl-fx-warning{height:32px;display:flex;align-items:center;gap:12px;background:#fff0f0;color:#ff6c6c;padding:0 12px;border-radius:3px;font-size:12px}.hl-fx-warning button{border:0!important;background:transparent!important;color:#c8cdd4!important;padding:0!important;font-size:17px!important;line-height:1!important}.hl-fx-store-context{margin:0 16px 10px;color:#7c899a;font-size:11px}.hl-fx-store-context b{color:#526277;font-weight:500}.hl-fx-schema-warning{margin:0 16px 10px;padding:9px 12px;border:1px solid #ffd7a8;background:#fff8ef;color:#b36a18;border-radius:4px;font-size:12px}.hl-fx-table-wrap{margin:0 16px;overflow:visible}.hl-fx-table{width:100%;border-collapse:collapse;table-layout:fixed;background:#fff}.hl-fx-table th,.hl-fx-table td{border:1px solid #e3e8ef;height:48px;padding:0 12px;text-align:center;font-size:12px;box-sizing:border-box}.hl-fx-table th{height:38px;background:#fff;font-weight:700;color:#202b3b}.hl-fx-table tbody tr.is-editing td{background:#f4f7fb}.hl-fx-table th:nth-child(1){width:20%}.hl-fx-table th:nth-child(2){width:20%}.hl-fx-table th:nth-child(3){width:20%}.hl-fx-table th:nth-child(4){width:20%}.hl-fx-table th:nth-child(5){width:20%}.hl-fx-rate-head{position:relative;display:inline-flex;align-items:center;gap:3px}.hl-fx-help{width:15px;height:15px;border:1px solid #909aaa;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;line-height:1;color:#7e8998;cursor:help;font-weight:600}.hl-fx-help-tip{display:none;position:absolute;z-index:220;left:50%;bottom:24px;transform:translateX(-50%);width:340px;padding:12px 14px;background:#fff;color:#536173;border:1px solid #e1e6ec;border-radius:4px;box-shadow:0 8px 24px rgba(27,46,72,.16);font-size:11px;line-height:1.6;text-align:left;font-weight:400;white-space:normal}.hl-fx-help-tip:after{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;background:#fff;border-right:1px solid #e1e6ec;border-bottom:1px solid #e1e6ec;transform:translateX(-50%) rotate(45deg)}.hl-fx-help-tip b,.hl-fx-help-tip span{display:block}.hl-fx-help-tip b{color:#475466;margin-bottom:3px}.hl-fx-help:hover+.hl-fx-help-tip,.hl-fx-help:focus+.hl-fx-help-tip{display:block}.hl-fx-rate-input{width:100%;height:30px;border:1px solid #d4dce6;border-radius:3px;padding:0 10px;box-sizing:border-box;text-align:left;font-size:12px;color:#425167;outline:none;background:#fff}.hl-fx-rate-input:focus{border-color:#409eff;box-shadow:0 0 0 2px rgba(64,158,255,.08)}.hl-fx-rate-value{color:#303d50;font-variant-numeric:tabular-nums}.hl-fx-mixed{color:#e6a23c;border-bottom:1px dotted #e6a23c;cursor:help}.hl-fx-edit,.hl-fx-save,.hl-fx-cancel{height:27px;border-radius:3px!important;padding:0 12px!important;font-size:12px!important;line-height:25px!important}.hl-fx-edit{border:1px solid #96c8ff!important;color:#409eff!important;background:#f2f8ff!important}.hl-fx-edit:disabled{opacity:.45;cursor:not-allowed}.hl-fx-actions{display:flex;align-items:center;justify-content:center;gap:8px}.hl-fx-save{border:1px solid #409eff!important;color:#fff!important;background:#409eff!important}.hl-fx-cancel{border:1px solid #d7dee8!important;color:#5d6b7d!important;background:#fff!important}.hl-fx-empty{height:120px!important;color:#97a3b2}.hl-fx-footer{position:absolute;left:0;right:0;bottom:0;height:50px;border-top:1px solid #eef1f5;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#7c8999;font-size:11px}.hl-fx-footer>div{display:flex;align-items:center;gap:7px}.hl-fx-footer button,.hl-fx-footer input{height:25px;border:1px solid #dce2ea;background:#fff;border-radius:3px;color:#788699;font-size:11px}.hl-fx-footer button{padding:0 9px}.hl-fx-footer b{height:25px;min-width:25px;display:grid;place-items:center;border-radius:3px;background:#409eff;color:#fff;font-weight:500}.hl-fx-footer input{width:34px;text-align:center}.hl-fx-toast{position:fixed;z-index:10000;left:50%;top:84px;transform:translateX(-50%);padding:10px 16px;border-radius:4px;background:#1f9d65;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.15);font-size:13px}.hl-fx-toast.is-error{background:#e45d5d}
@media(max-width:1050px){.hl-fx-toolbar{align-items:flex-start;flex-direction:column}.hl-fx-warning{height:auto;min-height:32px;padding:7px 10px}.hl-fx-help-tip{left:auto;right:-60px;transform:none}.hl-fx-help-tip:after{left:auto;right:63px;transform:rotate(45deg)}}

/* =========================================================
   V262：顶部货币选择弹层按参考图重做
   - 选择卡片右上角：有固定汇率=“固”，否则=“时”
   - 下方统一显示各币种对人民币的当日市场汇率
   ========================================================= */
.henglian-currency-popover{
  width:314px!important;
  padding:14px 14px 12px!important;
  border-radius:9px!important;
}
.currency-popover-head{
  margin-bottom:12px!important;
  padding-left:8px!important;
}
.currency-popover-head b{
  font-size:14px!important;
  line-height:20px!important;
}
.currency-popover-head span{
  margin-top:2px!important;
  font-size:10.5px!important;
  line-height:16px!important;
  color:#657387!important;
}
.currency-card-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  margin-bottom:12px!important;
}
.currency-card{
  min-height:76px!important;
  padding:8px 7px!important;
  border-color:#aeb8c5!important;
  border-radius:4px!important;
  overflow:visible!important;
}
.currency-card:nth-child(3){grid-column:1!important}
.currency-card>span:not(.currency-rate-badge){font-size:13px!important;line-height:17px!important}
.currency-card strong{font-size:14px!important;line-height:18px!important;font-weight:500!important}
.currency-card small{font-size:10px!important;line-height:15px!important;margin-top:2px!important}
.currency-card.active{
  border:1.5px solid #0d91ff!important;
  background:#eef8ff!important;
  color:#0789e8!important;
}
.currency-card.active:after{content:none!important;display:none!important}
.currency-rate-badge{
  position:absolute!important;
  right:-7px!important;
  top:-7px!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:20px!important;
  font-weight:700!important;
  box-shadow:0 1px 2px rgba(0,0,0,.08)!important;
  z-index:2!important;
}
.currency-rate-badge.is-live{background:#4ba8ff!important}
.currency-rate-badge.is-fixed{background:#ef6c67!important}
.currency-live-title{
  margin:2px 0 6px!important;
  justify-content:flex-start!important;
}
.currency-live-title b{
  font-size:12px!important;
  color:#283447!important;
}
.currency-live-box{
  padding:7px 8px!important;
  gap:2px!important;
  background:#f5f5f6!important;
}
.currency-live-box>div{
  display:grid!important;
  grid-template-columns:46px 10px 1fr 29px!important;
  gap:3px!important;
  align-items:center!important;
  min-height:18px!important;
  font-size:10.5px!important;
}
.currency-live-box span{color:#364457!important}
.currency-live-box i{
  font-style:normal!important;
  color:#69778a!important;
  text-align:center!important;
}
.currency-live-box b{
  text-align:right!important;
  color:#26374d!important;
  font-weight:500!important;
  font-variant-numeric:tabular-nums!important;
}
.currency-live-box em{
  color:#59687a!important;
  font-style:normal!important;
}
.currency-rate-foot{
  display:block!important;
  margin-top:9px!important;
  line-height:16px!important;
}
.currency-rate-foot .currency-rate-status{
  display:block!important;
  font-size:10px!important;
  color:#526174!important;
}
.currency-fixed-note,.currency-rate-source,.currency-refresh-rate{display:none!important}

/* Fixed exchange page: fit the available workspace and keep its overlays visible. */
.app-main #hl-exchange-page.hl-fx-page{
  --hl-fx-sticky-gap:1px;
  height:auto;
  min-height:100%;
}
#hl-exchange-page.hl-fx-page:before{
  content:"";
  position:fixed;
  top:var(--hl-fx-gap-top,100px);
  left:var(--hl-fx-gap-left,0);
  width:var(--hl-fx-gap-width,100%);
  height:10px;
  z-index:135;
  background:#f4f6f8;
  pointer-events:none;
}
.app-main #hl-exchange-page .hl-fx-card{
  height:auto;
  min-height:100%;
}
#hl-exchange-page .hl-fx-sticky-head{
  display:flow-root;
  position:sticky;
  top:var(--hl-fx-sticky-gap);
  z-index:130;
  background:#fff;
  isolation:isolate;
}
.app-main #hl-exchange-page .hl-fx-table thead{
  position:sticky;
  top:calc(var(--hl-fx-sticky-head-height,140px) + var(--hl-fx-sticky-gap));
  z-index:120;
  background:#fff!important;
  isolation:isolate;
  box-shadow:inset 0 1px 0 #e3e8ef,0 1px 0 #d7dee8!important;
}
.app-main #hl-exchange-page .hl-fx-table-wrap.hl-global-table-scroll-v252{
  width:auto!important;
  max-width:none!important;
  overflow:visible!important;
}
.app-main #hl-exchange-page .hl-fx-table-wrap + .hl-pagination-spacer-v250{
  margin-top:12px!important;
}
#hl-exchange-page .hl-fx-help-tip{
  z-index:500;
}

/* Fixed exchange month picker. */
#hl-exchange-page .hl-fx-month-picker{
  position:relative;
  z-index:520;
  width:200px;
  flex:0 0 200px;
}
#hl-exchange-page .hl-fx-month-trigger{
  width:100%;
  height:32px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 10px;
  border:1px solid #d7dee8;
  border-radius:4px;
  background:#fff;
  color:#526277;
  font-size:13px;
  line-height:30px;
  text-align:left;
  cursor:pointer;
}
#hl-exchange-page .hl-fx-month-trigger:hover,
#hl-exchange-page .hl-fx-month-trigger:focus-visible{
  border-color:#409eff;
  outline:none;
}
#hl-exchange-page .hl-fx-month-panel{
  position:absolute;
  top:40px;
  left:0;
  width:322px;
  padding:10px 12px 14px;
  border:1px solid #dfe5ec;
  border-radius:4px;
  background:#fff;
  box-shadow:0 2px 10px rgba(31,45,61,.12);
  box-sizing:border-box;
}
#hl-exchange-page .hl-fx-month-panel[hidden]{display:none}
#hl-exchange-page .hl-fx-month-panel:before{
  content:"";
  position:absolute;
  top:-6px;
  left:35px;
  width:10px;
  height:10px;
  border-left:1px solid #dfe5ec;
  border-top:1px solid #dfe5ec;
  background:#fff;
  transform:rotate(45deg);
}
#hl-exchange-page .hl-fx-month-panel-head{
  height:44px;
  display:grid;
  grid-template-columns:42px 1fr 42px;
  align-items:center;
  border-bottom:1px solid #e8edf3;
}
#hl-exchange-page .hl-fx-month-panel-head strong{
  color:#4b5564;
  font-size:16px;
  font-weight:500;
  text-align:center;
}
#hl-exchange-page .hl-fx-month-panel-head button{
  width:36px;
  height:32px;
  padding:0;
  border:0;
  background:transparent;
  color:#5c6878;
  font-size:18px;
  cursor:pointer;
}
#hl-exchange-page .hl-fx-month-panel-head button:last-child{justify-self:end}
#hl-exchange-page .hl-fx-month-panel-head button:hover:not(:disabled){color:#409eff}
#hl-exchange-page .hl-fx-month-panel-head button:disabled{opacity:.35;cursor:not-allowed}
#hl-exchange-page .hl-fx-month-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px 8px;
  padding:22px 8px 8px;
}
#hl-exchange-page .hl-fx-month-option{
  height:28px;
  padding:0;
  border:0;
  border-radius:3px;
  background:transparent;
  color:#4d5968;
  font-size:13px;
  cursor:pointer;
}
#hl-exchange-page .hl-fx-month-option:hover,
#hl-exchange-page .hl-fx-month-option:focus-visible{
  color:#409eff;
  outline:none;
}
#hl-exchange-page .hl-fx-month-option.is-selected{
  color:#168cff;
  font-weight:700;
}

/* Fixed exchange pagination text is intentionally larger than the old 11px. */
#hl-exchange-page .hl-fx-footer,
#hl-exchange-page .hl-fx-footer span,
#hl-exchange-page .hl-fx-footer button,
#hl-exchange-page .hl-fx-footer b,
#hl-exchange-page .hl-fx-footer input{
  font-size:13px!important;
}