/* ===== MTSCOREAI mobile redesign — clean rebuild (phones only) ===== */
@media(max-width:768px){
  :root{ --mt-red:#E60012; --mt-gold:#E2B856; }
  html,body{overflow-x:hidden !important; max-width:100% !important;}
  #star-canvas{display:none !important;}

  /* --- black + red diagonal-line theme background --- */
  body{
    background:
      radial-gradient(115% 45% at 100% -5%, rgba(230,0,18,0.22), transparent 55%),
      linear-gradient(118deg, transparent 62%, rgba(230,0,18,0.12) 69%, transparent 71%),
      linear-gradient(118deg, transparent 30%, rgba(230,0,18,0.08) 36%, transparent 38%),
      repeating-linear-gradient(118deg, rgba(230,0,18,0.05) 0 1.5px, transparent 1.5px 46px),
      #000000 !important;
    background-attachment:fixed !important;
  }

  /* --- logo bigger --- */
  header .nav a.logo img, header .nav .logo img{height:54px !important;}

  /* --- HERO: text left, ball absolute top-right (no layout overflow) --- */
  .hero{position:relative !important; overflow:hidden !important; min-height:auto !important;
        padding:24px 18px 16px !important;
        background:radial-gradient(78% 52% at 90% 30%, rgba(230,0,18,0.30), transparent 62%) !important;}
  .hero-nebula,.hero-grid,.hero-stats,.hstat{display:none !important;}
  .hero-inner{position:relative !important; z-index:2 !important; max-width:100% !important;}
  .hero-inner h1{font-family:'Outfit',sans-serif !important; font-weight:800 !important; font-style:italic !important;
    font-size:37px !important; line-height:1.02 !important; letter-spacing:-0.02em !important;
    text-transform:uppercase !important; margin:0 0 12px !important; max-width:60% !important;
    text-shadow:0 2px 10px rgba(0,0,0,0.6);}
  .hero-inner h1 .grad{background:var(--redband);
    -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important;}
  .hero-sub{font-size:14px !important; color:#C9C9C9 !important; max-width:58% !important; margin:0 0 18px !important;}

  /* ball graphic — feathered, blends into bg, does NOT widen page */
  .hero::after{content:"" !important; position:absolute !important; top:58px !important; right:-14px !important;
    width:210px !important; height:210px !important; z-index:0 !important; pointer-events:none !important;
    background:url('/hero-ball.jpg') no-repeat center/contain !important;
    -webkit-mask-image:radial-gradient(circle at 50% 47%, #000 50%, transparent 70%) !important;
    mask-image:radial-gradient(circle at 50% 47%, #000 50%, transparent 70%) !important;}

  /* --- action buttons: contained, short, with icons --- */
  .hero-btns{display:flex !important; flex-direction:column !important; gap:11px !important;
    width:100% !important; max-width:60% !important; margin:4px 0 0 0 !important;}
  .btn-hero{position:relative !important; box-sizing:border-box !important; width:100% !important;
    justify-content:flex-start !important; gap:12px !important; padding:12px 16px 12px 46px !important;
    font-family:'Outfit',sans-serif !important; font-weight:700 !important; font-size:13.5px !important;
    text-transform:uppercase !important; letter-spacing:.02em !important; border-radius:10px !important;
    background:var(--redband); border:1.5px solid var(--mt-gold) !important;
    color:#fff !important; box-shadow:0 0 16px rgba(230,0,18,0.35) !important;}
  .btn-hero:last-child{background:linear-gradient(180deg,#1a1a1e,#101014) !important; color:#fff !important;
    box-shadow:0 0 12px rgba(226,184,86,0.18) !important;}
  .btn-hero::before{content:"" !important; position:absolute !important; left:16px !important; top:50% !important;
    transform:translateY(-50%) !important; width:20px !important; height:20px !important; background:center/contain no-repeat !important;}
  .hero-btns .btn-hero:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3Cline x1='12' y1='1.5' x2='12' y2='5'/%3E%3Cline x1='12' y1='19' x2='12' y2='22.5'/%3E%3Cline x1='1.5' y1='12' x2='5' y2='12'/%3E%3Cline x1='19' y1='12' x2='22.5' y2='12'/%3E%3Ccircle cx='12' cy='12' r='1.6' fill='%23fff'/%3E%3C/svg%3E") !important;}
  .hero-btns .btn-hero:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E2B856' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='2.2' fill='%23E2B856'/%3E%3Cpath d='M7.5 7.5a6 6 0 0 0 0 9M16.5 7.5a6 6 0 0 1 0 9'/%3E%3Cpath d='M4.8 4.8a10 10 0 0 0 0 14.4M19.2 4.8a10 10 0 0 1 0 14.4'/%3E%3C/svg%3E") !important;}

  /* --- section headers / steps / tabbar --- */
  #b6-home-live .b6-hl-head h3{font-family:'Outfit',sans-serif !important; font-weight:800 !important; text-transform:uppercase !important;}
  #b6-home-live .b6-hl-more{color:var(--mt-gold) !important; font-weight:700 !important;}
  .sub-strip .steps-row .step-icon{border:2px solid var(--mt-gold) !important; color:var(--mt-gold) !important; box-shadow:0 0 12px rgba(226,184,86,0.25) !important;}
  .sub-strip .steps-row .step-icon svg{stroke:var(--mt-gold) !important;}
  .sub-strip .steps-row .step-num-lbl{color:var(--mt-red) !important;}
  #b6-tabbar{background:#0a0a0c !important; border-top:1px solid rgba(226,184,86,0.28) !important;}
  #b6-tabbar a.active{color:var(--mt-red) !important;}
}

@media(max-width:768px){
  header, header .nav{min-height:70px !important;}
  header .nav a.logo img, header .nav .logo img, .logo img{height:82px !important; max-height:82px !important; width:auto !important;}
}

@media(max-width:768px){
  header, header .nav{min-height:0 !important; height:auto !important;}
  header .nav a.logo img, header .nav .logo img, .logo img{
    height:44px !important; max-height:none !important;
    transform:scale(2.6); transform-origin:left center;
  }
}

/* buttons: gold border/glow, gold icons + arrow, dark fill */
@media(max-width:768px){
  .hero-btns .btn-hero{position:relative !important; justify-content:center !important;
    padding:13px 42px !important; border:2px solid #E2B856 !important; border-radius:9px !important;
    font-weight:800 !important; letter-spacing:.03em !important; color:#fff !important;
    box-shadow:0 0 15px rgba(226,184,86,0.40), inset 0 0 0 1px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.07) !important;}
  .hero-btns .btn-hero:nth-child(1){background:var(--redband);}
  .hero-btns .btn-hero:nth-child(2){background:linear-gradient(180deg,#1b1b1e,#0b0b0d) !important;}
  .hero-btns .btn-hero:nth-child(2) svg{display:none !important;}
  .hero-btns .btn-hero::before{left:14px !important; width:22px !important; height:22px !important;}
  .hero-btns .btn-hero:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E2B856' stroke-width='1.9'%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3Cline x1='12' y1='1.5' x2='12' y2='5'/%3E%3Cline x1='12' y1='19' x2='12' y2='22.5'/%3E%3Cline x1='1.5' y1='12' x2='5' y2='12'/%3E%3Cline x1='19' y1='12' x2='22.5' y2='12'/%3E%3Ccircle cx='12' cy='12' r='1.7' fill='%23E2B856'/%3E%3C/svg%3E") !important;}
  .hero-btns .btn-hero::after{content:"\2192" !important; position:absolute !important; right:15px !important; top:50% !important;
    transform:translateY(-50%) !important; color:#E2B856 !important; font-size:19px !important; font-weight:700 !important; line-height:1 !important;}
}

/* gold borders on cards & buttons (home) */
@media(max-width:768px){
  .feat-card{border:1.6px solid #E2B856 !important; box-shadow:0 0 14px rgba(226,184,86,0.18) !important;}
  button, .btn, a[class*="btn"], .mt-sub, .b6-prem .mt-sub, .sub-cta, a[class*="cta"]{
    border:1.6px solid #E2B856 !important;
  }
  .mt-sub{background:var(--redband) !important;}
}

/* background: diagonal red light streaks (brushed lines) */
@media(max-width:768px){
  body{
    background:
      linear-gradient(118deg, transparent 25.6%, rgba(255,60,70,0.30) 26%, transparent 26.7%),
      linear-gradient(118deg, transparent 33.6%, rgba(230,0,18,0.55) 34.1%, transparent 35%),
      linear-gradient(118deg, transparent 47.6%, rgba(255,70,80,0.45) 48%, transparent 48.8%),
      linear-gradient(118deg, transparent 60.6%, rgba(230,0,18,0.50) 61%, transparent 62%),
      linear-gradient(118deg, transparent 71.6%, rgba(230,0,18,0.32) 72%, transparent 73%),
      linear-gradient(118deg, transparent 83.6%, rgba(230,0,18,0.22) 84%, transparent 85%),
      radial-gradient(120% 45% at 100% -5%, rgba(230,0,18,0.30), transparent 55%),
      repeating-linear-gradient(118deg, rgba(230,0,18,0.05) 0 1.5px, transparent 1.5px 42px),
      #000000 !important;
    background-attachment:fixed !important;
    background-size:cover !important;
  }
}

/* VIEW PREDICTIONS: red-to-black blend */
@media(max-width:768px){
  .hero-btns .btn-hero:nth-child(1){
    background:var(--redband);
  }
}

/* VIEW PREDICTIONS: naturally blended red-black */
@media(max-width:768px){
  .hero-btns .btn-hero:nth-child(1){
    background:
      radial-gradient(120% 135% at 14% 16%, #E60012 0%, rgba(230,0,18,0) 52%),
      radial-gradient(125% 135% at 88% 90%, #0d0102 0%, rgba(13,1,2,0) 55%),
      radial-gradient(95% 95% at 66% 30%, rgba(230,0,18,0.55) 0%, transparent 50%),
      radial-gradient(100% 100% at 34% 86%, rgba(9,0,1,0.7) 0%, transparent 55%),
      #4d0007 !important;
  }
}

/* VIEW PREDICTIONS: diagonal red/black alternating bands (muted) */
@media(max-width:768px){
  .hero-btns .btn-hero:nth-child(1){
    background:
      linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0) 42%),
      repeating-linear-gradient(125deg,
        #E60012 0px, #8F000B 42px, #1A0002 84px, #8F000B 126px, #E60012 168px) !important;
  }
}

/* all red CTAs: diagonal red/black bands + gold border */
@media(max-width:768px){
  .hero-btns .btn-hero:nth-child(1), .sub-cta, .btn-primary, .mt-sub, .cta-band .sub-cta{
    background:
      linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0) 42%),
      repeating-linear-gradient(125deg,#E60012 0px,#8F000B 42px,#1A0002 84px,#8F000B 126px,#E60012 168px) !important;
    border:1.6px solid #E2B856 !important; color:#fff !important;
  }
}

/* UNLOCK section: horizontal steps like desktop (keep text/font) */
@media(max-width:768px){
  .sub-strip .steps-row{display:flex !important; flex-direction:row !important; flex-wrap:wrap !important;
    align-items:center !important; justify-content:center !important; gap:4px 6px !important; max-width:100% !important;}
  .sub-strip .steps-row .step-gt{display:inline-block !important; font-size:0 !important;}
  .sub-strip .steps-row .step-gt::after{content:"\203A" !important; font-size:16px !important; color:#E2B856 !important;}
  .sub-strip .steps-row .step-num-lbl{font-size:10px !important; color:#E60012 !important;}
  .sub-strip .steps-row .step-num-lbl::after{content:"" !important;}
  .sub-strip .steps-row .step-icon{width:40px !important; height:40px !important;}
  .sub-strip .steps-row .step-text{font-size:11px !important; max-width:88px !important; line-height:1.2 !important; text-align:left !important;}
}

/* UNLOCK section rebuilt to match target (gold card, tidy 3 steps, hex button) */
@media(max-width:768px){
  .sub-strip{border:1.5px solid #E2B856 !important; border-radius:16px !important; margin:18px 14px !important;
    padding:20px 12px !important; background:rgba(10,8,10,0.75) !important; box-shadow:0 0 18px rgba(226,184,86,0.15) !important;}
  .sub-strip-inner{gap:16px !important;}
  .sub-title{justify-content:center !important; text-align:center !important; font-size:16px !important;}
  .steps-row{display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:flex-start !important; justify-content:center !important; gap:2px !important;}
  .step-item{display:flex !important; flex-direction:column !important; align-items:center !important; text-align:center !important; flex:1 1 0 !important; min-width:0 !important; gap:5px !important;}
  .step-item .step-icon{width:42px !important; height:42px !important; border:2px solid #E2B856 !important; background:transparent !important;}
  .step-item .step-num-lbl{font-size:9px !important; color:#E60012 !important;}
  .step-item .step-text{font-size:9.5px !important; line-height:1.15 !important; color:rgba(255,255,255,0.82) !important; max-width:none !important;}
  .steps-row .step-gt{align-self:center !important; color:#E2B856 !important; font-size:16px !important; padding:0 1px !important;}
  .cta-hex{display:inline-block !important; background:#E2B856 !important; padding:2px !important; margin:4px auto 0 !important;
    clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,16px 100%,0 50%) !important;
    box-shadow:0 0 16px rgba(226,184,86,0.3) !important;}
  .cta-hex .sub-cta{display:block !important; padding:0 30px !important; height:42px !important; line-height:42px !important; font-size:13px !important; border:none !important; border-radius:0 !important;
    color:#fff !important; font-weight:800 !important; letter-spacing:.04em !important; box-shadow:none !important;
    background:var(--redband) !important;
    clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,16px 100%,0 50%) !important;}
}

/* UNLOCK card: make whole thing more compact */
@media(max-width:768px){
  .sub-strip{padding:14px 10px !important; margin:12px 14px !important;}
  .sub-strip-inner{gap:10px !important;}
  .sub-title{font-size:14px !important;}
  .sub-title .sub-link{font-size:11px !important;}
  .step-item .step-icon{width:34px !important; height:34px !important;}
  .step-item .step-num-lbl{font-size:8.5px !important;}
  .step-item .step-text{font-size:9px !important;}
  .steps-row{gap:1px !important;}
}

/* UNLOCK card: aggressive compaction */
@media(max-width:768px){
  .sub-strip{padding:10px 8px !important; margin:10px 12px !important;}
  .sub-strip-inner{gap:7px !important;}
  .sub-title{font-size:13px !important;}
  .steps-row{gap:0 !important;}
  .step-item{gap:3px !important;}
  .step-item .step-icon{width:30px !important; height:30px !important;}
  .step-item .step-icon svg{width:15px !important; height:15px !important;}
  .step-item .step-num-lbl{font-size:8px !important;}
  .step-item .step-text{font-size:8px !important; line-height:1.1 !important;}
  .steps-row .step-gt{font-size:13px !important;}
  .cta-hex .sub-cta{height:30px !important; line-height:30px !important; font-size:11px !important; padding:0 20px !important;}
}

/* UNLOCK card: minimum size */
@media(max-width:768px){
  .sub-strip{padding:6px 8px !important; margin:8px 16px !important;}
  .sub-strip-inner{gap:4px !important;}
  .sub-title{font-size:12px !important;}
  .step-item .step-icon{width:26px !important; height:26px !important;}
  .step-item .step-icon svg{width:13px !important; height:13px !important;}
  .step-item .step-num-lbl{font-size:7.5px !important;}
  .step-item .step-text{font-size:7.5px !important;}
  .cta-hex .sub-cta{height:26px !important; line-height:26px !important; font-size:10px !important; padding:0 16px !important;}
}

/* UNLOCK card: even smaller */
@media(max-width:768px){
  .sub-strip{padding:4px 8px !important; margin:6px 16px !important;}
  .sub-strip-inner{gap:2px !important;}
  .sub-title{font-size:11px !important;}
  .step-item .step-icon{width:22px !important; height:22px !important;}
  .step-item .step-icon svg{width:11px !important; height:11px !important;}
  .step-item .step-num-lbl{font-size:7px !important;}
  .step-item .step-text{font-size:7px !important; line-height:1.05 !important;}
  .cta-hex .sub-cta{height:24px !important; line-height:24px !important; font-size:9.5px !important; padding:0 14px !important;}
}

/* UNLOCK: final look like target (design=图2, text=图1) */
@media(max-width:768px){
  .sub-strip .sub-title{font-family:'Outfit',sans-serif !important; font-style:italic !important; font-weight:800 !important; text-transform:uppercase !important; font-size:13px !important; letter-spacing:.03em !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; flex-wrap:nowrap !important;}
  .sub-strip .sub-title::before, .sub-strip .sub-title::after{content:"" !important; flex:1 !important; height:1px !important; max-width:32px !important; background:linear-gradient(90deg,transparent,#E2B856) !important;}
  .sub-strip .sub-title::after{background:linear-gradient(90deg,#E2B856,transparent) !important;}
  .sub-strip .sub-title .sub-link{display:none !important;}
  .steps-row{display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center !important; justify-content:center !important; gap:2px !important;}
  .step-item{display:flex !important; flex-direction:row !important; align-items:center !important; gap:5px !important; flex:1 1 0 !important; min-width:0 !important;}
  .step-item .step-icon{width:30px !important; height:30px !important; flex:0 0 30px !important; border:2px solid #E2B856 !important; background:transparent !important;}
  .step-item .step-icon svg{width:15px !important; height:15px !important; stroke:#E2B856 !important;}
  .step-info{display:flex !important; flex-direction:column !important; text-align:left !important; min-width:0 !important;}
  .step-num-lbl{font-size:8px !important; color:#E60012 !important; font-weight:800 !important; font-style:italic !important;}
  .step-text{font-size:8px !important; line-height:1.1 !important; color:rgba(255,255,255,0.82) !important;}
  .steps-row .step-gt{color:#E2B856 !important; font-size:14px !important; align-self:center !important;}
  .cta-hex{display:block !important; width:100% !important; background:#E2B856 !important; padding:2px !important; margin:8px 0 0 !important;
    clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,18px 100%,0 50%) !important;}
  .cta-hex .sub-cta{display:block !important; width:100% !important; text-align:center !important; height:36px !important; line-height:36px !important;
    font-style:italic !important; font-weight:800 !important; text-transform:uppercase !important; font-size:12px !important;
    padding:0 !important; border:none !important; border-radius:0 !important; background:var(--redband) !important;
    clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,18px 100%,0 50%) !important;}
}

/* fix: round icons + shorter (not full-width) button */
@media(max-width:768px){
  .step-item .step-icon{width:30px !important; height:30px !important; min-width:30px !important; min-height:30px !important;
    flex:0 0 30px !important; aspect-ratio:1 !important; border-radius:50% !important; padding:0 !important;}
  .cta-hex{display:inline-block !important; width:auto !important; margin:8px auto 0 !important;}
  .cta-hex .sub-cta{width:auto !important; padding:0 26px !important;}
}

/* lock step icons to a perfect circle */
@media(max-width:768px){
  .step-item .step-icon{
    width:32px !important; min-width:32px !important; max-width:32px !important;
    height:32px !important; min-height:32px !important; max-height:32px !important;
    flex:none !important; box-sizing:border-box !important; border-radius:50% !important;
  }
}

/* hero headline design like target: silver gradient + gold lines around WITH */
@media(max-width:768px){
  .hero-inner h1 .mt-silver{
    background:linear-gradient(180deg,#ffffff 0%,#f2f2f2 42%,#b7b7b7 100%) !important;
    -webkit-background-clip:text !important; background-clip:text !important;
    -webkit-text-fill-color:transparent !important; color:transparent !important;
    text-shadow:0 2px 8px rgba(0,0,0,0.45);
  }
  .hero-inner h1 .mt-with{
    display:inline-flex !important; align-items:center !important; gap:10px !important;
    font-size:0.6em !important; -webkit-text-fill-color:#F5F5F5 !important; color:#F5F5F5 !important;
    letter-spacing:.04em !important;
  }
  .hero-inner h1 .mt-with::before, .hero-inner h1 .mt-with::after{
    content:"" !important; width:36px !important; height:2px !important;
    background:linear-gradient(90deg,transparent,#E2B856) !important;
  }
  .hero-inner h1 .mt-with::after{ background:linear-gradient(90deg,#E2B856,transparent) !important; }
  .hero-inner h1 .grad{
    background:none !important; -webkit-text-fill-color:#E60012 !important; color:#E60012 !important;
  }
}

/* hero: remove red glow patch + show ball fully */
@media(max-width:768px){
  .hero{ background:transparent !important; }
  .hero::after{
    width:200px !important; height:200px !important; top:60px !important; right:2px !important;
    -webkit-mask-image:radial-gradient(circle at 50% 50%, #000 66%, transparent 88%) !important;
    mask-image:radial-gradient(circle at 50% 50%, #000 66%, transparent 88%) !important;
  }
}

/* hero ball: full photo on the right like target */
@media(max-width:768px){
  .hero{ min-height:520px !important; overflow:hidden !important; background:transparent !important; }
  .hero::after{
    top:0 !important; bottom:auto !important; left:auto !important; right:-20px !important;
    width:64% !important; height:100% !important;
    background:url('/hero-ball.jpg') no-repeat center right/contain !important;
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 22%) !important;
    mask-image:linear-gradient(90deg, transparent 0%, #000 22%) !important;
    filter:none !important;
  }
  .hero-inner h1{ max-width:56% !important; }
  .hero-sub{ max-width:54% !important; }
}
@media(max-width:768px){ .hero::after{ transform:translateY(-30px) !important; } }
@media(max-width:768px){
  .hero::after{
    top:0 !important; transform:none !important;
    background-position:right top !important;
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 20%), linear-gradient(0deg, transparent 0%, #000 24%) !important;
    -webkit-mask-composite:source-in !important;
    mask-image:linear-gradient(90deg, transparent 0%, #000 20%), linear-gradient(0deg, transparent 0%, #000 24%) !important;
    mask-composite:intersect !important;
  }
}
@media(max-width:768px){
  .hero-inner{ position:relative !important; z-index:6 !important; }
  .hero-inner h1{ max-width:66% !important; position:relative !important; z-index:6 !important;
    text-shadow:0 2px 12px rgba(0,0,0,0.95), 0 0 22px rgba(0,0,0,0.8) !important; }
  .hero-inner .mt-silver{ text-shadow:0 2px 12px rgba(0,0,0,0.95) !important; }
  .hero-sub{ max-width:60% !important; position:relative !important; z-index:6 !important; }
  .hero::after{ right:-36px !important; width:58% !important; transform:translateY(-6px) !important;
    background-position:right top !important; z-index:1 !important; }
}
@media(max-width:768px){
  .hero::after{ background-position:right -130px !important; transform:none !important; }
}
/* hero buttons: angled hex with gold edge like target */
@media(max-width:768px){
  .hero-btns .btn-hero{
    border:2px solid transparent !important; border-radius:0 !important;
    clip-path:polygon(16px 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 16px 100%, 0 50%) !important;
    box-shadow:0 0 16px rgba(226,184,86,0.30) !important;
    background:
      linear-gradient(180deg,rgba(255,255,255,0.10),rgba(255,255,255,0) 42%) padding-box,
      repeating-linear-gradient(125deg,#E60012 0px,#8F000B 42px,#1A0002 84px,#8F000B 126px,#E60012 168px) padding-box,
      #E2B856 border-box !important;
  }
  .hero-btns .btn-hero:nth-child(2){
    background:
      linear-gradient(180deg,#1b1b1e,#0b0b0d) padding-box,
      #E2B856 border-box !important;
  }
}
@media(max-width:768px){
  #b6-home-live .mt-hot-card{ border:1px solid rgba(226,184,86,0.5) !important; border-radius:16px !important; padding:14px 12px 6px !important; background:#0D0D0D !important; box-shadow:0 0 16px rgba(230,0,18,0.12) !important; }
  .hero-inner h1 .mt-silver{
    background:linear-gradient(180deg,#ffffff 0%,#ffffff 38%,#cfcfcf 80%,#eaeaea 100%) !important;
    -webkit-background-clip:text !important; background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    text-shadow:0 2px 10px rgba(0,0,0,0.55) !important;
  }
}
@media(max-width:768px){
  /* 1: 缩小标题字号 + 球再往右，让 G/S 完整露出 */
  .hero-inner h1{ font-size:31px !important; max-width:60% !important; line-height:1.05 !important;
    text-shadow:0 2px 10px rgba(0,0,0,0.95), 0 0 20px rgba(0,0,0,0.8) !important; }
  .hero::after{ right:-46px !important; width:56% !important; }
  /* 4: WIN BIG / PREDICTIONS 纯白，WITH 金色 */
  .hero-inner h1 .mt-silver{ background:none !important; -webkit-text-fill-color:#ffffff !important; color:#ffffff !important; text-shadow:0 2px 8px rgba(0,0,0,0.9) !important; }
  .hero-inner h1 .mt-with{ -webkit-text-fill-color:#E2B856 !important; color:#E2B856 !important; }
  /* 2: 底部自然淡出（单层遮罩，兼容性好），去掉硬边线 */
  .hero::after{ -webkit-mask-image:linear-gradient(to top, transparent 0%, #000 32%) !important; mask-image:linear-gradient(to top, transparent 0%, #000 32%) !important; -webkit-mask-composite:source-over !important; mask-composite:add !important; }
  /* 3: 热门比赛卡片贴近按钮下方 */
  .hero{ min-height:460px !important; }
  #b6-home-live{ padding-top:0 !important; margin-top:-4px !important; }
}
@media(max-width:768px){
  /* 2: 底部大幅淡出，盖掉底座那条硬边线 */
  .hero::after{
    -webkit-mask-image:linear-gradient(to top, transparent 0%, transparent 6%, #000 48%) !important;
    mask-image:linear-gradient(to top, transparent 0%, transparent 6%, #000 48%) !important;
    -webkit-mask-composite:source-over !important; mask-composite:add !important;
  }
  /* 3: 热门比赛卡片再上移，紧贴按钮下方 */
  .hero{ min-height:410px !important; padding-bottom:0 !important; }
  #b6-home-live{ margin-top:-24px !important; padding-top:0 !important; }
}
@media(max-width:768px){
  .hero::after{
    width:60% !important; height:100% !important; top:12px !important; right:-16px !important;
    background:url('/hero-ball.jpg') no-repeat center top/contain !important;
    -webkit-mask-image:none !important; mask-image:none !important; transform:none !important;
  }
}
@media(max-width:768px){
  .hero::after{ width:74% !important; right:-6px !important; top:24px !important; }
}
@media(max-width:768px){
  .hero::after{ width:92% !important; right:-10px !important; top:20px !important; }
}
@media(max-width:768px){
  .hero::after{ width:120% !important; right:-40px !important; top:10px !important; height:110% !important; }
}
@media(max-width:768px){ .hero{ min-height:490px !important; } }
@media(max-width:768px){
  .hero{ min-height:410px !important; }
  .hero::after{ top:-14px !important; height:122% !important; }
}
@media(max-width:768px){
  /* 1: 顶栏去掉黑底/边框，直接透出后面的背景 */
  header, header .nav, .nav { background:transparent !important; background-color:transparent !important; border:none !important; box-shadow:none !important; }

  /* 2: 热门比赛卡片提到最前、下移不再压按钮，也不被球图挡住 */
  .hero{ overflow:hidden !important; }
  #b6-home-live{ position:relative !important; z-index:30 !important; margin-top:26px !important; }
  #b6-home-live .mt-hot-card{ position:relative !important; z-index:30 !important; background:#0D0D0D !important; }

  /* 3: TODAY'S HOT MATCHES 文字（白+斜体，像图3） */
  #b6-home-live .b6-hl-head h3{ color:#F5F5F5 !important; -webkit-text-fill-color:#F5F5F5 !important; font-style:italic !important; }
}
@media(max-width:768px){ #b6-home-live{ margin-top:10px !important; } }
@media(max-width:768px){
  .hero{ min-height:365px !important; }
  #b6-home-live{ margin-top:6px !important; }
}
@media(max-width:768px){
  .hero{ min-height:365px !important; }
  #b6-home-live{ margin-top:6px !important; }
}
@media(max-width:768px){
  #b6-home-live{ padding-left:16px !important; padding-right:16px !important; }
  #b6-home-live .mt-hot-card{
    border:1.5px solid #E2B856 !important;
    border-radius:16px !important;
    padding:16px 14px !important;
    margin:0 !important;
    background:#0D0D0D !important;
    box-shadow:0 0 18px rgba(226,184,86,0.15) !important;
  }
}
@media(max-width:768px){
  #b6-home-live .mt-hot-card{ padding:12px 12px 10px !important; }
  #b6-home-live .b6-hl-head{ margin-bottom:8px !important; }
  #b6-home-live .mt-hm{ flex:0 0 100% !important; max-width:100% !important; }
  #b6-home-live .mt-hm-in{ padding:9px 10px !important; box-shadow:none !important; }
  #b6-home-live .mt-hm-in img{ width:26px !important; height:26px !important; }
  #b6-home-live .mt-vs{ width:22px !important; height:22px !important; font-size:9px !important; }
  #b6-home-live .mt-hm-in > div{ margin-bottom:6px !important; }
  #b6-home-live .mt-aibar{ padding:5px 8px !important; }
  #b6-home-live .b6-hl-scroll{ padding-bottom:2px !important; }
}
@media(max-width:768px){
  #b6-home-live .mt-ai-card{ border:1.5px solid #E2B856 !important; border-radius:16px !important; padding:16px 14px !important; background:#0D0D0D !important; box-shadow:0 0 16px rgba(226,184,86,0.12) !important; }
  #b6-home-live .mt-ai-card .b6-hl-head{ margin:0 0 12px !important; }
  #b6-home-live .mt-ai-card .mt-feat{ border:none !important; background:transparent !important; box-shadow:none !important; padding:0 !important; }
}
@media(max-width:768px){
  header{
    position:absolute !important; top:0 !important; left:0 !important; right:0 !important; z-index:50 !important;
    background:transparent !important; background-color:transparent !important;
    -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
    border:none !important; box-shadow:none !important;
  }
  header .nav, .nav{ background:transparent !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important; }
  .hero{ padding-top:64px !important; }
}