:root{--blue:#1687ff;--cyan:#29dfff;--navy:#06142f;--panel:#0a1b39;--line:rgba(132,174,255,.18);--muted:#829abc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#17233d;background:#fff}button,a{font:inherit}.demo-header{height:70px;padding:0 max(24px,calc((100vw - 1780px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7edf6;position:relative}.brand{display:flex;align-items:center;gap:10px;color:#1266d6;text-decoration:none;font-size:22px}.brand img{width:32px}.header-title{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#58657a}.header-title i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px rgba(41,223,255,.12)}.back-link{color:#1266d6;text-decoration:none;padding:9px 16px;border:1px solid #bdd7fb;border-radius:8px;transition:.25s}.back-link:hover{background:#eef6ff;transform:translateY(-1px)}main{overflow:hidden}.hero{min-height:420px;padding:65px max(5vw,calc((100vw - 1480px)/2));display:flex;align-items:center;justify-content:space-between;color:#fff;background:radial-gradient(circle at 76% 40%,#143f9b 0,rgba(10,33,87,.3) 30%,transparent 50%),linear-gradient(115deg,#040d22,#071a43 60%,#061433);position:relative}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(44,113,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(44,113,255,.07) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(90deg,#000,transparent 72%)}.hero-copy{position:relative;z-index:2;max-width:720px}.eyebrow,.heading>div>span,.storage-copy>span{font-size:12px;letter-spacing:2px;color:#68b2ff}.hero h1{font-size:48px;line-height:1.25;margin:18px 0 16px}.hero h1 em{font-style:normal;color:#55dfff}.hero p{color:#a9bedf;font-size:18px;line-height:1.8}.tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.tags span{font-size:13px;color:#b8d8ff;padding:8px 13px;border:1px solid rgba(90,165,255,.32);border-radius:20px;background:rgba(26,78,157,.22)}.hero-visual{width:500px;height:300px;display:grid;place-items:center;position:relative}.hero-visual .orb{position:absolute;width:330px;height:330px;border-radius:50%;border:1px solid rgba(75,190,255,.18);box-shadow:inset 0 0 50px rgba(15,137,255,.16),0 0 80px rgba(0,94,255,.18)}.hero-visual img{width:420px;z-index:2;filter:drop-shadow(0 25px 35px rgba(0,0,0,.4));animation:float 5s ease-in-out infinite}.float{position:absolute;z-index:3;padding:10px 15px;border:1px solid rgba(102,184,255,.3);background:rgba(5,23,60,.78);border-radius:9px;color:#fff;font-size:17px}.float small{display:block;color:#83a8d5;font-size:11px;margin-top:3px}.float.one{left:15px;top:65px}.float.two{right:5px;bottom:45px}.console-section,.pipeline-section,.applications{padding:72px max(3vw,24px)}.console-section{background:#f5f8fd}.heading{max-width:1480px;margin:0 auto 28px;display:flex;align-items:flex-end;justify-content:space-between}.heading h2{font-size:32px;margin:8px 0 0;color:#132442}.heading>p{color:#7b8aa2;margin:0}.console{max-width:1480px;margin:auto;background:#07152f;border-radius:15px;overflow:hidden;box-shadow:0 25px 70px rgba(34,72,123,.16)}.matchbar{min-height:82px;padding:12px 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#091834,#102a5a,#091834)}.competition small{display:block;color:var(--muted);margin-top:6px}.score{display:flex;align-items:center;gap:22px}.score>span{display:flex;align-items:center;gap:8px;font-weight:700}.score>span.reverse{flex-direction:row-reverse}.badge{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:13px}.badge.blue{background:linear-gradient(135deg,#147fff,#063d9c)}.badge.cyan{background:linear-gradient(135deg,#2edddd,#087f9d)}.score>strong{font-size:30px;display:flex;gap:9px}.score>strong i{font-style:normal}.score>strong small{color:#6f86a9}.live{justify-self:end;display:flex;align-items:center;gap:8px}.live>i,.data .panel-head small i{width:7px;height:7px;border-radius:50%;background:#ff315b;box-shadow:0 0 0 5px rgba(255,49,91,.13);animation:pulse 1.5s infinite}.live span{font-size:11px;color:#ff6685}.live b{font-size:20px;margin-left:7px;font-variant-numeric:tabular-nums}.console-grid{padding:18px;display:grid;grid-template-columns:minmax(0,2.15fr) minmax(300px,.85fr);grid-template-areas:"video data" "events data";gap:14px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;color:#eaf4ff;overflow:hidden}.panel-head{height:49px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-head>div{display:flex;gap:7px}.panel-head button{border:1px solid #25436d;border-radius:5px;background:#11294f;color:#86a3c9;padding:5px 8px;font-size:11px;cursor:pointer}.panel-head button.active{color:#66ddff;border-color:#167ec2;background:#11355e}.panel-head small{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px}.data .panel-head small i{background:#20e1a3;box-shadow:0 0 0 4px rgba(32,225,163,.12)}.broadcast{grid-area:video}.stage{height:440px;position:relative;overflow:hidden;background:#071125}.hud{position:absolute;z-index:7;left:15px;right:15px;top:13px;display:flex;justify-content:space-between;font-size:11px}.hud>*{background:rgba(3,13,31,.72);padding:6px 9px;border-radius:4px}.hud span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff315b;margin-right:6px}.pitch{position:absolute;inset:0;background:radial-gradient(ellipse,transparent,rgba(0,0,0,.13)),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 10%,rgba(0,0,0,.025) 10% 20%),linear-gradient(#166847,#0c4b36);transform:perspective(700px) rotateX(3deg) scale(1.03)}.pitch:after{content:"";position:absolute;inset:9%;border:2px solid rgba(255,255,255,.42)}.pitch>.line{position:absolute;z-index:2;left:50%;top:9%;bottom:9%;border-left:2px solid rgba(255,255,255,.42)}.pitch>.circle{position:absolute;z-index:2;left:50%;top:50%;width:120px;height:120px;border:2px solid rgba(255,255,255,.42);border-radius:50%;transform:translate(-50%,-50%)}.pitch>.box{position:absolute;z-index:2;top:28%;width:15%;height:44%;border:2px solid rgba(255,255,255,.42)}.pitch>.box.left{left:9%;border-left:0}.pitch>.box.right{right:9%;border-right:0}.player{position:absolute;z-index:5;width:34px;height:34px;border:1px solid currentColor;border-radius:4px;display:grid;place-items:center;animation:move 5s ease-in-out infinite alternate;transition:opacity .3s}.player:before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 14px currentColor}.player i{position:absolute;top:-18px;font-style:normal;font-size:10px;color:#fff;background:rgba(3,13,31,.7);padding:2px 4px}.player b{position:absolute;left:39px;font-size:9px}.player.home{color:#22b5ff}.player.away{color:#ffcf55}.p1{left:24%;top:35%}.p2{left:39%;top:62%;animation-delay:-2s}.p3{left:43%;top:27%;animation-delay:-3s}.p4{left:19%;top:70%;animation-delay:-1s}.p5{left:64%;top:33%;animation-delay:-4s}.p6{left:76%;top:62%;animation-delay:-1.5s}.p7{left:56%;top:72%;animation-delay:-2.4s}.p8{left:80%;top:24%;animation-delay:-.7s}.ball{position:absolute;z-index:5;left:52%;top:50%;width:8px;height:8px;background:#fff;border-radius:50%;box-shadow:0 0 12px #fff;animation:ball 4s infinite alternate}.trace{position:absolute;z-index:3;height:1px;background:linear-gradient(90deg,transparent,#4fd5ff,transparent);opacity:.65}.trace.t1{left:25%;top:40%;width:32%;transform:rotate(15deg)}.trace.t2{left:53%;top:53%;width:26%;transform:rotate(-12deg)}.moment{position:absolute;z-index:7;right:18px;bottom:16px;width:180px;padding:12px;background:rgba(3,17,43,.82);border:1px solid rgba(56,165,255,.38);border-radius:7px;transition:.3s}.moment span{display:block;font-size:9px;color:#27d5ff}.moment b{display:block;font-size:13px;margin:4px 0}.moment small{color:#829dc0}.stage.ai-off .player,.stage.ai-off .trace,.stage.ai-off .moment{opacity:0}.controls{height:50px;padding:0 14px;display:flex;gap:12px;align-items:center;color:#7e98ba;font-size:11px}.controls>button{width:28px;height:28px;border:0;border-radius:50%;background:#147cff;display:grid;place-items:center}.controls>button i{width:8px;height:10px;border-left:3px solid #fff;border-right:3px solid #fff}.controls>button.paused i{width:0;height:0;border:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #fff}.controls>b{color:#d9e8fb}.timeline{height:4px;flex:1;border-radius:4px;background:#213653;position:relative}.timeline>i{position:absolute;height:100%;width:76%;background:linear-gradient(90deg,#147cff,#2cdaff);transition:width .4s}.marker{position:absolute;top:50%;width:10px;height:10px;padding:0;border:2px solid #06142f;border-radius:50%;transform:translate(-50%,-50%)}.marker.goal{background:#28e1aa}.marker.card{background:#ffd642}.m27{left:30%}.m51{left:56.6%}.m64{left:71.1%}.data{grid-area:data}.possession{display:grid;grid-template-columns:1fr auto 1fr;text-align:center;align-items:center;padding:24px 20px 10px}.possession div b{display:block;font-size:30px}.possession div span,.possession strong{font-size:11px;color:#7f9abc}.pos-bar{height:7px;margin:0 22px 23px;background:#d89e20;border-radius:6px}.pos-bar i{display:block;width:56%;height:100%;background:linear-gradient(90deg,#147cff,#21c7ff);border-radius:6px}.metrics{margin:0 16px;border-top:1px solid var(--line)}.metrics>div{height:49px;display:grid;grid-template-columns:1fr 34px 8px 34px;align-items:center;border-bottom:1px solid var(--line);font-size:13px}.metrics span{color:#8199bb}.metrics b{text-align:center}.metrics i{width:4px;height:4px;border-radius:50%;background:#365478}.chart{margin:20px 16px;padding:15px;background:#0d2449;border-radius:7px}.chart>div{display:flex;justify-content:space-between;font-size:12px}.chart>div b{font-size:10px;color:#7895bd;font-weight:400}.chart svg{width:100%;height:105px;margin-top:10px}.area{fill:url(#fill)}.chart-line{fill:none;stroke:#37bdff;stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:600;animation:draw 4s ease-in-out infinite}.events{grid-area:events}.event-list{display:grid;grid-template-columns:repeat(5,1fr)}.event{min-width:0;padding:14px 12px;border:0;border-right:1px solid var(--line);background:transparent;color:#eaf4ff;display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:9px;align-items:center;text-align:left;cursor:pointer;position:relative}.event:hover,.event.current{background:#10294e}.event.current:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#22bfff}.event time{color:#9db2cf;font-size:12px}.event>i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal}.event>i.attack{background:rgba(25,150,255,.15);color:#37b8ff}.event>i.goal{background:rgba(35,218,163,.14);color:#31e0aa}.event>i.card{background:rgba(255,210,60,.14);color:#ffd23c}.event span{overflow:hidden}.event span>*{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event span b{font-size:12px}.event span small{font-size:9px;color:#6f8cad;margin-top:4px}.event em{display:none}.pipeline-section{background:#06142f;color:#fff}.heading.light h2{color:#fff}.heading.light>p{color:#8199bd}.pipeline{max-width:1480px;margin:42px auto;display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr 70px 1fr;align-items:center}.pipeline article{height:230px;padding:24px;background:linear-gradient(145deg,rgba(20,54,105,.65),rgba(8,27,59,.72));border:1px solid rgba(75,142,235,.2);border-radius:10px;position:relative;transition:.3s}.pipeline article:hover{transform:translateY(-6px);border-color:#2bbfff}.pipeline article>span{position:absolute;right:18px;top:16px;font-size:28px;color:rgba(98,151,220,.18);font-weight:800}.pipe-icon{width:54px;height:54px;border-radius:10px;display:grid;place-items:center;font-style:normal;color:#5adaff;background:rgba(29,143,255,.12);border:1px solid rgba(53,181,255,.25);font-weight:800}.camera:before{content:"◉";font-size:25px}.pipeline h3{font-size:18px;margin:17px 0 8px}.pipeline p{font-size:13px;color:#88a1c2;margin:0}.pipeline article>b{display:block;font-size:10px;color:#49cfff;margin-top:13px;font-weight:400}.link{height:1px;background:rgba(67,141,235,.35);position:relative}.link:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid #3c8ee7;border-right:1px solid #3c8ee7;transform:rotate(45deg)}.link b{position:absolute;width:7px;height:7px;border-radius:50%;background:#24d8ff;top:-3px;box-shadow:0 0 10px #24d8ff;animation:flow 2.2s linear infinite}.storage{max-width:1480px;margin:auto;min-height:180px;border:1px solid rgba(66,141,241,.23);border-radius:12px;background:radial-gradient(circle at 80% 30%,rgba(14,118,255,.16),transparent 28%),#091a39;display:grid;grid-template-columns:1.1fr 1.6fr .6fr;align-items:center;padding:28px 34px;gap:32px}.storage-copy h3{font-size:24px;margin:7px 0}.storage-copy p{font-size:12px;line-height:1.8;color:#8199ba}.asset-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.asset-cards article{padding:17px;background:rgba(13,43,87,.6);border:1px solid rgba(75,135,220,.16);border-radius:8px}.asset-cards span{font-size:10px;color:#8199bb;display:block;margin-bottom:10px}.asset-cards b{font-size:24px}.asset-cards small{font-size:10px;color:#7390b7;margin-left:4px}.write>span{color:#3fe1b0;font-size:12px}.write>span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#3fe1b0;margin-right:6px}.write>b{display:block;font-size:11px;color:#8ca1c0;margin:12px 0 8px}.write>div{height:5px;background:#17325a;border-radius:5px}.write>div i{display:block;width:99%;height:100%;background:linear-gradient(90deg,#1784ff,#39e2c0)}.applications{padding-bottom:90px}.app-grid{max-width:1480px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.app-grid article{padding:30px 25px;border:1px solid #e3ebf5;border-radius:10px;transition:.3s}.app-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(35,72,125,.11)}.app-grid>b,.app-grid article>b{font-size:28px;color:#e0edfc}.app-grid h3{font-size:19px;margin:10px 0}.app-grid p{font-size:13px;line-height:1.75;color:#718199}footer{min-height:80px;padding:18px max(3vw,calc((100vw - 1480px)/2));display:flex;align-items:center;gap:14px;background:#030b1c;color:#7489a9;font-size:12px}footer p{margin-right:auto}footer a{color:#9db6d8;text-decoration:none;padding:9px 13px;border:1px solid #1d365d;border-radius:5px}footer a:last-child{color:#fff;background:#126be0;border-color:#126be0}@keyframes float{50%{transform:translateY(-12px)}}@keyframes pulse{50%{opacity:.35}}@keyframes move{to{transform:translate(18px,-10px)}}@keyframes ball{to{transform:translate(45px,24px)}}@keyframes draw{0%{stroke-dashoffset:600}45%,100%{stroke-dashoffset:0}}@keyframes flow{from{left:0}to{left:100%}}
@media(max-width:1050px){.hero h1{font-size:40px}.hero-visual{width:390px}.hero-visual img{width:330px}.console-grid{grid-template-columns:1fr;grid-template-areas:"video" "data" "events"}.data{display:grid;grid-template-columns:1fr 1fr;align-items:center}.data .panel-head{grid-column:1/-1}.event-list{grid-template-columns:repeat(3,1fr)}.event:nth-child(n+4){display:none}.pipeline{grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr}.storage{grid-template-columns:1fr 1.5fr}.write{grid-column:1/-1}.app-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.demo-header{height:60px;padding:0 16px}.brand{font-size:17px}.brand img{width:27px}.header-title{display:none}.back-link{font-size:12px;padding:7px 10px}.hero{min-height:550px;padding:50px 20px;display:block}.hero h1{font-size:34px}.hero p{font-size:15px}.hero-visual{width:100%;height:230px;margin-top:20px}.hero-visual img{width:290px}.hero-visual .orb{width:240px;height:240px}.float{padding:8px 11px}.float.one{left:0;top:35px}.float.two{right:0;bottom:20px}.console-section,.pipeline-section,.applications{padding:52px 12px}.heading{display:block}.heading h2{font-size:25px}.heading>p{font-size:12px;margin-top:8px}.matchbar{padding:10px 12px;grid-template-columns:1fr auto}.competition{display:none}.score{gap:7px}.score>span{font-size:11px;gap:4px}.badge{width:27px;height:27px}.score>strong{font-size:22px;gap:5px}.live span{display:none}.live b{font-size:14px;margin-left:2px}.console-grid{padding:8px;gap:8px}.panel-head{height:44px;padding:0 10px;font-size:13px}.panel-head button:last-child{display:none}.stage{height:260px}.hud{left:8px;right:8px}.moment{width:145px;right:8px;bottom:8px}.player{width:25px;height:25px}.player b{display:none}.pitch>.circle{width:75px;height:75px}.controls{padding:0 8px;gap:7px}.data{display:block}.chart svg{height:75px}.event-list{grid-template-columns:1fr}.event:nth-child(n+4){display:grid}.event{border-right:0;border-bottom:1px solid var(--line);padding:11px}.pipeline{grid-template-columns:1fr;gap:10px;margin:25px auto}.pipeline article{height:auto;min-height:175px}.link{width:1px;height:26px;margin:auto}.link:after{right:-3px;top:auto;bottom:0;transform:rotate(135deg)}.link b{left:-3px;animation:flowDown 2s linear infinite}.storage{grid-template-columns:1fr;padding:22px 17px;gap:22px}.asset-cards{grid-template-columns:1fr}.write{grid-column:auto}.app-grid{grid-template-columns:1fr}.app-grid article{padding:23px}footer{flex-wrap:wrap;padding:22px 16px}footer p{width:100%;margin:0}}@keyframes flowDown{from{top:0}to{top:100%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

/* Synchronized live / virtual-pitch video comparison */
.video-stage{height:auto;background:#030a17}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));transition:grid-template-columns .25s}.video-pane{position:relative;aspect-ratio:16/9;margin:0;overflow:hidden;background:#020711}.video-pane+.video-pane{border-left:1px solid rgba(93,157,255,.28)}.video-pane video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.video-pane figcaption{position:absolute;z-index:2;left:12px;top:12px;display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid rgba(124,179,255,.26);border-radius:5px;background:rgba(3,13,31,.78);font-size:10px;pointer-events:none}.video-pane figcaption i{width:6px;height:6px;border-radius:50%;background:#ff315b;box-shadow:0 0 0 4px rgba(255,49,91,.13)}.virtual-pane figcaption i{background:#2bdcff;box-shadow:0 0 0 4px rgba(43,220,255,.13)}.video-pane figcaption span{color:#87a5cc}.video-moment{pointer-events:none}.video-stage.single-view .video-grid{grid-template-columns:1fr}.video-stage.single-view .virtual-pane{display:none}.event-list{grid-template-columns:repeat(4,1fr)}.event:nth-child(4n){border-right:0}.timeline{cursor:pointer}.timeline:focus-visible{outline:2px solid #2bdcff;outline-offset:5px}.timeline>i{width:0;transition:none}
@media(max-width:1050px){.event-list{grid-template-columns:repeat(4,1fr)}.event:nth-child(n+4){display:grid}}
@media(max-width:720px){.video-stage{height:auto}.video-grid{grid-template-columns:1fr}.video-pane+.video-pane{border-left:0;border-top:1px solid rgba(93,157,255,.28)}.video-stage.single-view .video-grid{grid-template-columns:1fr}.video-pane figcaption{left:8px;top:8px;padding:5px 7px}.video-moment{right:8px;bottom:8px}.event-list{grid-template-columns:repeat(2,1fr)}.event:nth-child(2n){border-right:0}}