.kbj-article-section{padding:48px 0}@media(max-width:768px){.kbj-article-section{padding:40px 0 20px}}.kbj-feature{padding:64px 0}.kbj-feature .feature-box-flex{width:100%;width:1064px;margin:auto;max-width:100%}.kbj-feature .feature-box-flex,.kbj-feature .feature-left{display:flex;align-items:center;justify-content:center;gap:0}.kbj-feature .feature-left{flex-direction:column;width:calc(100% - 376px);padding:0 88px 0 48px}.kbj-feature .feature-label{border-radius:24px;background:var(--secondary-100);padding:6px 16px;color:var(--secondary-500);text-align:center;font-size:24px;font-weight:400;width:fit-content}.kbj-feature .feature-title{font-weight:700;text-align:center;margin:16px 0 0;font-size:var(--text-2xl)}.kbj-feature .feature-subtitle{font-weight:400;text-align:center;font-size:var(--text-lg);color:var(--gray-300);font-weight:var(--font-medium);margin:4px 0 0}.kbj-feature .feature-list{display:grid;grid-template-columns:repeat(2,1fr);width:100%;gap:16px;padding:32px 0}.kbj-feature .first-items{display:none}.kbj-feature .feature-item{border-radius:32px 32px 0 32px;background:var(--gray-500);padding:20px 10px;text-align:left;height:100px}.kbj-feature .feature-item .item-h{display:flex;align-items:center;gap:4px;width:100%;font-size:24px;font-weight:700;color:var(--tertiary-500);letter-spacing:-.2px}.kbj-feature .feature-item .item-h span{color:var(--gray-200);font-size:var(--text-xs);font-weight:var(--font-bold)}.kbj-feature .feature-item .item-p{font-size:var(--text-2xs);font-weight:var(--font-regular);margin:4px 0 0;color:var(--gray-300)}.kbj-feature .feature-btn{display:flex;flex-direction:column;justify-content:center;gap:12px;width:fit-content;margin:auto}.kbj-feature .feature-btn .ant-btn{font-size:var(--text-md);width:193px;height:48px;max-width:100%}.kbj-feature .feature-right{width:376px;height:498px;background:url(/images/feature-bg.png) no-repeat top/cover;padding:40px 24px}.kbj-feature .feature-right .feature-img{width:278px;max-width:100%;margin:auto}.kbj-feature .feature-right .feature-promotion{border-radius:28px;background:var(--whitealpha-700);backdrop-filter:blur(12px);padding:20px 16px;margin:24px 0 0;min-height:120px;font-size:var(--text-sm);font-weight:var(--font-regular);color:var(--gray-300)}.kbj-feature .feature-right .feature-promotion .title{color:var(--secondary-500);font-size:var(--text-md);font-weight:var(--font-bold);display:flex;align-items:center;gap:8px;margin:0 0 8px}.kbj-feature .feature-img-m{display:none}@media(max-width:1024px){.kbj-feature .feature-left{padding:0;width:100%}.kbj-feature .first-items{display:block}.kbj-feature .first-items .feature-item{background:var(--secondary-100);height:auto}.kbj-feature .first-items .feature-item .item-h span{color:var(--secondary-500)}.kbj-feature .feature-item{border-radius:28px;padding:20px}.kbj-feature .feature-right{display:none}.kbj-feature .feature-img-m{display:block;width:306px;height:306px;margin:20px 0}.kbj-feature .feature-img-m img{width:100%;margin-top:-25px}.kbj-feature .feature-list{padding:0 0 20px}}@media(max-width:768px){.kbj-feature{padding:24px 0 80px}.kbj-feature .feature-label{width:149px}.kbj-feature .feature-left{padding:0;width:335px;margin:auto;max-width:100%}.kbj-feature .feature-list{grid-template-columns:repeat(1,1fr)}}:root{--background:#fff;--primary-100:#fff9e7;--primary-200:#fff0c5;--primary-300:#ffe498;--primary-400:#fed768;--primary-500:#fec00f;--primary-600:#e5ad0e;--primary-700:#cb9a0c;--secondary-100:#feefe9;--secondary-200:#fcd7ca;--secondary-300:#f9b8a0;--secondary-400:#f69774;--secondary-500:#f15a22;--secondary-600:#cd4d1d;--secondary-700:#ab4018;--tertiary-100:#fff7e8;--tertiary-200:#feecc7;--tertiary-300:#fedd9b;--tertiary-400:#fdcd6d;--tertiary-500:#fcaf17;--tertiary-600:#f6910a;--tertiary-700:#b54908;--quaternary-100:#e4e2dd;--quaternary-200:#cac7be;--quaternary-300:#aca598;--quaternary-400:#948b7b;--quaternary-500:#857b6d;--quaternary-600:#776c61;--quaternary-700:#5c524c;--base-white:#fff;--base-black:#000;--neutral-black:#222229;--grayalpha-100:rgba(34,34,41,.08);--grayalpha-200:rgba(34,34,41,.12);--grayalpha-300:rgba(34,34,41,.16);--grayalpha-400:rgba(34,34,41,.28);--grayalpha-500:rgba(34,34,41,.4);--grayalpha-600:rgba(34,34,41,.52);--gray-default:#222229;--gray-600:#fdfdfd;--gray-500:#f5f5f5;--gray-400:#949495;--gray-300:#454547;--gray-200:#211f23;--gray-100:#171719;--grayalpha-700:rgba(34,34,41,.64);--grayalpha-800:rgba(34,34,41,.76);--grayalpha-900:rgba(34,34,41,.88);--grayalpha-1000:rgba(34,34,41,.96);--whitealpha-100:hsla(0,0%,100%,.08);--whitealpha-200:hsla(0,0%,100%,.12);--whitealpha-300:hsla(0,0%,100%,.16);--whitealpha-400:hsla(0,0%,100%,.28);--whitealpha-500:hsla(0,0%,100%,.4);--whitealpha-600:hsla(0,0%,100%,.52);--whitealpha-700:hsla(0,0%,100%,.64);--whitealpha-800:hsla(0,0%,100%,.76);--whitealpha-900:hsla(0,0%,100%,.88);--whitealpha-1000:hsla(0,0%,100%,.96);--yellowalpha-100:rgba(254,192,15,.08);--yellowalpha-200:rgba(254,192,15,.12);--yellowalpha-300:rgba(254,192,15,.16);--yellowalpha-400:rgba(254,192,15,.28);--yellowalpha-500:rgba(254,192,15,.4);--yellowalpha-600:rgba(254,192,15,.52);--yellowalpha-700:rgba(254,192,15,.64);--yellowalpha-800:rgba(254,192,15,.76);--yellowalpha-900:rgba(254,192,15,.88);--yellowalpha-1000:rgba(254,192,15,.96);--orangealpha-300:rgba(241,90,34,.16);--error-100:#ffe8e8;--warning-100:#fff8e8;--success-100:#eaf8ee;--success-200:#abe2b8;--success-300:#88d69b;--success-400:#54c570;--success-500:#31b953;--warning-200:#ffe19f;--warning-300:#ffd477;--warning-400:#ffb514;--warning-500:#e8a512;--error-200:#ffa1a2;--error-300:#ff7a7c;--error-400:#ff1a1d;--error-500:#cc1517;--font-db_heavent_rounded:"DBHeaventRounded";--font-regular:400;--font-medium:500;--font-bold:700;--font-black:900;--text-3xs:16px;--text-2xs:20px;--text-xs:22px;--text-sm:24px;--text-md:26px;--text-lg:28px;--text-xl:32px;--text-2xl:36px;--text-3xl:44px;--text-4xl:48px;--text-5xl:56px;--text-6xl:68px}@media(max-width:768px){:root{--text-xl:30px;--text-2xl:32px;--text-3xl:36px;--text-4xl:38px;--text-5xl:40px;--text-6xl:44px}}h1,h2,h3,h4,h5,h6,strong{font-weight:var(--font-bold)}.font-regular{font-weight:var(--font-regular)}.font-medium{font-weight:var(--font-medium)}.font-bold{font-weight:var(--font-bold)}.font-black{font-weight:var(--font-black)}.text-3xs{font-size:var(--text-3xs)}.text-2xs{font-size:var(--text-2xs)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-6xl{font-size:var(--text-6xl)}.kbj-hero-section .slick-slide{position:relative}.kbj-hero-section .hero-text{position:absolute;top:50%;left:calc((100vw - 1280px)/2);transform:translateY(-50%);z-index:9999;width:fit-content}.kbj-hero-section .hero-text .hero-title{font-size:var(--text-sm);color:var(--secondary-500)}.kbj-hero-section .hero-text .hero-subtitle{font-size:var(--text-5xl);margin:24px 0 4px}.kbj-hero-section .hero-text .hero-subtitle strong{color:var(--secondary-500)}.kbj-hero-section .hero-text p{font-size:var(--text-sm);font-weight:var(--font-medium)}.kbj-hero-section .hero-text .btn-with-icon{margin-top:24px;width:140px;height:44px;font-size:var(--text-xs)}.kbj-hero-section .swiper-pagination{text-align:right;width:1280px;max-width:100%;margin:auto;right:0}@media(min-width:1441px){.kbj-hero-section img{width:100%}}@media(max-width:1280px){.kbj-hero-section .hero-text{left:calc((100vw - 1024px)/2 + 16px)}}@media(max-width:1024px){.kbj-hero-section .hero-text{left:16px}}@media(max-width:768px){.kbj-hero-section .img-inner{height:600px;width:100%;position:relative;overflow:hidden}.kbj-hero-section .img-inner img,.kbj-hero-section .img-inner picture{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;object-fit:cover}.kbj-hero-section .hero-text{left:0;right:0;margin:auto;width:fit-content;text-align:center;left:16px;top:84px;transform:translateY(0);height:calc(100% - 80px)}.kbj-hero-section .hero-text .hero-title{font-size:var(--text-xs)}.kbj-hero-section .hero-text .hero-subtitle{font-size:var(--text-3xl);margin:12px 0}.kbj-hero-section .hero-text p{font-size:var(--text-xs)}.kbj-hero-section .hero-text .btn-wrapper{bottom:16px;left:0;right:0;margin:auto;width:fit-content;position:absolute}.kbj-hero-section .hero-text .btn-with-icon{width:145px;height:40px}}