.banner .banner-content{display:flex;align-items:center;justify-content:space-between;border-radius:20px;background:url(https://images.imyfone.com/chatartwebkr/assets/language/banner_bg.svg) no-repeat center/cover;padding:0 60px}.banner h1{font-size:40px;margin-bottom:16px}.banner h1 span{color:var(--color-primary)}.banner-left{width:45%;max-width:476px}.banner-right{width:50%;max-width:500px}.banner-right img{height:auto}@media (max-width:768px){.banner .banner-content{padding:30px;flex-wrap:wrap;justify-content:center;text-align:center;background:url(https://images.imyfone.com/chatartwebkr/assets/tools/phone_bg.svg) no-repeat center/cover}.banner-left,.banner-right{width:100%}.banner-right{margin-top:16px}}.tools{padding:24px 0 120px}.tools .base-maxwidth{max-width:1200px}.tools-nav-wrap{position:relative;padding:16px 24px 0;background:var(--color-purple-light);border-radius:20px}.tools-nav-wrap.fixed{position:fixed;z-index:1010;top:0;left:0;right:0;border-radius:0;padding:16px 30px 0;box-shadow:0 4px 20px 0 rgba(0,0,0,.1)}.tools-nav-wrap .nav-prev,.tools-nav-wrap .nav-next{position:absolute;top:24px;will-change:filter;display:flex;justify-content:center;align-items:center;width:26px;height:26px;background:#fff;border-radius:50%;filter:drop-shadow(0 1px 4px rgba(16,7,55,.15));cursor:pointer}.tools-nav-wrap .hidden{display:none}.tools-nav-wrap .nav-prev{left:-12px}.tools-nav-wrap .nav-next{right:-12px}.tools-nav-wrap.fixed .nav-prev{left:0}.tools-nav-wrap.fixed .nav-next{right:0}.tools-nav-wrap .nav-prev svg,.tools-nav-wrap .nav-next svg{width:20px;height:20px}.tools-nav-wrap .nav-prev svg{transform:rotate(90deg)}.tools-nav-wrap .nav-next svg{transform:rotate(-90deg)}.tools-nav{display:flex;overflow-x:auto;width:100%;max-width:1200px;margin:0 auto}.tools-nav::-webkit-scrollbar{height:0}.tools-nav-item{transition:all .2s linear;flex-shrink:0;display:flex;align-items:center;padding:6px 12px;margin-right:18px;margin-bottom:22px;font-size:16px;white-space:nowrap;background-color:#fff;border-radius:8px;cursor:pointer}.tools-nav-item:hover,.tools-nav-item.active{background-color:var(--hover-color,#C2BDFD)}.tools-nav-item>img{display:block;margin-right:8px}.tools-title{position:relative;display:flex;align-items:center;padding:30px 0 0;line-height:24px}.tools-title:before{display:inline-block;margin-right:8px;width:4px;height:16px;background:var(--border-color,#C2BDFD);border-radius:16px;content:""}.tools-content{display:flex;justify-content:space-between;flex-wrap:wrap}.tools-item{display:flex;flex-direction:column;padding:60px 50px 30px 60px;border-radius:20px;background:var(--color-purple-light);min-height:250px;max-width:570px;width:48%;margin-top:30px}.tools-item:hover{box-shadow:0 0 10px 0 rgba(104,91,255,.3)}.tools-item .title{font-size:20px;font-weight:700;margin-bottom:16px}.tools-item .des,.tools-item:hover .des{flex:1;color:var(--color-block-drak)}.tools-item .go{transition:all .2s linear;display:flex;justify-content:flex-end;align-items:center;font-weight:500;line-height:16px}.tools-item:hover .go{color:var(--color-primary,#685BFF)}.tools-item .go svg{transition:all .2s linear;margin-right:2px;width:26px;height:10px;position:relative}.tools-item:hover .go svg{color:var(--color-primary,#685BFF)}@media (max-width:1024px){.tools{padding:14px 0 60px}.tools-nav-item{margin-bottom:18px}}@media (max-width:768px){.tools-content{justify-content:center}.tools-item{width:100%;min-height:auto;padding:30px;margin-top:16px}.tools-item .go{opacity:1}}@media (max-width:500px){.banner .base-maxwidth{padding:0}.banner .banner-content{text-align:left;padding:63px 16px 0;border-radius:0}.banner h1{margin-bottom:24px}.banner h1 span{display:block}}