:root{
  --gold:#f5b32f;--orange:#ff9900;--dark:#15171d;--nav:#262931;--line:#d4d7dd;
  --text:#111827;--muted:#667085;--bluecell:#cfdfef;--soft:#f5f6f8;--red:#d22a29;
}
*{box-sizing:border-box}
html{background:#0d0f13}
body{margin:0;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;background:radial-gradient(circle at top,#3b2a11 0,#16171b 360px,#0d0f13 100%);color:var(--text);font-size:14px}
body.pc-mobile-same{min-width:1004px;overflow-x:auto}

.pc-fit-page{width:1004px;margin:0 auto}
@media (max-width:1004px){
  html.h5-pc-fit{overflow-x:hidden;background:#0d0f13}
  body.pc-mobile-same.mobile-fit-active{min-width:0;width:100%;overflow-x:hidden;position:relative;background:#0d0f13}
  body.pc-mobile-same.mobile-fit-active .pc-fit-page{width:1004px;margin:0;position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}
  body.pc-mobile-same.mobile-fit-active .shell{margin-left:0;margin-right:0}
}
.shell{width:1004px;margin:0 auto}.top-wrap{padding-top:10px}.top-banner{background:#f7a400;border-radius:14px 14px 0 0;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.28)}.top-banner img{display:block;width:100%;height:auto;min-height:120px;object-fit:cover}.nav-bar{display:flex;align-items:stretch;background:linear-gradient(#f8e792,#484b53 50%,#1f232b);border-left:1px solid rgba(255,255,255,.25);border-right:1px solid rgba(255,255,255,.25);box-shadow:0 8px 20px rgba(0,0,0,.24);overflow:hidden}.nav-item{flex:1;text-align:center;padding:14px 8px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.03em;border-right:1px solid rgba(255,255,255,.16);text-shadow:0 1px 2px #000;position:relative}.nav-item:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0}.nav-item:hover,.nav-item.is-active{background:linear-gradient(#ffe899,#f4a51d 45%,#21252d 46%,#111);color:#fff}.nav-item:hover:before,.nav-item.is-active:before{opacity:1}.favorite-link{background:linear-gradient(#fff2b6,#b9221c 48%,#48100e)!important;color:#fff!important}.favorite-link:after{content:" ★";color:#ffe55c}.marquee-box{height:92px;background:#ebebeb;overflow:hidden;display:flex;align-items:center;border-left:1px solid #ccc;border-right:1px solid #ccc}.marquee-track{display:flex;align-items:center;gap:30px;white-space:nowrap;animation:marquee 22s linear infinite}.marquee-track img{height:70px;width:auto;margin-left:1004px}.marquee-track span{font-weight:700;color:#9a1a00}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}.headline{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;color:#fff;text-align:center;flex-wrap:wrap}.headline strong{font-size:18px;color:#ffe082}.headline span{font-size:13px}.main-grid{display:grid;grid-template-columns:201px 1fr 201px;gap:0;align-items:start;background:#ebebeb;border-radius:0 0 14px 14px;overflow:hidden;box-shadow:0 22px 50px rgba(0,0,0,.28);margin-bottom:16px}.content-area{min-width:0;padding:10px;background:#fff}.sidebar{padding:10px;background:#ebebeb}.side-card{background:#fff;border:1px solid #d9dde3;border-radius:12px;padding:10px;margin-bottom:10px;overflow:hidden;box-shadow:0 2px 8px rgba(17,24,39,.05)}.image-card{padding:0;background:transparent;border:0;box-shadow:none;text-align:center}.image-card img{max-width:100%;border-radius:10px;display:block;margin:0 auto}.side-card h3{margin:0 0 10px;background:linear-gradient(90deg,#20242c,#e00054);color:#fff;border-radius:8px;padding:9px 10px;font-size:15px}.league-list{list-style:none;margin:0;padding:0;display:grid;gap:5px}.league-list a{display:block;text-decoration:none;color:#1f2937;background:#dee2e5;border:1px solid #c5ccd5;border-radius:7px;padding:7px 9px;font-size:13px}.league-list a:hover{background:#fff6d4;color:#9a4b00}.contact-card{text-align:center;background:linear-gradient(180deg,#fff,#fff7dc)}.contact-card p{margin:2px 0;color:var(--muted)}.contact-card strong{display:block;font-size:26px;color:var(--red);margin:6px 0 12px}.contact-btn{display:block;text-decoration:none;background:#1f232b;color:#fff;border-radius:999px;padding:9px 10px;font-weight:700}.contact-btn:hover{background:#b71d1a}.notice-card p{margin:0;color:#333;line-height:1.7}.btn-grid{display:grid;grid-template-columns:1fr;gap:8px;background:#f7f7f7}.btn-grid a{display:block;text-align:center;border-radius:8px;transition:transform .15s ease,filter .15s ease}.btn-grid a:hover{transform:translateY(-1px);filter:brightness(1.06)}.btn-grid img{max-width:120px;width:100%;height:auto;border-radius:6px}.match-section{border:1px solid #aab3bc;border-radius:13px;overflow:hidden;margin:0 0 14px;background:#fff;box-shadow:0 4px 14px rgba(17,24,39,.08)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:linear-gradient(90deg,var(--orange),#ffe069);border-bottom:1px solid #d28700}.section-title strong{font-size:24px;color:#220594}.section-title em{font-style:normal;font-weight:900;color:#1d7a21;font-size:16px}.ball-dot{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;margin-right:5px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(0,0,0,.08)}.table-scroll{overflow:visible}.match-table{width:100%;border-collapse:collapse;font-size:12px}.match-table th{background:#32353c;color:#fff;padding:8px 5px;border:1px solid #858b96}.match-table td{padding:7px 5px;text-align:center;border:1px solid #d3d8df;background:#fffff4;color:#000080}.match-table tr:hover td{background:#fff}.match-table td:nth-child(1),.match-table td:nth-child(2),.match-table td:nth-child(3),.match-table td:nth-child(4){background:var(--bluecell)}.match-table .pick{color:#111;font-weight:700}.match-table .score{color:#f00;font-weight:800;background:#dee2e5}.result{display:inline-flex;align-items:center;justify-content:center;min-width:27px;height:24px;border-radius:4px;color:#fff;font-weight:900}.result-win{background:#00a6b3}.result-lose{background:#6b7280}.result-pending{background:#f59e0b}.empty-cell{padding:22px!important;color:#777!important;background:#fff!important}.more-link{display:block;text-align:right;padding:8px 12px;color:#0046aa;font-weight:700;text-decoration:none}.more-link:hover{text-decoration:underline}.pager-note{text-align:center;background:#f6f6f6;border:1px solid #ddd;border-radius:10px;margin-top:8px;padding:10px;color:#111}.pager-note span,.pager-note a,.pager-note em{display:inline-block;margin:0 5px}.pager-note a{color:#0046aa;font-weight:700;text-decoration:none}.pager-note a:hover{text-decoration:underline}.pager-note em{font-style:normal;color:#777}.page-card{background:#fff;border:1px solid #d9dde3;border-radius:13px;padding:22px;line-height:1.9;font-size:15px;box-shadow:0 4px 14px rgba(17,24,39,.08)}.page-card h2{margin:0 0 12px;color:#9a1a00;border-left:5px solid var(--orange);padding-left:10px}.page-card hr{border:0;border-top:1px dashed #cfd4dc;margin:20px 0}.page-card strong{color:var(--red)}.notice-line{background:#fff7d6;border:1px solid #ffe08a;border-radius:10px;padding:10px}.footer{color:#d8d8d8;text-align:center;font-size:12px;padding:8px 10px 24px}.favorite-toast{position:fixed;z-index:99999;left:50%;top:50%;transform:translate(-50%,-50%);width:420px;max-width:86vw;background:#fff;border:3px solid #f5b32f;border-radius:14px;box-shadow:0 25px 80px rgba(0,0,0,.45);padding:18px;text-align:center;color:#111}.favorite-toast h3{margin:0 0 8px;color:#b71d1a;font-size:20px}.favorite-toast p{margin:6px 0;line-height:1.7}.favorite-toast button{margin-top:10px;border:0;border-radius:999px;background:#1f232b;color:#fff;font-weight:700;padding:9px 24px;cursor:pointer}
@media (max-width:900px){body.responsive-mode .shell{width:auto;max-width:100%;margin:0 8px}body.responsive-mode .main-grid{grid-template-columns:1fr}body.responsive-mode .sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body.responsive-mode .side-card{margin-bottom:0}body.responsive-mode .content-area{order:-1}body.responsive-mode .nav-bar{flex-wrap:wrap}body.responsive-mode .nav-item{flex:0 0 33.333%;padding:12px 6px}body.responsive-mode .marquee-track img{margin-left:100vw}body.responsive-mode .headline{padding:8px}body.responsive-mode .section-title{align-items:flex-start;flex-direction:column}body.responsive-mode .section-title strong{font-size:20px}body.responsive-mode .table-scroll{overflow:auto}body.responsive-mode .match-table{min-width:570px}}
@media (max-width:520px){body.responsive-mode .sidebar{grid-template-columns:1fr}body.responsive-mode .nav-item{flex-basis:50%;font-size:13px}body.responsive-mode .top-banner img{min-height:90px}body.responsive-mode .marquee-box{height:70px}body.responsive-mode .marquee-track img{height:52px}body.responsive-mode .content-area{padding:8px}body.responsive-mode .page-card{padding:15px}body.responsive-mode .section-title em{font-size:14px}}