@media screen and (min-width:768px){.Comment[data-v-d93d4ab6]{background-color:#fafafe;padding:80px 0}.Comment h2[data-v-d93d4ab6]{color:#141424;font-size:36px;font-weight:600;line-height:45px;text-align:center}.Comment .content[data-v-d93d4ab6]{margin:0 auto;width:1200px}.Comment .content[data-v-d93d4ab6] .swiper{display:block;list-style:none;margin:0 auto;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.Comment .content[data-v-d93d4ab6] .swiper .swiper-wrapper{box-sizing:content-box;display:flex;height:100%;position:relative;transition-property:transform;width:100%;z-index:1}.Comment .content[data-v-d93d4ab6] .swiper .swiper-wrapper .swiper-slide{display:block;flex-shrink:0;padding:50px 0;position:relative;transition-property:transform}.Comment .content[data-v-d93d4ab6] .swiper .swiper-wrapper .swiper-slide .item{cursor:grab;height:428px;position:relative}.Comment .content[data-v-d93d4ab6] .swiper .swiper-wrapper .swiper-slide .item:active{cursor:grabbing}.Comment .content[data-v-d93d4ab6] .swiper .swiper-wrapper .swiper-slide .item .card{align-items:flex-end;background:#fff;background-image:url(./comment-bg.B_0hIp4G.webp);background-position:148px 151px;background-repeat:no-repeat;background-size:72px 54px;border-radius:15px;box-shadow:0 1px 40px #542cd014;display:flex;flex-direction:column;height:100%;padding:26px;position:absolute;right:0;width:246px}.Comment .content[data-v-d93d4ab6] .swiper .swiper-wrapper .swiper-slide .item .card b{color:#091a34;font-size:20px;font-weight:600;line-height:25px;width:100px}.Comment .content[data-v-d93d4ab6] .swiper .swiper-wrapper .swiper-slide .item .card span{color:#555462;font-size:14px;font-weight:400;line-height:18px;margin-top:6px;width:100px}.Comment .content[data-v-d93d4ab6] .swiper .swiper-wrapper .swiper-slide .item>img{left:20px;position:absolute;top:30px}.Comment .content[data-v-d93d4ab6] .swiper .swiper-wrapper .swiper-slide .item>p{background:#f1f3ff;border-radius:15px;bottom:26px;color:#555462;font-size:16px;font-weight:400;height:130px;left:0;line-height:22px;padding:20px;position:absolute;width:350px}.Comment .content[data-v-d93d4ab6] .swiper .swiper-wrapper .swiper-slide .item>p span{overflow:hidden;text-overflow:ellipsis;line-clamp:4;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-break:break-all}.Comment .content[data-v-d93d4ab6] .swiper .btn{align-items:center;display:flex;gap:0 30px;justify-content:center}.Comment .content[data-v-d93d4ab6] .swiper .btn div{align-items:center;border-radius:18px;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px;--color:#845cff;border:2px solid var(--color);color:var(--color);transition:all .3s}.Comment .content[data-v-d93d4ab6] .swiper .btn div:hover{--color:#6841e4}}@media screen and (max-width:768px){.Comment[data-v-d93d4ab6]{background-color:#fafafe;margin-top:5.6rem;padding:4rem 1.6rem}.Comment h2[data-v-d93d4ab6]{color:#141424;font-size:2.4rem;font-weight:600;line-height:3rem;text-align:center}.Comment .content[data-v-d93d4ab6]{margin:0 auto;width:100%}.Comment .content[data-v-d93d4ab6] .swiper{display:block;list-style:none;margin:0 auto;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.Comment .content[data-v-d93d4ab6] .swiper .swiper-wrapper{box-sizing:content-box;display:flex;height:100%;position:relative;transition-property:transform;width:100%;z-index:1}.Comment .content[data-v-d93d4ab6] .swiper .swiper-wrapper .swiper-slide{display:block;flex-shrink:0;padding:3rem 0;position:relative;transition-property:transform}.Comment .content[data-v-d93d4ab6] .swiper .swiper-wrapper .swiper-slide .item{cursor:grab;height:39.2rem;position:relative}.Comment .content[data-v-d93d4ab6] .swiper .swiper-wrapper .swiper-slide .item:active{cursor:grabbing}.Comment .content[data-v-d93d4ab6] .swiper .swiper-wrapper .swiper-slide .item .card{align-items:flex-end;background:#fff;background-image:url(./comment-bg.B_0hIp4G.webp);background-position:12.2rem 12.8rem;background-repeat:no-repeat;background-size:7.2rem 5.4rem;border-radius:1rem;box-shadow:0 .1rem 4rem #542cd014;display:flex;flex-direction:column;height:100%;padding:2.4rem 1.6rem;position:absolute;right:0;width:21rem}.Comment .content[data-v-d93d4ab6] .swiper .swiper-wrapper .swiper-slide .item .card b{color:#091a34;font-size:1.6rem;font-weight:600;line-height:2rem;width:10rem}.Comment .content[data-v-d93d4ab6] .swiper .swiper-wrapper .swiper-slide .item .card span{color:#555462;font-size:14px;font-weight:400;line-height:18px;margin-top:6px;width:100px}.Comment .content[data-v-d93d4ab6] .swiper .swiper-wrapper .swiper-slide .item>img{height:24.2rem;left:0;position:absolute;top:2rem;width:21.6rem}.Comment .content[data-v-d93d4ab6] .swiper .swiper-wrapper .swiper-slide .item>p{background:#f1f3ff;border-radius:15px;color:#555462;font-size:1.4rem;font-weight:400;height:11rem;left:0;line-height:1.8rem;padding:1.6rem;position:absolute;top:26.2rem;width:32.7rem}.Comment .content[data-v-d93d4ab6] .swiper .swiper-wrapper .swiper-slide .item>p span{overflow:hidden;text-overflow:ellipsis;line-clamp:4;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-break:break-all}.Comment .content[data-v-d93d4ab6] .swiper .btn{align-items:center;display:flex;gap:0 3rem;justify-content:center}.Comment .content[data-v-d93d4ab6] .swiper .btn div{align-items:center;border-radius:1.8rem;cursor:pointer;display:flex;height:3.2rem;justify-content:center;width:3.2rem;--color:#845cff;border:.2rem solid var(--color);color:var(--color);transition:all .3s}.Comment .content[data-v-d93d4ab6] .swiper .btn div:hover{--color:#6841e4}}