[data-v-57f0e8a7]:root{--layout-page-content-min-height: calc(100vh - 42px) ;--animate-delay:.1s;--page-content-width:min(1200px, calc(100% - 136px) );--max-content-width:1200px;--page-more-btn-top:clamp(46px,4vw,60px)}.animation-delay-1[data-v-57f0e8a7]{animation-delay:.1s}.animation-delay-2[data-v-57f0e8a7]{animation-delay:.2s}.animation-delay-3[data-v-57f0e8a7]{animation-delay:.3s}.animation-delay-4[data-v-57f0e8a7]{animation-delay:.4s}.animation-delay-5[data-v-57f0e8a7]{animation-delay:.5s}.animation-delay-6[data-v-57f0e8a7]{animation-delay:.6s}.animation-delay-7[data-v-57f0e8a7]{animation-delay:.7s}.animation-delay-8[data-v-57f0e8a7]{animation-delay:.8s}.animation-delay-9[data-v-57f0e8a7]{animation-delay:.9s}.test-rem[data-v-57f0e8a7]{font-size:16px;margin:.3571428571rem;padding:.7142857143rem}.mobile-text-xs[data-v-57f0e8a7]{font-size:clamp(12px,12px + 2 * (100vw - 425px)/403,14px);line-height:1.6}.mobile-text-base[data-v-57f0e8a7],.mobile-text-sm[data-v-57f0e8a7]{font-size:clamp(14px,14px + 2 * (100vw - 425px)/403,16px);line-height:1.6}.mobile-text-lg[data-v-57f0e8a7]{font-size:clamp(14px,14px + 4 * (100vw - 425px)/403,18px);line-height:1.6}.mobile-text-xl[data-v-57f0e8a7]{font-size:clamp(16px,16px + 4 * (100vw - 425px)/403,20px);font-weight:500;line-height:1.4}.mobile-text-2xl[data-v-57f0e8a7]{font-size:clamp(18px,18px + 4 * (100vw - 425px)/403,22px);font-weight:600;line-height:1.35}.mobile-text-3xl[data-v-57f0e8a7],.mobile-text-4xl[data-v-57f0e8a7]{font-size:clamp(20px,20px + 4 * (100vw - 425px)/403,24px);font-weight:700;line-height:1.3}.font-body-sm[data-v-57f0e8a7]{font-size:clamp(12px,12px + 2 * (100vw - 425px)/403,14px);line-height:1.6}.font-body[data-v-57f0e8a7]{font-size:clamp(14px,14px + 2 * (100vw - 425px)/403,16px);line-height:1.6}.font-body-lg[data-v-57f0e8a7]{font-size:clamp(14px,14px + 4 * (100vw - 425px)/403,18px);line-height:1.6}.font-title-sm[data-v-57f0e8a7]{font-size:clamp(16px,16px + 4 * (100vw - 425px)/403,20px);font-weight:500;line-height:1.4}.font-title-md[data-v-57f0e8a7]{font-size:clamp(18px,18px + 4 * (100vw - 425px)/403,22px);font-weight:600;line-height:1.35}.font-title-lg[data-v-57f0e8a7]{font-size:clamp(20px,20px + 4 * (100vw - 425px)/403,24px);font-weight:700;line-height:1.3}.mobile-p-1[data-v-57f0e8a7]{padding:.1428571429rem 0 0}.mobile-p-2[data-v-57f0e8a7]{padding:.2857142857rem 0 0}.mobile-p-3[data-v-57f0e8a7]{padding:.4285714286rem 0 0}.mobile-p-4[data-v-57f0e8a7]{padding:.5714285714rem 0 0}.mobile-p-5[data-v-57f0e8a7]{padding:.7142857143rem 0 0}.mobile-p-6[data-v-57f0e8a7]{padding:.8571428571rem 0 0}.mobile-m-1[data-v-57f0e8a7]{margin:.1428571429rem 0 0}.mobile-m-2[data-v-57f0e8a7]{margin:.2857142857rem 0 0}.mobile-m-3[data-v-57f0e8a7]{margin:.4285714286rem 0 0}.mobile-m-4[data-v-57f0e8a7]{margin:.5714285714rem 0 0}.mobile-m-5[data-v-57f0e8a7]{margin:.7142857143rem 0 0}.mobile-m-6[data-v-57f0e8a7]{margin:.8571428571rem 0 0}.mobile-w-full[data-v-57f0e8a7]{width:100%}.mobile-w-auto[data-v-57f0e8a7]{width:auto}.mobile-h-full[data-v-57f0e8a7]{height:100%}.mobile-h-auto[data-v-57f0e8a7]{height:auto}.mobile-btn-sm[data-v-57f0e8a7]{border:.0357142857rem solid transparent;border-radius:.1428571429rem;font-size:.5rem;padding:.2857142857rem .5714285714rem 0 0}.mobile-btn-base[data-v-57f0e8a7]{border:.0357142857rem solid transparent;border-radius:.2142857143rem;font-size:.5714285714rem;padding:.4285714286rem .8571428571rem 0 0}.mobile-btn-lg[data-v-57f0e8a7]{border:.0357142857rem solid transparent;border-radius:.2857142857rem;font-size:.6428571429rem;padding:.5714285714rem 1.1428571429rem 0 0}.mobile-card[data-v-57f0e8a7]{border:.0357142857rem solid hsla(0,0%,100%,.1);border-radius:.2857142857rem;padding:.5714285714rem 0 0}.mobile-card[data-v-57f0e8a7],.mobile-input[data-v-57f0e8a7]{background:#ffffff0d}.mobile-input[data-v-57f0e8a7]{border:.0357142857rem solid hsla(0,0%,100%,.2);border-radius:.2142857143rem;color:#fff;font-size:.5714285714rem;padding:.4285714286rem .5714285714rem 0 0}.mobile-input[data-v-57f0e8a7]::-moz-placeholder{color:#ffffff80}.mobile-input[data-v-57f0e8a7]::placeholder{color:#ffffff80}.mobile-input[data-v-57f0e8a7]:focus{border-color:#0079ff;outline:none}.design-p-10[data-v-57f0e8a7]{padding:.3571428571rem}.design-p-15[data-v-57f0e8a7]{padding:.5357142857rem}.design-p-20[data-v-57f0e8a7]{padding:.7142857143rem}.design-p-25[data-v-57f0e8a7]{padding:.8928571429rem}.design-p-30[data-v-57f0e8a7]{padding:1.0714285714rem}.design-m-10[data-v-57f0e8a7]{margin:.3571428571rem}.design-m-15[data-v-57f0e8a7]{margin:.5357142857rem}.design-m-20[data-v-57f0e8a7]{margin:.7142857143rem}.design-m-25[data-v-57f0e8a7]{margin:.8928571429rem}.design-m-30[data-v-57f0e8a7]{margin:1.0714285714rem}.design-text-12[data-v-57f0e8a7]{font-size:.4285714286rem}.design-text-14[data-v-57f0e8a7]{font-size:.5rem}.design-text-16[data-v-57f0e8a7]{font-size:.5714285714rem}.design-text-18[data-v-57f0e8a7]{font-size:.6428571429rem}.design-text-20[data-v-57f0e8a7]{font-size:.7142857143rem}.design-text-24[data-v-57f0e8a7]{font-size:.8571428571rem}.design-text-28[data-v-57f0e8a7]{font-size:1rem}.design-text-32[data-v-57f0e8a7]{font-size:1.1428571429rem}.recommend-block[data-v-57f0e8a7]{--page-section-space:clamp(96px,10vw,110px);--page-title-size:clamp(32px,3vw,40px);--page-title-line:clamp(44px,4vw,56px);--page-tab-title-size:20px;--page-tab-title-active-size:22px;--page-tab-title-line:26px;--page-heading-size:clamp(18px,1.25vw,22px);--page-heading-line:clamp(26px,1.9vw,30px);--page-feature-title-line:50px;--page-body-size:16px;--page-body-line:28px;--page-body-line-tight:26px;--page-meta-size:14px;--page-meta-line:26px;--page-stat-size:clamp(32px,3vw,40px);--page-stat-line:clamp(48px,4vw,60px);--page-unit-size:clamp(18px,2vw,24px);--page-btn-text-size:16px;--page-btn-medium-height:50px;--page-btn-medium-width:180px;--page-btn-large-height:54px;--page-btn-large-width:320px;--page-more-btn-top:clamp(46px,4vw,60px);--page-hero-title-size:clamp(34px,3vw,40px);--page-hero-title-line:clamp(48px,4vw,56px);--page-hero-desc-size:16px;--page-hero-desc-line:clamp(26px,2.2vw,30px);--page-hero-desc-width:min(424px,34vw);--page-hero-btn-gap:clamp(16px,2vw,30px);--page-hero-btn-top:24px}@media screen and (min-width:829px) and (max-width:1180px){.recommend-block[data-v-57f0e8a7]{--page-section-space:110px;--page-title-size:30px;--page-title-line:42px;--page-tab-title-size:18px;--page-tab-title-active-size:20px;--page-tab-title-line:24px;--page-heading-size:20px;--page-heading-line:28px;--page-feature-title-line:42px;--page-body-size:15px;--page-body-line:26px;--page-body-line-tight:24px;--page-meta-size:13px;--page-meta-line:22px;--page-stat-size:clamp(28px,2.8vw,34px);--page-stat-line:clamp(40px,3.8vw,48px);--page-unit-size:18px;--page-btn-text-size:15px;--page-btn-medium-height:46px;--page-btn-medium-width:160px;--page-btn-large-height:48px;--page-btn-large-width:280px;--page-hero-title-size:clamp(28px,2.8vw,34px);--page-hero-title-line:clamp(40px,3.8vw,48px);--page-hero-desc-size:14px;--page-hero-desc-line:clamp(24px,2.2vw,28px);--page-hero-desc-width:min(360px,38vw);--page-hero-btn-gap:16px;--page-hero-btn-top:20px}}.recommend-block[data-v-57f0e8a7]{--recommend-gutter:32px;--recommend-grid-gap:clamp(24px,2.4vw,50px);--recommend-tag-row-height:clamp(44px,13vw,52px);--recommend-tag-gap:clamp(10px,2.8vw,16px);margin:5.0714285714rem auto 0;width:100%}@media (min-width:829px) and (max-width:1279px){.recommend-block[data-v-57f0e8a7]{--recommend-gutter:clamp(20px,2.4vw,24px);--recommend-grid-gap:clamp(16px,2vw,30px);--recommend-tag-row-height:clamp(24px,2vw,28px);--recommend-tag-gap:clamp(8px,1vw,11px)}}@media (min-width:829px){.recommend-block[data-v-57f0e8a7]{--recommend-tag-row-height:clamp(24px,2vw,28px);--recommend-tag-gap:clamp(8px,1vw,11px);margin:var(--page-section-space) auto 0;width:var(--page-content-width)}}.recommend-block .content[data-v-57f0e8a7]{padding:2.9285714286rem 1.0714285714rem 3.2142857143rem}@media (min-width:829px){.recommend-block .content[data-v-57f0e8a7]{padding:clamp(60px,7vw,80px) 0 clamp(80px,7vw,100px)}}.recommend-block .content .content-stage[data-v-57f0e8a7]{min-height:460px;position:relative}.recommend-block .content .content-wrapper[data-v-57f0e8a7]{display:flex;flex-direction:column;gap:1.0714285714rem 0;overflow:hidden}@media (min-width:829px){.recommend-block .content .content-wrapper[data-v-57f0e8a7]{display:grid;gap:40px var(--recommend-grid-gap);grid-template-columns:repeat(2,minmax(0,1fr))}}.recommend-block .content .info-card[data-v-57f0e8a7]{background:#0a1c32;border-radius:.5714285714rem;box-shadow:0 2px 7px #0000001a;box-sizing:border-box;padding:1.4285714286rem 1.0714285714rem 1.0714285714rem;transition:all .25s ease-in-out;width:100%}@media (min-width:829px){.recommend-block .content .info-card[data-v-57f0e8a7]{background:#0a1c32;border-radius:16px;box-shadow:0 4px 14px #0000001a;height:auto;min-height:210px;padding:26px 30px;width:100%}.recommend-block .content .info-card[data-v-57f0e8a7]:hover{border-radius:0 16px 16px 0}}@media (max-width:828px){.recommend-block .content .mobile-cards-wrapper[data-v-57f0e8a7]{display:flex;flex-direction:column;gap:1.0714285714rem}}.recommend-block .content .title[data-v-57f0e8a7]{color:#fff;font-size:clamp(18px,18px + 4 * (100vw - 425px)/403,22px);font-weight:600;font-weight:500;line-height:1.35}@media (min-width:829px){.recommend-block .content .title[data-v-57f0e8a7]{font-size:clamp(18px,1.25vw,22px);line-height:clamp(26px,1.9vw,30px)}}.recommend-block .content .title a[data-v-57f0e8a7]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:block;white-space:nowrap}.recommend-block .content .title a[data-v-57f0e8a7]:hover{color:#0079ff;text-decoration:underline}.recommend-block .content .desc[data-v-57f0e8a7]{display:-webkit-box;font-size:clamp(14px,14px + 2 * (100vw - 425px)/403,16px);font-weight:400;line-height:1.6;margin-top:1.0714285714rem;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#999;overflow:hidden}@media (min-width:829px){.recommend-block .content .desc[data-v-57f0e8a7]{font-size:clamp(14px,1.25vw,16px);line-height:clamp(20px,2vw,26px);margin-top:12px}}.recommend-block .content .tag-list[data-v-57f0e8a7]{align-items:center;display:flex;flex-wrap:wrap;height:1.8571428571rem;margin-top:.9285714286rem;overflow:hidden;white-space:nowrap}@media (min-width:829px){.recommend-block .content .tag-list[data-v-57f0e8a7]{height:var(--recommend-tag-row-height);margin-top:26px}}.recommend-block .content .tag-list .tag-btn[data-v-57f0e8a7]{cursor:default;height:1.8571428571rem;line-height:1.3;margin-right:.5714285714rem}@media (min-width:829px){.recommend-block .content .tag-list .tag-btn[data-v-57f0e8a7]{height:var(--recommend-tag-row-height);line-height:var(--recommend-tag-row-height);margin-right:var(--recommend-tag-gap)}}.recommend-block .content .page-wrapper[data-v-57f0e8a7]{align-items:center;display:flex;justify-content:center;padding-top:30px}.recommend-block .content .page-wrapper .pager[data-v-57f0e8a7]{background:#4caeff;border-radius:10px;cursor:pointer;height:10px;transition:all .25s ease-in-out;width:10px}.recommend-block .content .page-wrapper .pager.prev-page[data-v-57f0e8a7]{margin-right:10px}.recommend-block .content .page-wrapper .pager.active[data-v-57f0e8a7]{background:#0a1c32;width:20px}.recommend-block .content .more-box[data-v-57f0e8a7]{align-items:center;display:flex;justify-content:center;padding-top:1.7857142857rem}@media (min-width:829px){.recommend-block .content .more-box[data-v-57f0e8a7]{padding-top:var(--page-more-btn-top)}}.slide-left-enter-active[data-v-57f0e8a7],.slide-left-leave-active[data-v-57f0e8a7],.slide-right-enter-active[data-v-57f0e8a7],.slide-right-leave-active[data-v-57f0e8a7]{transition:transform .34s cubic-bezier(.22,1,.36,1),opacity .26s ease;will-change:transform,opacity}.slide-left-enter-from[data-v-57f0e8a7],.slide-right-leave-to[data-v-57f0e8a7]{opacity:0;transform:translate3d(42px,0,0)}.slide-left-leave-to[data-v-57f0e8a7],.slide-right-enter-from[data-v-57f0e8a7]{opacity:0;transform:translate3d(-42px,0,0)}