div[data-theme=pc] .projectNav[data-v-7cc37341]{display:flex;justify-content:space-between}div[data-theme=pc] .projectNav>.left[data-v-7cc37341]{display:flex;flex-wrap:wrap}div[data-theme=pc] .projectNav>.left>a[data-v-7cc37341]{border-radius:4px;color:#3d3d3d;cursor:pointer;display:block;font-size:16px;height:43px;line-height:43px;margin:0 12px 12px 0;padding:0 20px}div[data-theme=pc] .projectNav>.left>a.active[data-v-7cc37341],div[data-theme=pc] .projectNav>.left>a[data-v-7cc37341]:hover{background:#4f47e5;color:#fff}div[data-theme=pc] .projectNav>.right[data-v-7cc37341]{align-self:flex-start;display:flex;margin-top:7px}div[data-theme=pc] .projectNav>.right>button[data-v-7cc37341]{align-self:center;background:#f6f6f6;height:32px;width:32px}div[data-theme=pc] .projectNav>.right>button>i[data-v-7cc37341]{font-size:18px}div[data-theme=pc] .projectNav>.right>button[data-v-7cc37341]:first-child{border-radius:4px 0 0 4px}div[data-theme=pc] .projectNav>.right>button[data-v-7cc37341]:last-child{border-radius:0 4px 4px 0}div[data-theme=pc] .projectNav>.right>button.active[data-v-7cc37341]{background:#fff;color:#4f47e5}div[data-theme=mobile] .projectNav[data-v-7cc37341]{display:flex;justify-content:space-between;margin:.3rem 0;padding:0 .3rem}div[data-theme=mobile] .projectNav>.left>select[data-v-7cc37341]{background:#4f47e5;border-radius:.08rem;color:#fff;font-size:.24rem;padding:.1rem .2rem}div[data-theme=mobile] .projectNav>.left>select[data-v-7cc37341]:focus{border-color:#4f47e5;outline:none}div[data-theme=mobile] .projectNav>.right[data-v-7cc37341]{display:flex}div[data-theme=mobile] .projectNav>.right>button[data-v-7cc37341]{align-self:center;background:#ededed;height:.48rem;width:.48rem}div[data-theme=mobile] .projectNav>.right>button>i[data-v-7cc37341]{font-size:18px}div[data-theme=mobile] .projectNav>.right>button[data-v-7cc37341]:first-child{border-radius:.08rem 0 0 .08rem}div[data-theme=mobile] .projectNav>.right>button[data-v-7cc37341]:last-child{border-radius:0 4px 4px 0;border-radius:0 .08rem .08rem 0}div[data-theme=mobile] .projectNav>.right>button.active[data-v-7cc37341]{background:#4f47e5;color:#fff}div[data-theme=pc] .projects[data-v-8b617059]{display:flex;flex-wrap:wrap}div[data-theme=pc] .projects .projectLine[data-v-8b617059]{background:#fff;border-bottom:1px solid #f0f0f0;border-radius:10px;padding:20px;width:calc(20% - 16px)}div[data-theme=pc] .projects .projectLine .left>a[data-v-8b617059]{display:flex}div[data-theme=pc] .projects .projectLine .left>a[data-v-8b617059] .img{border:1px solid #f0f0f0;border-radius:3px;height:132px;margin:0 20px 0 0;width:210px}div[data-theme=pc] .projects .projectLine .left>a[data-v-8b617059] .loading{height:132px;width:210px}div[data-theme=pc] .projects .projectLine .left>a[data-v-8b617059] .loading>i{align-self:center;font-size:40px}div[data-theme=pc] .projects .projectLine .right .images[data-v-8b617059]{display:flex;flex-wrap:wrap;height:132px;overflow:hidden}div[data-theme=pc] .projects .projectLine .right .images[data-v-8b617059] .img{border:1px solid #f0f0f0;border-radius:3px;height:132px;margin:0 20px 20px 0;width:210px}div[data-theme=pc] .projects .projectLine .right .images[data-v-8b617059] .loading{height:132px;width:210px}div[data-theme=pc] .projects .projectLine .right .images[data-v-8b617059] .loading>i{align-self:center;font-size:40px}div[data-theme=pc] .projects .projectLine .right .title[data-v-8b617059]{color:#3d3d3d;display:flex;font-size:20px;position:relative}div[data-theme=pc] .projects .projectLine .right .title>b[data-v-8b617059]{display:-webkit-box;-webkit-box-orient:vertical;align-self:center;-webkit-line-clamp:1;overflow:hidden}div[data-theme=pc] .projects .projectLine .right .title>i[data-v-8b617059]{border-radius:6px;color:#fff;display:flex;font-size:20px;height:24px;justify-content:center;margin-right:10px;text-align:center;width:29px}div[data-theme=pc] .projects .projectLine .right .title .i[data-v-8b617059]:before,div[data-theme=pc] .projects .projectLine .right .title>i[data-v-8b617059]:before{align-self:center}div[data-theme=pc] .projects .projectLine .right .title .best[data-v-8b617059]{background:#e54779}div[data-theme=pc] .projects .projectLine .right .title .top[data-v-8b617059]{background:#ffb103}div[data-theme=pc] .projects .projectLine .right .title .winer[data-v-8b617059]{background:#4f47e5}div[data-theme=pc] .projects .projectLine .right .title>span[data-v-8b617059]{bottom:9px;display:flex;flex-wrap:wrap;height:27px;left:9px;overflow:hidden;position:absolute}div[data-theme=pc] .projects .projectLine .right .title>span>span[data-v-8b617059]{background:#0000004d;border-radius:4px;color:#fff;font-size:14px;line-height:27px;margin:0 9px 9px 0;padding:0 9px}div[data-theme=pc] .projects .projectLine .right .title[data-v-8b617059]:hover{color:#4f47e5}div[data-theme=pc] .projects .projectLine .right .tags[data-v-8b617059]{display:flex;flex-wrap:wrap;margin:20px 0 11px}div[data-theme=pc] .projects .projectLine .right .tags>a[data-v-8b617059]{border:1px solid #d8d6ff;border-radius:3px;color:#4f47e5;height:27px;line-height:27px;margin:0 9px 9px 0;padding:0 9px}div[data-theme=pc] .projects .projectLine .right .text[data-v-8b617059]{color:#999;display:flex;font-size:16px;font-weight:400}div[data-theme=pc] .projects .projectLine .right .text>a[data-v-8b617059]{color:#999;display:flex;margin-right:20px}div[data-theme=pc] .projects .projectLine .right .text>a[data-v-8b617059]>img,div[data-theme=pc] .projects .projectLine .right .text>a>img[data-v-8b617059]{border-radius:40px;height:28px;margin-right:6px;width:28px}div[data-theme=pc] .projects .projectLine .right .text>a>span[data-v-8b617059]{align-self:center}div[data-theme=pc] .projects .projectLine .right .text>span[data-v-8b617059]{align-self:center;display:flex;margin-right:28px}div[data-theme=pc] .projects .projectLine .right .text>b[data-v-8b617059]{align-self:center;display:flex;font-weight:400;margin-right:10px}div[data-theme=pc] .projects .projectLine .right .text>b>i[data-v-8b617059]{align-self:center;font-size:20px;margin-right:6px}div[data-theme=pc] .projects .projectLine .right .text>b>span[data-v-8b617059]{align-self:center}div[data-theme=pc] .projects .lr[data-v-8b617059]{display:flex}div[data-theme=pc] .projects .tb .right .images[data-v-8b617059]{margin-bottom:20px}div[data-theme=mobile] .projects[data-v-8b617059]{display:flex;flex-wrap:wrap}div[data-theme=mobile] .projects .projectLine[data-v-8b617059]{background:#fff;border-radius:.04rem;box-shadow:0 1px 2px #0000000d;padding:.3rem .3rem 0}div[data-theme=mobile] .projects .projectLine .left>a[data-v-8b617059]{display:flex}div[data-theme=mobile] .projects .projectLine .left>a[data-v-8b617059] .img{border-radius:.03rem;height:1.32rem;margin-right:.2rem;width:2.25rem}div[data-theme=mobile] .projects .projectLine .left>a[data-v-8b617059] .loading{height:1.32rem;width:2.25rem}div[data-theme=mobile] .projects .projectLine .left>a[data-v-8b617059] .loading>i{align-self:center;font-size:.5rem}div[data-theme=mobile] .projects .projectLine .right .images[data-v-8b617059]{display:grid;gap:.13rem;grid-auto-rows:0;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;overflow:hidden}div[data-theme=mobile] .projects .projectLine .right .images[data-v-8b617059] .img{border:1px solid #f0f0f0;border-radius:.08rem;height:1.38rem;width:2.2rem}div[data-theme=mobile] .projects .projectLine .right .images[data-v-8b617059] .loading{height:1.38rem;width:2.2rem}div[data-theme=mobile] .projects .projectLine .right .images[data-v-8b617059] .loading>i{align-self:center;font-size:.4rem}div[data-theme=mobile] .projects .projectLine .right .title[data-v-8b617059]{color:#3d3d3d;display:flex;font-size:.24rem;position:relative}div[data-theme=mobile] .projects .projectLine .right .title>b[data-v-8b617059]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height:.37rem;overflow:hidden}div[data-theme=mobile] .projects .projectLine .right .title>i[data-v-8b617059]{border-radius:.06rem;color:#fff;display:flex;font-size:.3rem;height:.37rem;justify-content:center;line-height:.37rem;margin-right:.1rem;text-align:center;width:.5rem}div[data-theme=mobile] .projects .projectLine .right .title .i[data-v-8b617059]:before{align-self:center}div[data-theme=mobile] .projects .projectLine .right .title .best[data-v-8b617059]{background:#e54779}div[data-theme=mobile] .projects .projectLine .right .title .top[data-v-8b617059]{background:#ffb103}div[data-theme=mobile] .projects .projectLine .right .title .winer[data-v-8b617059]{background:#4f47e5}div[data-theme=mobile] .projects .projectLine .right .title>span[data-v-8b617059]{bottom:9px;display:flex;flex-wrap:wrap;height:27px;left:9px;overflow:hidden;position:absolute}div[data-theme=mobile] .projects .projectLine .right .title>span>span[data-v-8b617059]{background:#0000004d;border-radius:4px;color:#fff;font-size:14px;line-height:27px;margin:0 9px 9px 0;padding:0 9px}div[data-theme=mobile] .projects .projectLine .right .title[data-v-8b617059]:hover{color:#4f47e5}div[data-theme=mobile] .projects .projectLine .right .tags[data-v-8b617059]{display:flex;flex-wrap:wrap;margin:.1rem 0;max-height:.6rem;overflow:hidden}div[data-theme=mobile] .projects .projectLine .right .tags>a[data-v-8b617059]{border:1px solid #d8d6ff;border-radius:.08rem;color:#4f47e5;font-size:.24rem;margin:0 .14rem .14rem 0;padding:.08rem .16rem}div[data-theme=mobile] .projects .projectLine .right .text[data-v-8b617059]{border-bottom:1px solid #e6e6e6;color:#999;display:flex;font-size:.24rem;font-weight:400;padding:.3rem 0}div[data-theme=mobile] .projects .projectLine .right .text>a[data-v-8b617059]{color:#999;display:flex;margin-right:.2rem}div[data-theme=mobile] .projects .projectLine .right .text>a[data-v-8b617059]>img,div[data-theme=mobile] .projects .projectLine .right .text>a>img[data-v-8b617059]{border-radius:1rem;height:.31rem;margin-right:.1rem;width:.31rem}div[data-theme=mobile] .projects .projectLine .right .text>a>span[data-v-8b617059]{align-self:center}div[data-theme=mobile] .projects .projectLine .right .text>span[data-v-8b617059]{align-self:center;display:flex;margin-right:.29rem}div[data-theme=mobile] .projects .projectLine .right .text>b[data-v-8b617059]{align-self:center;display:flex;font-weight:400;margin-right:.1rem}div[data-theme=mobile] .projects .projectLine .right .text>b>i[data-v-8b617059]{align-self:center;font-size:.3rem;margin-right:.06rem}div[data-theme=mobile] .projects .projectLine .right .text>b>span[data-v-8b617059]{align-self:center}div[data-theme=mobile] .projects .lr[data-v-8b617059]{display:flex}