:root{color-scheme:dark;--gold:#f9d88b;--line:#b48234;--muted:#b1b5c5;--mint:#62e3ce;--panel:#101426}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#0b0a0b;color:#f8f4ed;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:15px;line-height:1.6}body:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,#080a1110 0%,#080a1120 40%,#080a11ee 100%),url('../images/pc.webp') center top/cover no-repeat}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #72ddff;outline-offset:4px}.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.ambient i{position:absolute;bottom:-20px;width:3px;height:3px;border-radius:50%;background:#ffe6a3;box-shadow:0 0 9px #ffbb38;animation:float-up 14s linear infinite;left:var(--x);animation-delay:var(--delay)}.page-shell{max-width:1240px;margin:auto;padding:0 28px}.topline{height:40px;display:flex;align-items:center;justify-content:space-between;color:#e2cfaa;font-size:11px;letter-spacing:1.5px;border-bottom:1px solid #e4b96b26}.topline a{letter-spacing:0}.hero{text-align:center;position:relative;padding:40px 0 30px}.hero-crown{font-size:25px;color:#ffd77a;line-height:1;text-shadow:0 0 22px #ffae00}.hero h1{font-family:Georgia,"Microsoft YaHei",serif;font-weight:800;font-size:clamp(42px,6vw,76px);line-height:1.15;letter-spacing:6px;margin:8px 0;background:linear-gradient(180deg,#fff9df 10%,#f5c55c 50%,#b47b22 72%,#ffe6a3);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 2px 10px #ffb82465)}.hero p{margin:6px 0 20px;color:#ffebbc;letter-spacing:6px;font-size:16px}.hero-link,.outline-btn{border:1px solid #d7a64f;border-radius:8px;color:#f5d695;background:linear-gradient(135deg,#f9c45615,#151521aa);padding:9px 19px;display:inline-flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap}.hero-link{border-radius:30px;box-shadow:0 0 15px #ffb92d35}.hero-link:hover,.outline-btn:hover{background:#c9943a2a}.platforms{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:0;margin:0}.platform-card{position:relative;isolation:isolate;border-radius:17px;padding:2px;overflow:hidden;box-shadow:0 5px 24px #0009,0 0 16px #e6a13426;transition:transform .25s}.platform-card:before{content:"";position:absolute;inset:-100%;background:conic-gradient(from 0deg,transparent 0deg,#a47020 60deg,#ffe4a5 90deg,#fff7da 97deg,#ad7427 115deg,transparent 180deg,#b17b26 240deg,#ffd37a 277deg,transparent 300deg);animation:orbit 8s linear infinite;animation-delay:var(--delay,0s);z-index:-1}.platform-card:hover{transform:translateY(-5px)}.platform-card:last-child{grid-column:2}.card{height:100%;border-radius:15px;display:flex;align-items:center;flex-direction:column;justify-content:space-between;padding:22px 20px;background:linear-gradient(145deg,#1c2234fa,#0d1122fc);min-height:210px}.card-main{width:100%;display:flex;align-items:center;gap:17px;margin-bottom:18px}.brand-icon{width:76px;height:76px;flex-shrink:0;object-fit:contain;border-radius:12px;filter:drop-shadow(0 0 10px #f7c35920)}.brand-text{min-width:0}.brand-text h2{font-size:24px;color:#ffe5ac;line-height:1.3;margin:0 0 7px;letter-spacing:1px;text-shadow:0 1px 12px #f9c14a30}.brand-text p{font-size:12px;color:#c5c3c5;margin:0;letter-spacing:3px}.official-btn{display:flex;align-items:center;justify-content:center;gap:20px;min-width:190px;padding:7px 20px;border-radius:28px;color:#281500;font-weight:800;font-size:21px;background:linear-gradient(180deg,#fff1b4,#ffd259 36%,#ffa321);border:1px solid #ffe8ab;position:relative;overflow:hidden;box-shadow:0 0 14px #ffad3f70,inset 0 1px 3px #fff9;animation:breathe 3.5s ease-in-out infinite}.official-btn:after{content:"";position:absolute;top:-50%;bottom:-50%;width:25%;left:-50%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:skewX(-25deg);animation:shine 5s ease-in-out infinite}.official-btn span{font-size:26px;line-height:1}.section-divider{height:54px;display:flex;align-items:center;gap:18px;justify-content:center;color:#d2af71;font-size:11px;letter-spacing:4px}.section-divider:before,.section-divider:after{content:"";width:125px;height:1px;background:linear-gradient(90deg,transparent,#ac793b,transparent)}.match-center{position:relative;border:1px solid #e6b85f;border-radius:22px;background:linear-gradient(155deg,#181c2bf5,#0b1020fa);box-shadow:0 0 25px #f2af4225,inset 0 1px 2px #ffedb63a;padding:30px;scroll-margin-top:20px}.mc-heading{text-align:center;border-bottom:1px solid #c197532e;padding-bottom:20px}.mc-heading .eyebrow{color:#b99c62;font-size:10px;letter-spacing:5px}.mc-heading h2{font-size:36px;letter-spacing:7px;color:#ffe2a0;margin:1px 0 4px;text-shadow:0 0 16px #f0b04b40}.mc-heading p{color:#a9aebe;font-size:12px;margin:0}.mc-heading .ball{font-size:24px;display:inline-block;vertical-align:3px;margin:0 16px;color:#e6bd68}.demo-notice{background:#76521a38;color:#ffda8b;padding:10px 14px;border:1px solid #9f743c60;border-radius:8px;font-size:13px;margin-top:18px}.mc-toolbar{display:flex;align-items:center;gap:14px;padding:22px 0 16px}.sport-tabs{display:flex;border:1px solid #8c7b60;border-radius:9px;overflow:hidden;flex-shrink:0}.sport-tabs button{border:0;background:transparent;color:#c2c5ce;padding:9px 25px;min-height:42px}.sport-tabs button.active{color:#241400;background:linear-gradient(135deg,#ffedaa,#edb142);font-weight:bold}.league-field{display:flex;align-items:center;gap:10px;flex:1;min-width:0;color:#c8b88e;font-size:13px}.league-field select{min-width:0;width:100%;max-width:330px;border:1px solid #75623e;background:#0c1120;color:#f1e5cd;padding:10px 30px 10px 12px;border-radius:8px;height:44px}.mc-meta{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid #c197532e;padding-bottom:16px;margin-bottom:20px}.mc-dates{display:flex;gap:8px;overflow:auto;scrollbar-width:thin;max-width:100%;padding:2px}.mc-dates button{border:1px solid #4f5362;border-radius:7px;background:#212638;color:#b9becb;padding:7px 17px;min-width:95px;white-space:nowrap;font-size:13px}.mc-dates button.active{background:linear-gradient(135deg,#ffedaa,#e6ad46);color:#30210b;border-color:#ffdf91;font-weight:bold}.mc-update{white-space:nowrap;font-size:11px;color:#a2a9bb}.mc-content{min-height:160px}.mc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.match-card{border:1px solid #74603d;border-radius:13px;background:linear-gradient(140deg,#202637,#121727);padding:16px;animation:appear .3s ease}.match-top{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff10;padding-bottom:10px;font-size:11px;color:#b8bfce}.match-top time{color:#f5cf81;font-size:15px;font-weight:bold}.mc-teams{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:6px;align-items:center;margin:15px 0 17px;min-height:50px}.mc-team{display:flex;align-items:center;gap:9px;min-width:0;font-size:16px;font-weight:700;line-height:1.4}.mc-team.away{flex-direction:row-reverse;text-align:right}.team-badge{display:grid;place-items:center;flex:0 0 35px;width:35px;height:40px;clip-path:polygon(50% 0,95% 15%,88% 75%,50% 100%,12% 75%,5% 15%);background:linear-gradient(140deg,#d9b66d,#a37937);color:#21180b;font-family:Georgia,serif;font-weight:800;font-size:17px}.away .team-badge{background:linear-gradient(140deg,#97b9d9,#426783);color:white}.versus{color:#f0c86f;font-size:16px;font-weight:bold;text-align:center}.market-label{font-size:10px;color:#9ba5b7;margin-bottom:5px}.mc-prices{display:flex;gap:6px}.mc-price{flex:1;min-width:0;border:1px solid #63ddc126;background:#113e3b40;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;padding:7px 4px}.mc-price b{color:var(--mint);font-size:18px}.secondary-market{margin-top:8px;display:grid;grid-template-columns:52px minmax(0,1fr) minmax(0,1fr);gap:5px;font-size:11px;align-items:center;color:#b0b9ca;border-top:1px solid #ffffff0c;padding-top:8px}.secondary-market span:not(:first-child){text-align:center;overflow-wrap:anywhere}.secondary-market b{color:#bce6db;font-weight:500;margin-left:5px}.match-source{margin:12px 0 0;color:#828da1;font-size:10px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.mc-status{text-align:center;padding:30px 12px;color:#b9c1d0;font-size:14px}.mc-status strong{display:block;color:#e9d4ac;margin-bottom:7px;font-size:17px}.mc-status button{margin-top:12px}.mc-warning{border:1px solid #af853e66;padding:10px 14px;border-radius:8px;background:#b0771f15;color:#e9cc92;font-size:12px;margin-bottom:16px}.mc-more-wrap{text-align:center;margin-top:22px}.mc-count{font-size:11px;color:#8c97ab;margin-top:9px}.skeleton{height:235px;border-radius:12px;border:1px solid #675531;background:linear-gradient(100deg,#1d2435 30%,#303344 50%,#1d2435 70%);background-size:200%;animation:loading 1.5s infinite}.page-footer{text-align:center;padding:27px 0 35px;font-size:11px;color:#97949a}.page-footer strong{color:#bc9b61;letter-spacing:3px;font-weight:400}.page-footer p{margin:5px 0}.back-top{position:fixed;bottom:20px;right:20px;width:42px;height:42px;border:1px solid #b4914a;border-radius:50%;background:#151a2de6;display:grid;place-items:center;color:#f4d181;z-index:4}.skip-link{position:absolute;top:-100px;left:10px;z-index:100}.skip-link:focus{top:8px;background:#101426;padding:12px}#demoNotice[hidden],.mc-more-wrap[hidden]{display:none}.price-updated{animation:price-flash 1.4s ease}.mc-status[role=alert]{color:#ecc991}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes breathe{50%{box-shadow:0 0 22px #ffaf3f95,inset 0 1px 3px #fff9}}@keyframes shine{0%,60%{left:-50%}90%,100%{left:140%}}@keyframes float-up{0%{transform:translate(0,0);opacity:0}15%,80%{opacity:.65}100%{transform:translate(50px,-100vh);opacity:0}}@keyframes loading{to{background-position:-200% 0}}@keyframes appear{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes price-flash{0%{background:#9bdcbc55}100%{background:transparent}}
@media(min-width:1500px){.page-shell{max-width:1280px}.hero{padding-top:48px}.card{min-height:225px}}
@media(max-width:1000px){.page-shell{padding:0 20px}.card{padding:20px 14px;min-height:195px}.card-main{gap:10px}.brand-icon{width:58px;height:58px}.brand-text h2{font-size:20px}.official-btn{min-width:165px;font-size:18px}.match-center{padding:22px}.sport-tabs button{padding:9px 18px}.mc-price{gap:5px}.mc-team{font-size:14px}}
@media(max-width:720px){body:before{background-image:linear-gradient(180deg,#080a1120,#080a1180 55%,#080a11f5),url('../images/mobile.webp');background-size:cover;background-position:center top}.page-shell{padding:0 14px}.topline{font-size:9px;letter-spacing:.5px}.hero{padding:26px 0 25px}.hero h1{font-size:47px;letter-spacing:3px}.hero p{font-size:12px;letter-spacing:4px}.hero-crown{font-size:20px}.hero-link{font-size:12px;padding:7px 18px}.platforms{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.platform-card:last-child{grid-column:1 / -1;width:calc(50% - 6px);justify-self:center}.card{min-height:178px;padding:16px 10px}.card-main{flex-direction:column;text-align:center;gap:9px;margin-bottom:13px}.brand-icon{width:54px;height:54px;border-radius:9px}.brand-text h2{font-size:18px;letter-spacing:0;margin-bottom:2px}.brand-text p{font-size:10px;letter-spacing:2px}.official-btn{min-width:0;width:100%;font-size:16px;padding:5px 10px;gap:12px}.official-btn span{font-size:21px}.section-divider{height:43px;font-size:9px}.section-divider:before,.section-divider:after{width:65px}.match-center{padding:18px 12px;border-radius:17px}.mc-heading{padding-bottom:15px}.mc-heading h2{font-size:28px;letter-spacing:4px}.mc-heading .ball{font-size:17px;margin:0 8px}.mc-heading .eyebrow{font-size:8px;letter-spacing:3px}.mc-heading p{font-size:10px}.mc-toolbar{flex-wrap:wrap;gap:10px;padding:16px 0 12px}.sport-tabs{flex:1}.sport-tabs button{flex:1;padding:8px 15px;min-height:38px;font-size:13px}.mc-toolbar>.outline-btn{padding:7px 12px;min-height:39px;font-size:12px}.league-field{order:3;flex:1 1 100%}.league-field select{max-width:none;height:41px;font-size:13px}.mc-meta{display:block;padding-bottom:12px;margin-bottom:13px}.mc-update{display:block;text-align:right;margin-top:8px;font-size:10px}.mc-dates button{font-size:12px;min-width:90px;padding:6px 11px}.mc-grid{grid-template-columns:1fr;gap:12px}.mc-team{font-size:15px}.match-card{padding:13px}.mc-price b{font-size:18px}.mc-price{font-size:12px;gap:8px}.secondary-market{font-size:11px}.demo-notice{font-size:11px}.mc-more-wrap{margin-top:16px}.page-footer{font-size:10px}.back-top{bottom:12px;right:10px;width:34px;height:34px}.ambient i:nth-child(n+9){display:none}}
@media(max-width:360px){.page-shell{padding:0 10px}.brand-text h2{font-size:16px}.mc-team{font-size:13px}.team-badge{flex-basis:29px;width:29px;height:34px}.mc-price{gap:5px}.hero h1{font-size:40px}.match-center{padding:16px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.ambient{display:none}}
