*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f4f6;color:#111;font-family:Arial,"Microsoft JhengHei",sans-serif;line-height:1.58}a{text-decoration:none;color:inherit}.site-header{position:sticky;top:0;z-index:20;background:#0b0b0d;color:#fff;border-bottom:3px solid #e60012;padding:12px 16px;display:flex;gap:12px;align-items:center;justify-content:space-between}.brand{font-size:18px;font-weight:900;letter-spacing:.02em}nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}nav a{color:#f8fafc}.tg,.btn{display:inline-flex;align-items:center;justify-content:center;background:#e60012;color:#fff;border-radius:6px;padding:10px 13px;font-weight:900}.top-banner,.section,.tg-panel,footer{max-width:1120px;margin:0 auto;padding:28px 16px}.top-banner{background:#111;color:#fff;margin-top:14px;border-radius:0 0 14px 14px;border:1px solid #191919;border-top:5px solid #e60012}.eyebrow,.kicker{margin:0 0 6px;color:#ff3344;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.top-banner h1{margin:0;font-size:34px;line-height:1.08}.subtitle{margin:8px 0 0;font-size:18px;font-weight:900;color:#fff}.intro{max-width:760px;margin:12px 0 0;color:#d1d5db}.banner-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.banner-stats span{background:#fff;color:#111;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:900}.hero-btn{margin-top:18px;width:100%;min-height:46px}.section{border-top:1px solid #e5e7eb}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}.section h2,.tg-panel h2{margin:0;font-size:24px;line-height:1.2}.section-head>span{color:#6b7280;font-size:13px}.match-grid,.hot-grid,.article-grid{display:grid;grid-template-columns:1fr;gap:12px}.match-card,.hot-card,.article-card,.tg-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 22px rgba(0,0,0,.05)}.match-card{padding:14px;display:grid;gap:12px}.match-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.league{font-size:13px;color:#111;font-weight:900}.time{font-size:13px;color:#e60012;font-weight:900}.teams{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.teams span{font-size:16px;font-weight:900;min-width:0}.teams span:last-child{text-align:right}.teams b{font-size:12px;color:#9ca3af}.pick-line{display:flex;align-items:center;justify-content:space-between;background:#111;color:#fff;border-radius:8px;padding:10px}.pick-line span{font-size:13px;color:#d1d5db;font-weight:900}.pick-line strong{color:#fff;font-size:18px}.brief{margin:0;color:#4b5563;font-size:14px}.card-cta,.article-card a{display:inline-flex;justify-content:center;background:#fff5f5;border:1px solid #fecaca;color:#e60012;border-radius:7px;padding:9px 10px;font-size:13px;font-weight:900}.hot-card,.article-card{padding:15px}.hot-card span{display:inline-flex;background:#e60012;color:#fff;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:900}.hot-card h3,.article-card h3{margin:10px 0 8px;font-size:19px;line-height:1.25}.hot-card p,.article-card p{margin:0;color:#4b5563}.tg-panel{display:grid;gap:14px;align-items:center;border-left:5px solid #e60012}.tg-panel p{margin:8px 0 0;color:#4b5563}.tg-panel.bottom{background:#111;color:#fff;border-color:#111;border-left:5px solid #e60012}.tg-panel.bottom p{color:#d1d5db}.article-card{display:grid;gap:10px}footer{padding-bottom:80px;border-top:1px solid #e5e7eb;color:#4b5563}.float-tg{position:fixed;left:14px;right:14px;bottom:12px;z-index:30;background:#e60012;color:#fff;border-radius:8px;padding:13px;text-align:center;font-weight:900;box-shadow:0 12px 28px rgba(230,0,18,.32)}@media(max-width:560px){.site-header{align-items:flex-start;flex-direction:column}.top-banner{margin-top:0;border-radius:0}.section-head{align-items:flex-start;flex-direction:column}.teams{grid-template-columns:1fr}.teams span:last-child,.teams b{text-align:left}.top-banner h1{font-size:31px}}@media(min-width:760px){.top-banner h1{font-size:48px}.hero-btn{width:auto}.match-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tg-panel{grid-template-columns:1fr auto}.float-tg{display:none}}
.article-page{max-width:860px;margin:0 auto;padding:30px 16px 88px}.article-page h1{margin:0 0 12px;font-size:34px;line-height:1.15}.article-lead{font-size:18px;font-weight:900;color:#111}.article-page p{color:#374151}.article-page .btn{margin-top:12px}.stats-panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;box-shadow:0 8px 22px rgba(0,0,0,.05)}.stats-total{display:flex;align-items:center;justify-content:space-between;background:#111;color:#fff;border-radius:8px;padding:14px;margin-bottom:14px}.stats-total span{font-weight:900}.stats-total strong{font-size:34px;color:#fff}.stats-table{width:100%;border-collapse:collapse;background:#fff}.stats-table th,.stats-table td{border-bottom:1px solid #e5e7eb;padding:11px 8px;text-align:left}.stats-table th{font-size:13px;color:#6b7280}.stats-table td{font-weight:900}@media(max-width:560px){.article-page h1{font-size:29px}.stats-table th,.stats-table td{font-size:13px;padding:9px 6px}}
.article-page h2{margin:28px 0 10px;font-size:24px;line-height:1.25}.article-cta{display:grid;gap:10px;background:#111;color:#fff;border-left:5px solid #e60012;border-radius:10px;padding:15px;margin:18px 0}.article-cta strong{font-size:18px}.article-bottom-cta{width:100%;min-height:46px;margin-top:18px}.faq-block,.related-block{margin-top:28px}.faq-block details{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;margin:8px 0}.faq-block summary{cursor:pointer;font-weight:900}.faq-block p{margin:9px 0 0}.related-grid,.topic-grid{display:grid;grid-template-columns:1fr;gap:12px}.related-card,.topic-card{display:grid;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px;box-shadow:0 8px 22px rgba(0,0,0,.05)}.related-card strong,.topic-card strong{color:#111;font-size:17px}.related-card span,.topic-card span{color:#4b5563;font-size:14px}.topic-hero{max-width:1120px;margin:0 auto;padding:34px 16px;background:#111;color:#fff;border-top:5px solid #e60012}.topic-hero h1{margin:0;font-size:38px;line-height:1.1}.topic-hero p{max-width:760px;color:#d1d5db}.topic-hero .btn{margin-top:10px}@media(min-width:760px){.article-cta{grid-template-columns:1fr auto;align-items:center}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.topic-hero h1{font-size:48px}}
.quick-links{background:#fff}.quick-grid{display:grid;grid-template-columns:1fr;gap:10px}.quick-grid a{background:#111;color:#fff;border-left:4px solid #e60012;border-radius:8px;padding:12px;font-weight:900}.latest-list{display:grid;gap:10px}.latest-list a{display:grid;gap:5px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:13px}.latest-list strong{color:#111}.latest-list span{color:#4b5563;font-size:14px}.stats-best{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff5f5;border:1px solid #fecaca;border-radius:8px;padding:13px;margin-bottom:14px}.stats-best span{color:#991b1b;font-weight:900}.stats-best strong{color:#e60012;font-size:20px}.stats-bar{display:block;width:120px;max-width:35vw;height:10px;background:#fee2e2;border-radius:999px;overflow:hidden}.stats-bar i{display:block;height:100%;background:#e60012;border-radius:999px}@media(min-width:760px){.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.latest-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.recap-grid{display:grid;grid-template-columns:1fr;gap:12px}.recap-card{background:#111;color:#fff;border:1px solid #1f2937;border-radius:10px;padding:15px;box-shadow:0 8px 22px rgba(0,0,0,.06)}.recap-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.recap-top strong{font-size:16px}.result-badge{background:#e60012;color:#fff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;white-space:nowrap}.recap-pick{margin:12px 0 6px;color:#fff;font-size:18px;font-weight:900}.recap-card p:last-child{margin:0;color:#d1d5db}@media(min-width:760px){.recap-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}