.banner{position:relative;width:100%;border-radius:8px;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;row-gap:32px}.banner .background-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;left:0}.banner .background-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px}.banner .slogan{width:50%}.banner .slogan img{-o-object-fit:contain;object-fit:contain;width:100%;height:auto}.banner .goto-editor-button{border:none;margin-top:20%;background:#fff;color:#000;border-radius:42px;padding:16px 32px;font-size:24px;cursor:pointer;opacity:.75;transition:all .3s}.banner .goto-editor-button:hover{opacity:.99}.user-card .user-info{display:flex;flex-flow:row nowrap;-moz-column-gap:12px;column-gap:12px;align-items:center}.user-card .user-info .user-name{display:flex;flex-flow:column nowrap}.user-card .user-info .user-name span:first-child{font-size:1rem;line-height:1.5;font-weight:500;color:hsla(0,0%,100%,.9)}.user-card .user-info .user-name span:last-child{--tw-text-opacity:1;font-size:.75rem;line-height:1.5;color:hsla(0,0%,100%,.35)}.user-card .credit-card{margin-top:17px;border-radius:8px;overflow:hidden;padding:24px;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.charge-modal-mask{background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10002!important}.charge-modal-header{z-index:10003!important}.charge-modal-content{z-index:10004!important;padding:0!important}.charge-modal-wrapper{z-index:10005!important}.charge-modal .charge-modal-tabs{margin-top:-60px}.charge-modal .tab-bar{width:100%;height:72px;position:relative}.charge-modal .tab-bar-charge{border-top-right-radius:16px}.charge-modal .tab-bar-charge .tab-bar-title{margin-left:50px}.charge-modal .tab-bar .tab-bar-charge.tab-bar-item-active{border-top-left-radius:16px;z-index:2}.charge-modal .tab-bar .tab-bar-charge.tab-bar-item-active:after{content:"";position:absolute;width:60px;height:100%;top:0;left:-20px;border-radius:10px;background:#f6f7f9;transform:skewX(-15deg)}.charge-modal .tab-bar .tab-bar-charge.tab-bar-item-active:before{content:"";position:absolute;width:24px;height:24px;left:-46.8px;bottom:0;background:#f6f7f9;background:radial-gradient(circle at 0 0,transparent 24px,#f6f7f9 0)}.charge-modal .tab-bar-upgrade{border-top-left-radius:16px;height:60px}.charge-modal .tab-bar-upgrade .tab-bar-title{margin-left:20px}.charge-modal .tab-bar .tab-bar-upgrade.tab-bar-item-active{border-top-left-radius:16px}.charge-modal .tab-bar .tab-bar-upgrade.tab-bar-item-active .tab-bar-title{z-index:2;position:relative}.charge-modal .tab-bar .tab-bar-upgrade.tab-bar-item-active:after{content:"";position:absolute;width:60px;height:100%;top:0;right:-20px;border-radius:10px;background:#f6f7f9;transform:skewX(15deg);z-index:1}.charge-modal .tab-bar .tab-bar-upgrade.tab-bar-item-active:before{content:"";position:absolute;width:24px;height:24px;right:-46.8px;bottom:0;background:#2d2d2d;z-index:1;background:radial-gradient(circle at 100% 0,transparent 24px,#f6f7f9 0)}.charge-modal .tab-bar-item{position:absolute;width:50%;background:#006efe;height:60px;z-index:1;top:12px;transition:all .3ms ease;display:flex;flex-flow:row nowrap;align-items:center;cursor:pointer}.charge-modal .tab-bar-item .tab-bar-title{color:rgba(0,0,0,.65);display:flex;flex-flow:row nowrap;align-items:center;-moz-column-gap:32px;column-gap:32px}.charge-modal .tab-bar-item .tab-bar-title .title{font-weight:600;font-size:20px;line-height:28px}.charge-modal .tab-bar-item .tab-bar-title .sub-title{font-weight:400;font-size:14px;line-height:20px;text-align:left;font-style:normal}.charge-modal .tab-bar-item-active{color:rgba(0,0,0,.85);background:#f6f7f9;z-index:2;height:72px;top:0}.charge-modal .content-with-background{background:#006efe;border-bottom-left-radius:12px;border-bottom-right-radius:12px;overflow:hidden}.charge-modal .content-with-background .inner-wrapper{box-sizing:content-box;padding:24px;width:calc(100% - 48px)}.charge-modal .content-with-background .content-with-right-corner{border-top-right-radius:10px;background:#f6f7f9}.charge-modal .content-with-background .content-with-left-corner{border-top-left-radius:10px;background:#f6f7f9}.header-container{box-sizing:content-box;padding:32px;width:calc(100% - 64px);height:94px;background-size:100%}.header-container .header-inner{display:flex;flex-flow:row nowrap;align-items:center;-moz-column-gap:11px;column-gap:11px}.header-container .header-inner .avatar,.header-container .header-inner .avatar img{height:48px;width:48px;border-radius:24px}.header-container .header-inner .account-info{flex:1}.header-container .header-inner .account-info .title{font-weight:500;font-size:16px;color:hsla(0,0%,100%,.85);line-height:22px}.header-container .header-inner .account-info .detail{font-weight:400;font-size:14px;color:hsla(0,0%,100%,.45);line-height:20px;margin-top:4px}.header-container .header-inner .account-info .detail-level{margin-right:10px}.header-container .header-inner .account-info .detail-current{font-weight:500;font-size:14px;color:hsla(0,0%,100%,.45);line-height:20px;margin-right:8px}.header-container .header-inner .account-info .detail-total{font-weight:400;font-size:14px;color:hsla(0,0%,100%,.25);line-height:20px}.header-container .header-inner .close-button{width:32px;height:32px;cursor:pointer}.modal-content{flex-flow:column nowrap;row-gap:16px}.modal-content .option-choice{border-radius:8px;background:#fff;box-sizing:content-box;padding:20px;width:calc(100% - 40px);display:flex;flex-flow:column nowrap;row-gap:10px}.modal-content .option-choice .option-title{font-weight:500;font-size:16px;color:rgba(0,0,0,.85);line-height:22px}.modal-content .option-choice .options{display:flex;flex-flow:row nowrap;-moz-column-gap:20px;column-gap:20px}.modal-content .option-choice .options .option{width:120px;height:56px;background:rgba(249,250,252,0);border-radius:4px;border:2px solid rgba(0,0,0,.15);line-height:56px;text-align:center;font-weight:400;font-size:20px;color:rgba(0,0,0,.8);cursor:pointer}.modal-content .option-choice .options .option-selected{background:rgba(51,93,255,.25);border:2px solid #026cf9;font-weight:600;font-size:24px;color:#000}.modal-content .option-choice .tips{margin-top:14px;display:flex;flex-flow:row nowrap;align-items:center}.modal-content .option-choice .tips-title{font-weight:500;font-size:16px;color:#ff9424;line-height:22px}.modal-content .option-choice .tips-expire,.modal-content .option-choice .tips-sub-title{font-weight:400;font-size:14px;color:rgba(0,0,0,.65);line-height:20px}.modal-content .option-choice .credit{font-weight:600;font-size:40px;color:#ff9424;line-height:48px}.charge-box{padding:20px;box-sizing:content-box;width:calc(100% - 40px);flex-flow:row nowrap;-moz-column-gap:16px;column-gap:16px}.charge-box,.charge-box .qr-code{border-radius:8px;background:#fff;display:flex}.charge-box .qr-code{width:128px;height:128px;padding:8px;overflow:hidden}.charge-box .qr-code .qr-code-image{border-radius:8px;overflow:hidden}.charge-box .charge-info .charge-line{font-weight:400;font-size:16px;color:rgba(0,0,0,.65);line-height:22px}.charge-box .charge-info .charge-count{display:flex;flex-flow:row nowrap;-moz-column-gap:10px;column-gap:10px;align-items:center}.charge-box .charge-info .charge-count .count-down{font-weight:500;font-size:20px;color:#ff3b30;line-height:28px}.charge-box .charge-info .charge-count .charge-title{font-weight:500}.charge-box .charge-info .amount-line{margin-top:15px}.charge-box .charge-info .amount{font-weight:600;font-size:32px;color:#ff9424;line-height:45px;letter-spacing:4px}.charge-box .charge-info .amount small{font-weight:400;font-size:16px;color:#ff9424;line-height:22px}.charge-box .charge-info .wechat-tips{display:flex;flex-flow:row nowrap;align-items:center;-moz-column-gap:10px;column-gap:10px;margin-top:5px}.charge-box .charge-info .wechat-tips .wechat-icon{width:20px;height:20px}.charge-box .charge-info .wechat-tips .wechat-icon img{vertical-align:baseline}.charge-box .charge-info .agreement{display:flex;flex-flow:row nowrap;align-items:center;-moz-column-gap:10px;column-gap:10px;margin-top:5px}.charge-box .charge-info .agreement .check-box{font-size:20px;cursor:pointer;color:#0a0a0a}.charge-box .charge-info .agreement .click{cursor:pointer}.charge-box .charge-info .agreement .link{color:#006efe}.charge-box .charge-info .agreement .link:hover{text-decoration:underline}.modal-content{display:flex;flex-flow:row nowrap;-moz-column-gap:32px;column-gap:32px}.modal-content .detail-list{padding:16px 20px;width:216px;height:432px;background:#fff;border-radius:8px;border:1px solid hsla(0,0%,100%,.26);position:relative}.modal-content .detail-list .button{width:176px;height:40px;background:rgba(51,93,255,.25);border-radius:8px;line-height:40px;text-align:center;color:rgba(0,0,0,.65);border:1px solid hsla(0,0%,100%,.26);bottom:16px;position:absolute;cursor:pointer}.modal-content .detail-list-item{display:flex;flex-flow:column nowrap;row-gap:8px}.modal-content .detail-list-item-row{display:flex;flex-flow:row nowrap;-moz-column-gap:16px;column-gap:16px;align-items:center;font-weight:600;font-size:20px;color:rgba(0,0,0,.85);line-height:28px}.modal-content .pay-option{display:flex;flex-flow:column nowrap;row-gap:24px;flex:1}.modal-content .pay-option .choices{display:flex;flex-flow:row nowrap;-moz-column-gap:16px;column-gap:16px}.modal-content .pay-option .choices .choice{position:relative;border:2px solid transparent;cursor:pointer;width:220px;height:158px;padding:16px 20px;background:#fff;border-radius:8px;display:flex;flex-flow:column nowrap}.modal-content .pay-option .choices .choice:last-child{cursor:default;flex:1}.modal-content .pay-option .choices .choice:last-child .contact{margin-top:25px;font-weight:400;font-size:20px;color:rgba(0,0,0,.65);line-height:40px}.modal-content .pay-option .choices .choice:last-child .contact-sub-title{font-weight:400;font-size:20px;color:rgba(0,0,0,.9);line-height:24px}.modal-content .pay-option .choices .choice .title{font-size:1.25rem;line-height:1.75rem;font-weight:500;color:#000}.modal-content .pay-option .choices .choice .price{display:flex;flex-flow:row nowrap;-moz-column-gap:16px;column-gap:16px;align-items:baseline;margin-top:20px}.modal-content .pay-option .choices .choice .price .price-latest{font-weight:600;font-size:32px;color:#ff9424;line-height:40px}.modal-content .pay-option .choices .choice .price .price-latest small{font-size:16px;margin-right:4px}.modal-content .pay-option .choices .choice .price .original-price{font-weight:600;font-size:16px;color:rgba(0,0,0,.45);line-height:24px;text-decoration-line:line-through}.modal-content .pay-option .choices .choice .pay-tips{margin-left:4px;font-weight:400;font-size:12px;color:#ff9424;line-height:17px}.modal-content .pay-option .choices .choice .credit-tips{margin-top:2px;font-weight:600;font-size:14px;color:rgba(0,0,0,.65);line-height:20px}.modal-content .pay-option .choices .choice .qrcode{position:absolute;bottom:1rem;right:1rem;width:6rem;height:6rem;border-radius:.375rem}.modal-content .pay-option .choices .choice-selected{background:rgba(51,93,255,.25);border-radius:8px;border:2px solid #006efe}.container{display:flex;flex-direction:column;align-items:stretch;width:480px}.container h1{font-size:1rem;font-weight:400}.container ul{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0}.container footer{display:flex;justify-content:space-between;padding-top:1rem}ul.notification-list{margin:0;padding:0;display:flex;flex-direction:column}.notification-item{display:flex;flex-direction:row;align-items:flex-start;padding:1rem}.notification-item .avatar{flex-shrink:0}.notification-item .content{margin-left:1rem;flex-grow:1;display:flex;flex-direction:column}.notification-item .content h2{margin:0;font-size:1rem}.notification-item .content .content-line2{display:flex;justify-content:space-between}.notification-item .content p{color:hsla(0,0%,100%,.45);font-size:1rem;margin:0;line-clamp:1;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.notification-item .content small{margin-left:1rem;font-size:1rem;color:hsla(0,0%,100%,.65);white-space:nowrap;color:#666}.notification-dialog .notification-item p{line-clamp:unset;overflow:unset;display:block;-webkit-line-clamp:unset}.story-detail-card{background:transparent!important;color:#fff;border-color:hsla(0,0%,100%,.4)!important}.story-detail-card:hover{background:hsla(0,0%,100%,.08)!important}.story-detail-card .cover{position:relative}.story-detail-card .cover,.story-detail-card .cover .ant-image{border-radius:8px;overflow:hidden}.story-detail-card .cover .play-button-icon{width:66px;height:66px;position:absolute;top:calc(50% - 33px);left:calc(50% - 33px)}.story-detail-card .cover .story-cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px}.story-detail-card .title{margin-top:16px;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;padding:0 8px}.story-detail-card .title-text{font-weight:500;font-size:20px;color:hsla(0,0%,100%,.9);line-height:28px}.story-detail-card .title-fav{display:flex;flex-flow:row nowrap;align-content:center;justify-content:center;-moz-column-gap:8px;column-gap:8px}.story-detail-card .title-fav .fav-icon{width:32px;height:32px}.story-detail-card .title-fav .fav-icon img{width:100%;height:100%}.story-detail-card .title-fav .fav-text{display:block;font-weight:600;font-size:16px;color:hsla(0,0%,100%,.9);line-height:32px}.story-detail-card .author{padding:0 8px;margin-top:8px;display:flex;flex-flow:row nowrap;align-items:center}.story-detail-card .author .author-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden}.story-detail-card .author .author-avatar img{width:100%;height:100%}.story-detail-card .author .author-text{font-weight:600;font-size:16px;color:hsla(0,0%,100%,.9);text-align:left;font-style:normal;margin-left:16px;line-height:32px}.play-modal .video-container{height:-moz-fit-content;height:fit-content}.play-modal .ant-modal{width:80%!important;max-width:980px}.play-modal .ant-modal .ant-modal-content{max-height:80vh!important;background:#061725;border-radius:16px;overflow:hidden}.play-modal .video-title{width:100%;text-align:center;font-weight:600;font-size:32px;color:hsla(0,0%,100%,.9);line-height:40px;background:#061725}.play-modal .video-footer{margin-top:32px;display:flex;flex-flow:row nowrap;justify-content:space-between;color:#fff}.play-modal .video-footer .author{display:flex;flex-flow:row nowrap;align-items:center}.play-modal .video-footer .author-avatar{border-radius:50%;overflow:hidden;width:32px;height:32px}.play-modal .video-footer .author-avatar img{width:100%;height:100%}.play-modal .video-footer .author-text{font-weight:600;font-size:16px;color:hsla(0,0%,100%,.9);line-height:32px;margin-left:9px}.play-modal .video-footer .meta{display:flex;flex-flow:row nowrap;-moz-column-gap:32px;column-gap:32px}.play-modal .video-footer .meta-item{display:flex}.play-modal .video-footer .meta-icon{width:32px;height:32px}.play-modal .video-footer .meta-value{line-height:32px;margin-left:8px}.resolution-tips{display:none;position:absolute;width:100%;height:32px;background:hsla(0,2%,50%,.6);top:0;left:0;color:#f6580d;z-index:99999;line-height:32px;text-align:center}@media screen and (max-width:1500px){.resolution-tips{display:block}}.step-selector{position:relative;padding-block:4px}.step-selector,.step-selector .step{display:flex;justify-content:center;align-items:center}.step-selector .step{flex:1;flex-flow:column nowrap;cursor:pointer}