*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F4F7FA;color:#344C60;font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:#136b9e;text-underline-offset:3px}a:hover{color:#0b536e}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #13B8C5;outline-offset:3px}img{max-width:100%}h1,h2,h3,h4{color:#18364B;line-height:1.38;margin:0 0 .7em}h1{font-size:clamp(27px,3.5vw,42px)}h2{font-size:clamp(21px,2.4vw,28px)}h3{font-size:20px}p{margin:.2em 0 1.15em}figure{margin:0}.wrap{width:min(1200px,calc(100% - 56px));margin:auto}.page-main{min-height:60vh}.skip-link{position:absolute;left:12px;top:-90px;background:#fff;padding:8px;z-index:99}.skip-link:focus{top:12px}.site-header{background:#fff;position:relative;z-index:30}.brandbar{display:flex;align-items:center;gap:20px;min-height:72px}.brand{display:flex;align-items:center;max-width:200px}.brand .media-frame{background:none;border:0;padding:0}.brand-caption{font-size:13px;color:#64798A;letter-spacing:.02em}.registration{margin-left:auto;background:#13B8C5;border-radius:10px;color:#0B2539;padding:8px 17px;font-size:14px;font-weight:700;white-space:nowrap;text-decoration:none}.registration:hover{background:#9ce7e9;color:#0B2539}.desktop-nav{background:#102E46}.nav-row{display:flex;justify-content:space-between;gap:8px;min-height:50px;align-items:stretch}.nav-row a{color:#DCECF5;text-decoration:none;font-size:14px;display:flex;align-items:center;justify-content:center;min-width:0;padding:7px 10px;white-space:nowrap;border-bottom:3px solid transparent}.nav-row a[aria-current]{color:#fff;border-color:#13B8C5;font-weight:700}.nav-row a:hover{background:#163C57}.menu-toggle,.mobile-drawer,.drawer-shade,.nojs-nav,.mobile-quick{display:none}.section{padding:55px 0}.section--mist{background:#EAF1F6}.section--white{background:#fff}.section--teal{background:#E9F8F8}.section--dark{background:#163C57;color:#E6F1F8}.section--dark h2,.section--dark h3{color:white}.eyebrow{display:block;color:#16828b;font-size:12px;letter-spacing:.14em;font-weight:700;text-transform:uppercase;margin-bottom:12px}.lead{font-size:18px;max-width:820px}.hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:38px;align-items:center;padding:53px 0}.hero h1{max-width:680px}.hero p{max-width:600px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-block;padding:10px 17px;background:#163C57;color:white;border-radius:10px;text-decoration:none;font-weight:700}.btn--light{background:#EAF1F6;color:#18364B}.media-frame{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;padding:8px;border-radius:14px;background:#EAF1F6;overflow:hidden;--media-limit:220px}.media-frame img{display:block;width:auto;height:auto;max-width:100%;max-height:var(--media-limit);object-fit:contain;object-position:center}.media-frame--hero{--media-limit:310px}.media-frame--feature{--media-limit:250px}.media-frame--card{--media-limit:185px}.media-frame--small{--media-limit:145px}.media-frame--banner{--media-limit:210px}.media-frame--mobile{--media-limit:350px;max-width:320px}.media-frame--logo{--media-limit:38px;background:transparent;padding:0;border-radius:0}.media-missing{min-height:125px;border:1px dashed #BDCED8;color:#64798A;font-size:13px}.media-frame--hero.media-missing{min-height:190px}.media-frame--logo.media-missing{min-height:35px;width:165px}.media-frame--mobile.media-missing{min-height:230px}.topic-index{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.topic-index article{padding:21px 0;border-bottom:1px solid #DCE6ED;min-width:0}.topic-index strong{display:block;color:#18364B;font-size:19px;margin-bottom:5px}.topic-index article p{margin:0 0 8px}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:38px;align-items:center}.split.reverse{grid-template-columns:.8fr 1.2fr}.editor-focus{display:grid;grid-template-columns:2fr 1fr;gap:27px}.featured-story{padding:28px;background:#fff;border-left:4px solid #13B8C5}.short-stories{display:grid;gap:16px}.short-stories article{padding:20px;background:#fff;border:1px solid #DCE6ED}.plain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.plain-grid article{padding:20px 21px;background:#fff;border:1px solid #DCE6ED;border-radius:12px}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:step}.steps article{padding:18px;border-top:3px solid #13B8C5;min-width:0;counter-increment:step}.steps article:before{content:'0' counter(step);font-size:13px;font-weight:700;color:#16828b;display:block}.intro-band{background:#EAF1F6;padding:43px 0 34px}.intro-band .lead{margin-bottom:0}.breadcrumbs{font-size:13px;margin-bottom:12px;color:#64798A}.breadcrumbs a{color:#425f76}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:48px;align-items:start}.prose{max-width:800px}.prose section{margin-bottom:44px;scroll-margin-top:24px}.prose h2{margin-bottom:13px}.prose ul,.prose ol{padding-left:24px}.info-rail{background:#fff;border-top:3px solid #13B8C5;padding:20px;border-radius:0 0 12px 12px}.info-rail h2{font-size:19px}.info-rail a{display:block;padding:8px 0;border-bottom:1px solid #DCE6ED}.chapter-nav{display:flex;flex-wrap:wrap;gap:11px;margin:24px 0 0}.chapter-nav a{padding:6px 14px;border:1px solid #C4D8E4;border-radius:20px;background:#fff;text-decoration:none;font-size:14px}.reading-area{padding:48px 0}.note{border-left:3px solid #13B8C5;background:#E9F8F8;padding:15px 20px;margin:20px 0}.table-scroll{max-width:100%;overflow-x:auto;margin:20px 0 30px}table{width:100%;border-collapse:collapse;min-width:550px;background:#fff;font-size:15px}caption{text-align:left;font-weight:700;color:#18364B;margin-bottom:9px}th,td{text-align:left;padding:13px 15px;border:1px solid #DCE6ED;vertical-align:top}th{background:#EAF1F6;color:#18364B}.related-links{padding:34px 0 50px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.related-grid a{background:#fff;border-top:2px solid #13B8C5;padding:17px;text-decoration:none;font-weight:700}.mini-timeline{counter-reset:phase;display:grid;gap:15px;padding:0;list-style:none}.mini-timeline li{counter-increment:phase;border-left:3px solid #13B8C5;padding:9px 0 9px 20px;background:#fff}.mini-timeline li:before{content:counter(phase) '. ';color:#16828b;font-weight:700}.esports-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.esports-matrix article{background:#fff;padding:23px;border-top:4px solid #237BD3}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.gallery article:nth-child(2){margin-top:52px}.gallery article{padding:20px;background:#fff;border:1px solid #DCE6ED}.manual{max-width:860px}.manual section{margin:0 0 47px;scroll-margin-top:25px}.faq details{border-bottom:1px solid #DCE6ED;padding:13px 0}.faq summary{cursor:pointer;color:#18364B;font-weight:700}.faq details p{padding-top:10px}.about-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:50px}.about-side{align-self:start;background:#fff;padding:20px;position:sticky;top:20px}.about-side a{display:block;padding:9px 0}.about-main section{margin-bottom:42px;scroll-margin-top:20px}.service-mobile{display:grid;grid-template-columns:1fr 240px;gap:30px;align-items:center}.site-footer{background:#0B2539;color:#DCECF5;padding:39px 0}.footer-layout{display:flex;justify-content:space-between;gap:50px}.site-footer p{max-width:700px;font-size:14px}.site-footer a{color:#DCECF5}.footer-brand{font-size:21px;font-weight:700;text-decoration:none}.footer-brand small{font-size:11px;margin-left:8px}.footer-layout nav{display:flex;gap:10px 23px;flex-wrap:wrap;align-content:center;max-width:350px}.section-title{max-width:780px;margin-bottom:22px}.text-flow{columns:2;column-gap:38px}.text-flow p{break-inside:avoid}.subtle{color:#64798A;font-size:14px}.comparison-band{padding:0 0 42px}.full-width-section{margin:45px 0}.rule-step{background:#fff;border-left:4px solid #237BD3;padding:18px 22px;margin:12px 0}.page-main a{overflow-wrap:anywhere}
@media(max-width:1024px){.wrap{width:calc(100% - 44px)}.brand-caption{font-size:12px}.nav-row{gap:0}.nav-row a{font-size:13px;padding:6px}.hero{gap:25px}.article-layout{gap:24px}}@media(max-width:920px){.brandbar{min-height:62px;justify-content:space-between;gap:10px}.brand{position:absolute;left:50%;transform:translateX(-50%);max-width:160px}.brand-caption,.desktop-nav{display:none}.brand .media-frame--logo{--media-limit:30px}.registration{margin-left:auto;padding:7px 10px;font-size:12px}.menu-toggle{width:40px;height:40px;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;flex:none}.menu-toggle span{display:block;width:22px;height:2px;background:#18364B}.drawer-shade{display:block;position:fixed;inset:0;background:#0B2539a6;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s;z-index:60}.mobile-drawer{display:flex;position:fixed;top:0;bottom:0;left:0;width:min(86vw,340px);max-width:100%;overflow-y:auto;flex-direction:column;padding:20px;background:white;z-index:61;transform:translateX(-105%);visibility:hidden;transition:transform .2s,visibility .2s;box-shadow:5px 0 30px #0002}.drawer-open .drawer-shade{opacity:1;visibility:visible;pointer-events:auto}.drawer-open .mobile-drawer{transform:translateX(0);visibility:visible}.drawer-open{overflow:hidden}.drawer-heading{display:flex;align-items:center;justify-content:space-between}.drawer-close{border:0;background:#EAF1F6;color:#18364B;font-size:27px;line-height:1;width:40px;height:40px;border-radius:8px;cursor:pointer}.drawer-label{font-size:12px;letter-spacing:.1em;color:#64798A;margin:20px 0 4px}.mobile-drawer a{display:block;text-decoration:none;padding:9px 12px;color:#18364B;border-radius:7px}.mobile-drawer a[aria-current]{background:#E9F8F8;font-weight:700;border-left:3px solid #13B8C5}.mobile-quick{display:flex;justify-content:space-around;flex-wrap:wrap;gap:13px;padding:20px 0}.mobile-quick a{font-size:13px}.nojs-nav{display:flex;flex-wrap:wrap;gap:7px;padding:8px 16px;background:#EAF1F6}.nojs-nav a{font-size:13px;padding:5px}.section{padding:42px 0}.plain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.hero,.split,.split.reverse,.editor-focus,.article-layout,.about-layout,.service-mobile{grid-template-columns:1fr}.hero{padding:32px 0}.hero .media-frame{order:2}.info-rail{max-width:none}.steps{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr}.gallery article:nth-child(2){margin-top:0}.esports-matrix{grid-template-columns:1fr}.about-side{position:static;order:2}.about-main{order:1}.footer-layout{flex-direction:column;gap:20px}}@media(max-width:640px){body{font-size:15px}.wrap{width:calc(100% - 32px)}h1{font-size:clamp(27px,7vw,32px)}h2{font-size:21px}h3{font-size:18px}.lead{font-size:16px}.section{padding:34px 0}.topic-index,.plain-grid,.steps,.related-grid{grid-template-columns:1fr}.topic-index article{padding:15px 0}.media-frame--hero{--media-limit:205px}.media-frame--feature{--media-limit:185px}.media-frame--card{--media-limit:145px}.media-frame--small{--media-limit:135px}.media-frame--banner{--media-limit:135px}.media-frame--mobile{--media-limit:285px;max-width:250px}.media-frame--logo{--media-limit:30px}.media-frame--hero.media-missing{min-height:140px}.text-flow{columns:1}.intro-band{padding:29px 0}.reading-area{padding:33px 0}.prose section{margin-bottom:32px}.featured-story{padding:20px}.short-stories article{padding:17px}.brand{max-width:137px}.brand .media-frame--logo.media-missing{width:127px}.registration{padding:7px 9px}.chapter-nav{gap:7px}.chapter-nav a{font-size:13px;padding:5px 10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
