.hero{background:linear-gradient(180deg,#9df 0,#cef 100%)}.hero .container{align-items:center}.hero .product{flex:1}@media (min-width:1280px){.hero .container{height:400px;gap:160px}.hero .creative{width:400px;height:400px}.hero .buttons{margin:var(--pitch-size-12) auto 0;justify-content:flex-start}}@media (max-width:1279.95px){.hero{padding:var(--pitch-size-6)}.hero .container{flex-direction:column-reverse;justify-content:center}.hero .creative{width:160px;height:160px}.hero .product{text-align:center}.hero .buttons{margin:var(--pitch-size-6) auto}}.banner .container{justify-content:center;align-items:center}.top-banner{background:linear-gradient(180deg,#9df 0,#cef 100%);height:320px}.top-banner .container{height:100%;color:var(--color-black)}.solutions-top-banner{background:linear-gradient(180deg,#9df 0,#cef 100%)}.solutions-top-banner .container{padding:var(--pitch-size-16) 0;justify-content:space-between}.solutions-top-banner .product{flex:1;display:flex;flex-direction:column;gap:var(--pitch-size-2);font-weight:600;color:var(--text-color-1)}.solutions-top-banner h3{font-size:40px;margin-bottom:var(--pitch-size-2)}.solutions-top-banner ul li{padding:var(--pitch-size-1) 0;font-size:16px}@media (min-width:1600px){.solutions-top-banner .container{gap:var(--pitch-size-20)}}@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:1279.95px){.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:1279.95px){.solutions-top-banner,.top-banner{padding:0 var(--box-space-5)}}@media (max-width:767.95px){.solutions-top-banner,.top-banner{padding:0 var(--pitch-size-6)}.top-banner h1{font-size:32px}.solutions-top-banner h3{font-size:28px}}.solutions .container{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--pitch-size-6) var(--pitch-size-8)}.solutions .breadcrumb{width:100%}.paragraph,.solutions .aside,.solutions .detail,.solutions .topic{display:flex;flex-direction:column;gap:var(--pitch-size-4);padding:var(--pitch-size-6);border:1px solid var(--line-color-3);border-radius:var(--pitch-size-2);background-color:var(--color-white);box-shadow:0 2px 4px 0 rgba(0,0,0,.04)}.author-box .name,.hot .rubric,.latest .rubric,.paragraph .heading2{font-weight:700;color:var(--text-color-1)}@media (min-width:1280px){.solutions{padding:var(--pitch-size-12) 0}.solutions .aside{width:320px}.solutions .main{flex:1}}@media (max-width:1279.95px){.solutions .aside,.solutions .main{width:100%}}.caption{display:flex;align-items:center;gap:var(--pitch-size-4)}.caption:not(.ugcp)::before{content:'';display:block;width:4px;height:24px;background-color:var(--theme-color-2);border-radius:2px}.caption span{flex:1}.paragraph .heading2{font-size:24px}.paragraph .posted{text-align:right}.entry{display:flex;align-items:center;gap:var(--pitch-size-2);padding:var(--pitch-size-2) 0;font-size:14px}.entry::before{content:'•'}.entry a,.entry span{flex:1}.pagination{margin:var(--pitch-size-6) auto 0}.pagination ul,.pagination ul li{display:flex;justify-content:center;align-items:center;gap:var(--pitch-size-4)}.pagination ul li{gap:0;width:48px;height:48px;font-size:18px;color:var(--text-color-1);background-color:var(--color-white);border-radius:var(--pitch-size-2);cursor:pointer}.pagination ul li.active{color:var(--color-black);background-color:var(--theme-color-2)}.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-color-2)}.aside .menus dd.chosen,.aside .sidebar li.active,.aside li.active dt,.detail .number,.detail .rank{font-weight:600;color:var(--theme-color-2)}.breadcrumb{display:flex;align-items:center;gap:var(--pitch-size-2);color:var(--text-color-1)}.breadcrumb a,.breadcrumb span{color:var(--Text-light-3)}.breadcrumb a:hover{text-decoration:underline}.aside dl,.aside ul{flex:1;display:flex;flex-direction:column;gap:var(--pitch-size-4)}.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(--pitch-size-1)}@media (min-width:1280px){.aside{position:sticky;top:96px}.aside .caption button{display:none}}@media (max-width:1279.95px){.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(--pitch-size-6)}.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 .author-box{display:flex;align-items:center;gap:var(--pitch-size-4);overflow:hidden}.author-box .info{flex:1;display:flex;flex-direction:column;gap:var(--pitch-size-2)}@media (min-width:1280px){.solutions .detail{padding:var(--pitch-size-10);gap:var(--pitch-size-8)}}@media (max-width:1279.95px){.solutions .detail{padding:var(--pitch-size-8) var(--pitch-size-12);gap:var(--pitch-size-6)}}@media (max-width:767.95px){.solutions .detail{padding:var(--pitch-size-8) var(--pitch-size-6)}}.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(--pitch-size-1)}.author-box .name{font-size:24px}.author-box span{display:block;text-align:center}.author-box .number{margin-bottom:var(--pitch-size-2);font-size:28px}.detail .article{color:var(--text-color-1)}.article>:not(p):not(ul):not(ol):not(dl){margin:var(--pitch-size-6) 0}.article dl,.article ol,.article p,.article ul{margin:var(--pitch-size-4) 0}.article dl dd,.article dl dt,.article ol li,.article ul li{margin:var(--pitch-size-2) 0}.article ol{counter-reset:order-num}.article ol>li::before{counter-increment:order-num;content:counter(order-num) '. '}.article .screenshot{padding:var(--pitch-size-12);border-radius:var(--pitch-size-2)}.article a:not(.btn):not(.ach){color:var(--theme-color-2);font-weight:600}.article a:not(.btn):not(.ach):hover{text-decoration:underline}.article .buttons{display:flex;justify-content:center;gap:var(--pitch-size-6)}.article p.tips{padding:var(--pitch-size-6);border-radius:var(--pitch-size-2);background-color:#fdf1db}.article p.tips span{display:block;margin-bottom:var(--pitch-size-2);font-weight:700;color:#ea9115}.article .article-anchor{padding:var(--pitch-size-6);background-color:var(--fill-color-2);border-radius:var(--pitch-size-2)}.article-anchor ol li{margin-top:12px;font-size:16px;display:flex;align-items:center;gap:var(--pitch-size-2)}.article-anchor ol>li::before{content:counter(order-num,decimal-leading-zero);font-size:16px;font-weight:700;color:var(--theme-color-2)}.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-color-2);color:var(--color-black);font-weight:600}.table tbody tr:nth-child(odd){background-color:var(--color-white)}.table tbody tr:nth-child(2n){background-color:var(--fill-color-2)}.table td,.table th{text-align:left}@media (min-width:1280px){.table td,.table th{padding:var(--pitch-size-4)}}@media (max-width:1279.95px){.table td,.table th{padding:var(--pitch-size-2)}}.article .product-box{display:flex;align-items:center;gap:var(--pitch-size-4);background-color:var(--fill-color-2);border-radius:var(--pitch-size-2);overflow:hidden}.product-box .btn{width:auto}@media (min-width:1280px){.article .product-box{padding:var(--pitch-size-12) var(--pitch-size-8)}.product-box .buttons{justify-content:flex-start}}@media (max-width:1279.95px){.article .product-box{padding:var(--pitch-size-10) var(--pitch-size-6);flex-direction:column}}.hot,.latest{background-color:var(--color-white)}.hot .rubric,.latest .rubric{margin-bottom:var(--pitch-size-6);font-size:36px}.hot .contents,.latest .contents{display:flex;flex-wrap:wrap;justify-content:center}.hot{padding-bottom:var(--pitch-size-8)}.hot .contents{align-items:stretch;gap:var(--pitch-size-6)}.hot .paragraph{background-color:var(--theme-color-5)}.latest{padding-top:var(--pitch-size-8)}.latest .contents{gap:0 var(--pitch-size-12)}.latest .entry{padding:var(--pitch-size-4) 0;border-bottom:1px solid var(--line-color-1)}@media (min-width:1280px){.hot .paragraph,.latest .entry{flex:1;min-width:45%}.paragraph .posted{text-align:left}}@media (max-width:1279.95px){.hot .paragraph,.latest .entry{width:100%}}