#body[data-v-3e02f33e]{width:100%;height:400px;background-position:50%;background-size:cover;background-repeat:no-repeat;overflow:hidden}#body .alignRight[data-v-3e02f33e]{display:flex;flex-direction:column;align-items:flex-end}#body .banner-wrap[data-v-3e02f33e]{width:1200px;margin:89px auto 0}#body .banner-wrap>div[data-v-3e02f33e]:first-child{color:#fff;font-size:72px;font-weight:700;letter-spacing:.1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#body .banner-wrap>div[data-v-3e02f33e]:last-child{padding:6px 23px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:28px;font-size:20px;color:#1ab5f5;background:#fff;border-radius:21px}.dev-case[data-v-6af42c00]{padding:40px 0}.headline[data-v-6af42c00]{text-align:center;font-size:28px;margin-bottom:30px;color:#333}.category[data-v-6af42c00]{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.category .item[data-v-6af42c00]{padding:8px 16px;cursor:pointer;border-radius:20px}.category .item.active[data-v-6af42c00]{background:#007bff;color:#fff}.list[data-v-6af42c00],.wrap[data-v-6af42c00]{max-width:1200px;margin:0 auto}.list[data-v-6af42c00]{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media screen and (max-width:900px){.list[data-v-6af42c00]{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.list[data-v-6af42c00]{grid-template-columns:1fr}}.item[data-v-6af42c00]{border:1px solid #eee;border-radius:8px;overflow:hidden}.img-wrap[data-v-6af42c00]{position:relative;height:180px;overflow:hidden}.img-wrap .bg[data-v-6af42c00]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mask-content[data-v-6af42c00]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.mask-content button[data-v-6af42c00]{padding:12px 24px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.mask-content button[data-v-6af42c00]:hover{background:#0056b3}.img-wrap:hover .mask-content[data-v-6af42c00]{opacity:1}.qrcode[data-v-6af42c00]{width:80px;height:80px}.f18[data-v-6af42c00]{font-size:18px}.c3[data-v-6af42c00]{color:#333}.tr5[data-v-6af42c00]{text-align:center}.mar_t10[data-v-6af42c00]{margin-top:10px}.c9[data-v-6af42c00]{color:#999}.mar_t5[data-v-6af42c00]{margin-top:5px}.mar_b30[data-v-6af42c00]{margin-bottom:30px}