.guide .guide-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:2000}.guide .guide-image{position:fixed;width:62.13333vw;height:17.86667vw;-o-object-fit:cover;object-fit:cover;top:2.4vw;right:3.2vw;z-index:2010}
.rule-btn{position:absolute;top:48vw;right:0;width:12.26667vw;height:7.46667vw}.rule-btn img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.modal-container .rule-modal.modal{position:relative;padding-bottom:17.06667vw}.modal-container .rule-modal.modal .title{color:rgba(0,0,0,.87);text-align:center;font-family:"PingFang SC";font-size:3.73333vw;font-style:normal;font-weight:bold;line-height:normal}.modal-container .rule-modal.modal .rule-content{margin-top:3.2vw;max-height:111.46667vw;overflow-x:hidden;overflow-y:auto;color:rgba(0,0,0,.87);font-family:"PingFang SC";font-size:3.46667vw;font-style:normal;font-weight:400;line-height:5.86667vw}.modal-container .rule-modal.modal .rule-content h3{margin:0;color:rgba(0,0,0,.87);font-family:"PingFang SC";font-size:3.46667vw;font-style:normal;font-weight:bold;line-height:5.86667vw}.modal-container .rule-modal.modal .rule-content .mian-text{color:#4a4a4a;font-family:"PingFang SC";font-size:3.46667vw;font-style:normal;font-weight:400;line-height:5.86667vw;white-space:pre-wrap;word-break:break-all}.modal-container .rule-modal.modal .bottom-btn{box-sizing:border-box;position:absolute;bottom:0;height:10.66667vw;left:0;right:0;display:flex;align-items:center;justify-content:center;color:rgba(0,0,0,.87);font-family:"PingFang SC";font-size:3.73333vw;font-weight:bold;border-top:.5px solid rgba(0,0,0,.08)}
.modal-container{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:1000;background-color:rgba(0,0,0,.4)}.modal-container .modal{width:80.8vw;background-color:#fff;border-radius:2.66667vw;max-height:142.4vw;padding:5.33333vw}
.category-wrap{position:relative;box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:center;padding:5.33333vw 4.26667vw 3.46667vw}.category-wrap .title{width:42.13333vw;height:10.66667vw;-o-object-fit:cover;object-fit:cover;position:absolute;top:0}.category-wrap .bottom{position:absolute;bottom:0;height:auto;margin:0 1.06667vw;-o-object-fit:contain;object-fit:contain;box-sizing:border-box;width:97.8%}.category-wrap .create-btn{width:46.66667vw;height:13.06667vw;position:absolute;bottom:0px}.category-wrap .create-btn img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.category-wrap .content{box-sizing:border-box;width:100%;min-height:150.66667vw;border:0.8vw solid #77223a;background-color:#fffde5;border-radius:4.26667vw;padding-bottom:13.6vw}.tab-list{display:flex;margin-top:8.26667vw;height:8vw;padding:0 5.33333vw;justify-content:space-between;align-items:center}.tab-list .tab{display:flex;align-items:center;justify-content:center;width:23.73333vw;height:8vw;border-radius:8vw;color:#77223a;text-align:center;font-family:"PingFang SC";font-size:4vw;font-style:normal;font-weight:500;line-height:6.4vw;background-color:#ffce1c}.tab-list .active{background-color:#ff9a2c}.card-list{display:flex;flex-direction:column;gap:3.73333vw;align-items:center}.card-list .cards-line{display:flex;gap:3.73333vw;align-items:center}.category-desc{margin-top:2.66667vw;margin-bottom:2.13333vw;color:#77223a;text-align:center;font-family:"PingFang SC";font-size:3.46667vw;font-style:normal;font-weight:500;line-height:160%}.card-wrap{position:relative;width:40vw;height:53.33333vw;border-radius:2.66667vw;overflow:hidden}.card-wrap .cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-wrap .info-wrap{box-sizing:border-box;position:absolute;height:26.66667vw;bottom:0;left:0;right:0;border-radius:2.66667vw;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);padding:4.26667vw;display:flex;flex-direction:column;justify-content:flex-end}.card-wrap .info-wrap .work-title{color:#fff;font-family:"PingFang SC";font-size:3.46667vw;font-style:normal;font-weight:400;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-wrap .info-wrap .user{display:flex;align-items:center;margin-bottom:1.6vw}.card-wrap .info-wrap .user .avatar{width:5.86667vw;height:5.86667vw;flex-shrink:0;border-radius:5.86667vw;border:1px solid #fff;margin-right:1.06667vw;display:flex;align-items:center;justify-content:center}.card-wrap .info-wrap .user .avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:5.86667vw}.card-wrap .info-wrap .user .name{color:#fff;font-family:"PingFang SC";font-size:3.46667vw;font-style:normal;font-weight:500;line-height:normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.toast-area{min-width:178px;min-height:41px;padding:14px 20px;border-radius:100px;position:fixed;margin:0 auto;color:#fff;font-size:14px;line-height:14px;font-weight:500;text-align:center;background:rgba(18,18,18,.8509803922);box-shadow:0px 4px 14px 0px rgba(0,0,0,.1490196078);display:flex;justify-content:center;align-items:center}.toast-area svg{color:rgba(0,0,0,0)}.toast-area span+span{margin-left:4px}.toast-wrapper{position:fixed;z-index:100;top:0;left:0;width:100vw;height:100vh;pointer-events:none;overflow:hidden;display:flex;justify-content:center;align-items:center}
:root body{background-color:#ffd900}:root .app-container{width:100%;height:100%;overflow-y:auto}:root .container{width:100%;position:relative}html,body{width:100vw;height:100%}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:none;vertical-align:middle}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}html,body{overflow:hidden}.common-img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;display:block;margin-top:5.33333vw}.join-wrap{width:100%;font-size:0;vertical-align:bottom}.top-bg{width:100vw;height:155.2vw;-o-object-fit:cover;object-fit:cover}.join{width:100vw;height:114.66667vw;-o-object-fit:cover;object-fit:cover}.join-wrap{position:relative;margin-top:-12vw;display:flex;justify-content:center}.join-wrap .date-wrap{position:absolute;top:25.06667vw;width:82.93333vw;left:8.53333vw;height:10.13333vw;display:flex;align-items:center}.join-wrap .date-wrap .date{width:23.2vw;height:10.13333vw;color:#f45c00;font-family:"PingFang SC";font-size:2.93333vw;font-style:normal;font-weight:600;line-height:160%;text-align:center}.join-wrap .date-wrap .date.end{margin-left:5.6vw}.join-wrap .date-wrap .date.release{margin-left:5.33333vw}.join-wrap .action-wrap{position:absolute;top:56vw;width:82.66667vw;height:45.06667vw;display:flex;flex-direction:column;justify-content:space-between}.join-wrap .action-wrap .action{width:82.66667vw;height:12.53333vw;position:relative}.qq-wrap{position:relative;margin:0 auto;margin-top:2.66667vw;margin-bottom:5.33333vw;width:29.6vw;height:35.46667vw;background:#ffcc03;display:flex;align-items:center;justify-content:center}.qq-wrap img{width:27.46667vw;height:32.53333vw;-o-object-fit:cover;object-fit:cover}.toast-wrapper{position:fixed;z-index:100;top:0;left:0;width:100vw;height:100vh;pointer-events:none;overflow:hidden;display:flex;justify-content:center;align-items:center}