body{background-color:var(--Fill-grey-2)}.hero{background:linear-gradient(180deg,rgba(42,101,241,.6) .01%,rgba(72,184,254,.3) 99.99%),#fff}.hero .container{display:flex;align-items:center}.hero .product{flex:1}.hero .tf1{font-size:40px}.hero .tf2{margin-top:var(--box-space-1);font-size:18px;font-weight:700}@media (min-width:1280px){.hero .container{justify-content:space-between;height:400px}.hero .creative{width:400px;height:400px}.hero .buttons{margin:var(--box-space-6) auto 0;justify-content:flex-start}}@media (max-width:1279px){.hero{padding:var(--box-space-3)}.hero .container{flex-direction:column-reverse;justify-content:center}.hero .creative{width:160px;height:160px}.hero .tf1,.hero .tf2{text-align:center}.hero .tf2{font-size:16px}.hero .buttons{margin:var(--box-space-3) auto}}@media (max-width:767px){.hero .tf1{font-size:28px}}.banner .bg-cover{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:-1}.banner .container{display:flex;justify-content:center;align-items:center}.banner .buttons{margin-top:var(--box-space-3)}.top-banner{height:400px;position:relative}.top-banner .container{height:100%;flex-direction:column;gap:var(--box-space-1);color:var(--Fill-white)}.top-banner h1{font-size:48px;color:inherit}.top-banner P{font-weight:600;text-align:center}.solutions-top-banner{background:linear-gradient(180deg,rgba(42,101,241,.6) .01%,rgba(72,184,254,.3) 99.99%),#fff}.solutions-top-banner .container{padding:var(--box-space-8) 0;justify-content:space-between}.solutions-top-banner .product{flex:1;display:flex;flex-direction:column;gap:var(--box-space-1);font-weight:600;color:var(--Text-light-1)}.solutions-top-banner h3{font-size:40px;margin-bottom:var(--box-space-1)}.solutions-top-banner ul li{padding:var(--box-space-0) 0;font-size:16px}.bottom-banner{background:linear-gradient(180deg,rgba(42,101,241,.3) .01%,rgba(72,184,254,.3) 99.99%),#fff}.bottom-banner .container{flex-direction:column;gap:var(--box-space-3)}.bottom-banner h2{font-size:36px;text-align:center}@media (min-width:1600px){.solutions-top-banner .container{gap:var(--box-space-15)}}@media (min-width:1280px) and (max-width:1599px){.solutions-top-banner .container{gap:var(--box-space-5)}}@media (min-width:1280px){.solutions-top-banner .creative{width:600px;height:320px}.solutions-top-banner .buttons{justify-content:flex-start}}@media (max-width:1279px){.solutions-top-banner .product{text-align:center}.solutions-top-banner .creative{display:none}.solutions-top-banner .entry::before{content:none}}@media (min-width:768px) and (max-width:1279px){.solutions-top-banner,.top-banner{padding:0 var(--box-space-5)}}@media (max-width:767px){.solutions-top-banner,.top-banner{padding:0 var(--box-space-3)}.top-banner h1{font-size:32px}.solutions-top-banner h3{font-size:28px}.bottom-banner h2{font-size:24px}}.solutions .container{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--box-space-3)}.solutions .breadcrumb{width:100%}.paragraph,.solutions .aside,.solutions .detail,.solutions .topic{display:flex;flex-direction:column;gap:var(--box-space-2);padding:var(--box-space-3);border-radius:var(--box-space-1);background-color:var(--Fill-white)}.aside .caption,.author-box .name,.hot .rubric,.latest .rubric,.paragraph .heading{font-family:var(--font-family-bolder);color:var(--Text-light-1)}@media (min-width:1280px){.solutions{padding:var(--box-space-6) 0}.solutions .aside{width:320px}.solutions .main{flex:1}}@media (max-width:1279px){.solutions .aside,.solutions .main{width:100%}}.caption{display:flex;align-items:center;gap:var(--box-space-2)}.caption::before{content:'';display:block;width:4px;height:24px;background-color:var(--Theme-blue-6)}.caption span{flex:1}.paragraph .heading{font-size:24px}.paragraph .summary{font-size:14px}.paragraph .posted{font-size:14px;color:var(--Text-light-3);text-align:right}.entry{display:flex;align-items:center;gap:var(--box-space-1);padding:var(--box-space-1) 0;font-size:14px}.entry::before{content:'•'}.entry a,.entry span{flex:1}.pagination{margin:var(--box-space-3) auto 0}.pagination ul,.pagination ul li{display:flex;justify-content:center;align-items:center;gap:var(--box-space-2)}.pagination ul li{gap:0;width:48px;height:48px;font-size:18px;color:var(--Text-light-1);background-color:var(--Fill-white);border-radius:var(--box-space-1);cursor:pointer}.pagination ul li.active{color:var(--Fill-white);background-color:var(--Theme-blue-6)}.article-anchor .ach:hover,.aside .menus dd:hover,.aside .sidebar li:hover,.hot a:hover,.latest a:hover,.solutions a.caption:hover,.solutions a:not(.btn):hover{color:var(--Theme-blue-6)}.aside .menus dd.chosen,.aside .sidebar li.active,.aside li.active dt,.detail .desc,.detail .number,.detail .rank{font-weight:600;color:var(--Theme-blue-6)}.breadcrumb{display:flex;align-items:center;gap:var(--box-space-1);color:var(--Text-light-1)}.breadcrumb a,.breadcrumb span{color:var(--Text-light-3)}.breadcrumb a:hover{text-decoration:underline}.aside .caption{font-size:18px}.aside dl,.aside ul{flex:1;display:flex;flex-direction:column;gap:var(--box-space-2)}.aside ul li{font-size:14px;color:var(--Text-light-3);cursor:pointer}.aside li img{transition:all .2s linear}.aside li a{flex:1}.aside li dd{display:none}.aside li.active img{transform:rotate(90deg)}.aside li.active dd{display:block}.aside .menus li{display:flex;align-items:flex-start;gap:var(--box-space-0)}@media (min-width:1280px){.aside{position:sticky;top:var(--box-space-12)}.aside .caption button{display:none}}@media (max-width:1279px){.aside .caption[aria-expanded=false] button{transform:rotate(0)}.aside .caption[aria-expanded=false]+hr,.aside .caption[aria-expanded=false]+hr+ul{display:none}.aside .caption[aria-expanded=true] button{transform:rotate(45deg)}.aside .caption[aria-expanded=true]+hr,.aside .caption[aria-expanded=true]+hr+ul{display:flex}}.categories .contents,.topics .contents{display:none;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:var(--box-space-3)}.categories .contents.active,.topics .contents.active{display:flex}.topics h3{font-size:20px}.categories .paragraph{width:100%}@media (min-width:992px){.topics .topic{min-width:45%;flex:1}}@media (max-width:991px){.topics .topic{width:100%}}.detail{overflow:hidden}.detail h1{margin-top:var(--box-space-2)}.detail .author-box,.detail .product-box{display:flex;align-items:center;gap:var(--box-space-2)}.author-box .info,.product-box .info{flex:1;display:flex;flex-direction:column;gap:var(--box-space-1)}@media (min-width:1280px){.solutions .detail{padding:var(--box-space-6);gap:var(--box-space-4)}.detail h1{font-size:36px}}@media (max-width:1279px){.solutions .detail{padding:var(--box-space-4) var(--box-space-6);gap:var(--box-space-3)}.detail h1{font-size:30px}}@media (max-width:767px){.solutions .detail{padding:var(--box-space-4) var(--box-space-3)}.detail .product-box{flex-direction:column;gap:var(--box-space-2)}}.author-box{font-size:14px;color:var(--Text-light-3)}.author-box .avatar{width:72px;height:72px;border-radius:50%;overflow:hidden}.author-box .info{gap:var(--box-space-0)}.author-box .name{font-size:24px}.author-box span{display:block;text-align:center}.author-box .number{margin-bottom:var(--box-space-1);font-size:28px}.detail .article{color:var(--Text-light-1)}.article h2{font-size:24px}.article h3{font-size:18px}.article>:not(p):not(ul):not(ol):not(dl){margin:var(--box-space-3) 0}.article dl,.article ol,.article p,.article ul{margin:var(--box-space-2) 0}.article dl dd,.article dl dt,.article ol li,.article ul li{margin:var(--box-space-1) 0}.article ol{counter-reset:order-num}.article ol>li::before{counter-increment:order-num;content:counter(order-num) '. '}.article .screenshot{padding:var(--box-space-6);background-color:#ecf4ff;border-radius:var(--box-space-1)}.article a:not(.btn):not(.ach){color:var(--Theme-blue-6);font-weight:600}.article a:not(.btn):not(.ach):hover{text-decoration:underline}.article p.tips{padding:var(--box-space-3);border-radius:var(--box-space-1);background-color:#fdf1db}.article p.tips span{display:block;margin-bottom:var(--box-space-1);font-weight:700;color:#ea9115}.article .article-anchor{padding:var(--box-space-3);background-color:#ecf4ff;border-radius:var(--box-space-1)}.article-anchor h5{font-size:20px}.article-anchor ol li{margin-top:12px;font-size:16px;display:flex;align-items:center;gap:var(--box-space-1)}.article-anchor ol>li::before{content:counter(order-num,decimal-leading-zero);font-size:16px;font-weight:700;color:var(--Theme-blue-6)}.article .table{width:100%;overflow-x:auto}.table table{border-collapse:collapse;width:100%}.table table,.table td,.table th{border:1px solid #b9bfc8}.table thead{background-color:var(--Theme-blue-5);color:var(--Fill-white);font-weight:600}.table tbody tr:nth-child(odd){background-color:var(--Fill-white)}.table tbody tr:nth-child(2n){background-color:var(--Fill-grey-2)}.table td,.table th{text-align:left}@media (min-width:1280px){.table td,.table th{padding:var(--box-space-2)}}@media (max-width:1279px){.table td,.table th{padding:var(--box-space-1)}}.article .product-box{background-color:var(--Theme-Blue-1);border-radius:var(--box-space-1)}.product-box .brand{font-size:32px}.product-box .desc{font-size:24px}.product-box .buttons{margin-top:var(--box-space-3);justify-content:flex-start}@media (min-width:1280px){.article .product-box{padding:var(--box-space-6) var(--box-space-4)}}@media (max-width:1279px){.article .product-box{padding:var(--box-space-5) var(--box-space-3)}}@media (max-width:767px){.article .product-box{padding:var(--box-space-4) var(--box-space-3)}}.hot,.latest{background-color:var(--Fill-white)}.hot .rubric,.latest .rubric{margin-bottom:var(--box-space-3);font-size:36px}.hot .contents,.latest .contents{display:flex;flex-wrap:wrap;justify-content:center}.hot{padding-bottom:var(--box-space-4)}.hot .contents{align-items:stretch;gap:var(--box-space-3)}.hot .paragraph{background-color:var(--Theme-Blue-0)}.latest{padding-top:var(--box-space-4)}.latest .contents{gap:0 var(--box-space-6)}.latest .entry{padding:var(--box-space-2) 0;border-bottom:1px solid var(--Line-line-1)}@media (min-width:1280px){.hot .paragraph,.latest .entry{flex:1;min-width:45%}.paragraph .posted{text-align:left}}@media (max-width:1279px){.hot .paragraph,.latest .entry{width:100%}}