@charset "UTF-8";.loader-inner[data-v-39506ca4]{bottom:0;height:60px;left:0;margin:auto;position:absolute;right:0;top:0;width:100px}.loader-line-wrap[data-v-39506ca4]{animation:spin-39506ca4 2s cubic-bezier(.175,.885,.32,1.275) infinite;box-sizing:border-box;height:50px;left:0;overflow:hidden;position:absolute;top:0;transform-origin:50% 100%;width:100px}.loader-line[data-v-39506ca4]{border:4px solid transparent;border-radius:100%;box-sizing:border-box;height:100px;left:0;margin:0 auto;position:absolute;right:0;top:0;width:100px}.loader-line-wrap[data-v-39506ca4]:first-child{animation-delay:-50ms}.loader-line-wrap[data-v-39506ca4]:nth-child(2){animation-delay:-.1s}.loader-line-wrap[data-v-39506ca4]:nth-child(3){animation-delay:-.15s}.loader-line-wrap[data-v-39506ca4]:nth-child(4){animation-delay:-.2s}.loader-line-wrap[data-v-39506ca4]:nth-child(5){animation-delay:-.25s}.loader-line-wrap:first-child .loader-line[data-v-39506ca4]{border-color:#eb4747;height:90px;top:7px;width:90px}.loader-line-wrap:nth-child(2) .loader-line[data-v-39506ca4]{border-color:#ebeb47;height:76px;top:14px;width:76px}.loader-line-wrap:nth-child(3) .loader-line[data-v-39506ca4]{border-color:#47eb47;height:62px;top:21px;width:62px}.loader-line-wrap:nth-child(4) .loader-line[data-v-39506ca4]{border-color:#47ebeb;height:48px;top:28px;width:48px}.loader-line-wrap:nth-child(5) .loader-line[data-v-39506ca4]{border-color:#4747eb;height:34px;top:35px;width:34px}@keyframes spin-39506ca4{0%,15%{transform:rotate(0)}to{transform:rotate(1turn)}}.cpt-scratchplayer.fullscrren{background:#19191b;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10001}.cpt-scratchplayer.fullscrren .btns{border-bottom:1px solid rgba(0,0,0,.2)}.cpt-scratchplayer.fullscrren .canvascon{margin:0 auto;text-align:center}.cpt-scratchplayer.fullscrren .sc-layers canvas{margin-left:-50%}.cpt-scratchplayer .canvascon{min-width:740px;position:relative}.cpt-scratchplayer .canvascon .starmask{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:200}.cpt-scratchplayer .canvascon .starmask .shotcut{height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%}.cpt-scratchplayer .canvascon .starmask .btn-start{background:url(https://cdn.codinghou.cn/coding/pc/icons/greenFlag.svg) 50% no-repeat;background-size:80% auto;cursor:pointer;height:80px;position:relative;width:80px;z-index:100}.cpt-scratchplayer .canvascon .canvaswarpper{margin:0 auto;position:relative}.cpt-scratchplayer .canvascon .monitors{left:0;position:absolute;top:0;z-index:199}.cpt-scratchplayer .canvascon .monitors .monitor{align-items:center;background:#323232;border:1px solid #ccc;border-radius:5px;display:flex;padding:5px;position:absolute;white-space:nowrap}.cpt-scratchplayer .canvascon .monitors .monitor .label{padding:0 5px}.cpt-scratchplayer .canvascon .monitors .monitor .value{background:#ff8c1a;color:#fff;padding:0 10px}.cpt-scratchplayer .canvascon .progressbar{background:#ccc;bottom:0;height:10px;left:0;position:absolute;width:100%;z-index:200}.cpt-scratchplayer .canvascon .progressbar .inner{background:var(--purple);bottom:0;height:100%;left:0;position:absolute;z-index:201}.cpt-scratchplayer .fileloading{background:#0009;height:100%;left:0;line-height:360px;overflow:hidden;position:absolute;text-align:center;top:0;width:100%;z-index:200}.cpt-scratchplayer .btns{height:60px}.cpt-scratchplayer .btns .btnscon{align-items:center;box-sizing:border-box;display:flex;height:60px;justify-content:space-between;margin:0 auto;padding-left:10px}.cpt-scratchplayer .btns .btn{cursor:pointer;height:30px;opacity:1;padding:5px;width:30px}.cpt-scratchplayer .btns .btn:hover{background-color:#ff4d4d26}.cpt-scratchplayer .btns .left{align-items:center;display:flex}.cpt-scratchplayer .btns .btn-play{background:url(https://cdn.codinghou.cn/coding/pc/icons/greenFlag.svg) 50% no-repeat;background-size:25px auto}.cpt-scratchplayer .btns .btn-play.playing{background-color:#ff4d4d59;opacity:1}.cpt-scratchplayer .btns .btn-turbo{background:url(https://cdn.codinghou.cn/coding/pc/icons/turbo.svg) 0 no-repeat;background-size:25px auto;color:#ffab1a;line-height:30px;opacity:.3;padding-left:30px;width:100px}.cpt-scratchplayer .btns .btn-turbo.active{opacity:1}.cpt-scratchplayer .btns .btn-stop{background:url(https://cdn.codinghou.cn/coding/pc/icons/stopAll.svg) 50% no-repeat;background-size:25px auto;opacity:.3}.cpt-scratchplayer .btns .btn-stop.playing{opacity:1}.cpt-scratchplayer .btns .btn-pause{background:url(https://cdn.codinghou.cn/coding/pc/icons/pause.svg) 50% no-repeat;background-size:25px auto}.cpt-scratchplayer .btns .btn-pause.pause{background:url(https://cdn.codinghou.cn/coding/pc/icons/start.svg) 50% no-repeat;background-size:25px auto}.cpt-scratchplayer .btns .btn-pause.pause:hover{background-color:#ff4d4d59}.cpt-scratchplayer .btns .btn-fullscreen{background:url(https://cdn.codinghou.cn/coding/pc/icons/fullscreen_btn.svg) 50% no-repeat;background-size:25px auto;border:1px solid hsla(0,0%,100%,.2);opacity:1}.cpt-scratchplayer .btns .btn-unfullscreen{background:url(https://cdn.codinghou.cn/coding/pc/icons/fullscreen_btn2.svg) 50% no-repeat;background-size:25px auto;border:1px solid hsla(0,0%,100%,.2);opacity:1}.cpt-turtleplayer{background:#323232;height:100%;position:relative;width:100%}.cpt-turtleplayer .starmask{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:200}.cpt-turtleplayer .starmask .btn-start{background:url(https://cdn.codinghou.cn/coding/pc/icons/greenFlag.svg) 50% no-repeat;background-size:80% auto;cursor:pointer;height:80px;width:80px}.cpt-turtleplayer .canvascon{align-items:center;background:#141414;display:flex;height:100%;justify-content:center;width:100%}.cpt-turtleplayer #turtlePlayerCanvas{background:#fff;height:400px;width:400px}.cpt-turtleplayer .btns{background:#323232;height:60px}.cpt-turtleplayer .btns .btnscon{align-items:center;box-sizing:border-box;display:flex;height:60px;justify-content:space-between;margin:0 auto;padding-left:10px}.cpt-turtleplayer .btns .btn{cursor:pointer;height:30px;opacity:1;padding:5px;width:30px}.cpt-turtleplayer .btns .btn:hover{background-color:#ff4d4d26}.cpt-turtleplayer .btns .left{align-items:center;display:flex}.cpt-turtleplayer .btns .btn-play{background:url(https://cdn.codinghou.cn/coding/pc/icons/greenFlag.svg) 50% no-repeat;background-size:25px auto}.cpt-turtleplayer .btns .btn-play.playing{background-color:#ff4d4d59;opacity:1}.cpt-turtleplayer .btns .btn-turbo{background:url(https://cdn.codinghou.cn/coding/pc/icons/turbo.svg) 0 no-repeat;background-size:25px auto;color:#ffab1a;line-height:30px;opacity:.3;padding-left:30px;width:100px}.cpt-turtleplayer .btns .btn-turbo.active{opacity:1}.cpt-turtleplayer .btns .btn-stop{background:url(https://cdn.codinghou.cn/coding/pc/icons/stopAll.svg) 50% no-repeat;background-size:25px auto;opacity:.3}.cpt-turtleplayer .btns .btn-stop.playing{opacity:1}.cpt-turtleplayer .btns .btn-pause{background:url(https://cdn.codinghou.cn/coding/pc/icons/pause.svg) 50% no-repeat;background-size:25px auto}.cpt-turtleplayer .btns .btn-pause.pause{background:url(https://cdn.codinghou.cn/coding/pc/icons/start.svg) 50% no-repeat;background-size:25px auto}.cpt-turtleplayer .btns .btn-pause.pause:hover{background-color:#ff4d4d59}.cpt-turtleplayer .btns .btn-fullscreen{background:url(https://cdn.codinghou.cn/coding/pc/icons/fullscreen_btn.svg) 50% no-repeat;background-size:25px auto;border:1px solid hsla(0,0%,100%,.2);opacity:1}.cpt-turtleplayer .btns .btn-unfullscreen{background:url(https://cdn.codinghou.cn/coding/pc/icons/fullscreen_btn2.svg) 50% no-repeat;background-size:25px auto;border:1px solid hsla(0,0%,100%,.2);opacity:1}.page-workdetail[data-v-3208b254]{margin:0 auto;padding-top:20px;width:1000px}.page-workdetail .maincon[data-v-3208b254]{margin:0 auto;position:relative;width:1000px;z-index:10}.page-workdetail .loadingcon[data-v-3208b254]{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.page-workdetail .line[data-v-3208b254]{align-items:center;display:flex;justify-content:space-between}.page-workdetail .line-base[data-v-3208b254]{margin-bottom:8px}.page-workdetail .line-base .name[data-v-3208b254]{font-size:26px}.page-workdetail .line-base .name .code[data-v-3208b254]{color:#999;font-size:20px;font-weight:700}.page-workdetail .line-base .name .badge[data-v-3208b254]{background:#303030;border:3px solid #3183fa;border-radius:12px;box-sizing:border-box;color:#3183fa;font-size:14px;line-height:1.5;margin-left:20px;padding:2px 10px;z-index:100}.page-workdetail .line-base .author[data-v-3208b254]{align-items:center;cursor:pointer;display:flex;justify-content:flex-start;padding:10px 0}.page-workdetail .line-base .author .nickname[data-v-3208b254]{margin-left:10px}.page-workdetail .line-base .author .vip[data-v-3208b254]{height:30px;margin-left:10px;width:63px}.page-workdetail .line-base .author .vip.vip-1[data-v-3208b254]{background:url(https://cdn.codinghou.cn/coding/pc/icons/SVIPIcon.png?x-oss-process=image/format,webp/resize,w_126) 50% no-repeat;background-size:auto 100%}.page-workdetail .line-base .author .vip.vip-2[data-v-3208b254]{background:url(https://cdn.codinghou.cn/coding/pc/icons/VIPIcon.png?x-oss-process=image/format,webp/resize,w_126) 50% no-repeat;background-size:auto 100%}.page-workdetail .line-base .author .vip.vip-3[data-v-3208b254]{background:url(https://cdn.codinghou.cn/coding/pc/icons/SVIPIcon2.png?x-oss-process=image/format,webp/resize,w_126) 50% no-repeat;background-size:auto 100%}.page-workdetail .line-base .author .vip.vip-10[data-v-3208b254]{background:url(https://cdn.codinghou.cn/coding/pc/icons/SVIPIcon2.png?x-oss-process=image/format,webp/resize,w_126) 50% no-repeat;background-size:auto 100%}.page-workdetail .line-base .author .time[data-v-3208b254]{color:#999;margin-left:20px}.page-workdetail .line-base .btn-viewcode[data-v-3208b254]{background:#755afb;background:url(https://cdn.codinghou.cn/coding/pc/icons/remix-white.png?x-oss-process=image/format,webp) var(--purple) 40px center no-repeat;border-radius:9px;box-sizing:border-box;cursor:pointer;height:48px;line-height:48px;padding-left:20px;text-align:center;width:187px}.page-workdetail .line-base .challenge-btn[data-v-3208b254]{background:url(https://cdn.codinghou.cn/coding/pc/icons/challenge-btn.png?x-oss-process=image/format,webp) 50% no-repeat;background-size:cover;border-radius:10px;cursor:pointer;height:48px;margin-bottom:2px;width:187px}.page-workdetail .line-work .player[data-v-3208b254]{box-sizing:border-box;height:635px;overflow:hidden;padding:10px 0;position:relative;width:740px}.page-workdetail .line-work .player.active[data-v-3208b254]{height:100vh;left:0;position:fixed;top:0;width:100vw}.page-workdetail .line-work .menus[data-v-3208b254]{background:#323232;box-sizing:border-box;display:flex;padding:16px 26px}.page-workdetail .line-work .menus .group[data-v-3208b254]{align-items:center;display:flex;margin:0 16px}.page-workdetail .line-work .menus .group .icon[data-v-3208b254]{height:34px;margin-right:10px;width:34px}.page-workdetail .line-work .menus .group .icon1[data-v-3208b254]{background:url(https://cdn.codinghou.cn/coding/pc/icons/like.png?x-oss-process=image/format,webp) 50% no-repeat}.page-workdetail .line-work .menus .group .icon2[data-v-3208b254]{background:url(https://cdn.codinghou.cn/coding/pc/icons/views.png?x-oss-process=image/format,webp) 50% no-repeat;background-size:28px auto}.page-workdetail .line-work .menus .group .icon3[data-v-3208b254]{background:url(https://cdn.codinghou.cn/coding/pc/icons/douyin-logo.png?x-oss-process=image/format,webp) 50% no-repeat;background-size:38px auto;height:38px;width:38px}.page-workdetail .line-work .menus .group .icon4[data-v-3208b254]{background:url(https://cdn.codinghou.cn/coding/pc/icons/bt-douyin-link-2.png?x-oss-process=image/format,webp) 50% no-repeat;background-size:100% 100%;cursor:pointer;font-size:14px;height:38px;line-height:38px;margin-left:16px;text-align:center;width:90px}.page-workdetail .line-work .menus .group .icon5[data-v-3208b254]{background:url(https://cdn.codinghou.cn/coding/pc/icons/bt-douyin-link-1.png?x-oss-process=image/format,webp) 50% no-repeat;background-size:100% 100%;cursor:pointer;font-size:14px;height:38px;line-height:38px;margin-left:16px;text-align:center;width:250px}.page-workdetail .line-work .menus .group .icon6[data-v-3208b254]{background:url(https://cdn.codinghou.cn/coding/pc/icons/bt-weapp-link-1.png?x-oss-process=image/format,webp) 50% no-repeat;background-size:auto 100%;cursor:pointer;font-size:14px;height:38px;line-height:38px;text-align:center;width:40px}.page-workdetail .line-work .menus .group.group-weapp[data-v-3208b254]{margin:0;position:relative}.page-workdetail .line-work .menus .group.group-weapp:hover .popup[data-v-3208b254]{display:block}.page-workdetail .line-work .menus .group.group-weapp .popup[data-v-3208b254]{background:#060606d1;border-radius:6px;box-sizing:border-box;color:#fff;display:none;height:200px;left:-52px;line-height:1.5;position:absolute;text-align:center;top:-210px;transition:all .5s;width:150px;z-index:1000}.page-workdetail .line-work .menus .group.group-weapp .popup .qrcodecon[data-v-3208b254]{padding:15px 25px}.page-workdetail .line-work .menus .group.group-weapp .popup[data-v-3208b254]:after{border-color:transparent transparent rgba(6,6,6,.82);border-style:solid;border-width:0 10px 10px;bottom:-10px;content:"";left:50%;position:absolute;transform:translate(-50%) rotate(180deg)}.page-workdetail .line-work .menus .group .info[data-v-3208b254]{cursor:pointer;font-size:15px;text-align:center}.page-workdetail .line-work .menus .group .info .active[data-v-3208b254]{color:var(--purple)}.page-workdetail .line-work .menus .group .info .activenum[data-v-3208b254]{color:var(--yellow)}.page-workdetail .line-work .menus .group .info .label[data-v-3208b254]{color:#ffffffa6}.page-workdetail .line-work .right[data-v-3208b254]{background:#323232;border-radius:9px;box-sizing:border-box;display:block;height:705px;margin-left:10px;padding:20px;width:282px}.page-workdetail .line-work .right .intro-hd[data-v-3208b254]{font-size:15px;font-weight:700}.page-workdetail .line-work .right .intro-bd[data-v-3208b254]{color:#ffffffa6;margin-top:10px;white-space:pre-line;word-break:break-word}.page-workdetail .line-comments[data-v-3208b254]{margin-top:70px}.page-workdetail .line-comments .challenge .challenge-hd[data-v-3208b254]{align-items:center;display:flex}.page-workdetail .line-comments .challenge .challenge-hd .icon[data-v-3208b254]{background:url(https://cdn.codinghou.cn/coding/pc/icons/challenge-icon.png?x-oss-process=image/format,webp) 50% no-repeat;background-size:cover;height:32px;width:32px}.page-workdetail .line-comments .challenge .challenge-hd .text[data-v-3208b254]{margin-left:10px}.page-workdetail .line-comments .challenge .list .challenge-item[data-v-3208b254]{display:flex;margin-top:25px}.page-workdetail .line-comments .challenge .list .challenge-item .info[data-v-3208b254]{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;height:40px;justify-content:space-between;justify-items:center;margin-left:10px;min-width:500px;padding-right:50px}.page-workdetail .line-comments .challenge .list .challenge-item .info .nickname[data-v-3208b254]{margin-right:150px}.page-workdetail .line-comments .comments[data-v-3208b254]{width:740px}.page-workdetail .line-comments .comments .comments-hd[data-v-3208b254]{align-items:center;display:flex}.page-workdetail .line-comments .comments .comments-hd .icon[data-v-3208b254]{background:url(https://cdn.codinghou.cn/coding/pc/icons/comments.png?x-oss-process=image/format,webp) 50% no-repeat;height:32px;width:32px}.page-workdetail .line-comments .comments .comments-hd .icon.icon-douyin[data-v-3208b254]{background:url(https://cdn.codinghou.cn/coding/pc/icons/douyin_comments.png?x-oss-process=image/format,webp) 50% no-repeat;background-size:100% auto;height:32px;width:32px}.page-workdetail .line-comments .comments .comments-hd .text[data-v-3208b254]{margin-left:10px}.page-workdetail .line-comments .comments .comments-bd.douyin[data-v-3208b254]{align-items:center;display:flex;margin-top:10px}.page-workdetail .line-comments .comments .comments-bd.douyin .douyin-link[data-v-3208b254]{border:2px solid var(--purple);border-radius:9px;color:var(--purple);cursor:pointer;height:42px;line-height:42px;margin-left:10px;text-align:center;width:182px}.page-workdetail .line-comments .comments .comments-bd .comment-item[data-v-3208b254],.page-workdetail .line-comments .comments .comments-bd .inputcon[data-v-3208b254]{align-items:center;display:flex;margin-top:36px}.page-workdetail .line-comments .comments .comments-bd .comment-item .input[data-v-3208b254],.page-workdetail .line-comments .comments .comments-bd .inputcon .input[data-v-3208b254]{background:#323232;border-radius:9px;margin-left:18px;min-height:56px;overflow:hidden;width:563px}.page-workdetail .line-comments .comments .comments-bd .comment-item textarea[data-v-3208b254],.page-workdetail .line-comments .comments .comments-bd .inputcon textarea[data-v-3208b254]{background:#323232;border:none;box-sizing:border-box;color:#fff;font-size:15px;min-height:56px;outline:none;padding-left:20px;padding-top:10px;transition:all 1s;width:563px}.page-workdetail .line-comments .comments .comments-bd .comment-item textarea[data-v-3208b254]:focus,.page-workdetail .line-comments .comments .comments-bd .inputcon textarea[data-v-3208b254]:focus{height:120px}.page-workdetail .line-comments .comments .comments-bd .comment-item .btn[data-v-3208b254],.page-workdetail .line-comments .comments .comments-bd .inputcon .btn[data-v-3208b254]{background:#755afb;border-radius:6px;cursor:pointer;height:56px;line-height:56px;margin-left:18px;opacity:1;text-align:center;width:80px}.page-workdetail .line-comments .comments .comments-bd .comment-item[data-v-3208b254]{align-items:flex-start}.page-workdetail .line-comments .comments .comments-bd .comment-item .info[data-v-3208b254]{margin-left:18px}.page-workdetail .line-comments .comments .comments-bd .comment-item .info .nickname[data-v-3208b254]{color:#ffffffa6}.page-workdetail .line-comments .comments .comments-bd .comment-item .info .content[data-v-3208b254]{line-height:22px;padding:10px 0;white-space:pre-line}.page-workdetail .line-comments .comments .comments-bd .comment-item .info .time[data-v-3208b254]{align-items:center;color:#ffffffa6;display:flex}.page-workdetail .line-comments .comments .comments-bd .comment-item .info .time .favor[data-v-3208b254]{background:url(https://cdn.codinghou.cn/coding/pc/icons/like-gray.png?x-oss-process=image/format,webp) center -14px no-repeat;background-size:50px auto;cursor:pointer;display:inline-block;height:12px;margin-left:20px;margin-right:10px;width:12px}.page-workdetail .line-comments .comments .comments-bd .comment-item .info .time .num[data-v-3208b254]{cursor:pointer}.page-workdetail .line-comments .comments .comments-bd .comment-item .info .time .num.active[data-v-3208b254]{color:var(--purple)}.page-workdetail .line-comments .comments .comments-bd .comment-item .info .time .reply[data-v-3208b254]{cursor:pointer;margin-left:10px}