:root{--ink:#162137;--muted:#62718a;--paper:#eef2f6;--white:#fff;--dark:#080d16;--panel:#111a2a;--line:#d3dce7;--cyan:#17cfe7;--purple:#7465e9;--orange:#ff8153;--green:#45d99b;--max:1250px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.75}a{text-decoration:none;color:inherit}img{display:block;max-width:100%;height:auto}button{font:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.status{height:32px;background:#05070c;color:#92a1ba;font-size:12px;letter-spacing:1px}.status .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}header{position:sticky;top:0;z-index:50;background:rgba(8,13,22,.95);border-bottom:1px solid #253047;backdrop-filter:blur(16px)}.nav{height:72px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:10px;color:#f4f9ff;font-weight:800;white-space:nowrap}.brand>b{display:grid;place-items:center;width:43px;height:43px;border:1px solid #35d7ee;border-radius:12px;background:#101a2c;color:#6ce8f7;font-size:14px}.brand span{display:flex;flex-direction:column;font-size:19px;line-height:1.1}.brand small{font-size:8px;color:#70839f;letter-spacing:1.5px;margin-top:4px}#mainnav{margin-left:auto;display:flex;gap:2px}#mainnav a{font-size:13px;color:#afbdd0;padding:9px 8px;border-radius:8px;white-space:nowrap}#mainnav a:hover,#mainnav a.active{background:#172237;color:white}.navbtn{display:none;margin-left:auto;background:#162237;color:white;border:1px solid #33435f;border-radius:8px;padding:8px 12px}.bread{display:flex;gap:8px;align-items:center;padding:15px 0;font-size:13px;color:#718198}.bread i{font-style:normal}.hero,.subhero{background:var(--dark);color:#eaf4ff;position:relative;overflow:hidden}.hero:before,.subhero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 15%,rgba(23,207,231,.11),transparent 31%),radial-gradient(circle at 85% 43%,rgba(116,101,233,.15),transparent 31%)}.hero{padding:70px 0 50px}.subhero{padding:55px 0}.hero-grid,.subgrid{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;gap:42px;align-items:center}.subgrid{grid-template-columns:.93fr 1.07fr}.kicker,.shead>span{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:2.4px}.hero h1,.subhero h1{font-size:clamp(38px,4.6vw,68px);line-height:1.12;margin:16px 0 20px;letter-spacing:-1.4px}.subhero h1{font-size:clamp(34px,4vw,55px)}.hero-grid>div>p,.subgrid>div>p{font-size:17px;color:#b6c4d7}.actions{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin-top:26px}.actions a{border:1px solid #3a4966;background:#131d2f;color:#dfeaff;padding:11px 17px;border-radius:8px}.actions .primary{background:linear-gradient(120deg,#087f9a,#5d4cd2);border-color:#24cbe5}.actions .plain{border:0;background:transparent;color:#67e8f7}.graphline{display:flex;align-items:center;gap:9px;margin-top:30px;color:#8090aa;font-size:10px;letter-spacing:1.2px}.graphline i{width:22px;height:1px;background:#33445f}.herofig,.subfig{margin:0}.herofig img,.subfig img{width:100%;border-radius:18px;border:1px solid #293a55;box-shadow:0 30px 80px rgba(0,0,0,.35)}figcaption{font-size:12px;color:#7c8ba0;margin-top:9px;line-height:1.6}.herofig figcaption,.subfig figcaption{color:#8191a8}.section{padding:76px 0}.dark{background:#0b101b;color:#edf5ff}.shead{max-width:880px;margin-bottom:30px}.shead h2{font-size:clamp(29px,3.4vw,46px);line-height:1.18;margin:9px 0 12px}.shead p{color:var(--muted);font-size:16px}.dark .shead p{color:#9dacbf}.figure{margin:30px 0}.figure img{width:100%;border-radius:15px;border:1px solid #cbd6e3;background:#0c1320}.dark .figure img{border-color:#29384f}.sixquestions{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:24px}.sixquestions article{background:white;border:1px solid var(--line);padding:18px;border-radius:12px}.sixquestions b{color:var(--purple);font-size:12px}.sixquestions h3{font-size:15px;line-height:1.45}.decoder{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.decoder article{background:#0f1828;color:#edf7ff;padding:22px;border-radius:14px}.decoder article>b{color:var(--cyan)}.decoder dl{display:grid;grid-template-columns:70px 1fr;gap:6px;margin:15px 0}.decoder dt{font-size:9px;color:#5ee0f0}.decoder dd{margin:0;color:#a9b7ca;font-size:13px}.changegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.changegrid article{background:#111a2a;border:1px solid #2b3a53;padding:20px;border-radius:13px}.changegrid h3{font-size:19px}.changegrid article>div{border-top:1px solid #2b3a53;padding-top:9px;margin-top:9px}.changegrid b{font-size:10px;color:#62e1f1}.changegrid p{font-size:13px;color:#a7b4c7}.features{background:linear-gradient(#e4eaf1,#f2f5f8)}.featuregrid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.feature{display:grid;grid-template-columns:180px 1fr;gap:18px;background:white;border:1px solid var(--line);padding:18px;border-radius:15px}.feature.leadfeature{background:#0f1828;color:white}.feature img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:9px}.feature span{font-size:10px;color:var(--purple)}.feature h3{font-size:20px;line-height:1.4;margin:7px 0}.feature p{font-size:14px;color:#64748b}.feature.leadfeature p{color:#aebbd0}.feature a{color:#0583a3;font-size:13px;font-weight:700}.skillmatrix{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.skillmatrix article{background:white;border:1px solid var(--line);padding:20px;border-radius:12px}.skillmatrix span{color:#6657d9;font-weight:800}.skillmatrix p{font-size:13px;color:#64748b}.skillmatrix b{font-size:9px;color:#ef7248}.skillmatrix h3{font-size:18px}.workbench,.gameflow{display:flex;gap:10px;align-items:center}.workbench>div{flex:1;background:#111a2a;border:1px solid #2a3a52;padding:20px;border-radius:12px}.workbench b{color:var(--cyan);font-size:11px}.workbench p{color:#a8b6ca;font-size:14px}.workbench i,.gameflow i{font-style:normal;color:#53657f}.stackgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stackgrid article{background:white;border:1px solid var(--line);padding:20px;border-radius:12px}.stackgrid b{font-size:10px;color:#6958d9}.stackgrid h3{font-size:19px}.stackgrid p{font-size:14px;color:#65758b}.stackgrid a{font-size:12px;color:#0580a1;font-weight:700}.gamecareers{background:#111820;color:#edf5ff}.gameflow{flex-wrap:wrap;margin:25px 0}.gameflow span{padding:13px 18px;border:1px solid #34455e;background:#172131;border-radius:8px;color:#65e6f3;font-size:12px}.gamecareers>.wrap>p{color:#a9b7c9}.appsec{background:#e6ebf1}.appgrid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.knowledge,.appfeatures{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.knowledge article,.appfeatures article{background:white;border:1px solid var(--line);padding:21px;border-radius:13px}.knowledge h3,.appfeatures h3{font-size:18px}.knowledge p,.appfeatures p{font-size:14px;color:#65758b}.appfeatures b{font-size:10px;color:#6958d9}.company{background:#e5eaf0}.companygrid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.companygrid table{border-collapse:collapse;width:100%;background:white}.companygrid th,.companygrid td{padding:12px;border:1px solid #d3dce7;text-align:left}.companygrid th{width:130px}.rolegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.role{background:white;border:1px solid var(--line);padding:22px;border-radius:14px}.role>span{font-size:10px;color:#6657d8}.role h3{font-size:21px;margin:7px 0}.role dl{display:grid;grid-template-columns:90px 1fr;gap:6px}.role dt{font-size:10px;color:#07819c}.role dd{margin:0;color:#5e6f86;font-size:13px}.method{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.method article{background:#111a2a;border:1px solid #2b3a53;padding:21px;border-radius:12px}.method b{color:var(--cyan)}.method p{color:#a9b6c9;font-size:14px}.faqs{display:grid;gap:9px}.faqs details{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden}.faqs summary{padding:16px 19px;font-weight:700;cursor:pointer}.faqs p{margin:0;padding:0 19px 16px;color:#5e6e84}.assistant{display:grid;grid-template-columns:.75fr 1.25fr;gap:16px}.assistant>div{display:grid;gap:8px}.assistant button{background:#141e30;border:1px solid #33435d;color:#e2edfb;text-align:left;padding:12px;border-radius:8px;cursor:pointer}.assistant button:hover{border-color:var(--cyan)}.assistant>section{background:linear-gradient(145deg,#162139,#101626);border:1px solid #33445e;padding:32px;border-radius:16px}.assistant>section span{font-size:10px;color:var(--cyan)}.assistant>section p{color:#aab8ca}.assistant>section a{color:#5ee2f2}.notice{background:white;border:1px solid var(--line);padding:27px;border-radius:14px}.bookmark,.clear{border:0;background:#167e96;color:white;padding:9px 13px;border-radius:7px;cursor:pointer;margin-right:8px}.clear{background:#4f5e74}.downloadgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.downloadgrid article{background:white;border:1px solid var(--line);padding:22px;border-radius:13px}.downloadgrid b{font-size:10px;color:#6658d9}.downloadgrid p{font-size:14px;color:#64748b}.downloadgrid a{color:#0782a1;font-size:12px}.darknotice{background:#111a2a;border-color:#2c3b54;color:white}.darknotice p{color:#a9b6c9}.source{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px}.source p{background:white;border:1px solid var(--line);padding:18px;border-radius:11px;margin:0}.source b{color:#6757d9}.newslist{display:grid;gap:15px}.newscard{display:grid;grid-template-columns:290px 1fr;gap:23px;background:white;border:1px solid var(--line);padding:17px;border-radius:14px}.newscard img{aspect-ratio:16/9;object-fit:cover;border-radius:9px}.newscard span{font-size:11px;color:#6758d9}.newscard h2{font-size:22px;line-height:1.4}.newscard p{color:#62728a}.newscard a{font-size:12px;color:#0680a0;font-weight:700;margin-right:16px}.timeline{display:grid;gap:10px}.timeline article{background:white;border:1px solid var(--line);border-left:4px solid var(--cyan);padding:20px;border-radius:10px}.timeline article>div{display:flex;gap:10px;font-size:11px;color:#718198}.timeline article b{color:#6758d8}.timeline h2{font-size:19px;margin:5px 0}.timeline p{color:#64748b}.timeline a{font-size:12px;color:#087e9d}.article{width:min(var(--max),calc(100% - 40px));margin:30px auto 70px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px}.article-head{background:#0d1523;color:#eff7ff;padding:40px;border-radius:16px}.article-head>span{color:var(--cyan);font-size:11px}.article-head h1{font-size:clamp(31px,4vw,50px);line-height:1.2;margin:14px 0}.article-head>p{color:#b6c3d6;font-size:18px}.meta{display:flex;gap:15px;flex-wrap:wrap}.meta i{font-style:normal;font-size:11px;color:#7f90a9}.prose{background:white;border:1px solid var(--line);padding:27px;border-radius:13px;margin:16px 0}.prose h2{font-size:26px;line-height:1.3;margin-top:0}.prose p{font-size:16px;color:#43546b}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.steps section{border:1px solid #d5dee9;border-left:3px solid var(--cyan);padding:16px;border-radius:8px}.steps b{font-size:9px;color:#6857d9}.steps h3{font-size:17px}.steps p{font-size:13px;margin:0}.proofgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.proofgrid article{background:#101827;color:white;padding:18px;border-radius:9px}.proofgrid span{font-size:9px;color:var(--cyan)}.proofgrid h3{font-size:18px}.proofgrid p{font-size:13px;color:#aab7c9}.article aside{position:relative}.sticky{position:sticky;top:96px;background:#111a2a;color:white;border:1px solid #2c3b54;padding:23px;border-radius:13px}.sticky b{color:#60e0ef;font-size:11px}.sticky p{color:#aab7c9;font-size:14px}.sticky hr{border:0;border-top:1px solid #2c3b54}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.related a{display:flex;justify-content:space-between;background:white;border:1px solid var(--line);padding:15px;border-radius:9px;font-size:13px}.topicintro{max-width:950px}.topicintro p{font-size:17px}.topicintro p:first-of-type{font-size:20px;color:#273b58}.topiccards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.topiccards article{background:white;border:1px solid var(--line);padding:21px;border-radius:12px}.topiccards span{font-size:10px;color:#6758d9}.topiccards h2{font-size:20px}.topiccards p{font-size:14px;color:#64748b}.topiccards a{font-size:12px;color:#087f9e;font-weight:700}footer{background:#070b12;color:#a8b5c7;padding:52px 0 14px}.footgrid{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:30px}.footgrid h2{color:white;font-size:15px}.footgrid p{font-size:13px}.footlinks{display:flex;gap:7px;flex-wrap:wrap}.footlinks a{font-size:11px;border:1px solid #27354b;padding:5px 7px;border-radius:5px}.copy{border-top:1px solid #202b3d;padding-top:14px;margin-top:30px;font-size:11px}.top{position:fixed;right:18px;bottom:18px;width:42px;height:42px;border:0;border-radius:50%;background:#137f98;color:white;display:none}.top.show{display:block}
@media(max-width:1080px){#mainnav a{font-size:11px;padding:8px 5px}.sixquestions{grid-template-columns:repeat(3,1fr)}.skillmatrix,.stackgrid,.appfeatures{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.status{display:none}.nav{height:64px}.navbtn{display:block}#mainnav{display:none;position:absolute;left:20px;right:20px;top:65px;background:#0f1726;border:1px solid #2e3c55;border-radius:11px;padding:9px;flex-direction:column}#mainnav.open{display:flex}#mainnav a{padding:9px}.hero-grid,.subgrid,.appgrid,.companygrid,.article,.assistant{grid-template-columns:1fr}.featuregrid,.decoder,.changegrid,.rolegrid,.method,.knowledge,.source{grid-template-columns:repeat(2,1fr)}.workbench{flex-wrap:wrap}.workbench>div{min-width:45%}.article aside{order:-1}.sticky{position:static}.newscard{grid-template-columns:220px 1fr}.footgrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.wrap,.article{width:calc(100% - 24px)}.section{padding:52px 0}.hero{padding-top:48px}.hero h1,.subhero h1{font-size:34px}.hero-grid>div>p,.subgrid>div>p{font-size:15px}.sixquestions,.featuregrid,.decoder,.changegrid,.skillmatrix,.stackgrid,.appfeatures,.rolegrid,.method,.knowledge,.source,.downloadgrid,.steps,.proofgrid,.related,.topiccards{grid-template-columns:1fr}.feature{grid-template-columns:1fr}.workbench{display:grid}.workbench>div{min-width:100%}.newscard{grid-template-columns:1fr}.article-head{padding:25px}.article-head h1{font-size:31px}.prose{padding:20px}.footgrid{grid-template-columns:1fr}.companygrid th{width:100px}}