:root{
  --jf-bg:#f1efe7;--jf-card:#fff;--jf-ink:#17201c;--jf-ink2:#3e4a44;--jf-muted:#6b756f;
  --jf-line:#d9d6c9;--jf-soft:#f7f6f1;--jf-lime:#c8f04b;--jf-green:#0f766e;--jf-red:#b42318;--jf-radius:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.jf-body{margin:0;background:var(--jf-bg);color:var(--jf-ink);font:15px/1.65 "PingFang SC","Microsoft YaHei",Arial,sans-serif;overflow-x:hidden}
.jf-body a{color:inherit;text-decoration:none}.jf-body img{display:block;max-width:100%}
.jf-wrap{width:min(1180px,calc(100% - 32px));margin:0 auto}
.jf-header{background:var(--jf-ink);color:#fff;position:relative;z-index:20}
.jf-header-main{display:flex;align-items:center;gap:26px;min-height:74px}
.jf-brand{display:flex;align-items:center;gap:10px;flex:none}.jf-brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--jf-lime);color:var(--jf-ink);font:900 17px/1 "Arial Narrow",Arial;letter-spacing:.04em;transform:rotate(-3deg)}
.jf-brand span:last-child{display:flex;flex-direction:column}.jf-brand b{font-size:18px}.jf-brand small{font-size:10px;color:#9fac9f;letter-spacing:.1em}
.jf-main-nav{display:flex;align-items:center;gap:5px;flex:1}.jf-main-nav a{padding:8px 12px;border-radius:6px;color:#c4cec5;font-size:13px;font-weight:700}.jf-main-nav a:hover,.jf-main-nav a.on{background:var(--jf-lime);color:var(--jf-ink)}
.jf-live-chip{font-size:11px;color:#a7b5a8;border:1px solid #37443b;padding:5px 9px;border-radius:999px;white-space:nowrap}
.jf-league-bar{background:#202b25;border-top:1px solid #354139}.jf-league-scroll{display:flex;gap:4px;overflow:auto;min-height:42px;align-items:center;scrollbar-width:none}.jf-league-scroll::-webkit-scrollbar{display:none}
.jf-league-scroll a{padding:6px 10px;border-radius:5px;color:#aab8ad;font-size:12px;white-space:nowrap}.jf-league-scroll a:hover,.jf-league-scroll a.on{background:#fff;color:var(--jf-ink);font-weight:800}
.jf-main{padding:26px 0 60px}
.jf-hero{display:grid;grid-template-columns:minmax(0,1.5fr) 280px;gap:28px;align-items:end;background:linear-gradient(120deg,#17201c,#28382f);color:#fff;border-radius:24px;padding:38px;position:relative;overflow:hidden}
.jf-hero:after{content:"90′";position:absolute;right:24px;top:-20px;font:900 190px/1 "Arial Narrow",Arial;color:rgba(200,240,75,.08)}
.jf-hero>div,.jf-hero aside{position:relative;z-index:1}
.jf-eyebrow,.jf-section-head span,.jf-page-title>span,.jf-kicker{display:block;color:#7b8a7f;font-size:10px;font-weight:900;letter-spacing:.16em;margin-bottom:6px}
.jf-hero .jf-eyebrow{color:var(--jf-lime)}
.jf-hero h1{font:900 clamp(36px,5.4vw,62px)/1 "Arial Narrow","Microsoft YaHei";margin:0 0 14px}
.jf-hero p{color:#c4d0c6;max-width:720px;margin:0;font-size:15px}
.jf-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}
.jf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border:0;border-radius:7px;background:var(--jf-lime);color:var(--jf-ink);font-weight:900;font-size:13px;cursor:pointer}
.jf-btn.ghost{background:transparent;color:#fff;border:1px solid #5d6a61}.jf-btn.live{background:var(--jf-green);color:#fff}
.jf-hero aside{text-align:right;border-left:1px solid #425047;padding-left:24px}.jf-hero aside b{display:block;font:900 44px/1 "Arial Narrow";color:var(--jf-lime)}.jf-hero aside span{display:block;color:#aab8ad;font-size:12px;margin-top:5px}.jf-hero aside i{display:block;margin-top:14px;font-style:normal;font-size:12px;color:#c4d0c6}
.jf-section,.jf-panel{background:var(--jf-card);border:1px solid var(--jf-line);border-radius:var(--jf-radius);box-shadow:0 8px 28px rgba(23,32,28,.045)}
.jf-section{padding:24px;margin-bottom:20px}.jf-panel{padding:22px;margin-bottom:16px}
.jf-section-head,.jf-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:14px}
.jf-section-head h2,.jf-panel h2,.jf-panel-head h2{margin:0;font-size:22px;line-height:1.25}.jf-section-head a{font-size:12px;color:var(--jf-green);font-weight:800}
.jf-league-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.jf-league-group{background:var(--jf-soft);border:1px solid var(--jf-line);border-radius:10px;padding:13px}
.jf-league-group h3{margin:0 0 8px;font-size:13px;color:var(--jf-muted)}
.jf-league-group a{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid #e5e2d8;font-weight:800}.jf-league-group a:last-child{border-bottom:0}.jf-league-group em{font-style:normal;color:var(--jf-muted);font-weight:400;font-size:11px}
.jf-match-list{border-top:1px solid var(--jf-line)}
.jf-match-row{display:grid;grid-template-columns:105px minmax(0,1fr) 105px;gap:12px;align-items:center;padding:13px 4px;border-bottom:1px solid var(--jf-line)}.jf-match-row:hover{background:#fbfaf6}
.jf-match-league b{display:inline-block;background:#ece9df;border-radius:4px;padding:2px 6px;font-size:11px}.jf-match-league time{display:block;font-size:11px;color:var(--jf-muted);margin-top:3px}
.jf-match-teams{display:grid;grid-template-columns:1fr 76px 1fr;align-items:center;gap:10px}.jf-team{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.jf-team.is-away{justify-content:flex-start}.jf-team span{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jf-team img{width:28px;height:28px;object-fit:contain;flex:none}
.jf-match-teams strong{text-align:center;font:900 15px/1 "Arial Narrow";background:#f4f2eb;border-radius:5px;padding:6px 0;color:var(--jf-ink2)}
.jf-watch{display:inline-flex;justify-content:center;align-items:center;min-height:36px;padding:0 12px;border-radius:6px;background:var(--jf-ink);color:#fff!important;font-size:12px;font-weight:800;white-space:nowrap}
.jf-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.jf-news{background:#fff;border:1px solid var(--jf-line);border-radius:9px;overflow:hidden}.jf-news>a{display:grid;grid-template-columns:148px minmax(0,1fr);height:100%}.jf-news.is-compact>a{display:block;padding:11px 0}.jf-news.is-compact{border:0;border-bottom:1px solid var(--jf-line);border-radius:0}.jf-news-cover{min-height:105px;background:#e7e4da}.jf-news-cover img{width:100%;height:100%;object-fit:cover}.jf-news>a>div:last-child{padding:12px}.jf-news h3{font-size:15px;line-height:1.45;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.jf-news p{font-size:12px;color:var(--jf-muted);margin:0 0 6px}.jf-news time{font-size:11px;color:#8d998f}.jf-news.is-compact h3{font-size:14px}.jf-news.is-compact p{display:none}
.jf-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.jf-media{background:#fff;border:1px solid var(--jf-line);border-radius:9px;overflow:hidden}.jf-media-cover{position:relative;aspect-ratio:16/9;background:#e6e3d9}.jf-media-cover img{width:100%;height:100%;object-fit:cover}.jf-media-cover span{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--jf-ink);padding-left:2px}.jf-media-cover b{position:absolute;left:7px;top:7px;background:var(--jf-ink);color:var(--jf-lime);font-size:10px;padding:2px 6px;border-radius:3px}.jf-media h3{font-size:13px;line-height:1.45;margin:0;padding:10px 11px 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.jf-media time{display:block;padding:0 11px 10px;font-size:10px;color:var(--jf-muted)}
.jf-league-hero{background:linear-gradient(120deg,#fff,var(--jf-soft));border:1px solid var(--jf-line);border-left:8px solid var(--lc,var(--jf-green));border-radius:18px;padding:28px;margin-bottom:16px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:center}.jf-league-hero span{font-size:10px;color:var(--jf-muted);font-weight:900;letter-spacing:.12em}.jf-league-hero h1{font:900 clamp(34px,5vw,52px)/1.05 "Arial Narrow","Microsoft YaHei";margin:4px 0 8px}.jf-league-hero p{color:var(--jf-ink2);margin:0}.jf-league-hero dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.jf-league-hero dl div{background:#fff;border:1px solid var(--jf-line);border-radius:7px;padding:8px}.jf-league-hero dt{font-size:10px;color:var(--jf-muted)}.jf-league-hero dd{margin:2px 0 0;font-weight:800;font-size:12px}
.jf-league-nav{display:flex;gap:5px;overflow:auto;padding:0 0 16px;scrollbar-width:none}.jf-league-nav::-webkit-scrollbar{display:none}.jf-league-nav a{padding:6px 11px;border:1px solid var(--jf-line);border-radius:999px;background:#fff;font-size:12px;white-space:nowrap}.jf-league-nav a:hover,.jf-league-nav a.on{background:var(--jf-ink);color:#fff;border-color:var(--jf-ink)}
.jf-team-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.jf-team-grid a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;background:var(--jf-soft);border:1px solid var(--jf-line);border-radius:8px;font-size:12px;text-align:center}.jf-team-grid img{width:44px;height:44px;object-fit:contain}
.jf-champions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.jf-champions div{display:grid;grid-template-columns:74px 1fr 70px;gap:8px;padding:9px 11px;border:1px solid var(--jf-line);background:var(--jf-soft);border-radius:7px;font-size:12px}.jf-champions span{color:var(--jf-muted)}.jf-champions b{font-size:13px}.jf-champions em{font-style:normal;text-align:right;color:var(--jf-green);font-size:10px}
.jf-faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.jf-faq details{background:var(--jf-soft);border:1px solid var(--jf-line);border-radius:8px;padding:0 12px}.jf-faq summary{cursor:pointer;font-weight:800;padding:11px 20px 11px 0;position:relative;list-style:none}.jf-faq summary::-webkit-details-marker{display:none}.jf-faq summary:after{content:"+";position:absolute;right:0;top:9px;color:var(--jf-green);font-size:18px}.jf-faq details[open] summary:after{content:"−"}.jf-faq p{margin:0;padding:0 0 12px;color:var(--jf-muted);font-size:13px}
.jf-crumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--jf-muted);font-size:12px;padding:0 0 16px}.jf-crumb a:after{content:"/";margin-left:8px;color:#b9b5a7}.jf-crumb em{font-style:normal;color:var(--jf-ink)}
.jf-page-title{padding:8px 2px 22px}.jf-page-title h1{font:900 clamp(30px,5vw,48px)/1.1 "Arial Narrow","Microsoft YaHei";margin:0 0 8px}.jf-page-title p{color:var(--jf-muted);margin:0;max-width:760px}
.jf-table-card{border:1px solid var(--jf-line);border-radius:10px;overflow:hidden;margin-bottom:13px;background:#fff}.jf-table-card header{padding:12px 15px;background:var(--jf-soft);border-bottom:1px solid var(--jf-line)}.jf-table-card h2{font-size:16px;margin:0}
.jf-table-wrap{overflow:auto}.jf-table{width:100%;border-collapse:collapse;min-width:620px}.jf-table th,.jf-table td{padding:9px 11px;border-bottom:1px solid #e9e6dc;text-align:left;font-size:12px;white-space:nowrap}.jf-table th{background:var(--jf-soft);color:var(--jf-muted)}.jf-table-name{display:flex;align-items:center;gap:7px}.jf-table-name img{width:23px;height:23px;object-fit:contain}
.jf-match-hero{display:grid;grid-template-columns:1fr 220px 1fr;gap:18px;align-items:center;background:linear-gradient(120deg,#17201c,#2b4034);color:#fff;border-radius:22px;padding:30px;margin-bottom:16px}.jf-match-team{text-align:center}.jf-match-team img{width:84px;height:84px;object-fit:contain;margin:0 auto 10px}.jf-match-team h1{font-size:22px;margin:0}.jf-match-mid{text-align:center;border-left:1px solid #415047;border-right:1px solid #415047;padding:0 16px}.jf-match-mid span{font-size:10px;color:#9eafa3;letter-spacing:.12em}.jf-match-mid b{display:block;font:900 34px/1.15 "Arial Narrow";margin:6px 0}.jf-match-mid time{font-size:11px;color:#c7d3c9}
.jf-watch{display:flex;justify-content:space-between;align-items:center;gap:18px}.jf-watch span{font-size:10px;color:var(--jf-green);font-weight:900;letter-spacing:.12em}.jf-watch p{color:var(--jf-muted);margin:4px 0 0}
.jf-event-info header span{font-size:11px;color:var(--jf-green);font-weight:900;letter-spacing:.08em}.jf-event-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.jf-event-fields div{padding:9px 11px;background:var(--jf-soft);border:1px solid var(--jf-line);border-radius:6px;font-size:13px}.jf-event-fields div.full{grid-column:1/-1;line-height:1.8}.jf-event-fields em{font-style:normal;color:var(--jf-green);font-weight:900}
.jf-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.jf-tags a{padding:4px 9px;border:1px solid var(--jf-line);border-radius:6px;background:#fff;font-size:11px;font-weight:700}.jf-tags a:hover{background:var(--jf-lime)}
.jf-team-hero{display:flex;align-items:center;gap:22px;background:linear-gradient(120deg,#fff,#f5f4ed);border:1px solid var(--jf-line);border-radius:18px;padding:26px;margin-bottom:16px}.jf-team-hero img{width:100px;height:100px;object-fit:contain}.jf-team-hero h1{font-size:34px;margin:4px 0}.jf-team-hero p{color:var(--jf-muted);margin:0}.jf-intro{color:var(--jf-ink2);line-height:1.9;margin:10px 0 0}.jf-roster{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.jf-roster div{display:flex;flex-direction:column;align-items:center;padding:9px 5px;background:var(--jf-soft);border:1px solid var(--jf-line);border-radius:7px;text-align:center}.jf-roster img{width:42px;height:42px;object-fit:contain;border-radius:50%;background:#e9e6dc}.jf-roster span{font-size:11px;font-weight:700}.jf-roster em{font-size:9px;color:var(--jf-muted);font-style:normal}
.jf-article{background:#fff;border:1px solid var(--jf-line);border-radius:16px;padding:28px;margin-bottom:18px}.jf-article header h1{font-size:clamp(24px,4vw,38px);line-height:1.3;margin:6px 0 10px}.jf-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--jf-muted);font-size:11px;border-bottom:1px solid var(--jf-line);padding-bottom:13px;margin-bottom:16px}.jf-rich{color:var(--jf-ink2);line-height:1.9;font-size:15px;overflow-wrap:anywhere}.jf-rich p{margin:0 0 1em}.jf-rich a{color:var(--jf-green);text-decoration:underline;text-underline-offset:3px;font-weight:700}.jf-rich img{margin:10px auto;border-radius:7px}.jf-video{position:relative;aspect-ratio:16/9;background:#111;border-radius:10px;overflow:hidden;margin-bottom:16px}.jf-video iframe,.jf-video video{width:100%;height:100%;border:0;object-fit:contain}
.jf-pager{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:16px;color:var(--jf-muted);font-size:12px}.jf-pager div{display:flex;gap:5px;flex-wrap:wrap}.jf-pager a,.jf-pager b{padding:6px 10px;border:1px solid var(--jf-line);border-radius:5px;background:#fff}.jf-pager b{background:var(--jf-ink);color:#fff;border-color:var(--jf-ink)}
.jf-empty{padding:30px 16px;text-align:center;color:var(--jf-muted);border:1px dashed var(--jf-line);border-radius:8px;background:var(--jf-soft)}.jf-empty-page{text-align:center;padding:70px 20px}.jf-empty-page>b{font:900 84px/1 "Arial Narrow";color:#cdc9bb}.jf-empty-page h1{margin:10px 0 18px}
.jf-footer{background:#17201c;color:#aab8ad;padding:34px 0 18px}.jf-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:28px}.jf-footer b{color:#fff}.jf-footer p{font-size:12px;line-height:1.8;color:#8e9c91;margin:8px 0 0}.jf-footer a{color:#aab8ad;font-size:12px;margin-right:8px}.jf-footer-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #354139;margin-top:24px;padding-top:14px;font-size:11px;color:#718176}
@media(max-width:980px){
 .jf-header-main{gap:14px;min-height:66px}.jf-live-chip{display:none}.jf-hero{grid-template-columns:1fr;padding:28px}.jf-hero aside{border-left:0;border-top:1px solid #425047;padding:16px 0 0;text-align:left}.jf-league-grid{grid-template-columns:1fr}.jf-media-grid{grid-template-columns:repeat(2,1fr)}.jf-league-hero{grid-template-columns:1fr}.jf-team-grid{grid-template-columns:repeat(4,1fr)}.jf-roster{grid-template-columns:repeat(4,1fr)}.jf-footer-grid{grid-template-columns:1fr}.jf-match-row{grid-template-columns:90px 1fr 90px}
}
@media(max-width:680px){
 .jf-wrap{width:calc(100% - 22px)}.jf-header-main{flex-wrap:wrap;padding:9px 0}.jf-main-nav{order:3;width:100%;overflow:auto;padding-bottom:2px}.jf-main-nav a{font-size:11px;padding:6px 9px}.jf-brand b{font-size:16px}.jf-brand-mark{width:38px;height:38px;font-size:14px}.jf-main{padding-top:16px}.jf-hero{padding:22px 17px;border-radius:16px}.jf-hero h1{font-size:38px}.jf-hero p{font-size:13px}.jf-section,.jf-panel,.jf-league-hero,.jf-article{padding:16px;border-radius:11px}.jf-section-head h2{font-size:18px}.jf-match-row{grid-template-columns:1fr auto;gap:7px;padding:11px 0}.jf-match-league{grid-column:1}.jf-match-teams{grid-column:1/-1;grid-row:2;grid-template-columns:1fr 58px 1fr}.jf-watch{grid-column:2;grid-row:1;min-height:32px;font-size:11px;padding:0 9px}.jf-team span{font-size:12px}.jf-news-grid{grid-template-columns:1fr}.jf-news>a{grid-template-columns:95px 1fr}.jf-media-grid{grid-template-columns:repeat(2,1fr)}.jf-team-grid{grid-template-columns:repeat(3,1fr)}.jf-champions,.jf-faq-list{grid-template-columns:1fr}.jf-champions div{grid-template-columns:62px 1fr}.jf-champions em{display:none}.jf-match-hero{grid-template-columns:1fr;padding:20px}.jf-match-mid{border-left:0;border-right:0;border-top:1px solid #415047;border-bottom:1px solid #415047;padding:13px 0;margin:8px 0}.jf-match-team img{width:62px;height:62px}.jf-watch{flex-direction:column;align-items:flex-start}.jf-event-fields{grid-template-columns:1fr}.jf-team-hero{padding:18px;gap:13px}.jf-team-hero img{width:68px;height:68px}.jf-team-hero h1{font-size:24px}.jf-roster{grid-template-columns:repeat(3,1fr)}.jf-pager{flex-direction:column;align-items:flex-start}
}