/* HKBetNet Football Odds HUB v1.0 */
.hkbn-odds-page{
  --bg:#07131f;
  --bg2:#0c1b2a;
  --panel:#10263a;
  --panel2:#0b1e2d;
  --line:#31536d;
  --text:#f6fbff;
  --muted:#c3d4e0;
  --green:#38d3a3;
  --blue:#53b9ff;
  --gold:#ffd36d;
  --white:#fff;
  --ink:#14212c;
  --soft:#edf4f8;
  max-width:1280px;
  margin:0 auto;
  overflow:hidden;
  border-radius:24px;
  background:var(--bg);
  color:var(--text);
  font-family:"Microsoft JhengHei UI","Microsoft JhengHei","PingFang TC","Noto Sans TC","Heiti TC","Segoe UI",Arial,sans-serif;
  font-size:16px;
  font-weight:500;
  line-height:1.65;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:auto;
  box-shadow:0 24px 70px rgba(0,0,0,.16)
}
.hkbn-odds-page *{box-sizing:border-box}
.hkbn-odds-page h1,.hkbn-odds-page h2,.hkbn-odds-page h3,
.hkbn-odds-page strong,.hkbn-odds-page label,.hkbn-odds-page summary{font-weight:700}
.hkbn-odds-page button,.hkbn-odds-page input,.hkbn-odds-page select,.hkbn-odds-page table{
  font-family:inherit
}
.hkbn-odds-hero{
  padding:46px clamp(18px,4vw,54px) 28px;
  background:
    radial-gradient(circle at 86% 10%,rgba(56,211,163,.18),transparent 26%),
    radial-gradient(circle at 12% 10%,rgba(83,185,255,.14),transparent 25%),
    linear-gradient(180deg,#07131f,#0a1b2a)
}
.hkbn-odds-eyebrow{
  display:inline-flex;padding:6px 10px;border:1px solid rgba(56,211,163,.35);
  border-radius:999px;background:rgba(56,211,163,.08);color:#aff2dd;
  font-size:13px;font-weight:700
}
.hkbn-odds-hero h1{
  margin:16px 0 10px;font-size:clamp(36px,5vw,62px);line-height:1.04;letter-spacing:-.025em
}
.hkbn-odds-lead{max-width:900px;margin:0;color:#dae7ef;font-size:clamp(17px,2vw,21px)}
.hkbn-odds-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.hkbn-odds-chip{padding:6px 10px;border:1px solid #34546e;border-radius:999px;color:#d2e1eb;font-size:13px}
.hkbn-odds-tool{
  margin-top:28px;border:1px solid #31526c;border-radius:20px;background:#0c1d2c;overflow:hidden;
  box-shadow:0 18px 48px rgba(0,0,0,.22)
}
.hkbn-odds-tool-head{
  display:flex;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #29475f;
  background:linear-gradient(90deg,rgba(56,211,163,.07),rgba(83,185,255,.05))
}
.hkbn-odds-tool-head h2{margin:0 0 4px;font-size:23px}
.hkbn-odds-tool-head p{margin:0;color:var(--muted);font-size:14px}
.hkbn-odds-engine{align-self:flex-start;padding:7px 10px;border:1px solid rgba(56,211,163,.3);border-radius:999px;color:#adf0dc;background:#102d2a;font-size:12px}
.hkbn-odds-tabs,.hkbn-odds-market-tabs{display:flex;gap:8px;padding:14px 18px 0;overflow:auto}
.hkbn-odds-market-tabs{padding:0 0 16px}
.hkbn-odds-tab,.hkbn-odds-market-tab{
  width:auto;padding:10px 14px;border:1px solid #3b5f79;border-radius:10px;background:#10263a;color:#e4eef5;
  cursor:pointer;font-size:15px;font-weight:700;white-space:nowrap
}
.hkbn-odds-tab[aria-selected="true"],.hkbn-odds-market-tab[aria-selected="true"]{
  border-color:#55baff;background:#183850;color:#fff
}
.hkbn-odds-panel{padding:20px}
.hkbn-odds-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.hkbn-odds-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hkbn-odds-field label{display:block;margin:0 0 6px;color:#e1ecf4;font-size:14px}
.hkbn-odds-field input,.hkbn-odds-field select{
  width:100%;min-height:46px;padding:10px 12px;border:1px solid #426784;border-radius:10px;
  background:#091a28;color:#fff;font-size:16px;font-weight:600;outline:none
}
.hkbn-odds-field input:focus{border-color:#53b9ff;box-shadow:0 0 0 3px rgba(83,185,255,.12)}
.hkbn-odds-btn{
  min-height:46px;width:100%;border:0;border-radius:10px;cursor:pointer;font-size:16px;font-weight:800;
  color:#06131c;background:linear-gradient(90deg,#38d3a3,#53b9ff)
}
.hkbn-odds-status{min-height:20px;margin:10px 0 0;color:#c8d8e4;font-size:14px}
.hkbn-odds-status--error{color:#ff9f9f}
.hkbn-odds-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
.hkbn-odds-kpi{padding:16px;border:1px solid #31516a;border-radius:14px;background:#10273b}
.hkbn-odds-kpi span{display:block;color:#c3d4df;font-size:13px}
.hkbn-odds-kpi strong{display:block;margin-top:4px;font-size:27px}
.hkbn-odds-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.hkbn-odds-card{padding:18px;border:1px solid #31516a;border-radius:15px;background:#0f2335}
.hkbn-odds-card h3{margin:0 0 12px;font-size:19px}
.hkbn-odds-table-wrap{overflow:auto}
.hkbn-odds-table{width:100%;min-width:680px;border-collapse:collapse;font-size:14px}
.hkbn-odds-table th,.hkbn-odds-table td{padding:10px 9px;border-bottom:1px solid #29485f;text-align:right;white-space:nowrap}
.hkbn-odds-table th:first-child,.hkbn-odds-table td:first-child{text-align:left}
.hkbn-odds-table th{color:#d5e3ec;background:#0a1d2b}
.hkbn-odds-left{text-align:left!important;color:#ffd58a}
.hkbn-odds-spreads{display:grid;gap:10px}
.hkbn-odds-spread-row{display:grid;grid-template-columns:100px 80px 1fr;gap:10px;align-items:center;padding:10px 12px;border:1px solid #29495f;border-radius:10px;background:#0a1c2a}
.hkbn-odds-spread-row small{color:#c4d5e0}
.hkbn-odds-note{margin-top:14px;padding:12px 14px;border-left:3px solid var(--gold);background:rgba(255,211,109,.07);color:#dce8ef;font-size:13px}
.hkbn-odds-convert{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;align-items:end}
.hkbn-odds-prob-box{min-height:46px;display:flex;align-items:center;padding:10px 12px;border:1px solid #31516a;border-radius:10px;background:#10273b}
.hkbn-odds-section{padding:44px clamp(18px,4vw,54px)}
.hkbn-odds-section--light{background:var(--soft);color:var(--ink)}
.hkbn-odds-section--white{background:#fff;color:var(--ink)}
.hkbn-odds-section--dark{background:var(--bg2)}
.hkbn-odds-section h2{margin:0 0 12px;font-size:clamp(27px,3vw,38px);line-height:1.15}
.hkbn-odds-intro{max-width:880px;margin:0 0 24px;color:#526778;line-height:1.8}
.hkbn-odds-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.hkbn-odds-info{padding:20px;border:1px solid #dce6ed;border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(18,39,56,.04)}
.hkbn-odds-info h3{margin:0 0 8px;font-size:18px}
.hkbn-odds-info p{margin:0;color:#526778}
.hkbn-odds-example{padding:20px;border:1px solid #dbe5ec;border-radius:15px;background:#f7fafc}
.hkbn-odds-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hkbn-odds-method{padding:20px;border:1px solid #dce6ed;border-radius:14px;background:#fff}
.hkbn-odds-method h3{margin:0 0 7px}
.hkbn-odds-method p{margin:0;color:#526778}
.hkbn-odds-faq{display:grid;gap:10px}
.hkbn-odds-faq details{padding:0 16px;border:1px solid #dce6ed;border-radius:12px;background:#fff}
.hkbn-odds-faq summary{padding:15px 0;cursor:pointer}
.hkbn-odds-faq p{margin:0 0 16px;color:#526778}
.hkbn-odds-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hkbn-odds-link{display:block;padding:18px;border:1px solid #31516a;border-radius:14px;background:#102438;color:#fff;text-decoration:none}
.hkbn-odds-link strong{display:block}
.hkbn-odds-link span{display:block;margin-top:5px;color:#c8d9e5;font-size:13px}
.hkbn-odds-disclaimer{margin:20px 0 0;color:#c1d2df;font-size:12px}
.hkbn-odds-hidden{display:none!important}

@media(max-width:950px){
  .hkbn-odds-grid,.hkbn-odds-grid--3,.hkbn-odds-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hkbn-odds-result-grid{grid-template-columns:1fr}
  .hkbn-odds-info-grid,.hkbn-odds-methods{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .hkbn-odds-page{border-radius:0}
  .hkbn-odds-hero,.hkbn-odds-section{padding:34px 16px}
  .hkbn-odds-tool-head{display:block}
  .hkbn-odds-engine{display:inline-block;margin-top:10px}
  .hkbn-odds-grid,.hkbn-odds-grid--3,.hkbn-odds-kpis,.hkbn-odds-info-grid,.hkbn-odds-methods,.hkbn-odds-links,.hkbn-odds-convert{grid-template-columns:1fr}
}

/* Builder integration v1.1: no inline styles; semantic quick jump */
.hkbn-odds-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.hkbn-odds-jump a{display:inline-flex;padding:7px 10px;border:1px solid #31516a;border-radius:999px;text-decoration:none;color:#d9e7f0;background:rgba(255,255,255,.03);font-size:13px;font-weight:700}
.hkbn-odds-action-label{display:block;margin-bottom:6px}
.hkbn-odds-kpi-value--agreement{font-size:20px!important}
.hkbn-odds-card--spaced{margin-top:16px}