picture{display:inline-block}main{overflow-x:hidden}.top-banner{color:#FFF;display:flex;justify-content:center;align-items:center;flex-direction:column;height:296px;background:url(https://images.topmediai.com/topmediaitw/assets/blog-2023/blog-topbanner-new.png) no-repeat 0 0 / cover}.top-banner .box h1{color:#FFF;margin:0 0 30px}.top-banner .box h1+p{color:#FFF;opacity:.6;max-width:742px;margin:0 auto}.article-box{padding:60px 0}.article-box:nth-child(2n - 1){background:#FAF8FF}.article-box picture.title-icon{max-width:64px;margin-left:14px}.article-box h3{display:flex;align-items:center;font-size:32px;color:#161616;margin:0 0 20px}.article-box .top{display:flex;justify-content:center;align-items:center;border-bottom:2px solid #DAC6EE;padding:0 0 60px}.article-box .top .lt picture{max-width:480px;border-radius:7.5px;overflow:hidden}.article-box .top .lt{margin-right:50px;flex-shrink:0}.article-box .top .rt{display:flex;flex-direction:column;justify-content:space-between}.article-box .top .rt h4{font-size:28px;line-height:1.4}.article-box .top .rt h4+p{margin:30px 0 20px}.article-box .top .rt span{color:rgba(221,59,255,.8)}.article-box .top .rt .more{display:flex;justify-content:flex-end}.article-box .top .rt .more a{font-weight:700;color:#DD3BFF;display:flex;align-items:center}.article-box .top .rt .more a svg{margin-left:6px;transform:translateY(-2px)}.article-box .bottom .swiper-wrapper{display:flex;flex-wrap:wrap;justify-content:center;padding:60px 0 0}.article-box .bottom .swiper-wrapper .swiper-slide{display:flex;width:50%;padding:30px 0 0}.article-box .bottom .swiper-wrapper .swiper-slide .rt{padding:17px 0 0}.article-box .bottom .swiper-wrapper .swiper-slide a.lt-box{display:flex}.article-box .bottom .swiper-wrapper .swiper-slide:first-child,.article-box .bottom .swiper-wrapper .swiper-slide:nth-child(2){padding:0}.article-box .bottom .swiper-wrapper .swiper-slide:nth-child(odd){padding-right:5px}.article-box .bottom .swiper-wrapper .swiper-slide:nth-child(even){padding-left:5px}.article-box .bottom .swiper-wrapper .swiper-slide .lt{position:relative;width:320px;height:180px;margin-right:10px;border-radius:5px;overflow:hidden;flex-shrink:0}.article-box .bottom .swiper-wrapper .swiper-slide .lt picture{width:100%;position:absolute;top:0;left:50%;transform:translate(-50%,0)}.article-box .bottom .swiper-wrapper .swiper-slide .lt picture img{width:100%}.article-box .bottom .swiper-wrapper .swiper-slide .rt b{display:block;color:#000;margin:0 0 24px}.article-box .bottom .swiper-wrapper .swiper-slide .rt span{color:rgba(22,22,22,.8);font-size:14px}.category-box .box{display:flex;flex-wrap:wrap;padding:60px 0}.category-box .control{display:none}.category-box .box .item:nth-child(odd){padding-right:40px}.category-box .box .item:nth-child(even){padding-left:40px}.category-box .box .item{width:50%;margin:20px 0}.category-box .box .item .title{height:70px;padding:0 30px;font-size:20px;color:#fff;display:flex;align-items:center;justify-content:space-between;border-radius:10px 10px 0 0;background:linear-gradient(180deg,#E43BFF 0%,#983BFF 100%)}.category-box .box .item .title a{font-size:16px;font-weight:700;display:flex;align-items:center}.category-box .box .item .title a:hover{text-decoration:underline}.category-box .box .item .title a svg{margin-left:6px;transform:translateY(-2px)}.category-box .box .item ul{border:1px solid #E43BFF;border-top:none;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:36px 30px 40px}.category-box .box .item ul li:not(:last-child){margin:0 0 20px}.category-box .box .item ul li a{display:inline-block;color:rgba(22,22,22,1)}.category-box .box .item ul li:before{content:'';display:inline-block;width:8px;height:8px;flex-shrink:0;background:linear-gradient(180deg,#E43BFF 0%,#983BFF 100%),#D9D9D9;border-radius:100%;vertical-align:baseline;margin-right:10px}.category-box .box .item ul li a:hover{color:unset;background:linear-gradient(180deg,#E43BFF 0%,#983BFF 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.category-box .box .item ul li{font-size:14px;display:flex;align-items:baseline}.a-author:hover{text-decoration:underline}@media (max-width:1024px){.container{padding:0 15px}body,p{font-size:14px}.top-banner{height:auto;padding:65px 0;background:url(https://images.topmediai.com/topmediaitw/assets/blog-2023/blog-topbanner-new-mb-min.png) no-repeat 0 0 / cover}.top-banner .box h1{font-size:34px;margin:0 0 20px}.article-box{text-align:center;padding:30px 0 25px}.article-box .top{max-width:480px;margin:0 auto;flex-direction:column;border-bottom:1px solid #DAC6EE}.article-box .top .lt{max-width:480px;margin:0 auto 25px}.article-box h3{justify-content:center;font-size:20px}.article-box picture.title-icon{max-width:36px;margin-left:5px}.article-box .bottom .swiper-wrapper .swiper-slide,.article-box .bottom .swiper-wrapper .swiper-slide a.lt-box{width:100%;flex-direction:column}.article-box .bottom .swiper-wrapper .swiper-slide:nth-child(even),.article-box .bottom .swiper-wrapper .swiper-slide:nth-child(odd){padding:0}.article-box .bottom .swiper-wrapper .swiper-slide .rt{padding:0}.article-box .bottom .swiper-wrapper .swiper-slide .lt{margin:0}.article-box .swiper-pagination{position:unset;margin:15px 0 0}.article-box .swiper-pagination .swiper-pagination-bullet{background:#C8ADCD}.article-box .swiper-pagination .swiper-pagination-bullet-active{background:#E877FF}.article-box .top{padding:0 0 20px}.article-box .top .rt{text-align:left}.article-box .top .rt h4{font-size:15px}.article-box .top .rt h4+p{margin:10px 0}.article-box .bottom .swiper-wrapper{flex-wrap:unset;justify-content:unset;padding:30px 0 0}.article-box .top .rt span,.article-box .top .rt a{font-size:16px}.article-box .top .rt .more a svg{width:15px;height:15px;margin-left:3px;transform:unset}.article-box .bottom{max-width:320px;text-align:left;overflow:hidden;margin:0 auto}.article-box .bottom .swiper-wrapper .swiper-slide .rt b{font-size:15px;margin:10px 0}.category-box .control{display:flex;justify-content:center;align-items:center;font-size:0}.category-box{padding:30px 0 50px}.category-box .box{padding:0;align-items:stretch}.category-box .box .item{display:flex;flex-direction:column;width:100%;height:auto}.category-box .box .item:nth-child(odd),.category-box .box .item:nth-child(even){padding:0}.category-box .box .item ul{flex:1;padding:15px 15px 20px}.category-box .box .item .title{font-size:16px;height:48px;padding:0 15px}.category-box .box .item ul li:not(:last-child){margin:0 0 10px}.category-box .swiper-button-prev{transform:rotate(180deg)}.category-box .swiper-wrapper{flex-wrap:unset;justify-content:unset}.category-box .swiper-button-next,.category-box .swiper-button-prev{width:36px;height:36px;display:flex;justify-content:center;align-items:center;margin:0 15px;position:unset;background-image:unset;background:rgba(232,119,255,.1);border-radius:100%;border:1px solid #C13EFF}.category-box .swiper-button-disabled,.category-box .swiper-button-next:hover,.category-box .swiper-button-prev:hover{background:#C13EFF}.category-box .swiper-button-disabled svg,.category-box .swiper-button-next:hover svg,.category-box .swiper-button-prev:hover svg{color:#FFFFFF!important}.category-box .swiper-button-next{transform:rotate(-90deg)}.category-box .swiper-button-prev{transform:rotate(90deg)}.category-box .swiper-button-next svg,.category-box .swiper-button-prev svg{width:16px;height:8px;color:#C13EFF}}.t-flex{display:flex}.t-justify-center{justify-content:center}.section-feature{text-align:center;background:url(https://images.topmediai.com/topmediaitw/assets/overview/text-to-speech/feature-bg.png) no-repeat center;background-size:cover;padding:100px 0 90px}.section-feature .icon-boxes{gap:10px}.section-feature h2{margin-bottom:95px;color:#fff}.section-feature .icon-box{width:15%}.section-feature .icon-box span{display:inline-block;font-size:18px;font-weight:600;margin-top:16px;color:#FFF}.section-feature .other-box{margin-top:42px}.section-feature .other-box-item:not(:last-child){padding-right:40px;margin-right:40px;border-right:1px solid rgba(255,255,255,.2)}.section-feature .other-box-item span{color:rgba(255,255,255,.5)}.section-feature .other-box-item img{margin-right:8px}.section-feature .icon-box-img img{margin:0 auto}.section-feature .icon-box-img .pc{display:block}.section-feature .icon-box-img .mobile{display:none}@media (max-width:1024px){.section-feature h2{margin-bottom:20px}.section-feature .icon-boxes{flex-wrap:wrap;gap:12px 20px}.section-feature .icon-box{padding:10px;width:45%;display:flex;align-items:center;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.3)}.section-feature .icon-box-img .pc{display:none}.section-feature .icon-box-img .mobile{display:block}.section-feature .icon-box-img{margin-right:6px}.section-feature .icon-box-img img{width:28px;height:28px;flex-shrink:0}.section-feature .icon-box span{font-size:14px;margin-top:0;max-width:initial}.section-feature .other-box-item img{width:20px;height:20px}.section-feature .other-box-item span{font-size:14px;text-align:left}}@media (max-width:1023px){.section-feature{padding:60px 0 60px}.section-feature .other-box{flex-wrap:wrap;justify-content:start;max-width:320px;margin:42px auto 0}.section-feature .other-box-item{position:relative;padding-right:0;margin-right:0;margin-bottom:20px}.section-feature .other-box-item:not(:last-child){border-right:none}.section-feature .other-box-item:not(:last-child){margin-right:0;padding-right:0;max-width:147px}.section-feature .other-box-item:first-child,.section-feature .other-box-item:nth-child(3){width:147px;padding-right:17px;margin-right:15px}.section-feature .other-box-item:first-child::after,.section-feature .other-box-item:nth-child(3)::after{content:'';display:block;width:1px;height:19px;background:rgba(255,255,255,.2);position:absolute;top:0;right:0}.section-feature .icon-box span{text-align:left}}@media (max-width:460px){.section-feature .icon-box{width:100%}.section-feature .other-box-item:first-child,.section-feature .other-box-item:nth-child(3),.section-feature .other-box-item:not(:last-child),.section-feature .other-box-item{width:100%;max-width:100%}.section-feature .other-box{max-width:100%;margin:42px auto 0}.section-feature .other-box-item:first-child::after,.section-feature .other-box-item:nth-child(3)::after{display:none}}