[data-v-cf46acd4]{-webkit-tap-highlight-color:transparent;font-family:PingFang SC}.draggable-scroll-container[data-v-cf46acd4],.scroll-container[data-v-cf46acd4]{overflow:hidden;position:relative}.scroll-container[data-v-cf46acd4]{cursor:grab;width:100%}.scroll-container[data-v-cf46acd4]:active{cursor:grabbing}.scroll-content[data-v-cf46acd4]{display:inline-flex;white-space:nowrap;will-change:transform}.scroll-hint[data-v-cf46acd4]{align-items:center;animation:pulse-cf46acd4 2s infinite;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(.05333rem);backdrop-filter:blur(.05333rem);-webkit-backdrop-filter:blur(.208vw);backdrop-filter:blur(.208vw);background:#ffffffd9;border-radius:30px;border-radius:.4rem;border-radius:1.563vw;bottom:10px;bottom:.13333rem;bottom:.521vw;box-shadow:0 4px 15px #00000014;box-shadow:0 .05333rem .2rem #00000014;box-shadow:0 .208vw .781vw #00000014;color:#5a67d8;display:flex;font-size:14px;font-size:.18667rem;font-size:.729vw;font-weight:500;gap:8px;gap:.10667rem;gap:.417vw;left:50%;padding:.417vw .833vw;position:absolute;transform:translate(-50%)}.scroll-hint svg[data-v-cf46acd4]{animation:bounceX-cf46acd4 1.5s infinite}@keyframes pulse-cf46acd4{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@keyframes bounceX-cf46acd4{0%,to{transform:translate(0)}50%{transform:translate(10px);transform:translate(.13333rem)}}.example-content[data-v-cf46acd4]{display:inline-flex;gap:24px;gap:.32rem;gap:1.25vw;padding:0 .521vw}.example-content .item[data-v-cf46acd4]{align-items:center;background:linear-gradient(135deg,#6a11cb,#2575fc);border-radius:16px;border-radius:.21333rem;border-radius:.833vw;box-shadow:0 8px 25px #00000026;box-shadow:0 .10667rem .33333rem #00000026;box-shadow:0 .417vw 1.302vw #00000026;color:#fff;display:flex;flex:0 0 auto;flex-direction:column;height:240px;height:3.2rem;height:12.5vw;justify-content:center;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:200px;width:2.66667rem;width:10.417vw}.example-content .item[data-v-cf46acd4]:hover{box-shadow:0 12px 30px #0003;box-shadow:0 .16rem .4rem #0003;box-shadow:0 .625vw 1.563vw #0003;transform:translateY(-5px);transform:translateY(-.06667rem);transform:translateY(-.26vw)}.example-content .item[data-v-cf46acd4]:before{background:#ffffff4d;content:"";height:8px;height:.10667rem;height:.417vw;left:0;position:absolute;right:0;top:0}.example-content .item .icon[data-v-cf46acd4]{font-size:56px;font-size:.74667rem;font-size:2.917vw;margin-bottom:1.042vw;text-shadow:0 3px 8px rgba(0,0,0,.2);text-shadow:0 .04rem .10667rem rgba(0,0,0,.2);text-shadow:0 .156vw .417vw rgba(0,0,0,.2);z-index:1}.example-content .item .title[data-v-cf46acd4]{font-size:20px;font-size:.26667rem;font-size:1.042vw;font-weight:600;margin-bottom:.521vw;z-index:1}.example-content .item .desc[data-v-cf46acd4]{font-size:14px;font-size:.18667rem;font-size:.729vw;line-height:1.5;opacity:.9;padding:0 1.042vw;text-align:center;z-index:1}.example-content .item .decoration[data-v-cf46acd4]{background:#ffffff1a;border-radius:50%;height:120px;height:1.6rem;height:6.25vw;position:absolute;right:-40px;right:-.53333rem;right:-2.083vw;top:-40px;top:-.53333rem;top:-2.083vw;width:120px;width:1.6rem;width:6.25vw}.instructions[data-v-cf46acd4]{background:#ffffffb3;border-radius:10px;border-radius:.13333rem;border-radius:.521vw;box-shadow:0 2px 10px #0000000d;box-shadow:0 .02667rem .13333rem #0000000d;box-shadow:0 .104vw .521vw #0000000d;color:#6c757d;font-size:14px;font-size:.18667rem;font-size:.729vw;margin-top:1.042vw;padding:.625vw;text-align:center}.instructions .highlight[data-v-cf46acd4]{background:linear-gradient(90deg,#e0e7ff,#d1fae5);border-radius:6px;border-radius:.08rem;border-radius:.313vw;color:#4f46e5;font-weight:500;padding:.208vw .521vw}@media (max-width:960px){.draggable-scroll-container[data-v-cf46acd4]{margin:.2rem 0;padding-left:.33333rem}.scroll-container[data-v-cf46acd4]{padding:.13333rem 0}.example-content .item[data-v-cf46acd4]{height:200px;height:2.66667rem;width:170px;width:2.26667rem}.example-content .item .icon[data-v-cf46acd4]{font-size:42px;font-size:.56rem;margin-bottom:.2rem}.example-content .item .title[data-v-cf46acd4]{font-size:18px;font-size:.24rem}.scroll-hint[data-v-cf46acd4]{font-size:13px;font-size:.17333rem;padding:.08rem .16rem}.scroll-hint svg[data-v-cf46acd4]{height:36px;height:.48rem;width:36px;width:.48rem}}