button[data-v-3d1e69af]{height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:18px;font-weight:600;background-color:var(--color-primary-bg);color:var(--color-primary);margin-right:12px;transition:.2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}button .svg-icon[data-v-3d1e69af]{width:16px;height:16px}button[data-v-3d1e69af]:hover{transform:scale(1.06)}button[data-v-3d1e69af]:active{transform:scale(.94)}button.grey[data-v-3d1e69af]{background-color:var(--color-secondary-bg);color:var(--color-text);opacity:.78}button.transparent[data-v-3d1e69af]{background-color:transparent}.introduction[data-v-f3165bd2]{overflow:hidden;background:#f8f9fa;padding:2%;max-width:1200px;border-radius:10px;-o-object-fit:fill;object-fit:fill}.introduction .img[data-v-f3165bd2]{-o-object-position:top center;object-position:top center;position:center;width:1%}.introduction .table[data-v-f3165bd2]{width:1%}.introduction[data-v-f3165bd2] pre{background-color:#f2f2f2;padding:10px;border-radius:10px}.introduction[data-v-f3165bd2] code{color:#12090f}.introduction p img[data-v-f3165bd2]{-o-object-position:top center;object-position:top center;position:center;width:1%}.project[data-v-f3165bd2]{margin-top:10px}.project-container[data-v-f3165bd2]{display:flex;gap:20px;height:700px;padding-top:15px}.project-content[data-v-f3165bd2]{flex:1}.project-comment[data-v-f3165bd2]{position:fixed;background:#f1f3f5;flex-shrink:0;padding:32px 20px;right:180px;bottom:5%;top:10%;width:300px;color:#333;border-radius:12px}.project-comment-close[data-v-f3165bd2]{position:absolute;top:5px;border-radius:50%;right:10px}.project-comment-close[data-v-f3165bd2]:hover{transition:opacity .3s;opacity:.98;background:#dee2e6}.project-comment-header[data-v-f3165bd2]{display:flex;align-items:flex-end;justify-content:space-between}.project-comment-header-left[data-v-f3165bd2]{display:flex;align-items:center}.project-comment-avatar[data-v-f3165bd2]{width:60px;height:60px;border-radius:50%}.project-comment-info[data-v-f3165bd2]{margin-left:20px}.project-comment-owner[data-v-f3165bd2]{-webkit-line-clamp:1;word-break:break-all;text-overflow:ellipsis;white-space:nowrap;width:150px;overflow:hidden;font-size:20px;font-weight:700}.project-comment-owner-info[data-v-f3165bd2]{margin-top:2px;display:flex;align-items:center;font-size:14px;color:#666;-webkit-line-clamp:1;word-break:break-all;text-overflow:ellipsis;white-space:nowrap}.project-comment-owner-info .separate[data-v-f3165bd2]{margin:0 8px;width:1px;height:12px;background:#333}.project-comment-icon[data-v-f3165bd2]{width:40px;height:40px;border-radius:8px}.project-comment-focus[data-v-f3165bd2]{width:60px;height:30px;line-height:40px;text-align:center;border-radius:6px;background:#1b87e5;color:#fff;opacity:.78}.project-comment-focus[data-v-f3165bd2]:hover{transition:opacity .3s;opacity:.98;background:#1b87e5}.project-comment-middle[data-v-f3165bd2]{margin-top:40px;display:flex;flex-direction:column;align-items:flex-end}.project-comment-total[data-v-f3165bd2]{width:100%;text-align:center;font-size:15px;font-weight:700;color:#333}.project-comment-input[data-v-f3165bd2]{margin-top:20px;width:100%;height:90px;font-size:15px;font-weight:500;border-radius:3px;border:.1px solid #fff;resize:none;outline:none}.project-comment-replay[data-v-f3165bd2]{margin-top:20px;width:60px;height:30px;line-height:40px;text-align:center;color:#fff;border-radius:6px;background:#1b87e5;opacity:.78}.project-comment-replay[data-v-f3165bd2]:hover{transition:opacity .3s;opacity:.98;background:#1b87e5}.project-comment-list[data-v-f3165bd2]{overflow:auto;height:350px;margin-top:20px;display:flex;flex-direction:column;gap:20px;scrollbar-width:none}.project-comment-list[data-v-f3165bd2]::-webkit-scrollbar{display:none}.project-comment-item[data-v-f3165bd2]{display:flex;align-items:flex-start}.project-comment-item-avatar[data-v-f3165bd2]{flex-shrink:0;width:32px;height:32px;border-radius:50%}.project-comment-item-content[data-v-f3165bd2]{flex:1;margin-left:15px}.project-comment-item-user[data-v-f3165bd2]{-webkit-line-clamp:1;word-break:break-all;text-overflow:ellipsis;overflow:hidden;width:150px;white-space:nowrap;font-size:15px;font-weight:700}.project-comment-item-msg[data-v-f3165bd2]{margin-top:2px;font-size:14px}.project-comment-item-date[data-v-f3165bd2]{margin-top:2px;font-size:12px;color:#999}.project-comment-item-more[data-v-f3165bd2]{right:0}.project-info[data-v-f3165bd2]{display:flex;margin-bottom:72px;position:relative}.project-info .info[data-v-f3165bd2]{display:flex;flex-direction:column;justify-content:center;flex:1;margin-left:56px}.project-info .info .title[data-v-f3165bd2]{font-size:36px;font-weight:700;color:var(--color-text)}.project-info .info .title .lock-icon[data-v-f3165bd2]{opacity:.28;color:var(--color-text);margin-right:8px}.project-info .info .title .lock-icon .svg-icon[data-v-f3165bd2]{height:26px;width:26px}.project-info .info .artist[data-v-f3165bd2]{font-size:18px;opacity:.88;color:var(--color-text);margin-top:24px}.project-info .info .date-and-count[data-v-f3165bd2]{font-size:14px;opacity:.68;color:var(--color-text);margin-top:2px}.project-info .info .description[data-v-f3165bd2]{font-size:14px;opacity:.68;color:var(--color-text);margin-top:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;cursor:pointer}.project-info .info .description[data-v-f3165bd2]:hover{transition:opacity .3s;opacity:.88}.project-info .info .buttons[data-v-f3165bd2]{margin-top:32px;display:flex}.project-info .info .buttons button[data-v-f3165bd2]{margin-right:16px}.gradient-test[data-v-f3165bd2],[data-theme=dark] .gradient-radar[data-v-f3165bd2]{background-image:linear-gradient(270deg,#92fe9d 0,#00c9ff)}.gradient-radar[data-v-f3165bd2]{background-image:linear-gradient(270deg,#0ba360 0,#3cba92)}.gradient-blue-purple[data-v-f3165bd2]{background-image:linear-gradient(45deg,#89c4f5,#6284ff 42%,red)}.gradient-sharp-blue[data-v-f3165bd2]{background-image:linear-gradient(45deg,#00c6fb,#005bea)}.gradient-yellow-pink[data-v-f3165bd2]{background-image:linear-gradient(45deg,#f6d365,#fda085)}.gradient-pink[data-v-f3165bd2]{background-image:linear-gradient(45deg,#ee9ca7,#ffdde1)}.gradient-indigo-pink-yellow[data-v-f3165bd2]{background-image:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70)}.gradient-light-red-light-blue[data-v-f3165bd2]{background-image:linear-gradient(225deg,#5999a6,#081abb 38%,#ec3841 58%,#f93701)}.gradient-fog[data-v-f3165bd2]{background:linear-gradient(-180deg,#bcc5ce,#929ead 98%),radial-gradient(at top left,hsla(0,0%,100%,.3) 0,rgba(0,0,0,.3) 100%);background-blend-mode:screen}.gradient-red[data-v-f3165bd2]{background-image:linear-gradient(213deg,#ff0844,#ffb199)}.gradient-sky-blue[data-v-f3165bd2]{background-image:linear-gradient(147deg,#48c6ef,#6f86d6)}.gradient-dark-blue-midnight-blue[data-v-f3165bd2]{background-image:linear-gradient(213deg,#09203f,#537895)}.gradient-yellow-red[data-v-f3165bd2]{background:linear-gradient(147deg,#fec867,#f72c61)}.gradient-yellow[data-v-f3165bd2]{background:linear-gradient(147deg,#fceb02,#fec401)}.gradient-midnight-blue[data-v-f3165bd2]{background-image:linear-gradient(-20deg,#2b5876,#4e4376)}.gradient-orange-red[data-v-f3165bd2]{background-image:linear-gradient(147deg,#ffe53b,#ff2525 74%)}.gradient-moonstone-blue[data-v-f3165bd2]{background-image:linear-gradient(147deg,#0d171b,#3f6883 50%,#1e333e)}.gradient-pink-purple-blue[data-v-f3165bd2]{background-image:linear-gradient(90deg,#ff3cac 0,#784ba0 50%,#2b86c5)!important}.gradient-green[data-v-f3165bd2]{background-image:linear-gradient(90deg,#c6f6d5,#68d391,#38b2ac)!important}.user-info h1[data-v-f3165bd2]{font-size:42px;position:relative;color:var(--color-text)}.user-info h1 .avatar[data-v-f3165bd2]{height:44px;margin-right:12px;vertical-align:-7px;border-radius:50%;border:rgba(0,0,0,.2)}.search-box[data-v-f3165bd2]{display:flex;position:absolute;right:20px;bottom:-55px;justify-content:flex-end;-webkit-app-region:no-drag}.search-box .container[data-v-f3165bd2]{display:flex;align-items:center;height:32px;background:var(--color-secondary-bg-for-transparent);border-radius:8px;width:200px}.search-box .svg-icon[data-v-f3165bd2]{height:15px;width:15px;color:var(--color-text);opacity:.28;margin-left:8px;margin-right:4px}.search-box input[data-v-f3165bd2]{font-size:16px;border:none;background:transparent;width:96%;font-weight:600;margin-top:-1px;color:var(--color-text)}.search-box .active[data-v-f3165bd2]{background:var(--color-primary-bg-for-transparent)}.search-box .active .svg-icon[data-v-f3165bd2],.search-box .active input[data-v-f3165bd2]{opacity:1;color:var(--color-primary)}[data-theme=dark] .search-box .active .svg-icon[data-v-f3165bd2],[data-theme=dark] .search-box .active input[data-v-f3165bd2]{color:var(--color-text)}.search-box-likepage[data-v-f3165bd2]{display:flex;position:absolute;right:12vw;top:95px;justify-content:flex-end;-webkit-app-region:no-drag}.search-box-likepage .input[data-v-f3165bd2]{transition:all .5s}.search-box-likepage .container[data-v-f3165bd2]{display:flex;align-items:center;height:32px;background:var(--color-secondary-bg-for-transparent);border-radius:8px}.search-box-likepage .svg-icon[data-v-f3165bd2]{height:15px;width:15px;color:var(--color-text);opacity:.28;margin-left:8px;margin-right:8px}.search-box-likepage input[data-v-f3165bd2]{font-size:16px;border:none;background:transparent;width:96%;font-weight:600;margin-top:-1px;color:var(--color-text)}.search-box-likepage .active[data-v-f3165bd2]{background:var(--color-primary-bg-for-transparent)}.search-box-likepage .active .svg-icon[data-v-f3165bd2],.search-box-likepage .active input[data-v-f3165bd2]{opacity:1;color:var(--color-primary)}[data-theme=dark] .search-box-likepage .active .svg-icon[data-v-f3165bd2],[data-theme=dark] .search-box-likepage .active input[data-v-f3165bd2]{color:var(--color-text)}@media(max-width:1336px){.search-box-likepage[data-v-f3165bd2]{right:8vw}}.load-more[data-v-f3165bd2]{display:flex;justify-content:center;margin-top:32px}.section-two[data-v-f3165bd2]{margin-top:30px;min-height:calc(100vh - 182px)}.tabs-row[data-v-f3165bd2]{display:flex;justify-content:space-between;margin-bottom:50px}.tabs[data-v-f3165bd2]{display:flex;align-items:center;flex-wrap:wrap;font-size:19px;color:var(--color-text)}.tabs .tab[data-v-f3165bd2]{font-weight:600;padding:8px 14px;margin-right:14px;border-radius:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:.2s;opacity:.68}.tabs .tab.active[data-v-f3165bd2],.tabs .tab[data-v-f3165bd2]:hover{opacity:.88;background-color:var(--color-secondary-bg)}.tabs .tab.dropdown[data-v-f3165bd2]{display:flex;align-items:center;padding:0;overflow:hidden}.tabs .tab.dropdown .text[data-v-f3165bd2]{padding:8px 3px 8px 14px}.tabs .tab.dropdown .icon[data-v-f3165bd2]{height:100%;display:flex;align-items:center;padding:0 8px 0 3px}.tabs .tab.dropdown .icon .svg-icon[data-v-f3165bd2]{height:16px;width:16px}.sj[data-v-f3165bd2]{right:100px;bottom:50px;display:flex;flex-direction:column;gap:2px;position:fixed}.sj .title[data-v-f3165bd2]{margin:auto;margin-bottom:3px;font-size:13px;font-weight:550;line-height:20px;display:flex;align-items:center;right:100px}.sj .button[data-v-f3165bd2]{border-radius:50%;width:50px;height:50px;display:flex;background-color:#f0f0f0;opacity:.68}.sj .button[data-v-f3165bd2]:hover{transition:opacity .3s;opacity:.98;background-color:var(--color-primary-bg)}.sj .button .icon[data-v-f3165bd2]{width:20px;height:20px;align-items:center}.sj .button .icon[data-v-f3165bd2]:hover{color:#ffa94d}.sj .button[data-v-f3165bd2]:not(:first-child){margin-left:0}