:root{--bg:oklch(98.7% .003 240);--surface:oklch(95.7% .008 240);--ink:oklch(24% .038 248);--muted:oklch(49% .025 248);--line:oklch(25% .02 245/.13);--accent:oklch(83% .064 235);--navy:#081a2b;--white:#f4f8fd;--radius:12px;--text-xs:clamp(.75rem,.72rem + .15vw,.875rem);--text-sm:clamp(.875rem,.84rem + .15vw,1rem);--text-base:clamp(1rem,.95rem + .2vw,1.125rem);--text-lg:clamp(1.2rem,1rem + .7vw,1.5rem);--text-xl:clamp(1.6rem,1.2rem + 1.3vw,2.3rem);--text-2xl:clamp(2rem,1.5rem + 2vw,3.25rem);--text-hero:clamp(2.8rem,1.8rem + 3.3vw,5.1rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--font-body:'Satoshi','Microsoft YaHei',sans-serif;--font-display:'Cabinet Grotesk','Microsoft YaHei',sans-serif}
[data-theme=dark]{--bg:oklch(19% .03 245);--surface:oklch(23% .034 245);--ink:oklch(94% .009 240);--muted:oklch(73% .025 240);--line:oklch(90% .02 245/.17)}
body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.65}button{border:0;background:none}h1,h2,h3{font-family:var(--font-display);line-height:1.22}h2{font-size:var(--text-xl);font-weight:700}h3{font-size:var(--text-lg)}p{color:var(--muted)}.wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}.header{height:90px;background:var(--navy);color:var(--white);border-bottom:1px solid #ffffff17;position:relative;z-index:20}.navrow{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.brand{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;letter-spacing:-1px}.brand svg{width:36px;height:36px;color:#b6ddf5}.navlinks{display:flex;gap:var(--space-8);align-items:center;font-size:var(--text-sm)}.navlinks a{color:#c4d0dd;padding-block:var(--space-3);position:relative}.navlinks a.active,.navlinks a:hover{color:white}.navlinks a.active:after{content:"";position:absolute;bottom:0;left:0;width:20px;height:2px;background:#b6ddf5}.tools{display:flex;gap:var(--space-3);align-items:center;font-size:var(--text-sm)}.tools button{min-width:44px;min-height:44px}.theme{font-size:var(--text-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-3) var(--space-6);min-height:48px;border-radius:6px;background:var(--accent);color:#0b2438;font-size:var(--text-sm);font-weight:700;transition:background .2s,transform .2s}.btn:hover{background:#d1eafe;transform:translateY(-2px)}.btn.outline{background:transparent;color:inherit;border:1px solid var(--line)}.header .btn{min-height:44px;padding:var(--space-2) var(--space-4);gap:var(--space-4)}.menu{display:none}.hero{position:relative;min-height:650px;background:#051426;color:var(--white);overflow:hidden}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.88}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071627 1%,#071627ef 24%,#07162765 54%,transparent 75%);pointer-events:none}.hero-content{position:relative;z-index:2;padding-top:var(--space-24);padding-bottom:var(--space-20)}.eyebrow{font-size:var(--text-xs);font-weight:700;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.eyebrow:before{content:"";width:22px;height:2px;background:currentColor}.hero .eyebrow{color:#b4d4ec}.hero h1{font-size:var(--text-hero);font-weight:700;letter-spacing:-2px;max-width:720px;line-height:1.2}.hero h1 span{color:#aed4ee}.hero p{color:#b6c6d5;max-width:490px;margin-top:var(--space-6);line-height:1.9}.hero-actions{display:flex;align-items:center;gap:var(--space-8);margin-top:var(--space-8)}.textlink{font-size:var(--text-sm);font-weight:700;display:inline-flex;gap:var(--space-6);align-items:center;min-height:44px}.textlink:hover{color:#639cc1}.hero-bottom{position:relative;z-index:2;border-top:1px solid #ffffff21;display:flex;justify-content:space-between;padding-block:var(--space-6);color:#aebed0;font-size:var(--text-xs);letter-spacing:.5px}.orbit-label{position:absolute;z-index:3;right:9%;top:48%;padding:var(--space-3) var(--space-4);border:1px solid #aacbe742;background:#0a2234c9;backdrop-filter:blur(10px);border-radius:8px;font-size:var(--text-xs);color:#c0d9ec}.orbit-label b{color:#fff;display:block;font-size:var(--text-sm)}.dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#b5daf3;margin-right:var(--space-2)}.industry-strip{border-bottom:1px solid var(--line);padding-block:var(--space-8)}.strip-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);color:var(--muted);font-size:var(--text-sm)}.strip-row>a{min-height:44px;display:flex;align-items:center;gap:var(--space-3)}.strip-row>a:hover{color:var(--ink)}.strip-row .selected{color:var(--ink);font-weight:700}.strip-label{font-size:var(--text-xs);padding-right:var(--space-8);border-right:1px solid var(--line)}.section{padding-block:var(--space-24)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:var(--space-8);margin-bottom:var(--space-12)}.section-head p{max-width:440px;font-size:var(--text-sm)}.section .eyebrow{color:var(--muted);margin-bottom:var(--space-4)}.product-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:var(--space-6)}.product{background:var(--surface);border-radius:var(--radius);padding:var(--space-8);overflow:hidden}.product-top{display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.product p{font-size:var(--text-sm);max-width:430px;margin-block:var(--space-3) var(--space-6)}.mini-card{width:265px;height:153px;background:#153b58;color:#e3f1fa;border-radius:10px;padding:var(--space-6);transform:rotate(-8deg);margin:var(--space-8) auto;box-shadow:0 18px 28px #10253524}.mini-card strong{font-size:var(--text-lg)}.mini-card .digits{letter-spacing:3px;margin-top:var(--space-6);font-size:var(--text-sm)}.mini-card small{font-size:var(--text-xs);color:#c0d3e3}.local-art{display:flex;justify-content:center;gap:var(--space-3);margin-block:var(--space-12);align-items:center}.local-art span{display:grid;place-items:center;width:74px;height:64px;background:var(--bg);border:1px solid var(--line);border-radius:8px;font-size:var(--text-lg);font-weight:700}.local-art span:nth-child(2){height:90px;width:92px;color:#427da5}.product-foot{border-top:1px solid var(--line);padding-top:var(--space-4);display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--muted)}.game-banner{position:relative;min-height:480px;border-radius:var(--radius);overflow:hidden;background:#081b2c;color:#fff}.game-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.game-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#081b2cec,transparent)}.game-copy{position:relative;z-index:1;padding:var(--space-16);max-width:600px}.game-copy h2{font-size:var(--text-2xl)}.game-copy p{color:#b8cbdc;margin-block:var(--space-6)}.game-copy .eyebrow{color:#b8cbdc}.game-copy .btn{margin-top:var(--space-3)}.regions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-block:var(--space-8)}.region-pill{border:1px solid var(--line);border-radius:6px;padding:var(--space-3) var(--space-6);font-size:var(--text-sm);min-height:48px}.region-pill:hover,.region-pill.active{background:var(--ink);color:var(--bg)}.market-preview{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.market-preview img{aspect-ratio:1.4;object-fit:cover;border-radius:var(--radius)}.note{font-size:var(--text-xs);color:var(--muted)}.cta{background:var(--surface);padding-block:var(--space-16)}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:var(--space-8)}.cta p{margin-top:var(--space-3);font-size:var(--text-sm)}footer{padding-block:var(--space-12) var(--space-6);background:var(--navy);color:#e6edf4}.footer-top{display:flex;justify-content:space-between;gap:var(--space-12);padding-bottom:var(--space-12)}.footer-top p{color:#a6b6c8;font-size:var(--text-sm);margin-top:var(--space-4);max-width:330px}.footer-links{display:flex;gap:var(--space-16)}.footer-links div{display:flex;flex-direction:column;gap:var(--space-3);font-size:var(--text-sm)}.footer-links small{color:#8197af;font-size:var(--text-xs);margin-bottom:var(--space-2)}.footer-bottom{border-top:1px solid #ffffff1c;padding-top:var(--space-6);display:flex;justify-content:space-between;color:#95a9bd;font-size:var(--text-xs)}.subhero{padding-block:var(--space-20);background:var(--navy);color:white}.subhero h1{font-size:var(--text-2xl);max-width:850px}.subhero .eyebrow{color:#aac9e0}.subhero p{margin-top:var(--space-6);max-width:650px;color:#b5c6d8}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:start}.list{margin-top:var(--space-8)}.list-item{border-top:1px solid var(--line);padding-block:var(--space-6);display:grid;grid-template-columns:40px 1fr;gap:var(--space-4)}.list-item>span{font-size:var(--text-xs);color:var(--muted)}.list-item p{font-size:var(--text-sm);margin-top:var(--space-2)}.sidepanel{background:var(--surface);padding:var(--space-8);border-radius:var(--radius)}.sidepanel p{font-size:var(--text-sm);margin-block:var(--space-4)}.flow{display:grid;gap:var(--space-3);margin-top:var(--space-8)}.flow div{padding:var(--space-4);background:var(--bg);border:1px solid var(--line);border-radius:6px;display:flex;justify-content:space-between;font-size:var(--text-sm)}.tabs{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-8)}.tabs button{padding:var(--space-3) var(--space-6);min-height:48px;border:1px solid var(--line);border-radius:6px;font-size:var(--text-sm)}.tabs button[aria-selected=true]{background:var(--ink);color:var(--bg)}.industry-detail{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--space-12);align-items:center;min-height:370px}.industry-detail img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:var(--radius)}.industry-detail p{margin-block:var(--space-6)}.usecases{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8)}.usecases span{background:var(--surface);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);border-radius:4px}.type-art{aspect-ratio:1.5;background:var(--navy);color:#b8d7ec;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-hero);border-radius:var(--radius);letter-spacing:-2px}.market-detail{display:grid;grid-template-columns:1fr 1fr;background:var(--surface);border-radius:var(--radius);overflow:hidden}.market-detail img{width:100%;height:100%;object-fit:cover}.market-text{padding:var(--space-12)}.market-text p{margin-block:var(--space-4)}.market-text dl{font-size:var(--text-sm);border-top:1px solid var(--line);padding-top:var(--space-6)}.market-text dt{color:var(--muted);margin-top:var(--space-4)}.market-text dd{margin:var(--space-2) 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}label{display:block;font-size:var(--text-sm);font-weight:500}input,select,textarea{display:block;width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:var(--space-3);margin-top:var(--space-2);min-height:48px}textarea{min-height:120px;resize:vertical}.full{grid-column:1/-1}.form-note{font-size:var(--text-xs);background:var(--surface);padding:var(--space-4);border-radius:6px;margin-bottom:var(--space-6)}.form-result{margin-top:var(--space-6);padding:var(--space-6);background:var(--surface);border-radius:8px}.form-result pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:var(--text-sm)}.form-result button{margin-top:var(--space-3)}.faq{margin-top:var(--space-8)}details{border-top:1px solid var(--line);padding-block:var(--space-4)}summary{cursor:pointer;font-size:var(--text-sm);font-weight:700;min-height:44px;align-content:center}details p{font-size:var(--text-sm);padding-bottom:var(--space-4)}[hidden]{display:none!important}
.hero h1 span{display:inline-block}html[lang=zh-CN] .hero h1{max-width:800px;font-size:clamp(2.6rem,1.7rem + 2.7vw,4.5rem)}
@media(min-width:1500px){.hero{min-height:720px}.hero-content{padding-top:120px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.navlinks{gap:var(--space-4)}.navrow{gap:var(--space-4)}.header .contact-nav{display:none}.hero h1{max-width:620px}.hero-image{object-position:60% center}.orbit-label{right:4%;top:65%}.strip-row{gap:var(--space-3)}.game-copy{padding:var(--space-12)}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:76px}.brand{font-size:var(--text-xl)}.tools{gap:var(--space-1)}.menu{display:block}.navlinks{display:none;position:absolute;top:76px;left:0;right:0;background:var(--navy);padding:var(--space-6);border-top:1px solid #ffffff20}.navlinks.open{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2)}.hero{min-height:auto}.hero-image{opacity:.45;object-position:65% center}.hero:after{background:linear-gradient(90deg,#071627ee,#07162755)}.hero-content{padding-top:var(--space-16);padding-bottom:var(--space-16)}.hero h1{font-size:var(--text-hero);letter-spacing:-1px;line-height:1.3}.hero p{max-width:94%;font-size:var(--text-sm)}.hero-actions{gap:var(--space-6);align-items:start;flex-wrap:wrap}.orbit-label{display:none}.hero-bottom{gap:var(--space-4);flex-direction:column;padding-block:var(--space-4)}.strip-row{flex-wrap:wrap;justify-content:start;column-gap:var(--space-6);row-gap:var(--space-2)}.strip-label{width:100%;border:0}.section{padding-block:var(--space-16)}.section-head{display:block;margin-bottom:var(--space-8)}.section-head p{margin-top:var(--space-4)}.section-head>a{margin-top:var(--space-4)}.product-grid,.market-preview,.details-grid,.industry-detail,.market-detail{grid-template-columns:1fr;gap:var(--space-8)}.product{padding:var(--space-6)}.game-banner{min-height:450px}.game-banner img{opacity:.6;object-position:62%}.game-banner:after{background:#07162755}.game-copy{padding:var(--space-8)}.game-copy h2{font-size:var(--text-xl)}.market-preview img{order:2}.cta .wrap{display:block}.cta .btn{margin-top:var(--space-6)}.footer-top{flex-direction:column;gap:var(--space-8)}.footer-links{gap:var(--space-12)}.footer-bottom{flex-direction:column;gap:var(--space-3)}.subhero{padding-block:var(--space-12)}.subhero h1{font-size:var(--text-2xl)}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.market-text{padding:var(--space-6)}.market-detail{gap:0}.market-detail img{max-height:240px}.tabs{gap:var(--space-2)}.tabs button{padding:var(--space-3) var(--space-4)}}