.bi-intro{margin:48px auto 30px;max-width:1200px;font-family:"Microsoft YaHei",Arial,sans-serif}.bi-intro *{box-sizing:border-box}.bi-devices{display:flex;justify-content:center;align-items:flex-end;gap:66px;padding:42px 30px 40px;background:radial-gradient(ellipse at 50% 85%,#dcecff,#f5f9ff 60%,#fff 85%);border-radius:24px}.bi-laptop{width:570px;position:relative;padding-bottom:20px}.bi-screen{width:502px;margin:auto;padding:10px;background:linear-gradient(135deg,#384456,#0b1424);border:1px solid #536277;border-radius:15px 15px 4px 4px;box-shadow:0 14px 32px #1a396229}.bi-screen svg{display:block;width:480px;height:300px;background:white}.bi-base{position:absolute;bottom:0;left:0;right:0;height:21px;background:linear-gradient(#e8edf5,#afbbcd 65%,#7f8b9e);border-radius:2px 2px 40px 40px;box-shadow:0 15px 20px #24466e20}.bi-base:before{content:'';display:block;width:95px;height:7px;background:#8e9bac;margin:auto;border-radius:0 0 10px 10px}.bi-phone{width:181px;padding:8px;background:#111b2c;border:1px solid #637289;border-radius:28px;box-shadow:0 18px 30px #1e40652b}.bi-phone svg{display:block;width:163px;height:351px;border-radius:20px;background:white}.bi-features{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:30px}.bi-features>div{text-align:center;padding:25px 10px;background:#f6f9fe;border:1px solid #e3ecf8;border-radius:12px}.bi-features span{display:inline-flex;width:60px;height:60px;align-items:center;justify-content:center;background:linear-gradient(135deg,#77b6ff,#3478ee);color:#fff;border-radius:16px;box-shadow:7px -7px 0 #e2edff;font-size:29px}.bi-features h3{padding:0;height:auto;margin:18px 0 0;color:#283e60;font-size:17px;font-weight:500}@media(max-width:1000px){.bi-devices{gap:25px}.bi-features{gap:10px}.bi-features h3{font-size:14px}}@media(max-width:760px){.bi-devices{padding:24px 10px;gap:15px;flex-wrap:wrap}.bi-laptop{width:100%;max-width:570px}.bi-screen{width:88%}.bi-screen svg{width:100%;height:auto;aspect-ratio:8/5}.bi-phone{width:150px}.bi-phone svg{width:100%;height:auto;aspect-ratio:163/351}.bi-features{grid-template-columns:repeat(3,1fr)}.bi-features>div{padding:20px 6px}.bi-features h3{font-size:13px}.bi-intro{max-width:100%}}
.bi-screen img{display:block;width:100%;height:auto;background:white}.bi-phone img{display:block;width:100%;height:auto;border-radius:20px;background:white}.bi-laptop{width:660px}.bi-screen{width:590px}.bi-phone{width:190px}@media(max-width:1000px){.bi-laptop{width:570px}.bi-screen{width:502px}}@media(max-width:760px){.bi-laptop{width:100%;max-width:570px}.bi-screen{width:88%}.bi-phone{width:150px}}