/* ===== index 页面专属样式 ===== */
:root{--lp:#552583;--lpd:#3b0f6a;--gold:#FDB927;--goldl:#ffd666;--goldd:#c4921a;
  --bg:#08040f;--live:#ff2d55;--blue:#5ac8fa;
  --t1:#f2ede6;--t2:#b0a898;--t3:#6a6258;
  --gg:rgba(253,185,39,.08);--r:16px;--e:all .24s cubic-bezier(.4,0,.2,1);
  --txt-bright:#fff;--txt-warm:#ffe8c0;--txt-gold:#FDB927;--txt-team:#f0eae0;
  --tag-bg:rgba(253,185,39,.12);--tag-txt:#ffd666;--tag-bdr:rgba(253,185,39,.18);
  --live-txt:#ff4d70;--live-bg:rgba(255,45,85,.15);--live-bdr:rgba(255,45,85,.25);
  --done-txt:#a09888;--done-bg:rgba(255,255,255,.03);--done-bdr:rgba(255,255,255,.06);}
.Hjnhlsk-page-grid{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start}
/* ======= TOPBAR ======= */
.Hjnhlsk-topbar{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(8,4,15,.92);backdrop-filter:blur(30px) saturate(1.6);border-bottom:1px solid rgba(253,185,39,.06)}
.Hjnhlsk-mnav-panel{position:fixed;top:0;right:0;bottom:0;width:290px;z-index:160;background:linear-gradient(180deg,#0e0718 0%,#08040f 100%);box-shadow:-4px 0 40px rgba(0,0,0,.6);transform:translateX(100%);transition:transform .38s cubic-bezier(.32,.08,.24,1);overflow-y:auto;padding:0 0 28px;-webkit-overflow-scrolling:touch}
.Hjnhlsk-mi-si .Hjnhlsk-si-ico{display:inline-flex;align-items:center;justify-content:center;width:20px;font-size:14px;flex-shrink:0;text-align:center}
/* ======= HERO ======= */
.Hjnhlsk-hero{margin-top:62px;position:relative;overflow:hidden}
.Hjnhlsk-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 90%,rgba(85,37,131,.45) 0%,transparent 50%),radial-gradient(ellipse at 80% 10%,rgba(253,185,39,.08) 0%,transparent 40%),linear-gradient(to top,rgba(8,4,15,1) 0%,rgba(8,4,15,.55) 30%,rgba(8,4,15,.1) 55%,rgba(8,4,15,.4) 100%),url('https://images.unsplash.com/photo-1546519638-68e109498ffc?auto=format&fit=crop&w=1920&q=80');background-size:cover;background-position:center 25%;filter:blur(4px) brightness(.65)}
.Hjnhlsk-hero-grain{position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.03}
.Hjnhlsk-hero-fade{position:absolute;bottom:0;left:0;right:0;height:80px;z-index:1;background:linear-gradient(to bottom,transparent,var(--bg));pointer-events:none}
.Hjnhlsk-hero-inner{position:relative;z-index:2;padding:44px 0 24px}
.Hjnhlsk-hero-left{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding-bottom:16px}
.Hjnhlsk-hero-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(52px,7vw,100px);line-height:.88;letter-spacing:5px;color:var(--t1);margin-bottom:12px}
.Hjnhlsk-hero-title em{font-style:normal;background:linear-gradient(135deg,var(--gold),var(--goldl));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.Hjnhlsk-hero-sub{font-size:14px;color:rgba(255,255,255,.55);max-width:420px;line-height:1.8}
.Hjnhlsk-hero-leagues{margin-top:auto}
.Hjnhlsk-hl-title{font-family:'DM Mono',monospace;font-size:11px;font-weight:600;color:var(--gold);letter-spacing:3px;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:10px}
.Hjnhlsk-hl-title::before{content:'';width:24px;height:1px;background:var(--gold)}
.Hjnhlsk-hl-title::after{content:'';flex:1;height:1px;background:rgba(253,185,39,.12)}
.Hjnhlsk-hl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.Hjnhlsk-hl-item{display:flex;align-items:center;gap:8px;padding:9px 12px;background:rgba(255,255,255,.04);border:1px solid rgba(253,185,39,.08);border-radius:10px;cursor:pointer;transition:var(--e);text-decoration:none;backdrop-filter:blur(10px)}
.Hjnhlsk-hl-item:hover{background:rgba(253,185,39,.1);border-color:rgba(253,185,39,.22);transform:translateY(-2px)}
.Hjnhlsk-hl-item img{width:24px;height:24px;object-fit:contain;flex-shrink:0}
.Hjnhlsk-hl-item .Hjnhlsk-hn{font-size:15px;font-weight:700;color:rgba(255,255,255,.7);white-space:nowrap}
.Hjnhlsk-hl-item:hover .Hjnhlsk-hn{color:var(--gold)}
/* TODAY PANEL */
.Hjnhlsk-today-panel{background:rgba(255,255,255,.03);border:1px solid rgba(253,185,39,.1);border-radius:var(--r);backdrop-filter:blur(20px);overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.3)}
.Hjnhlsk-tp-head{padding:14px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(253,185,39,.08);background:rgba(253,185,39,.05)}
.Hjnhlsk-tp-head .Hjnhlsk-tp-t{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:2px;color:var(--txt-bright)}
.Hjnhlsk-tp-head .Hjnhlsk-tp-n{font-family:'DM Mono',monospace;font-size:10px;color:var(--txt-gold);margin-left:auto;font-weight:600}
.Hjnhlsk-tp-list{max-height:500px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(253,185,39,.15) transparent}
/* ======= 分隔线 ======= */
.Hjnhlsk-section-line{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(253,185,39,.22) 15%,rgba(253,185,39,.32) 50%,rgba(253,185,39,.22) 85%,transparent 100%)}
.Hjnhlsk-section-glow{height:8px;background:linear-gradient(90deg,transparent,rgba(253,185,39,.06) 30%,rgba(253,185,39,.1) 50%,rgba(253,185,39,.06) 70%,transparent)}
/* ======= FUTURE ======= */
.Hjnhlsk-future-sec{padding:16px 0 40px}
.Hjnhlsk-fs-box{background:rgba(255,255,255,.03);border:1px solid rgba(253,185,39,.08);border-radius:var(--r);overflow:hidden;margin-bottom:16px}
.Hjnhlsk-fs-hd{padding:13px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(253,185,39,.06);background:rgba(253,185,39,.04)}
.Hjnhlsk-fs-hd .Hjnhlsk-fi{width:18px;height:18px;background:linear-gradient(135deg,var(--gold),var(--goldd));border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.Hjnhlsk-fs-hd .Hjnhlsk-fi svg{width:10px;height:10px;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round}
.Hjnhlsk-fs-hd .Hjnhlsk-fd{font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:2px;color:var(--txt-bright)}
.Hjnhlsk-fs-hd .Hjnhlsk-fc{font-family:'DM Mono',monospace;font-size:11px;color:var(--txt-gold);margin-left:auto;font-weight:600}
/* ======= 赛事行 ======= */
.Hjnhlsk-mr{display:flex;align-items:center;gap:8px;padding:9px 16px;border-bottom:1px solid rgba(255,255,255,.03);cursor:pointer;transition:var(--e);text-decoration:none}
.Hjnhlsk-mr:last-child{border-bottom:none}
.Hjnhlsk-mr:hover{background:rgba(253,185,39,.05)}
.Hjnhlsk-mr-left{display:flex;flex-direction:column;align-items:center;gap:2px;width:48px;flex-shrink:0}
.Hjnhlsk-mr-left .Hjnhlsk-mr-time{font-family:'DM Mono',monospace;font-size:11px;color:var(--txt-warm);font-weight:500;line-height:1}
.Hjnhlsk-mr-left .Hjnhlsk-mr-tag{font-family:'DM Mono',monospace;font-size:8px;font-weight:700;padding:1px 5px;border-radius:3px;color:var(--tag-txt);background:var(--tag-bg);border:1px solid var(--tag-bdr);white-space:nowrap;line-height:1.2}
.Hjnhlsk-mr-mid{display:flex;align-items:center;flex:1;min-width:0}
.Hjnhlsk-mr-team{display:flex;align-items:center;gap:5px;flex:1;min-width:0}
.Hjnhlsk-mr-team.Hjnhlsk-r{flex-direction:row-reverse;text-align:right}
.Hjnhlsk-mr-team img{width:20px;height:20px;object-fit:contain;flex-shrink:0}
.Hjnhlsk-mr-team .Hjnhlsk-mr-n{font-size:13px;font-weight:600;color:var(--txt-team);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.Hjnhlsk-mr-center{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0 10px;min-width:56px}
.Hjnhlsk-mr-sc{font-family:'DM Mono',monospace;font-size:14px;font-weight:700;color:var(--txt-gold);letter-spacing:2px;line-height:1}
.Hjnhlsk-mr-vs{font-family:'Bebas Neue',sans-serif;font-size:16px;color:var(--gold);letter-spacing:4px;line-height:1;text-shadow:0 0 16px rgba(253,185,39,.35)}
.Hjnhlsk-mr-st{font-family:'DM Mono',monospace;font-size:9px;font-weight:700;padding:3px 7px;border-radius:4px;letter-spacing:.3px;white-space:nowrap;flex-shrink:0}
.Hjnhlsk-mr-st.s-live{color:var(--live-txt);background:var(--live-bg);border:1px solid var(--live-bdr)}
.Hjnhlsk-mr-st.s-wait{color:var(--txt-gold);background:rgba(253,185,39,.08);border:1px solid var(--tag-bdr)}
.Hjnhlsk-mr-st.s-done{color:var(--done-txt);background:var(--done-bg);border:1px solid var(--done-bdr)}
/* ======= 未来赛事行 ======= */
.Hjnhlsk-fr{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.03);cursor:pointer;transition:var(--e);text-decoration:none}
.Hjnhlsk-fr:last-child{border-bottom:none}
.Hjnhlsk-fr:hover{background:rgba(253,185,39,.05)}
.Hjnhlsk-fr-time{font-family:'DM Mono',monospace;font-size:12px;color:var(--txt-warm);font-weight:500;flex-shrink:0;width:40px}
.Hjnhlsk-fr-tag{font-family:'DM Mono',monospace;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;color:var(--tag-txt);background:var(--tag-bg);border:1px solid var(--tag-bdr);white-space:nowrap;flex-shrink:0}
.Hjnhlsk-fr-teams{display:flex;align-items:center;flex:1;min-width:0}
.Hjnhlsk-fr-t{display:flex;align-items:center;gap:6px;flex:1;min-width:0}
.Hjnhlsk-fr-t.Hjnhlsk-r{flex-direction:row-reverse;text-align:right}
.Hjnhlsk-fr-t img{width:24px;height:24px;object-fit:contain;flex-shrink:0}
.Hjnhlsk-fr-t .Hjnhlsk-fn{font-size:14px;font-weight:700;color:var(--txt-team);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.Hjnhlsk-fr-x{font-family:'Bebas Neue',sans-serif;font-size:17px;color:var(--gold);letter-spacing:4px;flex-shrink:0;padding:0 12px;line-height:1;text-shadow:0 0 16px rgba(253,185,39,.35)}
.Hjnhlsk-fr-go{font-family:'DM Mono',monospace;font-size:9px;font-weight:600;color:var(--txt-gold);padding:4px 10px;border-radius:5px;background:rgba(253,185,39,.08);border:1px solid var(--tag-bdr);transition:var(--e);white-space:nowrap;flex-shrink:0}
.Hjnhlsk-fr:hover .Hjnhlsk-fr-go{background:rgba(253,185,39,.15);border-color:rgba(253,185,39,.3)}
/* ======= 媒体面板 ======= */
.Hjnhlsk-fs-right{display:flex;flex-direction:column;gap:16px}
.Hjnhlsk-mc-p{width:26px;height:26px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}
.Hjnhlsk-mc-p::before{content:'';width:26px;height:26px;border-radius:6px;background:rgba(253,185,39,.08);border:1px solid var(--tag-bdr);position:absolute}
.Hjnhlsk-mc-p::after{content:'';width:0;height:0;border-left:7px solid var(--gold);border-top:4px solid transparent;border-bottom:4px solid transparent;margin-left:2px;position:relative;z-index:1}
.Hjnhlsk-mc-d{font-family:'DM Mono',monospace;font-size:12px;color:var(--t3);flex-shrink:0}
.Hjnhlsk-news-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.Hjnhlsk-rec-box{background:rgba(255,255,255,.03);border:1px solid rgba(253,185,39,.08);border-radius:var(--r);padding:16px}
.Hjnhlsk-rec-row{display:flex;flex-direction:column;gap:7px}
.Hjnhlsk-rec-item{display:block;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:500;color:var(--txt-warm);background:rgba(255,255,255,.03);border:1px solid rgba(253,185,39,.06);cursor:pointer;transition:var(--e);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.Hjnhlsk-rec-item:hover{background:var(--gg);border-color:var(--tag-bdr);color:var(--gold)}
.Hjnhlsk-friend-sec{padding:0 0 32px}
.Hjnhlsk-fl-box{background:rgba(255,255,255,.03);border:1px solid rgba(253,185,39,.08);border-radius:var(--r);padding:20px}
.Hjnhlsk-fl-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.Hjnhlsk-fl-hd h2{font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:2px;color:var(--txt-bright);display:flex;align-items:center;gap:8px}
.Hjnhlsk-fl-hd h2 .Hjnhlsk-b{width:3px;height:12px;border-radius:2px;background:var(--gold)}
.Hjnhlsk-fl-wrap{display:flex;flex-wrap:wrap;gap:0}
.Hjnhlsk-fl-wrap a{font-family:'DM Mono',monospace;font-size:12px;font-weight:500;color:var(--t2);padding:5px 0;transition:var(--e);white-space:nowrap}
.Hjnhlsk-fl-wrap a:hover{color:var(--gold)}
.Hjnhlsk-fl-wrap a::after{content:'|';margin:0 14px;color:rgba(255,255,255,.08)}
.Hjnhlsk-fl-wrap a:last-child::after{display:none}
.Hjnhlsk-footer{padding:32px 0 28px;background:linear-gradient(180deg,var(--bg),#050310);border-top:1px solid rgba(253,185,39,.06);text-align:center}
.Hjnhlsk-footer .Hjnhlsk-ft-msg{font-size:14px;color:rgba(255,255,255,.3);margin-bottom:10px}
.Hjnhlsk-footer .Hjnhlsk-ft-copy{font-family:'DM Mono',monospace;font-size:11px;color:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.Hjnhlsk-footer .Hjnhlsk-ft-copy a{color:rgba(255,255,255,.2);transition:var(--e)}
.Hjnhlsk-footer .Hjnhlsk-ft-copy .Hjnhlsk-sp{color:rgba(255,255,255,.06)}
.Hjnhlsk-mbb-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 8px;cursor:pointer;-webkit-tap-highlight-color:transparent;text-decoration:none;position:relative}

/* ======= RESPONSIVE ======= */
@media(max-width:1100px){.Hjnhlsk-page-grid{grid-template-columns:1fr 340px}.Hjnhlsk-hl-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.Hjnhlsk-page-grid{grid-template-columns:1fr}
  .Hjnhlsk-hero-left{order:1}
  .Hjnhlsk-today-panel{order:2}
  .Hjnhlsk-hl-grid{grid-template-columns:repeat(3,1fr)}
  .Hjnhlsk-news-pair{grid-template-columns:1fr}
  .Hjnhlsk-main-nav{display:none}
  .Hjnhlsk-menu-btn{display:flex}}
@media(max-width:640px){.Hjnhlsk-wrap{padding:0 16px}
  .Hjnhlsk-mbb{display:block}
  .Hjnhlsk-hero-title{font-size:48px}
  .Hjnhlsk-hl-grid{grid-template-columns:repeat(2,1fr)}
  .Hjnhlsk-hl-item .Hjnhlsk-hn{font-size:14px}
  .Hjnhlsk-mr{padding:8px 12px;gap:6px}
  .Hjnhlsk-mr-team .Hjnhlsk-mr-n{font-size:12px}
  .Hjnhlsk-fr{padding:10px 12px;gap:8px}
  .Hjnhlsk-fr-t img{width:20px;height:20px}
  .Hjnhlsk-fr-t .Hjnhlsk-fn{font-size:13px}
  .Hjnhlsk-mc-i{padding:10px 12px}
  .Hjnhlsk-mc-t{font-size:13px}
  .Hjnhlsk-rec-item{font-size:13px;padding:9px 12px}
  .Hjnhlsk-footer{padding-bottom:calc(60px + env(safe-area-inset-bottom,16px))}}
@media(max-width:480px){.Hjnhlsk-tb-t{font-size:18px;letter-spacing:3px}
  .Hjnhlsk-tb-b{width:32px;height:32px;font-size:18px;border-radius:7px}
  .Hjnhlsk-topbar .Hjnhlsk-wrap{height:54px}
  .Hjnhlsk-hero{margin-top:54px}
  .Hjnhlsk-hero-title{font-size:38px}
  .Hjnhlsk-hl-grid{grid-template-columns:repeat(2,1fr);gap:6px}
  .Hjnhlsk-hl-item .Hjnhlsk-hn{font-size:13px}
  .Hjnhlsk-mr-team img{width:16px;height:16px}
  .Hjnhlsk-mr-team .Hjnhlsk-mr-n{font-size:11px}
  .Hjnhlsk-mr-sc{font-size:12px}
  .Hjnhlsk-fr-time{font-size:10px;width:34px}
  .Hjnhlsk-fr-t img{width:18px;height:18px}
  .Hjnhlsk-fr-t .Hjnhlsk-fn{font-size:12px}
  .Hjnhlsk-mnav-panel{width:270px}}

/* ===== 首页工具类 ===== */
.Hjnhlsk-mr-sc.Hjnhlsk-dim{color:rgba(255,255,255,.2)}
.Hjnhlsk-fl-hd.Hjnhlsk-mb10{margin-bottom:10px}