header{background:#000}.guide-banner{width:100%;background:linear-gradient(0deg,#011828 0%,#000 100%);position:relative;padding:164px 0 100px}.guide-banner::before{content:'';position:absolute;left:0;top:0;width:274px;height:168px;background:url(https://images.musicful.ai/musicfulen/assets/article/banner-left--icon.png) no-repeat left top / contain}.guide-banner::after{content:'';position:absolute;right:0;bottom:0;width:262px;height:309px;background:url(https://images.musicful.ai/musicfulen/assets/article/banner-right--icon.png) no-repeat center top / contain}.guide-banner .guide-banner-wrapper{width:calc(100% - 40px);margin:0 auto}.guide-banner .guide-title{font-family:"Bowlby One";font-size:48px;font-weight:400;line-height:1.5;color:#FFF;text-align:center}.guide-content{margin-top:40px}.guide-content .guide-content-wrapper{width:calc(100% - 40px);max-width:800px;margin:0 auto;color:#333}.guide-content .guide-content-wrapper>h2{position:relative;margin-bottom:42px;padding-left:14px;font-family:Poppins Bold;font-size:32px;line-height:1.5}.guide-content .guide-content-wrapper>h2::before{content:'';position:absolute;width:6px;height:calc(100% - 8px);top:4px;left:0;background:#2CF370}.guide-content .guide-content-wrapper>h2::after{content:'';position:absolute;width:100%;height:1px;bottom:-11px;left:0;background:#DFDFDF}.guide-content .guide-content-wrapper>h3{margin-bottom:24px;font-family:Poppins Bold;font-size:24px;line-height:1.5;color:#000}.guide-content .guide-content-wrapper>p{margin-bottom:24px;font-size:18px;line-height:26px}.guide-content .guide-content-wrapper .splitter{margin:24px 0}.guide-content .guide-content-wrapper a{color:#0071E3}.guide-content .guide-content-wrapper a:hover{text-decoration:underline}.guide-left{position:fixed;left:16px;top:35vh;width:250px;border:1px solid #DFDFDF;background:#FFF;box-shadow:0 4px 16px 0 rgba(0,0,0,.05);border-radius:16px;transition:all .5s ease-in-out;z-index:2}.guide-left.is-mobile{left:0;border-radius:0 0 16px 0}.guide-left.is-hide{left:-250px}.guide-left .guide-left-button{display:none}.guide-left.is-mobile .guide-left-button{position:absolute;right:-48px;top:-1px;width:48px;height:48px;border:1px solid rgba(0,0,0,.1);border-radius:0 8px 8px 0;background:#F4F4F7;display:flex;justify-content:center;align-items:center;cursor:pointer}.guide-left .menu-icon{width:24px;height:24px;color:#000}.guide-left .guide-left-wrapper{margin:19px 3px;max-height:55vh;overflow:hidden auto}.guide-left .guide-left-wrapper::-webkit-scrollbar{width:6px}.guide-left .guide-left-wrapper::-webkit-scrollbar:horizontal{height:6px}.guide-left .guide-left-wrapper::-webkit-scrollbar-track{border-radius:10px}.guide-left .guide-left-wrapper::-webkit-scrollbar-thumb{background-color:rgba(227,227,227,1);border-radius:10px;transition:all .2s ease-in-out}.guide-left .guide-left-wrapper::-webkit-scrollbar-thumb:hover{background-color:rgba(227,227,227,1);cursor:pointer}.guide-left .guide-left-list{margin:0 12px}.guide-left .guide-left-item+.guide-left-item{margin-top:20px}.guide-left .guide-left-item-label{position:relative;display:flex;align-items:center;padding-right:28px;font-size:16px;line-height:24px;font-weight:600;color:#333;cursor:pointer}.guide-left .label-icon{margin-right:10px;width:20px;height:20px}.guide-left .guide-left-item.is-active .label-icon{color:#00C550}.guide-left .arrow-icon{position:absolute;right:0;width:20px;height:20px;transition:transform .5s ease-in-out}.guide-left .guide-left-item.is-active .arrow-icon{transform:rotate(180deg)}.guide-left .guide-left-secondray-list{display:none;padding-left:30px;margin-top:20px;position:relative}.guide-left .guide-left-secondray-list::before{content:'';position:absolute;width:1px;height:100%;background:#DFDFDF;left:10px;top:0}.guide-left .guide-left-secondray-item{position:relative}.guide-left .guide-left-secondray-item.is-active::before{content:'';position:absolute;width:3px;height:24px;top:0;left:-21.5px;border-radius:3px;background:#00C550}.guide-left .guide-left-secondray-item+.guide-left-secondray-item{margin-top:4px}.guide-left .guide-left-link{color:#666}.guide-left .guide-left-secondray-item.is-active .guide-left-link{color:#00C550}.note-container{margin-top:62px;margin-bottom:24px}.note-container .note-wrapper{position:relative;padding:23px;border-radius:0 16px 16px 16px;border:1px solid #96F9B8;background:#F4FEF8}.note-container .note-tag{position:absolute;left:-1px;top:-39px;padding:6px 16px 4px 16px;display:flex;align-items:center;border-radius:12px 12px 0 0;background:#2CF370;font-size:20px;line-height:28px;font-weight:600}.note-container .note-tag-icon{margin-right:10px;width:24px;height:24px}.note-container .note-content{font-size:18px;line-height:26px}.warning-container{margin-bottom:24px}.warning-container .warning-wrapper{padding:22px;border-radius:16px;border:2px dashed #FFA500;background:#FFFAF2}.warning-container .warning-title{font-size:18px;line-height:26px}.warning-container .warning-title-icon{margin-right:10px;width:24px;height:24px;vertical-align:middle}.warning-container .warning-content{font-size:18px;line-height:26px}.warning-container .warning-title+.warning-content{margin-top:16px}.prompt{padding:24px;background:#F5F5F7}.youtube-video-loaded{margin-bottom:24px;aspect-ratio:16 / 9}.youtube-video-loaded iframe{width:100%;height:100%}@media (max-width:768px){.guide-banner{padding:114px 0 50px}.guide-banner::before{width:96px;height:100px;background:url(https://images.musicful.ai/musicfulen/assets/article/banner-left--icon-m.png) no-repeat left top / contain}.guide-banner::after{width:130px;height:155px;background:url(https://images.musicful.ai/musicfulen/assets/article/banner-right--icon-m.png) no-repeat center top / contain}.guide-banner .guide-title{font-size:24px;line-height:30px}.guide-content .guide-content-wrapper>h2{margin-bottom:34px;font-size:24px;line-height:32px}.guide-content .guide-content-wrapper>h3{font-size:20px}.guide-content .guide-content-wrapper>p{font-size:16px;line-height:1.5}.note-container .note-tag{font-size:18px;line-height:26px}.note-container .note-content{font-size:16px;line-height:1.5}.warning-container .warning-title{font-size:16px;line-height:1.5}.warning-container .warning-content{font-size:16px;line-height:1.5}}