/* ═══════════════════════════════════════════════════════════
   HK IPO — Market Insights Page Styles
   ═══════════════════════════════════════════════════════════ */
body{color:#9489ca;font-family:var(--font-cn);overflow-x:hidden;transition:color .3s;background:transparent;min-height:100vh}
body.light{color:#111110}
body::before{background-color:#0F0F0E;background-image:radial-gradient(rgba(148,137,202,0.06) 1px,transparent 1px);background-size:28px 28px}
body.light::before{background-color:#f5f7fa}

.mi-section{max-width:1400px;margin:0 auto;padding:0 40px 24px}
.mi-section-header{margin-bottom:16px}
.mi-section-header h2{font-size:16px;color:#9489ca;font-weight:600;margin-bottom:6px}
body.light .mi-section-header h2{color:#111110}
.mi-section-desc{font-size:12px;color:rgba(148,137,202,0.55);line-height:1.7;margin:0}
body.light .mi-section-desc{color:rgba(17,17,16,0.4)}

.mi-table{width:100%;border-collapse:collapse;font-size:14px}
.mi-table thead th{text-align:left;padding:10px 14px;font-size:11px;font-weight:600;color:#7a71a5;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid rgba(148,137,202,0.15)}
body.light .mi-table thead th{color:rgba(83,74,128,0.6);border-bottom-color:rgba(83,74,128,0.12)}
.mi-table thead th.num{text-align:right}
.mi-table td{padding:10px 14px;color:#9489ca;border-bottom:1px solid rgba(148,137,202,0.04)}
body.light .mi-table td{color:#111110}
.mi-table tbody tr:nth-child(even){background:rgba(148,137,202,0.02)}
body.light .mi-table tbody tr:nth-child(even){background:rgba(0,0,0,0.01)}
.mi-table .num{text-align:right;font-variant-numeric:tabular-nums}
.mi-table .mi-rank{color:rgba(148,137,202,0.35);font-size:11px;width:32px;text-align:center}
body.light .mi-table .mi-rank{color:rgba(17,17,16,0.25)}
.mi-link{color:#9489ca;text-decoration:none;transition:color .2s}
.mi-link:hover{color:#dc4172}
body.light .mi-link{color:#111110}
body.light .mi-link:hover{color:#dc4172}
.mi-code{color:rgba(148,137,202,0.4);font-size:11px;margin-inline-start:4px}
body.light .mi-code{color:rgba(17,17,16,0.3)}
.mi-gap-val{color:#dc4172;font-weight:600}
.mi-pct-val{font-weight:500}
.mi-row-top{background:rgba(220,65,114,0.04)}
body.light .mi-row-top{background:rgba(220,65,114,0.03)}
.mi-table-note{font-size:11px;color:rgba(148,137,202,0.4);text-align:center;margin-top:12px}
body.light .mi-table-note{color:rgba(17,17,16,0.25)}
.mi-no-data{font-size:13px;color:rgba(148,137,202,0.4);text-align:center;padding:24px}
body.light .mi-no-data{color:rgba(17,17,16,0.3)}

.mi-chart{width:100%;height:320px}
.mi-chart-lg{height:480px}
.mi-chart-box{background:rgba(148,137,202,0.02);border:1px solid rgba(148,137,202,0.06);border-radius:6px;padding:16px;margin-bottom:0}
body.light .mi-chart-box{background:rgba(83,74,128,0.015);border-color:rgba(83,74,128,0.05)}
.mi-pos{color:#f07070}
.mi-neg{color:#3498db}

.mi-stats-row{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.mi-stat-card{flex:1;min-width:180px;background:rgba(148,137,202,0.03);border:1px solid rgba(148,137,202,0.08);border-radius:6px;padding:16px 20px;text-align:center}
body.light .mi-stat-card{background:rgba(83,74,128,0.02);border-color:rgba(83,74,128,0.06)}
.mi-stat-label{font-size:12px;color:rgba(148,137,202,0.55);margin-bottom:6px;font-weight:600;text-transform:uppercase;letter-spacing:1px}
body.light .mi-stat-label{color:rgba(17,17,16,0.4)}
.mi-stat-value{font-size:28px;font-weight:700;color:#9489ca;line-height:1.2}
body.light .mi-stat-value{color:#111110}
.mi-stat-sub{font-size:12px;color:rgba(148,137,202,0.5);margin-top:4px}
body.light .mi-stat-sub{color:rgba(17,17,16,0.35)}
.mi-note{font-size:10px;color:rgba(148,137,202,0.4)}
body.light .mi-note{color:rgba(17,17,16,0.25)}

.mi-footer-note{max-width:1400px;margin:32px auto;padding:16px 40px;border-top:1px solid rgba(148,137,202,0.08)}
.mi-footer-note p{font-size:11px;color:rgba(148,137,202,0.4);line-height:1.7;margin:0 0 4px}
body.light .mi-footer-note p{color:rgba(17,17,16,0.25)}
.mi-generated-at{font-size:10px;color:rgba(148,137,202,0.25)}
body.light .mi-generated-at{color:rgba(17,17,16,0.15)}

@media(max-width:768px){
  .mi-section{padding:0 16px 16px}
  .mi-table{font-size:13px}
  .mi-table thead th{padding:8px 8px;font-size:10px}
  .mi-table td{padding:8px 8px}
  .mi-chart{height:280px}
  .mi-chart-lg{height:360px}
  .mi-footer-note{padding:16px 16px}
}