.ref-home{color:#0d172a;background:#fff;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}.ref-home *{box-sizing:border-box}.ref-home a{text-decoration:none}.ref-dark{color:#fff;background:#0a1425}.ref-header{z-index:5;border-bottom:1px solid #ffffff1a;align-items:center;gap:36px;height:68px;padding:0 clamp(26px,4vw,84px);display:flex;position:relative}.ref-logo{color:inherit;white-space:nowrap;font-size:22px;font-weight:800}.ref-logo span{letter-spacing:.01em;margin-left:4px;font-size:13px}.ref-header nav{gap:34px;margin:auto;display:flex}.ref-header nav a{color:#e5ecf9;white-space:nowrap;font-size:13px;font-weight:600}.ref-header nav a:hover,.ref-footer a:hover{color:#63a0ff}.ref-actions{align-items:center;gap:12px;display:flex}.ref-actions .language-switch{color:#dfeafa}.ref-actions .language-switch select{max-width:96px;padding:6px}.ref-button{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;min-height:40px;padding:11px 22px;font-size:13px;font-weight:700;display:inline-flex}.ref-blue{color:#fff;background:#2563eb;box-shadow:0 5px 20px #125de344}.ref-outline{color:#fff;background:#ffffff08;border:1px solid #9fb1cf66}.ref-hero{max-width:1820px;height:740px;margin:auto;position:relative;overflow:hidden}.ref-hero-image{opacity:.9;background:url(/weibai-home-network-v2.png) 50% 36%/cover no-repeat;position:absolute;inset:0}.ref-hero-copy{z-index:2;width:34%;min-width:330px;position:absolute;top:16%;left:clamp(44px,6vw,100px)}.ref-hero-copy h1{letter-spacing:.025em;margin:0 0 24px;font-size:clamp(52px,5vw,82px);font-weight:800;line-height:1.16}.ref-hero-copy>p{color:#ecf3ff;max-width:540px;margin:0 0 30px;font-size:18px;line-height:1.75}.ref-hero-tagline,.ref-hero-copy>small{color:#4a9bff;margin:0 0 32px;font-size:19px;display:block}.ref-hero-buttons{gap:16px;display:flex}.ref-hero-buttons .ref-button{min-width:130px;padding:13px 24px}.ref-hero-symbol{color:#fff;text-shadow:0 2px 16px #fff;z-index:2;font-size:72px;font-weight:900;position:absolute;top:26%;left:68.5%;transform:rotate(9deg)}.ref-hero-logos{pointer-events:none;height:39%;position:absolute;top:2%;left:48%;right:5%}.ref-hero-logos i{color:#fff;background:#192637dd;border:1px solid #fff5;border-radius:10px;place-items:center;width:58px;height:58px;font-size:32px;font-style:normal;display:grid;position:absolute;box-shadow:0 12px 30px #0006}.ref-hero-logos i:first-child{top:10%;left:22%}.ref-hero-logos i:nth-child(2){top:0;left:45%}.ref-hero-logos i:nth-child(3){top:10%;left:66%}.ref-hero-logos i:nth-child(4){top:28%;left:83%}.ref-hero-logos i:nth-child(5){top:50%;left:0}.ref-preview{z-index:3;background:#111a29f5;border:1px solid #66758e70;border-radius:11px 11px 0 0;grid-template-columns:150px 1fr;width:55%;height:460px;font-size:10px;display:grid;position:absolute;top:51%;right:5%;overflow:hidden;box-shadow:0 14px 50px #0007}.ref-preview aside{border-right:1px solid #26354c;padding:16px 0}.ref-preview aside b{margin:0 13px 12px;font-size:11px;display:block}.ref-preview aside span{color:#b5c2d8;padding:8px 13px;display:block}.ref-preview aside .selected{color:#fff;background:#1e3458}.ref-preview>div{color:#d9e8ff;padding:0 16px}.ref-preview>div>header{border-bottom:1px solid #2d3b54;height:42px;padding:14px 0}.ref-preview p{border-bottom:1px solid #2a3850;margin:0;padding:9px 0}.ref-preview p b{float:right;background:#2563eb;border-radius:3px;padding:4px 14px}.ref-preview small{color:#9caed0;padding:12px 0;display:block}.ref-preview pre{color:#91c4ff;white-space:pre-wrap;margin:0;font:11px/1.65 Consolas,monospace}.ref-preview em{float:right;color:#43dfac;font-style:normal}.ref-models{text-align:center;background:#fff;border-bottom:1px solid #e5e9f0;padding:35px max(30px,4vw) 32px}.ref-models h2{letter-spacing:.06em;margin:0 0 27px;font-size:25px}.ref-models>div{justify-content:space-between;align-items:center;gap:16px;max-width:1600px;margin:auto;display:flex}.ref-models a{color:#151e32;min-width:75px}.ref-models strong{height:38px;font-size:30px;font-weight:800;line-height:36px;display:block}.ref-models a:nth-child(3) strong{color:#4285f4}.ref-models a:nth-child(4) strong{color:#2778ed}.ref-models a:nth-child(5) strong{color:#e65336}.ref-models a:nth-child(7) strong{color:#2778ed}.ref-models a span{margin-top:6px;font-size:11px;display:block}.ref-products{text-align:center;background:#f8faff;padding:45px 34px 55px}.ref-products h2,.ref-workflow h2,.ref-enterprise h2{letter-spacing:.02em;margin:0 0 8px;font-size:30px}.ref-products>p,.ref-workflow>div>p,.ref-enterprise>div>p{color:#536179;margin:0 0 32px;font-size:15px}.ref-products>div{grid-template-columns:repeat(6,1fr);max-width:1540px;margin:auto;display:grid}.ref-products article{text-align:left;border-right:1px solid #d9e3f1;min-height:240px;padding:8px 22px}.ref-products article:last-child{border:0}.ref-products article>span{color:#2563eb;height:60px;font-size:48px;display:block}.ref-products h3{white-space:nowrap;margin:4px 0 12px;font-size:16px}.ref-products article p{color:#51617a;min-height:86px;margin:0;font-size:12px;line-height:1.8}.ref-products article a{color:#2563eb;font-size:12px;font-weight:700}.ref-workflow{grid-template-columns:1fr 1.45fr .82fr;align-items:center;gap:24px;max-width:1640px;margin:auto;padding:65px 42px;display:grid}.ref-workflow>div>p{margin-bottom:25px}.ref-step{color:#0d172a;align-items:flex-start;gap:12px;margin:20px 0;display:flex}.ref-step>span,.ref-benefits>div>span{color:#2563eb;background:#eff5ff;border-radius:6px;place-items:center;width:31px;min-width:31px;height:31px;font-size:20px;display:grid}.ref-step b,.ref-step small{display:block}.ref-step b,.ref-benefits b{font-size:13px}.ref-step small,.ref-benefits p{color:#68758c;margin:3px 0;font-size:12px;line-height:1.7}.ref-code{border:1px solid #d8e1ee;border-radius:9px;align-self:center;min-height:352px;overflow:hidden}.ref-code>div{border-bottom:1px solid #d8e1ee;display:flex;overflow-x:auto}.ref-code button{color:#46546d;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:14px 17px}.ref-code button.active{color:#2563eb;border-bottom:2px solid #2563eb}.ref-code pre{color:#33577b;white-space:pre-wrap;overflow-wrap:anywhere;min-height:280px;margin:0;padding:16px 20px;font:12px/1.65 Consolas,monospace}.ref-code>small{color:#8795ab;padding:0 20px 13px;font-size:10px;display:block}.ref-benefits{border:1px solid #e3e9f2;border-radius:9px;gap:20px;padding:22px;display:grid}.ref-benefits>div{align-items:flex-start;gap:12px;display:flex}.ref-enterprise{background:#f8faff;grid-template-columns:1fr 1.25fr .82fr;align-items:center;gap:36px;padding:70px 42px;display:grid}.ref-enterprise>div:first-child{max-width:420px}.ref-check{align-items:flex-start;gap:10px;margin:22px 0;display:flex}.ref-check>span{color:#2563eb;background:#e4efff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:15px;display:grid}.ref-check b,.ref-check small{display:block}.ref-check b{font-size:13px}.ref-check small{color:#66758c;margin-top:4px;font-size:12px;line-height:1.7}.ref-enterprise-diagram{text-align:center;background:#fff;border:1px solid #dbe4f1;border-radius:9px;flex-direction:column;justify-content:space-around;align-items:center;min-height:340px;padding:18px;font-size:12px;display:flex}.ref-enterprise-diagram>p{letter-spacing:.1em;margin:5px;font-size:26px}.ref-enterprise-diagram i{color:#2563eb;font-style:normal}.ref-enterprise-diagram>strong{color:#fff;background:#2563eb;border-radius:4px;width:100%;padding:9px;display:block}.ref-enterprise-diagram>div{gap:5px;width:100%;display:flex}.ref-enterprise-diagram>div span{color:#345175;background:#edf4ff;border-radius:4px;flex:1;padding:8px 5px}.ref-deploy{gap:12px;display:grid}.ref-deploy>a{color:#0d172a;background:#fff;border:1px solid #dce5f0;border-radius:8px;align-items:center;gap:13px;min-height:79px;padding:16px;display:flex}.ref-deploy>a>span{color:#2563eb;font-size:26px}.ref-deploy b{font-size:13px}.ref-deploy p{color:#69788e;margin:5px 0;font-size:11px}.ref-cta{color:#fff;text-align:center;background:radial-gradient(circle at 50% 0,#1453b6,#071d43 70%);border-radius:11px;margin:0 42px 14px;padding:28px 20px 31px}.ref-cta h2{margin:0 0 8px;font-size:29px}.ref-cta p{color:#d8e8ff;margin:0 0 18px;font-size:13px}.ref-cta>div{justify-content:center;gap:13px;display:flex}.ref-cta .ref-light{color:#2563eb;background:#fff}.ref-footer{color:#fff;background:#0a1629;padding:40px 42px 22px}.ref-footer>div{grid-template-columns:2fr repeat(5,1fr);gap:26px;max-width:1640px;margin:auto;display:grid}.ref-footer section b,.ref-footer section a{display:block}.ref-footer section b{margin:0 0 15px;font-size:12px}.ref-footer section>a:not(.ref-logo){color:#bfccdf;margin:0 0 9px;font-size:11px}.ref-footer section p{color:#b2bfd3;font-size:12px;line-height:1.8}.ref-footer>small{color:#899bb6;border-top:1px solid #1e2c45;max-width:1640px;margin:34px auto 0;padding-top:17px;display:block}.ref-footer>small span{float:right}@media (max-width:1150px){.ref-header nav{gap:15px}.ref-header nav a{font-size:11px}.ref-actions .language-switch{display:none}.ref-hero{height:660px}.ref-hero-copy{width:42%}.ref-hero-copy h1{font-size:60px}.ref-preview{width:55%;top:57%;right:3%}.ref-products>div{grid-template-columns:repeat(3,1fr);row-gap:25px}.ref-products article:nth-child(3){border:0}.ref-workflow,.ref-enterprise{grid-template-columns:1fr 1fr}.ref-benefits,.ref-deploy{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.ref-footer>div{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.ref-header{gap:10px;height:64px;padding:0 18px}.ref-header nav{display:none}.ref-actions{margin-left:auto}.ref-actions .ref-outline{display:none}.ref-header .ref-logo{font-size:19px}.ref-header .ref-logo span{font-size:10px}.ref-hero{height:800px}.ref-hero-image{background-position:60% 77%;background-size:auto 64%}.ref-hero-copy{width:auto;min-width:0;top:45px;left:22px;right:22px}.ref-hero-copy h1{font-size:46px}.ref-hero-copy>p{max-width:520px;font-size:14px}.ref-hero-copy>small{font-size:15px}.ref-hero-buttons .ref-button{min-width:0}.ref-hero-logos,.ref-hero-symbol{display:none}.ref-preview{grid-template-columns:95px 1fr;width:calc(100% - 30px);height:330px;top:62%;right:15px}.ref-preview aside{padding-top:9px}.ref-preview aside span{padding:5px 6px;font-size:8px}.ref-preview aside b{margin:0 5px 6px;font-size:8px}.ref-preview>div{padding:0 9px}.ref-preview pre{font-size:8px}.ref-models{padding:28px 14px}.ref-models h2{font-size:19px}.ref-models>div{justify-content:flex-start;padding-bottom:10px;overflow-x:auto}.ref-models a{flex:none;min-width:75px}.ref-products{padding:42px 20px}.ref-products h2,.ref-workflow h2,.ref-enterprise h2{font-size:25px}.ref-products>div{grid-template-columns:repeat(2,1fr)}.ref-products article{min-height:240px;padding:10px 12px}.ref-products article:nth-child(2n){border:0}.ref-products article h3{white-space:normal;font-size:13px}.ref-products article p{font-size:11px}.ref-workflow,.ref-enterprise{padding:46px 20px;display:block}.ref-code{margin:30px 0}.ref-benefits,.ref-deploy{grid-template-columns:1fr 1fr;display:grid}.ref-enterprise-diagram{margin:28px 0}.ref-cta{margin:0 14px 14px}.ref-footer{padding:35px 22px}.ref-footer>div{grid-template-columns:repeat(2,1fr);gap:24px}.ref-footer>div>section:first-child{grid-column:1/-1}.ref-footer>small span{float:none;margin-top:8px;display:block}}@media (max-width:430px){.ref-actions .ref-button{padding:9px 13px;font-size:11px}.ref-hero{height:750px}.ref-hero-copy h1{font-size:42px}.ref-preview{top:65%}.ref-products>div{grid-template-columns:1fr}.ref-products article{border-bottom:1px solid #d9e3f1;border-right:0;min-height:auto;padding:15px 8px}.ref-products article p{min-height:0;margin-bottom:14px}.ref-benefits,.ref-deploy{grid-template-columns:1fr}}
