/* HKBetNet Corner HUB v1.2
   Scope: /corner-over-under/
   No external fonts, no libraries.
*/
.hkbn-corner-page{
  --hkbn-bg:#08131f;
  --hkbn-bg-2:#0d1b2a;
  --hkbn-panel:#102337;
  --hkbn-panel-2:#132a41;
  --hkbn-line:#29445e;
  --hkbn-text:#f6fbff;
  --hkbn-muted:#bdd0df;
  --hkbn-accent:#35d0a0;
  --hkbn-accent-2:#50b6ff;
  --hkbn-warn:#ffcc66;
  --hkbn-danger:#ff7b7b;
  --hkbn-white:#ffffff;
  --hkbn-ink:#15202b;
  --hkbn-soft:#eef4f8;
  --hkbn-soft-2:#f7fafc;
  font-family:"Microsoft JhengHei","PingFang TC","Noto Sans TC","Heiti TC","Segoe UI",Arial,sans-serif;
  font-size:16px;
  line-height:1.6;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:auto;
  -moz-osx-font-smoothing:auto;
  font-synthesis-weight:none;
  font-weight:500;
  max-width:1280px;
  margin:0 auto;
  color:var(--hkbn-text);
  background:var(--hkbn-bg);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 24px 70px rgba(0,0,0,.16);
}
.hkbn-corner-page *{box-sizing:border-box}
.hkbn-corner-page a{color:inherit}
.hkbn-section{padding:44px clamp(18px,4vw,54px)}
.hkbn-section--dark{background:var(--hkbn-bg)}
.hkbn-section--mid{background:var(--hkbn-bg-2)}
.hkbn-section--light{background:var(--hkbn-soft);color:var(--hkbn-ink)}
.hkbn-section--white{background:var(--hkbn-white);color:var(--hkbn-ink)}
.hkbn-hero{
  padding:46px clamp(18px,4vw,54px) 26px;
  background:
    radial-gradient(circle at 88% 16%,rgba(53,208,160,.18),transparent 25%),
    radial-gradient(circle at 14% 8%,rgba(80,182,255,.13),transparent 26%),
    linear-gradient(180deg,#08131f 0%,#0b1a29 100%);
}
.hkbn-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border:1px solid rgba(53,208,160,.35);
  border-radius:999px;
  color:#aaf0d8;
  background:rgba(53,208,160,.08);
  font-size:13px;
  font-weight:800;
  letter-spacing:.04em
}
.hkbn-hero h1{
  margin:16px 0 12px;
  max-width:820px;
  font-size:clamp(34px,5vw,60px);
  line-height:1.02;
  letter-spacing:-.035em
}
.hkbn-lead{
  max-width:850px;
  margin:0;
  color:#d9e6ef;
  font-size:clamp(17px,2vw,21px);
  line-height:1.75
}
.hkbn-trustline{
  display:flex;flex-wrap:wrap;gap:10px;
  margin-top:22px
}
.hkbn-chip{
  padding:7px 10px;
  border:1px solid #29445e;
  border-radius:999px;
  color:#d1e0eb;
  background:rgba(255,255,255,.03);
  font-size:13px
}
.hkbn-tool-shell{
  margin-top:28px;
  border:1px solid #2a4761;
  border-radius:20px;
  background:#0d1d2d;
  box-shadow:0 18px 50px rgba(0,0,0,.24);
  overflow:hidden
}
.hkbn-tool-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:18px 20px;
  border-bottom:1px solid #27435c;
  background:linear-gradient(90deg,rgba(53,208,160,.08),rgba(80,182,255,.05))
}
.hkbn-tool-head h2{margin:0 0 4px;font-size:22px}
.hkbn-tool-head p{margin:0;color:var(--hkbn-muted);font-size:13px}
.hkbn-updated{
  flex:0 0 auto;
  padding:7px 10px;
  border-radius:999px;
  background:#122d2a;
  color:#9debd4;
  font-size:12px;
  border:1px solid rgba(53,208,160,.25)
}
.hkbn-tabs{
  display:flex;
  gap:8px;
  padding:14px 18px 0
}
.hkbn-tab{
  width:auto;
  border:1px solid #31516d;
  background:#11273a;
  color:#e4eef5;
  border-radius:10px 10px 0 0;
  padding:10px 14px;
  font-weight:800;
  cursor:pointer
}
.hkbn-tab[aria-selected="true"]{
  background:#18364f;
  color:#fff;
  border-bottom-color:#18364f
}
.hkbn-panel{padding:20px}
.hkbn-form-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px
}
.hkbn-field label{
  display:block;
  margin:0 0 6px;
  color:#e2edf5;
  font-size:13px;
  font-weight:800
}
.hkbn-field select,
.hkbn-field input{
  width:100%;
  min-height:44px;
  padding:10px 12px;
  border:1px solid #31516d;
  border-radius:10px;
  background:#0a1a28;
  color:#fff;
  outline:none
}
.hkbn-field input:focus,
.hkbn-field select:focus{
  border-color:var(--hkbn-accent-2);
  box-shadow:0 0 0 3px rgba(80,182,255,.12)
}
.hkbn-actions{
  display:flex;align-items:end
}
.hkbn-btn{
  width:100%;
  min-height:44px;
  border:0;
  border-radius:10px;
  background:linear-gradient(90deg,#35d0a0,#50b6ff);
  color:#06121c;
  font-weight:900;
  cursor:pointer
}
.hkbn-btn:hover{filter:brightness(1.05)}
.hkbn-status{
  min-height:20px;
  margin:10px 0 0;
  color:#c8d8e4;
  font-size:13px
}
.hkbn-status--error{color:#ff9a9a}
.hkbn-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:18px
}
.hkbn-kpi{
  padding:16px;
  border:1px solid #29465e;
  border-radius:14px;
  background:#10263a
}
.hkbn-kpi span{display:block;color:#c5d7e4;font-size:12px}
.hkbn-kpi strong{display:block;margin-top:4px;font-size:28px;line-height:1.1}
.hkbn-kpi small{display:block;margin-top:6px;color:#b8ccda}
.hkbn-result-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:16px;
  margin-top:16px
}
.hkbn-card{
  border:1px solid #2a4761;
  border-radius:16px;
  background:#0f2234;
  padding:18px
}
.hkbn-card h3{margin:0 0 12px;font-size:18px}
.hkbn-side-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px
}
.hkbn-side{
  padding:14px;
  border:1px solid #29465e;
  border-radius:12px;
  background:#0b1c2a
}
.hkbn-side strong{font-size:18px}
.hkbn-breakdown{margin-top:8px;color:#d1e0ea;font-size:13px;line-height:1.65}
.hkbn-fair{margin-top:10px;font-weight:900;color:#fff}
.hkbn-market-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px
}
.hkbn-market-result{
  margin-top:12px;
  padding:12px;
  border-radius:10px;
  background:#0b1b29;
  color:#d7e4ed;
  font-size:13px;
  line-height:1.7
}
.hkbn-table-wrap{overflow:auto}
.hkbn-table{
  width:100%;
  min-width:760px;
  border-collapse:collapse;
  font-size:13px
}
.hkbn-table th,
.hkbn-table td{
  padding:10px 9px;
  border-bottom:1px solid #244258;
  text-align:right;
  white-space:nowrap
}
.hkbn-table th:first-child,
.hkbn-table td:first-child{text-align:left}
.hkbn-table th{
  color:#d5e3ec;
  font-weight:800;
  background:#0b1d2b
}
.hkbn-dist{
  display:grid;
  gap:7px;
  margin-top:10px
}
.hkbn-dist-row{
  display:grid;
  grid-template-columns:52px 1fr 62px;
  gap:10px;
  align-items:center;
  font-size:13px
}
.hkbn-bar{
  height:10px;
  background:#0a1825;
  border-radius:999px;
  overflow:hidden
}
.hkbn-bar > i{
  display:block;
  height:100%;
  background:linear-gradient(90deg,#35d0a0,#50b6ff);
  border-radius:999px
}
.hkbn-note{
  margin-top:14px;
  padding:12px 14px;
  border-left:3px solid var(--hkbn-warn);
  background:rgba(255,204,102,.07);
  color:#e2ebf2;
  font-size:13px;
  line-height:1.7
}
.hkbn-quick-result{
  margin-top:14px;
  padding:18px;
  border-radius:14px;
  border:1px solid #2b4b65;
  background:#0b1c2b
}
.hkbn-quick-result strong{font-size:26px}
.hkbn-light-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px
}
.hkbn-info-card{
  padding:20px;
  background:#fff;
  border:1px solid #dce6ed;
  border-radius:15px;
  box-shadow:0 8px 22px rgba(18,39,56,.05)
}
.hkbn-info-card h3{margin:0 0 8px;font-size:18px}
.hkbn-info-card p{margin:0;color:#4b5f70;line-height:1.75}
.hkbn-section h2{
  margin:0 0 12px;
  font-size:clamp(27px,3vw,38px);
  line-height:1.15
}
.hkbn-section-intro{
  max-width:820px;
  margin:0 0 24px;
  color:#536779;
  line-height:1.8
}
.hkbn-process{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px
}
.hkbn-step{
  padding:18px;
  border:1px solid #dce6ed;
  border-radius:14px;
  background:#fff
}
.hkbn-step b{
  display:inline-grid;
  place-items:center;
  width:30px;height:30px;
  border-radius:50%;
  background:#0f2a3e;
  color:#fff;
  margin-bottom:10px
}
.hkbn-step h3{margin:0 0 7px;font-size:17px}
.hkbn-step p{margin:0;color:#536779;line-height:1.7}
.hkbn-settlement{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px
}
.hkbn-settlement div{
  padding:16px 12px;
  border-radius:13px;
  border:1px solid #dce6ed;
  background:#fff;
  text-align:center
}
.hkbn-settlement strong{display:block;font-size:17px}
.hkbn-settlement span{font-size:12px;color:#607385}
.hkbn-faq{
  display:grid;
  gap:10px
}
.hkbn-faq details{
  border:1px solid #dce6ed;
  border-radius:12px;
  background:#fff;
  padding:0 16px
}
.hkbn-faq summary{
  cursor:pointer;
  padding:15px 0;
  font-weight:850
}
.hkbn-faq p{
  margin:0 0 16px;
  color:#536779;
  line-height:1.75
}
.hkbn-links{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px
}
.hkbn-link-card{
  display:block;
  text-decoration:none;
  padding:18px;
  border-radius:14px;
  border:1px solid #2b4861;
  background:#102438;
  transition:transform .15s ease,border-color .15s ease
}
.hkbn-link-card:hover{transform:translateY(-2px);border-color:#50b6ff}
.hkbn-link-card strong{display:block;margin-bottom:5px}
.hkbn-link-card span{color:#cddce7;font-size:13px;line-height:1.6}
.hkbn-disclaimer{
  color:#c0d1de;
  font-size:12px;
  line-height:1.75;
  margin:0
}
.hkbn-hidden{display:none!important}

@media(max-width:980px){
  .hkbn-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hkbn-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hkbn-result-grid{grid-template-columns:1fr}
  .hkbn-light-grid{grid-template-columns:1fr 1fr}
  .hkbn-process{grid-template-columns:1fr 1fr}
  .hkbn-settlement{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:640px){
  .hkbn-corner-page{border-radius:0}
  .hkbn-section{padding:34px 16px}
  .hkbn-hero{padding:34px 16px 18px}
  .hkbn-tool-head{display:block}
  .hkbn-updated{display:inline-block;margin-top:10px}
  .hkbn-form-grid,.hkbn-kpis,.hkbn-side-grid,.hkbn-market-grid,
  .hkbn-light-grid,.hkbn-process,.hkbn-settlement,.hkbn-links{
    grid-template-columns:1fr
  }
  .hkbn-tabs{overflow:auto}
  .hkbn-tab{white-space:nowrap}
}


.hkbn-corner-page button,
.hkbn-corner-page input,
.hkbn-corner-page select,
.hkbn-corner-page textarea,
.hkbn-corner-page table{
  font-family:"Microsoft JhengHei","PingFang TC","Noto Sans TC","Heiti TC","Segoe UI",Arial,sans-serif;
}
.hkbn-field select,
.hkbn-field input,
.hkbn-btn{
  font-size:16px;
  font-weight:600;
}
.hkbn-field select option{
  font-size:15px;
}
.hkbn-status,
.hkbn-kpi small,
.hkbn-breakdown,
.hkbn-market-result,
.hkbn-note,
.hkbn-disclaimer,
.hkbn-section-intro,
.hkbn-info-card p,
.hkbn-step p,
.hkbn-faq p,
.hkbn-link-card span{
  letter-spacing:.01em;
}


/* v1.2 readability patch */
.hkbn-corner-page,
.hkbn-corner-page button,
.hkbn-corner-page input,
.hkbn-corner-page select,
.hkbn-corner-page textarea,
.hkbn-corner-page table{
  font-family:"Microsoft JhengHei UI","Microsoft JhengHei","PingFang TC","Noto Sans TC","Heiti TC","Segoe UI",Arial,sans-serif;
}

.hkbn-corner-page h1,
.hkbn-corner-page h2,
.hkbn-corner-page h3,
.hkbn-corner-page strong,
.hkbn-corner-page b,
.hkbn-corner-page label,
.hkbn-corner-page summary{
  font-weight:700;
}

.hkbn-field label{
  font-size:14px;
  letter-spacing:.01em;
}

.hkbn-field select,
.hkbn-field input{
  min-height:46px;
  font-size:16px;
  font-weight:600;
  color:#ffffff;
  border-color:#426784;
}

.hkbn-field select option{
  font-size:15px;
  font-weight:500;
  background:#0b1c2b;
  color:#fff;
}

.hkbn-tab{
  font-size:15px;
  font-weight:700;
}

.hkbn-btn{
  font-size:16px;
  font-weight:800;
}

.hkbn-kpi span,
.hkbn-kpi small,
.hkbn-status,
.hkbn-tool-head p,
.hkbn-breakdown,
.hkbn-market-result,
.hkbn-disclaimer{
  font-size:14px;
}

.hkbn-table{
  font-size:14px;
}

.hkbn-table th{
  font-weight:700;
}

.hkbn-table td{
  color:#f3f8fc;
}

.hkbn-tool-shell,
.hkbn-card,
.hkbn-kpi,
.hkbn-side{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}

@media(max-width:640px){
  .hkbn-field select,
  .hkbn-field input,
  .hkbn-btn{font-size:16px}
}

/* Builder integration v1.1 */
.hkbn-corner-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.hkbn-corner-jump a{display:inline-flex;padding:7px 10px;border:1px solid #29445e;border-radius:999px;text-decoration:none;color:#d9e6ef;background:rgba(255,255,255,.03);font-size:13px;font-weight:800}
.hkbn-card--spaced{margin-top:16px}
.hkbn-disclaimer--spaced{margin-top:22px}