:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#12202a;--muted:#637382;--paper:#ffffffd1;--line:#12202a1c;--cyan:#00b9d8;--blue:#2866ff;--shadow:0 28px 80px #2c4b702e;font-family:Inter,PingFang SC,Microsoft YaHei,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body{min-width:1180px;min-height:100%;color:var(--ink);background:#f7fbff;margin:0}body{overflow-x:hidden}a{color:inherit}button,input,textarea{font:inherit}.home-shell{background:radial-gradient(circle at 76% 18%,#00b9d840,#0000 27%),radial-gradient(circle at 48%,#2866ff1f,#0000 32%),radial-gradient(circle at 21% 78%,#35d7dc21,#0000 28%),linear-gradient(135deg,#fff 0%,#eff9ff 48%,#f8fcff 100%);min-height:100vh;position:relative;overflow:hidden}.home-shell:before{content:"";pointer-events:none;border:1px solid #12202a14;border-radius:18px;position:absolute;inset:26px}.tab-strip{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8;border:1px solid #12202a1a;border-radius:16px;align-items:center;gap:6px;padding:7px;display:flex;position:absolute;top:38px;left:54px;box-shadow:0 18px 46px #2c4b701f}.tab{color:#455563;border-radius:12px;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex}.tab img{border-radius:7px;width:28px;height:28px}.tab.active{color:#fff;background:linear-gradient(135deg, var(--blue), var(--cyan));box-shadow:0 10px 28px #2866ff42}.feedback-link{z-index:5;color:#42515e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffad;border:1px solid #12202a1f;border-radius:12px;padding:11px 16px;font-weight:800;text-decoration:none;position:absolute;top:44px;right:58px;box-shadow:0 18px 46px #2c4b701a}.home-hero{z-index:1;grid-template-columns:minmax(520px,.9fr) minmax(660px,1.1fr);align-items:center;gap:56px;width:min(1480px,100% - 112px);height:100vh;margin:0 auto;padding:118px 0 56px;display:grid;position:relative}.kicker{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px;font-size:15px;font-weight:900}.brand-kicker{background:linear-gradient(90deg,#2866ff,#00b9d8 58%,#107b86);color:#0000;letter-spacing:.18em;text-shadow:0 12px 36px #2866ff2e;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:18px;display:inline-block}h1,h2,p{margin-top:0}.home-copy h1,.sub-copy h1,.feedback-hero h1{letter-spacing:0;max-width:790px;margin-bottom:24px;font-size:74px;line-height:1.03}.home-lead{color:#344656;max-width:690px;margin-bottom:34px;font-size:22px;line-height:1.72}.home-actions{align-items:center;gap:14px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;min-height:52px;padding:0 24px;font-weight:900;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{color:#fff;background:linear-gradient(135deg, var(--blue), var(--cyan));box-shadow:0 18px 42px #2866ff47}.button.soft{color:var(--ink);background:#ffffffb8;border-color:#12202a1f}.button[disabled]{cursor:wait;opacity:.62}.hero-stage{min-height:590px;position:relative}.vma-diagram{gap:28px;width:min(760px,100%);min-height:430px;display:grid;position:absolute;top:50%;right:0;transform:translateY(-50%)}.vma-diagram:before{content:"";filter:blur(18px);opacity:.95;pointer-events:none;background:radial-gradient(circle at 48% 46%,#00b9d833,#0000 42%),radial-gradient(circle at 80%,#2866ff1f,#0000 36%);width:560px;height:300px;position:absolute;top:78px;left:70px}.diagram-steps,.diagram-flow{z-index:1;grid-template-columns:180px 58px 245px 58px 200px;align-items:center;display:grid;position:relative}.diagram-steps span{color:#174b5d;text-align:center;font-size:16px;font-weight:950}.diagram-steps span:first-child{grid-column:1}.diagram-steps span:nth-child(2){grid-column:3}.diagram-steps span:nth-child(3){grid-column:5}.media-cluster{filter:drop-shadow(0 28px 38px #134e5f2e);height:286px;position:relative}.media-cluster strong{color:#113b49;font-size:18px;font-weight:950;position:absolute;bottom:14px;left:12px}.windows-folder{background:linear-gradient(135deg,#ffffff6b,#fff0 44%),linear-gradient(135deg,#39c7e6,#17a7c7 45%,#0e809f);border-radius:18px 22px 24px 24px;width:146px;height:104px;position:absolute;top:86px;left:0;transform:rotate(-5deg);box-shadow:0 26px 52px #10809f3d,inset 0 1px #ffffff7a}.windows-folder:before{content:"";background:#50d9ef;border-radius:16px 16px 6px 6px;width:76px;height:36px;position:absolute;top:-24px;left:0;box-shadow:inset 0 1px #ffffff80}.windows-folder span{background:linear-gradient(135deg,#fff3,#0000);border-radius:22px;position:absolute;inset:18px 0 0}.video-file{color:#0b6f86;background:linear-gradient(135deg,#ffffffe6,#dbf9ffb8),#e9fbff;border-radius:16px;place-items:end center;width:92px;height:122px;padding-bottom:22px;display:grid;position:absolute;top:52px;right:2px;transform:rotate(7deg);box-shadow:0 24px 48px #0c70882e,inset 0 0 0 1px #00b9d838}.video-file:after{content:"";border-top:0 solid #0000;border-bottom:30px solid #0000;border-left:0 solid #0000;border-right:30px solid #00b9d838;position:absolute;top:0;right:0}.video-file i{border-top:16px solid #0000;border-bottom:16px solid #0000;border-left:25px solid #00b9d8;width:0;height:0;position:absolute;top:26px;left:22px}.video-file b{font-size:15px;font-weight:950}.player-mockup{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#ffffff5c,#e5fcff29),#08242cdb;border:1px solid #00b9d838;border-radius:28px;gap:13px;min-height:286px;padding:18px;display:grid;position:relative;box-shadow:0 30px 76px #11516636,inset 0 0 0 1px #ffffff2e}.player-topbar{gap:7px;display:flex}.player-topbar i{background:#50e6f08c;border-radius:999px;width:8px;height:8px}.player-screen{background:linear-gradient(135deg,#00b9d82e,#2866ff14),#051c2480;border-radius:22px;place-items:center;min-height:148px;display:grid;position:relative;overflow:hidden}.player-screen:before{content:"";background-color:#0000;background-image:linear-gradient(90deg,#e5fcff17 1px,#0000 1px),linear-gradient(#e5fcff12 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.player-screen span{z-index:1;filter:drop-shadow(0 0 18px #50e6f073);border-top:22px solid #0000;border-bottom:22px solid #0000;border-left:34px solid #50e6f0;width:0;height:0;position:relative}.player-progress{background:#e5fcff2e;border-radius:999px;height:8px;overflow:hidden}.player-progress i{border-radius:inherit;background:#50e6f0;width:58%;height:100%;display:block}.player-mockup b{color:#f7feff;font-size:18px}.player-action{color:#06242d;background:#50e6f0;border-radius:999px;justify-self:center;padding:11px 18px;font-size:15px;font-weight:950;box-shadow:0 0 34px #50e6f066}.flow-beam{background:linear-gradient(90deg,#00b9d800,#00b9d8cc);border-radius:999px;height:3px;position:relative;box-shadow:0 0 22px #00b9d857}.flow-beam:after{content:"";border-top:3px solid #00b9d8db;border-right:3px solid #00b9d8db;width:13px;height:13px;position:absolute;top:50%;right:-2px;transform:translateY(-50%)rotate(45deg)}.protocol-cloud{height:286px;position:relative}.protocol-cloud span{color:#08758e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff9e;border:1px solid #00b9d838;border-radius:999px;place-items:center;min-width:92px;min-height:42px;font-size:16px;font-weight:950;display:grid;position:absolute;box-shadow:0 20px 40px #1151661f}.protocol-hls{top:34px;left:28px}.protocol-rtsp{top:86px;left:94px}.protocol-rtmp{top:136px;left:16px}.protocol-webrtc{min-width:112px;top:190px;left:70px}.protocol-srt{top:240px;left:18px}.sub-shell{overflow-y:auto}.sub-hero,.feedback-hero{z-index:1;grid-template-columns:minmax(500px,.92fr) minmax(420px,.8fr);align-items:center;gap:64px;width:min(1240px,100% - 124px);min-height:100vh;margin:0 auto;padding:126px 0 62px;display:grid;position:relative}.sub-copy h1,.feedback-hero h1{font-size:58px}.tool-stage{gap:18px;display:grid}.tool-step{color:#263a49;background:#ffffffb8;border:1px solid #12202a1a;border-radius:18px;grid-template-columns:64px 1fr;align-items:center;gap:16px;padding:22px 24px;font-weight:900;display:grid;box-shadow:0 22px 54px #2c4b7021}.tool-step b{color:var(--cyan);font-size:21px}.tool-step span{font-size:23px}.feedback-hero{grid-template-columns:.92fr 1fr;gap:58px}.qq-panel{align-content:center;display:grid}.group-welcome{color:#243746;margin:0 0 22px;font-size:22px;font-weight:900;line-height:1.5}.qq-number{color:#243746;align-items:baseline;gap:12px;margin-bottom:18px;font-size:22px;font-weight:900;line-height:1.5;display:flex}.qq-number span{color:inherit;font:inherit}.qq-number strong{color:inherit;font:inherit;letter-spacing:0}.qq-qrcode{width:auto;max-width:100%;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;display:block}.form-note{color:var(--muted);font-size:15px;line-height:1.65}.form-note:empty{display:none}.seo-band{z-index:1;padding:42px 0 76px;position:relative}.seo-inner{width:min(1180px,100% - 124px);margin:0 auto}.seo-inner h2{color:var(--ink);letter-spacing:0;margin:0 0 18px;font-size:38px;line-height:1.18}.seo-lead{color:#344656;max-width:860px;margin-bottom:28px;font-size:19px;line-height:1.85}.seo-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0;display:grid}.seo-card{background:#ffffffb8;border:1px solid #12202a1a;border-radius:8px;padding:22px;box-shadow:0 18px 46px #2c4b701a}.seo-card h3{color:#173443;margin:0 0 12px;font-size:20px;line-height:1.35}.seo-card p{color:var(--muted);margin:0;line-height:1.75}.seo-list{flex-wrap:wrap;gap:12px;margin:20px 0 28px;display:flex}.seo-list span{color:#174b5d;background:#ffffffb8;border:1px solid #00b9d838;border-radius:999px;padding:10px 14px;font-weight:900}.faq-list{gap:12px;margin-top:28px;display:grid}.faq-list details{background:#ffffffc7;border:1px solid #12202a1a;border-radius:8px;padding:18px 20px;box-shadow:0 16px 38px #2c4b7014}.faq-list summary{cursor:pointer;color:#173443;font-size:18px;font-weight:950}.faq-list p{color:#344656;margin:12px 0 0;line-height:1.78}.feedback-form{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffbf;border:1px solid #12202a1c;border-radius:18px;gap:15px;padding:26px;display:grid}.form-heading .kicker{margin-bottom:8px}.form-heading h2{color:var(--ink);margin:0 0 4px;font-size:32px;line-height:1.18}.feedback-form label{color:#243746;gap:8px;font-weight:900;display:grid}.feedback-form input,.feedback-form textarea{width:100%;color:var(--ink);background:#ffffffd1;border:1px solid #12202a24;border-radius:11px;padding:12px 13px}.feedback-form textarea{resize:vertical}.feedback-form input:focus,.feedback-form textarea:focus{border-color:var(--cyan);outline:3px solid #00b9d82e}.honey{position:absolute;left:-9999px}@media (height<=760px){.home-copy h1{font-size:62px}.home-lead{font-size:20px}.hero-stage{min-height:500px}.vma-diagram{transform-origin:100%;transform:translateY(-50%)scale(.92)}}@media (width<=900px){html,body{min-width:0}.home-shell{overflow-x:hidden}.home-shell:before{border-radius:12px;inset:12px}.tab-strip{width:calc(100% - 32px);margin:16px auto 0;position:relative;top:auto;left:auto;overflow-x:auto}.tab{flex:none;min-height:40px;padding:0 13px;font-size:14px}.feedback-link{margin:12px 16px 0;display:inline-flex;position:relative;top:auto;right:auto}.home-hero,.sub-hero,.feedback-hero{grid-template-columns:1fr;gap:28px;width:calc(100% - 32px);height:auto;min-height:auto;padding:42px 0 38px}.home-copy h1,.sub-copy h1,.feedback-hero h1{font-size:42px;line-height:1.08}.home-lead{font-size:18px;line-height:1.68}.hero-stage{display:none}.tool-step{grid-template-columns:48px 1fr;padding:18px}.tool-step span{font-size:18px}.seo-band{padding:24px 0 50px}.seo-inner{width:calc(100% - 32px)}.seo-inner h2{font-size:30px}.seo-grid{grid-template-columns:1fr}.qq-number{gap:4px;display:grid}.feedback-form{padding:20px}}