:root{--ink:#23262d;--muted:#626b77;--line:#e0e4e9;--blue:#2b61ac;--pink:#b54d70;--wash:#f5f6f8;font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:#fff;scroll-behavior:smooth;scroll-padding-top:95px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none;text-underline-offset:5px}button{font:inherit;cursor:pointer}svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}::selection{background:#dae7fa;color:#234575}*{scrollbar-width:thin;scrollbar-color:#bdc5ce transparent}a:focus-visible,button:focus-visible{outline:3px solid #3977ce;outline-offset:5px}.skip{position:fixed;top:-80px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.wrap{max-width:1220px;margin-inline:auto;padding-inline:30px}.header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 max(30px,calc((100vw - 1160px)/2));gap:35px;border-bottom:1px solid #e9ebef;background:#fff;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap}.brand svg{width:30px;height:30px}.brand strong{font-size:23px}.brand span{font-size:11px;color:var(--muted);margin-left:8px}.header nav{display:flex;align-items:center;gap:30px;font-size:13px;color:#535d6a}.header nav a:hover{color:var(--blue)}.header-cta{display:flex;align-items:center;gap:13px;border:1px solid #d5dbe2;padding:10px 15px;border-radius:6px;font-size:12px;white-space:nowrap}.header-cta:hover{background:var(--wash)}.header-cta svg{width:15px}.hero{text-align:center;padding-top:73px;padding-bottom:28px}.hero h1{font-size:clamp(40px,4.7vw,65px);letter-spacing:-.04em;line-height:1.23;font-weight:750;margin:0 0 27px;text-wrap:balance}.hero-intro{font-size:16px;color:var(--muted);line-height:1.95;margin:0}.hero-actions{display:flex;justify-content:center;gap:12px;margin:28px 0 20px}.button{display:inline-flex;align-items:center;gap:15px;padding:15px 21px;border:1px solid #d9dfe6;border-radius:7px;font-size:13px;font-weight:600;transition:background .2s}.button.primary{background:#23262d;color:#fff;border-color:#23262d}.button.primary:hover{background:#414650}.button.secondary:hover{background:#f3f5f8}.button svg{width:17px;height:17px}.compatibility{display:flex;justify-content:center;gap:23px;font-size:11px;color:#68727e}.compatibility span+span:before{content:'·';margin-right:23px;color:#8a94a0}.product{text-align:left;margin:47px 0 0;border:1px solid #cbd2dd;border-radius:12px;overflow:hidden;box-shadow:0 22px 55px #17233812;background:var(--wash)}.window-head{height:48px;background:#fff;border-bottom:1px solid #e0e4ea;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:11px;gap:16px}.window-brand{display:flex;align-items:center;gap:9px}.window-brand svg{width:16px}.window-brand>span{color:#657180;font-size:11px;border:1px solid #dfe4eb;padding:1px 5px;border-radius:3px}.sample-label{margin-left:auto;color:#647180;font-size:11px}.window-dots{display:flex;gap:6px;margin-left:14px}.window-dots i{width:5px;height:5px;background:#c6ccd4;border-radius:50%}.console-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;background:#fafbfc;border-bottom:1px solid #dde3ea}.console-bar b{font-size:13px;margin-right:20px}.console-bar span{font-size:11px;color:#617080}.connection{display:flex;align-items:center;gap:6px}.connection i{width:6px;height:6px;background:#3b806a;border-radius:50%}.console-body{display:grid;grid-template-columns:210px minmax(0,1fr) 245px;gap:0;min-height:315px}.panel-title{font-size:11px;display:flex;justify-content:space-between;color:#506072;margin-bottom:17px;font-weight:600}.panel-title span{font-size:11px;color:#6c7a8b}.panel-title svg{width:14px;height:14px}.roster{border-right:1px solid #dde2e8;padding:20px 18px;background:#fff}.host{display:flex;align-items:center;gap:9px;margin:0 -7px 5px;padding:8px 7px;border-radius:5px}.host.selected{background:#f6f8fb}.avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:600;flex-shrink:0}.pink{background:#f4e0e8;color:#98415c}.blue{background:#e1eafa;color:#396296}.neutral{background:#edf0f4;color:#556371}.host strong{font-size:11px;font-weight:500;display:block}.host small{font-size:11px;color:#56667a;display:block;margin-top:4px}.host svg{width:16px;height:16px;margin-left:auto;color:#667d9b}.roster-tip{font-size:11px;color:#687587;line-height:1.8;margin:15px 0 0}.arena{padding:23px 27px 17px;min-width:0;display:flex;flex-direction:column}.arena-heading{display:flex;justify-content:space-between;font-size:11px;gap:12px}.arena-heading span:last-child{font-variant-numeric:tabular-nums;color:#5b697d}.scene{min-height:230px;display:flex;flex-direction:column;justify-content:center}.battle-people{display:flex;justify-content:space-around;align-items:center;margin:20px 0 16px}.battle-people>div{text-align:center}.large{width:44px;height:44px;font-size:17px;margin:0 auto 8px}.battle-people strong{display:block;font-size:12px}.battle-people small{display:block;font-size:11px;color:#566779;margin-top:4px}.versus{font-size:17px;color:#697991;font-weight:700}.scores{display:flex;justify-content:space-between;font-size:25px;font-variant-numeric:tabular-nums}.scores b:first-child,.mini-scores b:first-child{color:var(--pink)}.scores b:last-child,.mini-scores b:last-child{color:var(--blue)}.battle-track{height:17px;display:flex;gap:3px;border-radius:4px;overflow:hidden;margin:9px 0 11px}.battle-track span:first-child{width:62%;background:#d586a0}.battle-track span:last-child{flex:1;background:#709dce}.score-labels{display:flex;justify-content:space-between;font-size:11px;color:#667384}.demo-control{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dae0e7;padding-top:15px;font-size:11px;color:#677486}.demo-control>div{display:flex;gap:5px}.demo-control button{font-size:11px;padding:6px 13px;border:1px solid transparent;border-radius:4px;background:transparent;color:#56677d}.demo-control button[aria-pressed=true]{background:#fff;border-color:#ced7e5;color:#244f87}.feed{padding:20px 18px;background:white;border-left:1px solid #dde2e8}.gift-event{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid #edf0f4}.gift-icon{height:29px;width:29px;background:#f3f5f9;display:grid;place-items:center;border-radius:6px;color:#66748a}.gift-icon svg{width:16px;height:16px}.gift-event strong{font-size:11px;display:block;font-weight:500}.gift-event small{font-size:11px;color:#6b7585;display:block;margin-top:3px}.gift-event b{font-size:11px;margin-left:auto;color:#365f8c;font-variant-numeric:tabular-nums}.feed-note{padding-top:23px}.feed-note span{font-size:11px;color:#6b7585}.feed-note strong{font-size:13px;display:block;margin:8px 0}.feed-note p{font-size:11px;line-height:1.8;color:#6b7585;margin:0}.window-foot{padding:10px 20px;font-size:11px;color:#657184;background:#fff;border-top:1px solid #dde2e8;display:flex;justify-content:space-between}.features{padding-top:86px;padding-bottom:90px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.section-head h2{font-size:35px;line-height:1.45;letter-spacing:-.035em;margin:0}.section-head>p{font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 3px}.feature-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:64px}.feature-main{background:#f3f5f8;border:1px solid #e6eaf0;border-radius:10px;padding:36px;display:flex;flex-direction:column}.feature-mark svg{width:29px;height:29px;color:#4b5b73}.feature-main h3{font-size:26px;line-height:1.6;letter-spacing:-.02em;margin:25px 0 13px}.feature-main p{font-size:13px;line-height:1.95;color:#5e6979;max-width:32em;margin:0 0 21px}.feature-main>a,.feature-details a,.play-copy>a,.support a,.inline-link{font-size:12px;color:var(--blue);display:inline-flex;align-items:center;gap:9px;width:fit-content}.feature-main>a svg,.feature-details a svg,.play-copy>a svg,.support a svg,.inline-link svg{width:15px}.output-line{margin-top:auto;padding-top:44px;display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:11px;color:#4f627b}.output-line span{border:1px solid #d6deea;border-radius:5px;background:#fff;padding:10px}.output-line svg{width:15px;color:#697c94}.feature-details article{border-bottom:1px solid var(--line);padding:23px 0}.feature-details article:first-child{padding-top:5px}.feature-details article:last-child{border-bottom:0;padding-bottom:0}.feature-details h3{font-size:18px;margin:0 0 10px}.feature-details p{font-size:13px;color:var(--muted);line-height:1.95;margin:0 0 13px}.play-section{background:#f7f8fa;padding:75px 0 78px;border-block:1px solid #e8ebf0}.play-switcher{display:flex;border-bottom:1px solid #cfd7e2;gap:0;margin-bottom:38px}.play-switcher button{text-align:left;flex:1;border:0;background:transparent;padding:17px 22px 20px;color:#67707d;font-size:16px}.play-switcher small{font-size:11px;display:block;margin-top:7px;color:#67717f}.play-switcher button[aria-pressed=true]{color:#1f2938;box-shadow:inset 0 -2px #202833;background:#edf0f4}.play-switcher button[aria-pressed=true] small{color:#4d6078}.play-detail{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;min-height:298px}.play-visual{background:white;border:1px solid #dce2eb;padding:35px;border-radius:9px;min-height:280px;display:flex;flex-direction:column;justify-content:center}.mini-title{font-size:11px;color:#607084;margin-bottom:39px}.mini-names{display:flex;justify-content:space-between;font-size:13px;margin-bottom:15px}.mini-scores{display:flex;justify-content:space-between;font-size:30px;font-variant-numeric:tabular-nums}.mini-labels{display:flex;justify-content:space-between;font-size:11px;color:#687588}.play-copy h3{font-size:26px;line-height:1.55;letter-spacing:-.02em;margin:0 0 14px}.play-copy p{font-size:13px;line-height:1.9;color:#626d7c;margin:0}.play-copy ul{padding-left:17px;font-size:12px;color:#526176;line-height:2;margin:17px 0}.workflow{padding-top:85px;padding-bottom:76px}.flow{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.flow li{padding:30px 35px 5px 0}.flow li+li{border-left:1px solid var(--line);padding-left:35px}.flow li>span{font-size:13px;color:#5d6b7d;font-variant-numeric:tabular-nums}.flow h3{font-size:18px;margin:22px 0 12px}.flow p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 19px}.flow a{font-size:11px;color:var(--blue);text-decoration:underline}.guide-banner{max-width:1160px;padding:47px;background:#252931;border-radius:10px;color:white;display:flex;justify-content:space-between;align-items:center;gap:30px}.guide-banner h2{font-size:27px;letter-spacing:-.02em;line-height:1.5;margin:0 0 13px}.guide-banner p{font-size:13px;color:#c4ccd8;line-height:1.9;margin:0}.button.light{background:#fff;color:#232b38;white-space:nowrap;border-color:#fff}.button.light:hover{background:#e5eaf2}.support{padding-top:57px;padding-bottom:58px;display:grid;grid-template-columns:1fr 1.5fr;gap:50px}.support h2{font-size:17px;margin:0;line-height:1.8}.support p{font-size:12px;line-height:1.95;color:var(--muted);margin:0 0 13px}.footer{border-top:1px solid var(--line);padding-top:28px;padding-bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer .brand strong{font-size:19px}.footer .brand svg{width:25px}.footer>div{display:flex;gap:26px;font-size:11px;color:var(--muted)}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;align-items:center;flex:1;padding-block:20px}.tile{text-align:center;background:#fff;border:1px solid #dde3ec;border-radius:8px;padding:18px 5px}.tile svg{width:29px;height:29px;color:#b3637c}.tile b{display:block;font-size:24px;margin:9px 0 5px}.tile span{font-size:11px;color:#6a7483}.rally-show{text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center;padding:15px}.rally-show>.avatar{margin:0 auto 9px}.rally-show>strong{font-size:12px}.rally-show>b{font-size:28px;color:#365f94;margin:10px 0}.rally-show small{font-size:11px;color:#617187}.rally-show progress{width:100%;height:9px;border:0;accent-color:#6b91c0;margin:15px 0}.play-visual .tiles{padding-block:0}.play-visual .mini-title:has(+.tiles){margin-bottom:18px}.scene.animate,.play-detail.animate{animation:reveal .3s cubic-bezier(.16,1,.3,1)}@keyframes reveal{from{opacity:.6;clip-path:inset(0 0 8% 0)}to{opacity:1;clip-path:inset(0)}}a:hover{text-decoration-thickness:2px}.feature-main>a:hover,.feature-details a:hover,.play-copy>a:hover,.support a:hover,.inline-link:hover{text-decoration:underline}
@media(max-width:1100px){.header{padding-inline:25px;gap:20px}.header nav{gap:22px}.brand span{display:none}.console-body{grid-template-columns:175px minmax(0,1fr) 210px}.arena{padding-inline:20px}.feature-layout{gap:35px}.play-detail{gap:35px}.guide-banner{margin-inline:30px}.section-head h2{font-size:31px}}
@media(max-width:850px){.header nav{gap:18px;font-size:12px}.header-cta{display:none}.hero{padding-top:54px}.hero h1{font-size:49px}.console-body{grid-template-columns:160px minmax(0,1fr)}.feed{display:none}.feature-layout{grid-template-columns:1fr 1fr;gap:25px}.feature-main{padding:26px}.feature-main h3{font-size:23px}.output-line{flex-wrap:wrap;gap:8px;padding-top:30px}.output-line span{font-size:11px;padding:8px}.section-head{align-items:start}.section-head>p{max-width:275px}.desktop-break{display:none}.play-detail{gap:25px}.play-visual{padding:25px}.play-copy h3{font-size:23px}.guide-banner{padding:32px}.guide-banner h2{font-size:23px}.guide-banner p br{display:none}.support{gap:25px}.footer{align-items:start}.footer>div{flex-wrap:wrap;gap:16px;justify-content:end}}
@media(max-width:600px){:root{scroll-padding-top:80px}.wrap{padding-inline:22px}.header{height:66px;padding-inline:20px;gap:12px}.brand{gap:6px}.brand strong{font-size:20px}.brand svg{width:26px;height:26px}.header nav{gap:17px;font-size:11px}.header nav a:nth-child(3){display:none}.hero{padding-top:44px;padding-bottom:0}.hero h1{font-size:37px;line-height:1.3;letter-spacing:-.035em;margin-bottom:22px}.hero-intro{font-size:13px;line-height:1.9}.hero-actions{gap:8px;margin:24px 0 18px;flex-wrap:wrap}.button{padding:12px 15px;font-size:11px;gap:8px}.button svg{width:14px}.compatibility{gap:10px;font-size:11px;flex-wrap:wrap}.compatibility span+span:before{margin-right:10px}.product{margin-top:32px}.window-head{height:41px;padding-inline:13px;gap:9px}.window-brand{gap:7px}.window-brand strong{font-size:11px}.sample-label{font-size:11px}.window-dots,.window-brand>span{display:none}.console-bar{padding:12px 13px}.console-bar b{font-size:11px;margin-right:8px}.console-bar span{font-size:11px}.console-body{display:block;min-height:0}.roster{display:none}.arena{padding:18px 20px}.arena-heading{font-size:11px}.scene{min-height:227px}.battle-people{margin-top:15px}.scores{font-size:26px}.window-foot{font-size:11px;padding:10px 12px;gap:15px}.window-foot span:first-child{display:none}.window-foot span:last-child{margin-left:auto}.features{padding-top:57px;padding-bottom:55px}.section-head{display:block;margin-bottom:28px}.section-head h2{font-size:28px;line-height:1.45}.section-head>p{margin:16px 0 0;font-size:12px;max-width:none}.feature-layout{grid-template-columns:1fr;gap:27px}.feature-main{padding:27px}.feature-main h3{font-size:24px;margin-top:20px}.feature-main p{font-size:12px}.output-line{justify-content:space-between;gap:3px;padding-top:30px}.output-line span{font-size:11px;padding:8px}.feature-details h3{font-size:17px}.feature-details p{font-size:12px}.feature-details article{padding:22px 0}.play-section{padding:49px 0}.play-switcher{margin-bottom:25px;gap:0}.play-switcher button{font-size:13px;padding:13px 8px;text-align:center;line-height:1.6}.play-switcher small{font-size:11px;line-height:1.7;margin-top:5px}.play-detail{grid-template-columns:1fr;gap:25px;min-height:0}.play-visual{padding:27px;min-height:250px}.play-copy h3{font-size:24px}.play-copy p{font-size:12px}.workflow{padding-top:52px;padding-bottom:49px}.section-head>.inline-link{margin-top:17px}.flow{display:block}.flow li,.flow li+li{border-left:0;border-bottom:1px solid var(--line);padding:24px 0;position:relative}.flow h3{display:inline;margin:0 0 0 17px;font-size:17px}.flow p{margin:14px 0;font-size:12px;max-width:32em}.guide-banner{margin-inline:22px;padding:28px;display:block}.guide-banner h2{font-size:25px;line-height:1.5}.guide-banner p{font-size:12px}.guide-banner .button{margin-top:24px}.support{grid-template-columns:1fr;gap:17px;padding-top:39px;padding-bottom:36px}.support h2{font-size:17px}.support p{font-size:11px}.footer{display:block;padding-top:25px;padding-bottom:27px}.footer .brand span{display:inline;font-size:11px}.footer>div{justify-content:start;margin-top:23px;font-size:11px;gap:19px}.footer>div>span{flex-basis:100%;margin-top:3px}.tiles{gap:8px}.tile{padding:17px 3px}.tile b{font-size:22px}.tile span{font-size:11px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{animation:none!important;transition:none!important}}