.topic-cards{overflow-x:scroll;white-space:nowrap}.topic-cards .topic-card-item{height:118px;width:228px;margin-right:12px;min-width:228px}.topic-cards .topic-card-item:last-child{margin-right:16px}.topic-cards .banner{height:118px;width:228px;margin-right:12px;background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:16px}.mode-list{padding:8px 16px 0}.mode-list .mode-item{height:44px;padding:0 16px;line-height:44px;border-radius:12px;border:1px solid #d4d6dc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;font-family:PingFang SC,PingFang SC;font-weight:400;font-size:15px;color:#000818}.editor-picks-topic{position:relative}.editor-picks-topic-main{margin-top:6px}.editor-picks-topic-tab{padding:14px 16px 10px;background:#fff;position:sticky;z-index:10;top:-1px}.editor-picks-topic-tab .var-tabs{padding:0;background:transparent;height:34px}.editor-picks-topic-tab .var-tab{flex:initial;padding:0 20px 0 0}.editor-picks-topic-tab .var-tabs__indicator{padding-right:20px;height:4px}.editor-picks-topic-tab .var-tabs__indicator-inner{width:12px;height:3px;background:#ff3348;border-radius:4px}.editor-picks-topic-tab .editor-picks-topic-tab-item{min-width:72px;height:42px;line-height:30px;padding:6px 0;align-items:center}.editor-picks-topic-tab .editor-picks-topic-tab-item span{font-family:PingFang SC;font-weight:400;font-size:16px;color:#000818;line-height:30px;text-align:center}.editor-picks-topic-tab .editor-picks-topic-tab-item .editor-picks-topic-tab-item-toogle-filter{height:24px;justify-content:center;align-items:center;margin-left:2px}.editor-picks-topic-tab .editor-picks-topic-tab-item i{width:16px;height:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAA3NJREFUaEPtl09IVFEUxn93ZnTeOEqF5owKka0MBNvUKqKli0AiiIjKEPpDVuSioFXQwk2hBaVRQkVB0kKINkWLINpEtqiIWkS5qJwxqxGteTM679ab0fE5zp8382YM693l3HO+c75zvnvOG8EyP2KZ549N4G930O6A3QGLFcglIRdlq5txOldajFOYeyw2wbT3LYyomQCyEXDh9h9CcBKoKCwDy16/QOtGHRsAtHRomQlUNVQTjd1G0Go5DSsAkgeUO/cw+flbfgTweXGL8wgOAE4rOVjwjYG8jqp1wdepPAkA5fVNCG0IwXqD8wzwBME7C4ktdpU0AVsAV/JS8ga0NiJjHwCZPwHdo9zXjEM8BmoMAE+BvaiBkaKQUHzrQNwENhvwxhGubYQ/PcsWI9cUSvhW1LehaReAtUkwwV3Cjk74Mm6NRE0VnrJbSNlmwBlBkyeIBu/lwjZHQG+r4msH0QtUzYJqIAZRpw/D+GSuQOnva6pQnH0gdgOOuI0QISTHUEcHAV2uWY9ZAgkQpa4bpD5W53Q6g6CHsHIm26xOn8FaBY96FklXCl4/4cDxXInP3edHANx4/OeQ8cmkxEGkDIHjNJHRK2aDJopR3wHaRaBy1k9FcI1wQC9QxCxWvgSANatQoj3AvmTbYRIhDxIO6m3PfTy+XWiOfoSc2/C6HAdQ1VPwYyI3wLxFAQQAT3UDsmwI2GQINo5kH5HAw0xbM07Y7W9FoE8c41QbBrkTNfgxn+TjTyZfh6S9t6GFWOwasNGAMYwmO4gGX6fFje8VeQchNxjunxPTDjA99rKQXAonoEcrq23B6dBloy+h+IsAXrBCbiUY/LkgoUpfLTPi/izhRFzBK2JyT0bCJhhZI6AHKK/bjkNeTZHEftSALpP5o/jb/+yRG8kfBN9Bdpp+NxnIWCegj1SPvxfJ0WQMSSeRQN+CmG7/EQSXDQQuEQ7oIzTnrM/WiGIQgNTkzBBIZ2NCMqkmNoF4RewOFKCdWRdbQv+PhFL3ACzeFQUoaekkpP/HVsQjoBF4j0vuYCo4VkDOC1yWkADgrfURFY14I+8IhUJWk098jRTjmBmjxYiTBsMmYHoK2R1IXwFbQv+GhEq0pMw8m+JIqERLagkJlGZJLS0BM9FKYFMkCZUgM5OQNgGThSqZmd2BkpXWJPCy78BvDoZOQGCq0gcAAAAASUVORK5CYII=);background-size:100% 100%;opacity:.7}.editor-picks-topic-tab .var-tab--active .editor-picks-topic-tab-item span{font-family:PingFang SC;font-weight:500;font-size:18px;color:#000818;line-height:30px}.editor-picks-topic-tab .var-tab--active .editor-picks-topic-tab-item i{opacity:1}.floatingBall[data-v-e3d53402]{position:fixed;z-index:5;left:100%;top:100%}.floatingBall .ball[data-v-e3d53402]{display:inline-block;border-radius:50%}.floatingBall .ball-fixed[data-v-e3d53402]{position:fixed;inset:0}.animate-tr[data-v-e3d53402]{transition:all 0s}.home-page{position:relative}.home-page .create-input{border-radius:12px;border:2px solid #00050E;display:flex;flex-direction:row;align-items:center;padding:0 12px 0 16px;height:56px}.home-page .create-input .create-prompt{flex:1;font-family:PingFang SC,PingFang SC;font-weight:400;font-size:16px;color:#b1b7c0;line-height:27px;text-align:left;font-style:normal;text-transform:none}.home-page .create-input .create-btn{width:84px;height:32px}.home-page .top-topic-title{padding-top:calc(6px * var(--renderScale));height:calc(46px * var(--renderScale));overflow:hidden;opacity:calc(var(--renderScale) * var(--renderScale))}.home-page .topic-box{padding-left:16px;padding-bottom:25px}.home-page .create-start{padding:0 16px;padding-top:calc(16px - 16px * var(--renderScale))}.home-page .create-box{height:calc(60px * var(--renderScale));background:linear-gradient(94deg,#2a8cff 0%,#5074f5 47%,#5251ff 100%);margin-bottom:6px;justify-content:center;align-items:center;overflow:hidden;border-radius:16px}.home-page .create-box .bk-box{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;opacity:.5;transition:opacity .4s linear;border-radius:16px}.home-page .create-box .bk-box.active{opacity:1}.home-page .create-box .add-icon{width:calc(30px * var(--renderScale));height:calc(30px * var(--renderScale))}.home-page .create-box .add-icon img{width:100%;height:100%}.home-page .create-box .create-lyric{font-family:PingFang SC;font-weight:500;font-size:18px;color:#fff;line-height:18px;text-align:center;font-style:normal;text-transform:none}.home-page .create-topic-row{opacity:calc(var(--renderScale) * var(--renderScale))}.home-page .home-page-main-content{overflow-y:auto}.home-page .editor-picks-topic{min-height:-90px}.floatingBall .levitated-sphere{padding:0 4px}.floatingBall .levitated-sphere .levitated-sphere-drag-bg{padding:6px;border-radius:60px}.floatingBall .levitated-sphere .levitated-sphere-bg{height:48px;width:48px;background:rgba(0,0,0,.4);border-radius:48px}.floatingBall .levitated-sphere i{height:24px;width:24px}.floatingBall .levitated-sphere i.play{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHNSURBVHgB7ZrtUQIxEIZfHAuwhNiBdqAVSAlHB1iBWAFaAXSgHXAdQAdcB9JB3J2YkR8E7kIuHzt5ZvbX3p9n3pDdOQ6oVCqVSkUWWus7qg+qH21YUSlIheT2+jRvkAZJTfV59jmlfYPrebjQV1QsveSjj8SEEO7LnGpL0g0SElOYUVSrlJdabGFLQ7VJkXYqYUYhQdophS0NzG97jgjkIMzw7b2MMcJyEbYomBE22sKSm7BlMVbauQozCv8Li0Igcha28GUWbISVIMwoBBphpQhbGlyZdmnCjIJJ+8sn7RKFLVN4jLCShS2DRpgEYUahZ9pShC02beeLBmnCjKJauJoShZkXV0Oq8MHVkCq8czUkCndU766mNGEWfZxMJp3rgVvIoKV6JdHdpQdLT5gvJxZ97iPLlJxwSzU7d3xPUWLCx6l2GEhpCX/DpHqAJ6UIdzCiLa6khCP9CTNqWgQg54Q7BEr1mFwTtgtEi8DklnCLnguEL7kkPHiB8CWHhFt4LBC+pEyYU535LhC+pBJeU92T6BqRiX2kO4wwaoYQM+GgC0Qy6JXokz7Pjp+BJEhoe0KUv7tcQCL8NwfV+k+Sa6Mlf1xaqVQqlUoYfgHF9UMcv08i4QAAAABJRU5ErkJggg==);background-size:100% 100%}.floatingBall .levitated-sphere i.pause{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAYVJREFUaEPtmk1KA0EQhb9SwWPo0gMoehHBI7gU3CgIKgi6EVx6BCEXUfQALvUYgtqOQjaaSZVDNWRm3qw7L/N+6nUIZYzssZHxRYSH7rgclsMDU0CRHpihf+h0criUsgxsAbfABrDaItQDcAA8mtnHPDFrYM76vq6EN4EJsB5IxCuwZ2b3DuF0zEzCx8AFsBQg/A4cmdm1QzgdM5PwGXAaIDs9cm5m359pfUop6ZgiDN1+S9dwowamHJbDwRaqEb8amIq0Iq1Iz1agxrzVwNQMa4Y1w5rhHwVqFEwNTJWWSkulpdJSaQWnQP9p/RZK15IfHTc1uod1D/sxUksHNXLnTaXlK+mKqNJSafkxUmkFNXLnTaXlK+mKqNJSafkxGm1pHQJXzWLLSkCjT+DEzC7nnS2lpGNmzvBOs591B6wFCL8Au2b25BBOx8wkPF1MuwG2W4i8NftZz8D+PxfT0jDTCAdcXdgjnTbxFpZN4MVEOCBSr4/I4V7bF3h5ORwQqddHRufwFzHJtkyzXm/JAAAAAElFTkSuQmCC);background-size:100% 100%}.floatingBall.rendder--right .levitated-sphere{padding:0 8px 0 0;background:linear-gradient(90deg,#2a8cff 0%,#ddb2ff 100%);border-radius:30px 0 0 30px}.floatingBall.rendder--left .levitated-sphere{padding:0 0 0 8px;background:linear-gradient(90deg,#ddb2ff 0%,#2a8cff 100%);border-radius:0 30px 30px 0}.floatingBall.render--drag .levitated-sphere{padding:0 7px;border-radius:30px;background:transparent}.floatingBall.render--drag .levitated-sphere-drag-bg{background:linear-gradient(90deg,#b2b9ff 0%,#ddb2ff 50%,#b2b9ff 100%)}