:root{--bg:#06101e;--bg2:#09192a;--panel:#0d2135;--panel2:#102a40;--cyan:#28e7f2;--blue:#267bff;--violet:#8774ff;--green:#48f2ae;--text:#eefcff;--muted:#93afbd;--line:rgba(80,218,238,.18);--shadow:0 24px 70px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;line-height:1.7;background:var(--bg)}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}button,input{font:inherit}.container{width:min(1200px,calc(100% - 40px));margin:0 auto}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(rgba(46,202,229,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(46,202,229,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
.topbar{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:rgba(6,16,30,.88);backdrop-filter:blur(18px)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:900}.logo-mark{position:relative;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(40,231,242,.55);border-radius:11px;color:var(--cyan);background:rgba(40,231,242,.08);box-shadow:inset 0 0 24px rgba(40,231,242,.08),0 0 24px rgba(40,231,242,.12)}.logo-mark:before,.logo-mark:after{content:"";position:absolute;width:6px;height:6px;border:1px solid var(--cyan)}.logo-mark:before{left:-4px;top:-4px;border-right:0;border-bottom:0}.logo-mark:after{right:-4px;bottom:-4px;border-left:0;border-top:0}.nav-links{display:flex;gap:24px;color:#aac1ce;font-size:13px}.nav-links a:hover,.inline-link{color:var(--cyan)}.nav-actions{display:flex;gap:10px}
.btn{display:inline-flex;min-height:46px;padding:0 23px;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-primary{color:#041320;background:linear-gradient(135deg,var(--cyan),#71f7ff);box-shadow:0 13px 32px rgba(40,231,242,.18)}.btn-outline{color:var(--cyan);border-color:rgba(40,231,242,.38);background:rgba(40,231,242,.05)}.btn-white{color:#072036;background:#fff}
.hero{position:relative;overflow:hidden;padding:94px 0 86px}.hero:before{content:"";position:absolute;width:640px;height:640px;right:-130px;top:-230px;border:1px solid rgba(40,231,242,.16);border-radius:50%;box-shadow:0 0 0 74px rgba(40,231,242,.025),0 0 0 148px rgba(40,231,242,.018),inset 0 0 130px rgba(38,123,255,.12)}.hero:after{content:"";position:absolute;left:8%;top:15%;width:420px;height:280px;background:radial-gradient(circle,rgba(38,123,255,.13),transparent 67%);filter:blur(35px)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.status{display:inline-flex;align-items:center;gap:9px;margin-bottom:19px;padding:7px 12px;border:1px solid var(--line);border-radius:5px;color:var(--cyan);background:rgba(40,231,242,.04);font:700 11px/1.4 Consolas,monospace;letter-spacing:.1em}.status i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:18px;font-size:clamp(42px,6vw,68px);line-height:1.06;letter-spacing:-.055em}.gradient{color:transparent;background:linear-gradient(100deg,#fff,var(--cyan),#85a9ff);background-clip:text}.lead{max-width:630px;margin-bottom:28px;color:var(--muted);font-size:17px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.requirements{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;color:#7999aa;list-style:none;font:11px Consolas,monospace}.requirements li{padding:7px 9px;border:1px solid var(--line);border-radius:4px;background:rgba(13,33,53,.72)}
.twin-stage{position:relative;padding:12px;border:1px solid rgba(40,231,242,.25);border-radius:14px;background:linear-gradient(145deg,rgba(16,42,64,.92),rgba(7,21,36,.92));box-shadow:var(--shadow),inset 0 0 50px rgba(40,231,242,.035)}.twin-stage:before,.twin-stage:after{content:"";position:absolute;width:28px;height:28px;border-color:var(--cyan)}.twin-stage:before{left:-2px;top:-2px;border-left:2px solid;border-top:2px solid}.twin-stage:after{right:-2px;bottom:-2px;border-right:2px solid;border-bottom:2px solid}.twin-stage>img{min-height:390px;object-fit:cover;border-radius:7px;opacity:.86;background:#0d263d}.data-panel{position:absolute;right:-19px;bottom:22px;width:275px;padding:16px;border:1px solid rgba(40,231,242,.3);border-radius:8px;background:rgba(6,20,34,.94);box-shadow:0 18px 48px rgba(0,0,0,.32)}.data-head{display:flex;justify-content:space-between;margin-bottom:10px;color:var(--cyan);font:700 11px Consolas,monospace}.data-head b{color:var(--green)}.data-panel p{margin:0;color:var(--muted);font-size:12px}.data-bars{display:grid;gap:6px;margin-top:12px}.data-bars span{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--cyan) var(--w),rgba(40,231,242,.09) var(--w))}
section{padding:84px 0}.soft{background:linear-gradient(180deg,rgba(13,33,53,.78),rgba(9,25,42,.72))}.section-head{max-width:790px;margin:0 auto 40px;text-align:center}.section-head.left{margin-left:0;text-align:left}.eyebrow{display:block;margin-bottom:9px;color:var(--cyan);font:700 11px Consolas,monospace;letter-spacing:.14em}.section-head h2{margin-bottom:12px;font-size:clamp(30px,4vw,45px);line-height:1.2;letter-spacing:-.035em}.section-head p{margin:0;color:var(--muted)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.card{border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,rgba(16,42,64,.86),rgba(9,27,44,.9));box-shadow:0 14px 42px rgba(0,0,0,.14)}.download-card{display:flex;min-height:288px;padding:23px;flex-direction:column;justify-content:space-between}.os-icon,.feature-icon{width:49px;height:49px;display:grid;place-items:center;margin-bottom:17px;border:1px solid rgba(40,231,242,.35);border-radius:8px;color:var(--cyan);background:rgba(40,231,242,.07);font:900 18px Consolas,monospace;box-shadow:inset 0 0 18px rgba(40,231,242,.06)}.download-card h3{margin-bottom:7px;font-size:20px}.meta{display:grid;gap:5px;margin-bottom:19px;color:var(--muted);font:11px/1.7 Consolas,monospace}.feature-card{position:relative;min-height:225px;padding:22px;overflow:hidden}.feature-card:after{content:"";position:absolute;right:-18px;bottom:-18px;width:70px;height:70px;border:1px solid rgba(40,231,242,.1);transform:rotate(45deg)}.feature-card h3{margin-bottom:8px;font-size:18px}.feature-card p{margin:0;color:var(--muted);font-size:13px}.feature-icon{color:#9da7ff;border-color:rgba(135,116,255,.35);background:rgba(135,116,255,.08)}
.twin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{padding:22px}.metric small{display:block;color:var(--cyan);font:10px Consolas,monospace;letter-spacing:.1em}.metric strong{display:block;margin:7px 0 4px;font:800 31px Consolas,monospace}.metric p{margin:0;color:var(--muted);font-size:12px}.online{color:var(--green)}
.solution{display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:center}.solution-copy h2{margin-bottom:17px;font-size:clamp(32px,4vw,47px);line-height:1.18;letter-spacing:-.04em}.solution-copy p{color:var(--muted)}.points{display:grid;gap:9px;margin-top:22px}.point{display:flex;gap:11px;padding:13px 15px;border:1px solid var(--line);border-radius:6px;background:rgba(13,33,53,.55)}.check{color:var(--green);font-weight:900}.product{padding:10px;border:1px solid rgba(40,231,242,.24);border-radius:11px;background:#0b2035;box-shadow:var(--shadow)}.product>img{min-height:340px;object-fit:cover;border-radius:5px;background:#0d263d}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:9px}.thumbs img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);border-radius:5px;background:#0d263d}
.trust{background:radial-gradient(circle at 50% 0,rgba(38,123,255,.19),transparent 48%),#071424}.trust-num{margin-bottom:28px;text-align:center;color:transparent;background:linear-gradient(90deg,#fff,var(--cyan));background-clip:text;font:900 clamp(47px,8vw,84px)/1 Consolas,monospace;letter-spacing:-.06em}.brands{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.brands div{display:grid;min-height:84px;place-items:center;border:1px solid var(--line);border-radius:7px;background:rgba(40,231,242,.035);font-size:17px;font-weight:800}
.content{display:grid;grid-template-columns:1.05fr .95fr;gap:24px}.news,.faqs{display:grid;gap:12px}.news-item{display:grid;grid-template-columns:125px 1fr;gap:17px;padding:12px;align-items:center}.news-item img{width:125px;height:94px;object-fit:cover;border-radius:5px;background:#0d263d}.news-item small{color:var(--cyan);font:700 10px Consolas,monospace}.news-item h3{margin:3px 0 4px;font-size:17px}.news-item p,.faq p{margin:0;color:var(--muted);font-size:12px}.faq{padding:17px 19px}.faq h3{margin-bottom:5px;font-size:16px}
.cta-section{padding-top:0}.cta{position:relative;overflow:hidden;padding:50px;border:1px solid rgba(40,231,242,.28);border-radius:12px;background:linear-gradient(135deg,#102f4c,#0b4862);box-shadow:var(--shadow)}.cta:after{content:"TWIN://ONLINE";position:absolute;right:28px;top:24px;color:rgba(40,231,242,.17);font:900 34px Consolas,monospace}.cta h2{position:relative;z-index:1;max-width:760px;margin-bottom:11px;font-size:clamp(32px,4vw,47px);line-height:1.18}.cta>p{position:relative;z-index:1;max-width:760px;color:#b5d2dc}.benefits{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.benefits div{padding:14px;border:1px solid rgba(40,231,242,.18);border-radius:6px;background:rgba(4,20,34,.28)}
.page-hero{padding:74px 0 56px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(38,123,255,.2),transparent 48%)}.page-hero h1{margin-bottom:12px;font-size:clamp(39px,5vw,58px)}.page-hero p{max-width:730px;margin:0 auto;color:var(--muted)}.breadcrumb{margin-bottom:12px;color:var(--cyan);font:11px Consolas,monospace}.download-detail{display:grid;grid-template-columns:1fr 1fr;gap:17px}.download-box{padding:27px;scroll-margin-top:95px}.download-box h2{margin-bottom:7px;font-size:26px}.download-box>p{color:var(--muted)}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.detail-meta div{padding:11px;border:1px solid var(--line);border-radius:5px;color:var(--muted);font:11px/1.7 Consolas,monospace}.notice{margin-top:20px;padding:17px;border-left:3px solid var(--cyan);background:rgba(13,33,53,.72);color:#adc5d0}
.help-layout{display:grid;grid-template-columns:250px 1fr;gap:28px;align-items:start}.help-menu{position:sticky;top:95px;padding:16px}.help-menu a{display:block;padding:10px 11px;border-bottom:1px solid var(--line);color:#92adba;font-size:13px}.help-menu a:hover{color:var(--cyan)}.help-content{display:grid;gap:14px}.help-block{padding:26px;scroll-margin-top:95px}.help-block h2{margin-bottom:9px;font-size:24px}.help-block p,.help-block li{color:var(--muted)}.help-block ol,.help-block ul{margin-bottom:0;padding-left:22px}.search{display:flex;max-width:600px;margin:24px auto 0;padding:5px;border:1px solid var(--line);border-radius:7px;background:rgba(13,33,53,.8)}.search input{min-width:0;flex:1;padding:9px 12px;border:0;outline:0;color:var(--text);background:transparent}
.footer{padding:28px 0;border-top:1px solid var(--line);color:#738e9d;background:#050d17;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}
@media(max-width:1024px){.hero-grid,.solution,.content{grid-template-columns:1fr}.grid-4,.grid-5,.twin-metrics{grid-template-columns:repeat(2,1fr)}.brands{grid-template-columns:repeat(3,1fr)}.nav-links{display:none}.data-panel{right:12px}}
@media(max-width:720px){.container{width:min(100% - 28px,1200px)}.nav-actions .btn-outline{display:none}.hero{padding:58px 0}section{padding:58px 0}.grid-4,.grid-5,.twin-metrics,.brands,.benefits,.download-detail{grid-template-columns:1fr}.help-layout{grid-template-columns:1fr}.help-menu{position:static}.hero-actions .btn,.download-card .btn{width:100%}.twin-stage>img{min-height:255px}.data-panel{position:static;width:100%;margin-top:10px}.news-item{grid-template-columns:1fr}.news-item img{width:100%;height:170px}.cta{padding:34px 22px}.cta:after{font-size:18px}.thumbs{grid-template-columns:1fr}.detail-meta{grid-template-columns:1fr}}