@-webkit-keyframes scale-fade{0%{opacity:0;-webkit-transform:scale(.8) rotateX(-40deg);transform:scale(.8) rotateX(-40deg)}50%{opacity:1}70%{-webkit-transform:scale(1.05) rotateX(0);transform:scale(1.05) rotateX(0)}to{-webkit-transform:scale(1) rotateX(0);transform:scale(1) rotateX(0)}}@keyframes scale-fade{0%{opacity:0;-webkit-transform:scale(.8) rotateX(-40deg);transform:scale(.8) rotateX(-40deg)}50%{opacity:1}70%{-webkit-transform:scale(1.05) rotateX(0);transform:scale(1.05) rotateX(0)}to{-webkit-transform:scale(1) rotateX(0);transform:scale(1) rotateX(0)}}.msc-confirm--animate{-webkit-animation:scale-fade .3s cubic-bezier(.8,.02,.45,-1.09) forwards;animation:scale-fade .3s cubic-bezier(.8,.02,.45,.91) forwards;-webkit-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center}.msc-confirm{-webkit-font-smoothing:antialiased;color:var(--text-color);display:none}.msc-confirm,.msc-overlay{height:100%;left:0;position:fixed;top:0;width:100%;z-index:10020}.msc-overlay{background-color:var(--bg-main-color);opacity:.9}.msc-confirm button{background:none;border:none;cursor:pointer;transition:all .2s ease-in}.msc-confirm button:focus{outline:none}.msc-close{border-radius:20px;font-size:1.2em;height:40px;position:absolute;right:0;text-align:center;top:0;vertical-align:middle;width:40px}.msc-close:hover,.msc-content{background:var(--bg-main-color)}.msc-content{margin:10% auto;max-width:480px;opacity:1;padding:40px;position:relative;text-align:center;z-index:10021}@media (max-width:600px){.msc-content{padding:10px 0}}.msc-title{font-size:2em;line-height:1.3;margin:0 0 .1em}.msc-body{color:666;font-size:1.2em;margin-bottom:1em}.msc-body p{margin:0 0 10px}.msc-input{border:none;border-bottom:1px solid rgba(0,0,0,.15);box-sizing:border-box;font-family:Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif;font-size:14px;font-style:normal;font-weight:400;height:38px;letter-spacing:.02em;padding:0 15px;text-align:center;width:100%}.msc-input:focus{border-color:#0f985a;outline:none}.msc-action button{background:var(--bg-main-color);border:1px solid #ccc;border-radius:25px;min-width:80px;padding:10px 20px}.msc-action button:focus{outline:none}.msc-ok{margin-right:10px}button.msc-ok:focus,button.msc-ok:hover{border:1px solid #0f985a;color:#0f985a}button.msc-cancel:focus,button.msc-cancel:hover{border:1px solid var(--text-color);color:var(--text-color)}.msc-sub{white-space:pre-line}:root{--dark-color:#333;--fade-color:#555;--gray-color:#888;--main-color:#2ea44f;--sub-color:#45ca6b;--text-color:#333;--link-color:#555;--link-hover-color:#333;--bg-main-color:#fff;--bg-sub-color:#fbfbfb;--glass-color:rgba(0,0,0,.05)}a,abbr,acronym,address,applet,big,caption,cite,dd,del,dfn,div,dl,dt,em,fieldset,font,form,html,iframe,img,ins,kbd,label,legend,li,object,ol,q,s,samp,small,span,strike,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;font-size:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}@font-face{font-family:EmojiSubset;src:local("Segoe UI Emoji"),url(data:font/woff2;base64,d09GMgABAAAAABWgABMAAAAAK+gAABVBAAFKPQAAAAAAAAAAAAAAAAAAAAAAAAAAIlAjOBoiGyAcKgZgAGgIg2oJkwMRDAqiaJ5aATYCJAMkCyIABCAFjCIHIAyJfxttKBNujDZsHACTnUeQ/dcJ3Bgi9qG9Cp0wNIYaHIkDM3gQhoJDNMEiBi3lKoGSbdxDIw6FX5S77t016b7vjZBk1ofH8/1zgyJpO/d1fuAEtt0HUXykm9sBfBKXFIORAbrZTao15yFMbDXGiYlfDaqm+0HNjXrA+L+c2ozksBLLoNAERp1QM4YQqI3WshxQwdT3pGQPcqq+5+S0DC7JWTjctse99WvRuS3Saa8AdDVjwLUsbvuEiyMYDaHztD5xgBgb6HY2+tH+vlQnfrghgdV3cY2n/5taUo3/dnRJh7UDFkAaQB2woJk/0kh/xrL7PUneIq/3iq5796o3zedNbcW7aaXjVlFgEA8gB1AIDYLd1BzqHF7FLpHbePjaNaY12Ei66We6mhUJ4LIgafffHxEADUAHwJ8GJCYWCQMOyqVCASfEIFEAUIJUEqnbhAegEZiW6Uw7UeJUjCu1l6fkdwAXXst4IMsP88nPWkNktwX/z+wcI8uHt8hFY4+bIHJsZihziBSMXY2A84ncdj30QqbNmGeEJcm53cCp2zBUOOq6QX749I+f4AZgeHSa48lmsFCxe9mhAOm+uwe6BV9RHVUsxXfE2BJFa5IFezrzl/r7Y1JYuCyzbW8XE63qKFXFiKAiu5dAX208llDniXHrD8PAnzEWQWF7U/CcOXVxZ4YZhzX2CtEXHmmYnETkcRxDhRuwt6HnG6bNeYnBxTnk6/L1aAzwNkJ+Al0Tb3MfhGqQf2OPQEvNkm/R75Y9wBFFvtbbRL5qyBgLzMng/x6x72/AX9GMzxDtyhIkzE1GNLZMGeC44kP78M3pwC6sNwpW0PblIMnpvNt7h3GZFBIKYKsfDKhAGRyYAyGy2VOtuIbvYLA8pQECzG/CuCJgAYhaKMhvYXyC77HclDLaCs6fvwuHsYu0wTOah+5CHnpeL3jl4vlzZ89YO9tbmzkjc4u+cfqUtr62urK8tLgwPzc7k04lE3z65NTkxPgYO6H+J1990NVnXX3c36ME7od+wzYPYcBwQWJZJlOQzv05aUBRorIInU87ScBvEVo4oJgF8bwdIH3FgVY+qD8H4rj8t/rJ+rOEmhAa75ZjOxUPpop23pD8OakjR5+DQV+nqgSE8Y627wV4pkddj5zHq5bIRA/tcVVtNC8yHirIcTOLNowci6aVhpd1jFCzmD+dc9iXA2nAyAKKB0j6GqDcEtyHlu1pMMVBGJelpF8FpQHH/wYSA6ycBRRtH5sc33n4Y9M7ZHwNBzBgeC6d6T+zQKV+Wy3akflVatzegvcK7wRdnQYzLnWeAFVR0NnldBcbDxK7LcDSafwVC5K51geovVssQFRXba6SQ9Dr7hywrNoIcQexczWaxaeEPqMKiDkabAStBrS9RHoAegVQnQaJ1/z1DRntu1zymFe51Qax8tg2QOK4WS3DkJXfPXPCVeRWqatNdoyOy1HzQr5HGLngKzq8uazqVS+52gCwm4S8YodhX1VfIxCd6kyIcOjOmaT7gW8j+mb/AT0OfP8qnepGwa7R6sbb5mH7kwnqm8ysutlkwjzMuCOT9okdiMVtzzH70OsVCo/tH4bd9MpR6E9Tfdn7/4PUBl2DjZQdI8891JcOv0ShsUb9+qVusiMkNkfojc6usFFCTUAXvngNu7ZZZebdQuqzkmevRAzjCAZ4Gvm+qV9Q8TI7W19xewDT8XmYgnAMwrgBenlbRGX6c9Q8DVSyDrcrsRRClqudDtnWb4S28astKUZ9aVZbEuey+pbsvZbGWEXbzBLkORBs3anf+slvzl13Po/730M//ZvDdJ5VYlYhADLVdcktP7xZwesiD6FKovUx+3iRHMu5vj8ENOeHZ1BpNIV9RmXmB5Lk32a69KknLD1sbp1A7sgB2a3itWSChtroXNGCWGHPNSM5Wq28KPazwdQVokac+iOSr1LP2IbQZkBr4Mu/9g0gGbZKaO7Vsm6jeV9BXhl49GRdqMjoYrjKdUMFUMkGgTwlOdEx5YOSdTir3oLvvHShBFvgAz4/Sb2ho/1dDh67t+cWnYS8gPQ0d0BwR12v9SkXuh5zmwYuU9OZ6LdK4dwcyvV+hEXpahrOq/Y+PXit/E6j+Ry0r7jaig2IRChWF4g4vpMzmWrQxxshHS8FprgvM/oZA5lDi2G/Fs2hcgRQFBe0lUXYefJb4X383mxEcRmwBri3rIZigF/nodi38uD2nBo1fddGK+mSdJiYjkAVl3jPy6xOBxpFomx+io+qvqUL47nnqETUbHjHgZ53MR/0rwk62yLjKGDXBFT4GqYmrTp6LlA3qwbroci1oNE87/CVF9nUrPZJn+Y1mr3yMDuIgpsJ1uO56hpVQZ9Wy9oiYPdJKZdtgqSP1GtJb3dD1TUTqOpbEntsq3yiZEoWAlKf1AjjEHLcHJDDppuwrSbGtiXzEIbHaWTbopduNIuRy1rJBj3B90z4MHnAvwWBgDIBw9cKgY6vlXbtYxkheq1svyBgwXAzTjAmc8GioKcETPAoRddHFraKqfbYIcd6HjxmQmcyqV1sYDTvau/BqEPokpnQEQIdc3yXPPFBNol3EFBQgZNltAN+tSH/cEuDQBEEqE781D0G3VBg4UQdfbIY0IL8avXwNMPMCOvD6WaMieC4rVOHDZvOGmZxUg1yw/pAz/3yDBB3bXh7B2ttO7XOLjarQzhJxnAPQnJ+NeccY2ZnpxVqC1OJ41B3iVYnDvfDLnNf4g+5Bya5eZfYP0HsOZ69B8J2S+CyqaqOiEPK1xthhJ8QMy1yrWFzOKNNEFk8vLt5VRX5RTbKzqe1gcJsbN65V59RNJbfOpV1mea9dzSmd5aZ7EXYIM4PfwBJ0jWwu040xB84Tjk7Q2zPmrYI56wM3RmJgHMex4C+UmqrOLFsmLO60qGzMPI0l3OeNKbPfGDzgAeyv2s2vm/Wvv+u1lIU7C4q5A2xKUOc3k1SkALhZPNJjnM2tA8/2im1SoTkc87049HnkaOQK1CTX1Cbm+ddRYRw0RVB3L5Da/rg0FFIBXfSF8aguyz3rFkZQlPOdaIIoqJ27aOdkZEtaalNL9ZKAzDnZd3x49shZOTwZBNWgxBja+4oxJulCaqZwkbRKke1WI5qK3wVY7kZdlcMvO3xGHdiB4R0zhmpi+ReNIqxpI9ocxgFkZE7d0vuiorieZe7BT8uy7eINxSjxo4cqlmMl8QtQoUCR1NbhgFeixDPUJxX0UVzvNWWlxpLe0Xm9pF8jd0HeHZ0wZTU/bliQ4nVFeBkJkzpokJlkSiaHpd52yHswdPnPCJBWlHdk2ciW59A8IpN6QIv49585tjSPonSBOmuxln55d6qsDjGD8s79upjC/sUSgOUvElszur85P8Us0pdUZr1Hto6eHbSoCFzUm1z5wwZNCt58N9MQ7e05Vp5qDVttOO7dg8L7Wawrr3gXcmOO1vRCg8JNnQLDbMxdd+OIrsNMj3t5tlvZl644vWS510Mz6RAHB9TEBEDIZ9z9mmVzJKP5hXr3KGmkulvUOVhWokril64KcQ1EaK8wpjbuXf2ik7xiS4tIhW81F3TNqzlwfb2O81kYexW2m5/2SOb3HJYVijZn1WmvOZ/Nu9clkSC7Yyr7/H/xfAFo9sytiG6wwuYXnqZcnbMADsn0iCrapL2pgxHMmAlqDtojQlGmU/CBItb5M1ycTCGlK/EwN9VizC7Zk10SteXcqIH1GC7bDRlKoIF6/V0dxy66yaxxdBJ4RH0CKytm+TushBWuC3obG4d9vheeMEZR7WzSE9sJdelyqQUHSPUg09OS6WzSTzfgSpe/olkVBoxOXjSi4oLDM/k0EsiSn3ykCQhbKu9mBEatXA6JkCdxlUmlpDLfP6C27qO4GBNvex9x7Ce/1iMwAQ8E7VSHwjDGcq5O15jBGbrUVxXtM5HG5mflMkLKojQ7bm3DMbFcrCwe8syLK4tvL4Qa3L9fKRGmynmfwpHGqEVsMkXCshd0mAd6U20RlKbjJosG5wOvfvGVx0pSUhk+8yiMCk6ubQ+pY2iJxbPhn+C1iMUHZvWrJm0hf2Ftbgbegh95I6UfHlcdRLJRwlfUs8dZiwKWYSdhloqJfy1EK59QgFS560hCRikrKAg5hPf+DEoQCaI/OUQ/Nr1tCQ+I/LFhMZn5cU3BTd56pzYHonWA1ZAufJ6hsX1hdcWDj/lvWUwDpaLhYU8rj7/2ID85WZ4KhJA0vC/c0LHhQ3N0nS3f3JzRzoVeXcdkYCkAjQkPka9NqfFkLxF+RtPaAAViSfc/lNQCTe+aHHlXX948bX5xZgpDO5gz/ME3HmJAcL8ZKJv2awS9DS63lawKM7tyPuZjrDGgRfxNJN0iSTA3yfecy8DXSZNB317UvR4K40LcBAW5DfPb2FWr7aymzM/hGtsZW9lRXPdZwu5R9Jam3a8Uq9fr37V8Vvz1kKZ0N+iwGXsfrBqMGe5v9A6i3jOzk3sYgNYcuYFG3g6MGvAfwH7N5RJaZVmrlgS4JG+Kt0jALetB2FDcAHJKo/0gJLk1KSmRRSEUcf0NbtWSCEsSLEgTh2WLtZiQjWcVu0OGQbyl1Wlrp13ucxfZHG7uhW7LXr5sxXrHhW0mDqurWBJwAC7qoo9ELBEgFlAQAQ3da0+IaYc5rKLDWBs/J5+eNXHtlizwmm0KJbw2PdPQuNugMILMzMXhdVdVj7NPh2Z/kFbvGjO/M6hztnBHRVXgoe4aaUbblQLL2asc0EIfhs246guvE6z41+dOYzKSsYcAcuMaSfiz7TplsdLNieLsctfv47CipM3p5D1CoWenDKB4H1asO9RlIEgIR5Rm7qaQpAQjDIvAgPeidmnnTNHuy/mDojJzSNhFo6S8+Ke0Go0fn/mZ+PG/rdcHsNlz0/Rk+UKsj7liEQiWg2NK/mZztLd3mG6392AT+2G2cyd8StB9CL9l0egV6HtV6w2UTjUJPD/h3rbg36tDCb6KwcTkafECBlzKivnMIQYUl4uRnBUD38sdc7OdubId/Opr4RGc/bPKrBkIOEgZxDgXTpj3slpqbcyO7jCYFjBkRF+/VBgwPb7wSK2MntaS1RbBHFqn+HuttxgWL4CmH9gkOxDL3TcYwJh3/beGtVKz2KxZ6XakdsY3gvBCgbTr9X2oKYemiisMco25qHRq9AI5ZcifRB9/MrMHbMboNjRdZRWIqbyQhg7XwDMGnTew/QAiff127br7ycCPehVrf1iwdjbmv1z5+7T3I4FHdX277wLc47Kcrlz12yDfeHZQmtWPi1qDmJMXpu6blmQsa2ra1smT/3MriPO9Gw7Ww84H4lgYZh7h0Xb1YCYL4394ycF78Tu18yZo9kfewfsQecIUYLZwtL6MynF0i9GBIcUTb93pN8TK2Pm3bqOaOQPPolXEpoBzbJqBgPXcXQS6WlPbBg8CAQAmTP+XUNS3sftxj1RERWi9ZOeaEl4RE+f+6f/Dn7Ldx5QZgFQQ0UoAf+My/EHX3jgwIvmfEWK7YNI7jVBLtpMPdtNp9dwjs+MeOgmxg8EQPum4UNKjQgU2hvoSwD0b+oVYEAAaHEUNAijBvAFgOnGBD18sTEFHYRD0mWHZNjGLAw2MkVn5MZK/IZ9G6vQJ4M25mEk722spVeTxEPq2EvtZB47DDHwN8Qgg43ibz4KoUQ5NKjgqfNQCXdToUE5zoqc0IWUD72FGB7YNgTPayhI2ZQTYhMxJbUDURW9TCgEWh98PMILdyT9FfMsTxoWUptv5Bf5IVh/8ZQbW2HM3KhZqlGKCbGpRhIl4yRGBiCRpWdEYhiNOKWmVEAiIGfmIp5CdFQtyEEqqArhzrKF7rQXnKi/UEHLzQwSjOBhJI/REpeEtB6/pWJdzBUw1rwhCsDoH/OPxwAJNEA3fnEiSZYCioVVA7INwxAyM2gKkUwKIxFSAUWNr4R8Iu6zU4OkmuhJ5pAE26xTYoMPwKKAMsgG66IUqWy+lD5xzT/yM49CJBoiosJVWDpKpYJWxiOquaAjIUdEkuV3KBE4mrAadNKadIQbW9CI2BhDU2Noa8lK/UFPa3NkqJSKAF5lRWdEKkhbGy8vWpuU2fvfRuFwXbkb/izbOImS6VBTkI44DbpDo4BCbMozOgi4F7p5puRGE3c3VPlRyZAgKiknHJ7y3SWWQ9dIdp8NNE4FjjTVzCJZ+rX68WcpZlqrf+9pB5vPXNsf7JlwZp1n3LkxbAhbykxsObtP5/W0Emwru1VrAI3BXskLgJhikuz/SN1P5vg/mMJ9uAd34CacBh94oA0aoB5qoQaqoRLKoRSKoQDSIQWSYD24wAnrYCWsgP/hP/gXPoNFMCulqz93Xu/X46RoY3u9PjKSQ/jFS1u+GqTeUm1viSYuLqP6PvCiTVM5orLKyRmVX0S9eYWxusAJadu16xDwCpdaBtyjhp/Ejv/nuX704ZRnz2k/6nP/QAr1IFExG4ulyC+hGPG0lxeFetPHl5KbY+yX88jYz32DjR3l05w7fJTrqLdc4ZTbO6Gr7VFwCHxd+CM0ZjPXXF0pr/f17JumKQ6nx8wUjed75+RCGR4yOcRsvzi6hjdjpn5DYzjs2VQ2Sjc4JU9pND5mXDneagzvTaHecIW3uq7VEU88O4T3Wv0AAtnYgfmWo6sffyTyw5ZqGFv94L0nkf7PLu3qz49QfGZfklqN4KanmyU2q7SFo81XL5icelX1OBoZWb3uh7hf6+T1msgffxTzhx8J8UdqWrbxnGFgdb+G+TVmV9nlvxpP1kL8p9qLGnVQw5M1TJaV/iVFWVSiC0p4XpHmlI5ZpXVGEdMKSikTkz1Tk+Fp3pPg4ROsZ4yFR0Z76Gj4tukvpwWkYXlMH7tt7MZYKCxHpI7OLqm1rV0SQy0SwoI00To02ir2j4bFDfELUXwOfYEK9432pfvEcHw0no6LBA9397cNdityX3c0FO9OE5zQprUpbUIb005oVBvRiNavKVpUC2sdWqsmakjLz5cxRC1klTMQw5NV2u48txoiLcJcG+jI79kBxk87wvIgXGtgVIbQyIQgauzKUQMPDOPL5BjRpAgs9/JTDufD4P2Dcc5jww7MTa1nc8gK17EAhGV4bu5cC6hTVfy4YGrChGmzAgnTzYKvKL7zrrt5rlGLE2bXGfphwyrpUQg6uhvki5k+3160SX4PBtmOvceWLGl0gASjHAgRa/2ddW/P1rf+8Zc//eGOm07z8WjToF6tGtUqlStVrMB7yQu8m96RV/d877pX8570HvUe8R729r28t+X1eDzfsQ4HAA==) format("woff2");unicode-range:u+1f30c,u+1f4ab,u+2728}body{background-color:#fff;border:0;color:var(--text-color);font-family:EmojiSubset,-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:small;line-height:1.5em;margin:0}@media screen and (max-width:500px){body{-webkit-text-size-adjust:100%}}a{color:var(--link-color);text-decoration:none}a:hover{color:var(--link-hover-color)}ol,ul{list-style:none}input,textarea{outline:none}textarea{line-height:128%}table{border-collapse:separate;border-spacing:0}blockquote,h1,h2,h3,h5,h6,p{border:0;padding:0}blockquote,p{font-family:inherit}blockquote,body,code,h1,h2,h3,h4,h5,h6,p,pre{font-style:inherit;outline:0;vertical-align:baseline}blockquote,code,p,pre{font-size:100%;font-weight:inherit}body,code{margin:0}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}[disabled]{opacity:.5;pointer-events:none}p{margin:5px 0}select{color:#222;font-family:arial;font-size:14px;margin:0;padding:3px}h1,h2,h3,h4,h5,h6{font-weight:700;margin:5px 0}h2{font-size:120%}h3,h4{font-size:110%}h5{font-size:100%}@media screen and (max-width:500px){html{width:100%}}.bg1{background-color:#fffcf8}@media screen and (max-width:500px){.bg1{background-color:#f8f8f8}}@media only screen and (min-width:500px){.bg1{background-image:linear-gradient(#d4d4d4 1px,transparent 0),linear-gradient(90deg,#d4d4d4 1px,transparent 0);background-size:32px 32px}.bg1,.bg2{transition:background-color 1s;transition:background-image 1s}.bg2{background-color:#fff;background:linear-gradient(135deg,hsla(0,0%,81%,.333) 25%,transparent 0) -40px 0 /80px 80px,linear-gradient(225deg,#cfcfcf 25%,transparent 0) -40px 0 /80px 80px,linear-gradient(315deg,hsla(0,0%,81%,.333) 25%,transparent 0) 0 0 /80px 80px,linear-gradient(45deg,#cfcfcf 25%,#f5f5f5 0) 0 0 /80px 80px}.bg3{background-color:#fff;background-image:linear-gradient(135deg,#d9d9d9 25%,transparent 0),linear-gradient(225deg,#d9d9d9 25%,transparent 0),linear-gradient(45deg,#d9d9d9 25%,transparent 0),linear-gradient(315deg,#d9d9d9 25%,#fefefe 0);background-position:80px 0,80px 0,0 0,0 0;background-repeat:repeat;background-size:80px 80px}}.avatar-normal{border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.1);color:transparent;display:inline-block;height:40px;width:40px;object-fit:cover;overflow:hidden}.iconpark-icon{height:12px;vertical-align:middle;width:12px}.nsk-badge{white-space:nowrap}.nsk-badge.read-only{border:1px solid;color:#c71e1e;font-size:12px;padding:0 2px}.small-margin{margin:5px 0}.nsk-container{box-sizing:border-box;margin:auto;width:1080px}@media screen and (max-width:1200px){.nsk-container{margin:0 20px;width:auto}}@media screen and (max-width:500px){.nsk-container{margin:0}}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#2ea44f;border:1px solid rgba(27,31,35,.15);border-radius:6px;border-radius:4px;box-shadow:0 1px 0 rgba(27,31,35,.1);box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,system-ui,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:14px;font-weight:600;height:27px;line-height:20px;line-height:25px;padding:0 1rem;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;vertical-align:middle;white-space:nowrap}.btn:hover{background-color:#45ca6b}.category-description{color:#555;line-height:1.5;margin-bottom:30px}.circle-icon{border-radius:50%;height:15px;padding:1px;width:15px}.pined{background-color:#303030;color:#fff}.award{color:#ef740a;position:relative;top:-1px}.pined.payed{background-color:#fddea9;color:#774b00}.loading-img{max-height:10px;max-width:10px}.logo-link:active{-webkit-tap-highlight-color:rgba(0,0,0,0)}[id$=mount]{line-height:80px;text-align:center}.skeleton{animation:loading 2s ease infinite}.avatar-normal.skeleton{animation-iteration-count:2}@keyframes loading{0%{background:#aaa;background-image:linear-gradient(100deg,#eee 40%,#fff 50%,#eee 60%);background-position:100% 50%;background-size:300% 100%}to{background:#aaa;background-image:linear-gradient(100deg,#eee 40%,#fff 50%,#eee 60%);background-position:0 50%;background-size:300% 100%}}@keyframes opacity{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.blocked-comment,.blocked-post{display:none!important}.new-discussion{margin-bottom:1rem;width:100%}a.new-discussion{color:#fff}.grecaptcha-badge{visibility:hidden}.msc-body,.msc-cancel,.msc-ok{color:var(--text-color)}.triangle-left,.triangle-right{border-color:transparent transparent gray;border-style:solid;border-width:0 6px 10px;display:inline-block;height:0;width:0}.triangle-right{transform:rotate(90deg)}.triangle-left{transform:rotate(270deg)}.post-content{color:#444;font-size:14px;line-height:1.5;margin-bottom:16px;margin-top:14px;overflow:hidden}.post-content i:not([class]){display:none}.post-content img{box-shadow:0 0 4px rgba(0,0,0,.4);margin:1rem 2.5%;max-width:95%}.post-content img.sticker{box-shadow:none;margin:0;max-width:50px;vertical-align:middle}.post-content img[src$=noshadow]{box-shadow:none}.post-content video.sticker{vertical-align:middle}.post-content p{margin:10px 0}.post-content h2{color:#2ea44f;line-height:1.5}.post-content h2,.post-content hr{border-bottom:1px solid #e9e9e9;border-top:none}.post-content a{color:#0dbc79}.post-content h3,.post-content h4,.post-content h5,.post-content h6{color:#555a62;line-height:1.25}.post-content a,.post-content div,.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6,.post-content p,.post-content span,.post-content td,.post-content th{text-overflow:ellipsis;word-break:break-word}.post-content h2{font-size:17px}.post-content h3{font-size:16px}.post-content blockquote{background:rgba(0,0,0,.05);border-left:4px solid rgba(0,0,0,.1);margin:1em;min-width:200px;overflow-y:auto;padding:1ex 10px}.post-content code,.post-content pre{background:#ffff9954;border:1px solid #eec;border-radius:2px;font-family:monospace;overflow:auto;padding:4px 8px}.post-content pre>code{background-color:unset}.post-content code{white-space:pre-wrap}.post-content pre,.post-content pre code{white-space:pre}.post-content pre{box-sizing:border-box;margin:1em 0;max-width:724px}.post-content pre code{border:0;padding:0}.post-content ol,.post-content ul{margin:1em 0 1em 2em}.post-content ol li,.post-content ol ol ol ol li,.post-content ol ol ol ol ol ol ol li{list-style:decimal!important}.post-content ol ol li,.post-content ol ol ol ol ol li{list-style:lower-alpha!important}.post-content ol ol ol li,.post-content ol ol ol ol ol ol li{list-style:lower-roman!important}.post-content ol ol,.post-content ol ul,.post-content ul ol,.post-content ul ul{margin:0 0 0 1em}.post-content ul li{list-style:none!important;position:relative}.post-content ul li:before{content:"\2022";font-family:arial,serif!important;left:-1em;position:absolute}.post-content li,.post-content.post-content ul li{margin:5px 0}.post-content table{background:#f2f6fc;border:1px solid #dcdcdc;border-collapse:unset;border-radius:4px;border-spacing:0;box-sizing:border-box;font-size:13px;margin-bottom:18px;max-width:100%;outline:0;overflow:hidden;text-align:center}.post-content table thead th{background:#ebeef5;font-weight:500}.post-content table td,.post-content table th{border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;padding:8px}.post-content>div{padding:3px}.post-content .img-error,.post-content .img-loading{min-height:60px;min-width:80px}.post-content .img-error{background-image:url(/static/image/img-load-error.svg),linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-position:50%,0 0,0 10px,10px -10px,-10px 0;background-repeat:no-repeat,repeat,repeat,repeat,repeat;background-size:contain,20px 20px,20px 20px,20px 20px,20px 20px}.post-content a[href^="/member?t="]{color:#0f8055;font-style:italic}.dark-layout .post-content a[href^="/member?t="]{color:#1c9165}.dark-layout .post-content details{background:#3b3b3b}.post-content details{background:#f9fafe;border-radius:16px;margin:1em 0;padding:1em 2em}.post-content summary{cursor:pointer;padding:0;position:relative}.dark-layout .post-content details[open]>summary{border-bottom:1px solid #2a2b2d}.post-content details[open]>summary{border-bottom:1px solid #e3e8f4;margin:0 0 1em;padding:0 0 1em}.post-content .card{border-radius:16px;margin:1em 0;padding:1em 2em}.post-content .card.note{background-color:#d5f0c3}.dark-layout .post-content .card.note{background-color:#d5f0c343}.post-content .card.warning{background-color:#ffbab5}.dark-layout .post-content .card.warning{background-color:#ffbab543}.post-content .card.info{background-color:#c6e3ff}.dark-layout .post-content .card.info{background-color:#c6e3ff43}.post-content .card.draft{background-color:#ebbfeb}.dark-layout .post-content .card.draft{background-color:#ebbfeb43}header{background-color:var(--bg-main-color);box-shadow:0 0 5px rgba(0,0,0,.1);transition:background-color .5s}@media screen and (max-width:500px){header{background-color:unset;box-shadow:none}}header .beta-icon{color:#ccc;font-size:11px;font-weight:400;position:relative;top:-14px}header .site-title{font-family:helvetica neue,helvetica,arial,sans-serif;font-size:24px;font-weight:700;margin-right:6px}header div.color-theme-switcher{color:var(--link-hover-color);cursor:pointer;padding:0 5px;position:absolute;right:10px}header .search-box{flex:0 1 170px;margin-left:auto;max-width:290px;position:relative;transition:all 1s ease-in-out}header .search-box:hover{flex:1 1 170px}header .search-box #search-site2{transition:all .5s ease-in-out;width:100%}header .search-box input[type=text]:focus{border-color:#2ea44f}header .search-box .search-icon{position:absolute;right:6px;top:7px}header .search-box .search-hint{background-color:var(--bg-main-color);border-radius:4px;box-shadow:0 3px 8px rgba(0,0,0,.24);box-sizing:border-box;display:none;left:0;overflow:hidden;padding:5px 10px;position:absolute;top:33px;width:100%;z-index:999}header .search-box .search-hint a{display:block;height:30px;line-height:30px;padding:0 5px;word-break:keep-all}header .search-box .search-hint .selected-search-hint,header .search-box .search-hint a:hover{color:#2ea44f}header .search-box .search-hint a:nth-last-child(n+2){border-bottom:1px solid rgba(0,0,0,.1)}header .search-box .search-hint:has(a:hover) .selected-search-hint:not(:hover){color:unset}#nsk-head{align-items:center;display:flex}@media screen and (max-width:500px){#nsk-head{background-color:var(--bg-main-color);box-shadow:0 0 5px rgba(0,0,0,.1)}}#nsk-head .nav-menu{align-items:center;display:flex;height:40px;margin-left:0}@media screen and (max-width:500px){#nsk-head .nav-menu{height:30px}.nav-menu{flex:1;font-size:14px}.nav-menu .iconpark-icon{height:14px;width:14px}.nav-menu .meta-button{background-color:#000;margin:0 5px 0 0;text-align:center;width:30px}}.nav-menu li{margin:0 8px}@media screen and (max-width:500px){.nav-menu li{height:30px;line-height:30px;margin:0 5px}}.nav-menu .current-category{font-weight:700}.nav-menu .right-button-group{border-left:1px solid #333}@media screen and (max-width:500px){.nav-menu .right-button-group{border-left:1px solid #ccc;margin:0;padding:0 9px;text-align:center}}.head-nav .dropdown>ul{background-color:var(--bg-main-color);border:1px solid #ccc;display:none;position:absolute}.head-nav .dropdown>ul li{padding:2px 4px}.head-nav .dropdown>ul li:hover{text-decoration:underline}.head-nav .dropdown:hover>ul{display:block}.mobile-nav{background-color:var(--bg-main-color);border-radius:4px;box-shadow:0 0 3px rgba(0,0,0,.1);display:flex;flex-wrap:wrap;margin:9px 4px 0}.mobile-nav li{margin:3px 6px}.mobile-nav .current-category{font-weight:700}.site-title .title-text{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}@media screen and (min-width:500px){body>header{left:0;position:fixed;top:0;width:100%;z-index:10}section#nsk-frame{margin-top:40px}}#nsk-frame{background-color:unset;border-radius:0;box-shadow:unset;margin:0 auto;min-height:100vh;overflow:hidden;position:relative;width:100%}#nsk-body{background-color:var(--bg-main-color);border-radius:1rem;box-shadow:0 3px 8px rgba(0,0,0,.24);box-sizing:border-box;display:flex;margin-bottom:20px;margin-top:15px;padding:25px 30px;position:relative;transition:background-color .5s}@media screen and (max-width:500px){#nsk-body{border-radius:4px;margin-left:4px;margin-right:4px;margin-top:9px;padding:20px 3px;position:relative}}#nsk-body-left{box-sizing:border-box;flex:1;min-width:0;padding-right:20px}@media screen and (max-width:500px){#nsk-body-left{padding-right:0}}#nsk-body-left .post-list-controler{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}#nsk-body-left .post-list .post-list-item{border-bottom:1px solid rgba(0,0,0,.05);display:flex;padding:8px;position:relative}@media screen and (max-width:500px){#nsk-body-left .post-list .post-list-item{padding:4px 8px}}#nsk-body-left .post-list .post-list-item .post-list-content{margin-left:10px}#nsk-body-left .post-list .post-list-item .post-title{font-size:14px;font-weight:700}#nsk-body-left .post-list .post-list-item .post-info{color:var(--link-color);font-size:11px}#nsk-body-left .post-list .post-list-item .post-info .info-item:first-child{margin-left:0}#nsk-body-left .post-list .post-list-item .post-info .info-item{margin-left:4px;margin-right:4px;white-space:nowrap}#nsk-body-left .post-list .post-list-item .post-info .info-item *{vertical-align:middle}#nsk-body-left .post-list .post-list-item .post-category{background:var(--bg-sub-color);border:none;border-radius:2px;bottom:8px;box-shadow:0 0 2px rgba(0,0,0,.5);color:unset;height:20px;line-height:20px;padding:0 4px;position:absolute;right:13px}#nsk-body-left #content{overflow:hidden;padding-top:1rem}#nsk-body-left .sorter{background-color:#888;border:1px solid #737373;border-radius:3px;display:inline-flex;margin:0 8px;overflow:hidden}#nsk-body-left .sorter>a{background-color:var(--bg-main-color);cursor:pointer;display:block;padding:0 5px}#nsk-body-left .sorter>a.selected{background-color:#888;color:var(--bg-main-color)}#nsk-right-panel-container{flex:0 0 260px}@media screen and (max-width:1200px){#nsk-right-panel-container{flex:0 0 200px}}@media screen and (max-width:800px){#nsk-right-panel-container{display:none}}#nsk-right-panel-container .nsk-panel{border-radius:1px;box-shadow:0 0 5px 0 rgba(0,0,0,.1),0 0 1px 0 rgba(0,0,0,.1);color:#888;margin:0 0 10px;padding:6px 10px}#nsk-right-panel-container .nsk-panel h4{color:var(--text-color);margin:0}#nsk-right-panel-container .nsk-panel h4>*{vertical-align:middle}#nsk-right-panel-container .nsk-panel ul{padding-left:10px}#nsk-right-panel-container .nsk-panel ul li{height:24px;line-height:24px;padding-left:10px}#nsk-right-panel-container .nsk-panel ul li:nth-last-child(n+2){border-bottom:1px solid rgba(0,0,0,.06)}#nsk-right-panel-container .nsk-panel ul .iconpark-icon{margin-right:5px}.nsk-new-member-board{display:flex;flex-wrap:wrap;padding:5px 0}.nsk-new-member-board .new-member-item{font-size:12px;overflow:hidden;text-align:center;width:60px}@media screen and (max-width:1200px){.nsk-new-member-board .new-member-item{overflow:hidden;text-align:center;width:44px}}#nsk-left-panel-container{left:calc(50% - 710px);position:fixed;top:55px;width:150px}@media screen and (max-width:1360px){#nsk-left-panel-container{display:none}}#nsk-left-panel-container .category-list{background-color:var(--bg-main-color);border-radius:12px;box-shadow:2px 0 8px rgba(0,0,0,.08);font-size:14px;margin-left:auto;overflow:hidden;transition:left .3s ease;width:100px;z-index:100}#nsk-left-panel-container .category-list h4{background-color:rgba(0,0,0,.05);display:none;height:30px;line-height:30px;margin:0;text-align:center}#nsk-left-panel-container .category-list h4 svg{height:18px;width:18px}#nsk-left-panel-container .category-list ul{list-style:none;margin:0;text-align:center}#nsk-left-panel-container .category-list li:first-child>a{padding-top:8px}#nsk-left-panel-container .category-list li:last-child>a{padding-bottom:8px}#nsk-left-panel-container .category-list a{align-items:center;color:#666;display:flex;justify-content:center;padding:6px 0;text-decoration:none;transition:background .2s,color .2s}.dark-layout #nsk-left-panel-container .category-list a{color:#999}#nsk-left-panel-container .category-list a svg{margin-right:6px}#nsk-left-panel-container .category-list .current-category a,#nsk-left-panel-container .category-list a:hover{background:#f1f3f5;color:#0dbc79}.dark-layout #nsk-left-panel-container .category-list .current-category a,.dark-layout #nsk-left-panel-container .category-list a:hover{background-color:rgba(0,0,0,.15)}#nsk-left-panel-container .category-list a svg{fill:currentColor;height:16px;vertical-align:middle;width:16px}#nsk-left-panel-container .category-list li:not(.current-category){opacity:.5;transition:opacity .3s ease}#nsk-left-panel-container .category-list li:hover:not(.current-category){opacity:1}footer{background-color:#333;height:auto;position:relative;width:100%}.contain{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 20px}.contain,footer .col{box-sizing:border-box}footer .col{height:auto;padding-bottom:20px}footer .col .group-head-link{color:#edd6ac;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.25em;line-height:17px;margin:0;padding:20px 0 5px;text-transform:uppercase}footer .col ul{list-style-type:none;margin:0;padding:0}footer .col ul li{color:#999;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;padding:5px 0;transition:.2s;-webkit-transition:.2s;-moz-transition:.2s}.social ul li{display:inline-block;padding-right:5px}footer .col ul li:hover{color:#fff;transition:.1s;-webkit-transition:.1s;-moz-transition:.1s}.clearfix{clear:both}.foot,.footer-sep{width:100%}.foot{border-top:1px solid hsla(0,0%,100%,.1);text-align:center}@media only screen and (min-width:1280px){.contain{margin:0 auto;width:1200px}}@media only screen and (max-width:1139px){.contain .social{display:block}.social .group-head-link{margin:0}}@media only screen and (max-width:950px){footer .col{width:33%}footer .col .group-head-link{font-size:14px}footer .col ul li{font-size:13px}.col.pc{display:none}}@media only screen and (max-width:500px){.head{height:30%}.rool{font-size:60px}footer .col{width:50%}footer .col .group-head-link{font-size:14px}footer .col ul li{font-size:13px}}@media only screen and (max-width:340px){footer .col{width:100%}}@keyframes drop{0%{opacity:0;transform:translateY(-80px)}to{opacity:1;transform:translateY(0)}}.nsk-pager a,.nsk-pager span{border:1px solid rgba(0,0,0,.01);margin:0 2px}.nsk-pager.pager-bottom{margin-top:10px}.nsk-pager .pager-next,.nsk-pager .pager-prev{color:#888}.nsk-pager span.pager-next,.nsk-pager span.pager-prev{cursor:not-allowed;opacity:.3}.nsk-pager .pager-next,.nsk-pager .pager-pos,.nsk-pager .pager-prev{border-radius:3px;box-sizing:border-box;color:#888;display:inline-block;font-family:monospace;font-size:16px;height:18px;line-height:18px;min-width:18px;text-align:center;vertical-align:middle}@media screen and (min-width:500px){.nsk-pager .pager-next:hover,.nsk-pager .pager-pos:hover,.nsk-pager .pager-prev:hover{background-color:rgba(0,0,0,.1)}.dark-layout .nsk-pager .pager-next:hover,.dark-layout .nsk-pager .pager-pos:hover,.dark-layout .nsk-pager .pager-prev:hover{background-color:hsla(0,0%,100%,.1)}}.nsk-pager .pager-pos.pager-cur{background-color:var(--bg-sub-color)!important;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24),0 0 0 1px rgba(27,31,35,.15);color:#888;cursor:not-allowed}.nsk-pager .ellipsis{font-family:Arial,Helvetica,sans-serif}.role-tag{border:1px solid var(--text-color);border-radius:3px;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;margin-left:4px;margin-right:4px;padding:0 3px}.role-tag.role-admin{background-color:#2ea44f;border:1px solid #2ea44f;color:#fafafa}.role-tag.role-dev{background:linear-gradient(45deg,#ef00ff,#001fff);border:1px solid #920f9b;color:#fafafa}.role-tag.role-creater{background-color:#222;border:1px solid #222;color:#fafafa}.role-tag.role-provider{background-color:#fbd38d;border:1px solid #fbd38d;color:#c05621}.role-tag.role-agency{background-color:#bb551d;border:1px solid #bb551d;color:#fff}.role-tag.role-partner{background-color:#338fc6;border-color:#338fc6;color:#fff}.role-tag.role-blog-owner,.role-tag.role-channel-owner{background-color:#00a7ff;border:1px solid #00a7ff;color:#fff}.role-tag.role-banned,.role-tag.role-fraud,.role-tag.role-suspend{border:1px solid #d74c4c;color:#d74c4c}.role-tag.role-arrange{background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0,#c850c0 46%,#ffcc70);border:1px solid #ffcc70;color:#fff}.role-partner{background-color:#338fc6;border-color:#338fc6;color:#fff}.role-recycler{background:linear-gradient(135deg,#3e4e3e,#2f3a2f);border:none;border-radius:25px;color:#fff;display:inline-block;font-weight:700;padding-left:26px;padding-right:10px;position:relative}.role-recycler span:before{color:#76ff03;content:"\267B";font-size:16px;left:6px;opacity:.7;position:absolute;top:50%;transform:translateY(-55%);vertical-align:middle}.provider-grid-container{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-wrap:wrap}.provider-grid-container .provider{align-items:center;background-color:rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.3);box-sizing:border-box;display:flex;height:100px;justify-content:center;margin-bottom:20px;padding:0 10px;transition:all .5s;width:20%}.provider-grid-container .provider:nth-child(5n){border-right:none}.provider-grid-container .provider:hover{background-color:rgba(0,0,0,.2)}@media screen and (max-width:500px){.provider-grid-container .provider{width:33.3%}.provider-grid-container .provider:nth-child(3n){border-right:none}.provider-grid-container .provider:nth-child(5n){border-right:1px solid rgba(0,0,0,.3)}}.nsk-post-wrapper .content-item{border-bottom:1px solid rgba(0,0,0,.05);padding:8px;position:relative}.nsk-post-wrapper .floor-link-wrapper{position:absolute;right:0}@media screen and (max-width:500px){.nsk-post-wrapper .floor-link{right:5px}}.nsk-post-wrapper .pined-comment-badge{background-color:#2ea44f;border-radius:50%;box-shadow:2px 2px 3px rgba(24,68,20,.45);color:#fff;height:16px;padding:3px;vertical-align:-5px;width:16px}.nsk-post-wrapper .hot-badge{background-image:url(/static/image/hot.svg);background-repeat:no-repeat;background-size:contain;display:inline-block;height:30px;overflow:visible;vertical-align:middle;width:30px}.nsk-post-wrapper .award-corner .corner-triangle{background-color:#efb20a;background:linear-gradient(#ffa001,#ff0);clip-path:polygon(100% 0,0 0,0 100%);height:45px;left:0;position:absolute;top:0;width:45px}@media screen and (max-width:500px){.nsk-post-wrapper .award-corner .corner-triangle{height:30px;width:30px}}.nsk-post-wrapper .award-corner svg{left:5px;position:absolute;top:5px}.nsk-post .post-title h1{font-size:18px;margin:0 0 10px;padding:0 8px}.nsk-post .post-title h1>*{vertical-align:middle}.nsk-post .post-title-link{color:var(--text-color)}.nsk-post .post-title-link:hover{color:var(--link-color)}.nsk-content-meta-info{display:flex}.nsk-content-meta-info .avatar-wrapper{margin:0 10px 4px 0}.nsk-content-meta-info .author-info,.nsk-content-meta-info .content-info{font-size:11px}.nsk-content-meta-info .author-info>*,.nsk-content-meta-info .content-info>*{vertical-align:middle}.nsk-content-meta-info .content-info{color:#858585}.nsk-content-meta-info .author-name{font-size:15px;font-weight:700}.nsk-content-meta-info .is-poster{border:1px solid #00eaff;border-radius:3px;color:#00eaff;padding:0 3px}.nsk-content-meta-info .content-category,.nsk-content-meta-info .date-updated{margin-left:4px}.signature{border-top:1px dashed #e2e2e2;color:#787878;padding-top:5px}.signature a{color:#55b786}.signature a:hover{color:#23dc7f}.signature strong{font-weight:400}.signature>*{opacity:.5;transition:opacity .2s}.signature:hover>*{opacity:.7}.signature{max-height:44px;overflow:hidden}#fast-nav-button-group{bottom:40px;position:fixed;right:50px;right:calc(50% - 590px);z-index:99}@media screen and (max-width:500px){#fast-nav-button-group{right:30px}}#fast-nav-button-group .nav-item-btn{position:absolute;right:0}#fast-nav-button-group .nav-item-btn:last-child{bottom:0}#fast-nav-button-group .nav-item-btn:nth-last-child(2){bottom:40px}#fast-nav-button-group .nav-item-btn:nth-last-child(3){bottom:80px}.nav-item-btn{align-items:center;background-color:var(--bg-main-color);border:1px solid var(--glass-color);border-radius:20%;box-shadow:0 0 10px rgba(0,0,0,.3);box-sizing:border-box;display:none;height:30px;justify-content:center;width:30px}@media screen and (max-width:500px){.nav-item-btn{border:1px solid rgba(0,0,0,.15);box-shadow:none}}.nav-item-btn .iconpark-icon{color:#999;cursor:pointer;height:26px;width:26px}@media screen and (min-width:500px){.nav-item-btn .iconpark-icon:hover{color:var(--link-hover-color)}}#back-to-parent{display:flex}.image-box,.post-content img{cursor:pointer}.image-box{background-color:rgba(0,0,0,.8);box-sizing:border-box;height:100%;left:50%;line-height:100vh;overflow:auto;padding:0 10%;position:fixed;top:50%;transform:translateY(-50%) translateX(-50%);width:100%;z-index:9999}@media screen and (max-width:500px){.image-box{padding:0}}.image-box img{margin:auto;max-width:100%;vertical-align:middle}.image-box::-webkit-scrollbar{background:hsla(0,0%,100%,.1);height:5px;width:5px}.image-box::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);-webkit-border-radius:1ex;-webkit-box-shadow:0 1px 2px hsla(0,0%,100%,.75)}.image-box::-webkit-scrollbar-corner{background:hsla(0,0%,100%,.1)}body.dark-layout{--dark-color:#333;--fade-color:#555;--gray-color:#888;--main-color:#2ea44f;--sub-color:#45ca6b;--text-color:#aaa;--link-color:#c5c5c5;--link-hover-color:#fcfcfc;--bg-main-color:#272727;--bg-sub-color:#3b3b3b;--glass-color:hsla(0,0%,100%,.05)}.dark-layout.bg1,.dark-layout.bg2{background-color:#8c8f95}@media only screen and (max-width:500px){.dark-layout.bg1,.dark-layout.bg2{background-color:#555659}}@media only screen and (min-width:500px){.dark-layout.bg1{background-image:linear-gradient(var(--fade-color) 1px,transparent 1px),linear-gradient(to right,var(--fade-color) 1px,transparent 1px);background-size:32px 32px}.dark-layout.bg2{background:linear-gradient(135deg,hsla(0,0%,40%,.333) 25%,transparent 0) -40px 0 /80px 80px,linear-gradient(225deg,#656565 25%,transparent 0) -40px 0 /80px 80px,linear-gradient(315deg,hsla(0,0%,40%,.333) 25%,transparent 0) 0 0 /80px 80px,linear-gradient(45deg,#656565 25%,#3b3b3b 0) 0 0 /80px 80px}}.dark-layout #nsk-body{box-shadow:0 0 8px rgba(0,0,0,.7)}@media only screen and (max-width:500px){.dark-layout #nsk-body{box-shadow:0 0 8px rgba(0,0,0,.45)}}.dark-layout .user-card .user-stat{background-color:var(--bg-sub-color)!important;color:var(--text-color)!important}.dark-layout .user-card .user-stat a{color:var(--link-color)!important}.dark-layout .user-card .user-stat a:hover{color:var(--link-hover-color)!important}.dark-layout .hover-user-card{background-color:#333!important}.dark-layout .avatar-normal{box-shadow:0 0 2px rgba(0,0,0,.5)}.dark-layout .btn{background-color:#158736!important}.dark-layout .btn:hover{background-color:#23af4a!important}.dark-layout .md-editor{background-color:var(--bg-sub-color);color:#ddd}.dark-layout .md-editor .content-area #markdown-input:hover,.dark-layout .md-editor .title-input:hover{outline:1px solid #1f1f1f!important}.dark-layout .md-editor #mde-title,.dark-layout .md-editor .tab-select,.dark-layout .md-editor .title-input,.dark-layout .md-editor textarea{background-color:var(--bg-sub-color);color:#ddd}.dark-layout .md-editor #mde-title,.dark-layout .md-editor textarea{color:#ddd}.dark-layout .md-editor #mde-title::-moz-placeholder{color:#bbb!important}.dark-layout .md-editor #mde-title::placeholder{color:#bbb!important}.dark-layout .md-editor ::-moz-placeholder{color:#575757!important}.dark-layout .md-editor ::placeholder{color:#575757!important}.dark-layout .md-editor .expression{background-color:#515151!important}.dark-layout header{box-shadow:0 0 6px rgba(0,0,0,.8)}@media screen and (max-width:500px){.dark-layout header{box-shadow:none}}.dark-layout #nsk-head{align-items:center;display:flex}@media screen and (max-width:500px){.dark-layout #nsk-head{box-shadow:0 0 5px rgba(0,0,0,.45)}}.dark-layout .mobile-nav{box-shadow:0 0 3px rgba(0,0,0,.45)}@media screen and (max-width:500px){.dark-layout .nav-menu .right-button-group{border-left:1px solid rgba(0,0,0,.3)!important}.dark-layout .nav-menu .meta-button{background-color:#074d26}}.dark-layout #nsk-body-left .post-list .post-list-item{border-bottom:1px solid rgba(0,0,0,.3)}.dark-layout #nsk-right-panel-container .nsk-panel ul li:nth-last-child(n+2){border-bottom:1px solid rgba(0,0,0,.15)}.dark-layout .nsk-panel{box-shadow:0 0 5px rgba(0,0,0,.4)!important}.dark-layout .post-content{color:var(--text-color)}.dark-layout .post-content h2,.dark-layout .post-content hr{border-bottom:1px solid rgba(0,0,0,.3)}.dark-layout .post-content h3,.dark-layout .post-content h4,.dark-layout .post-content h5,.dark-layout .post-content h6{color:#a4a8ae}.dark-layout .post-content code,.dark-layout .post-content pre{background:#2e2e04;border:1px solid #56560b}.dark-layout .post-content pre code{border:0;padding:0}.dark-layout .post-content blockquote{background:hsla(0,0%,100%,.05);border-left:4px solid hsla(0,0%,100%,.1)}.dark-layout .post-content table{background:#323232;border:1px solid #1e1d1d}.dark-layout .post-content table thead th{background:#333435}.dark-layout .post-content table table th,.dark-layout .post-content table td,.dark-layout .post-content table thead th{border-bottom:1px solid #1e1d1d;border-right:1px solid #1e1d1d}.dark-layout .signature{border-top:1px dashed rgba(0,0,0,.3)}.dark-layout #left-slide-panel{background-color:#0a3228!important}.dark-layout .skeleton{animation:loading2 2s ease infinite;background:#444}@keyframes loading2{0%{background-image:linear-gradient(100deg,#3f3f3f 40%,#2f2f2f 50%,#3f3f3f 60%);background-position:100% 50%;background-size:300% 100%}to{background-image:linear-gradient(100deg,#3f3f3f 40%,#2f2f2f 50%,#3f3f3f 60%);background-position:0 50%;background-size:300% 100%}}.dark-layout .block-list table tr,.dark-layout .credit-table table tr,.dark-layout .invite-panel table tr,.dark-layout .ruling-log table tr{border:1px solid #505050}.dark-layout .nsk-friends,.dark-layout .nsk-providers{color:#ddd}.dark-layout .nsk-friends a,.dark-layout .nsk-providers a{color:#ddd;font-weight:700}.dark-layout .head-info,.dark-layout .nsk-friends a:hover,.dark-layout .nsk-providers a:hover{color:#fff}.dark-layout .pure-form legend{border-bottom:1px solid rgba(0,0,0,.4);color:var(--text-color)}.dark-layout .pure-form input[type=email],.dark-layout .pure-form input[type=number],.dark-layout .pure-form input[type=password],.dark-layout .pure-form input[type=text],.dark-layout .pure-form textarea{background-color:var(--bg-sub-color);border:1px solid var(--bg-sub-color);box-shadow:inset 0 1px 3px rgba(0,0,0,.4);color:#eee}.dark-layout .pure-form .pure-button{background-color:#858585;color:#eee}.dark-layout .pure-form .iconpark-icon{color:#eee!important}.dark-layout #search-site2{background-color:#555;border:1px solid #666}.dark-layout .nsk-notification .app-title{color:#d5d5d5}.dark-layout .message-item .content-column .content{background-color:#2d3730!important}.dark-layout .message-input textarea{background-color:var(--bg-sub-color)!important;color:var(--text-color)}.dark-layout .comment-menu .menu-item:hover{color:#ccc!important} /* ==================== Xiuno 闂傚棗妫欓崹姘辨偘閵夈儱甯犻柡宥呭槻缁 ==================== */ .post-list .nsk-thread-checkbox { align-self: center; margin-right: 10px; cursor: pointer; } .post-list .post-avatar-link { display: block; flex-shrink: 0; } .post-list .post-list-item.tap { cursor: pointer; } .post-list .empty-state { color: var(--text-color); padding: 20px 0; } .post-list .empty-state svg { width: 30px; height: 30px; color: var(--fade-color); } .nsk-forum-info .nsk-forum-brief { line-height: 1.6; } .nsk-forum-info .nsk-forum-brief .logo-5 { max-height: 40px; } .nsk-forum-info .nsk-forum-stat { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 8px; text-align: center; } .nsk-forum-mod .mod-grid { display: flex; flex-wrap: wrap; gap: 10px; } .nsk-forum-mod .mod-item { text-align: center; width: 60px; } .nsk-forum-mod .mod-item img { border-radius: 50%; } /* thread header meta layout */ .nsk-content-meta-info .content-info .meta-item + .meta-item { margin-left: 8px; } .nsk-thread-meta { gap: 8px; } .nsk-thread-meta .meta-actions a { color: #888; } .nsk-thread-meta .meta-actions a + a { margin-left: 12px; } /* Hide digest/award filters in nav tabs only, but keep sorter digest links visible */ .nav-tabs .nav-digest, .nav-tabs a[href*="index-digest"], .nav-tabs a[href*="forum-digest"], .nav-tabs a[href*="digest=1" i] { display: none !important; } /* Ensure sorter digest links are always visible */ .sorter a[href*="award" i], .sorter .nav-digest { display: block !important; } /* Quick access panel should still show award link */ .nsk-panel.quick-access ul li a { display: inline-flex; align-items: center; gap: 6px; } .nsk-panel.quick-access a[href*="award" i] { display: inline-flex !important; } /* pager styling to match NodeSeek UI */ .pagination.nsk-pager{gap:4px;} .pagination.nsk-pager .page-link{border:1px solid rgba(0,0,0,.05);border-radius:3px;background:var(--bg-main-color);color:#888;padding:4px 10px;min-width:32px;text-align:center;} .dark-layout .pagination.nsk-pager .page-link{border-color:rgba(255,255,255,.08);background:var(--bg-sub-color);color:var(--text-color);} /* Remove underline on site title hover */ header .site-title a:hover { text-decoration: none; } .pagination.nsk-pager .page-item.active .page-link{background:var(--bg-sub-color);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24),0 0 0 1px rgba(27,31,35,.15);color:var(--text-color);cursor:default;} .pagination.nsk-pager .page-link:hover{color:var(--link-hover-color);} .pagination.nsk-pager .page-item.disabled .page-link{opacity:.4;cursor:not-allowed;} /* hide legacy like/favorite buttons (replaced by comment-menu) */ .haya-post-like, .haya-favoriter { display: none !important; } /* comment menu layout */ .comment-menu-bar { display: flex; justify-content: flex-end; margin-top: 12px; } .comment-menu { display: inline-flex; align-items: center; gap: 12px; } .comment-menu .menu-item, .comment-menu .reply-btn { display: inline-flex; align-items: center; color: var(--text-color); cursor: pointer; } .comment-menu .menu-item .iconpark-icon, .comment-menu .reply-btn .iconpark-icon { width: 16px; height: 16px; margin-right: 4px; color: currentColor; fill: currentColor; stroke: currentColor; } /* 点击后的红色高亮状态 */ .comment-menu .menu-item.clicked .iconpark-icon { stroke: #ef4444; fill: #ef4444; color: #ef4444; } .comment-menu .menu-item.clicked { color: #ef4444; } /* 禁用状态（投喂后不可取消） */ .comment-menu .menu-item.disabled { cursor: not-allowed; } /* 投喂按钮特殊样式：已投喂后显示浅灰色 */ .comment-menu .nsk-feed-btn.clicked.disabled { color: #999; } .comment-menu .nsk-feed-btn.clicked.disabled .iconpark-icon { stroke: #999; fill: #999; color: #999; opacity: 0.7; } /* reply list typography */ .postlist .username a { color: var(--link-color); font-weight: 700; } .postlist .date { color: #888; font-size: 12px; } .postlist .message { font-size: 14px; line-height: 1.6; color: var(--text-color); } .floor-badge { color: #888; font-size: 12px; } /* Header nav adjustments for NodeSeek layout in Xiuno */ #nsk-head{display:flex;align-items:center;gap:0.1px;padding:0.5px 0;} #nsk-head .site-title a{display:flex;align-items:center;gap:6px;color:var(--text-color);} #nsk-head .site-title a:hover{color:var(--link-hover-color);} #nsk-head .nav-menu{display:flex;align-items:center;gap:1px;list-style:none;margin:0;padding:0;flex-direction:row;flex-wrap:nowrap;} #nsk-head .nav-menu li{display:flex;align-items:center;white-space:nowrap;} #nsk-head .nav-menu a{color:var(--link-color);line-height:1;white-space:nowrap;} #nsk-head .nav-menu a:hover{color:var(--link-hover-color);} #nsk-head .search-box{display:flex;align-items:center;gap:6px;margin-left:auto;margin-right:8px;} #nsk-head .search-box input[type=text]{height:30px;padding:0 10px;border:1px solid rgba(0,0,0,.1);border-radius:4px;} .dark-layout #nsk-head .search-box input[type=text]{border-color:rgba(255,255,255,.12);background:var(--bg-sub-color);color:var(--text-color);} #nsk-head .right-button-group{display:none;align-items:center;gap:12px;margin-left:auto;} #nsk-head .right-button-group .nav-item a{display:flex;align-items:center;justify-content:center;position:relative;} #nsk-head .right-button-group .nav-icon-only a{width:30px;height:30px;} #nsk-head .right-button-group .nav-avatar-only img{width:30px;height:30px;border-radius:50%;} #nsk-head .right-button-group .icon-link svg{width:17px;height:17px;} #nsk-head .right-button-group .badge-dot{background:#e74c3c;border:1px solid var(--bg-main-color);border-radius:50%;height:8px;position:absolute;right:4px;top:4px;width:8px;} #nsk-head .right-button-group .nav-item{display:flex;align-items:center;} #nsk-head .meta-button{cursor:pointer;} @media (max-width:768px){#nsk-head{flex-wrap:wrap;gap:10px;}#nsk-head .nav-menu{flex-wrap:wrap;}#nsk-head .search-box{order:3;width:100%;display:none!important;}} /* Theme toggle icon visibility */ .theme-toggle-btn .theme-toggle-icon { color: var(--link-color); } .theme-toggle-btn:hover .theme-toggle-icon { color: var(--link-hover-color); } /* Nav search alignment for NodeSeek header */ #nsk-head .nav-search-wrapper{display:flex;align-items:center;} #nsk-head .nav-search-form{display:flex;align-items:center;margin:0;} #nsk-head .nav-search-container{display:flex;align-items:center;gap:6px;border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:0 6px;background:var(--bg-main-color);} #nsk-head .nav-search-input{border:none;outline:none;padding:4px 2px;min-width:160px;} #nsk-head .nav-search-icon{color:#666;} .dark-layout #nsk-head .nav-search-container{border-color:rgba(255,255,255,.12);background:var(--bg-sub-color);} .dark-layout #nsk-head .nav-search-input{background:transparent;color:var(--text-color);} @media (max-width:768px){#nsk-head .nav-search-container{width:100%;}} /* Align header spacing with NodeSeek snapshot */ @media screen and (min-width:500px){body>header{left:0;position:fixed;top:0;width:100%;z-index:10}section#nsk-frame{margin-top:40px}} @media screen and (max-width:500px){body>header{position:static;top:auto;width:100%}section#nsk-frame{margin-top:0}} @media screen and (max-width:1200px){body>header{padding:0 20px;box-sizing:border-box;}#nsk-head.nsk-container{margin:0;width:auto;}} #nsk-head{padding:0.5px 0;} #nsk-body{margin-top:15px;padding-top:25px;} #nsk-body > .row{flex:1;width:100%;} /* NodeSeek user card header & stat */ .hover-user-card{background-color:var(--bg-main-color);} .user-card .user-head{display:flex;} .user-card .user-head .menu{padding:0 1rem;} .user-card .user-head .menu .Username{font-size:16px;color:var(--link-color);text-decoration:none;} .user-card .user-head .menu .Username:hover{color:var(--link-hover-color);text-decoration:none;} .user-card .user-head .menu .iconpark-icon{margin-right:6px;color:var(--link-color);width:16px;height:16px;cursor:pointer;} .user-card .user-head .menu .iconpark-icon:hover{color:var(--link-hover-color);} .user-card .user-head .menu > div > a{text-decoration:none;} /* ===== 图标链接通用样式 - 移除悬停下划线 ===== */ /* 以下选择器针对全站纯图标链接（只含 SVG，无文字），移除悬停时的错位下划线 */ /* 移动端导航按钮 */ .mobile-nav-btn, /* 快速导航按钮 */ .nav-item-btn a, #fast-nav-button-group .nav-item-btn, /* 评论菜单操作 */ .comment-menu .menu-item, /* 快捷功能区链接 */ .nsk-panel.quick-access ul li a, .nsk-panel ul li a, /* 侧拉菜单链接 */ .drawer-quick-links a, /* Tab 导航 */ .nsk-profile-tabs .nsk-tab-link, /* 帖子信息区图标链接 */ .post-info .info-item a, /* 版块列表图标链接 */ .category-list ul li a, #nsk-left-panel-container .category-list a, /* 工具栏按钮 */ .nsk-toolbar a, .nsk-toolbar button, /* 分页导航 */ .nsk-pagination a, /* 面板标题链接 */ .nsk-panel-header a { text-decoration: none; } /* hover 状态确保无下划线，保留颜色变化等其他效果 */ .mobile-nav-btn:hover, .nav-item-btn a:hover, #fast-nav-button-group .nav-item-btn:hover, .comment-menu .menu-item:hover, .nsk-panel.quick-access ul li a:hover, .nsk-panel ul li a:hover, .drawer-quick-links a:hover, .nsk-profile-tabs .nsk-tab-link:hover, .post-info .info-item a:hover, .category-list ul li a:hover, #nsk-left-panel-container .category-list a:hover, .nsk-toolbar a:hover, .nsk-toolbar button:hover, .nsk-pagination a:hover, .nsk-panel-header a:hover { text-decoration: none; } /* 帖子操作区链接（回复/编辑/删除） */ .text-right.text-grey a, .text-right.text-grey a:hover { text-decoration: none; } /* 帖子标题链接 - 移除悬停下划线 */ .post-title-link, .post-title-link:hover { text-decoration: none; } /* PC端导航栏 - 移除悬停下划线，当前版块高亮 */ .nav-menu-desktop a, .nav-menu-desktop a:hover { text-decoration: none; } #nsk-head .nav-menu-desktop .nav-item.active a, #nsk-head .nav-menu-desktop .nav-item.active a:hover { font-weight: 700; color: #222; } .user-card .user-stat{background-color:#ffffda;box-shadow:0 0 3px rgba(0,0,0,.15);border-radius:5px;padding:10px;display:flex;color:#333;margin:1rem 0;} .user-card .user-stat a{color:#333;text-decoration:none;} .user-card .user-stat a:hover{color:#888;text-decoration:none;} .user-card .user-stat .stat-block{font-size:14px;flex:1;} .user-card .user-stat .stat-block div:nth-last-child(n+2){margin-bottom:6px;} .user-card .user-stat .stat-block .iconpark-icon{width:14px;height:14px;} .user-card .user-stat .notify-count{background-color:#f01212;display:inline;border-radius:6px;padding:0 6px;font-size:12.6px;vertical-align:middle;color:#fff;} /* Latest members grid layout matching NodeSeek style */ .members-grid{display:flex;flex-wrap:wrap;padding:5px 0} .members-grid .member-item{font-size:12px;overflow:hidden;text-align:center;width:60px} .members-grid .member-item a{display:block;text-decoration:none;color:var(--text-color)} .members-grid .member-item .member-avatar{border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.1);color:transparent;display:inline-block;height:40px;width:40px;object-fit:cover;overflow:hidden} .members-grid .member-item .member-name{display:block;margin-top:4px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} @media screen and (max-width:1200px){.members-grid .member-item{width:44px}.members-grid .member-item .member-avatar{height:36px;width:36px}} /* Site stats row layout - two items per row */ .site-stats .stat-row{display:flex;justify-content:space-between;margin-bottom:8px} .site-stats .stat-row .stat-item{flex:1;display:flex;justify-content:space-between;padding:0 10px} .site-stats .stat-row:last-child{margin-bottom:0} /* ==================== Auth Pages (Login/Register) - NodeSeek Style ==================== */ .nsk-auth-panel{background:var(--bg-main-color);border-radius:8px;padding:40px 32px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-top:60px;margin-bottom:60px} .dark-layout .nsk-auth-panel{box-shadow:0 2px 8px rgba(0,0,0,.2)} .nsk-auth-panel .auth-header{text-align:center;margin-bottom:32px} .nsk-auth-panel .auth-header h2{font-size:28px;font-weight:600;color:var(--text-color);margin-bottom:8px} .nsk-auth-panel .auth-header .text-muted{font-size:14px;color:#888} .dark-layout .nsk-auth-panel .auth-header .text-muted{color:#999} .nsk-auth-panel .auth-form .nsk-form-group{margin-bottom:24px} .nsk-auth-panel .auth-form .nsk-form-group label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--text-color);margin-bottom:8px} .nsk-auth-panel .auth-form .nsk-form-group label .iconpark-icon{width:16px;height:16px;color:#666} .dark-layout .nsk-auth-panel .auth-form .nsk-form-group label .iconpark-icon{color:#999} .nsk-auth-panel .auth-form .nsk-input{background:var(--bg-sub-color);border:1px solid rgba(0,0,0,.08);border-radius:6px;padding:12px 16px;font-size:14px;color:var(--text-color);transition:all .2s} .nsk-auth-panel .auth-form .nsk-input:focus{border-color:#00a870;box-shadow:0 0 0 3px rgba(0,123,255,.1)} .dark-layout .nsk-auth-panel .auth-form .nsk-input{background:var(--bg-card-color);border-color:rgba(255,255,255,.08)} .dark-layout .nsk-auth-panel .auth-form .nsk-input:focus{border-color:#00b67a;box-shadow:0 0 0 3px rgba(13,110,253,.15)} .nsk-auth-panel .auth-form .nsk-input::placeholder{color:#999} .dark-layout .nsk-auth-panel .auth-form .nsk-input::placeholder{color:#666} .nsk-auth-panel .auth-form .input-with-button{display:flex;gap:8px} .nsk-auth-panel .auth-form .input-with-button .nsk-input{flex:1} .nsk-auth-panel .auth-form .input-with-button .btn{white-space:nowrap;padding:12px 20px;font-size:14px} .nsk-auth-panel .auth-form .nsk-btn-primary{background:#00a870;border:none;border-radius:6px;padding:12px;font-size:15px;font-weight:500;color:#fff;transition:all .2s;height:48px} .nsk-auth-panel .auth-form .nsk-btn-primary:hover{background:#008c5e;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,168,112,.3)} .nsk-auth-panel .auth-form .nsk-btn-primary:active{transform:translateY(0)} .dark-layout .nsk-auth-panel .auth-form .nsk-btn-primary{background:#00b67a} .dark-layout .nsk-auth-panel .auth-form .nsk-btn-primary:hover{background:#009966} /* 登录按钮禁用状态（Turnstile 验证前） */ .nsk-auth-panel .auth-form .nsk-btn-primary:disabled, .nsk-auth-panel .auth-form .nsk-btn-primary.btn-disabled{opacity:0.6;cursor:not-allowed;background:#6c757d;border-color:#6c757d} .nsk-auth-panel .auth-form .nsk-btn-primary:disabled:hover, .nsk-auth-panel .auth-form .nsk-btn-primary.btn-disabled:hover{opacity:0.6;background:#6c757d;border-color:#6c757d;transform:none;box-shadow:none} .dark-layout .nsk-auth-panel .auth-form .nsk-btn-primary:disabled, .dark-layout .nsk-auth-panel .auth-form .nsk-btn-primary.btn-disabled{background:#5a6268;border-color:#5a6268} .dark-layout .nsk-auth-panel .auth-form .nsk-btn-primary:disabled:hover, .dark-layout .nsk-auth-panel .auth-form .nsk-btn-primary.btn-disabled:hover{background:#5a6268;border-color:#5a6268} .nsk-auth-panel .auth-form .nsk-btn-secondary{background:var(--bg-sub-color);border:1px solid rgba(0,0,0,.1);border-radius:6px;color:var(--text-color);transition:all .2s} .nsk-auth-panel .auth-form .nsk-btn-secondary:hover{background:var(--bg-main-color);border-color:rgba(0,0,0,.15)} .dark-layout .nsk-auth-panel .auth-form .nsk-btn-secondary{background:var(--bg-card-color);border-color:rgba(255,255,255,.1)} .dark-layout .nsk-auth-panel .auth-form .nsk-btn-secondary:hover{background:var(--bg-sub-color);border-color:rgba(255,255,255,.15)} .nsk-auth-panel .auth-footer{margin-top:24px;padding-top:24px;border-top:1px solid rgba(0,0,0,.06)} .dark-layout .nsk-auth-panel .auth-footer{border-top-color:rgba(255,255,255,.06)} .nsk-auth-panel .auth-footer .auth-links{display:flex;justify-content:center;gap:24px;flex-wrap:wrap} .nsk-auth-panel .auth-footer .auth-links a{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#888;text-decoration:none;transition:color .2s} .nsk-auth-panel .auth-footer .auth-links a .iconpark-icon{width:14px;height:14px} .nsk-auth-panel .auth-footer .auth-links a:hover{color:#00a870} .dark-layout .nsk-auth-panel .auth-footer .auth-links a:hover{color:#00b67a} /* Invalid feedback styling */ .nsk-auth-panel .invalid-feedback{display:block;margin-top:6px;font-size:13px;color:#dc3545} /* Responsive adjustments */ @media screen and (max-width:768px){ .nsk-auth-panel{padding:32px 24px;margin-top:30px;margin-bottom:30px} .nsk-auth-panel .auth-header h2{font-size:24px} .nsk-auth-panel .auth-form .input-with-button{flex-direction:column} .nsk-auth-panel .auth-form .input-with-button .btn{width:100%} } /* ==================== Hide Original Plugin Buttons (haya_post_like, haya_favorite) ==================== */ /* NodeSeek theme provides its own styled buttons in .comment-menu, hide the original plugin buttons to avoid conflicts */ .haya-favoriter-info, .haya-post-like-info, .btn-group .js-haya-post-like-thread-add, .btn-group .js-haya-post-like-thread-del, .btn-group .js-haya-favorite-add, .btn-group .js-haya-favorite-del { display: none !important; } /* ==================== Level & Credit System (NodeSeek Style) ==================== */ /* Progress Page */ .nsk-progress-page { max-width: 600px; margin: 10px auto; padding: 6px; } .nsk-progress-title { font-size: 22px; font-weight: 700; text-align: center; margin-bottom: 20px; color: var(--text-color); } .nsk-progress-subtitle { font-size: 14px; font-weight: 600; margin: 20px 0 10px; color: var(--text-color); } .nsk-progress-wrapper { margin-bottom: 16px; } .nsk-progress-bar { position: relative; border: 1px solid #ffd400; border-radius: 10px; height: 16px; overflow: hidden; background: var(--bg-sub-color); } .nsk-progress-inner { background-color: #ffd400; height: 100%; border-radius: 8px; min-width: 0; transition: width 0.3s ease; } .nsk-progress-text { line-height: 16px; height: 16px; padding: 0 8px; font-size: 12px; color: #333; white-space: nowrap; position: absolute; left: 50%; transform: translateX(-50%); } .nsk-progress-labels { display: flex; justify-content: space-between; font-size: 12px; color: #888; margin-top: 4px; } /* Credit Page */ .nsk-credit-page { padding: 10px; } .nsk-credit-balance { text-align: center; } .nsk-credit-balance-card { display: inline-flex; align-items: center; gap: 16px; background: linear-gradient(135deg, #ffd400 0%, #ffaa00 100%); border-radius: 12px; padding: 20px 40px; box-shadow: 0 4px 12px rgba(255, 212, 0, 0.3); } .nsk-credit-balance-icon svg { color: #333; } .nsk-credit-balance-label { font-size: 14px; color: #666; } .nsk-credit-balance-value { font-size: 32px; font-weight: 700; color: #333; } .nsk-credit-records-title { font-size: 16px; font-weight: 600; margin-bottom: 16px; color: var(--text-color); } .nsk-credit-table { font-size: 14px; } .nsk-credit-table th { background: var(--bg-sub-color); font-weight: 600; } .nsk-credit-table .nsk-credit-change { font-weight: 700; } .nsk-credit-table .nsk-credit-time { white-space: nowrap; color: #888; } .nsk-credit-table .nsk-credit-action svg { width: 14px; height: 14px; margin-right: 4px; } /* Checkin Page */ .nsk-checkin-page { padding: 10px; } .nsk-checkin-header { padding: 20px 0; } .nsk-checkin-done svg, .nsk-checkin-pending svg { width: 48px; height: 48px; } .nsk-checkin-pending .btn { display: inline-flex; align-items: center; gap: 8px; font-size: 16px; padding: 12px 32px; } .nsk-checkin-pending .btn svg { width: 20px; height: 20px; } .nsk-checkin-stats { background: var(--bg-sub-color); border-radius: 8px; padding: 20px; } .nsk-stat-item { text-align: center; } .nsk-stat-value { font-size: 24px; font-weight: 700; color: #ffd400; } .nsk-stat-label { font-size: 12px; color: #888; } .nsk-checkin-rank-title { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 600; margin-bottom: 16px; color: var(--text-color); } .nsk-checkin-rank-title svg { width: 20px; height: 20px; color: #ffd400; } .nsk-checkin-rank-list { display: flex; flex-direction: column; gap: 8px; } .nsk-checkin-rank-item { display: flex; align-items: center; gap: 12px; padding: 8px 12px; background: var(--bg-sub-color); border-radius: 6px; text-decoration: none; color: var(--text-color); transition: background 0.2s; } .nsk-checkin-rank-item:hover { background: var(--glass-color); color: var(--link-hover-color); } .nsk-rank-num { width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 12px; font-weight: 700; border-radius: 50%; background: #ddd; color: #666; } .nsk-rank-num.top-1 { background: linear-gradient(135deg, #ffd700 0%, #ffaa00 100%); color: #333; } .nsk-rank-num.top-2 { background: linear-gradient(135deg, #c0c0c0 0%, #a0a0a0 100%); color: #333; } .nsk-rank-num.top-3 { background: linear-gradient(135deg, #cd7f32 0%, #b87333 100%); color: #fff; } .nsk-checkin-rank-item .avatar-small { width: 32px; height: 32px; border-radius: 50%; } .nsk-rank-name { flex: 1; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .nsk-rank-credits { color: #ffd400; font-weight: 700; } .nsk-rank-time { color: #888; font-size: 12px; } /* Dark mode adjustments */ .dark-layout .nsk-progress-bar { border-color: #cca800; } .dark-layout .nsk-progress-inner { background-color: #cca800; } .dark-layout .nsk-progress-text { color: #fff; } .dark-layout .nsk-credit-balance-card { background: linear-gradient(135deg, #cca800 0%, #aa8800 100%); } .dark-layout .nsk-rank-num { background: #444; color: #ccc; } /* Sidebar checkin button */ .nsk-sidebar-checkin { display: inline-flex; align-items: center; gap: 4px; padding: 4px 12px; background: #ffd400; color: #333; border-radius: 20px; font-size: 12px; font-weight: 600; text-decoration: none; transition: all 0.2s; } .nsk-sidebar-checkin:hover { background: #ffaa00; color: #333; text-decoration: none; } .nsk-sidebar-checkin svg { width: 14px; height: 14px; } .nsk-sidebar-checkin.checked { background: var(--bg-sub-color); color: #888; } .dark-layout .nsk-sidebar-checkin { background: #cca800; } .dark-layout .nsk-sidebar-checkin:hover { background: #aa8800; } /* User center sidebar checkin button */ .nsk-checkin-sidebar { display: flex; align-items: center; justify-content: center; gap: 4px; background: linear-gradient(135deg, #ffd400, #ffaa00); color: #333 !important; font-weight: 600; } .nsk-checkin-sidebar:hover { background: linear-gradient(135deg, #ffaa00, #ff8800); color: #333 !important; } .nsk-checkin-sidebar.checked-in { background: var(--bg-sub-color); color: #888 !important; } .nsk-checkin-sidebar svg { width: 14px; height: 14px; } .dark-layout .nsk-checkin-sidebar { background: linear-gradient(135deg, #cca800, #aa7700); } .dark-layout .nsk-checkin-sidebar:hover { background: linear-gradient(135deg, #aa7700, #886600); } .dark-layout .nsk-checkin-sidebar.checked-in { background: var(--bg-sub-color); color: #666 !important; } /* Mobile checkin button */ .nsk-checkin-btn-mobile { background: linear-gradient(135deg, #ffd400, #ffaa00) !important; color: #333 !important; border-color: #ffd400 !important; font-weight: 600; } .nsk-checkin-btn-mobile:hover { background: linear-gradient(135deg, #ffaa00, #ff8800) !important; } .nsk-checkin-btn-mobile.checked-in { background: #6c757d !important; border-color: #6c757d !important; color: #fff !important; } /* ==================== 签到页面样式 ==================== */ /* NodeSeek 风格签到页面样式 */ .nsk-checkin-container { padding: 60px 15px 30px; min-height: calc(100vh - 200px); } .nsk-checkin-board { max-width: 500px; margin: 0 auto; background-color: var(--bg-main-color); box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1); border-radius: 8px; overflow: hidden; } /* 金色头部区域 */ .nsk-checkin-head-info { font-size: 18px; background-color: rgba(255, 217, 0, 0.6); padding: 20px; text-align: center; line-height: 1.8; } .nsk-checkin-done { color: #333; } .nsk-checkin-done strong { color: #d9534f; font-weight: bold; } .nsk-checkin-pending { color: #333; } /* 签到按钮 - 复刻发帖按钮样式 */ .nsk-checkin-btn { background-color: #2ea44f; border: 1px solid rgba(27, 31, 35, 0.15); border-radius: 4px; padding: 6px 14px; font-size: 16px; font-weight: 600; color: #fff; cursor: pointer; transition: all 0.2s; margin: 0 4px; display: inline-block; box-shadow: 0 1px 0 rgba(27, 31, 35, 0.1); text-align: center; user-select: none; -webkit-user-select: none; -moz-user-select: none; } .nsk-checkin-btn:hover { background-color: #45ca6b; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .nsk-checkin-btn:active { transform: translateY(0); box-shadow: 0 1px 0 rgba(27, 31, 35, 0.1); } /* 内容区域 */ .nsk-checkin-content { padding: 0 20px 20px; } /* 标题 */ .nsk-checkin-title { border-left: var(--text-color) 5px solid; padding-left: 10px; margin: 20px 10px; height: 2rem; line-height: 2rem; font-size: 1.5rem; font-weight: bold; } .nsk-checkin-title small { font-size: 0.875rem; color: #999; margin-left: 8px; font-weight: normal; } /* 排行榜列表 */ .nsk-rank-list { margin: 10px 0; } .nsk-rank-row { display: flex; align-items: center; margin: 10px 0; padding: 8px 10px; border-radius: 4px; transition: background-color 0.2s; } .nsk-rank-row:hover { background-color: rgba(0, 0, 0, 0.02); } /* 排名数字 */ .nsk-rank-number { font-size: 1.1rem; font-weight: bold; width: 30px; text-align: right; padding-right: 18px; color: var(--text-color); } /* 前三名特殊颜色 */ .nsk-rank-number[data-rank="1"] { color: #FE2D46; } .nsk-rank-number[data-rank="2"] { color: #F60; } .nsk-rank-number[data-rank="3"] { color: #FAA90E; } /* 头像 */ .nsk-rank-avatar { border-radius: 50%; height: 40px; width: 40px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); object-fit: cover; } /* 用户名 */ .nsk-rank-member-name { margin: 0 10px; width: 200px; font-size: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .nsk-rank-member-name a { color: var(--link-color); text-decoration: none; } .nsk-rank-member-name a:hover { color: var(--link-hover-color); } /* 鸡腿数量 */ .nsk-rank-coins { margin: 0 10px; font-weight: bold; color: var(--text-color); } /* 加载更多 */ .nsk-load-more { cursor: pointer; text-align: center; padding: 15px; color: var(--link-color); transition: color 0.2s; } .nsk-load-more:hover { color: var(--link-hover-color); } /* 空状态 */ .nsk-empty-state { text-align: center; padding: 40px 20px; color: #999; } /* 统计卡片 */ .nsk-checkin-stats-card { margin: 20px; padding: 15px; background-color: rgba(255, 255, 255, 0.5); border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.05); } .nsk-stats-row { display: flex; justify-content: space-around; align-items: center; } .nsk-stat-item { text-align: center; flex: 1; } .nsk-stat-value { font-size: 1.5rem; font-weight: bold; color: var(--link-color); margin-bottom: 5px; } .nsk-stat-label { font-size: 0.875rem; color: #666; } /* 暗色模式适配 */ .dark-layout .nsk-checkin-board { box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); } .dark-layout .nsk-checkin-head-info { background-color: rgba(255, 217, 0, 0.5); } .dark-layout .nsk-checkin-done, .dark-layout .nsk-checkin-pending { color: #333; } .dark-layout .nsk-checkin-btn { background-color: #2ea44f; color: #fff; } .dark-layout .nsk-checkin-btn:hover { background-color: #45ca6b; } .dark-layout .nsk-rank-row:hover { background-color: rgba(255, 255, 255, 0.03); } .dark-layout .nsk-checkin-stats-card { background-color: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.08); } /* 响应式设计 */ @media screen and (max-width: 768px) { .nsk-checkin-container { padding: 15px 10px; } .nsk-checkin-board { border-radius: 0; } .nsk-checkin-head-info { font-size: 16px; padding: 15px; } .nsk-checkin-btn { padding: 4px 10px; font-size: 14px; } .nsk-checkin-content { padding: 0 15px 15px; } .nsk-checkin-title { font-size: 1.25rem; margin: 15px 5px; } .nsk-rank-member-name { width: 120px; } .nsk-rank-number { width: 25px; padding-right: 12px; } .nsk-rank-avatar { height: 35px; width: 35px; } .nsk-stat-value { font-size: 1.25rem; } .nsk-stat-label { font-size: 0.75rem; } } @media screen and (max-width: 480px) { .nsk-checkin-head-info { font-size: 14px; } .nsk-checkin-btn { padding: 3px 8px; font-size: 13px; } .nsk-rank-member-name { width: 100px; font-size: 0.875rem; } .nsk-rank-coins { font-size: 0.875rem; } } /* ==================== 等级进度页面样式 ==================== */ /* 页面容器 */ .nsk-level-container { padding: 60px 15px 30px; min-height: calc(100vh - 200px); max-width: 900px; margin: 0 auto; } .nsk-level-board { background: var(--body-bg); border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); overflow: hidden; } /* 页面标题区 */ .nsk-level-header { background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%); padding: 30px 25px; text-align: center; border-bottom: 3px solid #f39c12; } .nsk-level-trophy { font-size: 48px; display: block; margin-bottom: 10px; } .nsk-level-main-title { font-size: 28px; font-weight: 700; color: #ff8c1a; margin: 0; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); } /* 内容区 */ .nsk-level-content { padding: 30px 25px; } /* 每个进度部分 */ .nsk-level-section { margin-bottom: 30px; } .nsk-level-section:last-child { margin-bottom: 0; } /* 小标题 */ .nsk-level-section-title { font-size: 16px; font-weight: 600; color: var(--text-color); margin: 0 0 12px 0; } .nsk-level-today-title { color: #e67e22; } /* 进度条容器 */ .nsk-level-progress-container { background: rgba(0, 0, 0, 0.02); border-radius: 6px; padding: 15px; border: 1px solid rgba(0, 0, 0, 0.08); } /* 进度条标签 */ .nsk-level-progress-label { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; font-size: 14px; color: var(--text-muted); } .nsk-level-progress-value { font-weight: 700; color: var(--text-color); font-size: 15px; } /* 进度条 */ .nsk-level-progress-bar { height: 24px; background: #e0e0e0; border-radius: 12px; overflow: hidden; position: relative; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); } .nsk-level-progress-fill { height: 100%; background: linear-gradient(90deg, #f39c12 0%, #f1c40f 100%); border-radius: 12px; transition: width 0.3s ease; position: relative; box-shadow: 0 0 8px rgba(243, 156, 18, 0.5); } .nsk-level-progress-fill::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 50%; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), transparent); border-radius: 12px 12px 0 0; } /* 未激活的进度条 */ .nsk-level-progress-inactive { background: #ccc; } .nsk-level-progress-inactive .nsk-level-progress-fill { background: #999; box-shadow: none; } /* Dark Mode 适配 */ .dark-layout .nsk-level-container { background: transparent; } .dark-layout .nsk-level-board { background: var(--body-bg); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5); } .dark-layout .nsk-level-header { background: linear-gradient(135deg, #1a252f 0%, #2c3e50 100%); border-bottom-color: #f39c12; } .dark-layout .nsk-level-main-title { color: #ffa500; } .dark-layout .nsk-level-section-title { color: var(--text-color); } .dark-layout .nsk-level-today-title { color: #ff9933; } .dark-layout .nsk-level-progress-container { background: rgba(255, 255, 255, 0.03); border-color: rgba(255, 255, 255, 0.08); } .dark-layout .nsk-level-progress-bar { background: #444; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4); } .dark-layout .nsk-level-progress-inactive { background: #333; } .dark-layout .nsk-level-progress-inactive .nsk-level-progress-fill { background: #666; } /* 响应式设计 */ @media screen and (max-width: 768px) { .nsk-level-container { padding: 15px 10px; } .nsk-level-board { border-radius: 0; } .nsk-level-header { padding: 20px 15px; } .nsk-level-trophy { font-size: 36px; } .nsk-level-main-title { font-size: 22px; } .nsk-level-content { padding: 20px 15px; } .nsk-level-section { margin-bottom: 20px; } .nsk-level-section-title { font-size: 15px; } .nsk-level-progress-container { padding: 12px; } .nsk-level-progress-label { font-size: 13px; } .nsk-level-progress-value { font-size: 14px; } .nsk-level-progress-bar { height: 20px; } } @media screen and (max-width: 480px) { .nsk-level-header { padding: 15px 10px; } .nsk-level-trophy { font-size: 32px; } .nsk-level-main-title { font-size: 20px; } .nsk-level-content { padding: 15px 10px; } .nsk-level-section-title { font-size: 14px; margin-bottom: 10px; } .nsk-level-progress-container { padding: 10px; } .nsk-level-progress-label { font-size: 12px; } .nsk-level-progress-value { font-size: 13px; } .nsk-level-progress-bar { height: 18px; } } /* ==================== Fast Nav Button Group ==================== */ /* 快速导航按钮组 - 回到顶部/底部 */ /* 容器样式 - 始终保持在大卡片右侧外面 */ #fast-nav-button-group { bottom: 40px; position: fixed; right: calc(50% - 590px); /* 540px (半个容器宽度) + 50px (间距) */ z-index: 99; } /* 当页面宽度不足时隐藏按钮 */ @media screen and (max-width: 1200px) { #fast-nav-button-group { display: none !important; } } /* 移动端完全隐藏 */ @media screen and (max-width: 800px) { #fast-nav-button-group { display: none !important; } } /* 按钮定位 - 使用 absolute 实现垂直堆叠 */ #fast-nav-button-group .nav-item-btn { position: absolute; right: 0; } #fast-nav-button-group .nav-item-btn:last-child { bottom: 0; } #fast-nav-button-group .nav-item-btn:nth-last-child(2) { bottom: 40px; } #fast-nav-button-group .nav-item-btn:nth-last-child(3) { bottom: 80px; } /* 按钮基础样式 */ .nav-item-btn { align-items: center; background-color: var(--bg-main-color); border: 1px solid var(--glass-color); border-radius: 20%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-sizing: border-box; display: none; /* 默认隐藏，通过JavaScript控制显示 */ height: 30px; justify-content: center; width: 30px; transition: all 0.3s ease; } @media screen and (max-width: 500px) { .nav-item-btn { border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: none; } } /* 图标样式 */ .nav-item-btn .iconpark-icon { color: #999; cursor: pointer; height: 26px; width: 26px; transition: color 0.2s ease; } @media screen and (min-width: 500px) { .nav-item-btn .iconpark-icon:hover { color: var(--link-hover-color); } } /* 按钮hover效果 */ .nav-item-btn:hover { transform: scale(1.1); } /* ==================== 管理记录页面样式 ==================== */ /* 页面容器 */ .nsk-ruling-container { padding: 60px 15px 30px; min-height: calc(100vh - 200px); } .nsk-ruling-board { max-width: 1200px; margin: 0 auto; background-color: var(--bg-main-color); border-radius: 8px; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1); } /* 页面标题 */ .nsk-ruling-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .nsk-ruling-title { display: flex; align-items: center; gap: 8px; font-size: 1.25rem; font-weight: 600; color: var(--text-color); margin: 0; } .nsk-ruling-title .iconpark-icon { width: 24px; height: 24px; color: #3D6C45; } .nsk-ruling-count { font-size: 0.875rem; color: #888; } /* 表格内容区 */ .nsk-ruling-content { padding: 0 20px 20px; } /* 表格样式 */ .nsk-ruling-table { width: 100%; border-collapse: collapse; font-size: 14px; } .nsk-ruling-table thead { background-color: var(--bg-sub-color); } .nsk-ruling-table th { padding: 12px 8px; text-align: left; font-weight: 600; color: var(--text-color); border-bottom: 2px solid rgba(0, 0, 0, 0.08); } .nsk-ruling-table td { padding: 12px 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); vertical-align: top; } .nsk-ruling-table tbody tr:hover { background-color: var(--glass-color); } /* ID链接 */ .ruling-id { font-weight: 500; color: var(--link-color); } .ruling-id:hover { color: var(--link-hover-color); } /* 关联对象 */ .ruling-target { line-height: 1.5; } .ruling-target a { color: var(--link-color); } .ruling-target a:hover { color: var(--link-hover-color); } /* 动作描述 */ .ruling-action { line-height: 1.6; color: #555; } .dark-layout .ruling-action { color: #bbb; } /* 时间 */ .ruling-time { color: #888; font-size: 13px; } /* 分页 */ .nsk-ruling-pagination { margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(0, 0, 0, 0.05); } /* 空状态 */ .nsk-ruling-content .nsk-empty-state { text-align: center; padding: 60px 20px; color: #888; } /* 深色模式适配 */ .dark-layout .nsk-ruling-board { box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3); } .dark-layout .nsk-ruling-head { border-bottom-color: rgba(255, 255, 255, 0.08); } .dark-layout .nsk-ruling-title .iconpark-icon { color: #5a9e68; } .dark-layout .nsk-ruling-table th { border-bottom-color: rgba(255, 255, 255, 0.1); } .dark-layout .nsk-ruling-table td { border-bottom-color: rgba(255, 255, 255, 0.05); } .dark-layout .nsk-ruling-pagination { border-top-color: rgba(255, 255, 255, 0.08); } /* 响应式适配 */ @media screen and (max-width: 768px) { .nsk-ruling-container { padding: 15px 10px; } .nsk-ruling-board { border-radius: 0; } .nsk-ruling-head { padding: 15px; } .nsk-ruling-title { font-size: 1.1rem; } .nsk-ruling-content { padding: 0 10px 10px; } .nsk-ruling-table { font-size: 13px; } .nsk-ruling-table th, .nsk-ruling-table td { padding: 10px 6px; } /* 隐藏ID列在小屏幕 */ .nsk-ruling-table th:first-child, .nsk-ruling-table td:first-child { display: none; } } @media screen and (max-width: 500px) { .nsk-ruling-head { flex-direction: column; gap: 8px; align-items: flex-start; } .nsk-ruling-table { font-size: 12px; } .nsk-ruling-table th:nth-child(4), .nsk-ruling-table td:nth-child(4), .nsk-ruling-table th:nth-child(5), .nsk-ruling-table td:nth-child(5) { display: none; } } /* ==================== 禁言用户标识样式 ==================== */ .banned-tag.nsk-badge { background-color: #dc3545; border: 1px solid #dc3545; border-radius: 3px; color: #fff; font-size: 11px; padding: 1px 4px; margin-left: 4px; } .dark-layout .banned-tag.nsk-badge { background-color: #c82333; border-color: #c82333; } /* ==================== 移动端导航栏样式 ==================== */ /* PC端默认显示，移动端隐藏 */ .nav-menu-desktop, .search-box-desktop, .theme-toggle-desktop { display: flex; } /* 移动端右侧按钮组 - PC端隐藏 */ .right-button-group { display: none; align-items: center; flex-direction: row-reverse; gap: 0; margin-left: auto; } .right-button-group .mobile-nav-btn { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; color: var(--link-color); position: relative; transition: background-color 0.2s; } .right-button-group .mobile-nav-btn:hover { background-color: rgba(0,0,0,.05); color: var(--link-hover-color); } .dark-layout .right-button-group .mobile-nav-btn:hover { background-color: rgba(255,255,255,.08); } .right-button-group .mobile-nav-btn svg { color: inherit; } /* 消息提示红点 */ .right-button-group .badge-dot { position: absolute; top: 6px; right: 6px; width: 8px; height: 8px; background-color: #e74c3c; border-radius: 50%; border: 1px solid var(--bg-main-color); } /* 移动端版块分类导航 - PC端隐藏 */ .mobile-nav { display: none; background-color: var(--bg-main-color); border-bottom: 1px solid rgba(0,0,0,.06); overflow: hidden; } .dark-layout .mobile-nav { border-bottom-color: rgba(255,255,255,.08); } .mobile-nav-list { display: flex; list-style: none; margin: 0; padding: 0; justify-content: space-around; } .mobile-nav-item { flex: 1; text-align: center; } .mobile-nav-item a { display: block; padding: 10px 4px; font-size: 14px; color: var(--text-color); text-decoration: none; border-bottom: 2px solid transparent; transition: color 0.2s, border-color 0.2s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mobile-nav-item a:hover, .mobile-nav-item.active a { color: var(--link-hover-color); border-bottom-color: var(--link-hover-color); } /* 移动端搜索框 */ .mobile-search-box { display: none; padding: 10px 12px; background-color: var(--bg-main-color); border-bottom: 1px solid rgba(0,0,0,.06); } .dark-layout .mobile-search-box { border-bottom-color: rgba(255,255,255,.08); } .search-form-mobile { display: flex; align-items: center; gap: 8px; background-color: var(--bg-sub-color); border: 1px solid rgba(0,0,0,.08); border-radius: 8px; padding: 4px 8px; } .dark-layout .search-form-mobile { border-color: rgba(255,255,255,.1); } .mobile-search-input { flex: 1; border: none; outline: none; background: transparent; font-size: 14px; color: var(--text-color); padding: 8px 4px; } .mobile-search-input::placeholder { color: #999; } .dark-layout .mobile-search-input::placeholder { color: #666; } .mobile-search-submit, .mobile-search-close { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: none; border: none; cursor: pointer; color: var(--text-color); padding: 0; } .mobile-search-submit:hover, .mobile-search-close:hover { color: var(--link-hover-color); } /* 移动端响应式 - 768px 断点 */ @media screen and (max-width: 768px) { /* 重置 header 的左右 padding（来自 1200px 断点），让导航栏贴边 */ body > header { padding: 0 !important; } /* 隐藏 PC 端元素 */ .nav-menu-desktop, .search-box-desktop, .theme-toggle-desktop { display: none !important; } /* 显示移动端元素 */ #nsk-head .right-button-group { display: flex; } .mobile-nav { display: block; } /* header 布局调整 - 左右贴边 */ #nsk-head { padding: 8px 0; } /* Logo 左侧留出一点空间 */ #nsk-head .site-title { padding-left: 0; } /* 右侧按钮组 - 完全靠右贴边 */ .right-button-group { padding-right: 0; gap: 0; } /* 最右边的按钮（消息图标）贴边，其他按钮正常间距 */ .right-button-group .mobile-nav-btn { margin-left: 4px; } /* 最右边的第一个按钮不需要左边距 */ .right-button-group .mobile-nav-btn:first-child { margin-left: 0; } /* Logo 和标题调整 */ #nsk-head .site-title a { gap: 4px; } #nsk-head .site-title .title-text { font-size: 16px; } #nsk-head .site-title .beta-icon { font-size: 10px; } .right-button-group .mobile-nav-btn { width: 32px; height: 32px; } } /* 更小屏幕的调整 - 500px */ @media screen and (max-width: 500px) { #nsk-head { padding: 6px 0; } /* Logo 左侧留出一点空间 */ #nsk-head .site-title { padding-left: 0; } /* 右侧按钮组 - 完全靠右贴边 */ .right-button-group { padding-right: 0; gap: 0; } /* 更紧凑的按钮间距 */ .right-button-group .mobile-nav-btn { margin-left: 2px; } #nsk-head .site-title .logo-2 { max-height: 28px !important; } #nsk-head .site-title .title-text { font-size: 14px; } .right-button-group .mobile-nav-btn { width: 28px; height: 28px; } .right-button-group .mobile-nav-btn svg { width: 18px !important; height: 18px !important; } .mobile-nav-item a { padding: 8px 2px; font-size: 12px; } } /* ==================== 合作商家页面样式 ==================== */ .nsk-providers-header { margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .dark-layout .nsk-providers-header { border-bottom-color: rgba(255, 255, 255, 0.08); } .nsk-providers-title { display: flex; align-items: center; gap: 8px; font-size: 1.25rem; font-weight: 600; color: var(--text-color); margin: 0 0 8px 0; } .nsk-providers-title .iconpark-icon { color: #2ea44f; } .nsk-providers-desc { font-size: 14px; color: #888; } /* 商家网格补充样式 */ .provider-grid-container { margin-top: 20px; } .provider-grid-container .provider { background-color: var(--bg-sub-color); border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 8px; } .dark-layout .provider-grid-container .provider { background-color: rgba(255, 255, 255, 0.03); border-color: rgba(255, 255, 255, 0.08); } .provider-grid-container .provider a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: var(--text-color); text-decoration: none; } .provider-grid-container .provider-name { font-size: 14px; font-weight: 500; text-align: center; word-break: break-word; } /* 快捷功能区当前项高亮 */ .nsk-panel.quick-access ul li.active a { color: var(--link-hover-color); font-weight: 600; } /* ==================== NodeSeek 引用样式优化 ==================== */ /* 引用块基础样式 */ .nsk-quote { display: flex; flex-direction: column; gap: 6px; background: rgba(0, 0, 0, 0.03); border-left: 3px solid rgba(0, 0, 0, 0.15); border-radius: 4px; padding: 10px 12px; margin: 8px 0; font-size: 13px; } .dark-layout .nsk-quote { background: rgba(255, 255, 255, 0.05); border-left-color: rgba(255, 255, 255, 0.2); } /* 引用头部：用户信息 + 楼层号 */ .nsk-quote .quote-header { display: flex; align-items: center; justify-content: space-between; gap: 8px; } .nsk-quote .quote-header .user { display: flex; align-items: center; gap: 6px; font-weight: 500; color: var(--link-color); } .nsk-quote .quote-header .user:hover { color: var(--link-hover-color); } .nsk-quote .quote-header .user img.avatar-1 { width: 20px; height: 20px; border-radius: 50%; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); margin: 0; } /* 楼层链接 */ .nsk-quote .quote-floor-link { color: #888; font-size: 12px; font-weight: 500; padding: 2px 6px; background: rgba(0, 0, 0, 0.05); border-radius: 3px; text-decoration: none; } .nsk-quote .quote-floor-link:hover { color: var(--link-hover-color); background: rgba(0, 0, 0, 0.1); } .dark-layout .nsk-quote .quote-floor-link { background: rgba(255, 255, 255, 0.08); } .dark-layout .nsk-quote .quote-floor-link:hover { background: rgba(255, 255, 255, 0.15); } /* 引用内容区：单行显示 */ .nsk-quote .quote-body { display: flex; align-items: center; flex-wrap: nowrap; gap: 4px; line-height: 1.5; color: var(--text-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; } /* 文字内容：单行省略 */ .nsk-quote .quote-text { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #666; } .dark-layout .nsk-quote .quote-text { color: #aaa; } /* 表情包样式 */ .nsk-quote .quote-body .sticker { height: 24px; width: auto; max-width: 60px; vertical-align: middle; margin: 0; box-shadow: none; } /* 图片链接 */ .nsk-quote .quote-image-link { color: #10b981; font-weight: 500; text-decoration: none; cursor: pointer; white-space: nowrap; } .nsk-quote .quote-image-link:hover { color: #059669; text-decoration: underline; } .dark-layout .nsk-quote .quote-image-link { color: #34d399; } .dark-layout .nsk-quote .quote-image-link:hover { color: #6ee7b7; } /* ==================== 图片灯箱效果 ==================== */ .quote-lightbox-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); z-index: 10000; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; } .quote-lightbox-overlay.active { opacity: 1; visibility: visible; } .quote-lightbox-container { position: relative; max-width: 90vw; max-height: 90vh; display: flex; align-items: center; justify-content: center; } .quote-lightbox-image { max-width: 100%; max-height: 85vh; object-fit: contain; border-radius: 4px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); } /* 灯箱关闭按钮 */ .quote-lightbox-close { position: absolute; top: -40px; right: 0; width: 36px; height: 36px; background: rgba(255, 255, 255, 0.2); border: none; border-radius: 50%; color: #fff; font-size: 24px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s; } .quote-lightbox-close:hover { background: rgba(255, 255, 255, 0.3); } /* 灯箱导航按钮（多图时显示） */ .quote-lightbox-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; background: rgba(255, 255, 255, 0.2); border: none; border-radius: 50%; color: #fff; font-size: 24px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s; } .quote-lightbox-nav:hover { background: rgba(255, 255, 255, 0.3); } .quote-lightbox-prev { left: -60px; } .quote-lightbox-next { right: -60px; } /* 图片计数器 */ .quote-lightbox-counter { position: absolute; bottom: -35px; left: 50%; transform: translateX(-50%); color: rgba(255, 255, 255, 0.8); font-size: 14px; } /* 移动端适配 */ @media screen and (max-width: 768px) { .quote-lightbox-nav { width: 36px; height: 36px; font-size: 20px; } .quote-lightbox-prev { left: 10px; } .quote-lightbox-next { right: 10px; } .quote-lightbox-close { top: 10px; right: 10px; } } /* =================================== 移动端侧拉菜单样式 =================================== */ /* 汉堡菜单按钮 */ .mobile-menu-toggle { display: none; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; background: none; border: none; cursor: pointer; color: var(--link-color); margin-right: 0; border-radius: 6px; transition: background-color 0.2s; } .mobile-menu-toggle svg { color: inherit; } .mobile-menu-toggle:hover { background-color: rgba(0, 0, 0, 0.05); color: var(--link-hover-color); } .mobile-menu-toggle:active { background-color: rgba(0, 0, 0, 0.1); } /* 暗色模式下的汉堡按钮 - 设置为白色更醒目 */ .dark-layout .mobile-menu-toggle { color: #fcfcfc; } .dark-layout .mobile-menu-toggle:hover { background-color: rgba(255, 255, 255, 0.08); } .dark-layout .mobile-menu-toggle:active { background-color: rgba(255, 255, 255, 0.12); } /* 侧拉菜单容器 */ .mobile-drawer { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; pointer-events: none; } .mobile-drawer.active { pointer-events: auto; } /* 遮罩层 */ .mobile-drawer-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.3s ease; } .mobile-drawer.active .mobile-drawer-overlay { opacity: 1; } /* 菜单内容 */ .mobile-drawer-content { position: absolute; top: 0; left: 0; bottom: 0; width: 280px; max-width: 85%; background-color: var(--bg-main-color); box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15); overflow-y: auto; overflow-x: hidden; transform: translateX(-100%); transition: transform 0.3s ease; -webkit-overflow-scrolling: touch; } .mobile-drawer.active .mobile-drawer-content { transform: translateX(0); } /* 侧拉菜单头部 */ .drawer-header { padding: 20px 16px; border-bottom: 1px solid var(--border-color); background-color: var(--panel-bg); } /* 未登录欢迎区 */ .drawer-welcome h4 { font-size: 18px; font-weight: 600; margin: 0 0 10px 0; color: var(--text-color); } .drawer-welcome .welcome-text { font-size: 14px; color: var(--text-secondary); margin: 0 0 16px 0; line-height: 1.5; } .drawer-welcome .welcome-buttons { display: flex; gap: 10px; } .drawer-welcome .btn { display: flex; align-items: center; justify-content: center; flex: 1; padding: 8px 16px; font-size: 14px; text-align: center; border-radius: 6px; text-decoration: none; transition: all 0.2s; line-height: 1; } .drawer-welcome .btn-primary { background-color: #2ea44f; color: white; border: none; } .drawer-welcome .btn-primary:hover { background-color: #45ca6b; color: white; } .drawer-welcome .btn-outline-primary { background-color: transparent; color: #2ea44f; border: 1px solid #2ea44f; } .drawer-welcome .btn-outline-primary:hover { background-color: #2ea44f; color: white; } /* 暗色模式下注册按钮文字为白色 */ .dark-layout .drawer-welcome .btn-outline-primary { color: white; border-color: #2ea44f; } .dark-layout .drawer-welcome .btn-outline-primary:hover { background-color: #2ea44f; color: white; } /* 登录状态：用户信息卡 */ .drawer-user-card .user-head { display: flex; align-items: flex-start; margin-bottom: 16px; } .drawer-user-card .avatar-normal { width: 48px; height: 48px; border-radius: 50%; margin-right: 12px; } .drawer-user-card .menu { flex: 1; } .drawer-user-card .Username { font-size: 16px; font-weight: 600; color: var(--text-color); text-decoration: none; display: block; margin-bottom: 8px; } .drawer-user-card .menu > div { display: flex; gap: 12px; } .drawer-user-card .menu svg { width: 18px; height: 18px; color: var(--text-secondary); transition: color 0.2s; } .drawer-user-card .menu a:hover svg { color: var(--primary-color); } .drawer-user-card .user-stat { background-color: #ffffda; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); border-radius: 5px; padding: 10px; display: flex; color: #333; margin-bottom: 16px; } .drawer-user-card .user-stat a { color: #333; } .drawer-user-card .user-stat a:hover { color: #888; } .drawer-user-card .stat-block { font-size: 14px; flex: 1; } .drawer-user-card .stat-block > div { margin-bottom: 6px; } .drawer-user-card .stat-block > div:last-child { margin-bottom: 0; } .drawer-user-card .stat-block a { display: flex; align-items: center; gap: 4px; text-decoration: none; font-size: 14px; color: #333; transition: color 0.2s; } .drawer-user-card .stat-block a:hover { color: #888; } .drawer-user-card .stat-block svg { width: 14px; height: 14px; } /* 通知红点统一样式 */ .notice-icon-wrap { position: relative; display: inline-block; } /* 统一 notice-badge 样式 - 适用于所有位置 */ .user-card .notice-badge, .drawer-user-card .notice-badge { position: absolute; top: 0; right: 0; width: 8px; height: 8px; background-color: #ef4444; border-radius: 50%; border: 2px solid var(--panel-bg, #fff); } /* 深色模式适配 */ .dark-layout .user-card .notice-badge, .dark-layout .drawer-user-card .notice-badge { border-color: var(--panel-bg, #1a1a1a); } /* PC端侧边栏未读消息通知图标样式（参考移动端） */ /* 当有未读消息时，消息通知图标变为红色 */ .user-card .notice-link.has-unread .iconpark-icon, .drawer-user-card .notice-link.has-unread .iconpark-icon { color: #e74c3c; } /* 暗色模式下未读消息图标颜色（稍微亮一点） */ .dark-layout .user-card .notice-link.has-unread .iconpark-icon, .dark-layout .drawer-user-card .notice-link.has-unread .iconpark-icon { color: #ff6b6b; } .drawer-user-card .btn-block { display: flex; align-items: center; justify-content: center; width: 100%; padding: 10px; text-align: center; background-color: #2ea44f; color: white; border-radius: 6px; text-decoration: none; font-size: 14px; font-weight: 500; line-height: 1; transition: background-color 0.2s; } .drawer-user-card .btn-block:hover { background-color: #45ca6b; color: white; } /* 侧拉菜单分区 */ .drawer-section { padding: 16px; border-bottom: 1px solid var(--border-color); } .drawer-section-title { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--text-color); margin: 0 0 12px 0; } .drawer-section-title svg { width: 18px; height: 18px; color: var(--text-secondary); } /* 版块列表 */ .drawer-forum-list { list-style: none; padding: 0; margin: 0; } .drawer-forum-item { margin-bottom: 4px; } .drawer-forum-item a { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-radius: 6px; text-decoration: none; color: var(--text-color); font-size: 14px; transition: background-color 0.2s; } .drawer-forum-item a:hover { background-color: var(--hover-bg); } .drawer-forum-item.active a { background-color: var(--primary-color); color: white; } .drawer-forum-item svg { width: 16px; height: 16px; color: var(--text-secondary); flex-shrink: 0; } .drawer-forum-item.active svg { color: white; } /* 快捷功能列表 */ .drawer-quick-links { list-style: none; padding: 0; margin: 0; } .drawer-quick-links li { margin-bottom: 4px; } .drawer-quick-links a { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-radius: 6px; text-decoration: none; color: var(--text-color); font-size: 14px; transition: background-color 0.2s; } .drawer-quick-links a:hover { background-color: var(--hover-bg); } .drawer-quick-links svg { width: 16px; height: 16px; color: var(--text-secondary); flex-shrink: 0; } /* 响应式：仅在移动端显示 */ @media (max-width: 991px) { .mobile-menu-toggle { display: flex; } .mobile-drawer { display: block; } } /* 防止菜单打开时页面滚动 */ body.drawer-open { overflow: hidden; } /* ==================== 修复回复列表中楼主徽章颜色 ==================== */ /* 确保 .is-poster 徽章在回复列表中显示为蓝色，而不是被 .role-tag 的灰色覆盖 */ .postlist .is-poster.role-tag.nsk-badge, .media-body .is-poster.role-tag.nsk-badge { color: #00eaff !important; border-color: #00eaff !important; } /* 暗色模式下同样适用 */ .dark-layout .postlist .is-poster.role-tag.nsk-badge, .dark-layout .media-body .is-poster.role-tag.nsk-badge { color: #00eaff !important; border-color: #00eaff !important; } /* ==================== 用户头衔样式 ==================== */ /* 用户自定义头衔标签 - 与楼主标识(.is-poster)保持完全一致 */ .user-title-tag.nsk-badge { display: inline; /* 与 .role-tag 一致 */ border-radius: 3px; font-size: 11px; /* 与楼主标识一致，不使用 inherit */ padding: 0 3px; margin-left: 4px; font-weight: 400; /* 与楼主标识一致 */ vertical-align: middle; white-space: nowrap; border: 1px solid transparent !important; /* 保持与楼主标识一致的高度 */ } /* 用户页面头衔标签样式调整 - 稍大一些 */ .nsk-user-name .user-title-tag.nsk-badge { font-size: 12px; padding: 1px 6px; vertical-align: middle; } /* 暗色模式下头衔样式保持一致（由内联样式控制） */ .dark-layout .user-title-tag.nsk-badge { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } /* ==================== 亮色模式侧拉菜单选中状态样式 ==================== */ /* 移动端亮色模式下，侧拉菜单版块导航选中分类显示为黑色加粗 */ .light-layout .drawer-forum-item.active a { background-color: transparent; color: #000; font-weight: 700; } .light-layout .drawer-forum-item.active svg { color: #000; } /* ==================== 移动端未读消息通知图标样式 ==================== */ /* 当有未读消息时，消息通知图标变为红色 */ .right-button-group .nav-remind-btn.has-unread .iconpark-icon { color: #e74c3c; } /* 暗色模式下未读消息图标颜色（稍微亮一点） */ .dark-layout .right-button-group .nav-remind-btn.has-unread .iconpark-icon { color: #ff6b6b; } /* ==================== @mention 艾特用户链接样式 ==================== */ .nsk-at-mention { color: var(--main-color, #2ea44f); text-decoration: none; font-weight: 500; } .nsk-at-mention:hover { text-decoration: underline; color: var(--sub-color, #45ca6b); } .dark-layout .nsk-at-mention { color: #3fb66a; } .dark-layout .nsk-at-mention:hover { color: #5dd88a; } /* ==================== 移动端间隔优化 ==================== */ /* 减少移动端四周间隔，保留阴影和小圆角 */ @media screen and (max-width: 500px) { /* 主内容区：最小间距，保留阴影和圆角 */ #nsk-body { border-radius: 4px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding: 12px 4px; } /* 移动端导航：最小间距，保留阴影和圆角 */ .mobile-nav { border-radius: 4px; margin: 4px 2px 0; } } /* ==================== 幸运抽奖页面样式 ==================== */ /* 区块标题 */ .lucky-section-title { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 600; color: var(--text-color, #333); margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid var(--border-color, #e9ecef); } .lucky-section-title .iconpark-icon { width: 20px; height: 20px; color: var(--main-color, #2ea44f); } /* 表单组 */ .lucky-form-group { margin-bottom: 20px; } .lucky-label { display: block; font-size: 14px; font-weight: 500; color: var(--text-color, #333); margin-bottom: 8px; } .lucky-hint { font-size: 12px; color: var(--text-secondary, #6c757d); margin-top: 6px; } /* 输入框 */ .lucky-input { display: block; width: 100%; padding: 10px 14px; font-size: 14px; line-height: 1.5; color: var(--text-color, #333); background-color: var(--bg-color, #fff); border: 1px solid var(--border-color, #e9ecef); border-radius: 6px; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .lucky-input:focus { outline: none; border-color: var(--main-color, #2ea44f); box-shadow: 0 0 0 3px rgba(46, 164, 79, 0.15); } .lucky-input-short { width: 120px; } .lucky-input-row { display: flex; gap: 10px; } .lucky-input-row .lucky-input { flex: 1; } /* 复选框 */ .lucky-checkbox-label { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--text-color, #333); cursor: pointer; } .lucky-checkbox-label input[type="checkbox"] { width: 18px; height: 18px; cursor: pointer; } /* 按钮 */ .lucky-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 20px; font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration: none; border: none; border-radius: 6px; cursor: pointer; transition: all 0.15s ease; } .lucky-btn .iconpark-icon { width: 16px; height: 16px; } .lucky-btn-primary { color: #fff; background-color: var(--main-color, #2ea44f); } .lucky-btn-primary:hover:not(:disabled) { background-color: var(--sub-color, #238636); } .lucky-btn-primary:disabled { opacity: 0.6; cursor: not-allowed; } .lucky-btn-secondary { color: var(--text-color, #333); background-color: var(--bg-secondary, #f6f8fa); border: 1px solid var(--border-color, #e9ecef); } .lucky-btn-secondary:hover { background-color: var(--bg-hover, #ebedf0); } .lucky-btn-outline { color: var(--main-color, #2ea44f); background-color: transparent; border: 1px solid var(--main-color, #2ea44f); } .lucky-btn-outline:hover { color: #fff; background-color: var(--main-color, #2ea44f); } /* 帖子预览卡片 */ .lucky-preview-card { padding: 16px; background-color: var(--bg-secondary, #f6f8fa); border-radius: 8px; margin-bottom: 16px; } .lucky-preview-loading { display: flex; align-items: center; gap: 10px; color: var(--text-secondary, #6c757d); } .lucky-preview-content .lucky-preview-title { font-size: 15px; font-weight: 500; color: var(--text-color, #333); margin-bottom: 8px; } .lucky-preview-meta { display: flex; gap: 16px; font-size: 13px; color: var(--text-secondary, #6c757d); } .lucky-preview-error { color: #e74c3c; font-size: 14px; } /* 生成链接卡片 */ .lucky-link-card { padding: 20px; background-color: rgba(46, 164, 79, 0.08); border: 1px solid rgba(46, 164, 79, 0.2); border-radius: 8px; margin-top: 20px; } .lucky-link-title { display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 600; color: var(--main-color, #2ea44f); margin-bottom: 12px; } .lucky-link-title .iconpark-icon { width: 18px; height: 18px; } .lucky-link-url { display: flex; gap: 10px; margin-bottom: 12px; } .lucky-link-url .lucky-input { flex: 1; font-family: monospace; font-size: 13px; } .lucky-link-actions { display: flex; gap: 10px; } /* 配置卡片 */ .lucky-config-card { margin-bottom: 20px; } .lucky-config-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; } .lucky-config-item { display: flex; flex-direction: column; gap: 4px; padding: 12px; background-color: var(--bg-secondary, #f6f8fa); border-radius: 6px; } .lucky-config-label { font-size: 12px; color: var(--text-secondary, #6c757d); } .lucky-config-value { font-size: 14px; font-weight: 500; color: var(--text-color, #333); } .lucky-config-link { color: var(--main-color, #2ea44f); text-decoration: none; } .lucky-config-link:hover { text-decoration: underline; } /* 状态卡片 */ .lucky-status-card { min-height: 200px; display: flex; align-items: center; justify-content: center; } .lucky-status-panel { width: 100%; text-align: center; padding: 40px 20px; } .lucky-status-text { font-size: 15px; color: var(--text-secondary, #6c757d); margin-top: 16px; } /* 加载动画 */ .lucky-loading-spinner { width: 40px; height: 40px; margin: 0 auto; border: 3px solid var(--border-color, #e9ecef); border-top-color: var(--main-color, #2ea44f); border-radius: 50%; animation: lucky-spin 0.8s linear infinite; } @keyframes lucky-spin { to { transform: rotate(360deg); } } /* 倒计时 */ .lucky-countdown { text-align: center; } .lucky-countdown-title { font-size: 16px; color: var(--text-secondary, #6c757d); margin-bottom: 20px; } .lucky-countdown-timer { display: flex; align-items: center; justify-content: center; gap: 8px; } .lucky-countdown-item { display: flex; flex-direction: column; align-items: center; min-width: 60px; } .lucky-countdown-number { font-size: 36px; font-weight: 700; font-family: monospace; color: var(--text-color, #333); background-color: var(--bg-secondary, #f6f8fa); padding: 12px 16px; border-radius: 8px; min-width: 80px; } .lucky-countdown-label { font-size: 13px; color: var(--text-secondary, #6c757d); margin-top: 8px; } .lucky-countdown-separator { font-size: 32px; font-weight: 700; color: var(--text-secondary, #6c757d); margin-bottom: 28px; } /* 抽奖中动画 */ .lucky-drawing-animation { margin-bottom: 16px; } .lucky-drawing-animation .iconpark-icon { width: 48px; height: 48px; color: var(--main-color, #2ea44f); } .lucky-spin { animation: lucky-spin 1s linear infinite; } /* 错误状态 */ .lucky-error { color: #e74c3c; } .lucky-error .iconpark-icon { width: 48px; height: 48px; margin-bottom: 16px; } .lucky-error-text { font-size: 15px; margin-bottom: 16px; } /* 中奖结果 */ .lucky-result-card { margin-top: 20px; } .lucky-result-title .iconpark-icon { color: #f39c12; } .lucky-winners-list { display: flex; flex-direction: column; gap: 12px; margin-bottom: 24px; } .lucky-winner-item { display: flex; align-items: center; gap: 12px; padding: 12px 16px; background-color: var(--bg-secondary, #f6f8fa); border-radius: 8px; } .lucky-winner-rank { font-size: 14px; font-weight: 700; color: var(--main-color, #2ea44f); min-width: 32px; } .lucky-winner-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; } .lucky-winner-name { flex: 1; font-size: 15px; font-weight: 500; color: var(--text-color, #333); } .lucky-winner-floor { font-size: 13px; color: var(--text-secondary, #6c757d); } .lucky-no-winners { text-align: center; padding: 40px; color: var(--text-secondary, #6c757d); font-size: 15px; } /* @消息区域 */ .lucky-at-message { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--border-color, #e9ecef); } .lucky-at-title { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--text-color, #333); margin-bottom: 12px; } .lucky-at-title .iconpark-icon { width: 16px; height: 16px; } .lucky-at-content { display: flex; gap: 10px; } .lucky-textarea { flex: 1; min-height: 80px; padding: 12px; font-size: 14px; line-height: 1.6; color: var(--text-color, #333); background-color: var(--bg-color, #fff); border: 1px solid var(--border-color, #e9ecef); border-radius: 6px; resize: vertical; } /* 验证信息 */ .lucky-verify-details { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--border-color, #e9ecef); } .lucky-verify-summary { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--text-secondary, #6c757d); cursor: pointer; user-select: none; } .lucky-verify-summary .iconpark-icon { width: 16px; height: 16px; } .lucky-verify-content { margin-top: 16px; padding: 16px; background-color: var(--bg-secondary, #f6f8fa); border-radius: 8px; } .lucky-verify-item { display: flex; flex-direction: column; gap: 4px; margin-bottom: 12px; } .lucky-verify-item:last-child { margin-bottom: 0; } .lucky-verify-label { font-size: 12px; color: var(--text-secondary, #6c757d); } .lucky-verify-value { font-size: 13px; font-family: monospace; color: var(--text-color, #333); word-break: break-all; } .lucky-verify-hex { font-size: 12px; } .lucky-verify-link { color: var(--main-color, #2ea44f); text-decoration: none; } .lucky-verify-link:hover { text-decoration: underline; } /* 返回按钮区域 */ .lucky-back-actions { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--border-color, #e9ecef); text-align: center; } /* 帮助卡片 */ .lucky-help-card { font-size: 13px; } .lucky-help-content p { margin-bottom: 8px; color: var(--text-color, #333); } .lucky-help-content ul { margin: 0 0 12px 0; padding-left: 20px; color: var(--text-secondary, #6c757d); } .lucky-help-content ul li { margin-bottom: 4px; } /* 操作按钮区域 */ .lucky-actions { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--border-color, #e9ecef); } /* 暗色模式适配 */ .dark-layout .lucky-input { background-color: var(--bg-color, #1c1c1c); border-color: var(--border-color, #3d3d3d); color: var(--text-color, #e4e4e4); } .dark-layout .lucky-input:focus { box-shadow: 0 0 0 3px rgba(46, 164, 79, 0.25); } .dark-layout .lucky-preview-card, .dark-layout .lucky-config-item, .dark-layout .lucky-winner-item, .dark-layout .lucky-verify-content { background-color: var(--bg-secondary, #2d2d2d); } .dark-layout .lucky-countdown-number { background-color: var(--bg-secondary, #2d2d2d); } .dark-layout .lucky-link-card { background-color: rgba(46, 164, 79, 0.12); border-color: rgba(46, 164, 79, 0.3); } .dark-layout .lucky-textarea { background-color: var(--bg-color, #1c1c1c); border-color: var(--border-color, #3d3d3d); color: var(--text-color, #e4e4e4); } /* 移动端适配 */ @media screen and (max-width: 768px) { .lucky-config-grid { grid-template-columns: 1fr 1fr; } .lucky-countdown-number { font-size: 28px; padding: 10px 12px; min-width: 60px; } .lucky-countdown-separator { font-size: 24px; } .lucky-input-row { flex-direction: column; } .lucky-link-url { flex-direction: column; } .lucky-at-content { flex-direction: column; } } @media screen and (max-width: 480px) { .lucky-config-grid { grid-template-columns: 1fr; } .lucky-countdown-timer { gap: 4px; } .lucky-countdown-item { min-width: 50px; } .lucky-countdown-number { font-size: 24px; padding: 8px 10px; min-width: 50px; } } /* ==================== 图片懒加载样式 ==================== */ /* 图片容器包装器 */ .nsk-lazy-img-wrapper { position: relative; display: inline-block; overflow: hidden; background-color: #f0f0f0; border-radius: 6px; min-height: 60px; min-width: 80px; margin: 1rem 0; } /* 骨架屏占位符 - 从右往左光波动画 */ .nsk-lazy-img-placeholder { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #e0e0e0; background-image: linear-gradient(100deg, #e0e0e0 40%, #f5f5f5 50%, #e0e0e0 60%); background-size: 300% 100%; animation: nsk-lazy-wave 1.5s ease infinite; border-radius: 6px; } /* 光波动画：从右(100%)到左(0%) */ @keyframes nsk-lazy-wave { 0% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* 懒加载图片初始隐藏 */ .nsk-lazy-img-wrapper img.nsk-lazy-img { opacity: 0; transition: opacity 0.3s ease-in-out; display: block; max-width: 100%; height: auto; margin: 1.5px; /* 覆盖 .post-content img 的 margin，由 wrapper 统一管理间距 */ } /* 图片加载完成后淡入 */ .nsk-lazy-img-wrapper img.nsk-lazy-img.loaded { opacity: 1; } /* 加载完成后隐藏占位符 */ .nsk-lazy-img-wrapper.loaded .nsk-lazy-img-placeholder { opacity: 0; pointer-events: none; transition: opacity 0.3s ease-in-out; } /* 加载完成后移除背景色并允许阴影溢出显示 */ .nsk-lazy-img-wrapper.loaded { background-color: transparent; overflow: visible; } /* 加载失败状态 */ .nsk-lazy-img-wrapper.error .nsk-lazy-img-placeholder { animation: none; background: #f0f0f0; display: flex; align-items: center; justify-content: center; } .nsk-lazy-img-wrapper.error .nsk-lazy-img-placeholder::after { content: "图片加载失败"; color: #999; font-size: 12px; } /* 暗色模式适配 */ .dark-layout .nsk-lazy-img-wrapper { background-color: #3a3a3a; } .dark-layout .nsk-lazy-img-placeholder { background: #4a4a4a; background-image: linear-gradient(100deg, #4a4a4a 40%, #5a5a5a 50%, #4a4a4a 60%); background-size: 300% 100%; } .dark-layout .nsk-lazy-img-wrapper.error .nsk-lazy-img-placeholder { background: #3a3a3a; } .dark-layout .nsk-lazy-img-wrapper.loaded { background-color: transparent; overflow: visible; } .dark-layout .nsk-lazy-img-wrapper.error .nsk-lazy-img-placeholder::after { color: #666; } /* ======================================== * 侧边栏广告位样式 - 垂直堆叠 * ======================================== */ .sidebar-ad { border: none; border-radius: 8px; overflow: hidden; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); background-color: var(--card-bg, #fff); } .sidebar-ad .sidebar-ad-banner { display: block; width: 100%; border-radius: 8px; overflow: hidden; } .sidebar-ad .sidebar-ad-banner a { display: block; width: 100%; } .sidebar-ad .sidebar-ad-img, .sidebar-ad-banner .sidebar-ad-img, img.sidebar-ad-img { display: block; width: 100%; height: auto; max-width: 100%; border-radius: 8px; transition: transform 0.3s ease, opacity 0.3s ease; } .sidebar-ad-banner a:hover .sidebar-ad-img { transform: scale(1.02); opacity: 0.95; } /* 暗色模式适配 */ .dark-layout .sidebar-ad { background-color: var(--card-bg, #1c1c1c); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .dark-layout .sidebar-ad-banner a:hover .sidebar-ad-img { opacity: 0.9; } /* ==================== 被屏蔽内容样式 ==================== */ .blocked-content-notice { background-color: var(--bg-sub-color, #f8f9fa); border: 1px dashed var(--border-color, #dee2e6); border-radius: 4px; color: var(--text-muted-color, #6c757d); padding: 1px 2px; margin: 8px 0; } .blocked-content-notice p { margin: 0; font-size: 13px; } .blocked-content-notice b { font-weight: 500; } .blocked-content-notice hr { border-color: var(--border-color, #dee2e6); margin: 8px 0; opacity: 0.5; } /* 暗色模式适配 */ .dark-layout .blocked-content-notice { background-color: var(--bg-sub-color, #3b3b3b); border-color: rgba(255, 255, 255, 0.1); color: var(--text-muted-color, #888); } /* ==================== 帖子内容一级标题样式优化 ==================== */ /* 帖子内容 h1 样式 */ .post-content h1 { color: #1a7f37; /* 深绿色，比 h2 更深沉 */ font-size: 22px; /* 比 h2(17px) 更大 */ line-height: 1.4; margin: 24px 0 16px 0; /* 上下间距更大 */ padding-bottom: 8px; border-bottom: 2px solid #2ea44f; /* 比 h2 更粗的底部边框 */ position: relative; } /* h1 装饰性左边框，增加层次感 */ .post-content h1::before { content: ''; position: absolute; left: -12px; top: 4px; bottom: 12px; width: 4px; background: linear-gradient(180deg, #2ea44f, #45ca6b); border-radius: 2px; } /* 暗色模式适配 */ .dark-layout .post-content h1 { color: #3fb950; /* 暗色模式下更亮的绿色 */ border-bottom-color: #238636; } .dark-layout .post-content h1::before { background: linear-gradient(180deg, #238636, #2ea44f); } /* 第一个 h1 不需要太大的顶部间距 */ .post-content > h1:first-child, .post-content > p:first-child + h1 { margin-top: 8px; }