/* Huatai home refresh v11: unified shortcut icons + Huatai Securities promotional slider */
body.broker-theme .huatai-hero-slider {
  background:#fff !important;
  border:1px solid #edf0f5 !important;
  box-shadow:0 8px 24px rgba(34,50,84,.08) !important;
}
body.broker-theme .huatai-slide {
  position:relative;
  overflow:hidden;
  background:#fff;
}
body.broker-theme .huatai-slide-primary {
  background:linear-gradient(120deg,#fff 0%,#fff6f5 54%,#f9e7e5 100%);
}
body.broker-theme .huatai-slide-secondary {
  background:linear-gradient(120deg,#fff 0%,#f5f7fb 55%,#e9edf5 100%);
}
body.broker-theme .huatai-banner-inner {
  position:absolute; inset:0; display:flex; align-items:center; justify-content:space-between;
  padding:16px 18px 16px 20px;
}
body.broker-theme .huatai-banner-copy {position:relative; z-index:3; width:64%; min-width:0;}
body.broker-theme .huatai-banner-logo {width:116px; max-width:65%; height:auto; display:block; margin-bottom:8px; object-fit:contain; object-position:left center;}
body.broker-theme .huatai-banner-kicker {font-size:10px; color:#a32825; font-weight:700; letter-spacing:.3px; margin-bottom:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
body.broker-theme .huatai-banner-title {font-size:19px; line-height:1.18; color:#20242d; font-weight:800; letter-spacing:.2px; margin-bottom:5px;}
body.broker-theme .huatai-banner-subtitle {font-size:10.5px; line-height:1.45; color:#6d7480; font-weight:500;}
body.broker-theme .huatai-market-art {position:relative; width:35%; height:88%; flex:0 0 35%;}
body.broker-theme .huatai-grid {position:absolute; inset:10% 0 4% 0; border-radius:12px; opacity:.55; background-image:linear-gradient(rgba(181,46,42,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(181,46,42,.08) 1px,transparent 1px); background-size:15px 15px; transform:skewX(-5deg);}
body.broker-theme .huatai-chart-line {position:absolute; left:4%; right:1%; top:52%; height:4px; border-radius:4px; background:linear-gradient(90deg,#cf4a43 0 20%,#e57e76 20% 36%,#bb2723 36% 57%,#e5655d 57% 73%,#a81412 73% 100%); transform:rotate(-17deg); box-shadow:0 6px 16px rgba(181,39,35,.22);}
body.broker-theme .huatai-chart-line:before, body.broker-theme .huatai-chart-line:after {content:""; position:absolute; width:38%; height:4px; border-radius:4px; background:inherit; transform-origin:left center;}
body.broker-theme .huatai-chart-line:before {left:15%; top:-10px; transform:rotate(29deg)}
body.broker-theme .huatai-chart-line:after {left:56%; top:7px; transform:rotate(-31deg)}
body.broker-theme .huatai-chart-dot {position:absolute; width:10px; height:10px; border-radius:50%; background:#bf2a26; box-shadow:0 0 0 5px rgba(191,42,38,.10);}
body.broker-theme .huatai-chart-dot.d1 {left:20%; top:57%} body.broker-theme .huatai-chart-dot.d2 {left:57%; top:43%} body.broker-theme .huatai-chart-dot.d3 {right:8%; top:25%}
body.broker-theme .huatai-market-art-2 {display:flex; align-items:flex-end; justify-content:center;}
body.broker-theme .huatai-ring {position:absolute; border:1px solid rgba(179,39,34,.17); border-radius:50%; right:2%; top:10%; width:84px; height:84px;}
body.broker-theme .huatai-ring.r2 {width:64px;height:64px;right:12%;top:22%;border-color:rgba(179,39,34,.25)}
body.broker-theme .huatai-ring.r3 {width:43px;height:43px;right:22%;top:35%;background:rgba(179,39,34,.07);border-color:rgba(179,39,34,.3)}
body.broker-theme .huatai-bars {display:flex; align-items:flex-end; gap:5px; height:72%; padding-bottom:6%; position:relative; z-index:2;}
body.broker-theme .huatai-bars span {width:10px; border-radius:4px 4px 1px 1px; background:linear-gradient(180deg,#d95650,#a91b18); box-shadow:0 6px 11px rgba(170,28,25,.15)}
body.broker-theme .huatai-bars span:nth-child(1){height:29%} body.broker-theme .huatai-bars span:nth-child(2){height:44%} body.broker-theme .huatai-bars span:nth-child(3){height:38%} body.broker-theme .huatai-bars span:nth-child(4){height:62%} body.broker-theme .huatai-bars span:nth-child(5){height:78%}
body.broker-theme .huatai-hero-slider .ig-slider-dots button {background:rgba(111,118,129,.2)!important; box-shadow:none!important;}
body.broker-theme .huatai-hero-slider .ig-slider-dots button.active {background:#c92d29!important; box-shadow:none!important;}

/* All four quick-entry icons share the exact News icon visual system. */
body.broker-theme .trading-functions .function-icon {
  width:46px!important; height:46px!important; margin:0 auto 7px!important; border-radius:12px!important;
  background:transparent!important; border:0!important; box-shadow:none!important; overflow:visible!important;
}
body.broker-theme .trading-functions .function-icon img {width:100%!important; height:100%!important; object-fit:contain!important; display:block!important;}
body.broker-theme .trading-functions .function-card {display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:64px;}
body.broker-theme .trading-functions .function-label {font-size:11px!important; color:#27313f!important; font-weight:500!important;}
@media (max-width:600px) {
  body.broker-theme .huatai-banner-inner {padding:10px 12px 12px 14px;}
  body.broker-theme .huatai-banner-logo {width:104px; margin-bottom:5px;}
  body.broker-theme .huatai-banner-kicker {font-size:8.5px; margin-bottom:2px;}
  body.broker-theme .huatai-banner-title {font-size:16px; margin-bottom:3px;}
  body.broker-theme .huatai-banner-subtitle {font-size:9px;}
  body.broker-theme .trading-functions .function-icon {width:42px!important;height:42px!important;}
}