diff --git a/README.md b/README.md deleted file mode 100644 index c25966f..0000000 --- a/README.md +++ /dev/null @@ -1 +0,0 @@ -本版本主题已停止更新维护，请下载新版本：https://github.com/HaoOuBa/Joe diff --git a/assets/background/background1.min.js b/assets/background/background1.min.js index 6fab747..8db6945 100644 --- a/assets/background/background1.min.js +++ b/assets/background/background1.min.js @@ -1 +1 @@ -!function(){function t(){let t=document.getElementsByTagName("script"),e=t.length,n=t[e-1];return{length:e,z:-250,opacity:n.getAttribute("opacity")||.5,color:n.getAttribute("color")||"0,0,0",count:n.getAttribute("count")||99}}function e(){W=i.width=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth,H=i.height=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight}function n(){o.clearRect(0,0,W,H);var t,e,i=[y].concat(d);d.forEach(function(n){n.x+=n.xa,n.y+=n.ya,n.xa=n.xa*(n.x>W||n.x<0?-1:1),n.ya=n.ya*(n.y>H||n.y<0?-1:1),o.fillRect(n.x-.5,n.y-.5,1,1);for(let c=0;ct.max/2&&(n.x=n.x-.03*x_diff,n.y=n.y-.03*y_diff),e=(t.max-distance)/t.max,o.beginPath(),o.lineWidth=e/2,o.strokeStyle="rgba("+a.color+","+(e+.2)+")",o.moveTo(n.x,n.y),o.lineTo(t.x,t.y),o.stroke()));i.splice(i.indexOf(n),1)}),r(n)}var i=document.createElement("canvas"),o=i.getContext("2d"),a=t();i.id="c_n"+a.length,i.style.cssText="position:fixed;top:0;left:0;z-index:"+a.z+";opacity:"+a.opacity,document.getElementsByTagName("body")[0].appendChild(i),e(),window.onresize=e;var c=Math.random,d=[];for(let t=0;tW||n.x<0?-1:1),n.ya=n.ya*(n.y>H||n.y<0?-1:1),o.fillRect(n.x-.5,n.y-.5,1,1);for(let c=0;ct.max/2&&(n.x=n.x-.03*x_diff,n.y=n.y-.03*y_diff),e=(t.max-distance)/t.max,o.beginPath(),o.lineWidth=e/2,o.strokeStyle="rgba("+a.color+","+(e+.2)+")",o.moveTo(n.x,n.y),o.lineTo(t.x,t.y),o.stroke()));i.splice(i.indexOf(n),1)}),r(n)}var i=document.createElement("canvas"),o=i.getContext("2d"),a=t();i.id="c_n"+a.length,i.style.cssText="position:fixed;top:0;left:0;z-index:"+a.z+";opacity:"+a.opacity,document.getElementsByTagName("body")[0].appendChild(i),e(),window.onresize=e;var c=Math.random,d=[];for(let t=0;t5?"right":"left",i=1e3,n=200,s=0-n,e=this._width+n,a=0,r=0,l="right"===t?s:e,c=Math.round(o(0,this._height));/^(top|min)$/i.test(this._options.verticalPosition)?c=0+n:/^(middle|center)$/i.test(this._options.verticalPosition)?c=this._height/2:/^(bottom|max)$/i.test(this._options.verticalPosition)&&(c=this._height-n);for(var _=[],p=new h(l,c),d=new h(l,c),u=null,f=Math.round(o(0,360)),b=0;!(i<=0);){if(i--,a=Math.round((1*Math.random()-.2)*this._options.horizontalSpeed),r=Math.round((1*Math.random()-.5)*(.25*this._height)),u=new h,u.copy(d),"right"===t){if(u.add(a,r),d.x>=e)break}else if("left"===t&&(u.subtract(a,r),d.x<=s))break;_.push({point1:new h(p.x,p.y),point2:new h(d.x,d.y),point3:u,color:f,delay:b,dir:t,alpha:0,phase:0}),p.copy(d),d.copy(u),b+=4,f+=this._options.colorCycleSpeed}this._ribbons.push(_)},_drawRibbonSection:function(t){if(t){if(t.phase>=1&&t.alpha<=0)return!0;if(t.delay<=0){if(t.phase+=.02,t.alpha=1*Math.sin(t.phase),t.alpha=t.alpha<=0?0:t.alpha,t.alpha=t.alpha>=1?1:t.alpha,this._options.animateSections){var i=.1*Math.sin(1+t.phase*Math.PI/2);"right"===t.dir?(t.point1.add(i,0),t.point2.add(i,0),t.point3.add(i,0)):(t.point1.subtract(i,0),t.point2.subtract(i,0),t.point3.subtract(i,0)),t.point1.add(0,i),t.point2.add(0,i),t.point3.add(0,i)}}else t.delay-=.5;var n=this._options.colorSaturation,o=this._options.colorBrightness,s="hsla("+t.color+", "+n+", "+o+", "+t.alpha+" )";this._context.save(),0!==this._options.parallaxAmount&&this._context.translate(0,this._scroll*this._options.parallaxAmount),this._context.beginPath(),this._context.moveTo(t.point1.x,t.point1.y),this._context.lineTo(t.point2.x,t.point2.y),this._context.lineTo(t.point3.x,t.point3.y),this._context.fillStyle=s,this._context.fill(),this._options.strokeSize>0&&(this._context.lineWidth=this._options.strokeSize,this._context.strokeStyle=s,this._context.lineCap="round",this._context.stroke()),this._context.restore()}return!1},_onDraw:function(){for(var t=0,i=this._ribbons.length;t=s&&(this._ribbons[n]=null)}this._ribbons.length5?"right":"left",i=1e3,n=200,s=0-n,e=this._width+n,a=0,r=0,l="right"===t?s:e,c=Math.round(o(0,this._height));/^(top|min)$/i.test(this._options.verticalPosition)?c=0+n:/^(middle|center)$/i.test(this._options.verticalPosition)?c=this._height/2:/^(bottom|max)$/i.test(this._options.verticalPosition)&&(c=this._height-n);for(var _=[],p=new h(l,c),d=new h(l,c),u=null,f=Math.round(o(0,360)),b=0;!(i<=0);){if(i--,a=Math.round((1*Math.random()-.2)*this._options.horizontalSpeed),r=Math.round((1*Math.random()-.5)*(.25*this._height)),u=new h,u.copy(d),"right"===t){if(u.add(a,r),d.x>=e)break}else if("left"===t&&(u.subtract(a,r),d.x<=s))break;_.push({point1:new h(p.x,p.y),point2:new h(d.x,d.y),point3:u,color:f,delay:b,dir:t,alpha:0,phase:0}),p.copy(d),d.copy(u),b+=4,f+=this._options.colorCycleSpeed}this._ribbons.push(_)},_drawRibbonSection:function(t){if(t){if(t.phase>=1&&t.alpha<=0)return!0;if(t.delay<=0){if(t.phase+=.02,t.alpha=1*Math.sin(t.phase),t.alpha=t.alpha<=0?0:t.alpha,t.alpha=t.alpha>=1?1:t.alpha,this._options.animateSections){var i=.1*Math.sin(1+t.phase*Math.PI/2);"right"===t.dir?(t.point1.add(i,0),t.point2.add(i,0),t.point3.add(i,0)):(t.point1.subtract(i,0),t.point2.subtract(i,0),t.point3.subtract(i,0)),t.point1.add(0,i),t.point2.add(0,i),t.point3.add(0,i)}}else t.delay-=.5;var n=this._options.colorSaturation,o=this._options.colorBrightness,s="hsla("+t.color+", "+n+", "+o+", "+t.alpha+" )";this._context.save(),0!==this._options.parallaxAmount&&this._context.translate(0,this._scroll*this._options.parallaxAmount),this._context.beginPath(),this._context.moveTo(t.point1.x,t.point1.y),this._context.lineTo(t.point2.x,t.point2.y),this._context.lineTo(t.point3.x,t.point3.y),this._context.fillStyle=s,this._context.fill(),this._options.strokeSize>0&&(this._context.lineWidth=this._options.strokeSize,this._context.strokeStyle=s,this._context.lineCap="round",this._context.stroke()),this._context.restore()}return!1},_onDraw:function(){for(var t=0,i=this._ribbons.length;t=s&&(this._ribbons[n]=null)}this._ribbons.length=finish+arcStagger*colors.length;let e=window.innerWidth*DPR,n=window.innerHeight*DPR;const o=.5*n/colors.length,i=e/2,r=n+o*rainbowHeight+(n-colors.length*o)/3,l=e/2+colors.length*o*2,s=n;let d=document.getElementById("rainbow").getContext("2d");d.clearRect(0,0,e,n),d.globalAlpha=1,d.lineWidth=o;for(let e=colors.length-1;e>-1;e--){const[n,c]=colors[e],h=r+e*(o/2-1),f=l-e*o/2,m=s-e*o/2,g=tau*(a-e*arcStagger)+start,u=clamp(start,tau*finish+start,g);if(d.beginPath(),d.shadowColor=n,d.strokeStyle=n,d.ellipse(i,h,f,m,0,start,u,!1),d.lineCap="round",d.stroke(),d.closePath(),t)sparkles.push(makeSparkle({cx:i,cy:h,radiusX:f,radiusY:m,endAngle:Math.random()*Math.PI+Math.PI,lineWidth:o,color:boolRandom()?"#fff":c}));else for(let a=0;a.2&&i>.2&&c.push({x:t,y:e,opacity:n-.03,rad:i-.2,color:o})}sparkles=c,t?requestAnimationFrame(function(){animate(finish+colors.length*arcStagger)}):requestAnimationFrame(function(){animate(a+inc)})}document.writeln("");const DPR=window.devicePixelRatio,colors=[["#EC008C","#f957b6"],["#EF4136","#ff7972"],["yellow","#fff"],["lime","#7aff7a"],["#27AAE1","#5ec8f2"],["#662D91","#a158d8"]],tau=2*Math.PI,start=Math.PI,finish=.5,inc=.007,rainbowHeight=.5,arcStagger=.05,sparklesInPerStripe=3;let sparkles=[];const clamp=(a,t,e)=>Math.min(Math.max(a,e),t),boolRandom=()=>!Math.round(Math.random()),sizeCanvas=()=>{radius=clamp(15,50,window.innerWidth/60/DPR);const a=document.getElementById("rainbow");a.width=window.innerWidth*DPR,a.height=window.innerHeight*DPR},addRandom=function(a){return(boolRandom()?-1:1)*Math.random()*a},makeSparkle=({cx:a,cy:t,radiusX:e,radiusY:n,endAngle:o,lineWidth:i,color:r})=>({x:a+e*Math.cos(o)+addRandom(i),y:t+n*Math.sin(o)+addRandom(i),opacity:1,color:r,rad:Math.max(radius*Math.random()*DPR,15)});sizeCanvas(),requestAnimationFrame(function(){animate()}),window.addEventListener("resize",sizeCanvas); \ No newline at end of file +function animate(a=0){const t=a>=finish+arcStagger*colors.length;let e=window.innerWidth*DPR,n=window.innerHeight*DPR;const o=.5*n/colors.length,i=e/2,r=n+o*rainbowHeight+(n-colors.length*o)/3,l=e/2+colors.length*o*2,s=n;let c=document.getElementById("rainbow").getContext("2d");c.clearRect(0,0,e,n),c.globalAlpha=1,c.lineWidth=o;for(let e=colors.length-1;e>-1;e--){const[n,d]=colors[e],h=r+e*(o/2-1),m=l-e*o/2,f=s-e*o/2,g=tau*(a-e*arcStagger)+start,u=clamp(start,tau*finish+start,g);if(c.beginPath(),c.shadowColor=n,c.strokeStyle=n,c.ellipse(i,h,m,f,0,start,u,!1),c.lineCap="round",c.stroke(),c.closePath(),t)sparkles.push(makeSparkle({cx:i,cy:h,radiusX:m,radiusY:f,endAngle:Math.random()*Math.PI+Math.PI,lineWidth:o,color:boolRandom()?"#fff":d}));else for(let a=0;a.2&&i>.2&&d.push({x:t,y:e,opacity:n-.03,rad:i-.2,color:o})}sparkles=d,t?requestAnimationFrame(function(){animate(finish+colors.length*arcStagger)}):requestAnimationFrame(function(){animate(a+inc)})}let canvasDom=document.createElement("canvas");canvasDom.setAttribute("id","rainbow"),canvasDom.setAttribute("style","background-color: #ffffffe0;z-index: -1000;position:fixed;top:0;left:0;right:0;bottom:0;"),document.body.appendChild(canvasDom);const DPR=window.devicePixelRatio,colors=[["#EC008C","#f957b6"],["#EF4136","#ff7972"],["yellow","#fff"],["lime","#7aff7a"],["#27AAE1","#5ec8f2"],["#662D91","#a158d8"]],tau=2*Math.PI,start=Math.PI,finish=.5,inc=.007,rainbowHeight=.5,arcStagger=.05,sparklesInPerStripe=3;let sparkles=[];const clamp=(a,t,e)=>Math.min(Math.max(a,e),t),boolRandom=()=>!Math.round(Math.random()),sizeCanvas=()=>{radius=clamp(15,50,window.innerWidth/60/DPR);const a=document.getElementById("rainbow");a.width=window.innerWidth*DPR,a.height=window.innerHeight*DPR},addRandom=function(a){return(boolRandom()?-1:1)*Math.random()*a},makeSparkle=({cx:a,cy:t,radiusX:e,radiusY:n,endAngle:o,lineWidth:i,color:r})=>({x:a+e*Math.cos(o)+addRandom(i),y:t+n*Math.sin(o)+addRandom(i),opacity:1,color:r,rad:Math.max(radius*Math.random()*DPR,15)});sizeCanvas(),requestAnimationFrame(function(){animate()}),window.addEventListener("resize",sizeCanvas); \ No newline at end of file diff --git a/assets/background/background4.min.js b/assets/background/background4.min.js index 99ca606..a619f9c 100644 --- a/assets/background/background4.min.js +++ b/assets/background/background4.min.js @@ -1,3 +1,3 @@ -if(!navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)){var stop,staticx,img=new Image;function Sakura(A,i,t,g,B){this.x=A,this.y=i,this.s=t,this.r=g,this.fn=B}function getRandom(A){var i,t;switch(A){case"x":i=Math.random()*window.innerWidth;break;case"y":i=Math.random()*window.innerHeight;break;case"s":i=Math.random();break;case"r":i=6*Math.random();break;case"fnx":t=1*Math.random()-.5,i=function(A,i){return A+.5*t-1.7};break;case"fny":t=1.5+.7*Math.random(),i=function(A,i){return i+t};break;case"fnr":t=.03*Math.random(),i=function(A){return A+t}}return i}function startSakura(){requestAnimationFrame=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame||window.oRequestAnimationFrame;var A,i=document.createElement("canvas");staticx=!0,i.height=window.innerHeight,i.width=window.innerWidth,i.setAttribute("style","position: fixed;left: 0;top: 0;pointer-events: none;z-index:99999;"),i.setAttribute("id","canvas_sakura"),document.getElementsByTagName("body")[0].appendChild(i),A=i.getContext("2d");for(var t=new SakuraList,g=0;g<20;g++){var B,o,I,a,e,R,n;o=getRandom("x"),I=getRandom("y"),e=getRandom("r"),a=getRandom("s"),R=getRandom("fnx"),n=getRandom("fny"),randomFnR=getRandom("fnr"),B=new Sakura(o,I,a,e,{x:R,y:n,r:randomFnR}),B.draw(A),t.push(B)}stop=requestAnimationFrame(function(){A.clearRect(0,0,i.width,i.height),t.update(),t.draw(A),stop=requestAnimationFrame(arguments.callee)})}function stopp(){if(staticx){var A=document.getElementById("canvas_sakura");A.parentNode.removeChild(A),window.cancelAnimationFrame(stop),staticx=!1}else startSakura()} +if(!navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i)){var stop,staticx,img=new Image;function Sakura(A,i,t,g,B){this.x=A,this.y=i,this.s=t,this.r=g,this.fn=B}function getRandom(A){var i,t;switch(A){case"x":i=Math.random()*window.innerWidth;break;case"y":i=Math.random()*window.innerHeight;break;case"s":i=Math.random();break;case"r":i=6*Math.random();break;case"fnx":t=1*Math.random()-.5,i=function(A,i){return A+.5*t-1.7};break;case"fny":t=1.5+.7*Math.random(),i=function(A,i){return i+t};break;case"fnr":t=.03*Math.random(),i=function(A){return A+t}}return i}function startSakura(){requestAnimationFrame=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame||window.oRequestAnimationFrame;var A,i=document.createElement("canvas");staticx=!0,i.height=window.innerHeight,i.width=window.innerWidth,i.setAttribute("style","position: fixed;left: 0;top: 0;pointer-events: none;z-index:-1000;"),i.setAttribute("id","canvas_sakura"),document.getElementsByTagName("body")[0].appendChild(i),A=i.getContext("2d");for(var t=new SakuraList,g=0;g<20;g++){var B,o,I,a,e,R,n;o=getRandom("x"),I=getRandom("y"),e=getRandom("r"),a=getRandom("s"),R=getRandom("fnx"),n=getRandom("fny"),randomFnR=getRandom("fnr"),B=new Sakura(o,I,a,e,{x:R,y:n,r:randomFnR}),B.draw(A),t.push(B)}stop=requestAnimationFrame(function(){A.clearRect(0,0,i.width,i.height),t.update(),t.draw(A),stop=requestAnimationFrame(arguments.callee)})}function stopp(){if(staticx){var A=document.getElementById("canvas_sakura");A.parentNode.removeChild(A),window.cancelAnimationFrame(stop),staticx=!1}else startSakura()} img.src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUgAAAEwCAYAAADVZeifAAAACXBIWXMAAACYAAAAmAGiyIKYAAAHG2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBSaWdodHM9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9yaWdodHMvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NDFDMjQxQjYyNjIwNjgxMTgwODNEMjE2MDAzOTU1NDQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDozNDVjOWViOC04NDc4LTFkNDctOGRjMi0yZDkyOGNhYTYxZWQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6YjAzN2ZiMGItNTU5Mi0xYjRkLWJjZGQtOWU4NGExMDJiMGM2IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTA1LTA5VDE0OjQ5OjM3KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0wNS0wOVQxNDo1MToyNSswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0wNS0wOVQxNDo1MToyNSswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjEyMjVlZWE3LTEyY2QtMTY0NC04ZDAzLWFjOTE2ZTAxZDQ1YyIgc3RSZWY6ZG9jdW1lbnRJRD0idXVpZDoxRDIwNUFGNjZCRDlFNTExOUM5REMwMzg2RjlEQjFGNyIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphYmMzNjIzMy1hOWNkLWNiNDQtODViYi0zZTgyMjEwYmIxMjYiIHN0RXZ0OndoZW49IjIwMTgtMDUtMDlUMTQ6NTE6MjUrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YjAzN2ZiMGItNTU5Mi0xYjRkLWJjZGQtOWU4NGExMDJiMGM2IiBzdEV2dDp3aGVuPSIyMDE4LTA1LTA5VDE0OjUxOjI1KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2Vx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", Sakura.prototype.draw=function(A){A.save();this.s;A.translate(this.x,this.y),A.rotate(this.r),A.drawImage(img,0,0,30*this.s,30*this.s),A.restore()},Sakura.prototype.update=function(){this.x=this.fn.x(this.x,this.y),this.y=this.fn.y(this.y,this.y),this.r=this.fn.r(this.r),(this.x>window.innerWidth||this.x<0||this.y>window.innerHeight||this.y<0)&&(this.r=getRandom("fnr"),Math.random()>.4?(this.x=getRandom("x"),this.y=0,this.s=getRandom("s"),this.r=getRandom("r")):(this.x=window.innerWidth,this.y=getRandom("y"),this.s=getRandom("s"),this.r=getRandom("r")))},SakuraList=function(){this.list=[]},SakuraList.prototype.push=function(A){this.list.push(A)},SakuraList.prototype.update=function(){for(var A=0,i=this.list.length;A=r(t.py1,t.py2)&&this.py1<=l(t.py1,t.py2)?(this.xi=this.px1,this.yi=this.py1,this.RoughSegmentRelationConst.INTERSECTS):this.py2>=r(t.py1,t.py2)&&this.py2<=l(t.py1,t.py2)?(this.xi=this.px2,this.yi=this.py2,this.RoughSegmentRelationConst.INTERSECTS):this.RoughSegmentRelationConst.SEPARATE:this.RoughSegmentRelationConst.SEPARATE:(this.xi=this.px1,this.yi=s*this.xi+h,-1e-5>(this.py1-this.yi)*(this.yi-this.py2)||-1e-5>(t.py1-this.yi)*(this.yi-t.py2)?this.RoughSegmentRelationConst.SEPARATE:1e-5>o(t.a)&&-1e-5>(t.px1-this.xi)*(this.xi-t.px2)?this.RoughSegmentRelationConst.SEPARATE:this.RoughSegmentRelationConst.INTERSECTS):s==c?(this.xi=t.px1,this.yi=e*this.xi+i,-1e-5>(t.py1-this.yi)*(this.yi-t.py2)||-1e-5>(this.py1-this.yi)*(this.yi-this.py2)?this.RoughSegmentRelationConst.SEPARATE:1e-5>o(a)&&-1e-5>(this.px1-this.xi)*(this.xi-this.px2)?this.RoughSegmentRelationConst.SEPARATE:this.RoughSegmentRelationConst.INTERSECTS):e==s?i==h?this.px1>=r(t.px1,t.px2)&&this.px1<=l(t.py1,t.py2)?(this.xi=this.px1,this.yi=this.py1,this.RoughSegmentRelationConst.INTERSECTS):this.px2>=r(t.px1,t.px2)&&this.px2<=l(t.px1,t.px2)?(this.xi=this.px2,this.yi=this.py2,this.RoughSegmentRelationConst.INTERSECTS):this.RoughSegmentRelationConst.SEPARATE:this.RoughSegmentRelationConst.SEPARATE:(this.xi=(h-i)/(e-s),this.yi=e*this.xi+i,-1e-5>(this.px1-this.xi)*(this.xi-this.px2)||-1e-5>(t.px1-this.xi)*(this.xi-t.px2)?this.RoughSegmentRelationConst.SEPARATE:this.RoughSegmentRelationConst.INTERSECTS)}getLength(){return this._getLength(this.px1,this.py1,this.px2,this.py2)}_getLength(t,e,s,i){var h=s-t,a=i-e;return n(h*h+a*a)}}class f{constructor(t,e,s,i,h,a,n,l){this.top=t,this.bottom=e,this.left=s,this.right=i,this.gap=h,this.sinAngle=a,this.tanAngle=l,1e-4>o(a)?this.pos=s+h:.9999o(this.sinAngle)){if(this.posthis.right&&s>this.right;)if(this.pos+=this.hGap,e=this.pos-this.deltaX/2,s=this.pos+this.deltaX/2,this.pos>this.right+this.deltaX)return null;let a=new p(e,i,s,h);a.compare(this.sLeft)==t().INTERSECTS&&(e=a.xi,i=a.yi),a.compare(this.sRight)==t().INTERSECTS&&(s=a.xi,h=a.yi),0d){let t=n(1-d/(this._rx*this._rx*this._ry*this._ry));this._rx=t,this._ry=t,f=0}else f=(r==c?-1:1)*n(d/(this._rx*this._rx*g*g+this._ry*this._ry*u*u));let _=f*this._rx*g/this._ry,y=-f*this._ry*u/this._rx;this._C=[0,0],this._C[0]=this._cosPhi*_-this._sinPhi*y+(t[0]+e[0])/2,this._C[1]=this._sinPhi*_+this._cosPhi*y+(t[1]+e[1])/2,this._theta=this.calculateVectorAngle(1,0,(u-_)/this._rx,(g-y)/this._ry);let x=this.calculateVectorAngle((u-_)/this._rx,(g-y)/this._ry,(-u-_)/this._rx,(-g-y)/this._ry);!c&&0x&&(x+=2*a),this._numSegs=Math.ceil(o(x/(a/2))),this._delta=x/this._numSegs,this._T=8/3*h(this._delta/4)*h(this._delta/4)/h(this._delta/2),this._from=t}getNextSegment(){var t,e,s;if(this._segIndex==this._numSegs)return null;let a=i(this._theta),n=h(this._theta),l=this._theta+this._delta,r=i(l),o=h(l);return s=[this._cosPhi*this._rx*r-this._sinPhi*this._ry*o+this._C[0],this._sinPhi*this._rx*r+this._cosPhi*this._ry*o+this._C[1]],t=[this._from[0]+this._T*(-this._cosPhi*this._rx*n-this._sinPhi*this._ry*a),this._from[1]+this._T*(-this._sinPhi*this._rx*n+this._cosPhi*this._ry*a)],e=[s[0]+this._T*(this._cosPhi*this._rx*o+this._sinPhi*this._ry*r),s[1]+this._T*(this._sinPhi*this._rx*o-this._cosPhi*this._ry*r)],this._theta=l,this._from=[s[0],s[1]],this._segIndex++,{cp1:t,cp2:e,to:s}}calculateVectorAngle(t,e,s,i){var h=Math.atan2;let n=h(e,t),l=h(i,s);return l>=n?l-n:2*a-(n-l)}}class y{constructor(t,e){this.sets=t,this.closed=e}fit(t){let e=[];for(const s of this.sets){let i=s.length,h=Math.floor(t*i);if(5>h){if(5>=i)continue;h=5}e.push(this.reduce(s,h))}let s="";for(const t of e){for(let e,i=0;ie;){let t=-1,e=-1;for(let i=1;it||ox;)x+=2*a,b+=2*a;b-x>2*a&&(x=0,b=2*a);let m=2*a/u.curveStepCount,w=r(m/2,(b-x)/2),O=this._arc(w,g,d,_,y,x,b,1,u),S=this._arc(w,g,d,_,y,x,b,1.5,u),v=O.concat(S);return p&&(f?(v=v.concat(this._doubleLine(g,d,g+_*i(x),d+y*h(x),u)),v=v.concat(this._doubleLine(g,d,g+_*i(b),d+y*h(b),u))):(v.push({op:"lineTo",data:[g,d]}),v.push({op:"lineTo",data:[g+_*i(x),d+y*h(x)]}))),{type:"path",ops:v}}hachureFillArc(t,e,s,n,l,r,c){let p=t,f=e,u=o(s/2),g=o(n/2);u+=this._getOffset(.01*-u,.01*u,c),g+=this._getOffset(.01*-g,.01*g,c);let d=l,_=r;for(;0>d;)d+=2*a,_+=2*a;_-d>2*a&&(d=0,_=2*a);let y=(_-d)/c.curveStepCount,x=[],b=[];for(let t=d;t<=_;t+=y)x.push(p+u*i(t)),b.push(f+g*h(t));return x.push(p+u*i(_)),b.push(f+g*h(_)),x.push(p),b.push(f),this.hachureFillShape(x,b,c)}solidFillShape(t,e,s){let i=[];if(t&&e&&t.length&&e.length&&t.length===e.length){let a=s.maxRandomnessOffset||0;const n=t.length;if(2_&&(_=4*n.strokeWidth),_=l(_,.1);const y=d%180*(a/180),x=i(y),b=h(y),m=e(y),w=new f(u-1,g+1,c-1,p+1,_,b,x,m);for(let e;null!=(e=w.getNextLine());){let i=this._getIntersectingLines(e,t,s);for(let t=0;t=u&&(u=4*l.strokeWidth);let g=l.fillWeight;0>g&&(g=l.strokeWidth/2);let d=e(f%180*(a/180)),_=p/c,y=n(_*d*_*d+1),x=_*d/y,b=1/y,m=u/(c*p/n(p*b*(p*b)+c*x*(c*x))/c),w=n(c*c-(t-c+m)*(t-c+m));for(var O=t-c+m;Op;p++)0===p?r.push({op:"move",data:[n.x,n.y]}):r.push({op:"move",data:[n.x+this._getOffset(-o[0],o[0],l),n.y+this._getOffset(-o[0],o[0],l)]}),c=[h+this._getOffset(-o[p],o[p],l),a+this._getOffset(-o[p],o[p],l)],r.push({op:"bcurveTo",data:[t+this._getOffset(-o[p],o[p],l),e+this._getOffset(-o[p],o[p],l),s+this._getOffset(-o[p],o[p],l),i+this._getOffset(-o[p],o[p],l),c[0],c[1]]});return n.setPosition(c[0],c[1]),r}_processSegment(t,e,s,i){let h=[];switch(e.key){case"M":case"m":{let s="m"===e.key;if(2<=e.data.length){let a=+e.data[0],n=+e.data[1];s&&(a+=t.x,n+=t.y);let l=1*(i.maxRandomnessOffset||0);a+=this._getOffset(-l,l,i),n+=this._getOffset(-l,l,i),t.setPosition(a,n),h.push({op:"move",data:[a,n]})}break}case"L":case"l":{let s="l"===e.key;if(2<=e.data.length){let a=+e.data[0],n=+e.data[1];s&&(a+=t.x,n+=t.y),h=h.concat(this._doubleLine(t.x,t.y,a,n,i)),t.setPosition(a,n)}break}case"H":case"h":{const s="h"===e.key;if(e.data.length){let a=+e.data[0];s&&(a+=t.x),h=h.concat(this._doubleLine(t.x,t.y,a,t.y,i)),t.setPosition(a,t.y)}break}case"V":case"v":{const s="v"===e.key;if(e.data.length){let a=+e.data[0];s&&(a+=t.y),h=h.concat(this._doubleLine(t.x,t.y,t.x,a,i)),t.setPosition(t.x,a)}break}case"Z":case"z":t.first&&(h=h.concat(this._doubleLine(t.x,t.y,t.first[0],t.first[1],i)),t.setPosition(t.first[0],t.first[1]),t.first=null);break;case"C":case"c":{const s="c"===e.key;if(6<=e.data.length){let a=+e.data[0],n=+e.data[1],l=+e.data[2],r=+e.data[3],o=+e.data[4],c=+e.data[5];s&&(a+=t.x,l+=t.x,o+=t.x,n+=t.y,r+=t.y,c+=t.y);let p=this._bezierTo(a,n,l,r,o,c,t,i);h=h.concat(p),t.bezierReflectionPoint=[o+(o-l),c+(c-r)]}break}case"S":case"s":{const n="s"===e.key;if(4<=e.data.length){let l=+e.data[0],r=+e.data[1],o=+e.data[2],c=+e.data[3];n&&(l+=t.x,o+=t.x,r+=t.y,c+=t.y);let p=l,f=r,u=s?s.key:"";var a=null;("c"==u||"C"==u||"s"==u||"S"==u)&&(a=t.bezierReflectionPoint),a&&(p=a[0],f=a[1]);let g=this._bezierTo(p,f,l,r,o,c,t,i);h=h.concat(g),t.bezierReflectionPoint=[o+(o-l),c+(c-r)]}break}case"Q":case"q":{const s="q"===e.key;if(4<=e.data.length){let a=+e.data[0],n=+e.data[1],l=+e.data[2],r=+e.data[3];s&&(a+=t.x,l+=t.x,n+=t.y,r+=t.y);let o=1*(1+.2*i.roughness),c=1.5*(1+.22*i.roughness);h.push({op:"move",data:[t.x+this._getOffset(-o,o,i),t.y+this._getOffset(-o,o,i)]});let p=[l+this._getOffset(-o,o,i),r+this._getOffset(-o,o,i)];h.push({op:"qcurveTo",data:[a+this._getOffset(-o,o,i),n+this._getOffset(-o,o,i),p[0],p[1]]}),h.push({op:"move",data:[t.x+this._getOffset(-c,c,i),t.y+this._getOffset(-c,c,i)]}),p=[l+this._getOffset(-c,c,i),r+this._getOffset(-c,c,i)],h.push({op:"qcurveTo",data:[a+this._getOffset(-c,c,i),n+this._getOffset(-c,c,i),p[0],p[1]]}),t.setPosition(p[0],p[1]),t.quadReflectionPoint=[l+(l-a),r+(r-n)]}break}case"T":case"t":{const n="t"===e.key;if(2<=e.data.length){let l=+e.data[0],r=+e.data[1];n&&(l+=t.x,r+=t.y);let o=l,c=r,p=s?s.key:"";a=null;("q"==p||"Q"==p||"t"==p||"T"==p)&&(a=t.quadReflectionPoint),a&&(o=a[0],c=a[1]);let f=1*(1+.2*i.roughness),u=1.5*(1+.22*i.roughness);h.push({op:"move",data:[t.x+this._getOffset(-f,f,i),t.y+this._getOffset(-f,f,i)]});let g=[l+this._getOffset(-f,f,i),r+this._getOffset(-f,f,i)];h.push({op:"qcurveTo",data:[o+this._getOffset(-f,f,i),c+this._getOffset(-f,f,i),g[0],g[1]]}),h.push({op:"move",data:[t.x+this._getOffset(-u,u,i),t.y+this._getOffset(-u,u,i)]}),g=[l+this._getOffset(-u,u,i),r+this._getOffset(-u,u,i)],h.push({op:"qcurveTo",data:[o+this._getOffset(-u,u,i),c+this._getOffset(-u,u,i),g[0],g[1]]}),t.setPosition(g[0],g[1]),t.quadReflectionPoint=[l+(l-o),r+(r-c)]}break}case"A":case"a":{const s="a"===e.key;if(7<=e.data.length){let a=+e.data[0],n=+e.data[1],l=+e.data[2],r=+e.data[3],o=+e.data[4],c=+e.data[5],p=+e.data[6];if(s&&(c+=t.x,p+=t.y),c==t.x&&p==t.y)break;if(0==a||0==n)h=h.concat(this._doubleLine(t.x,t.y,c,p,i)),t.setPosition(c,p);else{i.maxRandomnessOffset;for(let e=0;1>e;e++){let e=new _([t.x,t.y],[c,p],[a,n],l,!!r,!!o),s=e.getNextSegment();for(;s;){let a=this._bezierTo(s.cp1[0],s.cp1[1],s.cp2[0],s.cp2[1],s.to[0],s.to[1],t,i);h=h.concat(a),s=e.getNextSegment()}}}}break}}return h}_getOffset(t,e,s){return s.roughness*(Math.random()*(e-t)+t)}_affine(t,e,s,i,h,a,n){return[-s*a-i*h+s+a*t+h*e,n*(s*h-i*a)+i+-n*h*t+n*a*e]}_doubleLine(t,e,s,i,h){const a=this._line(t,e,s,i,h,!0,!1),n=this._line(t,e,s,i,h,!0,!0);return a.concat(n)}_line(t,e,i,h,a,l,r){const o=s(t-i,2)+s(e-h,2);let c=a.maxRandomnessOffset||0;c*c*100>o&&(c=n(o)/10);const p=c/2,f=.2+.2*Math.random();let u=a.bowing*a.maxRandomnessOffset*(h-e)/200,g=a.bowing*a.maxRandomnessOffset*(t-i)/200;u=this._getOffset(-u,u,a),g=this._getOffset(-g,g,a);let d=[];return l&&(r?d.push({op:"move",data:[t+this._getOffset(-p,p,a),e+this._getOffset(-p,p,a)]}):d.push({op:"move",data:[t+this._getOffset(-c,c,a),e+this._getOffset(-c,c,a)]})),r?d.push({op:"bcurveTo",data:[u+t+(i-t)*f+this._getOffset(-p,p,a),g+e+(h-e)*f+this._getOffset(-p,p,a),u+t+2*(i-t)*f+this._getOffset(-p,p,a),g+e+2*(h-e)*f+this._getOffset(-p,p,a),i+this._getOffset(-p,p,a),h+this._getOffset(-p,p,a)]}):d.push({op:"bcurveTo",data:[u+t+(i-t)*f+this._getOffset(-c,c,a),g+e+(h-e)*f+this._getOffset(-c,c,a),u+t+2*(i-t)*f+this._getOffset(-c,c,a),g+e+2*(h-e)*f+this._getOffset(-c,c,a),i+this._getOffset(-c,c,a),h+this._getOffset(-c,c,a)]}),d}_curve(t,e,s){const i=t.length;let h=[];if(3i&&(i=s.strokeWidth/2),t.save(),t.strokeStyle=s.fill,t.lineWidth=i,this._drawToContext(t,e),t.restore()}_drawToContext(t,e){t.beginPath();for(let s of e.ops){const e=s.data;switch(s.op){case"move":t.moveTo(e[0],e[1]);break;case"bcurveTo":t.bezierCurveTo(e[0],e[1],e[2],e[3],e[4],e[5]);break;case"qcurveTo":t.quadraticCurveTo(e[0],e[1],e[2],e[3]);break;case"lineTo":t.lineTo(e[0],e[1])}}"fillPath"===e.type?t.fill():t.stroke()}}class O extends w{_init(t){this.gen=new m(t,this.canvas)}async line(t,e,s,i,h){let a=await this.gen.line(t,e,s,i,h);return this.draw(a),a}async rectangle(t,e,s,i,h){let a=await this.gen.rectangle(t,e,s,i,h);return this.draw(a),a}async ellipse(t,e,s,i,h){let a=await this.gen.ellipse(t,e,s,i,h);return this.draw(a),a}async circle(t,e,s,i){let h=await this.gen.circle(t,e,s,i);return this.draw(h),h}async linearPath(t,e){let s=await this.gen.linearPath(t,e);return this.draw(s),s}async polygon(t,e){let s=await this.gen.polygon(t,e);return this.draw(s),s}async arc(t,e,s,i,h,a,n,l){let r=await this.gen.arc(t,e,s,i,h,a,n,l);return this.draw(r),r}async curve(t,e){let s=await this.gen.curve(t,e);return this.draw(s),s}async path(t,e){let s=await this.gen.path(t,e);return this.draw(s),s}}var S={canvas:(t,e)=>e&&e.async?new O(t,e):new w(t,e),createRenderer:()=>w.createRenderer(),generator:(t,e)=>t&&t.async?new m(t,e):new b(t,e)};return S}(),e=function(t){for(var e=arguments.length,s=Array(e>1?e-1:0),i=1;i=r(t.py1,t.py2)&&this.py1<=l(t.py1,t.py2)?(this.xi=this.px1,this.yi=this.py1,this.RoughSegmentRelationConst.INTERSECTS):this.py2>=r(t.py1,t.py2)&&this.py2<=l(t.py1,t.py2)?(this.xi=this.px2,this.yi=this.py2,this.RoughSegmentRelationConst.INTERSECTS):this.RoughSegmentRelationConst.SEPARATE:this.RoughSegmentRelationConst.SEPARATE:(this.xi=this.px1,this.yi=s*this.xi+h,-1e-5>(this.py1-this.yi)*(this.yi-this.py2)||-1e-5>(t.py1-this.yi)*(this.yi-t.py2)?this.RoughSegmentRelationConst.SEPARATE:1e-5>o(t.a)&&-1e-5>(t.px1-this.xi)*(this.xi-t.px2)?this.RoughSegmentRelationConst.SEPARATE:this.RoughSegmentRelationConst.INTERSECTS):s==c?(this.xi=t.px1,this.yi=e*this.xi+i,-1e-5>(t.py1-this.yi)*(this.yi-t.py2)||-1e-5>(this.py1-this.yi)*(this.yi-this.py2)?this.RoughSegmentRelationConst.SEPARATE:1e-5>o(a)&&-1e-5>(this.px1-this.xi)*(this.xi-this.px2)?this.RoughSegmentRelationConst.SEPARATE:this.RoughSegmentRelationConst.INTERSECTS):e==s?i==h?this.px1>=r(t.px1,t.px2)&&this.px1<=l(t.py1,t.py2)?(this.xi=this.px1,this.yi=this.py1,this.RoughSegmentRelationConst.INTERSECTS):this.px2>=r(t.px1,t.px2)&&this.px2<=l(t.px1,t.px2)?(this.xi=this.px2,this.yi=this.py2,this.RoughSegmentRelationConst.INTERSECTS):this.RoughSegmentRelationConst.SEPARATE:this.RoughSegmentRelationConst.SEPARATE:(this.xi=(h-i)/(e-s),this.yi=e*this.xi+i,-1e-5>(this.px1-this.xi)*(this.xi-this.px2)||-1e-5>(t.px1-this.xi)*(this.xi-t.px2)?this.RoughSegmentRelationConst.SEPARATE:this.RoughSegmentRelationConst.INTERSECTS)}getLength(){return this._getLength(this.px1,this.py1,this.px2,this.py2)}_getLength(t,e,s,i){var h=s-t,a=i-e;return n(h*h+a*a)}}class f{constructor(t,e,s,i,h,a,n,l){this.top=t,this.bottom=e,this.left=s,this.right=i,this.gap=h,this.sinAngle=a,this.tanAngle=l,1e-4>o(a)?this.pos=s+h:.9999o(this.sinAngle)){if(this.posthis.right&&s>this.right;)if(this.pos+=this.hGap,e=this.pos-this.deltaX/2,s=this.pos+this.deltaX/2,this.pos>this.right+this.deltaX)return null;let a=new p(e,i,s,h);a.compare(this.sLeft)==t().INTERSECTS&&(e=a.xi,i=a.yi),a.compare(this.sRight)==t().INTERSECTS&&(s=a.xi,h=a.yi),0d){let t=n(1-d/(this._rx*this._rx*this._ry*this._ry));this._rx=t,this._ry=t,f=0}else f=(r==c?-1:1)*n(d/(this._rx*this._rx*g*g+this._ry*this._ry*u*u));let _=f*this._rx*g/this._ry,y=-f*this._ry*u/this._rx;this._C=[0,0],this._C[0]=this._cosPhi*_-this._sinPhi*y+(t[0]+e[0])/2,this._C[1]=this._sinPhi*_+this._cosPhi*y+(t[1]+e[1])/2,this._theta=this.calculateVectorAngle(1,0,(u-_)/this._rx,(g-y)/this._ry);let x=this.calculateVectorAngle((u-_)/this._rx,(g-y)/this._ry,(-u-_)/this._rx,(-g-y)/this._ry);!c&&0x&&(x+=2*a),this._numSegs=Math.ceil(o(x/(a/2))),this._delta=x/this._numSegs,this._T=8/3*h(this._delta/4)*h(this._delta/4)/h(this._delta/2),this._from=t}getNextSegment(){var t,e,s;if(this._segIndex==this._numSegs)return null;let a=i(this._theta),n=h(this._theta),l=this._theta+this._delta,r=i(l),o=h(l);return s=[this._cosPhi*this._rx*r-this._sinPhi*this._ry*o+this._C[0],this._sinPhi*this._rx*r+this._cosPhi*this._ry*o+this._C[1]],t=[this._from[0]+this._T*(-this._cosPhi*this._rx*n-this._sinPhi*this._ry*a),this._from[1]+this._T*(-this._sinPhi*this._rx*n+this._cosPhi*this._ry*a)],e=[s[0]+this._T*(this._cosPhi*this._rx*o+this._sinPhi*this._ry*r),s[1]+this._T*(this._sinPhi*this._rx*o-this._cosPhi*this._ry*r)],this._theta=l,this._from=[s[0],s[1]],this._segIndex++,{cp1:t,cp2:e,to:s}}calculateVectorAngle(t,e,s,i){var h=Math.atan2;let n=h(e,t),l=h(i,s);return l>=n?l-n:2*a-(n-l)}}class y{constructor(t,e){this.sets=t,this.closed=e}fit(t){let e=[];for(const s of this.sets){let i=s.length,h=Math.floor(t*i);if(5>h){if(5>=i)continue;h=5}e.push(this.reduce(s,h))}let s="";for(const t of e){for(let e,i=0;ie;){let t=-1,e=-1;for(let i=1;it||ox;)x+=2*a,b+=2*a;b-x>2*a&&(x=0,b=2*a);let m=2*a/u.curveStepCount,w=r(m/2,(b-x)/2),O=this._arc(w,g,d,_,y,x,b,1,u),S=this._arc(w,g,d,_,y,x,b,1.5,u),v=O.concat(S);return p&&(f?(v=v.concat(this._doubleLine(g,d,g+_*i(x),d+y*h(x),u)),v=v.concat(this._doubleLine(g,d,g+_*i(b),d+y*h(b),u))):(v.push({op:"lineTo",data:[g,d]}),v.push({op:"lineTo",data:[g+_*i(x),d+y*h(x)]}))),{type:"path",ops:v}}hachureFillArc(t,e,s,n,l,r,c){let p=t,f=e,u=o(s/2),g=o(n/2);u+=this._getOffset(.01*-u,.01*u,c),g+=this._getOffset(.01*-g,.01*g,c);let d=l,_=r;for(;0>d;)d+=2*a,_+=2*a;_-d>2*a&&(d=0,_=2*a);let y=(_-d)/c.curveStepCount,x=[],b=[];for(let t=d;t<=_;t+=y)x.push(p+u*i(t)),b.push(f+g*h(t));return x.push(p+u*i(_)),b.push(f+g*h(_)),x.push(p),b.push(f),this.hachureFillShape(x,b,c)}solidFillShape(t,e,s){let i=[];if(t&&e&&t.length&&e.length&&t.length===e.length){let a=s.maxRandomnessOffset||0;const n=t.length;if(2_&&(_=4*n.strokeWidth),_=l(_,.1);const y=d%180*(a/180),x=i(y),b=h(y),m=e(y),w=new f(u-1,g+1,c-1,p+1,_,b,x,m);for(let e;null!=(e=w.getNextLine());){let i=this._getIntersectingLines(e,t,s);for(let t=0;t=u&&(u=4*l.strokeWidth);let g=l.fillWeight;0>g&&(g=l.strokeWidth/2);let d=e(f%180*(a/180)),_=p/c,y=n(_*d*_*d+1),x=_*d/y,b=1/y,m=u/(c*p/n(p*b*(p*b)+c*x*(c*x))/c),w=n(c*c-(t-c+m)*(t-c+m));for(var O=t-c+m;Op;p++)0===p?r.push({op:"move",data:[n.x,n.y]}):r.push({op:"move",data:[n.x+this._getOffset(-o[0],o[0],l),n.y+this._getOffset(-o[0],o[0],l)]}),c=[h+this._getOffset(-o[p],o[p],l),a+this._getOffset(-o[p],o[p],l)],r.push({op:"bcurveTo",data:[t+this._getOffset(-o[p],o[p],l),e+this._getOffset(-o[p],o[p],l),s+this._getOffset(-o[p],o[p],l),i+this._getOffset(-o[p],o[p],l),c[0],c[1]]});return n.setPosition(c[0],c[1]),r}_processSegment(t,e,s,i){let h=[];switch(e.key){case"M":case"m":{let s="m"===e.key;if(2<=e.data.length){let a=+e.data[0],n=+e.data[1];s&&(a+=t.x,n+=t.y);let l=1*(i.maxRandomnessOffset||0);a+=this._getOffset(-l,l,i),n+=this._getOffset(-l,l,i),t.setPosition(a,n),h.push({op:"move",data:[a,n]})}break}case"L":case"l":{let s="l"===e.key;if(2<=e.data.length){let a=+e.data[0],n=+e.data[1];s&&(a+=t.x,n+=t.y),h=h.concat(this._doubleLine(t.x,t.y,a,n,i)),t.setPosition(a,n)}break}case"H":case"h":{const s="h"===e.key;if(e.data.length){let a=+e.data[0];s&&(a+=t.x),h=h.concat(this._doubleLine(t.x,t.y,a,t.y,i)),t.setPosition(a,t.y)}break}case"V":case"v":{const s="v"===e.key;if(e.data.length){let a=+e.data[0];s&&(a+=t.y),h=h.concat(this._doubleLine(t.x,t.y,t.x,a,i)),t.setPosition(t.x,a)}break}case"Z":case"z":t.first&&(h=h.concat(this._doubleLine(t.x,t.y,t.first[0],t.first[1],i)),t.setPosition(t.first[0],t.first[1]),t.first=null);break;case"C":case"c":{const s="c"===e.key;if(6<=e.data.length){let a=+e.data[0],n=+e.data[1],l=+e.data[2],r=+e.data[3],o=+e.data[4],c=+e.data[5];s&&(a+=t.x,l+=t.x,o+=t.x,n+=t.y,r+=t.y,c+=t.y);let p=this._bezierTo(a,n,l,r,o,c,t,i);h=h.concat(p),t.bezierReflectionPoint=[o+(o-l),c+(c-r)]}break}case"S":case"s":{const n="s"===e.key;if(4<=e.data.length){let l=+e.data[0],r=+e.data[1],o=+e.data[2],c=+e.data[3];n&&(l+=t.x,o+=t.x,r+=t.y,c+=t.y);let p=l,f=r,u=s?s.key:"";var a=null;("c"==u||"C"==u||"s"==u||"S"==u)&&(a=t.bezierReflectionPoint),a&&(p=a[0],f=a[1]);let g=this._bezierTo(p,f,l,r,o,c,t,i);h=h.concat(g),t.bezierReflectionPoint=[o+(o-l),c+(c-r)]}break}case"Q":case"q":{const s="q"===e.key;if(4<=e.data.length){let a=+e.data[0],n=+e.data[1],l=+e.data[2],r=+e.data[3];s&&(a+=t.x,l+=t.x,n+=t.y,r+=t.y);let o=1*(1+.2*i.roughness),c=1.5*(1+.22*i.roughness);h.push({op:"move",data:[t.x+this._getOffset(-o,o,i),t.y+this._getOffset(-o,o,i)]});let p=[l+this._getOffset(-o,o,i),r+this._getOffset(-o,o,i)];h.push({op:"qcurveTo",data:[a+this._getOffset(-o,o,i),n+this._getOffset(-o,o,i),p[0],p[1]]}),h.push({op:"move",data:[t.x+this._getOffset(-c,c,i),t.y+this._getOffset(-c,c,i)]}),p=[l+this._getOffset(-c,c,i),r+this._getOffset(-c,c,i)],h.push({op:"qcurveTo",data:[a+this._getOffset(-c,c,i),n+this._getOffset(-c,c,i),p[0],p[1]]}),t.setPosition(p[0],p[1]),t.quadReflectionPoint=[l+(l-a),r+(r-n)]}break}case"T":case"t":{const n="t"===e.key;if(2<=e.data.length){let l=+e.data[0],r=+e.data[1];n&&(l+=t.x,r+=t.y);let o=l,c=r,p=s?s.key:"";a=null;("q"==p||"Q"==p||"t"==p||"T"==p)&&(a=t.quadReflectionPoint),a&&(o=a[0],c=a[1]);let f=1*(1+.2*i.roughness),u=1.5*(1+.22*i.roughness);h.push({op:"move",data:[t.x+this._getOffset(-f,f,i),t.y+this._getOffset(-f,f,i)]});let g=[l+this._getOffset(-f,f,i),r+this._getOffset(-f,f,i)];h.push({op:"qcurveTo",data:[o+this._getOffset(-f,f,i),c+this._getOffset(-f,f,i),g[0],g[1]]}),h.push({op:"move",data:[t.x+this._getOffset(-u,u,i),t.y+this._getOffset(-u,u,i)]}),g=[l+this._getOffset(-u,u,i),r+this._getOffset(-u,u,i)],h.push({op:"qcurveTo",data:[o+this._getOffset(-u,u,i),c+this._getOffset(-u,u,i),g[0],g[1]]}),t.setPosition(g[0],g[1]),t.quadReflectionPoint=[l+(l-o),r+(r-c)]}break}case"A":case"a":{const s="a"===e.key;if(7<=e.data.length){let a=+e.data[0],n=+e.data[1],l=+e.data[2],r=+e.data[3],o=+e.data[4],c=+e.data[5],p=+e.data[6];if(s&&(c+=t.x,p+=t.y),c==t.x&&p==t.y)break;if(0==a||0==n)h=h.concat(this._doubleLine(t.x,t.y,c,p,i)),t.setPosition(c,p);else{i.maxRandomnessOffset;for(let e=0;1>e;e++){let e=new _([t.x,t.y],[c,p],[a,n],l,!!r,!!o),s=e.getNextSegment();for(;s;){let a=this._bezierTo(s.cp1[0],s.cp1[1],s.cp2[0],s.cp2[1],s.to[0],s.to[1],t,i);h=h.concat(a),s=e.getNextSegment()}}}}break}}return h}_getOffset(t,e,s){return s.roughness*(Math.random()*(e-t)+t)}_affine(t,e,s,i,h,a,n){return[-s*a-i*h+s+a*t+h*e,n*(s*h-i*a)+i+-n*h*t+n*a*e]}_doubleLine(t,e,s,i,h){const a=this._line(t,e,s,i,h,!0,!1),n=this._line(t,e,s,i,h,!0,!0);return a.concat(n)}_line(t,e,i,h,a,l,r){const o=s(t-i,2)+s(e-h,2);let c=a.maxRandomnessOffset||0;c*c*100>o&&(c=n(o)/10);const p=c/2,f=.2+.2*Math.random();let u=a.bowing*a.maxRandomnessOffset*(h-e)/200,g=a.bowing*a.maxRandomnessOffset*(t-i)/200;u=this._getOffset(-u,u,a),g=this._getOffset(-g,g,a);let d=[];return l&&(r?d.push({op:"move",data:[t+this._getOffset(-p,p,a),e+this._getOffset(-p,p,a)]}):d.push({op:"move",data:[t+this._getOffset(-c,c,a),e+this._getOffset(-c,c,a)]})),r?d.push({op:"bcurveTo",data:[u+t+(i-t)*f+this._getOffset(-p,p,a),g+e+(h-e)*f+this._getOffset(-p,p,a),u+t+2*(i-t)*f+this._getOffset(-p,p,a),g+e+2*(h-e)*f+this._getOffset(-p,p,a),i+this._getOffset(-p,p,a),h+this._getOffset(-p,p,a)]}):d.push({op:"bcurveTo",data:[u+t+(i-t)*f+this._getOffset(-c,c,a),g+e+(h-e)*f+this._getOffset(-c,c,a),u+t+2*(i-t)*f+this._getOffset(-c,c,a),g+e+2*(h-e)*f+this._getOffset(-c,c,a),i+this._getOffset(-c,c,a),h+this._getOffset(-c,c,a)]}),d}_curve(t,e,s){const i=t.length;let h=[];if(3i&&(i=s.strokeWidth/2),t.save(),t.strokeStyle=s.fill,t.lineWidth=i,this._drawToContext(t,e),t.restore()}_drawToContext(t,e){t.beginPath();for(let s of e.ops){const e=s.data;switch(s.op){case"move":t.moveTo(e[0],e[1]);break;case"bcurveTo":t.bezierCurveTo(e[0],e[1],e[2],e[3],e[4],e[5]);break;case"qcurveTo":t.quadraticCurveTo(e[0],e[1],e[2],e[3]);break;case"lineTo":t.lineTo(e[0],e[1])}}"fillPath"===e.type?t.fill():t.stroke()}}class O extends w{_init(t){this.gen=new m(t,this.canvas)}async line(t,e,s,i,h){let a=await this.gen.line(t,e,s,i,h);return this.draw(a),a}async rectangle(t,e,s,i,h){let a=await this.gen.rectangle(t,e,s,i,h);return this.draw(a),a}async ellipse(t,e,s,i,h){let a=await this.gen.ellipse(t,e,s,i,h);return this.draw(a),a}async circle(t,e,s,i){let h=await this.gen.circle(t,e,s,i);return this.draw(h),h}async linearPath(t,e){let s=await this.gen.linearPath(t,e);return this.draw(s),s}async polygon(t,e){let s=await this.gen.polygon(t,e);return this.draw(s),s}async arc(t,e,s,i,h,a,n,l){let r=await this.gen.arc(t,e,s,i,h,a,n,l);return this.draw(r),r}async curve(t,e){let s=await this.gen.curve(t,e);return this.draw(s),s}async path(t,e){let s=await this.gen.path(t,e);return this.draw(s),s}}var S={canvas:(t,e)=>e&&e.async?new O(t,e):new w(t,e),createRenderer:()=>w.createRenderer(),generator:(t,e)=>t&&t.async?new m(t,e):new b(t,e)};return S}(),e=function(t){for(var e=arguments.length,s=Array(e>1?e-1:0),i=1;is||l<0?i(e):l}var o=document.getElementsByTagName("script"),c=o[o.length-1];config={z:e(c,"zIndex",-1),a:e(c,"alpha",.6),s:e(c,"size",90)};var a,l,d=document.createElement("canvas"),r=d.getContext("2d"),g=window.devicePixelRatio||1,h=window.innerWidth,s=window.innerHeight,f=config.s,u=Math,m=0,x=2*u.PI,y=u.cos,p=u.random;d.width=h*g,d.height=s*g,r.scale(g,g),r.globalAlpha=config.a,d.style.cssText="opacity: "+config.a+";position:fixed;top:0;left:0;z-index: "+config.z+";width:100%;height:100%;pointer-events:none;",document.getElementsByTagName("body")[0].appendChild(d),document.onclick=t,document.ontouchstart=t,t()}(); \ No newline at end of file +!function(){function e(e,t,n){return Number(e.getAttribute(t))||n}function t(){for(r.clearRect(0,0,h,s),a=[{x:0,y:.7*s+f},{x:0,y:.7*s-f}];a[1].xs||l<0?i(e):l}var o=document.getElementsByTagName("script"),c=o[o.length-1];config={z:e(c,"zIndex",-1000),a:e(c,"alpha",.6),s:e(c,"size",90)};var a,l,d=document.createElement("canvas"),r=d.getContext("2d"),g=window.devicePixelRatio||1,h=window.innerWidth,s=window.innerHeight,f=config.s,u=Math,m=0,x=2*u.PI,y=u.cos,p=u.random;d.width=h*g,d.height=s*g,r.scale(g,g),r.globalAlpha=config.a,d.style.cssText="opacity: "+config.a+";position:fixed;top:0;left:0;z-index: "+config.z+";width:100%;height:100%;pointer-events:none;",document.getElementsByTagName("body")[0].appendChild(d),document.onclick=t,document.ontouchstart=t,t()}(); \ No newline at end of file diff --git a/assets/background/background7.min.js b/assets/background/background7.min.js deleted file mode 100644 index 9692feb..0000000 --- a/assets/background/background7.min.js +++ /dev/null @@ -1 +0,0 @@ -(function(){document.writeln("
");class i{constructor(i){this.defaultOpts={id:"",num:100,start_probability:.1,radius_min:1,radius_max:2,radius_add_min:.3,radius_add_max:.5,opacity_min:.3,opacity_max:.5,opacity_prev_min:.003,opacity_prev_max:.005,light_min:40,light_max:70,is_same_color:!1,background:"#f1f3f4"},"[object Object]"==Object.prototype.toString.call(i)?this.userOpts={...this.defaultOpts,...i}:this.userOpts={...this.defaultOpts,id:i},this.color=this.random(0,360),this.bubbleNum=[],this.requestAnimationFrame=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame,this.cancelAnimationFrame=window.cancelAnimationFrame||window.mozCancelAnimationFrame}random(i,t){return Math.random()*(t-i)+i}initBubble(i,t){const a=window.innerWidth,s=window.innerHeight,n=this.userOpts,e=this.random(n.light_min,n.light_max);this.bubble={x:this.random(0,a),y:this.random(0,s),radius:this.random(n.radius_min,n.radius_max),radiusChange:this.random(n.radius_add_min,n.radius_add_max),opacity:this.random(n.opacity_min,n.opacity_max),opacityChange:this.random(n.opacity_prev_min,n.opacity_prev_max),light:e,color:`hsl(${t?i:this.random(0,360)},100%,${e}%)`}}bubbling(i,t,a){!this.bubble&&this.initBubble(t,a);const s=this.bubble;i.fillStyle=s.color,i.globalAlpha=s.opacity,i.beginPath(),i.arc(s.x,s.y,s.radius,0,2*Math.PI,!0),i.closePath(),i.fill(),i.globalAlpha=1,s.opacity-=s.opacityChange,s.radius+=s.radiusChange,s.opacity<=0&&this.initBubble(t,a)}createCanvas(){this.canvas=document.createElement("canvas"),this.ctx=this.canvas.getContext("2d"),this.canvas.id="bg_canvas",this.canvas.style.display="block",this.canvas.width=window.innerWidth,this.canvas.height=window.innerHeight,this.canvas.style.position="fixed",this.canvas.style.top="0",this.canvas.style.left="0",this.canvas.style.zIndex="-1",document.getElementById(this.userOpts.id).appendChild(this.canvas),window.onresize=(()=>{this.canvas.width=window.innerWidth,this.canvas.height=window.innerHeight})}start(){const t=window.innerWidth,a=window.innerHeight;this.color+=.1,this.ctx.fillStyle=this.defaultOpts.background,this.ctx.fillRect(0,0,t,a),this.bubbleNum.lengthi.bubbling(this.ctx,this.color,this.userOpts.is_same_color));const s=this.requestAnimationFrame;this.myReq=s(()=>this.start())}destory(){const i=this.cancelAnimationFrame;i(this.myReq),window.onresize=null}}const t=new i("bubble");t.createCanvas(),t.start()})(); \ No newline at end of file diff --git a/assets/css/joe.min.css b/assets/css/joe.min.css index 309ddc7..3301afc 100644 --- a/assets/css/joe.min.css +++ b/assets/css/joe.min.css @@ -1 +1 @@ -.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:unset !important;top:10px !important;right:10px !important;left:unset !important;width:unset !important}.dplayer-controller .dplayer-icons .dplayer-full .dplayer-full-in-icon{display:none !important}@-webkit-keyframes rotateCount{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotateCount{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes progress{0%{background-position:0 0}100%{background-position:30px 0}}@keyframes progress{0%{background-position:0 0}100%{background-position:30px 0}}@-webkit-keyframes drawing{100%{stroke-dashoffset:-400}}@keyframes drawing{100%{stroke-dashoffset:-400}}@-webkit-keyframes swingIconSet{0%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}100%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}}@keyframes swingIconSet{0%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}100%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}}@-webkit-keyframes showComment{0%{-webkit-transform:translate3d(0, 100px, 0);transform:translate3d(0, 100px, 0);opacity:0}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes showComment{0%{-webkit-transform:translate3d(0, 100px, 0);transform:translate3d(0, 100px, 0);opacity:0}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes scaleLove{0%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes scaleLove{0%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(0.8);transform:scale(0.8)}}@-webkit-keyframes showFullLoad{0%{opacity:0}100%{opacity:1}}@keyframes showFullLoad{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes waveMove{0%{background-position:0 100%}100%{background-position:-20px 100%}}@keyframes waveMove{0%{background-position:0 100%}100%{background-position:-20px 100%}}@-webkit-keyframes jSlideUp{0%{opacity:0.75;-webkit-transform:translate3d(0, 50px, 0);transform:translate3d(0, 50px, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes jSlideUp{0%{opacity:0.75;-webkit-transform:translate3d(0, 50px, 0);transform:translate3d(0, 50px, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.jSlideUp{-webkit-animation-name:jSlideUp;animation-name:jSlideUp}@-webkit-keyframes jScale{0%{opacity:0.75;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jScale{0%{opacity:0.75;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jScale{-webkit-animation-name:jScale;animation-name:jScale}@-webkit-keyframes jScaleUp{0%{opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(0.75, 0.5, 1);transform:translate3d(0, 50px, 0) scale3d(0.75, 0.5, 1)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1);transform:translate3d(0, 0, 0) scale3d(1, 1, 1)}}@keyframes jScaleUp{0%{opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(0.75, 0.5, 1);transform:translate3d(0, 50px, 0) scale3d(0.75, 0.5, 1)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1);transform:translate3d(0, 0, 0) scale3d(1, 1, 1)}}@-webkit-keyframes showTabs{0%{opacity:0}100%{opacity:1}}@keyframes showTabs{0%{opacity:0}100%{opacity:1}}.jScaleUp{-webkit-animation-name:jScaleUp;animation-name:jScaleUp}.wow{visibility:hidden}.wow.off{visibility:visible}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{border-radius:3.5px;background-color:rgba(50,50,50,0.3)}::-webkit-scrollbar-thumb:hover{background-color:rgba(50,50,50,0.4)}::-webkit-scrollbar-track{border-radius:3.5px;background-color:rgba(50,50,50,0.1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none}body{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);font-size:14px;font-family:-apple-system, SF UI Text, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif}h1,h2,h3,h4,h5,h6{font-weight:400}a{color:var(--main);text-decoration:none;-webkit-tap-highlight-color:transparent}li{list-style:none}img,canvas{border:0;vertical-align:middle}input,button,textarea{outline:none;border-radius:0}button{cursor:pointer}img[src=''],img:not([src]){border:0;opacity:0}table{border-collapse:collapse;border-spacing:0}#live2d-widget{z-index:1 !important}.j-barrager-list{display:none}.j-barrager{display:flex;align-items:center;position:fixed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:333;height:34px;border-radius:17px;padding:0 10px 0 7px;background:rgba(0,0,0,0.75);pointer-events:none}.j-barrager img{width:24px;height:24px;margin-right:5px;border-radius:50%}.j-barrager p{max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--background);line-height:24px}.j-barrager p img{display:none}.j-barrager p .owo{display:inline-block;border-radius:0;margin-right:0;vertical-align:top}.j-drop{display:flex;align-items:center;cursor:pointer}.j-loading{position:fixed;right:10px;width:30px;height:30px;z-index:666}.j-loading path,.j-loading rect{fill:var(--theme)}.j-loading.full{display:flex;align-items:center;justify-content:center;top:0 !important;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:888;-webkit-animation:showFullLoad 0.25s;animation:showFullLoad 0.25s}.j-loading.full svg{width:200px;height:200px}.j-loading.full img{width:50px}.j-dropdown{position:absolute;left:50%;-webkit-transform:translateX(-50%) perspective(600px) rotateX(-45deg);transform:translateX(-50%) perspective(600px) rotateX(-45deg);visibility:hidden;opacity:0;z-index:444;border-top:3px solid var(--theme);transition:opacity 0.35s, visibility 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, visibility 0.35s, transform 0.35s;transition:opacity 0.35s, visibility 0.35s, transform 0.35s, -webkit-transform 0.35s;-webkit-transform-origin:top;transform-origin:top;background:var(--background);box-shadow:0 0 10px rgba(0,0,0,0.15);border-radius:0 0 4px 4px;padding:10px 0;text-align:center}.j-dropdown::before{content:'';position:absolute;top:-10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid var(--theme)}.j-dropdown.active{opacity:1;visibility:visible;-webkit-transform:translateX(-50%) perspective(600px) rotateX(0);transform:translateX(-50%) perspective(600px) rotateX(0)}.j-dropdown a{display:block;padding:0 15px;line-height:36px;height:36px;color:var(--minor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.j-dropdown a:hover{color:var(--theme);background:var(--classD)}.j-dropdown a.active{color:var(--theme)}.j-header-default{position:-webkit-sticky;position:sticky;top:0;background:var(--background);box-shadow:0 2px 10px 0 rgba(0,0,0,0.1);z-index:555;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-header-default .progress{position:absolute;left:0;bottom:-3px;height:3px;background:var(--theme);opacity:0.75;z-index:666;border-radius:0 1.5px 1.5px 0;transition:width 0.35s}.j-header-default .above{border-bottom:1px solid var(--classC)}.j-header-default .above .container{display:flex;align-items:center}.j-header-default .above .container .logo{position:relative;display:flex;align-items:center;font-size:0;height:60px;padding-right:15px;margin-right:15px}.j-header-default .above .container .logo::after{content:'';position:absolute;top:50%;right:0;width:1px;height:20px;background:var(--classB);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.j-header-default .above .container .logo a img{max-width:150px;max-height:50px;-o-object-fit:cover;object-fit:cover}.j-header-default .above .container .nav{display:flex;align-items:center}.j-header-default .above .container .nav .link{position:relative;height:60px;line-height:60px;font-size:15px;padding:0 8px;margin-right:15px;transition:color 0.35s;white-space:nowrap}.j-header-default .above .container .nav .link::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;opacity:0;transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;transition:opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;border-radius:6px 6px 0 0;-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);background:var(--theme)}.j-header-default .above .container .nav .link:hover:not(.drops){color:var(--theme)}.j-header-default .above .container .nav .link:hover:not(.drops)::after{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}.j-header-default .above .container .nav .link.active:not(.drops){color:var(--theme)}.j-header-default .above .container .nav .link.active:not(.drops)::after{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}.j-header-default .above .container .nav .link.drops{color:var(--main)}.j-header-default .above .container .nav .link.drops svg{width:15px;height:15px;fill:var(--main);margin-left:5px;margin-top:-3px}.j-header-default .above .container .nav .link.drops .j-dropdown{min-width:120px;max-width:150px}.j-header-default .above .container .search{position:relative;display:flex;align-items:center;height:60px;margin-left:auto}.j-header-default .above .container .search input{background:var(--classC);width:170px;height:34px;border:none;border:1px solid transparent;padding:0 20px;color:var(--routine);transition:border-color 0.35s, background 0.35s;font-size:13px;border-radius:17px 0 0 17px}.j-header-default .above .container .search input:focus{background:var(--background);border-color:var(--theme)}.j-header-default .above .container .search input:focus ~ span{-webkit-transform:translate3d(0, -50%, 0) rotateY(180deg);transform:translate3d(0, -50%, 0) rotateY(180deg)}.j-header-default .above .container .search button{position:relative;z-index:1;height:34px;border:none;background:var(--theme);color:var(--background);font-size:13px;border-radius:0 17px 17px 0;padding:0 10px}.j-header-default .above .container .search span{position:absolute;top:50%;left:142px;width:28px;height:38px;background:url(../img/search.png);background-size:100% 100%;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s;-webkit-transform:translate3d(100%, -50%, 0) rotateY(180deg);transform:translate3d(100%, -50%, 0) rotateY(180deg)}.j-header-default .above .container .slide{display:none;position:relative;width:20px;height:20px}.j-header-default .above .container .slide span{display:block;position:absolute;height:2px;width:20px;opacity:1;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);top:0;background-color:var(--routine);border-radius:2px;transition:top 0.35s ease, opacity 0.35s, -webkit-transform 0.35s;transition:top 0.35s ease, transform 0.35s, opacity 0.35s;transition:top 0.35s ease, transform 0.35s, opacity 0.35s, -webkit-transform 0.35s}.j-header-default .above .container .slide span:nth-child(2){top:9px}.j-header-default .above .container .slide span:nth-child(3){top:18px}.j-header-default .above .container .slide.active span:nth-child(1){top:9px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.j-header-default .above .container .slide.active span:nth-child(2){opacity:0}.j-header-default .above .container .slide.active span:nth-child(3){top:9px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.j-header-default .above .container .search-toggle{display:none;text-align:center;width:30px;height:30px;line-height:30px;margin-left:15px}.j-header-default .above .container .search-toggle svg{display:none;width:20px;height:20px;fill:var(--routine);vertical-align:middle}.j-header-default .above .container .search-toggle .open{display:inline-block}.j-header-default .above .container .search-toggle.active .open{display:none}.j-header-default .above .container .search-toggle.active .close{display:inline-block}.j-header-default .above .container .search-toggle-xs{display:none;width:20px;height:20px;fill:var(--routine)}.j-header-default .below .container{display:flex;align-items:center}.j-header-default .below .container .nav{display:flex;align-items:center;flex:1;width:0}.j-header-default .below .container .nav .link{position:relative;height:45px;line-height:45px;margin-right:15px;color:var(--minor)}.j-header-default .below .container .nav .link:hover{color:var(--theme)}.j-header-default .below .container .nav .link.active{color:var(--theme)}.j-header-default .below .container .nav .link .j-drop a{color:var(--minor)}.j-header-default .below .container .nav .link .j-drop svg{width:14px;height:14px;fill:var(--minor);margin-left:5px;margin-top:-3px}.j-header-default .below .container .nav .link .j-drop:hover a{color:var(--theme)}.j-header-default .below .container .nav .link .j-drop:hover svg{fill:var(--theme)}.j-header-default .below .container .nav .link .j-dropdown{top:55px;min-width:120px;max-width:150px}.j-header-default .below .container .census{display:flex;align-items:center;height:45px;position:relative;margin-left:15px}.j-header-default .below .container .census .j-drop span{color:var(--routine)}.j-header-default .below .container .census .j-drop svg{width:15px;height:15px;fill:var(--routine);margin-right:5px}.j-header-default .below .container .census .j-drop:hover span{color:var(--theme)}.j-header-default .below .container .census .j-drop:hover svg{fill:var(--theme)}.j-header-default .below .container .census .j-dropdown{top:55px;padding:20px 15px 0}.j-header-default .below .container .census .j-dropdown #census{width:300px;height:200px}.j-header-default .below .container .logged{height:45px;display:flex;align-items:center;position:relative;margin-left:15px}.j-header-default .below .container .logged .j-drop span{color:var(--routine)}.j-header-default .below .container .logged .j-drop svg{width:15px;height:15px;fill:var(--routine);margin-right:5px}.j-header-default .below .container .logged .j-drop:hover span{color:var(--theme)}.j-header-default .below .container .logged .j-drop:hover svg{fill:var(--theme)}.j-header-default .below .container .logged .j-dropdown{width:120px;top:55px}.j-header-default .below .container .sign{display:flex;align-items:center;margin-left:15px}.j-header-default .below .container .sign svg{width:15px;height:15px;fill:var(--routine);margin-right:5px}.j-header-default .below .container .sign .line{color:var(--minor);margin:0 5px}.j-header-default .below .container .sign .sign-box{display:flex;align-items:center;position:relative;height:45px}.j-header-default .below .container .sign .sign-box .j-drop{color:var(--routine);cursor:pointer}.j-header-default .below .container .sign .sign-box .j-drop:hover{color:var(--theme)}.j-header-default .below .container .sign .sign-box .j-dropdown{top:55px;padding:15px;width:250px;text-align:left}.j-header-default .below .container .sign .sign-box .j-dropdown .form-item{margin-bottom:15px}.j-header-default .below .container .sign .sign-box .j-dropdown .form-item:last-child{margin-bottom:0}.j-header-default .below .container .sign .sign-box .j-dropdown .form-item div{margin-bottom:5px;color:var(--routine);font-size:12px}.j-header-default .below .container .sign .sign-box .j-dropdown .form-item input{width:100%;height:34px;border-radius:4px;border:1px solid var(--classA);padding:0 15px;color:var(--routine);transition:border-color 0.35s}.j-header-default .below .container .sign .sign-box .j-dropdown .form-item input:focus{border-color:var(--theme)}.j-header-default .below .container .sign .sign-box .j-dropdown .form-item button{color:var(--background);width:100%;height:34px;border:none;border-radius:4px;background:var(--theme);transition:opacity 0.35s}.j-header-default .below .container .sign .sign-box .j-dropdown .form-item button:hover{opacity:0.85}.j-header-default .below .container .barrager{width:40px;height:20px;position:relative;border-radius:10px;cursor:pointer;background:var(--minor);transition:background 0.35s;margin-left:15px;-webkit-appearance:none}.j-header-default .below .container .barrager::after{content:'弹';font-size:12px;width:22px;height:22px;line-height:22px;text-align:center;position:absolute;color:var(--minor);top:50%;left:0;border-radius:50%;background-color:var(--background);box-shadow:0 0 5px rgba(0,0,0,0.35);-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:left 0.35s}.j-header-default .below .container .barrager:checked{background-color:var(--theme)}.j-header-default .below .container .barrager:checked::after{left:20px;color:var(--theme)}.j-header-fluid{position:-webkit-sticky;position:sticky;top:0;display:flex;height:70px;background:var(--background);box-shadow:0 2px 10px 0 rgba(0,0,0,0.1);z-index:555;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-header-fluid .progress{position:absolute;top:0;left:0;height:3px;background:var(--theme);opacity:0.75;z-index:666;border-radius:0 1.5px 1.5px 0;transition:width 0.35s}.j-header-fluid .left{display:flex;align-items:center;margin-right:auto}.j-header-fluid .right{display:flex;align-items:center}.j-header-fluid .logo{position:relative;display:flex;align-items:center;font-size:0;height:70px;padding-right:15px;margin-right:15px}.j-header-fluid .logo::after{content:'';position:absolute;top:50%;right:0;width:1px;height:20px;background:var(--classB);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.j-header-fluid .logo a{display:block}.j-header-fluid .logo a img{max-width:150px;max-height:50px;-o-object-fit:cover;object-fit:cover}.j-header-fluid .nav{display:flex;align-items:center}.j-header-fluid .nav .link{position:relative;height:70px;line-height:70px;font-size:15px;padding:0 8px;margin-right:15px;transition:color 0.35s}.j-header-fluid .nav .link::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;opacity:0;transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;transition:opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;border-radius:6px 6px 0 0;-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);background:var(--theme)}.j-header-fluid .nav .link:hover{color:var(--theme)}.j-header-fluid .nav .link:hover::after{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}.j-header-fluid .nav .link.active{color:var(--theme)}.j-header-fluid .nav .link.active::after{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}.j-header-fluid .nav .drop{position:relative;display:flex;align-items:center;margin-right:15px}.j-header-fluid .nav .drop .j-drop{height:70px}.j-header-fluid .nav .drop .j-drop span{color:var(--main);transition:color 0.35s}.j-header-fluid .nav .drop .j-drop svg{width:15px;height:15px;fill:var(--main);margin-left:5px;transition:fill 0.35s}.j-header-fluid .nav .drop .j-drop:hover span{color:var(--theme)}.j-header-fluid .nav .drop .j-drop:hover svg{fill:var(--theme)}.j-header-fluid .nav .drop .j-dropdown{top:80px;min-width:120px;max-width:150px}.j-header-fluid .nav .drop .j-dropdown.census{padding:20px 15px 0;max-width:none}.j-header-fluid .nav .drop .j-dropdown.census #census{width:300px;height:200px}.j-header-fluid .search{position:relative;display:flex;align-items:center;height:70px;margin-left:20px}.j-header-fluid .search input{background:var(--classC);width:170px;height:38px;border:none;border:1px solid transparent;border-right:none;padding:0 20px;color:var(--routine);transition:border-color 0.35s, background 0.35s;font-size:13px;border-radius:4px 0 0 4px}.j-header-fluid .search input:focus{background:var(--background);border-color:var(--theme)}.j-header-fluid .search button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;background:var(--theme);color:var(--background);font-size:13px;border-radius:0 4px 4px 0;transition:opacity 0.35s}.j-header-fluid .search button:hover{opacity:0.85}.j-header-fluid .search button svg{width:15px;height:15px;fill:var(--background);transition:fill 0.35s}.j-header-fluid .search span{width:28px;height:38px;background:url(../img/search.png);background-size:100% 100%}.j-header-fluid .logged{display:flex;align-items:center;position:relative;margin-left:20px;height:70px}.j-header-fluid .logged .j-drop img{width:30px;height:30px;border-radius:50%;border:1px solid var(--classA);padding:3px;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.j-header-fluid .logged .j-drop:hover img{-webkit-transform:rotate(360deg);transform:rotate(360deg)}.j-header-fluid .logged .j-dropdown{width:120px;top:70px}.j-header-fluid .sign{display:flex;align-items:center;margin-left:20px}.j-header-fluid .sign .sign-box{display:flex;align-items:center;position:relative;height:70px}.j-header-fluid .sign .sign-box .j-drop{position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s;font-size:12px;border:none;width:65px;height:28px;line-height:28px}.j-header-fluid .sign .sign-box .j-drop span{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-perspective:300px;perspective:300px;background:var(--background);color:var(--element);border:1px solid var(--element)}.j-header-fluid .sign .sign-box .j-drop span:first-child{-webkit-transform:translateZ(14px);transform:translateZ(14px)}.j-header-fluid .sign .sign-box .j-drop span:last-child{-webkit-transform:translateY(14px) rotateX(-90deg);transform:translateY(14px) rotateX(-90deg)}.j-header-fluid .sign .sign-box .j-drop:hover{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}.j-header-fluid .sign .sign-box .j-dropdown{top:80px;padding:15px;width:250px;text-align:left}.j-header-fluid .sign .sign-box .j-dropdown .form-item{margin-bottom:15px}.j-header-fluid .sign .sign-box .j-dropdown .form-item:last-child{margin-bottom:0}.j-header-fluid .sign .sign-box .j-dropdown .form-item div{margin-bottom:5px;color:var(--routine);font-size:12px}.j-header-fluid .sign .sign-box .j-dropdown .form-item input{width:100%;height:34px;border-radius:4px;border:1px solid var(--classA);padding:0 15px;color:var(--routine);transition:border-color 0.35s}.j-header-fluid .sign .sign-box .j-dropdown .form-item input:focus{border-color:var(--theme)}.j-header-fluid .sign .sign-box .j-dropdown .form-item button{color:var(--background);width:100%;height:34px;border:none;border-radius:4px;background:var(--theme);transition:opacity 0.35s}.j-header-fluid .sign .sign-box .j-dropdown .form-item button:hover{opacity:0.85}.j-header-fluid .sign .sign-box:last-child span{color:var(--background);background:var(--element)}.j-header-fluid .barrager{width:40px;height:20px;position:relative;border-radius:10px;cursor:pointer;background:var(--minor);transition:background 0.35s;-webkit-appearance:none}.j-header-fluid .barrager::after{content:'弹';font-size:12px;width:22px;height:22px;line-height:22px;text-align:center;position:absolute;color:var(--minor);top:50%;left:0;border-radius:50%;background-color:var(--background);box-shadow:0 0 5px rgba(0,0,0,0.35);-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:left 0.35s}.j-header-fluid .barrager:checked{background-color:var(--theme)}.j-header-fluid .barrager:checked::after{left:20px;color:var(--theme)}.j-header-fluid .search-toggle{display:none;text-align:center;width:30px;height:30px;line-height:30px;margin-left:15px}.j-header-fluid .search-toggle svg{display:none;width:20px;height:20px;fill:var(--routine);vertical-align:middle}.j-header-fluid .search-toggle .open{display:inline-block}.j-header-fluid .search-toggle.active .open{display:none}.j-header-fluid .search-toggle.active .close{display:inline-block}.j-header-fluid .slide{display:none;position:relative;width:20px;height:20px;margin-right:15px}.j-header-fluid .slide span{display:block;position:absolute;height:2px;width:20px;opacity:1;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);top:0;background-color:var(--routine);border-radius:2px;transition:top 0.35s ease, opacity 0.35s, -webkit-transform 0.35s;transition:top 0.35s ease, transform 0.35s, opacity 0.35s;transition:top 0.35s ease, transform 0.35s, opacity 0.35s, -webkit-transform 0.35s}.j-header-fluid .slide span:nth-child(2){top:9px}.j-header-fluid .slide span:nth-child(3){top:18px}.j-header-fluid .slide.active span:nth-child(1){top:9px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.j-header-fluid .slide.active span:nth-child(2){opacity:0}.j-header-fluid .slide.active span:nth-child(3){top:9px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.j-header-fluid .search-toggle-xs{display:none;width:20px;height:20px;fill:var(--routine);margin-left:auto}.j-actions{position:fixed;z-index:444;bottom:86px;right:30px}.j-actions .item{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--background);border-radius:50%;cursor:pointer;margin-top:15px;box-shadow:0 0 10px rgba(0,0,0,0.1),0 5px 20px rgba(0,0,0,0.2);-webkit-transform:scale(0);transform:scale(0);transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.j-actions .item svg{width:25px;height:25px;fill:var(--theme)}.j-actions .item.active{-webkit-transform:scale(1);transform:scale(1)}.j-actions .item .color-pick{position:absolute;bottom:0;right:50px;opacity:0;visibility:hidden;-webkit-transform:perspective(600px) rotateX(45deg);transform:perspective(600px) rotateX(45deg);transition:opacity 0.35s, visibility 0.35s, -webkit-transform 0.35s;transition:transform 0.35s, opacity 0.35s, visibility 0.35s;transition:transform 0.35s, opacity 0.35s, visibility 0.35s, -webkit-transform 0.35s;-webkit-transform-origin:bottom;transform-origin:bottom}.j-actions .item .color-pick.active{opacity:1;visibility:visible;-webkit-transform:rotateX(0);transform:rotateX(0)}.j-actions .item.light{-webkit-transform:scale(1);transform:scale(1)}.j-actions .item.light svg{transition:fill 0.35s;fill:var(--main)}.j-actions .item.light.current svg{fill:var(--theme)}.j-footer{border-top:1px solid var(--classB);color:var(--minor)}.j-footer .container{display:flex;align-items:center;justify-content:space-between;height:66px}.j-footer .container a{color:var(--minor)}.j-footer .container a:hover{color:var(--theme);text-decoration:underline}.j-footer .container .banquan{display:flex;align-items:center}.j-footer .container .banquan .info{margin-right:10px}.j-footer .container .banquan svg{width:18px;height:18px;-webkit-animation:rotateCount 2s infinite alternate;animation:rotateCount 2s infinite alternate}.j-footer .container .banquan .time{margin-left:5px}.j-footer .container .banquan-links{display:flex;align-items:center}.j-footer .container .banquan-links a{margin-left:20px}.j-footer .container .banquan-links a:first-child{margin-left:0}.j-adaption{position:relative;width:0;min-width:0;flex:1}.j-index{display:flex;padding-top:20px;padding-bottom:20px}.j-index .main{padding:0 20px;background:var(--background);box-shadow:var(--box-shadow);border-radius:var(--radius-pc)}.j-index .main .search-title{display:flex;align-items:center;height:45px;line-height:45px;color:var(--main);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom:1px solid var(--classC)}.j-index .main .search-title svg{width:20px;height:20px;min-width:20px;min-height:20px;margin-right:5px}.j-index .main .search-title section{display:flex;align-items:center}.j-index .main .search-title section .active{color:var(--theme);margin:0 5px}.j-index .main .index-title{display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom:1px solid var(--classC)}.j-index .main .index-title h2{position:relative;color:var(--theme);font-size:14px;font-weight:500;height:40px;line-height:40px}.j-index .main .index-title h2::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--theme);z-index:1}.j-index .main .index-title .notice{display:flex;align-items:center;margin-left:auto;height:40px}.j-index .main .index-title .notice svg{min-width:20px;min-height:20px;width:20px;height:20px;margin-right:5px}.j-index .main .index-title .notice a{color:var(--minor);font-size:14px;line-height:20px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.j-index .main .index-title .notice a:hover{color:var(--theme)}.j-index .main .index-ad{padding-top:20px}.j-index .main .index-ad a{position:relative;display:block;transition:opacity 0.35s}.j-index .main .index-ad a img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;border-radius:calc(var(--radius-pc) / 2)}.j-index .main .index-ad a:hover{opacity:0.85}.j-index .main .index-hot{padding-top:20px}.j-index .main .index-hot .title{display:none}.j-index .main .index-hot .hot{display:flex;justify-content:space-around}.j-index .main .index-hot .hot li{width:25%;padding:0 7.5px}.j-index .main .index-hot .hot li:first-child{padding-left:0}.j-index .main .index-hot .hot li:last-child{padding-right:0}.j-index .main .index-hot .hot li a{position:relative;display:block;transition:opacity 0.35s}.j-index .main .index-hot .hot li a:hover{opacity:0.85}.j-index .main .index-hot .hot li a:hover p{color:var(--theme)}.j-index .main .index-hot .hot li a img{width:100%;height:125px;-o-object-fit:cover;object-fit:cover;border-radius:calc(var(--radius-pc) / 2) calc(var(--radius-pc) / 2) 0 0}.j-index .main .index-hot .hot li a p{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;padding:0 10px;line-height:32px;color:var(--minor);background:var(--classD);border-radius:0 0 calc(var(--radius-pc) / 2) calc(var(--radius-pc) / 2)}.j-index .main .index-hot .hot li a span{display:flex;align-items:center;position:absolute;top:5px;right:5px;background:var(--theme);color:var(--background);height:20px;font-size:12px;padding:0 7px;border-radius:calc(var(--radius-pc) / 4);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.j-index .main .index-banner{width:100%;display:flex;padding-top:20px}.j-index .main .index-banner .swiper-container{width:0;min-width:0;flex:1;height:340px;min-height:340px;max-height:340px;border-radius:calc(var(--radius-pc) / 2);overflow:hidden}.j-index .main .index-banner .swiper-container .swiper-slide{position:relative;display:block;background-size:cover;transition:opacity 0.35s;height:340px;min-height:340px;max-height:340px;border-radius:calc(var(--radius-pc) / 2);overflow:hidden}.j-index .main .index-banner .swiper-container .swiper-slide .lazyload{width:100%;height:100%;min-height:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.j-index .main .index-banner .swiper-container .swiper-slide:hover{opacity:0.85}.j-index .main .index-banner .swiper-container .swiper-slide .title{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:15px;text-align:center;background:linear-gradient(to bottom, rgba(6,6,6,0), rgba(6,6,6,0.5));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--background);font-size:15px}.j-index .main .index-banner .swiper-container .swiper-slide .icon{position:absolute;top:15px;left:15px;width:18px;height:18px;fill:var(--background)}.j-index .main .index-banner .recommend{width:270px;margin-left:20px;display:flex;flex-direction:column}.j-index .main .index-banner .recommend a{position:relative;width:100%;height:160px;margin-bottom:20px;border-radius:calc(var(--radius-pc) / 2);overflow:hidden;transition:opacity 0.35s}.j-index .main .index-banner .recommend a:hover{opacity:0.85}.j-index .main .index-banner .recommend a:last-child{margin-bottom:0}.j-index .main .index-banner .recommend a img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.j-index .main .index-banner .recommend a .desc{display:flex;align-items:center;position:absolute;z-index:1;left:0;right:0;bottom:0;padding:10px;background:linear-gradient(to bottom, rgba(6,6,6,0), rgba(6,6,6,0.7));color:var(--background);font-size:14px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.j-index .main .index-banner .recommend a .desc .type{color:var(--background);font-size:12px;background-image:linear-gradient(to right, #fc712a, #f84c39);background-color:#f84c39;padding:0 5px;height:20px;line-height:20px;border-radius:calc(var(--radius-pc) / 4);margin-right:5px}.j-index .main .index-banner .recommend a .desc p{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.j-index .main .index-banner .recommend.noCarousel{width:100%;flex-direction:row;margin-left:0}.j-index .main .index-banner .recommend.noCarousel a{flex:1;margin-bottom:0;margin-left:7.5px}.j-index .main .index-banner .recommend.noCarousel a:first-child{margin-left:0;margin-right:7.5px}.j-index .main .article .empty-result{display:flex;align-items:center;justify-content:center;flex-direction:column;padding-bottom:50px;padding-top:50px;font-size:16px;color:var(--routine);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-index .main .article .empty-result svg{width:100px;height:100px;fill:var(--routine);margin-bottom:20px}.j-index .main .article .article-list{position:relative;width:100%;display:flex;padding:20px 0;border-bottom:1px solid var(--classC)}.j-index .main .article .article-list:last-child{border-bottom:none}.j-index .main .article .article-list .picture-box{position:relative;width:210px;min-width:210px;height:140px;min-height:140px;margin-right:15px;border-radius:calc(var(--radius-pc) / 2);overflow:hidden}.j-index .main .article .article-list .picture-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.j-index .main .article .article-list .picture-box span{position:absolute;top:5px;right:5px;background:var(--theme);height:20px;line-height:20px;padding:0 10px;color:var(--background);font-size:12px;border-radius:10px;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s;-webkit-transform:translate3d(120%, 0, 0);transform:translate3d(120%, 0, 0)}.j-index .main .article .article-list .picture-box svg{width:20px;height:20px;position:absolute;top:5px;left:5px;fill:var(--background)}.j-index .main .article .article-list .picture-box div{display:none;align-items:center;position:absolute;bottom:0;left:0;width:100%;padding:15px;font-size:16px;background:linear-gradient(to bottom, rgba(6,6,6,0), rgba(6,6,6,0.7));color:rgba(255,255,255,0.85)}.j-index .main .article .article-list .picture-box div p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.j-index .main .article .article-list .entry-box{display:flex;flex-direction:column;flex:1;width:0;min-width:0;overflow:hidden;height:140px}.j-index .main .article .article-list .entry-box .title{display:flex;align-items:center;margin-bottom:10px}.j-index .main .article .article-list .entry-box .title .badge{height:20px;line-height:20px;background-image:-webkit-linear-gradient(0deg, #3ca5f6 0%, #a86af9 100%);color:var(--background);font-size:12px;font-weight:normal;margin-right:5px;border-radius:calc(var(--radius-pc) / 4);padding:0 10px;white-space:nowrap;vertical-align:top}.j-index .main .article .article-list .entry-box .title a{color:var(--main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px;line-height:24px}.j-index .main .article .article-list .entry-box .title a:hover{color:var(--theme)}.j-index .main .article .article-list .entry-box .summary{display:-webkit-box;-webkit-line-clamp:2;/*! autoprefixer: off */-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:var(--minor);transition:opacity 0.35s;word-break:break-all;line-height:22px;max-height:46px}.j-index .main .article .article-list .entry-box .summary:hover{opacity:0.8}.j-index .main .article .article-list .entry-box .meta{display:flex;margin-top:auto;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-index .main .article .article-list .entry-box .meta .item{display:flex;align-items:center;font-size:13px;color:var(--minor);line-height:20px}.j-index .main .article .article-list .entry-box .meta .item:nth-child(2) p{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.j-index .main .article .article-list .entry-box .meta .item svg{width:20px;height:20px;fill:var(--minor);margin-right:3px}.j-index .main .article .article-list .entry-box .meta .item a{color:var(--minor)}.j-index .main .article .article-list .entry-box .meta .item a:hover{color:var(--theme)}.j-index .main .article .article-list .entry-box .meta .item:last-child::after{display:none}.j-index .main .article .article-list .entry-box .meta .item::after{content:'/';display:block;color:#e1e1e1;padding:0 5px}.j-index .main .article .article-list .entry-box .meta-xs{display:none;align-items:center;justify-content:space-between;border-top:1px solid var(--classC);padding-top:15px}.j-index .main .article .article-list .entry-box .meta-xs .item{display:flex;align-items:center;color:#bbb;font-size:12px}.j-index .main .article .article-list .entry-box .meta-xs .item svg{width:15px;height:15px;fill:#bbb;margin-right:5px;vertical-align:middle}.j-index .main .article .article-list::after{content:'';position:absolute;top:20px;left:-20px;width:4px;height:25px;border-radius:2px;background:var(--theme);-webkit-transform:scaleY(0);transform:scaleY(0);transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.j-index .main .article .article-list:hover .picture-box span{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.j-index .main .article .article-list:hover::after{-webkit-transform:scaleY(1);transform:scaleY(1)}.j-index .main.type1{padding:unset;background:unset;box-shadow:unset;border-radius:unset}.j-index .main.type1 .index-banner{background:var(--background);padding:20px;margin-bottom:20px;box-shadow:var(--box-shadow);border-radius:var(--radius-pc)}.j-index .main.type1 .index-hot{background:var(--background);padding:20px;box-shadow:var(--box-shadow);margin-bottom:20px;border-radius:var(--radius-pc)}.j-index .main.type1 .index-ad{margin-bottom:20px;box-shadow:var(--box-shadow);padding-top:unset;border-radius:var(--radius-pc)}.j-index .main.type1 .index-title{background:var(--background);padding:0 20px;margin-bottom:20px;border-radius:20.5px}.j-index .main.type1 .index-title h2{display:none}.j-index .main.type1 .index-title .notice{margin-left:unset}.j-index .main.type1 .search-title{background:var(--background);margin-bottom:20px;border-bottom:unset;padding:0 20px}.j-index .main.type1 .article .article-list{background:var(--background);padding:20px;margin-bottom:20px;border-bottom:unset;border-radius:var(--radius-pc)}.j-index .main.type1 .article .article-list:last-child{margin-bottom:unset}.j-index .main.type1 .article .article-list::after{left:0}.j-ad{position:absolute;top:10px;right:10px;font-size:12px;background:rgba(0,0,0,0.25);padding:2px 5px;border-radius:2px;color:var(--classD)}.j-aside{transition:width 0.35s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-aside .aside{display:block;width:250px;margin-bottom:20px;border-radius:var(--radius-pc);overflow:hidden;box-shadow:var(--box-shadow);margin-left:20px}.j-aside .aside:last-child{position:-webkit-sticky;position:sticky;margin-bottom:0}.j-aside .aside h3{border-bottom:1px solid var(--classC);font-size:15px;font-weight:500;height:45px;line-height:45px;padding:0 15px;color:var(--main)}.j-aside .aside .empty{padding:15px;text-align:center;font-size:12px;color:var(--minor)}.j-aside .aside-ad{position:relative;height:190px}.j-aside .aside-ad img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.j-aside .aside-custom{padding:15px;background:var(--background)}.j-aside .aside-visitor img{width:100%}.j-aside .aside-wether{background:var(--background)}.j-aside .aside-wether .content{position:relative;padding:15px;min-height:300px}.j-aside .aside-wether .content .loading{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--background);z-index:333;transition:opacity 0.35s}.j-aside .aside-wether .content .loading svg{width:30px;height:30px}.j-aside .aside-wether .content .loading svg path,.j-aside .aside-wether .content .loading svg rect{fill:var(--theme)}.j-aside .aside-wether .content .loading.active{opacity:0;visibility:hidden}.j-aside .aside-cloud{background:var(--background)}.j-aside .aside-cloud .cloud{padding:15px}.j-aside .aside-cloud .cloud svg{vertical-align:middle}.j-aside .aside-cloud #cloudList{display:none}.j-aside .aside-reply{background:var(--background)}.j-aside .aside-reply .list{padding:15px}.j-aside .aside-reply .list li{margin-bottom:15px;border-bottom:1px dashed var(--classC);padding-bottom:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-aside .aside-reply .list li:last-child{margin-bottom:0;border-bottom-color:transparent;padding-bottom:0}.j-aside .aside-reply .list li .user{display:flex;margin-bottom:12px}.j-aside .aside-reply .list li .user img{width:40px;height:40px;min-width:40px;min-height:40px;margin-right:12px;border-radius:50%;border:1px solid var(--classA);padding:3px}.j-aside .aside-reply .list li .user .info{display:flex;flex-direction:column;justify-content:space-between}.j-aside .aside-reply .list li .user .info .name{color:var(--main);font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.j-aside .aside-reply .list li .user .info span{font-size:12px;color:var(--minor)}.j-aside .aside-reply .list li .reply{position:relative;background:var(--classD);border-radius:6px;padding:5px 10px}.j-aside .aside-reply .list li .reply::before{content:'';display:block;width:0;height:0;border-bottom:6px solid var(--classD);border-left:6px solid transparent;border-right:6px solid transparent;position:absolute;left:15px;bottom:100%}.j-aside .aside-reply .list li .reply a{display:none;color:var(--minor);font-size:13px;-webkit-line-clamp:1;/*! autoprefixer: off */-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-weight:500;line-height:24px}.j-aside .aside-reply .list li .reply a .owo{height:22px;vertical-align:top}.j-aside .aside-reply .list li .reply a:hover{color:var(--theme)}.j-aside .aside-reply .list li .reply a p{display:inline}.j-aside .aside-hot{background:var(--background)}.j-aside .aside-hot ul{padding:15px}.j-aside .aside-hot ul li{margin-bottom:15px}.j-aside .aside-hot ul li a{position:relative;display:block;border-radius:calc(var(--radius-pc) / 2);overflow:hidden}.j-aside .aside-hot ul li a:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}.j-aside .aside-hot ul li a img{width:100%;height:130px;-o-object-fit:cover;object-fit:cover;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.j-aside .aside-hot ul li a .info{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:10px;background:linear-gradient(to bottom, rgba(6,6,6,0), rgba(6,6,6,0.7));font-size:12px}.j-aside .aside-hot ul li a .info p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--background);line-height:24px;font-size:14px}.j-aside .aside-hot ul li a .info span{color:var(--seat)}.j-aside .aside-hot ul li a .tip{position:absolute;top:5px;right:-20px;background:#7f7f8c;color:var(--background);width:65px;text-align:center;font-size:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg);font-weight:500}.j-aside .aside-hot ul li:nth-child(1) a .tip{background:#ff183e}.j-aside .aside-hot ul li:nth-child(2) a .tip{background:#ff5c38}.j-aside .aside-hot ul li:nth-child(3) a .tip{background:#ffb821}.j-aside .aside-hot ul li:last-child{margin-bottom:0}.j-aside .aside-user{background:var(--background);padding:45px 15px 15px;position:relative}.j-aside .aside-user:hover::after{display:block}.j-aside .aside-user::before{content:'';position:absolute;top:0;left:0;width:100%;height:120px;background:url(../img/aside-author-bg.jpg) no-repeat;background-size:cover}.j-aside .aside-user::after{display:none;content:'';position:absolute;top:0;left:0;width:100%;height:268px;background:url(../img/snow.gif) no-repeat;background-size:cover}.j-aside .aside-user .user{position:relative;z-index:111;display:flex;flex-direction:column;align-items:center;padding-bottom:20px}.j-aside .aside-user .user img{width:80px;height:80px;border-radius:50%;margin-bottom:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:var(--background);padding:5px;transition:-webkit-transform 0.75s;transition:transform 0.75s;transition:transform 0.75s, -webkit-transform 0.75s}.j-aside .aside-user .user img:hover{-webkit-transform:rotate(360deg);transform:rotate(360deg)}.j-aside .aside-user .user a{color:var(--theme);margin-bottom:10px;font-size:16px;font-weight:500}.j-aside .aside-user .user a:hover{text-decoration:underline}.j-aside .aside-user .user .p{display:none;color:var(--main);text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-aside .aside-user .webinfo{width:100%;padding-bottom:20px;display:flex;align-items:center;border-bottom:1px solid var(--classC)}.j-aside .aside-user .webinfo .item{width:0;min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;color:var(--routine);font-size:12px}.j-aside .aside-user .webinfo .item .num{max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:22px;color:var(--main);margin-bottom:3px;text-shadow:var(--text_shadow)}.j-aside .aside-user .webinfo .item:first-child{border-right:1px solid var(--classC)}.j-aside .aside-user .articles{width:100%;overflow:hidden;padding-top:15px}.j-aside .aside-user .articles li{display:flex;align-items:center;justify-content:space-between;line-height:32px}.j-aside .aside-user .articles li a{color:var(--routine);max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.j-aside .aside-user .articles li a:hover{color:var(--theme);text-decoration:underline}.j-aside .aside-user .articles li svg{width:16px;height:16px;fill:var(--routine)}.j-aside .aside-count{background:var(--background)}.j-aside .aside-count .content{padding:15px}.j-aside .aside-count .content .item{margin-bottom:15px}.j-aside .aside-count .content .item:last-child{margin-bottom:0}.j-aside .aside-count .content .item .title{font-size:12px;color:var(--minor);margin-bottom:5px;display:flex;align-items:center}.j-aside .aside-count .content .item .title span{color:var(--theme);font-weight:500;font-size:14px;margin:0 5px}.j-aside .aside-count .content .item .progress{display:flex;align-items:center}.j-aside .aside-count .content .item .progress .progress-bar{height:10px;border-radius:5px;overflow:hidden;background:var(--classC);width:0;min-width:0;flex:1;margin-right:5px}.j-aside .aside-count .content .item .progress .progress-bar .progress-inner{width:0;height:100%;border-radius:5px;transition:width 0.35s;-webkit-animation:progress 750ms linear infinite;animation:progress 750ms linear infinite}.j-aside .aside-count .content .item .progress .progress-bar .progress-inner-1{background:#bde6ff;background-image:linear-gradient(135deg, #50bfff 25%, transparent 25%, transparent 50%, #50bfff 50%, #50bfff 75%, transparent 75%, transparent 100%);background-size:30px 30px}.j-aside .aside-count .content .item .progress .progress-bar .progress-inner-2{background:#ffd980;background-image:linear-gradient(135deg, #f7ba2a 25%, transparent 25%, transparent 50%, #f7ba2a 50%, #f7ba2a 75%, transparent 75%, transparent 100%);background-size:30px 30px}.j-aside .aside-count .content .item .progress .progress-bar .progress-inner-3{background:#ffa9a9;background-image:linear-gradient(135deg, #ff4949 25%, transparent 25%, transparent 50%, #ff4949 50%, #ff4949 75%, transparent 75%, transparent 100%);background-size:30px 30px}.j-aside .aside-count .content .item .progress .progress-bar .progress-inner-4{background:#67c23a;background-image:linear-gradient(135deg, #4f9e28 25%, transparent 25%, transparent 50%, #4f9e28 50%, #4f9e28 75%, transparent 75%, transparent 100%);background-size:30px 30px}.j-aside .aside-count .content .item .progress .progress-percentage{color:var(--info)}.j-aside .aside-ranking{background:var(--background)}.j-aside .aside-ranking .list{padding:10px 0}.j-aside .aside-ranking .list li{display:flex;align-items:center;line-height:32px;padding:0 15px}.j-aside .aside-ranking .list li span{color:var(--minor);font-weight:700;font-size:18px;width:18px;min-width:18px;max-width:18px}.j-aside .aside-ranking .list li a{width:0;min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--routine)}.j-aside .aside-ranking .list li a:hover{color:var(--theme);text-decoration:underline}.j-aside .aside-ranking .list li:nth-child(1) span{color:#fe2d46}.j-aside .aside-ranking .list li:nth-child(2) span{color:#f60}.j-aside .aside-ranking .list li:nth-child(3) span{color:#faa90e}.j-pagination{display:flex;align-items:center;justify-content:flex-end;padding-top:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-pagination li{margin-left:5px}.j-pagination li:first-child{margin-left:0}.j-pagination li a{display:flex;height:32px;align-items:center;color:var(--main);padding:0 15px;background:var(--background);border-radius:2px;transition:background 0.35s, color 0.35s}.j-pagination li a:hover{background:var(--theme);color:var(--background)}.j-pagination li a:hover svg{fill:var(--background)}.j-pagination li a svg{width:12px;height:12px;fill:var(--routine);transition:fill 0.35s}.j-pagination li.next a svg{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.j-pagination li.active a{background:var(--theme);color:var(--background);font-weight:500}.j-bread{padding-top:20px}.j-bread ul{display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-bread ul li{color:var(--minor);white-space:nowrap}.j-bread ul li a{color:var(--routine)}.j-bread ul li a:hover{color:var(--theme)}.j-bread ul li.home{display:flex;align-items:center}.j-bread ul li.home svg{width:15px;height:15px;min-width:15px;min-height:15px;fill:var(--routine);margin-right:2px}.j-bread ul li:nth-child(3){overflow:hidden;text-overflow:ellipsis;max-width:300px}.j-bread ul .line{color:var(--seat);padding:0 7px}.j-post{display:flex;padding-top:20px;padding-bottom:20px}.j-post .j-floor{position:absolute;top:0;bottom:0;left:-20px;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.j-post .j-floor .contain{position:-webkit-sticky;position:sticky;transition:top 0.5s;background:var(--background);box-shadow:var(--box_shadow);padding:15px;border-radius:var(--radius-pc);width:200px;max-height:444px;overflow-y:auto;-webkit-overflow-scrolling:touch}.j-post .j-floor .contain .title{font-weight:700;color:var(--main);margin-bottom:15px;font-size:15px;line-height:20px}.j-post .j-floor .contain ul li ul{padding-left:2em}.j-post .j-floor .contain ul li ul ul{padding-left:0}.j-post .j-floor .contain ul li a{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding-left:5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--routine);line-height:32px}.j-post .j-floor .contain ul li a:hover{color:var(--theme)}.j-post .j-floor .contain ul li.visible>a{color:var(--theme)}.j-post .j-floor .contain .toc-marker{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.j-post .j-floor .contain .toc-marker path{transition:all 0.35s}.j-post .j-stretch{display:none;position:absolute;top:0;bottom:0;right:0;padding:20px 0}.j-post .j-stretch .contain{position:-webkit-sticky;position:sticky;transition:top 0.5s;-webkit-animation:swingIconSet 2s infinite linear alternate;animation:swingIconSet 2s infinite linear alternate;z-index:333}.j-post .j-stretch .contain::before{content:'';position:absolute;top:0;left:0;width:10px;height:25px;border-top:2px solid var(--minor);border-right:2px solid var(--minor);transition:border 0.35s}.j-post .j-stretch .contain svg{position:absolute;top:25px;left:-3px;width:24px;height:24px;fill:var(--minor);cursor:pointer;transition:fill 0.35s}.j-post .j-stretch .contain:hover{-webkit-animation-play-state:paused;animation-play-state:paused}.j-post .j-stretch .contain:hover svg{fill:var(--theme)}.j-post .j-stretch .contain:hover::before{border-color:var(--theme)}.j-post .j-stretch.active{display:block}.j-post .video{position:relative;z-index:1;margin:20px 0}.j-post .video .player-box{position:relative;background:var(--classD);padding-top:60px;margin-bottom:20px}.j-post .video .player-box .title{position:absolute;top:15px;left:-10px;background:var(--theme);color:var(--background);font-weight:500;box-shadow:2px 5px 10px rgba(49,58,70,0.15);height:30px;line-height:30px;padding:0 10px;border-radius:2px 2px 2px 0;max-width:50%}.j-post .video .player-box .title::before{content:'';border-style:solid;border-width:10px;display:block;position:absolute;bottom:-10px;left:0;margin-bottom:-10px;z-index:-1;border-color:var(--theme) transparent transparent}.j-post .video .player-box .title span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.j-post .video .player-box .player{padding:15px;border-top:1px solid var(--classA)}.j-post .video .player-box .player #j-dplayer{width:100%;height:500px;background:#000}.j-post .video .episodes{position:relative;background:var(--classD);padding-top:60px}.j-post .video .episodes .title{position:absolute;top:15px;left:-10px;background:var(--theme);color:var(--background);font-weight:500;box-shadow:2px 5px 10px rgba(49,58,70,0.15);height:30px;line-height:30px;padding:0 10px;border-radius:2px 2px 2px 0}.j-post .video .episodes .title::before{content:'';border-style:solid;border-width:10px;display:block;position:absolute;bottom:-10px;left:0;margin-bottom:-10px;z-index:-1;border-color:var(--theme) transparent transparent}.j-post .video .episodes ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(100px, 1fr));grid-auto-rows:30px;gap:20px;padding:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-top:1px solid var(--classA)}.j-post .video .episodes ul li{height:30px;line-height:30px}.j-post .video .episodes ul li.active span{color:var(--background);background:var(--theme)}.j-post .video .episodes ul li span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;padding:0 10px;cursor:pointer;color:var(--minor);background:var(--background);box-shadow:var(--box-shadow);border-radius:16px;transition:background 0.35s, color 0.35s}.j-post .video .episodes ul li span:hover{color:var(--background);background:var(--theme)}.j-post .video #j-dplayer-iframe{border:none;width:100%;height:500px;background:#000}.j-post .main{padding:20px;background:var(--background);box-shadow:var(--box-shadow);border-radius:var(--radius-pc);margin-bottom:20px}.j-post .main .classify{display:flex;align-items:center}.j-post .main .classify .category{display:flex;align-items:center;flex-wrap:wrap}.j-post .main .classify .category a{color:var(--background);font-size:12px;background:var(--theme);padding:3px 8px;margin-right:5px;border-radius:2px;margin-bottom:20px;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.j-post .main .classify .category a:nth-child(1){background:#15a5ed}.j-post .main .classify .category a:nth-child(2){background:#f56c6c}.j-post .main .classify .category a:nth-child(3){background:#ed157a}.j-post .main .classify .category a:nth-child(4){background:#ed7615}.j-post .main .classify .category a:nth-child(5){background:#1fc46a}.j-post .main .classify .category a:last-child{margin-right:0}.j-post .main .classify .category a:hover{opacity:0.85}.j-post .main .classify .edit{color:var(--minor);margin-left:auto;margin-bottom:20px;line-height:22px}.j-post .main .classify .edit:hover{opacity:0.85}.j-post .main .header{margin-bottom:20px;border-bottom:1px solid var(--classB)}.j-post .main .header .title{font-size:24px;color:var(--main);font-weight:500;display:-webkit-box;-webkit-line-clamp:2;/*! autoprefixer: off */-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-shadow:var(--text_shadow);text-align:center;margin-bottom:20px;opacity:0}.j-post .main .header .conting{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.j-post .main .header .conting .info{display:flex;align-items:center;height:42px}.j-post .main .header .conting .info img{width:35px;height:35px;border-radius:50%;margin-right:10px;border:1px solid var(--classA);padding:3px}.j-post .main .header .conting .info .meta{display:flex;flex-direction:column;justify-content:space-between;height:35px;color:var(--minor);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px}.j-post .main .header .conting .info .meta .author a{font-weight:500;color:var(--theme)}.j-post .main .header .conting .info .meta .author a:hover{text-decoration:underline}.j-post .main .header .conting .info .meta .item{display:flex;align-items:center}.j-post .main .header .conting .info .meta .item .line{color:var(--seat);margin:0 7px}.j-post .main .header .conting .info .meta .item #baiduIncluded a{color:#e6a23c}.j-post .main .header .conting .info .meta .item #baiduIncluded a:hover{text-decoration:underline}.j-post .main .header .conting .info .meta .item #baiduIncluded span{color:#e6a23c}.j-post .main .header .conting .info .meta .item #baiduIncluded span:hover{cursor:pointer;opacity:0.85}.j-post .main .header .conting .time{font-size:32px;line-height:42px;color:var(--routine);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-shadow:var(--text_shadow);font-family:consolas}.j-post .main .markdown{word-wrap:break-word;font-size:15px}.j-post .main .markdown h1,.j-post .main .markdown h2,.j-post .main .markdown h3,.j-post .main .markdown h4,.j-post .main .markdown h5,.j-post .main .markdown h6{color:var(--main);margin:20px 0;font-size:20px}.j-post .main .markdown h1{position:relative}.j-post .main .markdown h1::before{content:'#';color:var(--theme);margin-right:7px;font-weight:600}.j-post .main .markdown h2{position:relative;padding:0 15px}.j-post .main .markdown h2::before{content:'';position:absolute;top:10%;left:0;bottom:10%;width:4px;border-radius:2px;background:var(--theme)}.j-post .main .markdown h3{position:relative}.j-post .main .markdown h3::before{content:'「';color:var(--theme);margin-right:5px;font-weight:600}.j-post .main .markdown h3::after{content:'」';color:var(--theme);margin-left:5px;font-weight:600}.j-post .main .markdown h4 span{padding:3px 0;background:linear-gradient(to bottom, transparent 60%, rgba(189,202,219,0.3) 0) no-repeat;line-height:30px}.j-post .main .markdown h5 span{position:relative;-o-border-image:linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab) 1 1;border-image:linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab) 1 1;border-style:solid;border-bottom-width:3px;border-top-width:0;border-left-width:0;border-right-width:0;line-height:30px;padding-bottom:3px}.j-post .main .markdown h6 span{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%23ff3300' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E") repeat-x 0 100%;background-size:20px auto;-webkit-animation:waveMove 1s infinite linear;animation:waveMove 1s infinite linear;line-height:30px;padding-bottom:5px}.j-post .main .markdown blockquote{background:var(--classD);padding:15px 20px;border-left:4px solid var(--seat);margin:20px 0}.j-post .main .markdown blockquote p{font-weight:500;margin:0}.j-post .main .markdown ol{color:var(--routine);margin:20px 0;padding:0 40px}.j-post .main .markdown ol li{list-style:decimal;margin-bottom:10px;line-height:26px}.j-post .main .markdown ol li:last-child{margin-bottom:0}.j-post .main .markdown ul{color:var(--routine);margin:20px 0;padding:0 40px}.j-post .main .markdown ul li{list-style:disc;margin-bottom:10px;line-height:26px}.j-post .main .markdown ul li::marker{color:var(--theme)}.j-post .main .markdown ul li:last-child{margin-bottom:0}.j-post .main .markdown em{font-style:italic}.j-post .main .markdown table{width:100%;margin:20px 0;box-shadow:0 3px 5px rgba(0,0,0,0.1);overflow:auto;-webkit-overflow-scrolling:touch}.j-post .main .markdown table thead th{background:var(--classA);color:var(--routine);max-width:250px}.j-post .main .markdown table td{color:var(--routine)}.j-post .main .markdown table tr{background:var(--background)}.j-post .main .markdown table tr:nth-child(2n){background:var(--classD)}.j-post .main .markdown table th,.j-post .main .markdown table td{padding:10px;max-width:300px}.j-post .main .markdown iframe{border:none;max-width:100%}.j-post .main .markdown img:not(.owo){display:block;max-width:100%;height:auto;margin:0 auto;border-radius:4px;-o-object-fit:cover;object-fit:cover}.j-post .main .markdown .owo{width:24px}.j-post .main .markdown a{font-weight:500;color:var(--theme)}.j-post .main .markdown a:hover{text-decoration:underline}.j-post .main .markdown hr{margin:20px 0;border:none;height:1px;background-color:var(--classB)}.j-post .main .markdown strong{color:var(--main);font-weight:700}.j-post .main .markdown p{color:var(--routine);line-height:26px;margin:20px 0;text-align:justify;white-space:pre-wrap;word-spacing:5px;letter-spacing:1px;word-break:break-all}.j-post .main .markdown .hljs{white-space:pre-wrap;max-width:100%;max-height:550px;overflow:auto;-webkit-overflow-scrolling:touch;padding:10px 15px;line-height:2;border-radius:calc(var(--radius-pc) / 2);margin:20px 0;font-family:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace}.j-post .main .markdown .hljs::-webkit-scrollbar-track{border-radius:0;background:var(--background)}.j-post .main .markdown .need-reply{border:1px dashed var(--success);text-align:center;padding:10px 20px;color:var(--routine);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-post .main .markdown .need-reply span{color:var(--danger);cursor:pointer}.j-post .main .markdown .need-reply span:hover{text-decoration:underline}.j-post .main .markdown .reply-content{color:var(--routine);line-height:26px;margin:20px 0;text-align:justify;white-space:pre-wrap;word-spacing:5px;letter-spacing:1px;word-break:break-all}.j-post .main .markdown .protected{display:flex;justify-content:center;padding:30px;background:var(--classB)}.j-post .main .markdown .protected .form{position:relative;box-shadow:var(--box-shadow)}.j-post .main .markdown .protected .form svg{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:18px;height:18px;left:15px}.j-post .main .markdown .protected .form input[type='password']{width:300px;height:44px;padding:0 43px;border:none;border-radius:4px;color:var(--routine)}.j-post .main .markdown .protected .form button[type='submit']{position:absolute;top:0;right:0;border:none;background:none;height:44px;width:44px;transition:opacity 0.35s}.j-post .main .markdown .protected .form button[type='submit']:hover{opacity:0.85}.j-post .main .tags{display:flex;align-items:center;justify-content:space-between;margin-top:15px;flex-wrap:wrap}.j-post .main .tags .list{display:flex}.j-post .main .tags .list a{height:26px;line-height:26px;padding:0 15px;background:var(--classC);font-size:14px;margin-right:10px;color:var(--minor);border-radius:13px;transition:opacity 0.35s}.j-post .main .tags .list a:last-child{margin-right:0}.j-post .main .tags .list a:nth-child(n+6){display:none}.j-post .main .tags .list a:hover{opacity:0.75}.j-post .main .tags .handle{display:flex;align-items:center}.j-post .main .tags .handle .item{position:relative;cursor:pointer;display:flex;align-items:center;color:var(--background);background:var(--theme);border:none;height:32px;padding:0 15px;border-radius:3px;margin-left:10px;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity 0.35s}.j-post .main .tags .handle .item:hover{opacity:0.85}.j-post .main .tags .handle .item svg{width:15px;height:15px;fill:var(--background);margin-right:5px}.j-post .main .tags .handle .item:first-child{margin-left:0}.j-post .main .tags .handle .share{position:relative;margin-left:10px}.j-post .main .tags .handle .share .j-dropdown{top:42px;width:120px}.j-post .main .tags .handle .share .j-dropdown #j-share-code{border-top:1px solid var(--classD);padding-top:15px}.j-post .main .banquan{border-top:1px solid var(--classB);padding-top:20px;margin-top:20px}.j-post .main .banquan .content{background:var(--classD);padding:15px}.j-post .main .banquan .content .item{display:flex;align-items:center;font-size:14px;color:var(--minor);line-height:26px;white-space:nowrap}.j-post .main .banquan .content .item:last-child{margin-bottom:0}.j-post .main .banquan .content .item svg{width:18px;height:18px;min-width:18px;min-height:18px;margin-right:8px}.j-post .main .banquan .content .item span{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-post .main .banquan .content .item a{color:var(--minor)}.j-post .main .banquan .content .item a:hover{color:var(--theme);text-decoration:underline}.j-post .main .banquan .content .item p{overflow:hidden;text-overflow:ellipsis}.j-post .main .related{padding-top:20px}.j-post .main .related .title{border-left:3px solid var(--theme);padding-left:15px;font-size:18px;font-weight:500;margin-bottom:20px;color:var(--main)}.j-post .main .related ul{display:flex}.j-post .main .related ul li{width:25%;padding:0 7.5px;overflow:hidden;transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;transition:opacity 0.35s, transform 0.35s, -webkit-transform 0.35s}.j-post .main .related ul li:hover{opacity:0.85;-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}.j-post .main .related ul li a{display:block}.j-post .main .related ul li a img{width:100%;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:calc(var(--radius-pc) / 2) calc(var(--radius-pc) / 2) 0 0}.j-post .main .related ul li a span{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--minor);background:var(--classD);padding:0 10px;line-height:32px;font-size:12px;border-radius:0 0 calc(var(--radius-pc) / 2) calc(var(--radius-pc) / 2)}.j-post .main .links{display:flex;flex-wrap:wrap}.j-post .main .links li{width:33.3333333%;padding:15px}.j-post .main .links li .item{padding:20px;border-radius:calc(var(--radius-pc) / 2);box-shadow:var(--box-shadow)}.j-post .main .links li .item .title{margin-bottom:20px}.j-post .main .links li .item .title a{font-size:16px;font-weight:500;border-bottom:1px solid var(--background);color:var(--background);transition:all 0.35s}.j-post .main .links li .item .title a:hover{color:var(--theme);border-color:var(--theme)}.j-post .main .links li .item .content{display:flex;align-items:center;justify-content:space-between}.j-post .main .links li .item .content .desc{color:var(--background);margin-right:10px}.j-post .main .links li .item .content img{width:40px;height:40px;-o-object-fit:cover;object-fit:cover;border-radius:50%}.j-post .main .links li .item.deepgrey{background:rgba(0,0,0,0.5)}.j-post .main .links li .item.blue{background:#6fa3ef}.j-post .main .links li .item.purple{background:#bc99c4}.j-post .main .links li .item.green{background:#46c47c}.j-post .main .links li .item.yellow{background:#f9bb3c}.j-post .main .links li .item.red{background:#e8583d}.j-post .main .links li .item.orange{background:#f68e5f}.j-post .main .links li .item.success{background:#67c23a}.j-post .main .links li .item.warning{background:#e6a23c}.j-post .main .links li .item.danger{background:#f56c6c}.j-post .main .links li .item.info{background:#909399}.j-post .main .leaving{position:relative;min-height:550px}.j-post .main .leaving li{display:none;flex-direction:column;cursor:move;width:200px;position:absolute;overflow:hidden;border-bottom-left-radius:20px 500px;border-bottom-right-radius:500px 30px;border-top-left-radius:100px 20px;border-top-right-radius:20px 100px;box-shadow:0 2px 10px 1px rgba(0,0,0,0.2);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;color:var(--background)}.j-post .main .leaving li .head{pointer-events:none;height:42px;line-height:42px;padding:10px;display:flex;align-items:center;border-bottom:1px solid var(--classD);color:var(--background)}.j-post .main .leaving li .head img{width:20px;height:20px;border-radius:50%;margin-right:5px}.j-post .main .leaving li .head span:nth-child(2){margin-right:5px;flex:1;width:0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.j-post .main .leaving li .head span:last-child{margin-left:auto}.j-post .main .leaving li .body{height:158px;padding:10px}.j-post .main .leaving li .body .content{max-height:100%;overflow-y:auto;word-wrap:break-word;line-height:24px;-webkit-overflow-scrolling:touch}.j-post .main .leaving li .body .content .canvas{width:100%}.j-post .main .leaving li .body .content .owo{height:22px;vertical-align:top}.j-post .main .none{color:var(--minor);text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-post .page{display:flex;justify-content:space-between;margin-bottom:20px}.j-post .page li{list-style:none}.j-post .page li.right{margin-left:auto}.j-post .page li a{display:block;height:32px;line-height:32px;padding:0 15px;color:var(--background);border-radius:3px;background:var(--theme);transition:opacity 0.35s;font-size:12px}.j-post .page li a:hover{opacity:0.85}.j-post .video-api .video-type,.j-post .video-api .video-list,.j-post .video-api .video-info,.j-post .video-api .video-list-play{position:relative;background:var(--background);border-radius:var(--radius-pc);box-shadow:var(--box-shadow);padding:60px 0 0}.j-post .video-api .video-type .title,.j-post .video-api .video-list .title,.j-post .video-api .video-info .title,.j-post .video-api .video-list-play .title{position:absolute;top:15px;left:-10px;background:var(--theme);color:var(--background);font-weight:500;box-shadow:2px 5px 10px rgba(49,58,70,0.15);height:30px;line-height:30px;padding:0 10px;border-radius:2px 2px 2px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-post .video-api .video-type .title::before,.j-post .video-api .video-list .title::before,.j-post .video-api .video-info .title::before,.j-post .video-api .video-list-play .title::before{content:'';border-style:solid;border-width:10px;display:block;position:absolute;bottom:-10px;left:0;margin-bottom:-10px;z-index:-1;border-color:var(--theme) transparent transparent}.j-post .video-api .video-type .search,.j-post .video-api .video-list .search,.j-post .video-api .video-info .search,.j-post .video-api .video-list-play .search{position:absolute;top:15px;right:10px;display:flex;align-items:center}.j-post .video-api .video-type .search input,.j-post .video-api .video-list .search input,.j-post .video-api .video-info .search input,.j-post .video-api .video-list-play .search input{width:180px;height:32px;border:1px solid var(--classB);border-right:1px solid transparent;padding:0 10px;color:var(--minor);font-size:13px;border-radius:3px 0 0 3px;transition:border 0.35s;-webkit-appearance:none}.j-post .video-api .video-type .search input:focus,.j-post .video-api .video-list .search input:focus,.j-post .video-api .video-info .search input:focus,.j-post .video-api .video-list-play .search input:focus{border:1px solid var(--theme)}.j-post .video-api .video-type .search button,.j-post .video-api .video-list .search button,.j-post .video-api .video-info .search button,.j-post .video-api .video-list-play .search button{display:flex;align-items:center;padding:0 10px;height:32px;line-height:32px;text-align:center;background:#f5f7fa;border:1px solid var(--classB);border-left:none;border-radius:0 3px 3px 0}.j-post .video-api .video-type .search button svg,.j-post .video-api .video-list .search button svg,.j-post .video-api .video-info .search button svg,.j-post .video-api .video-list-play .search button svg{width:14px;height:14px;fill:var(--routine)}.j-post .video-api .video-type .list-item,.j-post .video-api .video-list .list-item,.j-post .video-api .video-info .list-item,.j-post .video-api .video-list-play .list-item{padding:15px;border-top:1px solid var(--classB);display:grid;grid-template-columns:repeat(auto-fit, 80px);gap:20px}.j-post .video-api .video-type .list-item li,.j-post .video-api .video-list .list-item li,.j-post .video-api .video-info .list-item li,.j-post .video-api .video-list-play .list-item li{background:var(--classD);height:28px;line-height:28px;text-align:center;border-radius:14px;cursor:pointer;color:var(--routine);font-size:12px;transition:box-shadow 0.35s, -webkit-transform 0.35s;transition:transform 0.35s, box-shadow 0.35s;transition:transform 0.35s, box-shadow 0.35s, -webkit-transform 0.35s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-post .video-api .video-type .list-item li:hover,.j-post .video-api .video-list .list-item li:hover,.j-post .video-api .video-info .list-item li:hover,.j-post .video-api .video-list-play .list-item li:hover{-webkit-transform:translate3d(0, -3px, 0);transform:translate3d(0, -3px, 0);box-shadow:0 5px 5px rgba(0,0,0,0.1)}.j-post .video-api .video-type .list-item li.active,.j-post .video-api .video-list .list-item li.active,.j-post .video-api .video-info .list-item li.active,.j-post .video-api .video-list-play .list-item li.active{color:var(--background);background:var(--theme);box-shadow:0 5px 5px rgba(0,0,0,0.1)}.j-post .video-api .video-type{margin-bottom:20px}.j-post .video-api .video-list .list{display:flex;flex-wrap:wrap;border-top:1px solid var(--classB);padding:10px}.j-post .video-api .video-list .list li{width:16.6666666666%;padding:10px;-webkit-animation:jScaleUp 0.5s;animation:jScaleUp 0.5s}.j-post .video-api .video-list .list li a{background:var(--background);position:relative;display:block;transition:box-shadow 0.35s, -webkit-transform 0.35s;transition:box-shadow 0.35s, transform 0.35s;transition:box-shadow 0.35s, transform 0.35s, -webkit-transform 0.35s}.j-post .video-api .video-list .list li a img{width:100%;height:220px;-o-object-fit:cover;object-fit:cover;border-radius:4px}.j-post .video-api .video-list .list li a h2{font-size:15px;color:var(--main);font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;padding:10px}.j-post .video-api .video-list .list li a i{position:absolute;top:10px;right:10px;font-size:12px;color:var(--background);padding:2px 5px;border-radius:2px;background:var(--theme);font-style:normal}.j-post .video-api .video-list .list li a:hover{box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.j-post .video-api .video-list .list li a:hover img{border-radius:4px 4px 0 0}.j-post .video-api .video-info{margin-bottom:20px}.j-post .video-api .video-info .info{padding:20px;border-top:1px solid var(--classB);display:flex}.j-post .video-api .video-info .info .image{position:relative;margin-right:20px}.j-post .video-api .video-info .info .image img{width:170px;height:240px;-o-object-fit:cover;object-fit:cover}.j-post .video-api .video-info .info .image i{position:absolute;top:10px;right:10px;font-style:normal;font-size:12px;background:var(--theme);color:var(--background);padding:3px 7px;border-radius:2px}.j-post .video-api .video-info .info dl{flex:1;min-width:0;overflow:hidden}.j-post .video-api .video-info .info dl dt{font-size:24px;color:var(--main);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:15px}.j-post .video-api .video-info .info dl dd{display:-webkit-box;-webkit-line-clamp:3;/*! autoprefixer: off */-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:24px;margin-bottom:5px}.j-post .video-api .video-info .info dl dd span:first-child{color:var(--minor)}.j-post .video-api .video-info .info dl dd span:last-child{color:var(--routine)}.j-post .video-api .video-info .info dl dd:last-child{margin-bottom:0}.j-post .video-api .video-info .player{padding:20px;border-top:1px solid var(--classB)}.j-post .video-api .video-info .player iframe{width:100%;height:480px;background:#000}.j-post .video-api .video-info .player p{text-align:center;color:var(--routine);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-post .video-api .video-list-play{margin-bottom:20px}.j-post .video-api .video-list-play:last-child{margin-bottom:0}.j-post .video-api .load{display:flex;align-items:center;justify-content:center;padding:30px 0}code{display:inline-block;vertical-align:top;height:26px;line-height:26px;border-radius:4px;font-size:12px;background:var(--classD);padding:0 5px;color:var(--theme);margin:0 3px}pre code{display:unset;vertical-align:unset;height:unset;line-height:unset;border-radius:unset;font-size:unset;background:unset;padding:unset;color:unset;margin:unset}.j-fabulous{display:flex;align-items:center;justify-content:center;margin-top:20px}.j-fabulous .button{display:flex;align-items:center}.j-fabulous .button .left,.j-fabulous .button .right{display:flex;align-items:center;justify-content:center;height:34px;white-space:nowrap;text-align:center;cursor:pointer;padding:0 15px;color:var(--background);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity 0.35s}.j-fabulous .button .left svg,.j-fabulous .button .right svg{width:15px;height:15px;fill:var(--background);margin-right:5px}.j-fabulous .button .left:hover,.j-fabulous .button .right:hover{opacity:0.85}.j-fabulous .button .left{border-radius:17px;background:#ec7259}.j-fabulous .button .right{background:#ffab2e;border-radius:0 17px 17px 0}.j-fabulous .button.has-admire .left{border-radius:17px 0 0 17px}.j-modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:888;background:rgba(0,0,0,0.75);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:opacity 0.5s, visibility 0.5s}.j-modal-mask.active{visibility:visible;opacity:1}.j-admire-modal{display:flex;align-items:center;justify-content:center}.j-admire-modal .content{position:relative;width:460px;background:var(--background);border-radius:var(--radius-pc);padding:30px 0;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}.j-admire-modal .content .title{color:var(--main);margin-bottom:30px;text-align:center;font-size:16px;text-shadow:var(--text-shadow)}.j-admire-modal .content .code{width:170px;height:170px;padding:10px;border:6px solid var(--theme);margin:0 auto 30px;border-radius:3px}.j-admire-modal .content .code img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.j-admire-modal .content .tips{position:relative;text-align:center;font-size:12px;color:var(--routine);margin-bottom:30px}.j-admire-modal .content .tips p{margin-bottom:5px}.j-admire-modal .content .tips p:last-child{margin-bottom:0}.j-admire-modal .content .tips img{position:absolute;width:100%;left:0;bottom:-28px}.j-admire-modal .content .type{display:flex;align-items:center;justify-content:center;margin-bottom:30px}.j-admire-modal .content .type .item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--info);margin:0 30px}.j-admire-modal .content .type .item svg{width:40px;height:40px;margin-bottom:5px}.j-admire-modal .content .info{text-align:center;color:var(--info)}.j-admire-modal .content .close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;fill:var(--classA);cursor:pointer;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.j-admire-modal .content .close:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.j-admire-modal.active .content{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.j-copy{cursor:pointer}.j-comment{background:var(--background);border-radius:var(--radius-pc);box-shadow:var(--box-shadow);padding:20px}.j-comment .title{font-weight:500;text-align:center;font-size:24px;color:var(--main);text-shadow:var(--text-shadow);margin-bottom:20px;border-bottom:1px solid var(--classB);padding-bottom:20px}.j-comment .respond form{border-radius:6px 0 6px 6px;background:var(--classD)}.j-comment .respond form .head{display:flex;align-items:center;border-bottom:1px solid var(--classA)}.j-comment .respond form .head .head-item{position:relative;flex:1;width:0;min-width:0}.j-comment .respond form .head .head-item input{width:100%;border:none;background:transparent;padding:0 15px;height:45px;color:var(--routine);font-size:14px}.j-comment .respond form .head .head-item:nth-child(2)::before,.j-comment .respond form .head .head-item:nth-child(2)::after{content:'';position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1px;height:15px;background:var(--classA)}.j-comment .respond form .head .head-item:nth-child(2)::before{left:0}.j-comment .respond form .head .head-item:nth-child(2)::after{right:0}.j-comment .respond form .content{padding:15px 15px 0}.j-comment .respond form .content textarea{background-color:transparent;width:100%;height:180px;border:none;resize:none;vertical-align:middle;background:url("../img/comment.png") right bottom no-repeat;transition:all 0.45s;font-size:14px;color:var(--routine)}.j-comment .respond form .content textarea:focus{background-position-y:180px}.j-comment .respond form .content .canvas{position:relative;width:100%}.j-comment .respond form .content .canvas canvas{background:var(--background);transition:box-shadow 0.35s;border-radius:4px}.j-comment .respond form .content .canvas canvas:hover{box-shadow:0 10px 20px var(--classA)}.j-comment .respond form .content .canvas ul{display:flex;align-items:center;position:absolute;top:10px;left:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-comment .respond form .content .canvas ul li{cursor:pointer;margin-right:10px}.j-comment .respond form .content .canvas ul li.active{color:var(--theme)}.j-comment .respond form .content .canvas ol{display:flex;align-items:center;position:absolute;top:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.j-comment .respond form .content .canvas ol li{width:20px;height:20px;border-radius:50%;margin:0 5px;cursor:pointer;transition:all 0.35s}.j-comment .respond form .content .canvas ol li:nth-child(1){background:var(--main)}.j-comment .respond form .content .canvas ol li:nth-child(2){background:var(--success)}.j-comment .respond form .content .canvas ol li:nth-child(3){background:var(--warning)}.j-comment .respond form .content .canvas ol li:nth-child(4){background:var(--danger)}.j-comment .respond form .content .canvas ol li.active{box-shadow:0 4px 10px rgba(0,0,0,0.35)}.j-comment .respond form .content .canvas .undo{position:absolute;top:10px;right:10px;width:24px;height:24px;cursor:pointer;fill:var(--minor);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-comment .respond form .content .canvas .undo:hover{fill:var(--theme)}.j-comment .respond form .content .canvas .animate{position:absolute;bottom:10px;right:10px;width:24px;height:24px;cursor:pointer;fill:var(--minor);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-comment .respond form .content .canvas .animate:hover{fill:var(--theme)}.j-comment .respond form .foot{position:relative;padding:15px}.j-comment .respond form .foot .right{position:absolute;top:15px;right:15px}.j-comment .respond form .foot .right a{margin-right:10px}.j-comment .respond form .foot .right a:hover{color:var(--theme)}.j-comment .respond form .foot .right button{border-radius:3px;height:32px;padding:0 15px;border:none;background:var(--theme);color:var(--background);font-size:14px;transition:all 0.35s}.j-comment .respond form .foot .right button:hover{opacity:0.85}.j-comment .respond .change{display:flex;align-items:center;justify-content:flex-end}.j-comment .respond .change button{background:var(--classD);padding:0 15px;height:32px;border:none;font-size:13px;transition:all 0.35s;color:var(--main)}.j-comment .respond .change button.active{color:var(--background);background:var(--theme)}.j-comment .respond .change button:first-child{border-top-left-radius:4px}.j-comment .respond .change button:last-child{border-top-right-radius:4px}.j-comment .comment-all{padding-top:20px}.j-comment .comment-all .comment-list .respond{-webkit-animation:showComment 0.5s;animation:showComment 0.5s;margin-left:63px;margin-bottom:20px}.j-comment .comment-all .comment-list li .item{display:flex;margin-bottom:20px}.j-comment .comment-all .comment-list li .item .left{width:48px;height:48px;border-radius:50%;margin-right:15px;padding:3px;border:1px solid var(--classD)}.j-comment .comment-all .comment-list li .item .right{width:0;min-width:0;flex:1;border-bottom:1px solid var(--classC);padding-bottom:15px}.j-comment .comment-all .comment-list li .item .right .name{display:flex;align-items:center;margin-bottom:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:20px;color:var(--main)}.j-comment .comment-all .comment-list li .item .right .name span{margin-right:10px}.j-comment .comment-all .comment-list li .item .right .name i{display:none;background:var(--theme);color:var(--background);padding:0 5px;border-radius:2px;font-style:normal}.j-comment .comment-all .comment-list li .item .right .name i.comment-by-author{display:block}.j-comment .comment-all .comment-list li .item .right .name em{color:var(--danger);font-style:normal}.j-comment .comment-all .comment-list li .item .right .name div{margin-left:auto;font-size:12px;color:var(--minor)}.j-comment .comment-all .comment-list li .item .right .content{display:none;width:100%;background:var(--classD);padding:12px 15px;border-radius:0 4px 4px 10px;font-size:14px;color:var(--main);margin-bottom:8px;word-break:break-all;line-height:24px}.j-comment .comment-all .comment-list li .item .right .content .parent{color:#388bff;margin-bottom:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:500}.j-comment .comment-all .comment-list li .item .right .content .canvas{max-width:100%}.j-comment .comment-all .comment-list li .item .right .content .owo{height:22px;vertical-align:top}.j-comment .comment-all .comment-list li .item .right .content img{max-width:100%}.j-comment .comment-all .comment-list li .item .right .meta{display:flex;align-items:center}.j-comment .comment-all .comment-list li .item .right .meta span{color:var(--minor);margin-right:10px}.j-comment .comment-all .comment-list li .item .right .meta a{display:flex;align-items:center;color:var(--main);font-size:13px}.j-comment .comment-all .comment-list li .item .right .meta a svg{width:15px;height:15px;margin-right:5px;fill:var(--main)}.j-comment .comment-all .comment-list li .item .right .meta a:hover{color:var(--theme)}.j-comment .comment-all .comment-list li .item .right .meta a:hover svg{fill:var(--theme)}.j-comment .comment-all .comment-list .comment-children{padding-left:63px}.j-comment .comment-all .comment-list .comment-children .comment-children{padding-left:0}.j-comment .j-pagination{padding-top:0}.j-file .item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;padding:0 0 20px 30px}.j-file .item::before{content:'';position:absolute;top:13.5px;left:0;width:13px;height:13px;background:var(--classA);border-radius:50%;z-index:2}.j-file .item::after{content:'';position:absolute;top:0;left:6px;width:1px;height:100%;background:var(--classC);border-radius:50%}.j-file .item span{position:relative;display:flex;align-items:center;justify-content:space-between;color:var(--routine);cursor:pointer;background:var(--classD);padding:10px;height:40px;border-radius:4px}.j-file .item span::after{content:'';position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-8px;width:0;height:0;border-right:8px solid var(--classD);border-top:8px solid transparent;border-bottom:8px solid transparent}.j-file .item span svg{width:10px;height:10px;fill:var(--minor);-webkit-transform:rotate(180deg);transform:rotate(180deg);margin-left:5px}.j-file .item ul{display:none;padding-left:20px}.j-file .item ul li{margin-top:20px}.j-file .item ul li a{color:var(--routine)}.j-file .item ul li a:hover{color:var(--theme)}.j-label{border-bottom:1px dotted var(--classD);margin-bottom:20px}.j-label ul{display:flex;flex-wrap:wrap}.j-label ul li{padding-bottom:20px}.j-label ul li:nth-child(even) a{background:var(--classD);color:var(--routine)}.j-label ul li:nth-child(even) a::after{border-left-color:var(--classD)}.j-label ul li:nth-child(odd) a{color:#fff;background:var(--theme)}.j-label ul li:nth-child(odd) a::after{border-left-color:var(--theme)}.j-label ul li a{position:relative;display:block;height:30px;line-height:30px;text-align:center;padding:0 20px 0 30px}.j-label ul li a::after{content:'';position:absolute;top:0;right:-15px;width:0;height:0;z-index:1;border-left:15px solid;border-top:15px solid transparent;border-bottom:15px solid transparent}.j-loadmore{display:flex;align-items:center;justify-content:center;margin-top:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-loadmore a{cursor:pointer;width:120px;text-align:center;line-height:34px;height:34px;color:var(--routine);background:var(--background);box-shadow:var(--box-shadow);border-radius:17px;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.j-loadmore a:active{-webkit-transform:scale(0.85);transform:scale(0.85)}.j-horse{position:fixed;top:0;left:0;right:0;height:2px;background:url(../img/HorseRaceLamp.gif);z-index:777}.j-dynamic .respond{background:var(--background);margin-bottom:20px;box-shadow:var(--box-shadow);border-radius:var(--radius-pc);padding:15px}.j-dynamic .respond .title{color:var(--routine);margin-bottom:15px}.j-dynamic .respond form textarea{border-radius:calc(var(--radius-pc) / 2);width:100%;vertical-align:middle;resize:none;padding:15px;border:none;background:var(--classD);color:var(--routine);font-size:14px}.j-dynamic .respond form .form-foot{position:relative;background:var(--classD);padding:15px}.j-dynamic .respond form .form-foot button[type='submit']{position:absolute;top:15px;right:15px;color:var(--background);background:var(--theme);border:none;height:32px;padding:0 15px;transition:opacity 0.35s;border-radius:3px}.j-dynamic .respond form .form-foot button[type='submit']:hover{opacity:0.85}.j-dynamic>.comment-list>li{background:var(--background);margin-bottom:20px;box-shadow:var(--box-shadow);border-radius:var(--radius-pc);padding:15px}.j-dynamic>.comment-list>li:last-child{margin-bottom:0}.j-dynamic>.comment-list>li .comment-parent .title{display:flex;align-items:center;margin-bottom:15px}.j-dynamic>.comment-list>li .comment-parent .title .avatar{width:40px;height:40px;border-radius:50%;padding:3px;border:1px solid var(--classD);margin-right:5px}.j-dynamic>.comment-list>li .comment-parent .title .desc .author{margin-bottom:5px;color:var(--routine)}.j-dynamic>.comment-list>li .comment-parent .title .desc .time{font-size:12px;color:var(--minor)}.j-dynamic>.comment-list>li .comment-parent .content{margin-bottom:15px;background:var(--classD);padding:15px;transition:opacity 0.35s;border-radius:calc(var(--radius-pc) / 2);color:var(--routine);line-height:24px}.j-dynamic>.comment-list>li .comment-parent .content iframe{width:100%;border:none}.j-dynamic>.comment-list>li .comment-parent .content img{max-width:100%}.j-dynamic>.comment-list>li .comment-parent .content .owo{height:22px;vertical-align:top}.j-dynamic>.comment-list>li .comment-parent .content:hover{opacity:0.85}.j-dynamic>.comment-list>li .comment-parent .foot{display:flex;align-items:center;justify-content:space-between}.j-dynamic>.comment-list>li .comment-parent .foot .count{color:var(--minor);font-size:12px;line-height:16px}.j-dynamic>.comment-list>li .comment-parent .foot .action{display:flex;align-items:center;cursor:pointer}.j-dynamic>.comment-list>li .comment-parent .foot .action .item{display:flex;align-items:center;color:var(--minor);transition:color 0.35s;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-left:10px}.j-dynamic>.comment-list>li .comment-parent .foot .action .item svg{width:20px;height:20px;fill:var(--minor);transition:fill 0.35s;margin-right:1px}.j-dynamic>.comment-list>li .comment-parent .foot .action .item svg.like{-webkit-animation:scaleLove 0.8s infinite alternate;animation:scaleLove 0.8s infinite alternate}.j-dynamic>.comment-list>li .comment-parent .foot .action .item.active{color:var(--theme)}.j-dynamic>.comment-list>li .comment-parent .foot .action .item.active svg{fill:var(--theme)}.j-dynamic>.comment-list>li .comment-parent .foot .action .item.active svg.like{-webkit-animation:none;animation:none}.j-dynamic>.comment-list>li .comment-parent .foot .action .item:hover{color:var(--theme)}.j-dynamic>.comment-list>li .comment-parent .foot .action .item:hover svg{fill:var(--theme);-webkit-animation-play-state:paused;animation-play-state:paused}.j-dynamic>.comment-list>li .list{padding-top:10px;margin-top:10px;border-top:1px solid var(--classC)}.j-dynamic>.comment-list>li .list .item{line-height:22px;font-size:12px;margin-bottom:3px;color:var(--main)}.j-dynamic>.comment-list>li .list .item:last-child{margin-bottom:0}.j-dynamic>.comment-list>li .list .item .name{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--theme);font-weight:500}.j-dynamic>.comment-list>li .list .item .name a{font-weight:500;color:var(--theme)}.j-dynamic>.comment-list>li .reply{display:none;margin-top:10px;-webkit-animation:showComment 0.35s;animation:showComment 0.35s}.j-dynamic>.comment-list>li .reply .head{display:flex;align-items:center;margin-bottom:10px}.j-dynamic>.comment-list>li .reply .head input{flex:1;width:auto;height:34px;border:1px solid var(--classB);padding:0 10px;transition:border 0.35s;border-radius:2px;font-size:13px;color:var(--routine)}.j-dynamic>.comment-list>li .reply .head input:nth-child(2){margin:0 10px}.j-dynamic>.comment-list>li .reply .head input:focus{border:1px solid var(--theme)}.j-dynamic>.comment-list>li .reply textarea{width:100%;height:80px;border:1px solid var(--classB);resize:none;padding:10px;margin-bottom:10px;transition:border 0.35s;border-radius:2px;font-size:13px;color:var(--routine);vertical-align:middle}.j-dynamic>.comment-list>li .reply textarea:focus{border:1px solid var(--theme)}.j-dynamic>.comment-list>li .reply .foot{display:flex;justify-content:space-between}.j-dynamic>.comment-list>li .reply .foot button{background:var(--theme);color:#fff;border-radius:2px;vertical-align:middle;width:70px;height:30px;border:none;transition:opacity 0.35s}.j-dynamic>.comment-list>li .reply .foot button:hover{opacity:0.85}.j-defend{box-shadow:var(--box-shadow);border-radius:calc(var(--radius-pc) / 2);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-defend .title{background:var(--warning);line-height:40px;height:40px;text-align:center;color:var(--background)}.j-defend .content{background:var(--background);padding:15px;line-height:30px;color:var(--routine)}.j-defend .content p:nth-child(2){text-indent:2em}.j-defend .content p:nth-child(3){text-align:right}.j-search-down-xs{display:none;position:fixed;top:55px;left:0;right:0;bottom:0;z-index:333;visibility:hidden;overflow:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.j-search-down-xs.active{visibility:visible}.j-search-down-xs.active .content{visibility:visible;opacity:1;-webkit-transform:rotateX(0);transform:rotateX(0)}.j-search-down-xs.active .mask{visibility:visible;opacity:1}.j-search-down-xs .content{position:absolute;top:0;left:0;right:0;z-index:3;background:var(--background);padding:20px 15px 0;overflow:hidden;-webkit-transform:perspective(500px) rotateX(-90deg);transform:perspective(500px) rotateX(-90deg);visibility:hidden;-webkit-transform-origin:top;transform-origin:top;transition:visibility 0.5s, -webkit-transform 0.5s;transition:transform 0.5s, visibility 0.5s;transition:transform 0.5s, visibility 0.5s, -webkit-transform 0.5s;border-top:1px solid var(--classD);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;-ms-scroll-chaining:none;overscroll-behavior:none}.j-search-down-xs .content form{display:flex;align-items:center;margin-bottom:15px}.j-search-down-xs .content form input{flex:1;height:36px;padding:0 10px;border:1px solid var(--classA);border-right:none;border-radius:2px 0 0 2px;color:var(--routine);-webkit-appearance:none}.j-search-down-xs .content form button{padding:0 10px;height:36px;border:none;background:var(--theme);color:var(--background);border-radius:0 2px 2px 0}.j-search-down-xs .content .title{color:var(--routine);margin-bottom:10px;font-size:16px;display:flex;align-items:center}.j-search-down-xs .content .title svg{width:22px;height:22px;fill:var(--routine);margin-right:5px}.j-search-down-xs .content .cloud{display:flex;flex-wrap:wrap;padding-bottom:15px}.j-search-down-xs .content .cloud li{padding:5px}.j-search-down-xs .content .cloud li a{display:block;padding:0 10px;height:24px;line-height:24px;border-radius:2px;font-size:12px;color:var(--background)}.j-search-down-xs .mask{width:100%;height:100%;background:rgba(0,0,0,0.65);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:visibility 0.5s, opacity 0.5s;z-index:1;-webkit-transform:translateZ(-500px);transform:translateZ(-500px);-ms-scroll-chaining:none;overscroll-behavior:none}.j-sidebar-xs{display:none;position:fixed;top:55px;left:0;right:0;bottom:0;z-index:333;visibility:hidden}.j-sidebar-xs.active{visibility:visible}.j-sidebar-xs.active .mask{opacity:1;visibility:visible}.j-sidebar-xs.active .content{visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.j-sidebar-xs .content{position:absolute;top:0;left:0;width:75%;bottom:0;background:var(--classD);z-index:3;visibility:hidden;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);transition:visibility 0.5s, -webkit-transform 0.5s;transition:visibility 0.5s, transform 0.5s;transition:visibility 0.5s, transform 0.5s, -webkit-transform 0.5s;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.j-sidebar-xs .content::-webkit-scrollbar{display:none}.j-sidebar-xs .content .item{padding:20px;border-bottom:1px solid var(--classA)}.j-sidebar-xs .content .item:last-child{border-bottom:none}.j-sidebar-xs .content .item:last-child .card .title{background:#46c47c}.j-sidebar-xs .content .item:last-child .card .title::after{border-color:#46c47c transparent transparent}.j-sidebar-xs .content .item .card{position:relative;background:var(--background);border-radius:var(--radius-wap);box-shadow:var(--box-shadow);padding:45px 15px 15px}.j-sidebar-xs .content .item .card .title{position:absolute;top:15px;left:-10px;background:#6fa3ef;color:var(--background);font-weight:500;box-shadow:2px 5px 10px rgba(49,58,70,0.15);font-size:14px;height:30px;line-height:30px;padding:0 10px;border-radius:2px 2px 2px 0}.j-sidebar-xs .content .item .card .title::after{content:'';border-style:solid;border-width:10px;display:block;position:absolute;bottom:-10px;left:0;margin-bottom:-10px;z-index:-1;border-color:#6fa3ef transparent transparent}.j-sidebar-xs .content .item .card ul li{display:flex;align-items:center;line-height:40px;border-bottom:1px solid var(--classB)}.j-sidebar-xs .content .item .card ul li.active svg{fill:var(--theme)}.j-sidebar-xs .content .item .card ul li.active a{color:var(--theme)}.j-sidebar-xs .content .item .card ul li svg{width:13px;height:13px;margin-right:5px;fill:var(--routine)}.j-sidebar-xs .content .item .card ul li a{color:#606266;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.j-sidebar-xs .content .user{text-align:center;border-bottom:1px solid var(--classA)}.j-sidebar-xs .content .user img{width:80px;height:80px;border-radius:50%;padding:5px;border:1px solid var(--classB);box-shadow:0px 5px 15px rgba(56,94,209,0.2);margin-bottom:15px}.j-sidebar-xs .content .user .name{font-size:16px;color:var(--main);font-weight:500;margin-bottom:10px}.j-sidebar-xs .content .user .desc{display:none;color:var(--routine)}.j-sidebar-xs .mask{width:100%;height:100%;background:rgba(0,0,0,0.65);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:visibility 0.5s, opacity 0.5s;-ms-scroll-chaining:none;overscroll-behavior:none}.j-tag{display:inline-block;height:32px;padding:0 10px;line-height:30px;font-size:12px;border-radius:4px;box-sizing:border-box;white-space:nowrap}.j-tag.default{background-color:#ecf5ff;border:1px solid #d9ecff;color:#409eff}.j-tag.success{background-color:#f0f9eb;border:1px solid #e1f3d8;color:#67c23a}.j-tag.info{background-color:#f4f4f5;border:1px solid #e9e9eb;color:#909399}.j-tag.warning{background-color:#fdf6ec;border:1px solid #faecd8;color:#e6a23c}.j-tag.danger{background-color:#fef0f0;border:1px solid #fde2e2;color:#f56c6c}.j-btn{display:inline-block;white-space:nowrap;text-align:center;transition:0.1s;font-weight:500;padding:10px 20px;border-radius:4px;font-size:14px;line-height:1;text-decoration:none}.j-btn.default{background:#fff;border:1px solid #dcdfe6;color:#606266 !important}.j-btn.default:hover{color:#409eff !important;border-color:#c6e2ff;background-color:#ecf5ff;text-decoration:unset !important}.j-btn.primary{color:#fff !important;background-color:#409eff;border-color:#409eff}.j-btn.primary:hover{background:#66b1ff;border-color:#66b1ff;text-decoration:unset !important}.j-btn.success{color:#fff !important;background-color:#67c23a;border-color:#67c23a}.j-btn.success:hover{background:#85ce61;border-color:#85ce61;text-decoration:unset !important}.j-btn.info{color:#fff !important;background-color:#909399;border-color:#909399}.j-btn.info:hover{background:#a6a9ad;border-color:#a6a9ad;text-decoration:unset !important}.j-btn.warning{color:#fff !important;background-color:#e6a23c;border-color:#e6a23c}.j-btn.warning:hover{background:#ebb563;border-color:#ebb563;text-decoration:unset !important}.j-btn.danger{color:#fff !important;background-color:#f56c6c;border-color:#f56c6c}.j-btn.danger:hover{background:#f78989;border-color:#f78989;text-decoration:unset !important}.j-alt{width:100%;padding:8px 15px 8px 35px;border-radius:4px;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:opacity 0.2s;font-size:13px}.j-alt::before{content:'';position:absolute;top:50%;left:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px;height:18px;vertical-align:top}.j-alt.success{background-color:#f0f9eb;color:#67c23a}.j-alt.success::before{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjA1NzQ4Nzc4NzcyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI0MTUiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiA4NS4zMzMzMzNjMjM1LjY0OCAwIDQyNi42NjY2NjcgMTkxLjAxODY2NyA0MjYuNjY2NjY3IDQyNi42NjY2NjdzLTE5MS4wMTg2NjcgNDI2LjY2NjY2Ny00MjYuNjY2NjY3IDQyNi42NjY2NjdTODUuMzMzMzMzIDc0Ny42NDggODUuMzMzMzMzIDUxMiAyNzYuMzUyIDg1LjMzMzMzMyA1MTIgODUuMzMzMzMzeiBtLTc0Ljk2NTMzMyA1NTAuNEwzNDYuNDUzMzMzIDU0NS4xNTJhNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDEgMC02MC4zMzA2NjYgNjAuMzMwNjY3bDEyMC43MDQgMTIwLjcwNGE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMCAwIDYwLjMzMDY2NiAwbDMwMS42NTMzMzQtMzAxLjY5NmE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAwLTYwLjI4OC02MC4zMzA2NjdsLTI3MS41MzA2NjcgMjcxLjQ4OCAwLjA0MjY2NyAwLjA4NTMzM3oiIGZpbGw9IiM1MkM0MUEiIHAtaWQ9IjI0MTYiPjwvcGF0aD48L3N2Zz4=");background-repeat:no-repeat;background-position:center center}.j-alt.info{background-color:#f4f4f5;color:#909399}.j-alt.info::before{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjA1NzQ5NDI2MDY2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQ3ODQiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiA1MS4yYy0yNTYgMC00NjAuOCAyMDQuOC00NjAuOCA0NjAuOHMyMDQuOCA0NjAuOCA0NjAuOCA0NjAuOCA0NjAuOC0yMDQuOCA0NjAuOC00NjAuOC0yMDQuOC00NjAuOC00NjAuOC00NjAuOHogbTAgNzc4LjI0Yy00MC45NiAwLTcxLjY4LTMwLjcyLTcxLjY4LTcxLjY4czMwLjcyLTcxLjY4IDcxLjY4LTcxLjY4YzQwLjk2IDAgNzEuNjggMzAuNzIgNzEuNjggNzEuNjhzLTMwLjcyIDcxLjY4LTcxLjY4IDcxLjY4eiBtNTEuMi0yNTZjMCA0MC45Ni0yMC40OCA3MS42OC00Ni4wOCA3MS42OGgtMTAuMjRjLTI1LjYgMC00Ni4wOC0zMC43Mi00Ni4wOC03MS42OGwtMzUuODQtMjkxLjg0YzAtNDAuOTYgMjAuNDgtNzEuNjggNDYuMDgtNzEuNjhoNjYuNTZjMjUuNiAwIDQ2LjA4IDMwLjcyIDQ2LjA4IDcxLjY4bC0yMC40OCAyOTEuODR6IiBwLWlkPSI0Nzg1IiBmaWxsPSIjOGE4YThhIj48L3BhdGg+PC9zdmc+");background-repeat:no-repeat;background-position:center center}.j-alt.warning{background-color:#fdf6ec;color:#e6a23c}.j-alt.warning::before{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjA1NzQ5NTM3NTM2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjYwNjciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiA3OC43NjkyMzFDMjczLjcyMzA3NyA3OC43NjkyMzEgNzguNzY5MjMxIDI3My43MjMwNzcgNzguNzY5MjMxIDUxMnMxOTQuOTUzODQ2IDQzMy4yMzA3NjkgNDMzLjIzMDc2OSA0MzMuMjMwNzY5IDQzMy4yMzA3NjktMTk0Ljk1Mzg0NiA0MzMuMjMwNzY5LTQzMy4yMzA3NjlTNzUwLjI3NjkyMyA3OC43NjkyMzEgNTEyIDc4Ljc2OTIzMXogbTYxLjU5NzUzOCAyMDIuNDc2MzA3bC0xMy44NjMzODQgMzA2LjgwNjE1NGMwIDE4Ljc4NjQ2Mi0xNi42MjAzMDggMzIuMjU2LTM1Ljk5NzUzOSAzMi4yNTZoLTguMjcwNzY5Yy0xOS40MTY2MTUgMC0zMy4yOC0xMy40Njk1MzgtMzYuMDM2OTIzLTMyLjI5NTM4NGwtMTMuODYzMzg1LTMwNi43NjY3N2MwLTE4LjgyNTg0NiAxMy44NjMzODUtMzIuMjk1Mzg1IDMwLjQ4MzY5My0zMi4yOTUzODRoNDQuMzA3NjkyYzE5LjM3NzIzMSAwIDM1Ljk5NzUzOCAxMy40Njk1MzggMzMuMjQwNjE1IDMyLjI5NTM4NHogbS0xOC4xOTU2OTIgNDc3LjUzODQ2MmE1MS41NTQ0NjIgNTEuNTU0NDYyIDAgMCAxLTM2Ljk4MjE1NCAxNi4yNjU4NDZjLTE1Ljg3MiAwLTI2LjQyNzA3Ny01LjQzNTA3Ny0zNi45ODIxNTQtMTYuMjY1ODQ2LTEwLjU5NDQ2Mi0xMC44MzA3NjktMTUuODcyLTIxLjY2MTUzOC0xNS44NzItMzcuODg4IDAtMTYuMjY1ODQ2IDUuMjc3NTM4LTI3LjA5NjYxNSAxNS44NzItMzcuOTI3Mzg1IDEwLjU1NTA3Ny0xMC44MzA3NjkgMjEuMTEwMTU0LTE2LjIyNjQ2MiAzNi45ODIxNTQtMTYuMjI2NDYxIDE1LjgzMjYxNSAwIDI5LjA2NTg0NiA1LjM5NTY5MiAzOS42MjA5MjMgMTYuMjI2NDYxIDEwLjU1NTA3NyAxMC44MzA3NjkgMTUuODMyNjE1IDIxLjY2MTUzOCAxNS44MzI2MTYgMzcuOTI3Mzg1LTIuNTk5Mzg1IDE2LjIyNjQ2Mi03Ljg3NjkyMyAyOS43NzQ3NjktMTguNDcxMzg1IDM3Ljg4OHoiIGZpbGw9IiNGRjhGMDAiIHAtaWQ9IjYwNjgiPjwvcGF0aD48L3N2Zz4=");background-repeat:no-repeat;background-position:center center}.j-alt.error{background-color:#fef0f0;color:#f56c6c}.j-alt.error::before{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjA1NzQ5NjAwMDMxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijc0ODEiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiA2NGE0NDggNDQ4IDAgMSAwIDQ0OCA0NDhBNDQ4IDQ0OCAwIDAgMCA1MTIgNjR6IG0yMjIuMDggNjA5LjkyYTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAxIDEtNjAuMzczMzMzIDYwLjM3MzMzM0w1MTIgNTcxLjUybC0xNjIuNzczMzMzIDE2Mi43NzMzMzNhNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDAgMS02MC4zNzMzMzQtNjAuMzczMzMzTDQ1MC43NzMzMzMgNTEybC0xNjIuNzczMzMzLTE2My42MjY2NjdhNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDEgMSA2MC4zNzMzMzMtNjAuMzczMzMzTDUxMiA0NTAuNzczMzMzbDE2Mi43NzMzMzMtMTYyLjc3MzMzM2E0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDYwLjM3MzMzNCA2MC4zNzMzMzNMNTcxLjUyIDUxMnoiIGZpbGw9IiNGRjNEMUQiIHAtaWQ9Ijc0ODIiPjwvcGF0aD48L3N2Zz4=");background-repeat:no-repeat;background-position:center center}.j-line{display:flex;justify-content:center;align-items:center}.j-line span{position:relative;color:var(--minor);line-height:24px;height:24px;padding:0 15px;transition:padding 0.35s}.j-line span::before,.j-line span::after{content:'';position:absolute;top:50%;width:20px;height:1px;border-top:1px solid #f73859}.j-line span::before{left:-35px}.j-line span::after{right:-35px}.j-line span:hover{padding:0}.j-tabs{width:100%;overflow:hidden;background:var(--background);box-shadow:0 2px 6px rgba(0,0,0,0.1);border:1px solid var(--classB);border-radius:4px}.j-tabs .nav{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;height:42px;overflow-x:auto;overflow-y:hidden;-ms-scroll-chaining:none;overscroll-behavior:none;-webkit-overflow-scrolling:touch;display:flex;background:#f5f7fa}.j-tabs .nav::-webkit-scrollbar{display:none}.j-tabs .nav span{padding:0 20px;line-height:40px;height:40px;color:var(--minor);cursor:pointer;transition:color 0.5s;white-space:nowrap}.j-tabs .nav span::after{content:'';position:absolute;bottom:-1px;left:20px;right:20px;height:2px;background:var(--theme);-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);opacity:0;transition:opacity 0.5s, -webkit-transform 0.5s;transition:transform 0.5s, opacity 0.5s;transition:transform 0.5s, opacity 0.5s, -webkit-transform 0.5s}.j-tabs .nav span.active{position:relative;color:var(--theme)}.j-tabs .nav span.active::after{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}.j-tabs .content div{display:none;padding:15px;-webkit-animation:showTabs 0.5s;animation:showTabs 0.5s;color:var(--routine)}.j-tabs .content div.active{display:block}.j-card-default{box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);border-radius:4px;overflow:hidden;border:1px solid var(--classC)}.j-card-default .head{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom:1px solid var(--classC);padding:0 15px;line-height:40px;height:40px;color:var(--main)}.j-card-default .content{padding:15px;color:var(--routine)}.j-collapse .collapse-head{position:relative;display:flex;align-items:center;justify-content:space-between;color:var(--routine);cursor:pointer;background:var(--classD);padding:10px 20px;height:40px;border-radius:4px}.j-collapse .collapse-head svg{width:10px;height:10px;fill:var(--minor);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.j-collapse .collapse-body{display:none;padding:20px;color:var(--routine)}.j-timeline .item{position:relative;padding:20px 30px;color:var(--routine)}.j-timeline .item::before{content:'';position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;width:13px;height:13px;background:var(--classA);border-radius:50%;z-index:2}.j-timeline .item::after{content:'';position:absolute;top:0;left:6px;width:1px;height:100%;background:var(--classC);border-radius:50%}.j-photos{display:flex;flex-wrap:wrap}.j-photos a{position:relative;display:flex;flex:0 0 25%;max-width:25%;padding-right:20px;padding-top:20px;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s;flex-shrink:0;min-width:0}.j-photos a:nth-child(4n){padding-right:0}.j-photos a:nth-child(-n+4){padding-top:0}.j-photos a:hover{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}.j-photos a img{flex:1 1 auto}.j-card-nav{display:flex;flex-wrap:wrap}.j-card-nav .item{width:25%;padding:10px}.j-card-nav .nav{display:flex;align-items:center;border-radius:4px;box-shadow:0px 0px 20px rgba(0,0,0,0.2);transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s;padding:15px}.j-card-nav .nav .avatar{min-width:30px;min-height:30px;width:30px;height:30px;background-size:cover;border-radius:50%;margin-right:5px}.j-card-nav .nav .content{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}.j-card-nav .nav svg{width:18px;height:18px;fill:#fff}.j-card-nav .nav:hover{text-decoration:none !important;-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)} +html[dark='true']:root{--background: #333333;--classA: #666;--classB: #444;--main: #999;--classC: #444;--classD: #444;--minor: #888;--box-shadow: none;--routine: #999;--seat: #666}html[dark='true'] .j-header-default .below .container .sign .sign-box .j-dropdown .form-item input{background:var(--classC)}html[dark='true'] .j-header-fluid .sign .sign-box .j-dropdown .form-item input{background:var(--classC)}html[dark='true'] .highcharts-background{fill:var(--background)}html[dark='true'] .j-sidebar-xs .content .user img{box-shadow:none}html[dark='true'] .j-search-down-xs .content form input{background:#444}html[dark='true'] .j-comment .respond form .content .canvas ul li{color:#666}html[dark='true'] .j-tabs .nav{background:#444}html[dark='true'] .j-comment .respond form .content .canvas ul li.active{color:var(--theme)}html[dark='true'] .j-index .main .index-title h2{color:#999}html[dark='true'] .j-index .main .index-title h2::after{background:#999}html[dark='true'] .j-post .main .markdown .hljs::-webkit-scrollbar-thumb{background:#fff}html[dark='true'] .j-aside .aside-user::before{background:none}html[dark='true'] .j-comment .respond form .content .canvas canvas:hover{box-shadow:0 10px 20px rgba(0,0,0,0.1)}html[dark='true'] .OwO:hover .OwO-logo{color:#999}html[dark='true'] .OwO.OwO-open .OwO-logo{color:#999}html[dark='true'] .j-index .main .article .article-list .entry-box .meta .item::after{color:#888}html[dark='true'] .j-aside .aside h3 .line{background:#999}html[dark='true'] .profile-color-logo{display:none}html[dark='true'] .profile-color-modes{display:block}html[dark='true'] .profile-color-modes-illu-group{-webkit-animation:profile-color-modes-illu-anim 0.2s cubic-bezier(0.72, 0.08, 1, 0.68) backwards;animation:profile-color-modes-illu-anim 0.2s cubic-bezier(0.72, 0.08, 1, 0.68) backwards}html[dark='true'] .profile-color-modes-illu-frame{-webkit-animation:profile-color-modes-illu-anim-frame-show 0s forwards, profile-color-modes-illu-anim-frame-hide 0s forwards;animation:profile-color-modes-illu-anim-frame-show 0s forwards, profile-color-modes-illu-anim-frame-hide 0s forwards}html[dark='true'] .profile-color-modes-illu-frame:first-child{opacity:1;-webkit-animation:profile-color-modes-illu-anim-frame-hide 0s forwards;animation:profile-color-modes-illu-anim-frame-hide 0s forwards}html[dark='true'] .profile-color-modes-illu-frame:nth-child(8){-webkit-animation:profile-color-modes-illu-anim-frame-show 0s forwards;animation:profile-color-modes-illu-anim-frame-show 0s forwards}html[dark='true'] .profile-color-modes-illu-red{-webkit-animation-delay:0.4s;animation-delay:0.4s;-webkit-animation-duration:0.1s;animation-duration:0.1s}html[dark='true'] .profile-color-modes-illu-orange{-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-duration:0.1s;animation-duration:0.1s}html[dark='true'] .profile-color-modes-illu-purple{-webkit-animation-delay:0.6s;animation-delay:0.6s;-webkit-animation-duration:0.1s;animation-duration:0.1s}html[dark='true'] .profile-color-modes-illu-blue{-webkit-animation-delay:0.7s;animation-delay:0.7s;-webkit-animation-duration:0.1s;animation-duration:0.1s}html[dark='true'] .profile-color-modes-illu-green{-webkit-animation-delay:0.8s;animation-delay:0.8s;-webkit-animation-duration:0.2s;animation-duration:0.2s;-webkit-animation-timing-function:cubic-bezier(0.47, 2.92, 0.84, -1.5);animation-timing-function:cubic-bezier(0.47, 2.92, 0.84, -1.5)}html[dark='true'] .profile-color-modes-illu-frame:first-child{-webkit-animation-delay:1.8s;animation-delay:1.8s}html[dark='true'] .profile-color-modes-illu-frame:nth-child(2){-webkit-animation-delay:1.8s, 2.58s;animation-delay:1.8s, 2.58s}html[dark='true'] .profile-color-modes-illu-frame:nth-child(3){-webkit-animation-delay:2.58s, 2.66s;animation-delay:2.58s, 2.66s}html[dark='true'] .profile-color-modes-illu-frame:nth-child(4){-webkit-animation-delay:2.66s, 2.78s;animation-delay:2.66s, 2.78s}html[dark='true'] .profile-color-modes-illu-frame:nth-child(5){-webkit-animation-delay:2.78s, 2.84s;animation-delay:2.78s, 2.84s}html[dark='true'] .profile-color-modes-illu-frame:nth-child(6){-webkit-animation-delay:2.84s, 3.44s;animation-delay:2.84s, 3.44s}html[dark='true'] .profile-color-modes-illu-frame:nth-child(7){-webkit-animation-delay:3.44s, 3.56s;animation-delay:3.44s, 3.56s}html[dark='true'] .profile-color-modes-illu-frame:nth-child(8){-webkit-animation-delay:3.56s;animation-delay:3.56s}html[dark='true'] .profile-color-modes-illu-frame:nth-child(9),html[dark='true'] .profile-color-modes-illu-frame:nth-child(10){-webkit-animation:none;animation:none}.profile-color-logo{display:block}.profile-color-modes{display:none}.profile-color-modes-illu-frame{opacity:0}@-webkit-keyframes profile-color-modes-illu-anim{0%{stroke:#666}}@keyframes profile-color-modes-illu-anim{0%{stroke:#666}}@-webkit-keyframes profile-color-modes-illu-anim-frame-show{0%{opacity:0;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{opacity:1}}@keyframes profile-color-modes-illu-anim-frame-show{0%{opacity:0;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{opacity:1}}@-webkit-keyframes profile-color-modes-illu-anim-frame-hide{0%{opacity:1;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{opacity:0}}@keyframes profile-color-modes-illu-anim-frame-hide{0%{opacity:1;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{opacity:0}}.profile-color-modes-illu-red{stroke:#da3633}.profile-color-modes-illu-orange{stroke:#f0883e}.profile-color-modes-illu-purple{stroke:#8957e5}.profile-color-modes-illu-green{stroke:#3fb950}.profile-color-modes-illu-blue{stroke:#388bfd}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:unset !important;top:10px !important;right:10px !important;left:unset !important;width:unset !important}.dplayer-controller .dplayer-icons .dplayer-full .dplayer-full-in-icon{display:none !important}@-webkit-keyframes rotateCount{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotateCount{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes progress{0%{background-position:0 0}100%{background-position:30px 0}}@keyframes progress{0%{background-position:0 0}100%{background-position:30px 0}}@-webkit-keyframes drawing{100%{stroke-dashoffset:-400}}@keyframes drawing{100%{stroke-dashoffset:-400}}@-webkit-keyframes swingIconSet{0%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}100%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}}@keyframes swingIconSet{0%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}100%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}}@-webkit-keyframes showComment{0%{-webkit-transform:translate3d(0, 100px, 0);transform:translate3d(0, 100px, 0);opacity:0}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@keyframes showComment{0%{-webkit-transform:translate3d(0, 100px, 0);transform:translate3d(0, 100px, 0);opacity:0}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes scaleLove{0%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(0.8);transform:scale(0.8)}}@keyframes scaleLove{0%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(0.8);transform:scale(0.8)}}@-webkit-keyframes showFullLoad{0%{opacity:0}100%{opacity:1}}@keyframes showFullLoad{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes waveMove{0%{background-position:0 100%}100%{background-position:-20px 100%}}@keyframes waveMove{0%{background-position:0 100%}100%{background-position:-20px 100%}}@-webkit-keyframes jSlideUp{0%{opacity:0.75;-webkit-transform:translate3d(0, 50px, 0);transform:translate3d(0, 50px, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes jSlideUp{0%{opacity:0.75;-webkit-transform:translate3d(0, 50px, 0);transform:translate3d(0, 50px, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.jSlideUp{-webkit-animation-name:jSlideUp;animation-name:jSlideUp}@-webkit-keyframes jScale{0%{opacity:0.75;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jScale{0%{opacity:0.75;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jScale{-webkit-animation-name:jScale;animation-name:jScale}@-webkit-keyframes jScaleUp{0%{opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(0.75, 0.5, 1);transform:translate3d(0, 50px, 0) scale3d(0.75, 0.5, 1)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1);transform:translate3d(0, 0, 0) scale3d(1, 1, 1)}}@keyframes jScaleUp{0%{opacity:0;-webkit-transform:translate3d(0, 50px, 0) scale3d(0.75, 0.5, 1);transform:translate3d(0, 50px, 0) scale3d(0.75, 0.5, 1)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1);transform:translate3d(0, 0, 0) scale3d(1, 1, 1)}}@-webkit-keyframes showTabs{0%{opacity:0}100%{opacity:1}}@keyframes showTabs{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes showWallpaper{0%{opacity:0;-webkit-transform:scale3d(0.3, 0.8, 0);transform:scale3d(0.3, 0.8, 0)}100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@keyframes showWallpaper{0%{opacity:0;-webkit-transform:scale3d(0.3, 0.8, 0);transform:scale3d(0.3, 0.8, 0)}100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}.jScaleUp{-webkit-animation-name:jScaleUp;animation-name:jScaleUp}.wow{visibility:hidden}.wow.off{visibility:visible}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{border-radius:3.5px;background-color:rgba(50,50,50,0.3)}::-webkit-scrollbar-thumb:hover{background-color:rgba(50,50,50,0.4)}::-webkit-scrollbar-track{border-radius:3.5px;background-color:rgba(50,50,50,0.1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none}body{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);font-size:14px;font-family:'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif}h1,h2,h3,h4,h5,h6{font-weight:400}a{color:var(--main);text-decoration:none;-webkit-tap-highlight-color:transparent}li{list-style:none}img,canvas{border:0;vertical-align:middle}input,button,textarea{outline:none;border-radius:0}button{cursor:pointer}img[src=''],img:not([src]){border:0;opacity:0}table{border-collapse:collapse;border-spacing:0}#live2d-widget{z-index:1 !important}.j-barrager-list{display:none}.j-barrager{display:flex;align-items:center;position:fixed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:333;height:34px;border-radius:17px;padding:0 10px 0 7px;background:rgba(0,0,0,0.75);pointer-events:none}.j-barrager img{width:24px;height:24px;margin-right:5px;border-radius:50%}.j-barrager p{max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#fff;line-height:24px}.j-barrager p img{display:none}.j-barrager p .owo{display:inline-block;border-radius:0;margin-right:0;vertical-align:top}.j-drop{display:flex;align-items:center;cursor:pointer}.j-loading{position:fixed;right:10px;width:30px;height:30px;z-index:666}.j-loading path,.j-loading rect{fill:var(--theme)}.j-loading.full{display:flex;align-items:center;justify-content:center;top:0 !important;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:888;-webkit-animation:showFullLoad 0.25s;animation:showFullLoad 0.25s}.j-loading.full svg{width:200px;height:200px}.j-loading.full img{width:50px}.j-dropdown{position:absolute;left:50%;-webkit-transform:translateX(-50%) perspective(600px) rotateX(-45deg);transform:translateX(-50%) perspective(600px) rotateX(-45deg);visibility:hidden;opacity:0;z-index:444;border-top:3px solid var(--theme);transition:opacity 0.35s, visibility 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, visibility 0.35s, transform 0.35s;transition:opacity 0.35s, visibility 0.35s, transform 0.35s, -webkit-transform 0.35s;-webkit-transform-origin:top;transform-origin:top;background:var(--background);box-shadow:0 0 10px rgba(0,0,0,0.15);border-radius:0 0 4px 4px;padding:10px 0;text-align:center}.j-dropdown::before{content:'';position:absolute;top:-10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid var(--theme)}.j-dropdown.active{opacity:1;visibility:visible;-webkit-transform:translateX(-50%) perspective(600px) rotateX(0);transform:translateX(-50%) perspective(600px) rotateX(0)}.j-dropdown a{display:block;padding:0 15px;line-height:36px;height:36px;color:var(--minor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.j-dropdown a:hover{color:var(--theme);background:var(--classD)}.j-dropdown a.active{color:var(--theme)}.j-header-default{position:-webkit-sticky;position:sticky;top:0;background:var(--background);box-shadow:0 2px 10px 0 rgba(0,0,0,0.1);z-index:555;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-header-default .progress{position:absolute;left:0;bottom:-3px;height:3px;background:var(--theme);opacity:0.75;z-index:666;border-radius:0 1.5px 1.5px 0;transition:width 0.35s}.j-header-default .above{border-bottom:1px solid var(--classC)}.j-header-default .above .container{display:flex;align-items:center}.j-header-default .above .container .logo{position:relative;display:flex;align-items:center;font-size:0;height:60px;padding-right:15px;margin-right:15px}.j-header-default .above .container .logo::after{content:'';position:absolute;top:50%;right:0;width:1px;height:20px;background:var(--classB);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.j-header-default .above .container .logo a img{max-width:150px;max-height:50px;-o-object-fit:cover;object-fit:cover}.j-header-default .above .container .nav{display:flex;align-items:center}.j-header-default .above .container .nav .link{position:relative;height:60px;line-height:60px;font-size:15px;padding:0 8px;margin-right:15px;transition:color 0.35s;white-space:nowrap}.j-header-default .above .container .nav .link::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;opacity:0;transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;transition:opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;border-radius:6px 6px 0 0;-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);background:var(--theme)}.j-header-default .above .container .nav .link:hover:not(.drops){color:var(--theme)}.j-header-default .above .container .nav .link:hover:not(.drops)::after{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}.j-header-default .above .container .nav .link.active:not(.drops){color:var(--theme)}.j-header-default .above .container .nav .link.active:not(.drops)::after{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}.j-header-default .above .container .nav .link.drops{color:var(--main)}.j-header-default .above .container .nav .link.drops svg{width:15px;height:15px;fill:var(--main);margin-left:5px;margin-top:-3px}.j-header-default .above .container .nav .link.drops .j-dropdown{min-width:120px;max-width:150px}.j-header-default .above .container .search{position:relative;display:flex;align-items:center;height:60px;margin-left:auto}.j-header-default .above .container .search input{background:var(--classC);width:170px;height:34px;border:none;border:1px solid transparent;padding:0 20px;color:var(--routine);transition:border-color 0.35s, background 0.35s;font-size:13px;border-radius:17px 0 0 17px}.j-header-default .above .container .search input:focus{background:var(--background);border-color:var(--theme)}.j-header-default .above .container .search input:focus ~ span{-webkit-transform:translate3d(0, -50%, 0) rotateY(180deg);transform:translate3d(0, -50%, 0) rotateY(180deg)}.j-header-default .above .container .search button{position:relative;z-index:1;height:34px;border:none;background:var(--theme);color:#ffffff;font-size:13px;border-radius:0 17px 17px 0;padding:0 10px}.j-header-default .above .container .search span{position:absolute;top:50%;left:142px;width:28px;height:38px;background:url(../img/search.png);background-size:100% 100%;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s;-webkit-transform:translate3d(100%, -50%, 0) rotateY(180deg);transform:translate3d(100%, -50%, 0) rotateY(180deg)}.j-header-default .above .container .slide{display:none;position:relative;width:20px;height:20px}.j-header-default .above .container .slide span{display:block;position:absolute;height:2px;width:20px;opacity:1;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);top:0;background-color:var(--routine);border-radius:2px;transition:top 0.35s ease, opacity 0.35s, -webkit-transform 0.35s;transition:top 0.35s ease, transform 0.35s, opacity 0.35s;transition:top 0.35s ease, transform 0.35s, opacity 0.35s, -webkit-transform 0.35s}.j-header-default .above .container .slide span:nth-child(2){top:9px}.j-header-default .above .container .slide span:nth-child(3){top:18px}.j-header-default .above .container .slide.active span:nth-child(1){top:9px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.j-header-default .above .container .slide.active span:nth-child(2){opacity:0}.j-header-default .above .container .slide.active span:nth-child(3){top:9px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.j-header-default .above .container .search-toggle{display:none;text-align:center;width:30px;height:30px;line-height:30px;margin-left:15px}.j-header-default .above .container .search-toggle svg{display:none;width:20px;height:20px;fill:var(--routine);vertical-align:middle}.j-header-default .above .container .search-toggle .open{display:inline-block}.j-header-default .above .container .search-toggle.active .open{display:none}.j-header-default .above .container .search-toggle.active .close{display:inline-block}.j-header-default .above .container .search-toggle-xs{display:none;width:20px;height:20px;fill:var(--routine)}.j-header-default .below .container{display:flex;align-items:center}.j-header-default .below .container .nav{display:flex;align-items:center;flex:1;width:0}.j-header-default .below .container .nav .link{position:relative;height:45px;line-height:45px;margin-right:15px;color:var(--minor)}.j-header-default .below .container .nav .link:hover{color:var(--theme)}.j-header-default .below .container .nav .link.active{color:var(--theme)}.j-header-default .below .container .nav .link .j-drop a{color:var(--minor)}.j-header-default .below .container .nav .link .j-drop svg{width:14px;height:14px;fill:var(--minor);margin-left:5px;margin-top:-3px}.j-header-default .below .container .nav .link .j-drop:hover a{color:var(--theme)}.j-header-default .below .container .nav .link .j-drop:hover svg{fill:var(--theme)}.j-header-default .below .container .nav .link .j-dropdown{top:55px;min-width:120px;max-width:150px}.j-header-default .below .container .census{display:flex;align-items:center;height:45px;position:relative;margin-left:15px}.j-header-default .below .container .census .j-drop span{color:var(--routine)}.j-header-default .below .container .census .j-drop svg{width:15px;height:15px;fill:var(--routine);margin-right:5px}.j-header-default .below .container .census .j-drop:hover span{color:var(--theme)}.j-header-default .below .container .census .j-drop:hover svg{fill:var(--theme)}.j-header-default .below .container .census .j-dropdown{top:55px;padding:20px 15px 0}.j-header-default .below .container .census .j-dropdown #census{width:300px;height:200px}.j-header-default .below .container .logged{height:45px;display:flex;align-items:center;position:relative;margin-left:15px}.j-header-default .below .container .logged .j-drop span{color:var(--routine)}.j-header-default .below .container .logged .j-drop svg{width:15px;height:15px;fill:var(--routine);margin-right:5px}.j-header-default .below .container .logged .j-drop:hover span{color:var(--theme)}.j-header-default .below .container .logged .j-drop:hover svg{fill:var(--theme)}.j-header-default .below .container .logged .j-dropdown{width:120px;top:55px}.j-header-default .below .container .sign{display:flex;align-items:center;margin-left:15px}.j-header-default .below .container .sign svg{width:15px;height:15px;fill:var(--routine);margin-right:5px}.j-header-default .below .container .sign .line{color:var(--minor);margin:0 5px}.j-header-default .below .container .sign .sign-box{display:flex;align-items:center;position:relative;height:45px}.j-header-default .below .container .sign .sign-box .j-drop{color:var(--routine);cursor:pointer}.j-header-default .below .container .sign .sign-box .j-drop:hover{color:var(--theme)}.j-header-default .below .container .sign .sign-box .j-dropdown{top:55px;padding:15px;width:250px;text-align:left}.j-header-default .below .container .sign .sign-box .j-dropdown .form-item{margin-bottom:15px}.j-header-default .below .container .sign .sign-box .j-dropdown .form-item:last-child{margin-bottom:0}.j-header-default .below .container .sign .sign-box .j-dropdown .form-item div{margin-bottom:5px;color:var(--routine);font-size:12px}.j-header-default .below .container .sign .sign-box .j-dropdown .form-item input{width:100%;height:34px;border-radius:4px;border:1px solid var(--classA);padding:0 15px;color:var(--routine);transition:border-color 0.35s}.j-header-default .below .container .sign .sign-box .j-dropdown .form-item input:focus{border-color:var(--theme)}.j-header-default .below .container .sign .sign-box .j-dropdown .form-item button{color:#fff;width:100%;height:34px;border:none;border-radius:4px;background:var(--theme);transition:opacity 0.35s}.j-header-default .below .container .sign .sign-box .j-dropdown .form-item button:hover{opacity:0.85}.j-header-default .below .container .barrager{width:40px;height:20px;position:relative;border-radius:10px;cursor:pointer;background:var(--minor);transition:background 0.35s;margin-left:15px;-webkit-appearance:none}.j-header-default .below .container .barrager::after{content:'弹';font-size:12px;width:22px;height:22px;line-height:22px;text-align:center;position:absolute;color:var(--minor);top:50%;left:0;border-radius:50%;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,0.35);-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:left 0.35s}.j-header-default .below .container .barrager:checked{background-color:var(--theme)}.j-header-default .below .container .barrager:checked::after{left:20px;color:var(--theme)}.j-header-fluid{position:-webkit-sticky;position:sticky;top:0;display:flex;height:70px;background:var(--background);box-shadow:0 2px 10px 0 rgba(0,0,0,0.1);z-index:555;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-header-fluid .progress{position:absolute;top:0;left:0;height:3px;background:var(--theme);opacity:0.75;z-index:666;border-radius:0 1.5px 1.5px 0;transition:width 0.35s}.j-header-fluid .left{display:flex;align-items:center;margin-right:auto}.j-header-fluid .right{display:flex;align-items:center}.j-header-fluid .logo{position:relative;display:flex;align-items:center;font-size:0;height:70px;padding-right:15px;margin-right:15px}.j-header-fluid .logo::after{content:'';position:absolute;top:50%;right:0;width:1px;height:20px;background:var(--classB);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.j-header-fluid .logo a{display:block}.j-header-fluid .logo a img{max-width:150px;max-height:50px;-o-object-fit:cover;object-fit:cover}.j-header-fluid .nav{display:flex;align-items:center}.j-header-fluid .nav .link{position:relative;height:70px;line-height:70px;font-size:15px;padding:0 8px;margin-right:15px;transition:color 0.35s}.j-header-fluid .nav .link::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;opacity:0;transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;transition:opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;border-radius:6px 6px 0 0;-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);background:var(--theme)}.j-header-fluid .nav .link:hover{color:var(--theme)}.j-header-fluid .nav .link:hover::after{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}.j-header-fluid .nav .link.active{color:var(--theme)}.j-header-fluid .nav .link.active::after{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}.j-header-fluid .nav .drop{position:relative;display:flex;align-items:center;margin-right:15px}.j-header-fluid .nav .drop .j-drop{height:70px}.j-header-fluid .nav .drop .j-drop span{color:var(--main);transition:color 0.35s}.j-header-fluid .nav .drop .j-drop svg{width:15px;height:15px;fill:var(--main);margin-left:5px;transition:fill 0.35s}.j-header-fluid .nav .drop .j-drop:hover span{color:var(--theme)}.j-header-fluid .nav .drop .j-drop:hover svg{fill:var(--theme)}.j-header-fluid .nav .drop .j-dropdown{top:80px;min-width:120px;max-width:150px}.j-header-fluid .nav .drop .j-dropdown.census{padding:20px 15px 0;max-width:none}.j-header-fluid .nav .drop .j-dropdown.census #census{width:300px;height:200px}.j-header-fluid .search{position:relative;display:flex;align-items:center;height:70px;margin-left:20px}.j-header-fluid .search input{background:var(--classC);width:170px;height:38px;border:none;border:1px solid transparent;border-right:none;padding:0 20px;color:var(--routine);transition:border-color 0.35s, background 0.35s;font-size:13px;border-radius:4px 0 0 4px}.j-header-fluid .search input:focus{background:var(--background);border-color:var(--theme)}.j-header-fluid .search button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:none;background:var(--theme);color:#fff;font-size:13px;border-radius:0 4px 4px 0;transition:opacity 0.35s}.j-header-fluid .search button:hover{opacity:0.85}.j-header-fluid .search button svg{width:15px;height:15px;fill:#fff;transition:fill 0.35s}.j-header-fluid .search span{width:28px;height:38px;background:url(../img/search.png);background-size:100% 100%}.j-header-fluid .logged{display:flex;align-items:center;position:relative;margin-left:20px;height:70px}.j-header-fluid .logged .j-drop img{width:30px;height:30px;border-radius:50%;border:1px solid var(--classA);padding:3px;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.j-header-fluid .logged .j-drop:hover img{-webkit-transform:rotate(360deg);transform:rotate(360deg)}.j-header-fluid .logged .j-dropdown{width:120px;top:70px}.j-header-fluid .sign{display:flex;align-items:center;margin-left:20px}.j-header-fluid .sign .sign-box{display:flex;align-items:center;position:relative;height:70px}.j-header-fluid .sign .sign-box .j-drop{position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s;font-size:12px;border:none;width:65px;height:28px;line-height:28px}.j-header-fluid .sign .sign-box .j-drop span{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-perspective:300px;perspective:300px;background:var(--background);color:var(--element);border:1px solid var(--element)}.j-header-fluid .sign .sign-box .j-drop span:first-child{-webkit-transform:translateZ(14px);transform:translateZ(14px)}.j-header-fluid .sign .sign-box .j-drop span:last-child{-webkit-transform:translateY(14px) rotateX(-90deg);transform:translateY(14px) rotateX(-90deg)}.j-header-fluid .sign .sign-box .j-drop:hover{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}.j-header-fluid .sign .sign-box .j-dropdown{top:80px;padding:15px;width:250px;text-align:left}.j-header-fluid .sign .sign-box .j-dropdown .form-item{margin-bottom:15px}.j-header-fluid .sign .sign-box .j-dropdown .form-item:last-child{margin-bottom:0}.j-header-fluid .sign .sign-box .j-dropdown .form-item div{margin-bottom:5px;color:var(--routine);font-size:12px}.j-header-fluid .sign .sign-box .j-dropdown .form-item input{width:100%;height:34px;border-radius:4px;border:1px solid var(--classA);padding:0 15px;color:var(--routine);transition:border-color 0.35s}.j-header-fluid .sign .sign-box .j-dropdown .form-item input:focus{border-color:var(--theme)}.j-header-fluid .sign .sign-box .j-dropdown .form-item button{color:#fff;width:100%;height:34px;border:none;border-radius:4px;background:var(--theme);transition:opacity 0.35s}.j-header-fluid .sign .sign-box .j-dropdown .form-item button:hover{opacity:0.85}.j-header-fluid .sign .sign-box:last-child span{color:#fff;background:var(--element)}.j-header-fluid .barrager{width:40px;height:20px;position:relative;border-radius:10px;cursor:pointer;background:var(--minor);transition:background 0.35s;-webkit-appearance:none}.j-header-fluid .barrager::after{content:'弹';font-size:12px;width:22px;height:22px;line-height:22px;text-align:center;position:absolute;color:var(--minor);top:50%;left:0;border-radius:50%;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,0.35);-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:left 0.35s}.j-header-fluid .barrager:checked{background-color:var(--theme)}.j-header-fluid .barrager:checked::after{left:20px;color:var(--theme)}.j-header-fluid .search-toggle{display:none;text-align:center;width:30px;height:30px;line-height:30px;margin-left:15px}.j-header-fluid .search-toggle svg{display:none;width:20px;height:20px;fill:var(--routine);vertical-align:middle}.j-header-fluid .search-toggle .open{display:inline-block}.j-header-fluid .search-toggle.active .open{display:none}.j-header-fluid .search-toggle.active .close{display:inline-block}.j-header-fluid .slide{display:none;position:relative;width:20px;height:20px;margin-right:15px}.j-header-fluid .slide span{display:block;position:absolute;height:2px;width:20px;opacity:1;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);top:0;background-color:var(--routine);border-radius:2px;transition:top 0.35s ease, opacity 0.35s, -webkit-transform 0.35s;transition:top 0.35s ease, transform 0.35s, opacity 0.35s;transition:top 0.35s ease, transform 0.35s, opacity 0.35s, -webkit-transform 0.35s}.j-header-fluid .slide span:nth-child(2){top:9px}.j-header-fluid .slide span:nth-child(3){top:18px}.j-header-fluid .slide.active span:nth-child(1){top:9px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.j-header-fluid .slide.active span:nth-child(2){opacity:0}.j-header-fluid .slide.active span:nth-child(3){top:9px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.j-header-fluid .search-toggle-xs{display:none;width:20px;height:20px;fill:var(--routine);margin-left:auto}.j-actions{position:fixed;z-index:444;bottom:86px;right:30px}.j-actions .item{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--background);border-radius:50%;cursor:pointer;margin-top:15px;box-shadow:0 0 10px rgba(0,0,0,0.1),0 5px 20px rgba(0,0,0,0.2);-webkit-transform:scale(0);transform:scale(0);transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.j-actions .item svg{width:25px;height:25px;fill:var(--theme)}.j-actions .item.active{-webkit-transform:scale(1);transform:scale(1)}.j-actions .item .color-pick{position:absolute;bottom:0;right:50px;opacity:0;visibility:hidden;-webkit-transform:perspective(600px) rotateX(45deg);transform:perspective(600px) rotateX(45deg);transition:opacity 0.35s, visibility 0.35s, -webkit-transform 0.35s;transition:transform 0.35s, opacity 0.35s, visibility 0.35s;transition:transform 0.35s, opacity 0.35s, visibility 0.35s, -webkit-transform 0.35s;-webkit-transform-origin:bottom;transform-origin:bottom}.j-actions .item .color-pick.active{opacity:1;visibility:visible;-webkit-transform:rotateX(0);transform:rotateX(0)}.j-actions .item.day-light .icon-light{display:block}.j-actions .item.day-light .icon-moon{display:none}.j-actions .item.day-light.dark .icon-light{display:none}.j-actions .item.day-light.dark .icon-moon{display:block}.j-footer{border-top:1px solid var(--classB);color:var(--minor)}.j-footer .container{display:flex;align-items:center;justify-content:space-between;height:66px}.j-footer .container a{color:var(--minor)}.j-footer .container a:hover{color:var(--theme);text-decoration:underline}.j-footer .container .banquan{display:flex;align-items:center}.j-footer .container .banquan .info{margin-right:10px}.j-footer .container .banquan svg{width:18px;height:18px;-webkit-animation:rotateCount 2s infinite alternate;animation:rotateCount 2s infinite alternate}.j-footer .container .banquan .time{margin-left:5px}.j-footer .container .banquan-links{display:flex;align-items:center}.j-footer .container .banquan-links a{margin-left:20px}.j-footer .container .banquan-links a:first-child{margin-left:0}.j-adaption{position:relative;width:0;min-width:0;flex:1}.j-index{display:flex;padding-top:20px;padding-bottom:20px}.j-index .main{padding:0 20px;background:var(--background);box-shadow:var(--box-shadow);border-radius:var(--radius-pc)}.j-index .main .search-title{display:flex;align-items:center;height:45px;line-height:45px;color:var(--main);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom:1px solid var(--classC)}.j-index .main .search-title svg{width:20px;height:20px;min-width:20px;min-height:20px;margin-right:5px}.j-index .main .search-title section{display:flex;align-items:center}.j-index .main .search-title section .active{color:var(--theme);margin:0 5px}.j-index .main .index-title{display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom:1px solid var(--classC)}.j-index .main .index-title h2{position:relative;color:var(--theme);font-size:14px;font-weight:500;height:40px;line-height:40px}.j-index .main .index-title h2::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--theme);z-index:1}.j-index .main .index-title .notice{display:flex;align-items:center;margin-left:auto;height:40px}.j-index .main .index-title .notice svg{min-width:20px;min-height:20px;width:20px;height:20px;margin-right:5px}.j-index .main .index-title .notice a{color:var(--minor);font-size:14px;line-height:20px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.j-index .main .index-title .notice a:hover{color:var(--theme)}.j-index .main .index-ad{padding-top:20px}.j-index .main .index-ad a{position:relative;display:block;transition:opacity 0.35s}.j-index .main .index-ad a img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;border-radius:calc(var(--radius-pc) / 2)}.j-index .main .index-ad a:hover{opacity:0.85}.j-index .main .index-hot{padding-top:20px}.j-index .main .index-hot .title{display:none}.j-index .main .index-hot .hot{display:flex;justify-content:space-around}.j-index .main .index-hot .hot li{width:25%;padding:0 7.5px}.j-index .main .index-hot .hot li:first-child{padding-left:0}.j-index .main .index-hot .hot li:last-child{padding-right:0}.j-index .main .index-hot .hot li a{position:relative;display:block;transition:opacity 0.35s}.j-index .main .index-hot .hot li a:hover{opacity:0.85}.j-index .main .index-hot .hot li a:hover p{color:var(--theme)}.j-index .main .index-hot .hot li a img{width:100%;height:125px;-o-object-fit:cover;object-fit:cover;border-radius:calc(var(--radius-pc) / 2) calc(var(--radius-pc) / 2) 0 0}.j-index .main .index-hot .hot li a p{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;padding:0 10px;line-height:32px;color:var(--minor);background:var(--classD);border-radius:0 0 calc(var(--radius-pc) / 2) calc(var(--radius-pc) / 2)}.j-index .main .index-hot .hot li a span{display:flex;align-items:center;position:absolute;top:5px;right:5px;background:var(--theme);color:#fff;height:20px;font-size:12px;padding:0 7px;border-radius:calc(var(--radius-pc) / 4);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.j-index .main .index-banner{width:100%;display:flex;padding-top:20px}.j-index .main .index-banner .swiper-container{width:0;min-width:0;flex:1;height:340px;min-height:340px;max-height:340px;border-radius:calc(var(--radius-pc) / 2);overflow:hidden}.j-index .main .index-banner .swiper-container .swiper-slide{position:relative;display:block;background-size:cover;transition:opacity 0.35s;height:340px;min-height:340px;max-height:340px;border-radius:calc(var(--radius-pc) / 2);overflow:hidden}.j-index .main .index-banner .swiper-container .swiper-slide .lazyload{width:100%;height:100%;min-height:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.j-index .main .index-banner .swiper-container .swiper-slide:hover{opacity:0.85}.j-index .main .index-banner .swiper-container .swiper-slide .title{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:15px;text-align:center;background:linear-gradient(to bottom, rgba(6,6,6,0), rgba(6,6,6,0.5));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:15px}.j-index .main .index-banner .swiper-container .swiper-slide .icon{position:absolute;top:15px;left:15px;width:18px;height:18px;fill:#fff}.j-index .main .index-banner .recommend{width:270px;margin-left:20px;display:flex;flex-direction:column}.j-index .main .index-banner .recommend a{position:relative;width:100%;height:160px;margin-bottom:20px;border-radius:calc(var(--radius-pc) / 2);overflow:hidden;transition:opacity 0.35s}.j-index .main .index-banner .recommend a:hover{opacity:0.85}.j-index .main .index-banner .recommend a:last-child{margin-bottom:0}.j-index .main .index-banner .recommend a img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.j-index .main .index-banner .recommend a .desc{display:flex;align-items:center;position:absolute;z-index:1;left:0;right:0;bottom:0;padding:10px;background:linear-gradient(to bottom, rgba(6,6,6,0), rgba(6,6,6,0.7));color:#fff;font-size:14px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.j-index .main .index-banner .recommend a .desc .type{color:#fff;font-size:12px;background-image:linear-gradient(to right, #fc712a, #f84c39);background-color:#f84c39;padding:0 5px;height:20px;line-height:20px;border-radius:calc(var(--radius-pc) / 4);margin-right:5px}.j-index .main .index-banner .recommend a .desc p{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.j-index .main .index-banner .recommend.noCarousel{width:100%;flex-direction:row;margin-left:0}.j-index .main .index-banner .recommend.noCarousel a{flex:1;margin-bottom:0;margin-left:7.5px}.j-index .main .index-banner .recommend.noCarousel a:first-child{margin-left:0;margin-right:7.5px}.j-index .main .article .empty-result{display:flex;align-items:center;justify-content:center;flex-direction:column;padding-bottom:50px;padding-top:50px;font-size:16px;color:var(--routine);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-index .main .article .empty-result svg{width:100px;height:100px;fill:var(--routine);margin-bottom:20px}.j-index .main .article .article-list{position:relative;width:100%;display:flex;padding:20px 0;border-bottom:1px solid var(--classC)}.j-index .main .article .article-list:last-child{border-bottom:none}.j-index .main .article .article-list .picture-box{position:relative;width:210px;min-width:210px;height:140px;min-height:140px;margin-right:15px;border-radius:calc(var(--radius-pc) / 2);overflow:hidden}.j-index .main .article .article-list .picture-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.j-index .main .article .article-list .picture-box span{position:absolute;top:5px;right:5px;background:var(--theme);height:20px;line-height:20px;padding:0 10px;color:#fff;font-size:12px;border-radius:10px;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s;-webkit-transform:translate3d(120%, 0, 0);transform:translate3d(120%, 0, 0)}.j-index .main .article .article-list .picture-box svg{width:20px;height:20px;position:absolute;top:5px;left:5px;fill:#fff}.j-index .main .article .article-list .picture-box div{display:none;align-items:center;position:absolute;bottom:0;left:0;width:100%;padding:15px;font-size:16px;background:linear-gradient(to bottom, rgba(6,6,6,0), rgba(6,6,6,0.7));color:rgba(255,255,255,0.85)}.j-index .main .article .article-list .picture-box div p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.j-index .main .article .article-list .entry-box{display:flex;flex-direction:column;flex:1;width:0;min-width:0;overflow:hidden;height:140px}.j-index .main .article .article-list .entry-box .title{display:flex;align-items:center;margin-bottom:10px}.j-index .main .article .article-list .entry-box .title .badge{height:20px;line-height:20px;background-image:-webkit-linear-gradient(0deg, #3ca5f6 0%, #a86af9 100%);color:#fff;font-size:12px;font-weight:normal;margin-right:5px;border-radius:calc(var(--radius-pc) / 4);padding:0 10px;white-space:nowrap;vertical-align:top}.j-index .main .article .article-list .entry-box .title a{color:var(--main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px;line-height:24px}.j-index .main .article .article-list .entry-box .title a:hover{color:var(--theme)}.j-index .main .article .article-list .entry-box .summary{display:-webkit-box;-webkit-line-clamp:2;/*! autoprefixer: off */-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:var(--minor);transition:opacity 0.35s;word-break:break-all;line-height:22px;max-height:46px}.j-index .main .article .article-list .entry-box .summary:hover{opacity:0.8}.j-index .main .article .article-list .entry-box .meta{display:flex;margin-top:auto;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-index .main .article .article-list .entry-box .meta .item{display:flex;align-items:center;font-size:13px;color:var(--minor);line-height:20px}.j-index .main .article .article-list .entry-box .meta .item:nth-child(2) p{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.j-index .main .article .article-list .entry-box .meta .item svg{width:20px;height:20px;fill:var(--minor);margin-right:3px}.j-index .main .article .article-list .entry-box .meta .item a{color:var(--minor)}.j-index .main .article .article-list .entry-box .meta .item a:hover{color:var(--theme)}.j-index .main .article .article-list .entry-box .meta .item:last-child::after{display:none}.j-index .main .article .article-list .entry-box .meta .item::after{content:'/';display:block;color:#e1e1e1;padding:0 5px}.j-index .main .article .article-list .entry-box .meta-xs{display:none;align-items:center;justify-content:space-between;border-top:1px solid var(--classC);padding-top:15px}.j-index .main .article .article-list .entry-box .meta-xs .item{display:flex;align-items:center;color:#bbb;font-size:12px}.j-index .main .article .article-list .entry-box .meta-xs .item svg{width:15px;height:15px;fill:#bbb;margin-right:5px;vertical-align:middle}.j-index .main .article .article-list::after{content:'';position:absolute;top:20px;left:-20px;width:4px;height:25px;border-radius:2px;background:var(--theme);-webkit-transform:scaleY(0);transform:scaleY(0);transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.j-index .main .article .article-list:hover .picture-box span{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.j-index .main .article .article-list:hover::after{-webkit-transform:scaleY(1);transform:scaleY(1)}.j-index .main.type1{padding:unset;background:unset;box-shadow:unset;border-radius:unset}.j-index .main.type1 .index-banner{background:var(--background);padding:20px;margin-bottom:20px;box-shadow:var(--box-shadow);border-radius:var(--radius-pc)}.j-index .main.type1 .index-hot{background:var(--background);padding:20px;box-shadow:var(--box-shadow);margin-bottom:20px;border-radius:var(--radius-pc)}.j-index .main.type1 .index-ad{margin-bottom:20px;box-shadow:var(--box-shadow);padding-top:unset;border-radius:var(--radius-pc)}.j-index .main.type1 .index-title{background:var(--background);padding:0 20px;margin-bottom:20px;border-radius:20.5px}.j-index .main.type1 .index-title h2{display:none}.j-index .main.type1 .index-title .notice{margin-left:unset}.j-index .main.type1 .search-title{background:var(--background);margin-bottom:20px;border-bottom:unset;padding:0 20px}.j-index .main.type1 .article .article-list{background:var(--background);padding:20px;margin-bottom:20px;border-bottom:unset;border-radius:var(--radius-pc)}.j-index .main.type1 .article .article-list:last-child{margin-bottom:unset}.j-index .main.type1 .article .article-list::after{left:0}.j-ad{position:absolute;top:10px;right:10px;font-size:12px;background:rgba(0,0,0,0.25);padding:2px 5px;border-radius:2px;color:var(--classD)}.j-aside{transition:width 0.35s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-aside .aside{display:block;width:250px;margin-bottom:20px;border-radius:var(--radius-pc);overflow:hidden;box-shadow:var(--box-shadow);margin-left:20px}.j-aside .aside:last-child{position:-webkit-sticky;position:sticky;margin-bottom:0}.j-aside .aside h3{display:flex;align-items:center;border-bottom:1px solid var(--classC);font-size:16px;font-weight:500;height:45px;line-height:45px;padding:0 15px;color:var(--main)}.j-aside .aside h3 .icon{fill:var(--main);width:18px;height:18px;margin-right:8px}.j-aside .aside h3 .line{width:10px;height:1px;background:#54b5db;margin-left:12px}.j-aside .aside .empty{padding:15px;text-align:center;font-size:12px;color:var(--minor)}.j-aside .aside-ad{position:relative;height:190px}.j-aside .aside-ad img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.j-aside .aside-custom{padding:15px;background:var(--background)}.j-aside .aside-visitor img{width:100%}.j-aside .aside-wether{background:var(--background)}.j-aside .aside-wether .content{position:relative;padding:15px;min-height:300px}.j-aside .aside-wether .content .loading{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;bottom:0;background:var(--background);z-index:333;transition:opacity 0.35s}.j-aside .aside-wether .content .loading svg{width:30px;height:30px}.j-aside .aside-wether .content .loading svg path,.j-aside .aside-wether .content .loading svg rect{fill:var(--theme)}.j-aside .aside-wether .content .loading.active{opacity:0;visibility:hidden}.j-aside .aside-cloud{background:var(--background)}.j-aside .aside-cloud .cloud{padding:15px}.j-aside .aside-cloud .cloud svg{vertical-align:middle}.j-aside .aside-cloud #cloudList{display:none}.j-aside .aside-reply{background:var(--background)}.j-aside .aside-reply .list{padding:15px}.j-aside .aside-reply .list li{margin-bottom:15px;border-bottom:1px dashed var(--classC);padding-bottom:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-aside .aside-reply .list li:last-child{margin-bottom:0;border-bottom-color:transparent;padding-bottom:0}.j-aside .aside-reply .list li .user{display:flex;margin-bottom:12px}.j-aside .aside-reply .list li .user img{width:40px;height:40px;min-width:40px;min-height:40px;margin-right:12px;border-radius:50%;border:1px solid var(--classA);padding:3px}.j-aside .aside-reply .list li .user .info{display:flex;flex-direction:column;justify-content:space-between}.j-aside .aside-reply .list li .user .info .name{color:var(--main);font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.j-aside .aside-reply .list li .user .info span{font-size:12px;color:var(--minor)}.j-aside .aside-reply .list li .reply{position:relative;background:var(--classD);border-radius:6px;padding:5px 10px}.j-aside .aside-reply .list li .reply::before{content:'';display:block;width:0;height:0;border-bottom:6px solid var(--classD);border-left:6px solid transparent;border-right:6px solid transparent;position:absolute;left:15px;bottom:100%}.j-aside .aside-reply .list li .reply a{display:none;color:var(--minor);font-size:13px;-webkit-line-clamp:1;/*! autoprefixer: off */-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-weight:500;line-height:24px}.j-aside .aside-reply .list li .reply a .owo{height:22px;vertical-align:top}.j-aside .aside-reply .list li .reply a:hover{color:var(--theme)}.j-aside .aside-reply .list li .reply a p{display:inline}.j-aside .aside-hot{background:var(--background)}.j-aside .aside-hot ul{padding:15px}.j-aside .aside-hot ul li{margin-bottom:15px}.j-aside .aside-hot ul li a{position:relative;display:block;border-radius:calc(var(--radius-pc) / 2);overflow:hidden}.j-aside .aside-hot ul li a:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}.j-aside .aside-hot ul li a img{width:100%;height:130px;-o-object-fit:cover;object-fit:cover;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.j-aside .aside-hot ul li a .info{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:10px;background:linear-gradient(to bottom, rgba(6,6,6,0), rgba(6,6,6,0.7));font-size:12px}.j-aside .aside-hot ul li a .info p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;line-height:24px;font-size:14px}.j-aside .aside-hot ul li a .info span{color:var(--seat)}.j-aside .aside-hot ul li a .tip{position:absolute;top:5px;right:-20px;background:#7f7f8c;color:#fff;width:65px;text-align:center;font-size:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg);font-weight:500}.j-aside .aside-hot ul li:nth-child(1) a .tip{background:#ff183e}.j-aside .aside-hot ul li:nth-child(2) a .tip{background:#ff5c38}.j-aside .aside-hot ul li:nth-child(3) a .tip{background:#ffb821}.j-aside .aside-hot ul li:last-child{margin-bottom:0}.j-aside .aside-user{background:var(--background);padding:45px 15px 15px;position:relative}.j-aside .aside-user:hover::after{display:block}.j-aside .aside-user::before{content:'';position:absolute;top:0;left:0;width:100%;height:120px;background:url(../img/aside-author-bg.jpg) no-repeat;background-size:cover}.j-aside .aside-user::after{display:none;content:'';position:absolute;top:0;left:0;width:100%;height:268px;background:url(../img/snow.gif) no-repeat;background-size:cover}.j-aside .aside-user .user{position:relative;z-index:111;display:flex;flex-direction:column;align-items:center;padding-bottom:20px}.j-aside .aside-user .user img{width:80px;height:80px;border-radius:50%;margin-bottom:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:var(--background);padding:5px;transition:-webkit-transform 0.75s;transition:transform 0.75s;transition:transform 0.75s, -webkit-transform 0.75s}.j-aside .aside-user .user img:hover{-webkit-transform:rotate(360deg);transform:rotate(360deg)}.j-aside .aside-user .user a{color:var(--theme);margin-bottom:10px;font-size:16px;font-weight:500}.j-aside .aside-user .user a:hover{text-decoration:underline}.j-aside .aside-user .user .p{display:none;color:var(--main);text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-aside .aside-user .webinfo{width:100%;padding-bottom:20px;display:flex;align-items:center;border-bottom:1px solid var(--classC)}.j-aside .aside-user .webinfo .item{width:0;min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;color:var(--routine);font-size:12px}.j-aside .aside-user .webinfo .item .num{max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:22px;color:var(--main);margin-bottom:3px;text-shadow:var(--text_shadow)}.j-aside .aside-user .webinfo .item:first-child{border-right:1px solid var(--classC)}.j-aside .aside-user .articles{width:100%;overflow:hidden;padding-top:15px}.j-aside .aside-user .articles li{display:flex;align-items:center;justify-content:space-between;line-height:32px}.j-aside .aside-user .articles li a{color:var(--routine);max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.j-aside .aside-user .articles li a:hover{color:var(--theme);text-decoration:underline}.j-aside .aside-user .articles li svg{width:16px;height:16px;fill:var(--routine)}.j-aside .aside-count{background:var(--background)}.j-aside .aside-count .content{padding:15px}.j-aside .aside-count .content .item{margin-bottom:15px}.j-aside .aside-count .content .item:last-child{margin-bottom:0}.j-aside .aside-count .content .item .title{font-size:12px;color:var(--minor);margin-bottom:5px;display:flex;align-items:center}.j-aside .aside-count .content .item .title span{color:var(--theme);font-weight:500;font-size:14px;margin:0 5px}.j-aside .aside-count .content .item .progress{display:flex;align-items:center}.j-aside .aside-count .content .item .progress .progress-bar{height:10px;border-radius:5px;overflow:hidden;background:var(--classC);width:0;min-width:0;flex:1;margin-right:5px}.j-aside .aside-count .content .item .progress .progress-bar .progress-inner{width:0;height:100%;border-radius:5px;transition:width 0.35s;-webkit-animation:progress 750ms linear infinite;animation:progress 750ms linear infinite}.j-aside .aside-count .content .item .progress .progress-bar .progress-inner-1{background:#bde6ff;background-image:linear-gradient(135deg, #50bfff 25%, transparent 25%, transparent 50%, #50bfff 50%, #50bfff 75%, transparent 75%, transparent 100%);background-size:30px 30px}.j-aside .aside-count .content .item .progress .progress-bar .progress-inner-2{background:#ffd980;background-image:linear-gradient(135deg, #f7ba2a 25%, transparent 25%, transparent 50%, #f7ba2a 50%, #f7ba2a 75%, transparent 75%, transparent 100%);background-size:30px 30px}.j-aside .aside-count .content .item .progress .progress-bar .progress-inner-3{background:#ffa9a9;background-image:linear-gradient(135deg, #ff4949 25%, transparent 25%, transparent 50%, #ff4949 50%, #ff4949 75%, transparent 75%, transparent 100%);background-size:30px 30px}.j-aside .aside-count .content .item .progress .progress-bar .progress-inner-4{background:#67c23a;background-image:linear-gradient(135deg, #4f9e28 25%, transparent 25%, transparent 50%, #4f9e28 50%, #4f9e28 75%, transparent 75%, transparent 100%);background-size:30px 30px}.j-aside .aside-count .content .item .progress .progress-percentage{color:var(--info)}.j-aside .aside-ranking{background:var(--background)}.j-aside .aside-ranking .list{padding:10px 0}.j-aside .aside-ranking .list li{display:flex;align-items:center;line-height:32px;padding:0 15px}.j-aside .aside-ranking .list li span{color:var(--minor);font-weight:700;font-size:18px;width:18px;min-width:18px;max-width:18px}.j-aside .aside-ranking .list li a{width:0;min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--routine)}.j-aside .aside-ranking .list li a:hover{color:var(--theme);text-decoration:underline}.j-aside .aside-ranking .list li:nth-child(1) span{color:#fe2d46}.j-aside .aside-ranking .list li:nth-child(2) span{color:#f60}.j-aside .aside-ranking .list li:nth-child(3) span{color:#faa90e}.j-pagination{display:flex;align-items:center;justify-content:flex-end;padding-top:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-pagination li{margin-left:5px}.j-pagination li:first-child{margin-left:0}.j-pagination li a{display:flex;height:32px;align-items:center;color:var(--main);padding:0 15px;background:var(--background);border-radius:2px;transition:background 0.35s, color 0.35s}.j-pagination li a:hover{background:var(--theme);color:#fff}.j-pagination li a:hover svg{fill:#fff}.j-pagination li a svg{width:12px;height:12px;fill:var(--routine);transition:fill 0.35s}.j-pagination li.next svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.j-pagination li.active a{background:var(--theme);color:#fff;font-weight:500}.j-bread{padding-top:20px}.j-bread ul{display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-bread ul li{color:var(--minor);white-space:nowrap}.j-bread ul li a{color:var(--routine)}.j-bread ul li a:hover{color:var(--theme)}.j-bread ul li.home{display:flex;align-items:center}.j-bread ul li.home svg{width:15px;height:15px;min-width:15px;min-height:15px;fill:var(--routine);margin-right:2px}.j-bread ul li:nth-child(3){overflow:hidden;text-overflow:ellipsis;max-width:300px}.j-bread ul .line{color:var(--seat);padding:0 7px}.j-post{display:flex;padding-top:20px;padding-bottom:20px}.j-post .j-floor{position:absolute;top:0;bottom:0;left:-20px;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.j-post .j-floor .contain{position:-webkit-sticky;position:sticky;transition:top 0.5s;background:var(--background);box-shadow:var(--box_shadow);padding:15px;border-radius:var(--radius-pc);width:200px;max-height:444px;overflow-y:auto;-webkit-overflow-scrolling:touch}.j-post .j-floor .contain .title{font-weight:700;color:var(--main);margin-bottom:15px;font-size:15px;line-height:20px}.j-post .j-floor .contain ul li ul{padding-left:2em}.j-post .j-floor .contain ul li ul ul{padding-left:0}.j-post .j-floor .contain ul li a{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding-left:5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--routine);line-height:32px}.j-post .j-floor .contain ul li a:hover{color:var(--theme)}.j-post .j-floor .contain ul li.visible>a{color:var(--theme)}.j-post .j-floor .contain .toc-marker{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.j-post .j-floor .contain .toc-marker path{transition:all 0.35s}.j-post .j-stretch{display:none;position:absolute;top:0;bottom:0;right:0;padding:20px 0}.j-post .j-stretch .contain{position:-webkit-sticky;position:sticky;transition:top 0.5s;-webkit-animation:swingIconSet 2s infinite linear alternate;animation:swingIconSet 2s infinite linear alternate;z-index:333}.j-post .j-stretch .contain::before{content:'';position:absolute;top:0;left:0;width:10px;height:25px;border-top:2px solid var(--minor);border-right:2px solid var(--minor);transition:border 0.35s}.j-post .j-stretch .contain svg{position:absolute;top:25px;left:-3px;width:24px;height:24px;fill:var(--minor);cursor:pointer;transition:fill 0.35s}.j-post .j-stretch .contain:hover{-webkit-animation-play-state:paused;animation-play-state:paused}.j-post .j-stretch .contain:hover svg{fill:var(--theme)}.j-post .j-stretch .contain:hover::before{border-color:var(--theme)}.j-post .j-stretch.active{display:block}.j-post .video{position:relative;z-index:1;margin:20px 0}.j-post .video .player-box{position:relative;background:var(--classD);padding-top:60px;margin-bottom:20px}.j-post .video .player-box .title{position:absolute;top:15px;left:-10px;background:var(--theme);color:#fff;font-weight:500;box-shadow:2px 5px 10px rgba(49,58,70,0.15);height:30px;line-height:30px;padding:0 10px;border-radius:2px 2px 2px 0;max-width:50%}.j-post .video .player-box .title::before{content:'';border-style:solid;border-width:10px;display:block;position:absolute;bottom:-10px;left:0;margin-bottom:-10px;z-index:-1;border-color:var(--theme) transparent transparent}.j-post .video .player-box .title span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.j-post .video .player-box .player{padding:15px;border-top:1px solid var(--classA)}.j-post .video .player-box .player #j-dplayer{width:100%;height:500px;background:#000;border:none;vertical-align:middle}.j-post .video .episodes{position:relative;background:var(--classD);padding-top:60px}.j-post .video .episodes .title{position:absolute;top:15px;left:-10px;background:var(--theme);color:#fff;font-weight:500;box-shadow:2px 5px 10px rgba(49,58,70,0.15);height:30px;line-height:30px;padding:0 10px;border-radius:2px 2px 2px 0}.j-post .video .episodes .title::before{content:'';border-style:solid;border-width:10px;display:block;position:absolute;bottom:-10px;left:0;margin-bottom:-10px;z-index:-1;border-color:var(--theme) transparent transparent}.j-post .video .episodes ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(100px, 1fr));grid-auto-rows:30px;gap:20px;padding:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-top:1px solid var(--classA)}.j-post .video .episodes ul li{height:30px;line-height:30px}.j-post .video .episodes ul li.active span{color:#fff;background:var(--theme)}.j-post .video .episodes ul li span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;padding:0 10px;cursor:pointer;color:var(--minor);background:var(--background);box-shadow:var(--box-shadow);border-radius:16px;transition:background 0.35s, color 0.35s}.j-post .video .episodes ul li span:hover{color:#fff;background:var(--theme)}.j-post .video #j-dplayer-iframe{border:none;width:100%;height:500px;background:#000}.j-post .main{padding:20px;background:var(--background);box-shadow:var(--box-shadow);border-radius:var(--radius-pc);margin-bottom:20px}.j-post .main .classify{display:flex;align-items:center}.j-post .main .classify .category{display:flex;align-items:center;flex-wrap:wrap}.j-post .main .classify .category a{color:#fff;font-size:12px;background:var(--theme);padding:3px 8px;margin-right:5px;border-radius:2px;margin-bottom:20px;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.j-post .main .classify .category a:nth-child(1){background:#15a5ed}.j-post .main .classify .category a:nth-child(2){background:#f56c6c}.j-post .main .classify .category a:nth-child(3){background:#ed157a}.j-post .main .classify .category a:nth-child(4){background:#ed7615}.j-post .main .classify .category a:nth-child(5){background:#1fc46a}.j-post .main .classify .category a:last-child{margin-right:0}.j-post .main .classify .category a:hover{opacity:0.85}.j-post .main .classify .edit{color:var(--minor);margin-left:auto;margin-bottom:20px;line-height:22px}.j-post .main .classify .edit:hover{opacity:0.85}.j-post .main .header{margin-bottom:20px;border-bottom:1px solid var(--classB)}.j-post .main .header .title{font-size:24px;color:var(--main);font-weight:500;display:-webkit-box;-webkit-line-clamp:2;/*! autoprefixer: off */-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-shadow:var(--text_shadow);text-align:center;margin-bottom:20px;opacity:0}.j-post .main .header .conting{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.j-post .main .header .conting .info{display:flex;align-items:center;height:42px}.j-post .main .header .conting .info img{width:35px;height:35px;border-radius:50%;margin-right:10px;border:1px solid var(--classA);padding:3px}.j-post .main .header .conting .info .meta{display:flex;flex-direction:column;justify-content:space-between;height:35px;color:var(--minor);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px}.j-post .main .header .conting .info .meta .author a{font-weight:500;color:var(--theme)}.j-post .main .header .conting .info .meta .author a:hover{text-decoration:underline}.j-post .main .header .conting .info .meta .item{display:flex;align-items:center}.j-post .main .header .conting .info .meta .item .line{color:var(--seat);margin:0 7px}.j-post .main .header .conting .info .meta .item #baiduIncluded a{color:#e6a23c}.j-post .main .header .conting .info .meta .item #baiduIncluded a:hover{text-decoration:underline}.j-post .main .header .conting .info .meta .item #baiduIncluded span{color:#e6a23c}.j-post .main .header .conting .info .meta .item #baiduIncluded span:hover{cursor:pointer;opacity:0.85}.j-post .main .header .conting .time{font-size:32px;line-height:42px;color:var(--routine);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-shadow:var(--text_shadow);font-family:consolas}.j-post .main .markdown{word-wrap:break-word;font-size:15px}.j-post .main .markdown h1,.j-post .main .markdown h2,.j-post .main .markdown h3,.j-post .main .markdown h4,.j-post .main .markdown h5,.j-post .main .markdown h6{color:var(--main);margin:20px 0;font-size:20px}.j-post .main .markdown h1{position:relative}.j-post .main .markdown h1::before{content:'#';color:var(--theme);margin-right:7px;font-weight:600}.j-post .main .markdown h2{position:relative;padding:0 15px}.j-post .main .markdown h2::before{content:'';position:absolute;top:10%;left:0;bottom:10%;width:4px;border-radius:2px;background:var(--theme)}.j-post .main .markdown h3{position:relative}.j-post .main .markdown h3::before{content:'「';color:var(--theme);margin-right:5px;font-weight:600}.j-post .main .markdown h3::after{content:'」';color:var(--theme);margin-left:5px;font-weight:600}.j-post .main .markdown h4 span{padding:3px 0;background:linear-gradient(to bottom, transparent 60%, rgba(189,202,219,0.3) 0) no-repeat;line-height:30px}.j-post .main .markdown h5 span{position:relative;-o-border-image:linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab) 1 1;border-image:linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab) 1 1;border-style:solid;border-bottom-width:3px;border-top-width:0;border-left-width:0;border-right-width:0;line-height:30px;padding-bottom:3px}.j-post .main .markdown h6 span{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%23ff3300' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E") repeat-x 0 100%;background-size:20px auto;-webkit-animation:waveMove 1s infinite linear;animation:waveMove 1s infinite linear;line-height:30px;padding-bottom:5px}.j-post .main .markdown blockquote{background:var(--classD);padding:15px 20px;border-left:4px solid var(--seat);margin:20px 0}.j-post .main .markdown blockquote p{font-weight:500;margin:0}.j-post .main .markdown ol{color:var(--routine);margin:20px 0;padding:0 40px}.j-post .main .markdown ol li{list-style:decimal;margin-bottom:10px;line-height:26px}.j-post .main .markdown ol li:last-child{margin-bottom:0}.j-post .main .markdown ul{color:var(--routine);margin:20px 0;padding:0 40px}.j-post .main .markdown ul li{list-style:disc;margin-bottom:10px;line-height:26px}.j-post .main .markdown ul li::marker{color:var(--theme)}.j-post .main .markdown ul li:last-child{margin-bottom:0}.j-post .main .markdown em{font-style:italic}.j-post .main .markdown table{width:100%;margin:20px 0;box-shadow:0 3px 5px rgba(0,0,0,0.1);overflow:auto;-webkit-overflow-scrolling:touch}.j-post .main .markdown table thead th{background:var(--classA);color:var(--routine);max-width:250px}.j-post .main .markdown table td{color:var(--routine)}.j-post .main .markdown table tr{background:var(--background)}.j-post .main .markdown table tr:nth-child(2n){background:var(--classD)}.j-post .main .markdown table th,.j-post .main .markdown table td{padding:10px;max-width:300px}.j-post .main .markdown iframe{border:none;max-width:100%}.j-post .main .markdown img:not(.owo){display:block;max-width:100%;height:auto;margin:0 auto;border-radius:4px;-o-object-fit:cover;object-fit:cover}.j-post .main .markdown .owo{width:24px}.j-post .main .markdown a{font-weight:500;color:var(--theme)}.j-post .main .markdown a:hover{text-decoration:underline}.j-post .main .markdown hr{margin:20px 0;border:none;height:1px;background-color:var(--classB)}.j-post .main .markdown strong{color:var(--main);font-weight:700}.j-post .main .markdown p{color:var(--routine);line-height:26px;margin:20px 0;text-align:justify;white-space:pre-wrap;word-spacing:5px;letter-spacing:1px;word-break:break-all}.j-post .main .markdown .hljs{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:10px 15px 10px 50px;line-height:1.5;border-radius:0 0 4px 4px;font-family:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace}.j-post .main .markdown .hljs::-webkit-scrollbar-track{border-radius:0;background:var(--background)}.j-post .main .markdown .hljs ol{color:unset;margin:unset;padding:unset;border-left:1px solid #ccc}.j-post .main .markdown .hljs ol li{margin-bottom:unset;line-height:unset;padding-left:15px}.j-post .main .markdown .hljs-pre{position:relative;padding-top:30px;margin:20px 0}.j-post .main .markdown .hljs-pre::after{content:'';position:absolute;top:0;left:0;width:100%;height:30px;background:#2b2b2b;border-radius:4px 4px 0 0}.j-post .main .markdown .hljs-pre::before{content:'';position:absolute;top:9px;left:10px;width:12px;height:12px;border-radius:50%;background:#fc625d;box-shadow:20px 0 #fdbc40, 40px 0 #35cd4b;z-index:1}.j-post .main .markdown .need-reply{border:1px dashed var(--success);text-align:center;padding:10px 20px;color:var(--routine);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-post .main .markdown .need-reply span{color:var(--danger);cursor:pointer}.j-post .main .markdown .need-reply span:hover{text-decoration:underline}.j-post .main .markdown .reply-content{color:var(--routine);line-height:26px;margin:20px 0;text-align:justify;white-space:pre-wrap;word-spacing:5px;letter-spacing:1px;word-break:break-all}.j-post .main .markdown .protected{display:flex;justify-content:center;padding:30px;background:var(--classB)}.j-post .main .markdown .protected .form{position:relative;box-shadow:var(--box-shadow)}.j-post .main .markdown .protected .form svg{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:18px;height:18px;left:15px}.j-post .main .markdown .protected .form input[type='password']{width:300px;height:44px;padding:0 43px;border:none;border-radius:4px;color:var(--routine)}.j-post .main .markdown .protected .form button[type='submit']{position:absolute;top:0;right:0;border:none;background:none;height:44px;width:44px;transition:opacity 0.35s}.j-post .main .markdown .protected .form button[type='submit']:hover{opacity:0.85}.j-post .main .markdown .iframe-dplayer{width:100%;height:450px;border:none;margin:20px 0}.j-post .main .markdown .iframe-music{display:block;margin:20px auto}.j-post .main .tags{display:flex;align-items:center;justify-content:space-between;margin-top:15px;flex-wrap:wrap}.j-post .main .tags .list{display:flex}.j-post .main .tags .list a{height:26px;line-height:26px;padding:0 15px;background:var(--classC);font-size:14px;margin-right:10px;color:var(--minor);border-radius:13px;transition:opacity 0.35s}.j-post .main .tags .list a:last-child{margin-right:0}.j-post .main .tags .list a:nth-child(n+6){display:none}.j-post .main .tags .list a:hover{opacity:0.75}.j-post .main .tags .handle{display:flex;align-items:center}.j-post .main .tags .handle .item{position:relative;cursor:pointer;display:flex;align-items:center;color:#fff;background:var(--theme);border:none;height:32px;padding:0 15px;border-radius:3px;margin-left:10px;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity 0.35s}.j-post .main .tags .handle .item:hover{opacity:0.85}.j-post .main .tags .handle .item svg{width:15px;height:15px;fill:#fff;margin-right:5px}.j-post .main .tags .handle .item:first-child{margin-left:0}.j-post .main .tags .handle .share{position:relative;margin-left:10px}.j-post .main .tags .handle .share .j-dropdown{top:42px;width:120px}.j-post .main .tags .handle .share .j-dropdown #j-share-code{border-top:1px solid var(--classD);padding-top:15px}.j-post .main .banquan{border-top:1px solid var(--classB);padding-top:20px;margin-top:20px}.j-post .main .banquan .content{background:var(--classD);padding:15px}.j-post .main .banquan .content .item{display:flex;align-items:center;font-size:14px;color:var(--minor);line-height:26px;white-space:nowrap}.j-post .main .banquan .content .item:last-child{margin-bottom:0}.j-post .main .banquan .content .item svg{width:18px;height:18px;min-width:18px;min-height:18px;margin-right:8px}.j-post .main .banquan .content .item span{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-post .main .banquan .content .item a{color:var(--minor)}.j-post .main .banquan .content .item a:hover{color:var(--theme);text-decoration:underline}.j-post .main .banquan .content .item p{overflow:hidden;text-overflow:ellipsis}.j-post .main .related{padding-top:20px}.j-post .main .related .title{border-left:3px solid var(--theme);padding-left:15px;font-size:18px;font-weight:500;margin-bottom:20px;color:var(--main)}.j-post .main .related ul{display:flex}.j-post .main .related ul li{width:25%;padding:0 7.5px;overflow:hidden;transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;transition:opacity 0.35s, transform 0.35s, -webkit-transform 0.35s}.j-post .main .related ul li:hover{opacity:0.85;-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}.j-post .main .related ul li a{display:block}.j-post .main .related ul li a img{width:100%;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:calc(var(--radius-pc) / 2) calc(var(--radius-pc) / 2) 0 0}.j-post .main .related ul li a span{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--minor);background:var(--classD);padding:0 10px;line-height:32px;font-size:12px;border-radius:0 0 calc(var(--radius-pc) / 2) calc(var(--radius-pc) / 2)}.j-post .main .links{display:flex;flex-wrap:wrap}.j-post .main .links li{width:33.3333333%;padding:15px}.j-post .main .links li .item{padding:20px;border-radius:calc(var(--radius-pc) / 2);box-shadow:var(--box-shadow)}.j-post .main .links li .item .title{margin-bottom:20px}.j-post .main .links li .item .title a{font-size:16px;font-weight:500;border-bottom:1px solid #fff;padding-bottom:3px;color:#fff;transition:all 0.35s}.j-post .main .links li .item .title a:hover{color:var(--theme);border-color:var(--theme)}.j-post .main .links li .item .content{display:flex;align-items:center;justify-content:space-between}.j-post .main .links li .item .content .desc{color:#fff;margin-right:10px}.j-post .main .links li .item .content img{width:40px;height:40px;-o-object-fit:cover;object-fit:cover;border-radius:50%}.j-post .main .links li .item.deepgrey{background:rgba(0,0,0,0.5)}.j-post .main .links li .item.blue{background:#6fa3ef}.j-post .main .links li .item.purple{background:#bc99c4}.j-post .main .links li .item.green{background:#46c47c}.j-post .main .links li .item.yellow{background:#f9bb3c}.j-post .main .links li .item.red{background:#e8583d}.j-post .main .links li .item.orange{background:#f68e5f}.j-post .main .links li .item.success{background:#67c23a}.j-post .main .links li .item.warning{background:#e6a23c}.j-post .main .links li .item.danger{background:#f56c6c}.j-post .main .links li .item.info{background:#909399}.j-post .main .leaving{position:relative;min-height:550px}.j-post .main .leaving li{display:none;flex-direction:column;cursor:move;width:200px;position:absolute;overflow:hidden;border-bottom-left-radius:20px 500px;border-bottom-right-radius:500px 30px;border-top-left-radius:100px 20px;border-top-right-radius:20px 100px;box-shadow:0 2px 10px 1px rgba(0,0,0,0.2);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;color:#fff}.j-post .main .leaving li .head{pointer-events:none;height:42px;line-height:42px;padding:10px;display:flex;align-items:center;border-bottom:1px solid var(--classD);color:#fff}.j-post .main .leaving li .head img{width:20px;height:20px;border-radius:50%;margin-right:5px}.j-post .main .leaving li .head span:nth-child(2){margin-right:5px;flex:1;width:0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.j-post .main .leaving li .head span:last-child{margin-left:auto}.j-post .main .leaving li .body{height:158px;padding:10px}.j-post .main .leaving li .body .content{max-height:100%;overflow-y:auto;word-wrap:break-word;line-height:24px;-webkit-overflow-scrolling:touch}.j-post .main .leaving li .body .content .canvas{width:100%}.j-post .main .leaving li .body .content .owo{height:22px;vertical-align:top}.j-post .main .none{color:var(--minor);text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-post .page{display:flex;justify-content:space-between;margin-bottom:20px}.j-post .page li{list-style:none}.j-post .page li.right{margin-left:auto}.j-post .page li a{display:block;height:32px;line-height:32px;padding:0 15px;color:#fff;border-radius:3px;background:var(--theme);transition:opacity 0.35s;font-size:12px}.j-post .page li a:hover{opacity:0.85}.j-post .video-api .video-type,.j-post .video-api .video-list,.j-post .video-api .video-info,.j-post .video-api .video-list-play{position:relative;background:var(--background);border-radius:var(--radius-pc);box-shadow:var(--box-shadow);padding:60px 0 0}.j-post .video-api .video-type .title,.j-post .video-api .video-list .title,.j-post .video-api .video-info .title,.j-post .video-api .video-list-play .title{position:absolute;top:15px;left:-10px;background:var(--theme);color:#fff;font-weight:500;box-shadow:2px 5px 10px rgba(49,58,70,0.15);height:30px;line-height:30px;padding:0 10px;border-radius:2px 2px 2px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-post .video-api .video-type .title::before,.j-post .video-api .video-list .title::before,.j-post .video-api .video-info .title::before,.j-post .video-api .video-list-play .title::before{content:'';border-style:solid;border-width:10px;display:block;position:absolute;bottom:-10px;left:0;margin-bottom:-10px;z-index:-1;border-color:var(--theme) transparent transparent}.j-post .video-api .video-type .search,.j-post .video-api .video-list .search,.j-post .video-api .video-info .search,.j-post .video-api .video-list-play .search{position:absolute;top:15px;right:10px;display:flex;align-items:center}.j-post .video-api .video-type .search input,.j-post .video-api .video-list .search input,.j-post .video-api .video-info .search input,.j-post .video-api .video-list-play .search input{width:180px;height:32px;border:1px solid var(--classB);border-right:1px solid transparent;padding:0 10px;color:var(--minor);font-size:13px;border-radius:3px 0 0 3px;transition:border 0.35s;-webkit-appearance:none}.j-post .video-api .video-type .search input:focus,.j-post .video-api .video-list .search input:focus,.j-post .video-api .video-info .search input:focus,.j-post .video-api .video-list-play .search input:focus{border:1px solid var(--theme)}.j-post .video-api .video-type .search button,.j-post .video-api .video-list .search button,.j-post .video-api .video-info .search button,.j-post .video-api .video-list-play .search button{display:flex;align-items:center;padding:0 10px;height:32px;line-height:32px;text-align:center;background:#f5f7fa;border:1px solid var(--classB);border-left:none;border-radius:0 3px 3px 0}.j-post .video-api .video-type .search button svg,.j-post .video-api .video-list .search button svg,.j-post .video-api .video-info .search button svg,.j-post .video-api .video-list-play .search button svg{width:14px;height:14px;fill:var(--routine)}.j-post .video-api .video-type .list-item,.j-post .video-api .video-list .list-item,.j-post .video-api .video-info .list-item,.j-post .video-api .video-list-play .list-item{padding:15px;border-top:1px solid var(--classB);display:grid;grid-template-columns:repeat(auto-fit, 80px);gap:20px}.j-post .video-api .video-type .list-item li,.j-post .video-api .video-list .list-item li,.j-post .video-api .video-info .list-item li,.j-post .video-api .video-list-play .list-item li{background:var(--classD);height:28px;line-height:28px;text-align:center;border-radius:14px;cursor:pointer;color:var(--routine);font-size:12px;transition:box-shadow 0.35s, -webkit-transform 0.35s;transition:transform 0.35s, box-shadow 0.35s;transition:transform 0.35s, box-shadow 0.35s, -webkit-transform 0.35s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-post .video-api .video-type .list-item li:hover,.j-post .video-api .video-list .list-item li:hover,.j-post .video-api .video-info .list-item li:hover,.j-post .video-api .video-list-play .list-item li:hover{-webkit-transform:translate3d(0, -3px, 0);transform:translate3d(0, -3px, 0);box-shadow:0 5px 5px rgba(0,0,0,0.1)}.j-post .video-api .video-type .list-item li.active,.j-post .video-api .video-list .list-item li.active,.j-post .video-api .video-info .list-item li.active,.j-post .video-api .video-list-play .list-item li.active{color:#fff;background:var(--theme);box-shadow:0 5px 5px rgba(0,0,0,0.1)}.j-post .video-api .video-type{margin-bottom:20px}.j-post .video-api .video-list .list{display:flex;flex-wrap:wrap;border-top:1px solid var(--classB);padding:10px}.j-post .video-api .video-list .list li{width:16.6666666666%;padding:10px;-webkit-animation:jScaleUp 0.5s;animation:jScaleUp 0.5s}.j-post .video-api .video-list .list li a{background:var(--background);position:relative;display:block;transition:box-shadow 0.35s, -webkit-transform 0.35s;transition:box-shadow 0.35s, transform 0.35s;transition:box-shadow 0.35s, transform 0.35s, -webkit-transform 0.35s}.j-post .video-api .video-list .list li a img{width:100%;height:220px;-o-object-fit:cover;object-fit:cover;border-radius:4px}.j-post .video-api .video-list .list li a h2{font-size:15px;color:var(--main);font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;padding:10px}.j-post .video-api .video-list .list li a i{position:absolute;top:10px;right:10px;font-size:12px;color:#fff;padding:2px 5px;border-radius:2px;background:var(--theme);font-style:normal}.j-post .video-api .video-list .list li a:hover{box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.j-post .video-api .video-list .list li a:hover img{border-radius:4px 4px 0 0}.j-post .video-api .video-info{margin-bottom:20px}.j-post .video-api .video-info .info{padding:20px;border-top:1px solid var(--classB);display:flex}.j-post .video-api .video-info .info .image{position:relative;margin-right:20px}.j-post .video-api .video-info .info .image img{width:170px;height:240px;-o-object-fit:cover;object-fit:cover}.j-post .video-api .video-info .info .image i{position:absolute;top:10px;right:10px;font-style:normal;font-size:12px;background:var(--theme);color:#fff;padding:3px 7px;border-radius:2px}.j-post .video-api .video-info .info dl{flex:1;min-width:0;overflow:hidden}.j-post .video-api .video-info .info dl dt{font-size:24px;color:var(--main);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:15px}.j-post .video-api .video-info .info dl dd{display:-webkit-box;-webkit-line-clamp:3;/*! autoprefixer: off */-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:24px;margin-bottom:5px}.j-post .video-api .video-info .info dl dd span:first-child{color:var(--minor)}.j-post .video-api .video-info .info dl dd span:last-child{color:var(--routine)}.j-post .video-api .video-info .info dl dd:last-child{margin-bottom:0}.j-post .video-api .video-info .player{padding:20px;border-top:1px solid var(--classB)}.j-post .video-api .video-info .player iframe{width:100%;height:480px;background:#000}.j-post .video-api .video-info .player p{text-align:center;color:var(--routine);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-post .video-api .video-list-play{margin-bottom:20px}.j-post .video-api .video-list-play:last-child{margin-bottom:0}.j-post .video-api .load{display:flex;align-items:center;justify-content:center;padding:30px 0}.j-post .wallpaper-api .wallpaper-type{position:relative;background:var(--background);border-radius:var(--radius-pc);box-shadow:var(--box-shadow);padding:60px 0 0;margin-bottom:20px}.j-post .wallpaper-api .wallpaper-type .title{position:absolute;top:15px;left:-10px;background:var(--theme);color:#fff;font-weight:500;box-shadow:2px 5px 10px rgba(49,58,70,0.15);height:30px;line-height:30px;padding:0 10px;border-radius:2px 2px 2px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-post .wallpaper-api .wallpaper-type .title::before{content:'';border-style:solid;border-width:10px;display:block;position:absolute;bottom:-10px;left:0;margin-bottom:-10px;z-index:-1;border-color:var(--theme) transparent transparent}.j-post .wallpaper-api .wallpaper-type .list{padding:15px;border-top:1px solid var(--classB);display:grid;grid-template-columns:repeat(auto-fit, minmax(100px, 1fr));gap:15px}.j-post .wallpaper-api .wallpaper-type .list li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--classD);height:28px;line-height:28px;text-align:center;border-radius:14px;padding:0 15px;cursor:pointer;color:var(--routine);font-size:12px;transition:box-shadow 0.35s, -webkit-transform 0.35s;transition:transform 0.35s, box-shadow 0.35s;transition:transform 0.35s, box-shadow 0.35s, -webkit-transform 0.35s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-post .wallpaper-api .wallpaper-type .list li:hover{-webkit-transform:translate3d(0, -3px, 0);transform:translate3d(0, -3px, 0);box-shadow:0 5px 5px rgba(0,0,0,0.1)}.j-post .wallpaper-api .wallpaper-type .list li.active{color:#fff;background:var(--theme);box-shadow:0 5px 5px rgba(0,0,0,0.1)}.j-post .wallpaper-api .wallpaper-list{padding:15px;background:var(--background);border-radius:var(--radius-pc);box-shadow:var(--box-shadow)}.j-post .wallpaper-api .wallpaper-list .list{display:flex;flex-wrap:wrap}.j-post .wallpaper-api .wallpaper-list .list .item{position:relative;width:25%;display:block;-webkit-animation:showWallpaper 1s;animation:showWallpaper 1s}.j-post .wallpaper-api .wallpaper-list .list .item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.j-post .wallpaper-api .wallpaper-list .list .item .down{position:absolute;top:0;left:0;bottom:0;width:50%;background:rgba(0,0,0,0.5)}.j-post .wallpaper-api .wallpaper-list .list .item .down a{display:block}.j-post .wallpaper-api .wallpaper-list .wallpaper-load{margin:0 auto;width:120px;height:34px;line-height:34px;background:var(--theme);color:#fff;text-align:center;border-radius:17px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-top:20px}.j-post .wallpaper-api .load{display:flex;align-items:center;justify-content:center;padding:30px 0}.j-post .huya-list .huya-list-type{position:relative;background:var(--background);border-radius:var(--radius-pc);box-shadow:var(--box-shadow);padding:60px 20px 5px;margin-bottom:20px}.j-post .huya-list .huya-list-type .title{position:absolute;top:15px;left:-10px;background:var(--theme);color:#fff;font-weight:500;box-shadow:2px 5px 10px rgba(49,58,70,0.15);height:30px;line-height:30px;padding:0 10px;border-radius:2px 2px 2px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-post .huya-list .huya-list-type .title::before{content:'';border-style:solid;border-width:10px;display:block;position:absolute;bottom:-10px;left:0;margin-bottom:-10px;z-index:-1;border-color:var(--theme) transparent transparent}.j-post .huya-list .huya-list-type .list{position:relative;padding-left:80px;margin-bottom:15px}.j-post .huya-list .huya-list-type .list:last-child{margin-bottom:0}.j-post .huya-list .huya-list-type .list:last-child ul{border-bottom:none}.j-post .huya-list .huya-list-type .list .muted{position:absolute;top:0;left:0;color:var(--minor);line-height:28px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.j-post .huya-list .huya-list-type .list ul{position:relative;display:flex;flex-wrap:wrap;border-bottom:1px solid var(--classD)}.j-post .huya-list .huya-list-type .list ul li{cursor:pointer;line-height:28px;text-align:center;padding:0 20px;background:var(--classD);color:var(--routine);border-radius:14px;font-size:12px;margin-right:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-bottom:15px;transition:box-shadow 0.35s, -webkit-transform 0.35s;transition:transform 0.35s, box-shadow 0.35s;transition:transform 0.35s, box-shadow 0.35s, -webkit-transform 0.35s;white-space:nowrap}.j-post .huya-list .huya-list-type .list ul li:last-child{margin-right:0}.j-post .huya-list .huya-list-type .list ul li:hover{-webkit-transform:translate3d(0, -3px, 0);transform:translate3d(0, -3px, 0);box-shadow:0 5px 5px rgba(0,0,0,0.1)}.j-post .huya-list .huya-list-type .list ul li.active{color:#fff;background:var(--theme);box-shadow:0 5px 5px rgba(0,0,0,0.1)}.j-post .huya-list .huya-list-item{width:100%;display:flex;flex-wrap:wrap}.j-post .huya-list .huya-list-item li{width:25%;padding-left:7.5px;padding-right:7.5px;padding-bottom:15px}.j-post .huya-list .huya-list-item li>div{position:relative;display:block;width:100%;border-radius:var(--radius-pc);overflow:hidden;cursor:pointer}.j-post .huya-list .huya-list-item li>div .recommendTagName{position:absolute;top:8px;left:8px;background:#f90;color:#fff;font-size:12px;padding:2px 8px;border-radius:2px}.j-post .huya-list .huya-list-item li>div .screenshot{width:100%;height:140px;-o-object-fit:cover;object-fit:cover}.j-post .huya-list .huya-list-item li>div .desc{background:var(--background);padding:10px}.j-post .huya-list .huya-list-item li>div .desc .introduction{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--main);margin-bottom:10px}.j-post .huya-list .huya-list-item li>div .desc .user{display:flex;align-items:center;justify-content:space-between}.j-post .huya-list .huya-list-item li>div .desc .user .left{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.j-post .huya-list .huya-list-item li>div .desc .user .left img{width:22px;height:22px;-o-object-fit:cover;object-fit:cover;border-radius:50%;margin-right:3px}.j-post .huya-list .huya-list-item li>div .desc .user .left span{color:var(--routine);font-size:12px}.j-post .huya-list .huya-list-item li>div .desc .user .right{font-size:12px;display:flex;align-items:center}.j-post .huya-list .huya-list-item li>div .desc .user .right svg{width:13px;height:13px;margin-right:3px}.j-post .huya-list .huya-list-item li>div .desc .user .right .totalCount{color:var(--minor);margin-right:8px}.j-post .huya-list .huya-list-item li>div .desc .user .right .gameFullName{color:#f90}.j-post .huya-list .huya-list-item li>div .hover{position:absolute;top:0;left:0;right:0;height:140px;background:rgba(0,0,0,0.5);transition:all 0.3s ease-out;opacity:0;z-index:1}.j-post .huya-list .huya-list-item li>div .hover .svg{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%, -50%, 0) scale(2);transform:translate3d(-50%, -50%, 0) scale(2);width:50px;height:50px;opacity:0;transition:all 0.25s ease-out;fill:#ebebeb;z-index:2}.j-post .huya-list .huya-list-item li>div:hover .hover{opacity:1}.j-post .huya-list .huya-list-item li>div:hover .hover .svg{opacity:1;-webkit-transform:translate3d(-50%, -50%, 0) scale(1);transform:translate3d(-50%, -50%, 0) scale(1)}.j-post .huya-list .huya-list-play{position:relative;background:var(--background);border-radius:var(--radius-pc);box-shadow:var(--box-shadow);padding:60px 20px 20px}.j-post .huya-list .huya-list-play .title{position:absolute;top:15px;left:-10px;background:var(--theme);color:#fff;font-weight:500;box-shadow:2px 5px 10px rgba(49,58,70,0.15);height:30px;line-height:30px;padding:0 10px;border-radius:2px 2px 2px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-post .huya-list .huya-list-play .title::before{content:'';border-style:solid;border-width:10px;display:block;position:absolute;bottom:-10px;left:0;margin-bottom:-10px;z-index:-1;border-color:var(--theme) transparent transparent}.j-post .huya-list .huya-list-play iframe{width:100%;height:580px;vertical-align:middle}.j-post .huya-list .huya-list-pagination{display:flex;align-items:center;justify-content:flex-end;padding-top:5px}.j-post .huya-list .huya-list-pagination li{cursor:pointer;margin-left:5px;height:32px;line-height:32px;padding:0 15px;background:var(--background);color:var(--main);border-radius:2px;transition:background 0.35s, color 0.35s}.j-post .huya-list .huya-list-pagination li:first-child{margin-left:0}.j-post .huya-list .huya-list-pagination li.active,.j-post .huya-list .huya-list-pagination li:hover{background:var(--theme);color:#fff;font-weight:500}.j-post .huya-list .huya-list-pagination li.active svg,.j-post .huya-list .huya-list-pagination li:hover svg{fill:#fff}.j-post .huya-list .huya-list-pagination li svg{width:12px;height:12px;fill:var(--routine);transition:fill 0.35s}.j-post .huya-list .huya-list-pagination li svg.next{-webkit-transform:rotate(180deg);transform:rotate(180deg)}code{display:inline-block;vertical-align:top;min-height:26px;line-height:26px;border-radius:4px;font-size:12px;background:var(--classD);padding:0 5px;color:var(--theme);margin:0 3px}pre code{display:unset;vertical-align:unset;height:unset;line-height:unset;border-radius:unset;font-size:unset;background:unset;padding:unset;color:unset;margin:unset}.j-fabulous{display:flex;align-items:center;justify-content:center;margin-top:20px}.j-fabulous .button{display:flex;align-items:center}.j-fabulous .button .left,.j-fabulous .button .right{display:flex;align-items:center;justify-content:center;height:34px;white-space:nowrap;text-align:center;cursor:pointer;padding:0 15px;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity 0.35s}.j-fabulous .button .left svg,.j-fabulous .button .right svg{width:15px;height:15px;fill:#fff;margin-right:5px}.j-fabulous .button .left:hover,.j-fabulous .button .right:hover{opacity:0.85}.j-fabulous .button .left{border-radius:17px;background:#ea442b}.j-fabulous .button .right{background:#ffab2e;border-radius:0 17px 17px 0}.j-fabulous .button.has-admire .left{border-radius:17px 0 0 17px}.j-modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:888;background:rgba(0,0,0,0.75);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:opacity 0.5s, visibility 0.5s}.j-modal-mask.active{visibility:visible;opacity:1}.j-admire-modal{display:flex;align-items:center;justify-content:center}.j-admire-modal .content{position:relative;width:460px;background:var(--background);border-radius:var(--radius-pc);padding:30px 0;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}.j-admire-modal .content .title{color:var(--main);margin-bottom:30px;text-align:center;font-size:16px;text-shadow:var(--text-shadow)}.j-admire-modal .content .code{width:170px;height:170px;padding:10px;border:6px solid var(--theme);margin:0 auto 30px;border-radius:3px}.j-admire-modal .content .code img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.j-admire-modal .content .tips{position:relative;text-align:center;font-size:12px;color:var(--routine);margin-bottom:30px}.j-admire-modal .content .tips p{margin-bottom:5px}.j-admire-modal .content .tips p:last-child{margin-bottom:0}.j-admire-modal .content .tips img{position:absolute;width:100%;left:0;bottom:-28px}.j-admire-modal .content .type{display:flex;align-items:center;justify-content:center;margin-bottom:30px}.j-admire-modal .content .type .item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--info);margin:0 30px}.j-admire-modal .content .type .item svg{width:40px;height:40px;margin-bottom:5px}.j-admire-modal .content .info{text-align:center;color:var(--info)}.j-admire-modal .content .close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;fill:var(--classA);cursor:pointer;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.j-admire-modal .content .close:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.j-admire-modal.active .content{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.j-copy{cursor:pointer}.j-comment{background:var(--background);border-radius:var(--radius-pc);box-shadow:var(--box-shadow);padding:20px}.j-comment .title{font-weight:500;text-align:center;font-size:24px;color:var(--main);text-shadow:var(--text-shadow);margin-bottom:20px;border-bottom:1px solid var(--classB);padding-bottom:20px}.j-comment .respond form{border-radius:6px 0 6px 6px;background:var(--classD)}.j-comment .respond form .head{display:flex;align-items:center;border-bottom:1px solid var(--classA)}.j-comment .respond form .head .head-item{position:relative;flex:1;width:0;min-width:0}.j-comment .respond form .head .head-item input{width:100%;border:none;background:transparent;padding:0 15px;height:45px;color:var(--routine);font-size:14px}.j-comment .respond form .head .head-item:nth-child(2)::before,.j-comment .respond form .head .head-item:nth-child(2)::after{content:'';position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1px;height:15px;background:var(--classA)}.j-comment .respond form .head .head-item:nth-child(2)::before{left:0}.j-comment .respond form .head .head-item:nth-child(2)::after{right:0}.j-comment .respond form .content{padding:15px 15px 0}.j-comment .respond form .content textarea{background-color:transparent;width:100%;height:180px;border:none;resize:none;vertical-align:middle;background:url("../img/comment.png") right bottom no-repeat;transition:all 0.45s;font-size:14px;color:var(--routine)}.j-comment .respond form .content textarea:focus{background-position-y:180px}.j-comment .respond form .content .canvas{position:relative;width:100%}.j-comment .respond form .content .canvas canvas{background:var(--background);transition:box-shadow 0.35s;border-radius:4px}.j-comment .respond form .content .canvas canvas:hover{box-shadow:0 10px 20px var(--classA)}.j-comment .respond form .content .canvas ul{display:flex;align-items:center;position:absolute;top:10px;left:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-comment .respond form .content .canvas ul li{cursor:pointer;margin-right:10px}.j-comment .respond form .content .canvas ul li.active{color:var(--theme)}.j-comment .respond form .content .canvas ol{display:flex;align-items:center;position:absolute;top:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.j-comment .respond form .content .canvas ol li{width:20px;height:20px;border-radius:50%;margin:0 5px;cursor:pointer;transition:all 0.35s}.j-comment .respond form .content .canvas ol li:nth-child(1){background:var(--main)}.j-comment .respond form .content .canvas ol li:nth-child(2){background:var(--success)}.j-comment .respond form .content .canvas ol li:nth-child(3){background:var(--warning)}.j-comment .respond form .content .canvas ol li:nth-child(4){background:var(--danger)}.j-comment .respond form .content .canvas ol li.active{box-shadow:0 4px 10px rgba(0,0,0,0.35)}.j-comment .respond form .content .canvas .undo{position:absolute;top:10px;right:10px;width:24px;height:24px;cursor:pointer;fill:var(--minor);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-comment .respond form .content .canvas .undo:hover{fill:var(--theme)}.j-comment .respond form .content .canvas .animate{position:absolute;bottom:10px;right:10px;width:24px;height:24px;cursor:pointer;fill:var(--minor);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-comment .respond form .content .canvas .animate:hover{fill:var(--theme)}.j-comment .respond form .foot{position:relative;padding:15px}.j-comment .respond form .foot .right{position:absolute;top:15px;right:15px}.j-comment .respond form .foot .right a{margin-right:10px}.j-comment .respond form .foot .right a:hover{color:var(--theme)}.j-comment .respond form .foot .right button{border-radius:3px;height:32px;padding:0 15px;border:none;background:var(--theme);color:#fff;font-size:14px;transition:all 0.35s}.j-comment .respond form .foot .right button:hover{opacity:0.85}.j-comment .respond .change{display:flex;align-items:center;justify-content:flex-end}.j-comment .respond .change button{background:var(--classD);padding:0 15px;height:32px;border:none;font-size:13px;transition:all 0.35s;color:var(--main)}.j-comment .respond .change button.active{color:#fff;background:var(--theme)}.j-comment .respond .change button:first-child{border-top-left-radius:4px}.j-comment .respond .change button:last-child{border-top-right-radius:4px}.j-comment .comment-all{padding-top:20px}.j-comment .comment-all .comment-list .respond{-webkit-animation:showComment 0.5s;animation:showComment 0.5s;margin-left:63px;margin-bottom:20px}.j-comment .comment-all .comment-list li .item{display:flex;margin-bottom:20px}.j-comment .comment-all .comment-list li .item .left{width:48px;height:48px;border-radius:50%;margin-right:15px;padding:3px;border:1px solid var(--classD)}.j-comment .comment-all .comment-list li .item .right{width:0;min-width:0;flex:1;border-bottom:1px solid var(--classC);padding-bottom:15px}.j-comment .comment-all .comment-list li .item .right .name{display:flex;align-items:center;margin-bottom:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:20px;color:var(--main)}.j-comment .comment-all .comment-list li .item .right .name span{margin-right:10px}.j-comment .comment-all .comment-list li .item .right .name i{display:none;background:var(--theme);color:#fff;padding:0 5px;border-radius:2px;font-style:normal}.j-comment .comment-all .comment-list li .item .right .name i.comment-by-author{display:block}.j-comment .comment-all .comment-list li .item .right .name em{color:var(--danger);font-style:normal}.j-comment .comment-all .comment-list li .item .right .name div{margin-left:auto;font-size:12px;color:var(--minor)}.j-comment .comment-all .comment-list li .item .right .content{display:none;width:100%;background:var(--classD);padding:12px 15px;border-radius:0 4px 4px 10px;font-size:14px;color:var(--main);margin-bottom:8px;word-break:break-all;line-height:24px}.j-comment .comment-all .comment-list li .item .right .content .parent{color:#388bff;margin-bottom:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:500}.j-comment .comment-all .comment-list li .item .right .content .canvas{max-width:100%}.j-comment .comment-all .comment-list li .item .right .content .owo{height:22px;vertical-align:top}.j-comment .comment-all .comment-list li .item .right .content img{max-width:100%}.j-comment .comment-all .comment-list li .item .right .meta{display:flex;align-items:center}.j-comment .comment-all .comment-list li .item .right .meta span{color:var(--minor);margin-right:10px}.j-comment .comment-all .comment-list li .item .right .meta a{display:flex;align-items:center;color:var(--main);font-size:13px}.j-comment .comment-all .comment-list li .item .right .meta a svg{width:15px;height:15px;margin-right:5px;fill:var(--main)}.j-comment .comment-all .comment-list li .item .right .meta a:hover{color:var(--theme)}.j-comment .comment-all .comment-list li .item .right .meta a:hover svg{fill:var(--theme)}.j-comment .comment-all .comment-list .comment-children{padding-left:63px}.j-comment .comment-all .comment-list .comment-children .comment-children{padding-left:0}.j-comment .j-pagination{padding-top:0}.j-file .item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;padding:0 0 20px 30px}.j-file .item::before{content:'';position:absolute;top:13.5px;left:0;width:13px;height:13px;background:var(--classA);border-radius:50%;z-index:2}.j-file .item::after{content:'';position:absolute;top:0;left:6px;width:1px;height:100%;background:var(--classC);border-radius:50%}.j-file .item span{position:relative;display:flex;align-items:center;justify-content:space-between;color:var(--routine);cursor:pointer;background:var(--classD);padding:10px;height:40px;border-radius:4px}.j-file .item span::after{content:'';position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-8px;width:0;height:0;border-right:8px solid var(--classD);border-top:8px solid transparent;border-bottom:8px solid transparent}.j-file .item span svg{width:10px;height:10px;fill:var(--minor);-webkit-transform:rotate(180deg);transform:rotate(180deg);margin-left:5px}.j-file .item ul{display:none;padding-left:20px}.j-file .item ul li{margin-top:20px}.j-file .item ul li a{color:var(--routine)}.j-file .item ul li a:hover{color:var(--theme)}.j-label{border-bottom:1px dotted var(--classD);margin-bottom:20px}.j-label ul{display:flex;flex-wrap:wrap}.j-label ul li{padding-bottom:20px}.j-label ul li:nth-child(even) a{background:var(--classD);color:var(--routine)}.j-label ul li:nth-child(even) a::after{border-left-color:var(--classD)}.j-label ul li:nth-child(odd) a{color:#fff;background:var(--theme)}.j-label ul li:nth-child(odd) a::after{border-left-color:var(--theme)}.j-label ul li a{position:relative;display:block;height:30px;line-height:30px;text-align:center;padding:0 20px 0 30px}.j-label ul li a::after{content:'';position:absolute;top:0;right:-15px;width:0;height:0;z-index:1;border-left:15px solid;border-top:15px solid transparent;border-bottom:15px solid transparent}.j-loadmore{display:flex;align-items:center;justify-content:center;margin-top:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-loadmore a{cursor:pointer;width:120px;text-align:center;line-height:34px;height:34px;color:var(--routine);background:var(--background);box-shadow:var(--box-shadow);border-radius:17px;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.j-loadmore a:active{-webkit-transform:scale(0.85);transform:scale(0.85)}.j-horse{position:fixed;top:0;left:0;right:0;height:2px;background:url(../img/HorseRaceLamp.gif);z-index:777}.j-dynamic .respond{background:var(--background);margin-bottom:20px;box-shadow:var(--box-shadow);border-radius:var(--radius-pc);padding:15px}.j-dynamic .respond .title{color:var(--routine);margin-bottom:15px}.j-dynamic .respond form textarea{border-radius:calc(var(--radius-pc) / 2);width:100%;vertical-align:middle;resize:none;padding:15px;border:none;background:var(--classD);color:var(--routine);font-size:14px}.j-dynamic .respond form .form-foot{position:relative;background:var(--classD);padding:15px}.j-dynamic .respond form .form-foot button[type='submit']{position:absolute;top:15px;right:15px;color:#fff;background:var(--theme);border:none;height:32px;padding:0 15px;transition:opacity 0.35s;border-radius:3px}.j-dynamic .respond form .form-foot button[type='submit']:hover{opacity:0.85}.j-dynamic>.comment-list>li{background:var(--background);margin-bottom:20px;box-shadow:var(--box-shadow);border-radius:var(--radius-pc);padding:15px}.j-dynamic>.comment-list>li:last-child{margin-bottom:0}.j-dynamic>.comment-list>li .comment-parent .title{display:flex;align-items:center;margin-bottom:15px}.j-dynamic>.comment-list>li .comment-parent .title .avatar{width:40px;height:40px;border-radius:50%;padding:3px;border:1px solid var(--classD);margin-right:5px}.j-dynamic>.comment-list>li .comment-parent .title .desc .author{margin-bottom:5px;color:var(--routine)}.j-dynamic>.comment-list>li .comment-parent .title .desc .time{font-size:12px;color:var(--minor)}.j-dynamic>.comment-list>li .comment-parent .content{margin-bottom:15px;background:var(--classD);padding:15px;transition:opacity 0.35s;border-radius:calc(var(--radius-pc) / 2);color:var(--routine);line-height:24px}.j-dynamic>.comment-list>li .comment-parent .content iframe{width:100%;border:none}.j-dynamic>.comment-list>li .comment-parent .content img{max-width:100%}.j-dynamic>.comment-list>li .comment-parent .content .owo{height:22px;vertical-align:top}.j-dynamic>.comment-list>li .comment-parent .content:hover{opacity:0.85}.j-dynamic>.comment-list>li .comment-parent .foot{display:flex;align-items:center;justify-content:space-between}.j-dynamic>.comment-list>li .comment-parent .foot .count{color:var(--minor);font-size:12px;line-height:16px}.j-dynamic>.comment-list>li .comment-parent .foot .action{display:flex;align-items:center;cursor:pointer}.j-dynamic>.comment-list>li .comment-parent .foot .action .item{display:flex;align-items:center;color:var(--minor);transition:color 0.35s;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-left:10px}.j-dynamic>.comment-list>li .comment-parent .foot .action .item svg{width:20px;height:20px;fill:var(--minor);transition:fill 0.35s;margin-right:1px}.j-dynamic>.comment-list>li .comment-parent .foot .action .item svg.like{-webkit-animation:scaleLove 0.8s infinite alternate;animation:scaleLove 0.8s infinite alternate}.j-dynamic>.comment-list>li .comment-parent .foot .action .item.active{color:var(--theme)}.j-dynamic>.comment-list>li .comment-parent .foot .action .item.active svg{fill:var(--theme)}.j-dynamic>.comment-list>li .comment-parent .foot .action .item.active svg.like{-webkit-animation:none;animation:none}.j-dynamic>.comment-list>li .comment-parent .foot .action .item:hover{color:var(--theme)}.j-dynamic>.comment-list>li .comment-parent .foot .action .item:hover svg{fill:var(--theme);-webkit-animation-play-state:paused;animation-play-state:paused}.j-dynamic>.comment-list>li .list{padding-top:10px;margin-top:10px;border-top:1px solid var(--classC)}.j-dynamic>.comment-list>li .list .item{line-height:22px;font-size:12px;margin-bottom:3px;color:var(--main)}.j-dynamic>.comment-list>li .list .item:last-child{margin-bottom:0}.j-dynamic>.comment-list>li .list .item .name{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--theme);font-weight:500}.j-dynamic>.comment-list>li .list .item .name a{font-weight:500;color:var(--theme)}.j-dynamic>.comment-list>li .reply{display:none;margin-top:10px;-webkit-animation:showComment 0.35s;animation:showComment 0.35s}.j-dynamic>.comment-list>li .reply .head{display:flex;align-items:center;margin-bottom:10px}.j-dynamic>.comment-list>li .reply .head input{flex:1;width:auto;height:34px;border:1px solid var(--classB);padding:0 10px;transition:border 0.35s;border-radius:2px;font-size:13px;color:var(--routine)}.j-dynamic>.comment-list>li .reply .head input:nth-child(2){margin:0 10px}.j-dynamic>.comment-list>li .reply .head input:focus{border:1px solid var(--theme)}.j-dynamic>.comment-list>li .reply textarea{width:100%;height:80px;border:1px solid var(--classB);resize:none;padding:10px;margin-bottom:10px;transition:border 0.35s;border-radius:2px;font-size:13px;color:var(--routine);vertical-align:middle}.j-dynamic>.comment-list>li .reply textarea:focus{border:1px solid var(--theme)}.j-dynamic>.comment-list>li .reply .foot{display:flex;justify-content:space-between}.j-dynamic>.comment-list>li .reply .foot button{background:var(--theme);color:#fff;border-radius:2px;vertical-align:middle;width:70px;height:30px;border:none;transition:opacity 0.35s}.j-dynamic>.comment-list>li .reply .foot button:hover{opacity:0.85}.j-defend{box-shadow:var(--box-shadow);border-radius:calc(var(--radius-pc) / 2);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.j-defend .title{background:var(--warning);line-height:40px;height:40px;text-align:center;color:#fff}.j-defend .content{background:var(--background);padding:15px;line-height:30px;color:var(--routine)}.j-defend .content p:nth-child(2){text-indent:2em}.j-defend .content p:nth-child(3){text-align:right}.j-search-down-xs{display:none;position:fixed;top:55px;left:0;right:0;bottom:0;z-index:333;visibility:hidden;overflow:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.j-search-down-xs.active{visibility:visible}.j-search-down-xs.active .content{visibility:visible;opacity:1;-webkit-transform:rotateX(0);transform:rotateX(0)}.j-search-down-xs.active .mask{visibility:visible;opacity:1}.j-search-down-xs .content{position:absolute;top:0;left:0;right:0;z-index:3;background:var(--background);padding:20px 15px 0;overflow:hidden;-webkit-transform:perspective(500px) rotateX(-90deg);transform:perspective(500px) rotateX(-90deg);visibility:hidden;-webkit-transform-origin:top;transform-origin:top;transition:visibility 0.5s, -webkit-transform 0.5s;transition:transform 0.5s, visibility 0.5s;transition:transform 0.5s, visibility 0.5s, -webkit-transform 0.5s;border-top:1px solid var(--classD);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000;-ms-scroll-chaining:none;overscroll-behavior:none}.j-search-down-xs .content form{display:flex;align-items:center;margin-bottom:15px}.j-search-down-xs .content form input{flex:1;height:36px;padding:0 10px;border:1px solid var(--classA);border-right:none;border-radius:2px 0 0 2px;color:var(--routine);-webkit-appearance:none}.j-search-down-xs .content form button{padding:0 10px;height:36px;border:none;background:var(--theme);color:#fff;border-radius:0 2px 2px 0}.j-search-down-xs .content .title{color:var(--routine);margin-bottom:10px;font-size:16px;display:flex;align-items:center}.j-search-down-xs .content .title svg{width:22px;height:22px;fill:var(--routine);margin-right:5px}.j-search-down-xs .content .cloud{display:flex;flex-wrap:wrap;padding-bottom:15px}.j-search-down-xs .content .cloud li{padding:5px}.j-search-down-xs .content .cloud li a{display:block;padding:0 10px;height:24px;line-height:24px;border-radius:2px;font-size:12px;color:#fff}.j-search-down-xs .mask{width:100%;height:100%;background:rgba(0,0,0,0.65);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:visibility 0.5s, opacity 0.5s;z-index:1;-webkit-transform:translateZ(-500px);transform:translateZ(-500px);-ms-scroll-chaining:none;overscroll-behavior:none}.j-sidebar-xs{display:none;position:fixed;top:55px;left:0;right:0;bottom:0;z-index:333;visibility:hidden}.j-sidebar-xs.active{visibility:visible}.j-sidebar-xs.active .mask{opacity:1;visibility:visible}.j-sidebar-xs.active .content{visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.j-sidebar-xs .content{position:absolute;top:0;left:0;width:75%;bottom:0;background:var(--classD);z-index:3;visibility:hidden;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);transition:visibility 0.5s, -webkit-transform 0.5s;transition:visibility 0.5s, transform 0.5s;transition:visibility 0.5s, transform 0.5s, -webkit-transform 0.5s;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.j-sidebar-xs .content::-webkit-scrollbar{display:none}.j-sidebar-xs .content .item{padding:20px;border-bottom:1px solid var(--classA)}.j-sidebar-xs .content .item:last-child{border-bottom:none}.j-sidebar-xs .content .item:last-child .card .title{background:#46c47c}.j-sidebar-xs .content .item:last-child .card .title::after{border-color:#46c47c transparent transparent}.j-sidebar-xs .content .item .card{position:relative;background:var(--background);border-radius:var(--radius-wap);box-shadow:var(--box-shadow);padding:45px 15px 15px}.j-sidebar-xs .content .item .card .title{position:absolute;top:15px;left:-10px;background:#6fa3ef;color:#fff;font-weight:500;box-shadow:2px 5px 10px rgba(49,58,70,0.15);font-size:14px;height:30px;line-height:30px;padding:0 10px;border-radius:2px 2px 2px 0}.j-sidebar-xs .content .item .card .title::after{content:'';border-style:solid;border-width:10px;display:block;position:absolute;bottom:-10px;left:0;margin-bottom:-10px;z-index:-1;border-color:#6fa3ef transparent transparent}.j-sidebar-xs .content .item .card ul li{display:flex;align-items:center;line-height:40px;border-bottom:1px solid var(--classB)}.j-sidebar-xs .content .item .card ul li.drops{display:block;align-items:unset}.j-sidebar-xs .content .item .card ul li .j-panel{width:100%;display:flex;align-items:center}.j-sidebar-xs .content .item .card ul li .j-panel-down{display:none;padding-left:20px}.j-sidebar-xs .content .item .card ul li .j-panel-down li:last-child{border-bottom:none}.j-sidebar-xs .content .item .card ul li.active svg{fill:var(--theme)}.j-sidebar-xs .content .item .card ul li.active a{color:var(--theme)}.j-sidebar-xs .content .item .card ul li svg{width:13px;height:13px;margin-right:5px;fill:var(--routine)}.j-sidebar-xs .content .item .card ul li svg:last-child{width:12px;height:12px;margin-right:unset;margin-left:auto}.j-sidebar-xs .content .item .card ul li a{color:var(--routine);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.j-sidebar-xs .content .user{text-align:center;border-bottom:1px solid var(--classA)}.j-sidebar-xs .content .user img{width:80px;height:80px;border-radius:50%;padding:5px;border:1px solid var(--classB);box-shadow:0px 5px 15px rgba(56,94,209,0.2);margin-bottom:15px}.j-sidebar-xs .content .user .name{font-size:16px;color:var(--main);font-weight:500;margin-bottom:10px}.j-sidebar-xs .content .user .desc{display:none;color:var(--routine)}.j-sidebar-xs .mask{width:100%;height:100%;background:rgba(0,0,0,0.65);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:visibility 0.5s, opacity 0.5s;-ms-scroll-chaining:none;overscroll-behavior:none}.j-tag{display:inline-block;height:32px;padding:0 10px;line-height:30px;font-size:12px;border-radius:4px;box-sizing:border-box;white-space:nowrap}.j-tag.default{background-color:#ecf5ff;border:1px solid #d9ecff;color:#409eff}.j-tag.success{background-color:#f0f9eb;border:1px solid #e1f3d8;color:#67c23a}.j-tag.info{background-color:#f4f4f5;border:1px solid #e9e9eb;color:#909399}.j-tag.warning{background-color:#fdf6ec;border:1px solid #faecd8;color:#e6a23c}.j-tag.danger{background-color:#fef0f0;border:1px solid #fde2e2;color:#f56c6c}.j-btn{display:inline-block;white-space:nowrap;text-align:center;transition:0.1s;font-weight:500;padding:10px 20px;border-radius:4px;font-size:14px;line-height:1;text-decoration:none}.j-btn.default{background:#fff;border:1px solid #dcdfe6;color:#606266 !important}.j-btn.default:hover{color:#409eff !important;border-color:#c6e2ff;background-color:#ecf5ff;text-decoration:unset !important}.j-btn.primary{color:#fff !important;background-color:#409eff;border-color:#409eff}.j-btn.primary:hover{background:#66b1ff;border-color:#66b1ff;text-decoration:unset !important}.j-btn.success{color:#fff !important;background-color:#67c23a;border-color:#67c23a}.j-btn.success:hover{background:#85ce61;border-color:#85ce61;text-decoration:unset !important}.j-btn.info{color:#fff !important;background-color:#909399;border-color:#909399}.j-btn.info:hover{background:#a6a9ad;border-color:#a6a9ad;text-decoration:unset !important}.j-btn.warning{color:#fff !important;background-color:#e6a23c;border-color:#e6a23c}.j-btn.warning:hover{background:#ebb563;border-color:#ebb563;text-decoration:unset !important}.j-btn.danger{color:#fff !important;background-color:#f56c6c;border-color:#f56c6c}.j-btn.danger:hover{background:#f78989;border-color:#f78989;text-decoration:unset !important}.j-alt{width:100%;padding:8px 15px 8px 35px;border-radius:4px;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:opacity 0.2s;font-size:13px;margin:20px 0}.j-alt::before{content:'';position:absolute;top:50%;left:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px;height:18px;vertical-align:top}.j-alt.success{background-color:#f0f9eb;color:#67c23a}.j-alt.success::before{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjA1NzQ4Nzc4NzcyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI0MTUiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiA4NS4zMzMzMzNjMjM1LjY0OCAwIDQyNi42NjY2NjcgMTkxLjAxODY2NyA0MjYuNjY2NjY3IDQyNi42NjY2NjdzLTE5MS4wMTg2NjcgNDI2LjY2NjY2Ny00MjYuNjY2NjY3IDQyNi42NjY2NjdTODUuMzMzMzMzIDc0Ny42NDggODUuMzMzMzMzIDUxMiAyNzYuMzUyIDg1LjMzMzMzMyA1MTIgODUuMzMzMzMzeiBtLTc0Ljk2NTMzMyA1NTAuNEwzNDYuNDUzMzMzIDU0NS4xNTJhNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDEgMC02MC4zMzA2NjYgNjAuMzMwNjY3bDEyMC43MDQgMTIwLjcwNGE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMCAwIDYwLjMzMDY2NiAwbDMwMS42NTMzMzQtMzAxLjY5NmE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAwLTYwLjI4OC02MC4zMzA2NjdsLTI3MS41MzA2NjcgMjcxLjQ4OCAwLjA0MjY2NyAwLjA4NTMzM3oiIGZpbGw9IiM1MkM0MUEiIHAtaWQ9IjI0MTYiPjwvcGF0aD48L3N2Zz4=");background-repeat:no-repeat;background-position:center center}.j-alt.info{background-color:#f4f4f5;color:#909399}.j-alt.info::before{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjA1NzQ5NDI2MDY2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQ3ODQiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiA1MS4yYy0yNTYgMC00NjAuOCAyMDQuOC00NjAuOCA0NjAuOHMyMDQuOCA0NjAuOCA0NjAuOCA0NjAuOCA0NjAuOC0yMDQuOCA0NjAuOC00NjAuOC0yMDQuOC00NjAuOC00NjAuOC00NjAuOHogbTAgNzc4LjI0Yy00MC45NiAwLTcxLjY4LTMwLjcyLTcxLjY4LTcxLjY4czMwLjcyLTcxLjY4IDcxLjY4LTcxLjY4YzQwLjk2IDAgNzEuNjggMzAuNzIgNzEuNjggNzEuNjhzLTMwLjcyIDcxLjY4LTcxLjY4IDcxLjY4eiBtNTEuMi0yNTZjMCA0MC45Ni0yMC40OCA3MS42OC00Ni4wOCA3MS42OGgtMTAuMjRjLTI1LjYgMC00Ni4wOC0zMC43Mi00Ni4wOC03MS42OGwtMzUuODQtMjkxLjg0YzAtNDAuOTYgMjAuNDgtNzEuNjggNDYuMDgtNzEuNjhoNjYuNTZjMjUuNiAwIDQ2LjA4IDMwLjcyIDQ2LjA4IDcxLjY4bC0yMC40OCAyOTEuODR6IiBwLWlkPSI0Nzg1IiBmaWxsPSIjOGE4YThhIj48L3BhdGg+PC9zdmc+");background-repeat:no-repeat;background-position:center center}.j-alt.warning{background-color:#fdf6ec;color:#e6a23c}.j-alt.warning::before{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjA1NzQ5NTM3NTM2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjYwNjciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiA3OC43NjkyMzFDMjczLjcyMzA3NyA3OC43NjkyMzEgNzguNzY5MjMxIDI3My43MjMwNzcgNzguNzY5MjMxIDUxMnMxOTQuOTUzODQ2IDQzMy4yMzA3NjkgNDMzLjIzMDc2OSA0MzMuMjMwNzY5IDQzMy4yMzA3NjktMTk0Ljk1Mzg0NiA0MzMuMjMwNzY5LTQzMy4yMzA3NjlTNzUwLjI3NjkyMyA3OC43NjkyMzEgNTEyIDc4Ljc2OTIzMXogbTYxLjU5NzUzOCAyMDIuNDc2MzA3bC0xMy44NjMzODQgMzA2LjgwNjE1NGMwIDE4Ljc4NjQ2Mi0xNi42MjAzMDggMzIuMjU2LTM1Ljk5NzUzOSAzMi4yNTZoLTguMjcwNzY5Yy0xOS40MTY2MTUgMC0zMy4yOC0xMy40Njk1MzgtMzYuMDM2OTIzLTMyLjI5NTM4NGwtMTMuODYzMzg1LTMwNi43NjY3N2MwLTE4LjgyNTg0NiAxMy44NjMzODUtMzIuMjk1Mzg1IDMwLjQ4MzY5My0zMi4yOTUzODRoNDQuMzA3NjkyYzE5LjM3NzIzMSAwIDM1Ljk5NzUzOCAxMy40Njk1MzggMzMuMjQwNjE1IDMyLjI5NTM4NHogbS0xOC4xOTU2OTIgNDc3LjUzODQ2MmE1MS41NTQ0NjIgNTEuNTU0NDYyIDAgMCAxLTM2Ljk4MjE1NCAxNi4yNjU4NDZjLTE1Ljg3MiAwLTI2LjQyNzA3Ny01LjQzNTA3Ny0zNi45ODIxNTQtMTYuMjY1ODQ2LTEwLjU5NDQ2Mi0xMC44MzA3NjktMTUuODcyLTIxLjY2MTUzOC0xNS44NzItMzcuODg4IDAtMTYuMjY1ODQ2IDUuMjc3NTM4LTI3LjA5NjYxNSAxNS44NzItMzcuOTI3Mzg1IDEwLjU1NTA3Ny0xMC44MzA3NjkgMjEuMTEwMTU0LTE2LjIyNjQ2MiAzNi45ODIxNTQtMTYuMjI2NDYxIDE1LjgzMjYxNSAwIDI5LjA2NTg0NiA1LjM5NTY5MiAzOS42MjA5MjMgMTYuMjI2NDYxIDEwLjU1NTA3NyAxMC44MzA3NjkgMTUuODMyNjE1IDIxLjY2MTUzOCAxNS44MzI2MTYgMzcuOTI3Mzg1LTIuNTk5Mzg1IDE2LjIyNjQ2Mi03Ljg3NjkyMyAyOS43NzQ3NjktMTguNDcxMzg1IDM3Ljg4OHoiIGZpbGw9IiNGRjhGMDAiIHAtaWQ9IjYwNjgiPjwvcGF0aD48L3N2Zz4=");background-repeat:no-repeat;background-position:center center}.j-alt.error{background-color:#fef0f0;color:#f56c6c}.j-alt.error::before{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjA1NzQ5NjAwMDMxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijc0ODEiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiA2NGE0NDggNDQ4IDAgMSAwIDQ0OCA0NDhBNDQ4IDQ0OCAwIDAgMCA1MTIgNjR6IG0yMjIuMDggNjA5LjkyYTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAxIDEtNjAuMzczMzMzIDYwLjM3MzMzM0w1MTIgNTcxLjUybC0xNjIuNzczMzMzIDE2Mi43NzMzMzNhNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDAgMS02MC4zNzMzMzQtNjAuMzczMzMzTDQ1MC43NzMzMzMgNTEybC0xNjIuNzczMzMzLTE2My42MjY2NjdhNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDEgMSA2MC4zNzMzMzMtNjAuMzczMzMzTDUxMiA0NTAuNzczMzMzbDE2Mi43NzMzMzMtMTYyLjc3MzMzM2E0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDYwLjM3MzMzNCA2MC4zNzMzMzNMNTcxLjUyIDUxMnoiIGZpbGw9IiNGRjNEMUQiIHAtaWQ9Ijc0ODIiPjwvcGF0aD48L3N2Zz4=");background-repeat:no-repeat;background-position:center center}.j-line{display:flex;justify-content:center;align-items:center;margin:20px 0}.j-line span{position:relative;color:var(--minor);line-height:24px;height:24px;padding:0 15px;transition:padding 0.35s}.j-line span::before,.j-line span::after{content:'';position:absolute;top:50%;width:20px;height:1px;border-top:1px solid #f73859}.j-line span::before{left:-35px}.j-line span::after{right:-35px}.j-line span:hover{padding:0}.j-tabs{width:100%;overflow:hidden;background:var(--background);box-shadow:0 2px 6px rgba(0,0,0,0.1);border:1px solid var(--classB);border-radius:4px;margin:20px 0}.j-tabs .nav{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;height:42px;overflow-x:auto;overflow-y:hidden;-ms-scroll-chaining:none;overscroll-behavior:none;-webkit-overflow-scrolling:touch;display:flex;background:#f5f7fa}.j-tabs .nav::-webkit-scrollbar{display:none}.j-tabs .nav span{padding:0 20px;line-height:40px;height:40px;color:var(--minor);cursor:pointer;transition:color 0.5s;white-space:nowrap}.j-tabs .nav span::after{content:'';position:absolute;bottom:-1px;left:20px;right:20px;height:2px;background:var(--theme);-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);opacity:0;transition:opacity 0.5s, -webkit-transform 0.5s;transition:transform 0.5s, opacity 0.5s;transition:transform 0.5s, opacity 0.5s, -webkit-transform 0.5s}.j-tabs .nav span.active{position:relative;color:var(--theme)}.j-tabs .nav span.active::after{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}.j-tabs .content div{display:none;padding:15px;-webkit-animation:showTabs 0.5s;animation:showTabs 0.5s;color:var(--routine)}.j-tabs .content div.active{display:block}.j-card-default{box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);border-radius:4px;overflow:hidden;border:1px solid var(--classC);margin:20px 0}.j-card-default .head{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom:1px solid var(--classC);padding:0 15px;line-height:40px;height:40px;color:var(--main)}.j-card-default .content{padding:15px;color:var(--routine)}.j-collapse{margin:20px 0}.j-collapse .collapse-head{position:relative;display:flex;align-items:center;justify-content:space-between;color:var(--routine);cursor:pointer;background:var(--classD);padding:10px 20px;height:40px;border-radius:4px}.j-collapse .collapse-head svg{width:10px;height:10px;fill:var(--minor);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.j-collapse .collapse-body{display:none;padding:20px;color:var(--routine)}.j-timeline{margin:20px 0}.j-timeline .item{position:relative;padding:20px 30px;color:var(--routine)}.j-timeline .item::before{content:'';position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;width:13px;height:13px;background:var(--classA);border-radius:50%;z-index:2}.j-timeline .item::after{content:'';position:absolute;top:0;left:6px;width:1px;height:100%;background:var(--classC);border-radius:50%}.j-photos{display:flex;flex-wrap:wrap;margin:20px 0}.j-photos a{position:relative;display:flex;flex:0 0 25%;max-width:25%;padding-right:20px;padding-top:20px;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s;flex-shrink:0;min-width:0}.j-photos a:nth-child(4n){padding-right:0}.j-photos a:nth-child(-n+4){padding-top:0}.j-photos a:hover{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}.j-photos a img{flex:1 1 auto}.j-card-nav{display:flex;flex-wrap:wrap;margin:20px 0}.j-card-nav .item{width:25%;padding:10px}.j-card-nav .nav{display:flex;align-items:center;border-radius:4px;box-shadow:0px 0px 20px rgba(0,0,0,0.2);transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s;padding:15px 10px}.j-card-nav .nav .avatar{min-width:30px;min-height:30px;width:30px;height:30px;background-size:cover;border-radius:50%;margin-right:10px}.j-card-nav .nav .content{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}.j-card-nav .nav svg{width:18px;height:18px;min-width:18px;min-height:18px;fill:#fff}.j-card-nav .nav:hover{text-decoration:none !important;-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}.j-short-video{margin:20px 0;display:flex;flex-wrap:wrap}.j-short-video .item{width:33.33333%;height:180px;padding:0 10px;margin-bottom:20px}.j-short-video .item .inner{position:relative;cursor:pointer;width:100%;height:100%;background-size:cover;background-position:center center;box-shadow:var(--box-shadow);border-radius:var(--radius-pc);overflow:hidden}.j-short-video .item .inner svg{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%, -50%, 0) scale(2);transform:translate3d(-50%, -50%, 0) scale(2);width:50px;height:50px;opacity:0;transition:all 0.25s ease-out;fill:#ebebeb;z-index:2}.j-short-video .item .inner::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);transition:all 0.3s ease-out;opacity:0;z-index:1}.j-short-video .item .inner:hover::after{opacity:1}.j-short-video .item .inner:hover svg{opacity:1;-webkit-transform:translate3d(-50%, -50%, 0) scale(1);transform:translate3d(-50%, -50%, 0) scale(1)}.j-video-preview{display:flex;align-items:center;justify-content:center;overflow-y:auto}.j-video-preview iframe{width:100%;height:500px;-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.j-video-preview .close{position:absolute;top:30px;right:30px;width:30px;height:30px;fill:var(--classA);cursor:pointer;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.j-video-preview .close:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.j-video-preview.active iframe{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)} diff --git a/assets/css/joe.min.scss b/assets/css/joe.min.scss index d42319c..7bda40d 100644 --- a/assets/css/joe.min.scss +++ b/assets/css/joe.min.scss @@ -1,3 +1,186 @@ +/* 在这里修改夜晚模式的配色，这里我只写几个例子，具体样式，你们自己配，黑色的背景颜色修改在public/config.php下的第22行 */ +html[dark='true'] { + /* 这里是修改基础的全局公共色彩 */ + &:root { + --background: #333333; + --classA: #666; + --classB: #444; + --main: #999; + --classC: #444; + --classD: #444; + --minor: #888; + --box-shadow: none; + --routine: #999; + --seat: #666; + } + .j-header-default .below .container .sign .sign-box .j-dropdown .form-item input{ + background: var(--classC); + } + .j-header-fluid .sign .sign-box .j-dropdown .form-item input{ + background: var(--classC); + } + .highcharts-background { + fill: var(--background); + } + .j-sidebar-xs .content .user img { + box-shadow: none; + } + .j-search-down-xs .content form input { + background: #444; + } + .j-comment .respond form .content .canvas ul li { + color: #666; + } + .j-tabs .nav { + background: #444; + } + .j-comment .respond form .content .canvas ul li.active { + color: var(--theme); + } + .j-index .main .index-title h2 { + color: #999; + &::after { + background: #999; + } + } + .j-post .main .markdown .hljs::-webkit-scrollbar-thumb { + background: #fff; + } + .j-aside .aside-user::before { + background: none; + } + .j-comment .respond form .content .canvas canvas:hover { + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); + } + .OwO:hover .OwO-logo { + color: #999; + } + .OwO.OwO-open .OwO-logo { + color: #999; + } + .j-index .main .article .article-list .entry-box .meta .item::after { + color: #888; + } + .j-aside .aside h3 .line { + background: #999; + } + .profile-color-logo { + display: none; + } + .profile-color-modes { + display: block; + } + .profile-color-modes-illu-group { + animation: profile-color-modes-illu-anim 0.2s cubic-bezier(0.72, 0.08, 1, 0.68) backwards; + } + .profile-color-modes-illu-frame { + animation: profile-color-modes-illu-anim-frame-show 0s forwards, profile-color-modes-illu-anim-frame-hide 0s forwards; + } + .profile-color-modes-illu-frame:first-child { + opacity: 1; + animation: profile-color-modes-illu-anim-frame-hide 0s forwards; + } + .profile-color-modes-illu-frame:nth-child(8) { + animation: profile-color-modes-illu-anim-frame-show 0s forwards; + } + .profile-color-modes-illu-red { + animation-delay: 0.4s; + animation-duration: 0.1s; + } + .profile-color-modes-illu-orange { + animation-delay: 0.5s; + animation-duration: 0.1s; + } + .profile-color-modes-illu-purple { + animation-delay: 0.6s; + animation-duration: 0.1s; + } + .profile-color-modes-illu-blue { + animation-delay: 0.7s; + animation-duration: 0.1s; + } + .profile-color-modes-illu-green { + animation-delay: 0.8s; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.47, 2.92, 0.84, -1.5); + } + .profile-color-modes-illu-frame:first-child { + animation-delay: 1.8s; + } + .profile-color-modes-illu-frame:nth-child(2) { + animation-delay: 1.8s, 2.58s; + } + .profile-color-modes-illu-frame:nth-child(3) { + animation-delay: 2.58s, 2.66s; + } + .profile-color-modes-illu-frame:nth-child(4) { + animation-delay: 2.66s, 2.78s; + } + .profile-color-modes-illu-frame:nth-child(5) { + animation-delay: 2.78s, 2.84s; + } + .profile-color-modes-illu-frame:nth-child(6) { + animation-delay: 2.84s, 3.44s; + } + .profile-color-modes-illu-frame:nth-child(7) { + animation-delay: 3.44s, 3.56s; + } + .profile-color-modes-illu-frame:nth-child(8) { + animation-delay: 3.56s; + } + .profile-color-modes-illu-frame:nth-child(9), + .profile-color-modes-illu-frame:nth-child(10) { + animation: none; + } +} +.profile-color-logo { + display: block; +} +.profile-color-modes { + display: none; +} +.profile-color-modes-illu-frame { + opacity: 0; +} +@keyframes profile-color-modes-illu-anim { + 0% { + stroke: #666; + } +} +@keyframes profile-color-modes-illu-anim-frame-show { + 0% { + opacity: 0; + animation-timing-function: ease-out; + } + to { + opacity: 1; + } +} +@keyframes profile-color-modes-illu-anim-frame-hide { + 0% { + opacity: 1; + animation-timing-function: ease-in; + } + to { + opacity: 0; + } +} +.profile-color-modes-illu-red { + stroke: #da3633; +} +.profile-color-modes-illu-orange { + stroke: #f0883e; +} +.profile-color-modes-illu-purple { + stroke: #8957e5; +} +.profile-color-modes-illu-green { + stroke: #3fb950; +} +.profile-color-modes-illu-blue { + stroke: #388bfd; +} + $z-index-1: 111; $z-index-2: 222; $z-index-3: 333; @@ -11,181 +194,193 @@ $z-index-9: 999; .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { - bottom: unset !important; - top: 10px !important; - right: 10px !important; - left: unset !important; - width: unset !important; + bottom: unset !important; + top: 10px !important; + right: 10px !important; + left: unset !important; + width: unset !important; } .dplayer-controller .dplayer-icons .dplayer-full .dplayer-full-in-icon { - display: none !important; + display: none !important; } @keyframes rotateCount { - 0% { - transform: rotate(0); - } + 0% { + transform: rotate(0); + } - 100% { - transform: rotate(360deg); - } + 100% { + transform: rotate(360deg); + } } @keyframes progress { - 0% { - background-position: 0 0; - } - 100% { - background-position: 30px 0; - } + 0% { + background-position: 0 0; + } + 100% { + background-position: 30px 0; + } } @keyframes drawing { - 100% { - stroke-dashoffset: -400; - } + 100% { + stroke-dashoffset: -400; + } } @keyframes swingIconSet { - 0% { - transform: rotate(-30deg); - } - 100% { - transform: rotate(30deg); - } + 0% { + transform: rotate(-30deg); + } + 100% { + transform: rotate(30deg); + } } @keyframes showComment { - 0% { - transform: translate3d(0, 100px, 0); - opacity: 0; - } - 100% { - transform: translate3d(0, 0, 0); - opacity: 1; - } + 0% { + transform: translate3d(0, 100px, 0); + opacity: 0; + } + 100% { + transform: translate3d(0, 0, 0); + opacity: 1; + } } @keyframes scaleLove { - 0% { - transform: scale(1.2); - } - 100% { - transform: scale(0.8); - } + 0% { + transform: scale(1.2); + } + 100% { + transform: scale(0.8); + } } @keyframes showFullLoad { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } } @keyframes waveMove { - 0% { - background-position: 0 100%; - } - 100% { - background-position: -20px 100%; - } + 0% { + background-position: 0 100%; + } + 100% { + background-position: -20px 100%; + } } @keyframes jSlideUp { - 0% { - opacity: 0.75; - transform: translate3d(0, 50px, 0); - } - 100% { - opacity: 1; - transform: translate3d(0, 0, 0); - } + 0% { + opacity: 0.75; + transform: translate3d(0, 50px, 0); + } + 100% { + opacity: 1; + transform: translate3d(0, 0, 0); + } } .jSlideUp { - animation-name: jSlideUp; + animation-name: jSlideUp; } @keyframes jScale { - 0% { - opacity: 0.75; - transform: scale(0.5); - } - 100% { - opacity: 1; - transform: scale(1); - } + 0% { + opacity: 0.75; + transform: scale(0.5); + } + 100% { + opacity: 1; + transform: scale(1); + } } .jScale { - animation-name: jScale; + animation-name: jScale; } @keyframes jScaleUp { - 0% { - opacity: 0; - transform: translate3d(0, 50px, 0) scale3d(0.75, 0.5, 1); - } - 100% { - opacity: 1; - transform: translate3d(0, 0, 0) scale3d(1, 1, 1); - } + 0% { + opacity: 0; + transform: translate3d(0, 50px, 0) scale3d(0.75, 0.5, 1); + } + 100% { + opacity: 1; + transform: translate3d(0, 0, 0) scale3d(1, 1, 1); + } } @keyframes showTabs { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +@keyframes showWallpaper { + 0% { + opacity: 0; + transform: scale3d(0.3, 0.8, 0); + } + 100% { + opacity: 1; + transform: scale3d(1, 1, 1); + } } .jScaleUp { - animation-name: jScaleUp; + animation-name: jScaleUp; } .wow { - visibility: hidden; - &.off { - visibility: visible; - } + visibility: hidden; + &.off { + visibility: visible; + } } ::-webkit-scrollbar { - width: 7px; - height: 7px; + width: 7px; + height: 7px; } ::-webkit-scrollbar-thumb { - border-radius: 3.5px; - background-color: rgba(50, 50, 50, 0.3); - &:hover { - background-color: rgba(50, 50, 50, 0.4); - } + border-radius: 3.5px; + background-color: rgba(50, 50, 50, 0.3); + &:hover { + background-color: rgba(50, 50, 50, 0.4); + } } ::-webkit-scrollbar-track { - border-radius: 3.5px; - background-color: rgba(50, 50, 50, 0.1); + border-radius: 3.5px; + background-color: rgba(50, 50, 50, 0.1); } * { - margin: 0; - padding: 0; - box-sizing: border-box; - -webkit-tap-highlight-color: transparent; - outline: none; + margin: 0; + padding: 0; + box-sizing: border-box; + -webkit-tap-highlight-color: transparent; + outline: none; } body { - padding-bottom: constant(safe-area-inset-bottom); - padding-bottom: env(safe-area-inset-bottom); - font-size: 14px; - font-family: -apple-system, SF UI Text, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif; + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); + font-size: 14px; + // font-family: -apple-system, SF UI Text, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif; + font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif; } h1, @@ -194,5284 +389,5868 @@ h3, h4, h5, h6 { - font-weight: 400; + font-weight: 400; } a { - color: var(--main); - text-decoration: none; - -webkit-tap-highlight-color: transparent; + color: var(--main); + text-decoration: none; + -webkit-tap-highlight-color: transparent; } li { - list-style: none; + list-style: none; } img, canvas { - border: 0; - vertical-align: middle; + border: 0; + vertical-align: middle; } input, button, textarea { - outline: none; - border-radius: 0; + outline: none; + border-radius: 0; } button { - cursor: pointer; + cursor: pointer; } img[src=''], img:not([src]) { - border: 0; - opacity: 0; + border: 0; + opacity: 0; } table { - border-collapse: collapse; - border-spacing: 0; + border-collapse: collapse; + border-spacing: 0; } #live2d-widget { - z-index: 1 !important; + z-index: 1 !important; } .j-barrager-list { - display: none; + display: none; } .j-barrager { - display: flex; - align-items: center; - position: fixed; - user-select: none; - z-index: $z-index-3; - height: 34px; - border-radius: 17px; - padding: 0 10px 0 7px; - background: rgba(0, 0, 0, 0.75); - pointer-events: none; - img { - width: 24px; - height: 24px; - margin-right: 5px; - border-radius: 50%; - } - p { - max-width: 500px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 12px; - color: var(--background); - line-height: 24px; - img { - display: none; - } - .owo { - display: inline-block; - border-radius: 0; - margin-right: 0; - vertical-align: top; - } - } + display: flex; + align-items: center; + position: fixed; + user-select: none; + z-index: $z-index-3; + height: 34px; + border-radius: 17px; + padding: 0 10px 0 7px; + background: rgba(0, 0, 0, 0.75); + pointer-events: none; + img { + width: 24px; + height: 24px; + margin-right: 5px; + border-radius: 50%; + } + p { + max-width: 500px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 12px; + color: #fff; + line-height: 24px; + img { + display: none; + } + .owo { + display: inline-block; + border-radius: 0; + margin-right: 0; + vertical-align: top; + } + } } .j-drop { - display: flex; - align-items: center; - cursor: pointer; + display: flex; + align-items: center; + cursor: pointer; } .j-loading { - position: fixed; - right: 10px; - width: 30px; - height: 30px; - z-index: $z-index-6; - path, - rect { - fill: var(--theme); - } - &.full { - display: flex; - align-items: center; - justify-content: center; - top: 0 !important; - left: 0; - right: 0; - bottom: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.5); - backdrop-filter: blur(10px); - z-index: $z-index-8; - animation: showFullLoad 0.25s; - svg { - width: 200px; - height: 200px; - } - img { - width: 50px; - } - } + position: fixed; + right: 10px; + width: 30px; + height: 30px; + z-index: $z-index-6; + path, + rect { + fill: var(--theme); + } + &.full { + display: flex; + align-items: center; + justify-content: center; + top: 0 !important; + left: 0; + right: 0; + bottom: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + backdrop-filter: blur(10px); + z-index: $z-index-8; + animation: showFullLoad 0.25s; + svg { + width: 200px; + height: 200px; + } + img { + width: 50px; + } + } } .j-dropdown { - position: absolute; - left: 50%; - transform: translateX(-50%) perspective(600px) rotateX(-45deg); - visibility: hidden; - opacity: 0; - z-index: $z-index-4; - border-top: 3px solid var(--theme); - transition: opacity 0.35s, visibility 0.35s, transform 0.35s; - transform-origin: top; - background: var(--background); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); - border-radius: 0 0 4px 4px; - padding: 10px 0; - text-align: center; - &::before { - content: ''; - position: absolute; - top: -10px; - left: 50%; - transform: translateX(-50%); - width: 0; - height: 0; - border-left: 7px solid transparent; - border-right: 7px solid transparent; - border-bottom: 7px solid var(--theme); - } - &.active { - opacity: 1; - visibility: visible; - transform: translateX(-50%) perspective(600px) rotateX(0); - } - a { - display: block; - padding: 0 15px; - line-height: 36px; - height: 36px; - color: var(--minor); - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - &:hover { - color: var(--theme); - background: var(--classD); - } - &.active { - color: var(--theme); - } - } + position: absolute; + left: 50%; + transform: translateX(-50%) perspective(600px) rotateX(-45deg); + visibility: hidden; + opacity: 0; + z-index: $z-index-4; + border-top: 3px solid var(--theme); + transition: opacity 0.35s, visibility 0.35s, transform 0.35s; + transform-origin: top; + background: var(--background); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); + border-radius: 0 0 4px 4px; + padding: 10px 0; + text-align: center; + &::before { + content: ''; + position: absolute; + top: -10px; + left: 50%; + transform: translateX(-50%); + width: 0; + height: 0; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 7px solid var(--theme); + } + &.active { + opacity: 1; + visibility: visible; + transform: translateX(-50%) perspective(600px) rotateX(0); + } + a { + display: block; + padding: 0 15px; + line-height: 36px; + height: 36px; + color: var(--minor); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + &:hover { + color: var(--theme); + background: var(--classD); + } + &.active { + color: var(--theme); + } + } } .j-header-default { - position: sticky; - top: 0; - background: var(--background); - box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); - z-index: $z-index-5; - width: 100%; - user-select: none; - .progress { - position: absolute; - left: 0; - bottom: -3px; - height: 3px; - background: var(--theme); - opacity: 0.75; - z-index: $z-index-6; - border-radius: 0 1.5px 1.5px 0; - transition: width 0.35s; - } - .above { - border-bottom: 1px solid var(--classC); - .container { - display: flex; - align-items: center; - .logo { - position: relative; - display: flex; - align-items: center; - font-size: 0; - height: 60px; - padding-right: 15px; - margin-right: 15px; - &::after { - content: ''; - position: absolute; - top: 50%; - right: 0; - width: 1px; - height: 20px; - background: var(--classB); - transform: translateY(-50%); - } - a { - img { - max-width: 150px; - max-height: 50px; - object-fit: cover; - } - } - } - .nav { - display: flex; - align-items: center; - .link { - position: relative; - height: 60px; - line-height: 60px; - font-size: 15px; - padding: 0 8px; - margin-right: 15px; - transition: color 0.35s; - white-space: nowrap; - &::after { - content: ''; - position: absolute; - bottom: 0; - left: 0; - right: 0; - height: 3px; - opacity: 0; - transition: opacity 0.35s, transform 0.35s; - border-radius: 6px 6px 0 0; - transform: scale3d(0, 0, 0); - background: var(--theme); - } - &:hover:not(.drops) { - color: var(--theme); - &::after { - opacity: 1; - transform: scale3d(1, 1, 1); - } - } - &.active:not(.drops) { - color: var(--theme); - &::after { - opacity: 1; - transform: scale3d(1, 1, 1); - } - } - &.drops { - color: var(--main); - svg { - width: 15px; - height: 15px; - fill: var(--main); - margin-left: 5px; - margin-top: -3px; - } - .j-dropdown { - min-width: 120px; - max-width: 150px; - } - } - } - } - .search { - position: relative; - display: flex; - align-items: center; - height: 60px; - margin-left: auto; - - input { - background: var(--classC); - width: 170px; - height: 34px; - border: none; - border: 1px solid transparent; - padding: 0 20px; - color: var(--routine); - transition: border-color 0.35s, background 0.35s; - font-size: 13px; - border-radius: 17px 0 0 17px; - &:focus { - background: var(--background); - border-color: var(--theme); - ~ span { - transform: translate3d(0, -50%, 0) rotateY(180deg); - } - } - } - button { - position: relative; - z-index: 1; - height: 34px; - border: none; - background: var(--theme); - color: var(--background); - font-size: 13px; - border-radius: 0 17px 17px 0; - padding: 0 10px; - } - span { - position: absolute; - top: 50%; - left: 142px; - width: 28px; - height: 38px; - background: url(../img/search.png); - background-size: 100% 100%; - transition: transform 0.35s; - transform: translate3d(100%, -50%, 0) rotateY(180deg); - } - } - .slide { - display: none; - position: relative; - width: 20px; - height: 20px; - span { - display: block; - position: absolute; - height: 2px; - width: 20px; - opacity: 1; - left: 0; - transform: rotate(0deg); - top: 0; - background-color: var(--routine); - border-radius: 2px; - transition: top 0.35s ease, transform 0.35s, opacity 0.35s; - &:nth-child(2) { - top: 9px; - } - &:nth-child(3) { - top: 18px; - } - } - &.active { - span:nth-child(1) { - top: 9px; - transform: rotate(45deg); - } - span:nth-child(2) { - opacity: 0; - } - span:nth-child(3) { - top: 9px; - transform: rotate(-45deg); - } - } - } - .search-toggle { - display: none; - text-align: center; - width: 30px; - height: 30px; - line-height: 30px; - margin-left: 15px; - svg { - display: none; - width: 20px; - height: 20px; - fill: var(--routine); - vertical-align: middle; - } - .open { - display: inline-block; - } - &.active { - .open { - display: none; - } - .close { - display: inline-block; - } - } - } - .search-toggle-xs { - display: none; - width: 20px; - height: 20px; - fill: var(--routine); - } - } - } - .below { - .container { - display: flex; - align-items: center; - .nav { - display: flex; - align-items: center; - flex: 1; - width: 0; - .link { - position: relative; - height: 45px; - line-height: 45px; - margin-right: 15px; - color: var(--minor); - &:hover { - color: var(--theme); - } - &.active { - color: var(--theme); - } - .j-drop { - a { - color: var(--minor); - } - svg { - width: 14px; - height: 14px; - fill: var(--minor); - margin-left: 5px; - margin-top: -3px; - } - &:hover { - a { - color: var(--theme); - } - svg { - fill: var(--theme); - } - } - } - .j-dropdown { - top: 55px; - min-width: 120px; - max-width: 150px; - } - } - } - .census { - display: flex; - align-items: center; - height: 45px; - position: relative; - margin-left: 15px; - .j-drop { - span { - color: var(--routine); - } - svg { - width: 15px; - height: 15px; - fill: var(--routine); - margin-right: 5px; - } - &:hover { - span { - color: var(--theme); - } - svg { - fill: var(--theme); - } - } - } - .j-dropdown { - top: 55px; - padding: 20px 15px 0; - #census { - width: 300px; - height: 200px; - } - } - } - .logged { - height: 45px; - display: flex; - align-items: center; - position: relative; - margin-left: 15px; - .j-drop { - span { - color: var(--routine); - } - svg { - width: 15px; - height: 15px; - fill: var(--routine); - margin-right: 5px; - } - &:hover { - span { - color: var(--theme); - } - svg { - fill: var(--theme); - } - } - } - .j-dropdown { - width: 120px; - top: 55px; - } - } - .sign { - display: flex; - align-items: center; - margin-left: 15px; - svg { - width: 15px; - height: 15px; - fill: var(--routine); - margin-right: 5px; - } - .line { - color: var(--minor); - margin: 0 5px; - } - .sign-box { - display: flex; - align-items: center; - position: relative; - height: 45px; - .j-drop { - color: var(--routine); - cursor: pointer; - &:hover { - color: var(--theme); - } - } - .j-dropdown { - top: 55px; - padding: 15px; - width: 250px; - text-align: left; - .form-item { - margin-bottom: 15px; - &:last-child { - margin-bottom: 0; - } - div { - margin-bottom: 5px; - color: var(--routine); - font-size: 12px; - } - input { - width: 100%; - height: 34px; - border-radius: 4px; - border: 1px solid var(--classA); - padding: 0 15px; - color: var(--routine); - transition: border-color 0.35s; - &:focus { - border-color: var(--theme); - } - } - button { - color: var(--background); - width: 100%; - height: 34px; - border: none; - border-radius: 4px; - background: var(--theme); - transition: opacity 0.35s; - &:hover { - opacity: 0.85; - } - } - } - } - } - } - .barrager { - width: 40px; - height: 20px; - position: relative; - border-radius: 10px; - cursor: pointer; - background: var(--minor); - transition: background 0.35s; - margin-left: 15px; - -webkit-appearance: none; - &::after { - content: '弹'; - font-size: 12px; - width: 22px; - height: 22px; - line-height: 22px; - text-align: center; - position: absolute; - color: var(--minor); - top: 50%; - left: 0; - border-radius: 50%; - background-color: var(--background); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.35); - transform: translateY(-50%); - transition: left 0.35s; - } - &:checked { - background-color: var(--theme); - &::after { - left: 20px; - color: var(--theme); - } - } - } - } - } + position: sticky; + top: 0; + background: var(--background); + box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); + z-index: $z-index-5; + width: 100%; + user-select: none; + .progress { + position: absolute; + left: 0; + bottom: -3px; + height: 3px; + background: var(--theme); + opacity: 0.75; + z-index: $z-index-6; + border-radius: 0 1.5px 1.5px 0; + transition: width 0.35s; + } + .above { + border-bottom: 1px solid var(--classC); + .container { + display: flex; + align-items: center; + .logo { + position: relative; + display: flex; + align-items: center; + font-size: 0; + height: 60px; + padding-right: 15px; + margin-right: 15px; + &::after { + content: ''; + position: absolute; + top: 50%; + right: 0; + width: 1px; + height: 20px; + background: var(--classB); + transform: translateY(-50%); + } + a { + img { + max-width: 150px; + max-height: 50px; + object-fit: cover; + } + } + } + .nav { + display: flex; + align-items: center; + .link { + position: relative; + height: 60px; + line-height: 60px; + font-size: 15px; + padding: 0 8px; + margin-right: 15px; + transition: color 0.35s; + white-space: nowrap; + &::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + right: 0; + height: 3px; + opacity: 0; + transition: opacity 0.35s, transform 0.35s; + border-radius: 6px 6px 0 0; + transform: scale3d(0, 0, 0); + background: var(--theme); + } + &:hover:not(.drops) { + color: var(--theme); + &::after { + opacity: 1; + transform: scale3d(1, 1, 1); + } + } + &.active:not(.drops) { + color: var(--theme); + &::after { + opacity: 1; + transform: scale3d(1, 1, 1); + } + } + &.drops { + color: var(--main); + svg { + width: 15px; + height: 15px; + fill: var(--main); + margin-left: 5px; + margin-top: -3px; + } + .j-dropdown { + min-width: 120px; + max-width: 150px; + } + } + } + } + .search { + position: relative; + display: flex; + align-items: center; + height: 60px; + margin-left: auto; + + input { + background: var(--classC); + width: 170px; + height: 34px; + border: none; + border: 1px solid transparent; + padding: 0 20px; + color: var(--routine); + transition: border-color 0.35s, background 0.35s; + font-size: 13px; + border-radius: 17px 0 0 17px; + &:focus { + background: var(--background); + border-color: var(--theme); + ~ span { + transform: translate3d(0, -50%, 0) rotateY(180deg); + } + } + } + button { + position: relative; + z-index: 1; + height: 34px; + border: none; + background: var(--theme); + color: #ffffff; + font-size: 13px; + border-radius: 0 17px 17px 0; + padding: 0 10px; + } + span { + position: absolute; + top: 50%; + left: 142px; + width: 28px; + height: 38px; + background: url(../img/search.png); + background-size: 100% 100%; + transition: transform 0.35s; + transform: translate3d(100%, -50%, 0) rotateY(180deg); + } + } + .slide { + display: none; + position: relative; + width: 20px; + height: 20px; + span { + display: block; + position: absolute; + height: 2px; + width: 20px; + opacity: 1; + left: 0; + transform: rotate(0deg); + top: 0; + background-color: var(--routine); + border-radius: 2px; + transition: top 0.35s ease, transform 0.35s, opacity 0.35s; + &:nth-child(2) { + top: 9px; + } + &:nth-child(3) { + top: 18px; + } + } + &.active { + span:nth-child(1) { + top: 9px; + transform: rotate(45deg); + } + span:nth-child(2) { + opacity: 0; + } + span:nth-child(3) { + top: 9px; + transform: rotate(-45deg); + } + } + } + .search-toggle { + display: none; + text-align: center; + width: 30px; + height: 30px; + line-height: 30px; + margin-left: 15px; + svg { + display: none; + width: 20px; + height: 20px; + fill: var(--routine); + vertical-align: middle; + } + .open { + display: inline-block; + } + &.active { + .open { + display: none; + } + .close { + display: inline-block; + } + } + } + .search-toggle-xs { + display: none; + width: 20px; + height: 20px; + fill: var(--routine); + } + } + } + .below { + .container { + display: flex; + align-items: center; + .nav { + display: flex; + align-items: center; + flex: 1; + width: 0; + .link { + position: relative; + height: 45px; + line-height: 45px; + margin-right: 15px; + color: var(--minor); + &:hover { + color: var(--theme); + } + &.active { + color: var(--theme); + } + .j-drop { + a { + color: var(--minor); + } + svg { + width: 14px; + height: 14px; + fill: var(--minor); + margin-left: 5px; + margin-top: -3px; + } + &:hover { + a { + color: var(--theme); + } + svg { + fill: var(--theme); + } + } + } + .j-dropdown { + top: 55px; + min-width: 120px; + max-width: 150px; + } + } + } + .census { + display: flex; + align-items: center; + height: 45px; + position: relative; + margin-left: 15px; + .j-drop { + span { + color: var(--routine); + } + svg { + width: 15px; + height: 15px; + fill: var(--routine); + margin-right: 5px; + } + &:hover { + span { + color: var(--theme); + } + svg { + fill: var(--theme); + } + } + } + .j-dropdown { + top: 55px; + padding: 20px 15px 0; + #census { + width: 300px; + height: 200px; + } + } + } + .logged { + height: 45px; + display: flex; + align-items: center; + position: relative; + margin-left: 15px; + .j-drop { + span { + color: var(--routine); + } + svg { + width: 15px; + height: 15px; + fill: var(--routine); + margin-right: 5px; + } + &:hover { + span { + color: var(--theme); + } + svg { + fill: var(--theme); + } + } + } + .j-dropdown { + width: 120px; + top: 55px; + } + } + .sign { + display: flex; + align-items: center; + margin-left: 15px; + svg { + width: 15px; + height: 15px; + fill: var(--routine); + margin-right: 5px; + } + .line { + color: var(--minor); + margin: 0 5px; + } + .sign-box { + display: flex; + align-items: center; + position: relative; + height: 45px; + .j-drop { + color: var(--routine); + cursor: pointer; + &:hover { + color: var(--theme); + } + } + .j-dropdown { + top: 55px; + padding: 15px; + width: 250px; + text-align: left; + .form-item { + margin-bottom: 15px; + &:last-child { + margin-bottom: 0; + } + div { + margin-bottom: 5px; + color: var(--routine); + font-size: 12px; + } + input { + width: 100%; + height: 34px; + border-radius: 4px; + border: 1px solid var(--classA); + padding: 0 15px; + color: var(--routine); + transition: border-color 0.35s; + &:focus { + border-color: var(--theme); + } + } + button { + color: #fff; + width: 100%; + height: 34px; + border: none; + border-radius: 4px; + background: var(--theme); + transition: opacity 0.35s; + &:hover { + opacity: 0.85; + } + } + } + } + } + } + .barrager { + width: 40px; + height: 20px; + position: relative; + border-radius: 10px; + cursor: pointer; + background: var(--minor); + transition: background 0.35s; + margin-left: 15px; + -webkit-appearance: none; + &::after { + content: '弹'; + font-size: 12px; + width: 22px; + height: 22px; + line-height: 22px; + text-align: center; + position: absolute; + color: var(--minor); + top: 50%; + left: 0; + border-radius: 50%; + background-color: #fff; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.35); + transform: translateY(-50%); + transition: left 0.35s; + } + &:checked { + background-color: var(--theme); + &::after { + left: 20px; + color: var(--theme); + } + } + } + } + } } .j-header-fluid { - position: sticky; - top: 0; - display: flex; - height: 70px; - background: var(--background); - box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); - z-index: $z-index-5; - width: 100%; - user-select: none; - .progress { - position: absolute; - top: 0; - left: 0; - height: 3px; - background: var(--theme); - opacity: 0.75; - z-index: $z-index-6; - border-radius: 0 1.5px 1.5px 0; - transition: width 0.35s; - } - .left { - display: flex; - align-items: center; - margin-right: auto; - } - .right { - display: flex; - align-items: center; - } - - .logo { - position: relative; - display: flex; - align-items: center; - font-size: 0; - height: 70px; - padding-right: 15px; - margin-right: 15px; - &::after { - content: ''; - position: absolute; - top: 50%; - right: 0; - width: 1px; - height: 20px; - background: var(--classB); - transform: translateY(-50%); - } - a { - display: block; - img { - max-width: 150px; - max-height: 50px; - object-fit: cover; - } - } - } - - .nav { - display: flex; - align-items: center; - .link { - position: relative; - height: 70px; - line-height: 70px; - font-size: 15px; - padding: 0 8px; - margin-right: 15px; - transition: color 0.35s; - &::after { - content: ''; - position: absolute; - bottom: 0; - left: 0; - right: 0; - height: 3px; - opacity: 0; - transition: opacity 0.35s, transform 0.35s; - border-radius: 6px 6px 0 0; - transform: scale3d(0, 0, 0); - background: var(--theme); - } - &:hover { - color: var(--theme); - &::after { - opacity: 1; - transform: scale3d(1, 1, 1); - } - } - &.active { - color: var(--theme); - &::after { - opacity: 1; - transform: scale3d(1, 1, 1); - } - } - } - .drop { - position: relative; - display: flex; - align-items: center; - margin-right: 15px; - - .j-drop { - height: 70px; - span { - color: var(--main); - transition: color 0.35s; - } - svg { - width: 15px; - height: 15px; - fill: var(--main); - margin-left: 5px; - transition: fill 0.35s; - } - &:hover { - span { - color: var(--theme); - } - svg { - fill: var(--theme); - } - } - } - .j-dropdown { - top: 80px; - min-width: 120px; - max-width: 150px; - &.census { - padding: 20px 15px 0; - max-width: none; - #census { - width: 300px; - height: 200px; - } - } - } - } - } - - .search { - position: relative; - display: flex; - align-items: center; - height: 70px; - margin-left: 20px; - input { - background: var(--classC); - width: 170px; - height: 38px; - border: none; - border: 1px solid transparent; - border-right: none; - padding: 0 20px; - color: var(--routine); - transition: border-color 0.35s, background 0.35s; - font-size: 13px; - border-radius: 4px 0 0 4px; - &:focus { - background: var(--background); - border-color: var(--theme); - } - } - button { - display: flex; - align-items: center; - justify-content: center; - width: 38px; - height: 38px; - border: none; - background: var(--theme); - color: var(--background); - font-size: 13px; - border-radius: 0 4px 4px 0; - transition: opacity 0.35s; - &:hover { - opacity: 0.85; - } - svg { - width: 15px; - height: 15px; - fill: var(--background); - transition: fill 0.35s; - } - } - span { - width: 28px; - height: 38px; - background: url(../img/search.png); - background-size: 100% 100%; - } - } - - .logged { - display: flex; - align-items: center; - position: relative; - margin-left: 20px; - height: 70px; - .j-drop { - img { - width: 30px; - height: 30px; - border-radius: 50%; - border: 1px solid var(--classA); - padding: 3px; - transition: transform 0.35s; - } - &:hover { - img { - transform: rotate(360deg); - } - } - } - .j-dropdown { - width: 120px; - top: 70px; - } - } - - .sign { - display: flex; - align-items: center; - margin-left: 20px; - .sign-box { - display: flex; - align-items: center; - position: relative; - height: 70px; - .j-drop { - position: relative; - transform-style: preserve-3d; - transition: transform 0.5s; - font-size: 12px; - border: none; - width: 65px; - height: 28px; - line-height: 28px; - span { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - perspective: 300px; - background: var(--background); - color: var(--element); - border: 1px solid var(--element); - &:first-child { - transform: translateZ(14px); - } - &:last-child { - transform: translateY(14px) rotateX(-90deg); - } - } - &:hover { - transform: rotateX(90deg); - } - } - .j-dropdown { - top: 80px; - padding: 15px; - width: 250px; - text-align: left; - .form-item { - margin-bottom: 15px; - &:last-child { - margin-bottom: 0; - } - div { - margin-bottom: 5px; - color: var(--routine); - font-size: 12px; - } - input { - width: 100%; - height: 34px; - border-radius: 4px; - border: 1px solid var(--classA); - padding: 0 15px; - color: var(--routine); - transition: border-color 0.35s; - &:focus { - border-color: var(--theme); - } - } - button { - color: var(--background); - width: 100%; - height: 34px; - border: none; - border-radius: 4px; - background: var(--theme); - transition: opacity 0.35s; - &:hover { - opacity: 0.85; - } - } - } - } - &:last-child { - span { - color: var(--background); - background: var(--element); - } - } - } - } - - .barrager { - width: 40px; - height: 20px; - position: relative; - border-radius: 10px; - cursor: pointer; - background: var(--minor); - transition: background 0.35s; - -webkit-appearance: none; - &::after { - content: '弹'; - font-size: 12px; - width: 22px; - height: 22px; - line-height: 22px; - text-align: center; - position: absolute; - color: var(--minor); - top: 50%; - left: 0; - border-radius: 50%; - background-color: var(--background); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.35); - transform: translateY(-50%); - transition: left 0.35s; - } - &:checked { - background-color: var(--theme); - &::after { - left: 20px; - color: var(--theme); - } - } - } - - .search-toggle { - display: none; - text-align: center; - width: 30px; - height: 30px; - line-height: 30px; - margin-left: 15px; - svg { - display: none; - width: 20px; - height: 20px; - fill: var(--routine); - vertical-align: middle; - } - .open { - display: inline-block; - } - &.active { - .open { - display: none; - } - .close { - display: inline-block; - } - } - } - - .slide { - display: none; - position: relative; - width: 20px; - height: 20px; - margin-right: 15px; - span { - display: block; - position: absolute; - height: 2px; - width: 20px; - opacity: 1; - left: 0; - transform: rotate(0deg); - top: 0; - background-color: var(--routine); - border-radius: 2px; - transition: top 0.35s ease, transform 0.35s, opacity 0.35s; - &:nth-child(2) { - top: 9px; - } - &:nth-child(3) { - top: 18px; - } - } - &.active { - span:nth-child(1) { - top: 9px; - transform: rotate(45deg); - } - span:nth-child(2) { - opacity: 0; - } - span:nth-child(3) { - top: 9px; - transform: rotate(-45deg); - } - } - } - - .search-toggle-xs { - display: none; - width: 20px; - height: 20px; - fill: var(--routine); - margin-left: auto; - } + position: sticky; + top: 0; + display: flex; + height: 70px; + background: var(--background); + box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); + z-index: $z-index-5; + width: 100%; + user-select: none; + .progress { + position: absolute; + top: 0; + left: 0; + height: 3px; + background: var(--theme); + opacity: 0.75; + z-index: $z-index-6; + border-radius: 0 1.5px 1.5px 0; + transition: width 0.35s; + } + .left { + display: flex; + align-items: center; + margin-right: auto; + } + .right { + display: flex; + align-items: center; + } + + .logo { + position: relative; + display: flex; + align-items: center; + font-size: 0; + height: 70px; + padding-right: 15px; + margin-right: 15px; + &::after { + content: ''; + position: absolute; + top: 50%; + right: 0; + width: 1px; + height: 20px; + background: var(--classB); + transform: translateY(-50%); + } + a { + display: block; + img { + max-width: 150px; + max-height: 50px; + object-fit: cover; + } + } + } + + .nav { + display: flex; + align-items: center; + .link { + position: relative; + height: 70px; + line-height: 70px; + font-size: 15px; + padding: 0 8px; + margin-right: 15px; + transition: color 0.35s; + &::after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + right: 0; + height: 3px; + opacity: 0; + transition: opacity 0.35s, transform 0.35s; + border-radius: 6px 6px 0 0; + transform: scale3d(0, 0, 0); + background: var(--theme); + } + &:hover { + color: var(--theme); + &::after { + opacity: 1; + transform: scale3d(1, 1, 1); + } + } + &.active { + color: var(--theme); + &::after { + opacity: 1; + transform: scale3d(1, 1, 1); + } + } + } + .drop { + position: relative; + display: flex; + align-items: center; + margin-right: 15px; + + .j-drop { + height: 70px; + span { + color: var(--main); + transition: color 0.35s; + } + svg { + width: 15px; + height: 15px; + fill: var(--main); + margin-left: 5px; + transition: fill 0.35s; + } + &:hover { + span { + color: var(--theme); + } + svg { + fill: var(--theme); + } + } + } + .j-dropdown { + top: 80px; + min-width: 120px; + max-width: 150px; + &.census { + padding: 20px 15px 0; + max-width: none; + #census { + width: 300px; + height: 200px; + } + } + } + } + } + + .search { + position: relative; + display: flex; + align-items: center; + height: 70px; + margin-left: 20px; + input { + background: var(--classC); + width: 170px; + height: 38px; + border: none; + border: 1px solid transparent; + border-right: none; + padding: 0 20px; + color: var(--routine); + transition: border-color 0.35s, background 0.35s; + font-size: 13px; + border-radius: 4px 0 0 4px; + &:focus { + background: var(--background); + border-color: var(--theme); + } + } + button { + display: flex; + align-items: center; + justify-content: center; + width: 38px; + height: 38px; + border: none; + background: var(--theme); + color: #fff; + font-size: 13px; + border-radius: 0 4px 4px 0; + transition: opacity 0.35s; + &:hover { + opacity: 0.85; + } + svg { + width: 15px; + height: 15px; + fill: #fff; + transition: fill 0.35s; + } + } + span { + width: 28px; + height: 38px; + background: url(../img/search.png); + background-size: 100% 100%; + } + } + + .logged { + display: flex; + align-items: center; + position: relative; + margin-left: 20px; + height: 70px; + .j-drop { + img { + width: 30px; + height: 30px; + border-radius: 50%; + border: 1px solid var(--classA); + padding: 3px; + transition: transform 0.35s; + } + &:hover { + img { + transform: rotate(360deg); + } + } + } + .j-dropdown { + width: 120px; + top: 70px; + } + } + + .sign { + display: flex; + align-items: center; + margin-left: 20px; + .sign-box { + display: flex; + align-items: center; + position: relative; + height: 70px; + .j-drop { + position: relative; + transform-style: preserve-3d; + transition: transform 0.5s; + font-size: 12px; + border: none; + width: 65px; + height: 28px; + line-height: 28px; + span { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + perspective: 300px; + background: var(--background); + color: var(--element); + border: 1px solid var(--element); + &:first-child { + transform: translateZ(14px); + } + &:last-child { + transform: translateY(14px) rotateX(-90deg); + } + } + &:hover { + transform: rotateX(90deg); + } + } + .j-dropdown { + top: 80px; + padding: 15px; + width: 250px; + text-align: left; + .form-item { + margin-bottom: 15px; + &:last-child { + margin-bottom: 0; + } + div { + margin-bottom: 5px; + color: var(--routine); + font-size: 12px; + } + input { + width: 100%; + height: 34px; + border-radius: 4px; + border: 1px solid var(--classA); + padding: 0 15px; + color: var(--routine); + transition: border-color 0.35s; + &:focus { + border-color: var(--theme); + } + } + button { + color: #fff; + width: 100%; + height: 34px; + border: none; + border-radius: 4px; + background: var(--theme); + transition: opacity 0.35s; + &:hover { + opacity: 0.85; + } + } + } + } + &:last-child { + span { + color: #fff; + background: var(--element); + } + } + } + } + + .barrager { + width: 40px; + height: 20px; + position: relative; + border-radius: 10px; + cursor: pointer; + background: var(--minor); + transition: background 0.35s; + -webkit-appearance: none; + &::after { + content: '弹'; + font-size: 12px; + width: 22px; + height: 22px; + line-height: 22px; + text-align: center; + position: absolute; + color: var(--minor); + top: 50%; + left: 0; + border-radius: 50%; + background-color: #fff; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.35); + transform: translateY(-50%); + transition: left 0.35s; + } + &:checked { + background-color: var(--theme); + &::after { + left: 20px; + color: var(--theme); + } + } + } + + .search-toggle { + display: none; + text-align: center; + width: 30px; + height: 30px; + line-height: 30px; + margin-left: 15px; + svg { + display: none; + width: 20px; + height: 20px; + fill: var(--routine); + vertical-align: middle; + } + .open { + display: inline-block; + } + &.active { + .open { + display: none; + } + .close { + display: inline-block; + } + } + } + + .slide { + display: none; + position: relative; + width: 20px; + height: 20px; + margin-right: 15px; + span { + display: block; + position: absolute; + height: 2px; + width: 20px; + opacity: 1; + left: 0; + transform: rotate(0deg); + top: 0; + background-color: var(--routine); + border-radius: 2px; + transition: top 0.35s ease, transform 0.35s, opacity 0.35s; + &:nth-child(2) { + top: 9px; + } + &:nth-child(3) { + top: 18px; + } + } + &.active { + span:nth-child(1) { + top: 9px; + transform: rotate(45deg); + } + span:nth-child(2) { + opacity: 0; + } + span:nth-child(3) { + top: 9px; + transform: rotate(-45deg); + } + } + } + + .search-toggle-xs { + display: none; + width: 20px; + height: 20px; + fill: var(--routine); + margin-left: auto; + } } .j-actions { - position: fixed; - z-index: $z-index-4; - bottom: 86px; - right: 30px; - .item { - position: relative; - display: flex; - align-items: center; - justify-content: center; - width: 40px; - height: 40px; - background: var(--background); - border-radius: 50%; - cursor: pointer; - margin-top: 15px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 5px 20px rgba(0, 0, 0, 0.2); - transform: scale(0); - transition: transform 0.35s; - svg { - width: 25px; - height: 25px; + position: fixed; + z-index: $z-index-4; + bottom: 86px; + right: 30px; + .item { + position: relative; + display: flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + background: var(--background); + border-radius: 50%; + cursor: pointer; + margin-top: 15px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), 0 5px 20px rgba(0, 0, 0, 0.2); + transform: scale(0); + transition: transform 0.35s; + svg { + width: 25px; + height: 25px; fill: var(--theme); - } - &.active { - transform: scale(1); - } - .color-pick { - position: absolute; - bottom: 0; - right: 50px; - opacity: 0; - visibility: hidden; - transform: perspective(600px) rotateX(45deg); - transition: transform 0.35s, opacity 0.35s, visibility 0.35s; - transform-origin: bottom; - &.active { - opacity: 1; - visibility: visible; - transform: rotateX(0); - } - } - &.light { - transform: scale(1); - svg { - transition: fill 0.35s; - fill: var(--main); - } - &.current { - svg { - fill: var(--theme); - } - } - } - } + } + &.active { + transform: scale(1); + } + .color-pick { + position: absolute; + bottom: 0; + right: 50px; + opacity: 0; + visibility: hidden; + transform: perspective(600px) rotateX(45deg); + transition: transform 0.35s, opacity 0.35s, visibility 0.35s; + transform-origin: bottom; + &.active { + opacity: 1; + visibility: visible; + transform: rotateX(0); + } + } + &.day-light { + .icon-light { + display: block; + } + .icon-moon { + display: none; + } + &.dark { + .icon-light { + display: none; + } + .icon-moon { + display: block; + } + } + } + } } .j-footer { - border-top: 1px solid var(--classB); - color: var(--minor); - .container { - display: flex; - align-items: center; - justify-content: space-between; - height: 66px; - a { - color: var(--minor); - &:hover { - color: var(--theme); - text-decoration: underline; - } - } - .banquan { - display: flex; - align-items: center; - .info { - margin-right: 10px; - } - svg { - width: 18px; - height: 18px; - animation: rotateCount 2s infinite alternate; - } - .time { - margin-left: 5px; - } - } - .banquan-links { - display: flex; - align-items: center; - a { - margin-left: 20px; - &:first-child { - margin-left: 0; - } - } - } - } + border-top: 1px solid var(--classB); + color: var(--minor); + .container { + display: flex; + align-items: center; + justify-content: space-between; + height: 66px; + a { + color: var(--minor); + &:hover { + color: var(--theme); + text-decoration: underline; + } + } + .banquan { + display: flex; + align-items: center; + .info { + margin-right: 10px; + } + svg { + width: 18px; + height: 18px; + animation: rotateCount 2s infinite alternate; + } + .time { + margin-left: 5px; + } + } + .banquan-links { + display: flex; + align-items: center; + a { + margin-left: 20px; + &:first-child { + margin-left: 0; + } + } + } + } } .j-adaption { - position: relative; - width: 0; - min-width: 0; - flex: 1; + position: relative; + width: 0; + min-width: 0; + flex: 1; } .j-index { - display: flex; - padding-top: 20px; - padding-bottom: 20px; - .main { - padding: 0 20px; - background: var(--background); - box-shadow: var(--box-shadow); - border-radius: var(--radius-pc); - .search-title { - display: flex; - align-items: center; - height: 45px; - line-height: 45px; - color: var(--main); - user-select: none; - border-bottom: 1px solid var(--classC); - svg { - width: 20px; - height: 20px; - min-width: 20px; - min-height: 20px; - margin-right: 5px; - } - section { - display: flex; - align-items: center; - .active { - color: var(--theme); - margin: 0 5px; - } - } - } - .index-title { - display: flex; - align-items: center; - user-select: none; - border-bottom: 1px solid var(--classC); - h2 { - position: relative; - color: var(--theme); - font-size: 14px; - font-weight: 500; - height: 40px; - line-height: 40px; - &::after { - content: ''; - position: absolute; - bottom: -2px; - left: 0; - width: 100%; - height: 2px; - background: var(--theme); - z-index: 1; - } - } - .notice { - display: flex; - align-items: center; - margin-left: auto; - height: 40px; - svg { - min-width: 20px; - min-height: 20px; - width: 20px; - height: 20px; - margin-right: 5px; - } - a { - color: var(--minor); - font-size: 14px; - line-height: 20px; - max-width: 300px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - &:hover { - color: var(--theme); - } - } - } - } - .index-ad { - padding-top: 20px; - a { - position: relative; - display: block; - transition: opacity 0.35s; - img { - width: 100%; - height: 200px; - object-fit: cover; - border-radius: calc(var(--radius-pc) / 2); - } - &:hover { - opacity: 0.85; - } - } - } - .index-hot { - padding-top: 20px; - .title { - display: none; - } - .hot { - display: flex; - justify-content: space-around; - li { - width: 25%; - padding: 0 7.5px; - &:first-child { - padding-left: 0; - } - &:last-child { - padding-right: 0; - } - a { - position: relative; - display: block; - transition: opacity 0.35s; - &:hover { - opacity: 0.85; - p { - color: var(--theme); - } - } - img { - width: 100%; - height: 125px; - object-fit: cover; - border-radius: calc(var(--radius-pc) / 2) calc(var(--radius-pc) / 2) 0 0; - } - p { - font-size: 13px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - text-align: center; - padding: 0 10px; - line-height: 32px; - color: var(--minor); - background: var(--classD); - border-radius: 0 0 calc(var(--radius-pc) / 2) calc(var(--radius-pc) / 2); - } - span { - display: flex; - align-items: center; - position: absolute; - top: 5px; - right: 5px; - background: var(--theme); - color: var(--background); - height: 20px; - font-size: 12px; - padding: 0 7px; - border-radius: calc(var(--radius-pc) / 4); - max-width: 150px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - } - } - } - } - .index-banner { - width: 100%; - display: flex; - padding-top: 20px; - .swiper-container { - width: 0; - min-width: 0; - flex: 1; - height: 340px; - min-height: 340px; - max-height: 340px; - border-radius: calc(var(--radius-pc) / 2); - overflow: hidden; - .swiper-slide { - position: relative; - display: block; - background-size: cover; - transition: opacity 0.35s; - height: 340px; - min-height: 340px; - max-height: 340px; - border-radius: calc(var(--radius-pc) / 2); - overflow: hidden; - .lazyload { - width: 100%; - height: 100%; - min-height: 100%; - max-height: 100%; - object-fit: cover; - } - &:hover { - opacity: 0.85; - } - .title { - position: absolute; - z-index: 1; - left: 0; - right: 0; - bottom: 0; - padding: 15px; - text-align: center; - background: linear-gradient(to bottom, rgba(6, 6, 6, 0), rgba(6, 6, 6, 0.5)); - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - color: var(--background); - font-size: 15px; - } - .icon { - position: absolute; - top: 15px; - left: 15px; - width: 18px; - height: 18px; - fill: var(--background); - } - } - } - .recommend { - width: 270px; - margin-left: 20px; - display: flex; - flex-direction: column; - a { - position: relative; - width: 100%; - height: 160px; - margin-bottom: 20px; - border-radius: calc(var(--radius-pc) / 2); - overflow: hidden; - transition: opacity 0.35s; - &:hover { - opacity: 0.85; - } - &:last-child { - margin-bottom: 0; - } - img { - width: 100%; - height: 100%; - object-fit: cover; - } - .desc { - display: flex; - align-items: center; - position: absolute; - z-index: 1; - left: 0; - right: 0; - bottom: 0; - padding: 10px; - background: linear-gradient(to bottom, rgba(6, 6, 6, 0), rgba(6, 6, 6, 0.7)); - color: var(--background); - font-size: 14px; - line-height: 20px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - width: 100%; - .type { - color: var(--background); - font-size: 12px; - background-image: -webkit-gradient(linear, left top, right top, from(#fc712a), to(#f84c39)); - background-image: -webkit-linear-gradient(left, #fc712a, #f84c39); - background-image: -moz-linear-gradient(left, #fc712a, #f84c39); - background-image: linear-gradient(to right, #fc712a, #f84c39); - background-color: #f84c39; - padding: 0 5px; - height: 20px; - line-height: 20px; - border-radius: calc(var(--radius-pc) / 4); - margin-right: 5px; - } - p { - width: 100%; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - } - } - &.noCarousel { - width: 100%; - flex-direction: row; - margin-left: 0; - a { - flex: 1; - margin-bottom: 0; - margin-left: 7.5px; - &:first-child { - margin-left: 0; - margin-right: 7.5px; - } - } - } - } - } - .article { - .empty-result { - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - padding-bottom: 50px; - padding-top: 50px; - font-size: 16px; - color: var(--routine); - user-select: none; - svg { - width: 100px; - height: 100px; - fill: var(--routine); - margin-bottom: 20px; - } - } - .article-list { - position: relative; - width: 100%; - display: flex; - padding: 20px 0; - border-bottom: 1px solid var(--classC); - &:last-child { - border-bottom: none; - } - .picture-box { - position: relative; - width: 210px; - min-width: 210px; - height: 140px; - min-height: 140px; - margin-right: 15px; - border-radius: calc(var(--radius-pc) / 2); - overflow: hidden; - img { - width: 100%; - height: 100%; - object-fit: cover; - } - span { - position: absolute; - top: 5px; - right: 5px; - background: var(--theme); - height: 20px; - line-height: 20px; - padding: 0 10px; - color: var(--background); - font-size: 12px; - border-radius: 10px; - transition: transform 0.35s; - transform: translate3d(120%, 0, 0); - } - svg { - width: 20px; - height: 20px; - position: absolute; - top: 5px; - left: 5px; - fill: var(--background); - } - div { - display: none; - align-items: center; - position: absolute; - bottom: 0; - left: 0; - width: 100%; - padding: 15px; - font-size: 16px; - background: linear-gradient(to bottom, rgba(6, 6, 6, 0), rgba(6, 6, 6, 0.7)); - color: rgba(255, 255, 255, 0.85); - p { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - } - } - .entry-box { - display: flex; - flex-direction: column; - flex: 1; - width: 0; - min-width: 0; - overflow: hidden; - height: 140px; - .title { - display: flex; - align-items: center; - margin-bottom: 10px; - .badge { - height: 20px; - line-height: 20px; - background-image: -webkit-linear-gradient(0deg, #3ca5f6 0%, #a86af9 100%); - color: var(--background); - font-size: 12px; - font-weight: normal; - margin-right: 5px; - border-radius: calc(var(--radius-pc) / 4); - padding: 0 10px; - white-space: nowrap; - vertical-align: top; - } - a { - color: var(--main); - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - font-size: 18px; - line-height: 24px; - &:hover { - color: var(--theme); - } - } - } - .summary { - display: -webkit-box; - -webkit-line-clamp: 2; - /*! autoprefixer: off */ - -webkit-box-orient: vertical; - /* autoprefixer: on */ - overflow: hidden; - text-overflow: ellipsis; - color: var(--minor); - transition: opacity 0.35s; - word-break: break-all; - line-height: 22px; - max-height: 46px; - &:hover { - opacity: 0.8; - } - } - .meta { - display: flex; - margin-top: auto; - align-items: center; - user-select: none; - .item { - display: flex; - align-items: center; - font-size: 13px; - color: var(--minor); - line-height: 20px; - &:nth-child(2) { - p { - max-width: 150px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - } - svg { - width: 20px; - height: 20px; - fill: var(--minor); - margin-right: 3px; - } - a { - color: var(--minor); - &:hover { - color: var(--theme); - } - } - &:last-child { - &::after { - display: none; - } - } - &::after { - content: '/'; - display: block; - color: #e1e1e1; - padding: 0 5px; - } - } - } - .meta-xs { - display: none; - align-items: center; - justify-content: space-between; - border-top: 1px solid var(--classC); - padding-top: 15px; - .item { - display: flex; - align-items: center; - color: #bbb; - font-size: 12px; - svg { - width: 15px; - height: 15px; - fill: #bbb; - margin-right: 5px; - vertical-align: middle; - } - } - } - } - &::after { - content: ''; - position: absolute; - top: 20px; - left: -20px; - width: 4px; - height: 25px; - border-radius: 2px; - background: var(--theme); - transform: scaleY(0); - transition: transform 0.35s; - } - &:hover { - .picture-box { - span { - transform: translate3d(0, 0, 0); - } - } - &::after { - transform: scaleY(1); - } - } - } - } - } + display: flex; + padding-top: 20px; + padding-bottom: 20px; + .main { + padding: 0 20px; + background: var(--background); + box-shadow: var(--box-shadow); + border-radius: var(--radius-pc); + .search-title { + display: flex; + align-items: center; + height: 45px; + line-height: 45px; + color: var(--main); + user-select: none; + border-bottom: 1px solid var(--classC); + svg { + width: 20px; + height: 20px; + min-width: 20px; + min-height: 20px; + margin-right: 5px; + } + section { + display: flex; + align-items: center; + .active { + color: var(--theme); + margin: 0 5px; + } + } + } + .index-title { + display: flex; + align-items: center; + user-select: none; + border-bottom: 1px solid var(--classC); + h2 { + position: relative; + color: var(--theme); + font-size: 14px; + font-weight: 500; + height: 40px; + line-height: 40px; + &::after { + content: ''; + position: absolute; + bottom: -2px; + left: 0; + width: 100%; + height: 2px; + background: var(--theme); + z-index: 1; + } + } + .notice { + display: flex; + align-items: center; + margin-left: auto; + height: 40px; + svg { + min-width: 20px; + min-height: 20px; + width: 20px; + height: 20px; + margin-right: 5px; + } + a { + color: var(--minor); + font-size: 14px; + line-height: 20px; + max-width: 300px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + &:hover { + color: var(--theme); + } + } + } + } + .index-ad { + padding-top: 20px; + a { + position: relative; + display: block; + transition: opacity 0.35s; + img { + width: 100%; + height: 200px; + object-fit: cover; + border-radius: calc(var(--radius-pc) / 2); + } + &:hover { + opacity: 0.85; + } + } + } + .index-hot { + padding-top: 20px; + .title { + display: none; + } + .hot { + display: flex; + justify-content: space-around; + li { + width: 25%; + padding: 0 7.5px; + &:first-child { + padding-left: 0; + } + &:last-child { + padding-right: 0; + } + a { + position: relative; + display: block; + transition: opacity 0.35s; + &:hover { + opacity: 0.85; + p { + color: var(--theme); + } + } + img { + width: 100%; + height: 125px; + object-fit: cover; + border-radius: calc(var(--radius-pc) / 2) calc(var(--radius-pc) / 2) 0 0; + } + p { + font-size: 13px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + text-align: center; + padding: 0 10px; + line-height: 32px; + color: var(--minor); + background: var(--classD); + border-radius: 0 0 calc(var(--radius-pc) / 2) calc(var(--radius-pc) / 2); + } + span { + display: flex; + align-items: center; + position: absolute; + top: 5px; + right: 5px; + background: var(--theme); + color: #fff; + height: 20px; + font-size: 12px; + padding: 0 7px; + border-radius: calc(var(--radius-pc) / 4); + max-width: 150px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + } + } + } + } + .index-banner { + width: 100%; + display: flex; + padding-top: 20px; + .swiper-container { + width: 0; + min-width: 0; + flex: 1; + height: 340px; + min-height: 340px; + max-height: 340px; + border-radius: calc(var(--radius-pc) / 2); + overflow: hidden; + .swiper-slide { + position: relative; + display: block; + background-size: cover; + transition: opacity 0.35s; + height: 340px; + min-height: 340px; + max-height: 340px; + border-radius: calc(var(--radius-pc) / 2); + overflow: hidden; + .lazyload { + width: 100%; + height: 100%; + min-height: 100%; + max-height: 100%; + object-fit: cover; + } + &:hover { + opacity: 0.85; + } + .title { + position: absolute; + z-index: 1; + left: 0; + right: 0; + bottom: 0; + padding: 15px; + text-align: center; + background: linear-gradient(to bottom, rgba(6, 6, 6, 0), rgba(6, 6, 6, 0.5)); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + color: #fff; + font-size: 15px; + } + .icon { + position: absolute; + top: 15px; + left: 15px; + width: 18px; + height: 18px; + fill: #fff; + } + } + } + .recommend { + width: 270px; + margin-left: 20px; + display: flex; + flex-direction: column; + a { + position: relative; + width: 100%; + height: 160px; + margin-bottom: 20px; + border-radius: calc(var(--radius-pc) / 2); + overflow: hidden; + transition: opacity 0.35s; + &:hover { + opacity: 0.85; + } + &:last-child { + margin-bottom: 0; + } + img { + width: 100%; + height: 100%; + object-fit: cover; + } + .desc { + display: flex; + align-items: center; + position: absolute; + z-index: 1; + left: 0; + right: 0; + bottom: 0; + padding: 10px; + background: linear-gradient(to bottom, rgba(6, 6, 6, 0), rgba(6, 6, 6, 0.7)); + color: #fff; + font-size: 14px; + line-height: 20px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + width: 100%; + .type { + color: #fff; + font-size: 12px; + background-image: -webkit-gradient(linear, left top, right top, from(#fc712a), to(#f84c39)); + background-image: -webkit-linear-gradient(left, #fc712a, #f84c39); + background-image: -moz-linear-gradient(left, #fc712a, #f84c39); + background-image: linear-gradient(to right, #fc712a, #f84c39); + background-color: #f84c39; + padding: 0 5px; + height: 20px; + line-height: 20px; + border-radius: calc(var(--radius-pc) / 4); + margin-right: 5px; + } + p { + width: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + } + } + &.noCarousel { + width: 100%; + flex-direction: row; + margin-left: 0; + a { + flex: 1; + margin-bottom: 0; + margin-left: 7.5px; + &:first-child { + margin-left: 0; + margin-right: 7.5px; + } + } + } + } + } + .article { + .empty-result { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + padding-bottom: 50px; + padding-top: 50px; + font-size: 16px; + color: var(--routine); + user-select: none; + svg { + width: 100px; + height: 100px; + fill: var(--routine); + margin-bottom: 20px; + } + } + .article-list { + position: relative; + width: 100%; + display: flex; + padding: 20px 0; + border-bottom: 1px solid var(--classC); + &:last-child { + border-bottom: none; + } + .picture-box { + position: relative; + width: 210px; + min-width: 210px; + height: 140px; + min-height: 140px; + margin-right: 15px; + border-radius: calc(var(--radius-pc) / 2); + overflow: hidden; + img { + width: 100%; + height: 100%; + object-fit: cover; + } + span { + position: absolute; + top: 5px; + right: 5px; + background: var(--theme); + height: 20px; + line-height: 20px; + padding: 0 10px; + color: #fff; + font-size: 12px; + border-radius: 10px; + transition: transform 0.35s; + transform: translate3d(120%, 0, 0); + } + svg { + width: 20px; + height: 20px; + position: absolute; + top: 5px; + left: 5px; + fill: #fff; + } + div { + display: none; + align-items: center; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + padding: 15px; + font-size: 16px; + background: linear-gradient(to bottom, rgba(6, 6, 6, 0), rgba(6, 6, 6, 0.7)); + color: rgba(255, 255, 255, 0.85); + p { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + } + } + .entry-box { + display: flex; + flex-direction: column; + flex: 1; + width: 0; + min-width: 0; + overflow: hidden; + height: 140px; + .title { + display: flex; + align-items: center; + margin-bottom: 10px; + .badge { + height: 20px; + line-height: 20px; + background-image: -webkit-linear-gradient(0deg, #3ca5f6 0%, #a86af9 100%); + color: #fff; + font-size: 12px; + font-weight: normal; + margin-right: 5px; + border-radius: calc(var(--radius-pc) / 4); + padding: 0 10px; + white-space: nowrap; + vertical-align: top; + } + a { + color: var(--main); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + font-size: 18px; + line-height: 24px; + &:hover { + color: var(--theme); + } + } + } + .summary { + display: -webkit-box; + -webkit-line-clamp: 2; + /*! autoprefixer: off */ + -webkit-box-orient: vertical; + /* autoprefixer: on */ + overflow: hidden; + text-overflow: ellipsis; + color: var(--minor); + transition: opacity 0.35s; + word-break: break-all; + line-height: 22px; + max-height: 46px; + &:hover { + opacity: 0.8; + } + } + .meta { + display: flex; + margin-top: auto; + align-items: center; + user-select: none; + .item { + display: flex; + align-items: center; + font-size: 13px; + color: var(--minor); + line-height: 20px; + &:nth-child(2) { + p { + max-width: 150px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + } + svg { + width: 20px; + height: 20px; + fill: var(--minor); + margin-right: 3px; + } + a { + color: var(--minor); + &:hover { + color: var(--theme); + } + } + &:last-child { + &::after { + display: none; + } + } + &::after { + content: '/'; + display: block; + color: #e1e1e1; + padding: 0 5px; + } + } + } + .meta-xs { + display: none; + align-items: center; + justify-content: space-between; + border-top: 1px solid var(--classC); + padding-top: 15px; + .item { + display: flex; + align-items: center; + color: #bbb; + font-size: 12px; + svg { + width: 15px; + height: 15px; + fill: #bbb; + margin-right: 5px; + vertical-align: middle; + } + } + } + } + &::after { + content: ''; + position: absolute; + top: 20px; + left: -20px; + width: 4px; + height: 25px; + border-radius: 2px; + background: var(--theme); + transform: scaleY(0); + transition: transform 0.35s; + } + &:hover { + .picture-box { + span { + transform: translate3d(0, 0, 0); + } + } + &::after { + transform: scaleY(1); + } + } + } + } + } } .j-index { - .main.type1 { - padding: unset; - background: unset; - box-shadow: unset; - border-radius: unset; - .index-banner { - background: var(--background); - padding: 20px; - margin-bottom: 20px; - box-shadow: var(--box-shadow); - border-radius: var(--radius-pc); - } - .index-hot { - background: var(--background); - padding: 20px; - box-shadow: var(--box-shadow); - margin-bottom: 20px; - border-radius: var(--radius-pc); - } - .index-ad { - margin-bottom: 20px; - box-shadow: var(--box-shadow); - padding-top: unset; - border-radius: var(--radius-pc); - } - .index-title { - background: var(--background); - padding: 0 20px; - margin-bottom: 20px; - border-radius: 20.5px; - h2 { - display: none; - } - .notice { - margin-left: unset; - } - } - .search-title { - background: var(--background); - margin-bottom: 20px; - border-bottom: unset; - padding: 0 20px; - } - .article { - .article-list { - background: var(--background); - padding: 20px; - margin-bottom: 20px; - border-bottom: unset; - border-radius: var(--radius-pc); - &:last-child { - margin-bottom: unset; - } - &::after { - left: 0; - } - } - } - } + .main.type1 { + padding: unset; + background: unset; + box-shadow: unset; + border-radius: unset; + .index-banner { + background: var(--background); + padding: 20px; + margin-bottom: 20px; + box-shadow: var(--box-shadow); + border-radius: var(--radius-pc); + } + .index-hot { + background: var(--background); + padding: 20px; + box-shadow: var(--box-shadow); + margin-bottom: 20px; + border-radius: var(--radius-pc); + } + .index-ad { + margin-bottom: 20px; + box-shadow: var(--box-shadow); + padding-top: unset; + border-radius: var(--radius-pc); + } + .index-title { + background: var(--background); + padding: 0 20px; + margin-bottom: 20px; + border-radius: 20.5px; + h2 { + display: none; + } + .notice { + margin-left: unset; + } + } + .search-title { + background: var(--background); + margin-bottom: 20px; + border-bottom: unset; + padding: 0 20px; + } + .article { + .article-list { + background: var(--background); + padding: 20px; + margin-bottom: 20px; + border-bottom: unset; + border-radius: var(--radius-pc); + &:last-child { + margin-bottom: unset; + } + &::after { + left: 0; + } + } + } + } } .j-ad { - position: absolute; - top: 10px; - right: 10px; - font-size: 12px; - background: rgba(0, 0, 0, 0.25); - padding: 2px 5px; - border-radius: 2px; - color: var(--classD); + position: absolute; + top: 10px; + right: 10px; + font-size: 12px; + background: rgba(0, 0, 0, 0.25); + padding: 2px 5px; + border-radius: 2px; + color: var(--classD); } .j-aside { - transition: width 0.35s; - user-select: none; - - .aside { - display: block; - width: 250px; - margin-bottom: 20px; - border-radius: var(--radius-pc); - overflow: hidden; - box-shadow: var(--box-shadow); - margin-left: 20px; - &:last-child { - position: sticky; - margin-bottom: 0; - } - h3 { - border-bottom: 1px solid var(--classC); - font-size: 15px; - font-weight: 500; - height: 45px; - line-height: 45px; - padding: 0 15px; - color: var(--main); - } - .empty { - padding: 15px; - text-align: center; - font-size: 12px; - color: var(--minor); - } - } - .aside-ad { - position: relative; - height: 190px; - img { - width: 100%; - height: 100%; - object-fit: cover; - } - } - .aside-custom { - padding: 15px; - background: var(--background); - } - .aside-visitor { - img { - width: 100%; - } - } - .aside-wether { - background: var(--background); - .content { - position: relative; - padding: 15px; - min-height: 300px; - .loading { - display: flex; - align-items: center; - justify-content: center; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: var(--background); - z-index: $z-index-3; - transition: opacity 0.35s; - svg { - width: 30px; - height: 30px; - path, - rect { - fill: var(--theme); - } - } - &.active { - opacity: 0; - visibility: hidden; - } - } - } - } - .aside-cloud { - background: var(--background); - .cloud { - padding: 15px; - svg { - vertical-align: middle; - } - } - #cloudList { - display: none; - } - } - .aside-reply { - background: var(--background); - .list { - padding: 15px; - li { - margin-bottom: 15px; - border-bottom: 1px dashed var(--classC); - padding-bottom: 15px; - user-select: none; - &:last-child { - margin-bottom: 0; - border-bottom-color: transparent; - padding-bottom: 0; - } - - .user { - display: flex; - margin-bottom: 12px; - img { - width: 40px; - height: 40px; - min-width: 40px; - min-height: 40px; - margin-right: 12px; - border-radius: 50%; - border: 1px solid var(--classA); - padding: 3px; - } - .info { - display: flex; - flex-direction: column; - justify-content: space-between; - - .name { - color: var(--main); - font-weight: 600; - max-width: 150px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - - span { - font-size: 12px; - color: var(--minor); - } - } - } - - .reply { - position: relative; - background: var(--classD); - border-radius: 6px; - padding: 5px 10px; - &::before { - content: ''; - display: block; - width: 0; - height: 0; - border-bottom: 6px solid var(--classD); - border-left: 6px solid transparent; - border-right: 6px solid transparent; - position: absolute; - left: 15px; - bottom: 100%; - } - a { - display: none; - color: var(--minor); - font-size: 13px; - -webkit-line-clamp: 1; - /*! autoprefixer: off */ - -webkit-box-orient: vertical; - /* autoprefixer: on */ - overflow: hidden; - text-overflow: ellipsis; - font-weight: 500; - line-height: 24px; - .owo { - height: 22px; - vertical-align: top; - } - &:hover { - color: var(--theme); - } - p { - display: inline; - } - } - } - } - } - } - .aside-hot { - background: var(--background); - ul { - padding: 15px; - li { - margin-bottom: 15px; - a { - position: relative; - display: block; - border-radius: calc(var(--radius-pc) / 2); - overflow: hidden; - &:hover { - img { - transform: scale(1.2); - } - } - img { - width: 100%; - height: 130px; - object-fit: cover; - transition: transform 0.35s; - } - .info { - position: absolute; - z-index: 1; - left: 0; - right: 0; - bottom: 0; - padding: 10px; - background: linear-gradient(to bottom, rgba(6, 6, 6, 0), rgba(6, 6, 6, 0.7)); - font-size: 12px; - p { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - color: var(--background); - line-height: 24px; - font-size: 14px; - } - span { - color: var(--seat); - } - } - .tip { - position: absolute; - top: 5px; - right: -20px; - background: #7f7f8c; - color: var(--background); - width: 65px; - text-align: center; - font-size: 12px; - transform: rotate(45deg); - font-weight: 500; - } - } - &:nth-child(1) { - a .tip { - background: #ff183e; - } - } - &:nth-child(2) { - a .tip { - background: #ff5c38; - } - } - &:nth-child(3) { - a .tip { - background: #ffb821; - } - } - &:last-child { - margin-bottom: 0; - } - } - } - } - .aside-user { - background: var(--background); - padding: 45px 15px 15px; - position: relative; - &:hover { - &::after { - display: block; - } - } - &::before { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 120px; - background: url(../img/aside-author-bg.jpg) no-repeat; - background-size: cover; - } - &::after { - display: none; - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 268px; - background: url(../img/snow.gif) no-repeat; - background-size: cover; - } - .user { - position: relative; - z-index: $z-index-1; - display: flex; - flex-direction: column; - align-items: center; - padding-bottom: 20px; - img { - width: 80px; - height: 80px; - border-radius: 50%; - margin-bottom: 10px; - user-select: none; - background: var(--background); - padding: 5px; - transition: transform 0.75s; - &:hover { - transform: rotate(360deg); - } - } - a { - color: var(--theme); - margin-bottom: 10px; - font-size: 16px; - font-weight: 500; - &:hover { - text-decoration: underline; - } - } - .p { - display: none; - color: var(--main); - text-align: center; - user-select: none; - } - } - .webinfo { - width: 100%; - padding-bottom: 20px; - display: flex; - align-items: center; - border-bottom: 1px solid var(--classC); - - .item { - width: 0; - min-width: 0; - flex: 1; - display: flex; - flex-direction: column; - align-items: center; - color: var(--routine); - font-size: 12px; - - .num { - max-width: 70px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - font-weight: 500; - font-size: 22px; - color: var(--main); - margin-bottom: 3px; - text-shadow: var(--text_shadow); - } - - &:first-child { - border-right: 1px solid var(--classC); - } - } - } - .articles { - width: 100%; - overflow: hidden; - padding-top: 15px; - - li { - display: flex; - align-items: center; - justify-content: space-between; - line-height: 32px; - - a { - color: var(--routine); - max-width: 85%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - - &:hover { - color: var(--theme); - text-decoration: underline; - } - } - - svg { - width: 16px; - height: 16px; - fill: var(--routine); - } - } - } - } - .aside-count { - background: var(--background); - .content { - padding: 15px; - .item { - margin-bottom: 15px; - &:last-child { - margin-bottom: 0; - } - .title { - font-size: 12px; - color: var(--minor); - margin-bottom: 5px; - display: flex; - align-items: center; - span { - color: var(--theme); - font-weight: 500; - font-size: 14px; - margin: 0 5px; - } - } - .progress { - display: flex; - align-items: center; - .progress-bar { - height: 10px; - border-radius: 5px; - overflow: hidden; - background: var(--classC); - width: 0; - min-width: 0; - flex: 1; - margin-right: 5px; - .progress-inner { - width: 0; - height: 100%; - border-radius: 5px; - transition: width 0.35s; - animation: progress 750ms linear infinite; - } - .progress-inner-1 { - background: #bde6ff; - background-image: linear-gradient(135deg, #50bfff 25%, transparent 25%, transparent 50%, #50bfff 50%, #50bfff 75%, transparent 75%, transparent 100%); - background-size: 30px 30px; - } - .progress-inner-2 { - background: #ffd980; - background-image: linear-gradient(135deg, #f7ba2a 25%, transparent 25%, transparent 50%, #f7ba2a 50%, #f7ba2a 75%, transparent 75%, transparent 100%); - background-size: 30px 30px; - } - .progress-inner-3 { - background: #ffa9a9; - background-image: linear-gradient(135deg, #ff4949 25%, transparent 25%, transparent 50%, #ff4949 50%, #ff4949 75%, transparent 75%, transparent 100%); - background-size: 30px 30px; - } - .progress-inner-4 { - background: #67c23a; - background-image: linear-gradient(135deg, #4f9e28 25%, transparent 25%, transparent 50%, #4f9e28 50%, #4f9e28 75%, transparent 75%, transparent 100%); - background-size: 30px 30px; - } - } - .progress-percentage { - color: var(--info); - } - } - } - } - } - .aside-ranking { - background: var(--background); - .list { - padding: 10px 0; - li { - display: flex; - align-items: center; - line-height: 32px; - padding: 0 15px; - - span { - color: var(--minor); - font-weight: 700; - font-size: 18px; - width: 18px; - min-width: 18px; - max-width: 18px; - } - a { - width: 0; - min-width: 0; - flex: 1; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - color: var(--routine); - &:hover { - color: var(--theme); - text-decoration: underline; - } - } - &:nth-child(1) { - span { - color: #fe2d46; - } - } - &:nth-child(2) { - span { - color: #f60; - } - } - &:nth-child(3) { - span { - color: #faa90e; - } - } - } - } - } + transition: width 0.35s; + user-select: none; + + .aside { + display: block; + width: 250px; + margin-bottom: 20px; + border-radius: var(--radius-pc); + overflow: hidden; + box-shadow: var(--box-shadow); + margin-left: 20px; + &:last-child { + position: sticky; + margin-bottom: 0; + } + h3 { + display: flex; + align-items: center; + border-bottom: 1px solid var(--classC); + font-size: 16px; + font-weight: 500; + height: 45px; + line-height: 45px; + padding: 0 15px; + color: var(--main); + .icon { + fill: var(--main); + width: 18px; + height: 18px; + margin-right: 8px; + } + .line { + width: 10px; + height: 1px; + background: #54b5db; + margin-left: 12px; + } + } + .empty { + padding: 15px; + text-align: center; + font-size: 12px; + color: var(--minor); + } + } + .aside-ad { + position: relative; + height: 190px; + img { + width: 100%; + height: 100%; + object-fit: cover; + } + } + .aside-custom { + padding: 15px; + background: var(--background); + } + .aside-visitor { + img { + width: 100%; + } + } + .aside-wether { + background: var(--background); + .content { + position: relative; + padding: 15px; + min-height: 300px; + .loading { + display: flex; + align-items: center; + justify-content: center; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: var(--background); + z-index: $z-index-3; + transition: opacity 0.35s; + svg { + width: 30px; + height: 30px; + path, + rect { + fill: var(--theme); + } + } + &.active { + opacity: 0; + visibility: hidden; + } + } + } + } + .aside-cloud { + background: var(--background); + .cloud { + padding: 15px; + svg { + vertical-align: middle; + } + } + #cloudList { + display: none; + } + } + .aside-reply { + background: var(--background); + .list { + padding: 15px; + li { + margin-bottom: 15px; + border-bottom: 1px dashed var(--classC); + padding-bottom: 15px; + user-select: none; + &:last-child { + margin-bottom: 0; + border-bottom-color: transparent; + padding-bottom: 0; + } + + .user { + display: flex; + margin-bottom: 12px; + img { + width: 40px; + height: 40px; + min-width: 40px; + min-height: 40px; + margin-right: 12px; + border-radius: 50%; + border: 1px solid var(--classA); + padding: 3px; + } + .info { + display: flex; + flex-direction: column; + justify-content: space-between; + + .name { + color: var(--main); + font-weight: 600; + max-width: 150px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + span { + font-size: 12px; + color: var(--minor); + } + } + } + + .reply { + position: relative; + background: var(--classD); + border-radius: 6px; + padding: 5px 10px; + &::before { + content: ''; + display: block; + width: 0; + height: 0; + border-bottom: 6px solid var(--classD); + border-left: 6px solid transparent; + border-right: 6px solid transparent; + position: absolute; + left: 15px; + bottom: 100%; + } + a { + display: none; + color: var(--minor); + font-size: 13px; + -webkit-line-clamp: 1; + /*! autoprefixer: off */ + -webkit-box-orient: vertical; + /* autoprefixer: on */ + overflow: hidden; + text-overflow: ellipsis; + font-weight: 500; + line-height: 24px; + .owo { + height: 22px; + vertical-align: top; + } + &:hover { + color: var(--theme); + } + p { + display: inline; + } + } + } + } + } + } + .aside-hot { + background: var(--background); + ul { + padding: 15px; + li { + margin-bottom: 15px; + a { + position: relative; + display: block; + border-radius: calc(var(--radius-pc) / 2); + overflow: hidden; + &:hover { + img { + transform: scale(1.2); + } + } + img { + width: 100%; + height: 130px; + object-fit: cover; + transition: transform 0.35s; + } + .info { + position: absolute; + z-index: 1; + left: 0; + right: 0; + bottom: 0; + padding: 10px; + background: linear-gradient(to bottom, rgba(6, 6, 6, 0), rgba(6, 6, 6, 0.7)); + font-size: 12px; + p { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + color: #fff; + line-height: 24px; + font-size: 14px; + } + span { + color: var(--seat); + } + } + .tip { + position: absolute; + top: 5px; + right: -20px; + background: #7f7f8c; + color: #fff; + width: 65px; + text-align: center; + font-size: 12px; + transform: rotate(45deg); + font-weight: 500; + } + } + &:nth-child(1) { + a .tip { + background: #ff183e; + } + } + &:nth-child(2) { + a .tip { + background: #ff5c38; + } + } + &:nth-child(3) { + a .tip { + background: #ffb821; + } + } + &:last-child { + margin-bottom: 0; + } + } + } + } + .aside-user { + background: var(--background); + padding: 45px 15px 15px; + position: relative; + &:hover { + &::after { + display: block; + } + } + &::before { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 120px; + background: url(../img/aside-author-bg.jpg) no-repeat; + background-size: cover; + } + &::after { + display: none; + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 268px; + background: url(../img/snow.gif) no-repeat; + background-size: cover; + } + .user { + position: relative; + z-index: $z-index-1; + display: flex; + flex-direction: column; + align-items: center; + padding-bottom: 20px; + img { + width: 80px; + height: 80px; + border-radius: 50%; + margin-bottom: 10px; + user-select: none; + background: var(--background); + padding: 5px; + transition: transform 0.75s; + &:hover { + transform: rotate(360deg); + } + } + a { + color: var(--theme); + margin-bottom: 10px; + font-size: 16px; + font-weight: 500; + &:hover { + text-decoration: underline; + } + } + .p { + display: none; + color: var(--main); + text-align: center; + user-select: none; + } + } + .webinfo { + width: 100%; + padding-bottom: 20px; + display: flex; + align-items: center; + border-bottom: 1px solid var(--classC); + + .item { + width: 0; + min-width: 0; + flex: 1; + display: flex; + flex-direction: column; + align-items: center; + color: var(--routine); + font-size: 12px; + + .num { + max-width: 70px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + font-weight: 500; + font-size: 22px; + color: var(--main); + margin-bottom: 3px; + text-shadow: var(--text_shadow); + } + + &:first-child { + border-right: 1px solid var(--classC); + } + } + } + .articles { + width: 100%; + overflow: hidden; + padding-top: 15px; + + li { + display: flex; + align-items: center; + justify-content: space-between; + line-height: 32px; + + a { + color: var(--routine); + max-width: 85%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + + &:hover { + color: var(--theme); + text-decoration: underline; + } + } + + svg { + width: 16px; + height: 16px; + fill: var(--routine); + } + } + } + } + .aside-count { + background: var(--background); + .content { + padding: 15px; + .item { + margin-bottom: 15px; + &:last-child { + margin-bottom: 0; + } + .title { + font-size: 12px; + color: var(--minor); + margin-bottom: 5px; + display: flex; + align-items: center; + span { + color: var(--theme); + font-weight: 500; + font-size: 14px; + margin: 0 5px; + } + } + .progress { + display: flex; + align-items: center; + .progress-bar { + height: 10px; + border-radius: 5px; + overflow: hidden; + background: var(--classC); + width: 0; + min-width: 0; + flex: 1; + margin-right: 5px; + .progress-inner { + width: 0; + height: 100%; + border-radius: 5px; + transition: width 0.35s; + animation: progress 750ms linear infinite; + } + .progress-inner-1 { + background: #bde6ff; + background-image: linear-gradient(135deg, #50bfff 25%, transparent 25%, transparent 50%, #50bfff 50%, #50bfff 75%, transparent 75%, transparent 100%); + background-size: 30px 30px; + } + .progress-inner-2 { + background: #ffd980; + background-image: linear-gradient(135deg, #f7ba2a 25%, transparent 25%, transparent 50%, #f7ba2a 50%, #f7ba2a 75%, transparent 75%, transparent 100%); + background-size: 30px 30px; + } + .progress-inner-3 { + background: #ffa9a9; + background-image: linear-gradient(135deg, #ff4949 25%, transparent 25%, transparent 50%, #ff4949 50%, #ff4949 75%, transparent 75%, transparent 100%); + background-size: 30px 30px; + } + .progress-inner-4 { + background: #67c23a; + background-image: linear-gradient(135deg, #4f9e28 25%, transparent 25%, transparent 50%, #4f9e28 50%, #4f9e28 75%, transparent 75%, transparent 100%); + background-size: 30px 30px; + } + } + .progress-percentage { + color: var(--info); + } + } + } + } + } + .aside-ranking { + background: var(--background); + .list { + padding: 10px 0; + li { + display: flex; + align-items: center; + line-height: 32px; + padding: 0 15px; + + span { + color: var(--minor); + font-weight: 700; + font-size: 18px; + width: 18px; + min-width: 18px; + max-width: 18px; + } + a { + width: 0; + min-width: 0; + flex: 1; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + color: var(--routine); + &:hover { + color: var(--theme); + text-decoration: underline; + } + } + &:nth-child(1) { + span { + color: #fe2d46; + } + } + &:nth-child(2) { + span { + color: #f60; + } + } + &:nth-child(3) { + span { + color: #faa90e; + } + } + } + } + } } .j-pagination { - display: flex; - align-items: center; - justify-content: flex-end; - padding-top: 20px; - user-select: none; - li { - margin-left: 5px; - &:first-child { - margin-left: 0; - } - a { - display: flex; - height: 32px; - align-items: center; - color: var(--main); - padding: 0 15px; - background: var(--background); - border-radius: 2px; - transition: background 0.35s, color 0.35s; - &:hover { - background: var(--theme); - color: var(--background); - svg { - fill: var(--background); - } - } - svg { - width: 12px; - height: 12px; - fill: var(--routine); - transition: fill 0.35s; - } - } - &.next { - a { - svg { - transform: rotateY(180deg); - } - } - } - &.active { - a { - background: var(--theme); - color: var(--background); - font-weight: 500; - } - } - } + display: flex; + align-items: center; + justify-content: flex-end; + padding-top: 20px; + user-select: none; + li { + margin-left: 5px; + &:first-child { + margin-left: 0; + } + a { + display: flex; + height: 32px; + align-items: center; + color: var(--main); + padding: 0 15px; + background: var(--background); + border-radius: 2px; + transition: background 0.35s, color 0.35s; + &:hover { + background: var(--theme); + color: #fff; + svg { + fill: #fff; + } + } + svg { + width: 12px; + height: 12px; + fill: var(--routine); + transition: fill 0.35s; + } + } + &.next { + svg { + transform: rotate(180deg); + } + } + &.active { + a { + background: var(--theme); + color: #fff; + font-weight: 500; + } + } + } } .j-bread { - padding-top: 20px; - ul { - display: flex; - align-items: center; - user-select: none; - li { - color: var(--minor); - - white-space: nowrap; - a { - color: var(--routine); - &:hover { - color: var(--theme); - } - } - &.home { - display: flex; - align-items: center; - svg { - width: 15px; - height: 15px; - min-width: 15px; - min-height: 15px; - fill: var(--routine); - margin-right: 2px; - } - } - &:nth-child(3) { - overflow: hidden; - text-overflow: ellipsis; - max-width: 300px; - } - } - .line { - color: var(--seat); - padding: 0 7px; - } - } + padding-top: 20px; + ul { + display: flex; + align-items: center; + user-select: none; + li { + color: var(--minor); + + white-space: nowrap; + a { + color: var(--routine); + &:hover { + color: var(--theme); + } + } + &.home { + display: flex; + align-items: center; + svg { + width: 15px; + height: 15px; + min-width: 15px; + min-height: 15px; + fill: var(--routine); + margin-right: 2px; + } + } + &:nth-child(3) { + overflow: hidden; + text-overflow: ellipsis; + max-width: 300px; + } + } + .line { + color: var(--seat); + padding: 0 7px; + } + } } .j-post { - display: flex; - padding-top: 20px; - padding-bottom: 20px; - .j-floor { - position: absolute; - top: 0; - bottom: 0; - left: -20px; - transform: translateX(-100%); - .contain { - position: sticky; - transition: top 0.5s; - background: var(--background); - box-shadow: var(--box_shadow); - padding: 15px; - border-radius: var(--radius-pc); - width: 200px; - max-height: 444px; - overflow-y: auto; - -webkit-overflow-scrolling: touch; - .title { - font-weight: 700; - color: var(--main); - margin-bottom: 15px; - font-size: 15px; - line-height: 20px; - } - ul { - li { - ul { - padding-left: 2em; - ul { - padding-left: 0; - } - } - a { - user-select: none; - cursor: pointer; - padding-left: 5px; - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - color: var(--routine); - line-height: 32px; - &:hover { - color: var(--theme); - } - } - &.visible { - > a { - color: var(--theme); - } - } - } - } - .toc-marker { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - pointer-events: none; - path { - transition: all 0.35s; - } - } - } - } - .j-stretch { - display: none; - position: absolute; - top: 0; - bottom: 0; - right: 0; - padding: 20px 0; - .contain { - position: sticky; - transition: top 0.5s; - animation: swingIconSet 2s infinite linear alternate; - z-index: $z-index-3; - &::before { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 10px; - height: 25px; - border-top: 2px solid var(--minor); - border-right: 2px solid var(--minor); - transition: border 0.35s; - } - svg { - position: absolute; - top: 25px; - left: -3px; - width: 24px; - height: 24px; - fill: var(--minor); - cursor: pointer; - transition: fill 0.35s; - } - &:hover { - animation-play-state: paused; - svg { - fill: var(--theme); - } - &::before { - border-color: var(--theme); - } - } - } - &.active { - display: block; - } - } - .video { - position: relative; - z-index: 1; - margin: 20px 0; - .player-box { - position: relative; - background: var(--classD); - padding-top: 60px; - margin-bottom: 20px; - .title { - position: absolute; - top: 15px; - left: -10px; - background: var(--theme); - color: var(--background); - font-weight: 500; - box-shadow: 2px 5px 10px rgba(49, 58, 70, 0.15); - height: 30px; - line-height: 30px; - padding: 0 10px; - border-radius: 2px 2px 2px 0; - max-width: 50%; - &::before { - content: ''; - border-style: solid; - border-width: 10px; - display: block; - position: absolute; - bottom: -10px; - left: 0; - margin-bottom: -10px; - z-index: -1; - border-color: var(--theme) transparent transparent; - } - span { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - } - .player { - padding: 15px; - border-top: 1px solid var(--classA); - #j-dplayer { - width: 100%; - height: 500px; - background: #000; - } - } - } - .episodes { - position: relative; - background: var(--classD); - padding-top: 60px; - .title { - position: absolute; - top: 15px; - left: -10px; - background: var(--theme); - color: var(--background); - font-weight: 500; - box-shadow: 2px 5px 10px rgba(49, 58, 70, 0.15); - height: 30px; - line-height: 30px; - padding: 0 10px; - border-radius: 2px 2px 2px 0; - &::before { - content: ''; - border-style: solid; - border-width: 10px; - display: block; - position: absolute; - bottom: -10px; - left: 0; - margin-bottom: -10px; - z-index: -1; - border-color: var(--theme) transparent transparent; - } - } - ul { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); - grid-auto-rows: 30px; - gap: 20px; - padding: 15px; - user-select: none; - border-top: 1px solid var(--classA); - li { - height: 30px; - line-height: 30px; - &.active { - span { - color: var(--background); - background: var(--theme); - } - } - span { - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - text-align: center; - padding: 0 10px; - cursor: pointer; - color: var(--minor); - background: var(--background); - box-shadow: var(--box-shadow); - border-radius: 16px; - transition: background 0.35s, color 0.35s; - &:hover { - color: var(--background); - background: var(--theme); - } - } - } - } - } - #j-dplayer-iframe { - border: none; - width: 100%; - height: 500px; - background: #000; - } - } - .main { - padding: 20px; - background: var(--background); - box-shadow: var(--box-shadow); - border-radius: var(--radius-pc); - margin-bottom: 20px; - .classify { - display: flex; - align-items: center; - .category { - display: flex; - align-items: center; - flex-wrap: wrap; - a { - color: var(--background); - font-size: 12px; - background: var(--theme); - padding: 3px 8px; - margin-right: 5px; - border-radius: 2px; - margin-bottom: 20px; - white-space: nowrap; - max-width: 120px; - overflow: hidden; - text-overflow: ellipsis; - &:nth-child(1) { - background: #15a5ed; - } - - &:nth-child(2) { - background: #f56c6c; - } - - &:nth-child(3) { - background: #ed157a; - } - - &:nth-child(4) { - background: #ed7615; - } - - &:nth-child(5) { - background: #1fc46a; - } - &:last-child { - margin-right: 0; - } - &:hover { - opacity: 0.85; - } - } - } - .edit { - color: var(--minor); - margin-left: auto; - margin-bottom: 20px; - line-height: 22px; - &:hover { - opacity: 0.85; - } - } - } - .header { - margin-bottom: 20px; - border-bottom: 1px solid var(--classB); - .title { - font-size: 24px; - color: var(--main); - font-weight: 500; - display: -webkit-box; - -webkit-line-clamp: 2; - /*! autoprefixer: off */ - -webkit-box-orient: vertical; - /* autoprefixer: on */ - overflow: hidden; - text-overflow: ellipsis; - text-shadow: var(--text_shadow); - text-align: center; - margin-bottom: 20px; - opacity: 0; - } - .conting { - display: flex; - justify-content: space-between; - align-items: center; - margin-bottom: 20px; - .info { - display: flex; - align-items: center; - height: 42px; - img { - width: 35px; - height: 35px; - border-radius: 50%; - margin-right: 10px; - border: 1px solid var(--classA); - padding: 3px; - } - .meta { - display: flex; - flex-direction: column; - justify-content: space-between; - height: 35px; - color: var(--minor); - user-select: none; - font-size: 12px; - .author { - a { - font-weight: 500; - color: var(--theme); - &:hover { - text-decoration: underline; - } - } - } - .item { - display: flex; - align-items: center; - .line { - color: var(--seat); - margin: 0 7px; - } - #baiduIncluded { - a { - color: #e6a23c; - &:hover { - text-decoration: underline; - } - } - span { - color: #e6a23c; - &:hover { - cursor: pointer; - opacity: 0.85; - } - } - } - } - } - } - - .time { - font-size: 32px; - line-height: 42px; - color: var(--routine); - user-select: none; - text-shadow: var(--text_shadow); - font-family: consolas; - } - } - } - .markdown { - word-wrap: break-word; - font-size: 15px; - h1, - h2, - h3, - h4, - h5, - h6 { - color: var(--main); - margin: 20px 0; - font-size: 20px; - } - h1 { - position: relative; - &::before { - content: '#'; - color: var(--theme); - margin-right: 7px; - font-weight: 600; - } - } - h2 { - position: relative; - padding: 0 15px; - &::before { - content: ''; - position: absolute; - top: 10%; - left: 0; - bottom: 10%; - width: 4px; - border-radius: 2px; - background: var(--theme); - } - } - h3 { - position: relative; - &::before { - content: '「'; - color: var(--theme); - margin-right: 5px; - font-weight: 600; - } - &::after { - content: '」'; - color: var(--theme); - margin-left: 5px; - font-weight: 600; - } - } - h4 { - span { - padding: 3px 0; - background: linear-gradient(to bottom, transparent 60%, rgba(189, 202, 219, 0.3) 0) no-repeat; - line-height: 30px; - } - } - h5 { - span { - position: relative; - border-image: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab) 1 1; - border-style: solid; - border-bottom-width: 3px; - border-top-width: 0; - border-left-width: 0; - border-right-width: 0; - line-height: 30px; - padding-bottom: 3px; - } - } - h6 { - span { - background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%23ff3300' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E") repeat-x 0 100%; - background-size: 20px auto; - animation: waveMove 1s infinite linear; - line-height: 30px; - padding-bottom: 5px; - } - } - blockquote { - background: var(--classD); - padding: 15px 20px; - border-left: 4px solid var(--seat); - margin: 20px 0; - - p { - font-weight: 500; - margin: 0; - } - } - ol { - color: var(--routine); - margin: 20px 0; - padding: 0 40px; - li { - list-style: decimal; - margin-bottom: 10px; - line-height: 26px; - - &:last-child { - margin-bottom: 0; - } - } - } - ul { - color: var(--routine); - margin: 20px 0; - padding: 0 40px; - li { - list-style: disc; - margin-bottom: 10px; - line-height: 26px; - &::marker { - color: var(--theme); - } - &:last-child { - margin-bottom: 0; - } - } - } - em { - font-style: italic; - } - table { - width: 100%; - margin: 20px 0; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); - overflow: auto; - -webkit-overflow-scrolling: touch; - thead { - th { - background: var(--classA); - color: var(--routine); - max-width: 250px; - } - } - td { - color: var(--routine); - } - tr { - background: var(--background); - &:nth-child(2n) { - background: var(--classD); - } - } - th, - td { - padding: 10px; - max-width: 300px; - } - } - iframe { - border: none; - max-width: 100%; - } - img:not(.owo) { - display: block; - max-width: 100%; - height: auto; - margin: 0 auto; - border-radius: 4px; - object-fit: cover; - } - .owo { - width: 24px; - } - a { - font-weight: 500; - color: var(--theme); - &:hover { - text-decoration: underline; - } - } - hr { - margin: 20px 0; - border: none; - height: 1px; - background-color: var(--classB); - } - strong { - color: var(--main); - font-weight: 700; - } - p { - color: var(--routine); - line-height: 26px; - margin: 20px 0; - text-align: justify; - white-space: pre-wrap; - word-spacing: 5px; - letter-spacing: 1px; - word-break: break-all; - } - .hljs { - white-space: pre-wrap; - max-width: 100%; - max-height: 550px; - overflow: auto; - -webkit-overflow-scrolling: touch; - padding: 10px 15px; - line-height: 2; - border-radius: calc(var(--radius-pc) / 2); - margin: 20px 0; - font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; - &::-webkit-scrollbar-track { - border-radius: 0; - background: var(--background); - } - } - .need-reply { - border: 1px dashed var(--success); - text-align: center; - padding: 10px 20px; - color: var(--routine); - user-select: none; - span { - color: var(--danger); - cursor: pointer; - &:hover { - text-decoration: underline; - } - } - } - .reply-content { - color: var(--routine); - line-height: 26px; - margin: 20px 0; - text-align: justify; - white-space: pre-wrap; - word-spacing: 5px; - letter-spacing: 1px; - word-break: break-all; - } - .protected { - display: flex; - justify-content: center; - padding: 30px; - background: var(--classB); - .form { - position: relative; - box-shadow: var(--box-shadow); - svg { - position: absolute; - top: 50%; - transform: translateY(-50%); - width: 18px; - height: 18px; - left: 15px; - } - input[type='password'] { - width: 300px; - height: 44px; - padding: 0 43px; - border: none; - border-radius: 4px; - color: var(--routine); - } - button[type='submit'] { - position: absolute; - top: 0; - right: 0; - border: none; - background: none; - height: 44px; - width: 44px; - transition: opacity 0.35s; - &:hover { - opacity: 0.85; - } - } - } - } - } - .tags { - display: flex; - align-items: center; - justify-content: space-between; - margin-top: 15px; - flex-wrap: wrap; - .list { - display: flex; - a { - height: 26px; - line-height: 26px; - padding: 0 15px; - background: var(--classC); - font-size: 14px; - margin-right: 10px; - color: var(--minor); - border-radius: 13px; - transition: opacity 0.35s; - - &:last-child { - margin-right: 0; - } - - &:nth-child(n + 6) { - display: none; - } - - &:hover { - opacity: 0.75; - } - } - } - - .handle { - display: flex; - align-items: center; - - .item { - position: relative; - cursor: pointer; - display: flex; - align-items: center; - color: var(--background); - background: var(--theme); - border: none; - height: 32px; - padding: 0 15px; - border-radius: 3px; - margin-left: 10px; - font-size: 12px; - user-select: none; - transition: opacity 0.35s; - - &:hover { - opacity: 0.85; - } - - svg { - width: 15px; - height: 15px; - fill: var(--background); - margin-right: 5px; - } - - &:first-child { - margin-left: 0; - } - } - .share { - position: relative; - margin-left: 10px; - .j-dropdown { - top: 42px; - width: 120px; - #j-share-code { - border-top: 1px solid var(--classD); - padding-top: 15px; - } - } - } - } - } - .banquan { - border-top: 1px solid var(--classB); - padding-top: 20px; - margin-top: 20px; - .content { - background: var(--classD); - padding: 15px; - .item { - display: flex; - align-items: center; - font-size: 14px; - color: var(--minor); - line-height: 26px; - white-space: nowrap; - &:last-child { - margin-bottom: 0; - } - - svg { - width: 18px; - height: 18px; - min-width: 18px; - min-height: 18px; - margin-right: 8px; - } - - span { - user-select: none; - } - - a { - color: var(--minor); - &:hover { - color: var(--theme); - text-decoration: underline; - } - } - p { - overflow: hidden; - text-overflow: ellipsis; - } - } - } - } - .related { - padding-top: 20px; - .title { - border-left: 3px solid var(--theme); - padding-left: 15px; - font-size: 18px; - font-weight: 500; - margin-bottom: 20px; - color: var(--main); - } - ul { - display: flex; - li { - width: 25%; - padding: 0 7.5px; - overflow: hidden; - transition: opacity 0.35s, transform 0.35s; - &:hover { - opacity: 0.85; - transform: translate3d(0, -5px, 0); - } - a { - display: block; - img { - width: 100%; - height: 120px; - object-fit: cover; - border-radius: calc(var(--radius-pc) / 2) calc(var(--radius-pc) / 2) 0 0; - } - span { - display: block; - width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - text-align: center; - color: var(--minor); - background: var(--classD); - padding: 0 10px; - line-height: 32px; - font-size: 12px; - border-radius: 0 0 calc(var(--radius-pc) / 2) calc(var(--radius-pc) / 2); - } - } - } - } - } - .links { - display: flex; - flex-wrap: wrap; - li { - width: 33.3333333%; - padding: 15px; - .item { - padding: 20px; - border-radius: calc(var(--radius-pc) / 2); - box-shadow: var(--box-shadow); - .title { - margin-bottom: 20px; - a { - font-size: 16px; - font-weight: 500; - border-bottom: 1px solid var(--background); - color: var(--background); - transition: all 0.35s; - &:hover { - color: var(--theme); - border-color: var(--theme); - } - } - } - .content { - display: flex; - align-items: center; - justify-content: space-between; - .desc { - color: var(--background); - margin-right: 10px; - } - img { - width: 40px; - height: 40px; - object-fit: cover; - border-radius: 50%; - } - } - &.deepgrey { - background: rgba(0, 0, 0, 0.5); - } - &.blue { - background: #6fa3ef; - } - &.purple { - background: #bc99c4; - } - &.green { - background: #46c47c; - } - &.yellow { - background: #f9bb3c; - } - &.red { - background: #e8583d; - } - &.orange { - background: #f68e5f; - } - &.success { - background: #67c23a; - } - &.warning { - background: #e6a23c; - } - &.danger { - background: #f56c6c; - } - &.info { - background: #909399; - } - } - } - } - .leaving { - position: relative; - min-height: 550px; - li { - display: none; - flex-direction: column; - cursor: move; - width: 200px; - position: absolute; - overflow: hidden; - border-bottom-left-radius: 20px 500px; - border-bottom-right-radius: 500px 30px; - border-top-left-radius: 100px 20px; - border-top-right-radius: 20px 100px; - box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2); - user-select: none; - font-size: 14px; - color: var(--background); - // transition: transform 0.25s; - .head { - pointer-events: none; - height: 42px; - line-height: 42px; - padding: 10px; - display: flex; - align-items: center; - border-bottom: 1px solid var(--classD); - color: var(--background); - img { - width: 20px; - height: 20px; - border-radius: 50%; - margin-right: 5px; - } - span:nth-child(2) { - margin-right: 5px; - flex: 1; - width: 0; - min-width: 0; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } - span:last-child { - margin-left: auto; - } - } - .body { - height: 158px; - padding: 10px; - .content { - max-height: 100%; - overflow-y: auto; - word-wrap: break-word; - line-height: 24px; - -webkit-overflow-scrolling: touch; - .canvas { - width: 100%; - } - .owo { - height: 22px; - vertical-align: top; - } - } - } - } - } - .none { - color: var(--minor); - text-align: center; - user-select: none; - } - } - - .page { - display: flex; - justify-content: space-between; - margin-bottom: 20px; - li { - list-style: none; - &.right { - margin-left: auto; - } - a { - display: block; - height: 32px; - line-height: 32px; - padding: 0 15px; - color: var(--background); - border-radius: 3px; - background: var(--theme); - transition: opacity 0.35s; - font-size: 12px; - &:hover { - opacity: 0.85; - } - } - } - } - - .video-api { - .video-type, - .video-list, - .video-info, - .video-list-play { - position: relative; - background: var(--background); - border-radius: var(--radius-pc); - box-shadow: var(--box-shadow); - padding: 60px 0 0; - .title { - position: absolute; - top: 15px; - left: -10px; - background: var(--theme); - color: var(--background); - font-weight: 500; - box-shadow: 2px 5px 10px rgba(49, 58, 70, 0.15); - height: 30px; - line-height: 30px; - padding: 0 10px; - border-radius: 2px 2px 2px 0; - user-select: none; - &::before { - content: ''; - border-style: solid; - border-width: 10px; - display: block; - position: absolute; - bottom: -10px; - left: 0; - margin-bottom: -10px; - z-index: -1; - border-color: var(--theme) transparent transparent; - } - } - .search { - position: absolute; - top: 15px; - right: 10px; - display: flex; - align-items: center; - input { - width: 180px; - height: 32px; - border: 1px solid var(--classB); - border-right: 1px solid transparent; - padding: 0 10px; - color: var(--minor); - font-size: 13px; - border-radius: 3px 0 0 3px; - transition: border 0.35s; - -webkit-appearance: none; - &:focus { - border: 1px solid var(--theme); - } - } - button { - display: flex; - align-items: center; - padding: 0 10px; - height: 32px; - line-height: 32px; - text-align: center; - background: #f5f7fa; - border: 1px solid var(--classB); - border-left: none; - border-radius: 0 3px 3px 0; - svg { - width: 14px; - height: 14px; - fill: var(--routine); - } - } - } - .list-item { - padding: 15px; - border-top: 1px solid var(--classB); - display: grid; - grid-template-columns: repeat(auto-fit, 80px); - gap: 20px; - li { - background: var(--classD); - height: 28px; - line-height: 28px; - text-align: center; - border-radius: 14px; - cursor: pointer; - color: var(--routine); - font-size: 12px; - transition: transform 0.35s, box-shadow 0.35s; - user-select: none; - &:hover { - transform: translate3d(0, -3px, 0); - box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); - } - &.active { - color: var(--background); - background: var(--theme); - box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); - } - } - } - } - .video-type { - margin-bottom: 20px; - } - .video-list { - .list { - display: flex; - flex-wrap: wrap; - border-top: 1px solid var(--classB); - padding: 10px; - li { - width: 16.6666666666%; - padding: 10px; - animation: jScaleUp 0.5s; - a { - background: var(--background); - position: relative; - display: block; - transition: box-shadow 0.35s, transform 0.35s; - img { - width: 100%; - height: 220px; - object-fit: cover; - border-radius: 4px; - } - h2 { - font-size: 15px; - color: var(--main); - font-weight: normal; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - text-align: center; - padding: 10px; - } - i { - position: absolute; - top: 10px; - right: 10px; - font-size: 12px; - color: var(--background); - padding: 2px 5px; - border-radius: 2px; - background: var(--theme); - font-style: normal; - } - &:hover { - box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); - transform: translateY(-3px); - img { - border-radius: 4px 4px 0 0; - } - } - } - } - } - } - .video-info { - margin-bottom: 20px; - .info { - padding: 20px; - border-top: 1px solid var(--classB); - display: flex; - .image { - position: relative; - margin-right: 20px; - img { - width: 170px; - height: 240px; - object-fit: cover; - } - i { - position: absolute; - top: 10px; - right: 10px; - font-style: normal; - font-size: 12px; - background: var(--theme); - color: var(--background); - padding: 3px 7px; - border-radius: 2px; - } - } - dl { - flex: 1; - min-width: 0; - overflow: hidden; - dt { - font-size: 24px; - color: var(--main); - max-width: 100%; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - margin-bottom: 15px; - } - dd { - display: -webkit-box; - -webkit-line-clamp: 3; - /*! autoprefixer: off */ - -webkit-box-orient: vertical; - /* autoprefixer: on */ - overflow: hidden; - text-overflow: ellipsis; - line-height: 24px; - margin-bottom: 5px; - span { - &:first-child { - color: var(--minor); - } - &:last-child { - color: var(--routine); - } - } - &:last-child { - margin-bottom: 0; - } - } - } - } - .player { - padding: 20px; - border-top: 1px solid var(--classB); - iframe { - width: 100%; - height: 480px; - background: #000; - } - p { - text-align: center; - color: var(--routine); - user-select: none; - } - } - } - .video-list-play { - margin-bottom: 20px; - &:last-child { - margin-bottom: 0; - } - } - .load { - display: flex; - align-items: center; - justify-content: center; - padding: 30px 0; - } - } + display: flex; + padding-top: 20px; + padding-bottom: 20px; + .j-floor { + position: absolute; + top: 0; + bottom: 0; + left: -20px; + transform: translateX(-100%); + .contain { + position: sticky; + transition: top 0.5s; + background: var(--background); + box-shadow: var(--box_shadow); + padding: 15px; + border-radius: var(--radius-pc); + width: 200px; + max-height: 444px; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + .title { + font-weight: 700; + color: var(--main); + margin-bottom: 15px; + font-size: 15px; + line-height: 20px; + } + ul { + li { + ul { + padding-left: 2em; + ul { + padding-left: 0; + } + } + a { + user-select: none; + cursor: pointer; + padding-left: 5px; + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + color: var(--routine); + line-height: 32px; + &:hover { + color: var(--theme); + } + } + &.visible { + > a { + color: var(--theme); + } + } + } + } + .toc-marker { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + pointer-events: none; + path { + transition: all 0.35s; + } + } + } + } + .j-stretch { + display: none; + position: absolute; + top: 0; + bottom: 0; + right: 0; + padding: 20px 0; + .contain { + position: sticky; + transition: top 0.5s; + animation: swingIconSet 2s infinite linear alternate; + z-index: $z-index-3; + &::before { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 10px; + height: 25px; + border-top: 2px solid var(--minor); + border-right: 2px solid var(--minor); + transition: border 0.35s; + } + svg { + position: absolute; + top: 25px; + left: -3px; + width: 24px; + height: 24px; + fill: var(--minor); + cursor: pointer; + transition: fill 0.35s; + } + &:hover { + animation-play-state: paused; + svg { + fill: var(--theme); + } + &::before { + border-color: var(--theme); + } + } + } + &.active { + display: block; + } + } + .video { + position: relative; + z-index: 1; + margin: 20px 0; + .player-box { + position: relative; + background: var(--classD); + padding-top: 60px; + margin-bottom: 20px; + .title { + position: absolute; + top: 15px; + left: -10px; + background: var(--theme); + color: #fff; + font-weight: 500; + box-shadow: 2px 5px 10px rgba(49, 58, 70, 0.15); + height: 30px; + line-height: 30px; + padding: 0 10px; + border-radius: 2px 2px 2px 0; + max-width: 50%; + &::before { + content: ''; + border-style: solid; + border-width: 10px; + display: block; + position: absolute; + bottom: -10px; + left: 0; + margin-bottom: -10px; + z-index: -1; + border-color: var(--theme) transparent transparent; + } + span { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + } + .player { + padding: 15px; + border-top: 1px solid var(--classA); + #j-dplayer { + width: 100%; + height: 500px; + background: #000; + border: none; + vertical-align: middle; + } + } + } + .episodes { + position: relative; + background: var(--classD); + padding-top: 60px; + .title { + position: absolute; + top: 15px; + left: -10px; + background: var(--theme); + color: #fff; + font-weight: 500; + box-shadow: 2px 5px 10px rgba(49, 58, 70, 0.15); + height: 30px; + line-height: 30px; + padding: 0 10px; + border-radius: 2px 2px 2px 0; + &::before { + content: ''; + border-style: solid; + border-width: 10px; + display: block; + position: absolute; + bottom: -10px; + left: 0; + margin-bottom: -10px; + z-index: -1; + border-color: var(--theme) transparent transparent; + } + } + ul { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); + grid-auto-rows: 30px; + gap: 20px; + padding: 15px; + user-select: none; + border-top: 1px solid var(--classA); + li { + height: 30px; + line-height: 30px; + &.active { + span { + color: #fff; + background: var(--theme); + } + } + span { + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + text-align: center; + padding: 0 10px; + cursor: pointer; + color: var(--minor); + background: var(--background); + box-shadow: var(--box-shadow); + border-radius: 16px; + transition: background 0.35s, color 0.35s; + &:hover { + color: #fff; + background: var(--theme); + } + } + } + } + } + #j-dplayer-iframe { + border: none; + width: 100%; + height: 500px; + background: #000; + } + } + .main { + padding: 20px; + background: var(--background); + box-shadow: var(--box-shadow); + border-radius: var(--radius-pc); + margin-bottom: 20px; + .classify { + display: flex; + align-items: center; + .category { + display: flex; + align-items: center; + flex-wrap: wrap; + a { + color: #fff; + font-size: 12px; + background: var(--theme); + padding: 3px 8px; + margin-right: 5px; + border-radius: 2px; + margin-bottom: 20px; + white-space: nowrap; + max-width: 120px; + overflow: hidden; + text-overflow: ellipsis; + &:nth-child(1) { + background: #15a5ed; + } + + &:nth-child(2) { + background: #f56c6c; + } + + &:nth-child(3) { + background: #ed157a; + } + + &:nth-child(4) { + background: #ed7615; + } + + &:nth-child(5) { + background: #1fc46a; + } + &:last-child { + margin-right: 0; + } + &:hover { + opacity: 0.85; + } + } + } + .edit { + color: var(--minor); + margin-left: auto; + margin-bottom: 20px; + line-height: 22px; + &:hover { + opacity: 0.85; + } + } + } + .header { + margin-bottom: 20px; + border-bottom: 1px solid var(--classB); + .title { + font-size: 24px; + color: var(--main); + font-weight: 500; + display: -webkit-box; + -webkit-line-clamp: 2; + /*! autoprefixer: off */ + -webkit-box-orient: vertical; + /* autoprefixer: on */ + overflow: hidden; + text-overflow: ellipsis; + text-shadow: var(--text_shadow); + text-align: center; + margin-bottom: 20px; + opacity: 0; + } + .conting { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 20px; + .info { + display: flex; + align-items: center; + height: 42px; + img { + width: 35px; + height: 35px; + border-radius: 50%; + margin-right: 10px; + border: 1px solid var(--classA); + padding: 3px; + } + .meta { + display: flex; + flex-direction: column; + justify-content: space-between; + height: 35px; + color: var(--minor); + user-select: none; + font-size: 12px; + .author { + a { + font-weight: 500; + color: var(--theme); + &:hover { + text-decoration: underline; + } + } + } + .item { + display: flex; + align-items: center; + .line { + color: var(--seat); + margin: 0 7px; + } + #baiduIncluded { + a { + color: #e6a23c; + &:hover { + text-decoration: underline; + } + } + span { + color: #e6a23c; + &:hover { + cursor: pointer; + opacity: 0.85; + } + } + } + } + } + } + + .time { + font-size: 32px; + line-height: 42px; + color: var(--routine); + user-select: none; + text-shadow: var(--text_shadow); + font-family: consolas; + } + } + } + .markdown { + word-wrap: break-word; + font-size: 15px; + h1, + h2, + h3, + h4, + h5, + h6 { + color: var(--main); + margin: 20px 0; + font-size: 20px; + } + h1 { + position: relative; + &::before { + content: '#'; + color: var(--theme); + margin-right: 7px; + font-weight: 600; + } + } + h2 { + position: relative; + padding: 0 15px; + &::before { + content: ''; + position: absolute; + top: 10%; + left: 0; + bottom: 10%; + width: 4px; + border-radius: 2px; + background: var(--theme); + } + } + h3 { + position: relative; + &::before { + content: '「'; + color: var(--theme); + margin-right: 5px; + font-weight: 600; + } + &::after { + content: '」'; + color: var(--theme); + margin-left: 5px; + font-weight: 600; + } + } + h4 { + span { + padding: 3px 0; + background: linear-gradient(to bottom, transparent 60%, rgba(189, 202, 219, 0.3) 0) no-repeat; + line-height: 30px; + } + } + h5 { + span { + position: relative; + border-image: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab) 1 1; + border-style: solid; + border-bottom-width: 3px; + border-top-width: 0; + border-left-width: 0; + border-right-width: 0; + line-height: 30px; + padding-bottom: 3px; + } + } + h6 { + span { + background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%23ff3300' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E") repeat-x 0 100%; + background-size: 20px auto; + animation: waveMove 1s infinite linear; + line-height: 30px; + padding-bottom: 5px; + } + } + blockquote { + background: var(--classD); + padding: 15px 20px; + border-left: 4px solid var(--seat); + margin: 20px 0; + + p { + font-weight: 500; + margin: 0; + } + } + ol { + color: var(--routine); + margin: 20px 0; + padding: 0 40px; + li { + list-style: decimal; + margin-bottom: 10px; + line-height: 26px; + + &:last-child { + margin-bottom: 0; + } + } + } + ul { + color: var(--routine); + margin: 20px 0; + padding: 0 40px; + li { + list-style: disc; + margin-bottom: 10px; + line-height: 26px; + &::marker { + color: var(--theme); + } + &:last-child { + margin-bottom: 0; + } + } + } + em { + font-style: italic; + } + table { + width: 100%; + margin: 20px 0; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); + overflow: auto; + -webkit-overflow-scrolling: touch; + thead { + th { + background: var(--classA); + color: var(--routine); + max-width: 250px; + } + } + td { + color: var(--routine); + } + tr { + background: var(--background); + &:nth-child(2n) { + background: var(--classD); + } + } + th, + td { + padding: 10px; + max-width: 300px; + } + } + iframe { + border: none; + max-width: 100%; + } + img:not(.owo) { + display: block; + max-width: 100%; + height: auto; + margin: 0 auto; + border-radius: 4px; + object-fit: cover; + } + .owo { + width: 24px; + } + a { + font-weight: 500; + color: var(--theme); + &:hover { + text-decoration: underline; + } + } + hr { + margin: 20px 0; + border: none; + height: 1px; + background-color: var(--classB); + } + strong { + color: var(--main); + font-weight: 700; + } + p { + color: var(--routine); + line-height: 26px; + margin: 20px 0; + text-align: justify; + white-space: pre-wrap; + word-spacing: 5px; + letter-spacing: 1px; + word-break: break-all; + } + .hljs { + max-width: 100%; + overflow: auto; + -webkit-overflow-scrolling: touch; + padding: 10px 15px 10px 50px; + line-height: 1.5; + border-radius: 0 0 4px 4px; + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + &::-webkit-scrollbar-track { + border-radius: 0; + background: var(--background); + } + ol { + color: unset; + margin: unset; + padding: unset; + border-left: 1px solid #ccc; + li { + margin-bottom: unset; + line-height: unset; + padding-left: 15px; + } + } + } + .hljs-pre { + position: relative; + padding-top: 30px; + margin: 20px 0; + } + .hljs-pre::after { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 30px; + background: #2b2b2b; + border-radius: 4px 4px 0 0; + } + .hljs-pre::before { + content: ''; + position: absolute; + top: 9px; + left: 10px; + width: 12px; + height: 12px; + border-radius: 50%; + background: #fc625d; + box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b; + z-index: 1; + } + .need-reply { + border: 1px dashed var(--success); + text-align: center; + padding: 10px 20px; + color: var(--routine); + user-select: none; + span { + color: var(--danger); + cursor: pointer; + &:hover { + text-decoration: underline; + } + } + } + .reply-content { + color: var(--routine); + line-height: 26px; + margin: 20px 0; + text-align: justify; + white-space: pre-wrap; + word-spacing: 5px; + letter-spacing: 1px; + word-break: break-all; + } + .protected { + display: flex; + justify-content: center; + padding: 30px; + background: var(--classB); + .form { + position: relative; + box-shadow: var(--box-shadow); + svg { + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 18px; + height: 18px; + left: 15px; + } + input[type='password'] { + width: 300px; + height: 44px; + padding: 0 43px; + border: none; + border-radius: 4px; + color: var(--routine); + } + button[type='submit'] { + position: absolute; + top: 0; + right: 0; + border: none; + background: none; + height: 44px; + width: 44px; + transition: opacity 0.35s; + &:hover { + opacity: 0.85; + } + } + } + } + .iframe-dplayer { + width: 100%; + height: 450px; + border: none; + margin: 20px 0; + } + .iframe-music { + display: block; + margin: 20px auto; + } + } + .tags { + display: flex; + align-items: center; + justify-content: space-between; + margin-top: 15px; + flex-wrap: wrap; + .list { + display: flex; + a { + height: 26px; + line-height: 26px; + padding: 0 15px; + background: var(--classC); + font-size: 14px; + margin-right: 10px; + color: var(--minor); + border-radius: 13px; + transition: opacity 0.35s; + + &:last-child { + margin-right: 0; + } + + &:nth-child(n + 6) { + display: none; + } + + &:hover { + opacity: 0.75; + } + } + } + + .handle { + display: flex; + align-items: center; + + .item { + position: relative; + cursor: pointer; + display: flex; + align-items: center; + color: #fff; + background: var(--theme); + border: none; + height: 32px; + padding: 0 15px; + border-radius: 3px; + margin-left: 10px; + font-size: 12px; + user-select: none; + transition: opacity 0.35s; + + &:hover { + opacity: 0.85; + } + + svg { + width: 15px; + height: 15px; + fill: #fff; + margin-right: 5px; + } + + &:first-child { + margin-left: 0; + } + } + .share { + position: relative; + margin-left: 10px; + .j-dropdown { + top: 42px; + width: 120px; + #j-share-code { + border-top: 1px solid var(--classD); + padding-top: 15px; + } + } + } + } + } + .banquan { + border-top: 1px solid var(--classB); + padding-top: 20px; + margin-top: 20px; + .content { + background: var(--classD); + padding: 15px; + .item { + display: flex; + align-items: center; + font-size: 14px; + color: var(--minor); + line-height: 26px; + white-space: nowrap; + &:last-child { + margin-bottom: 0; + } + + svg { + width: 18px; + height: 18px; + min-width: 18px; + min-height: 18px; + margin-right: 8px; + } + + span { + user-select: none; + } + + a { + color: var(--minor); + &:hover { + color: var(--theme); + text-decoration: underline; + } + } + p { + overflow: hidden; + text-overflow: ellipsis; + } + } + } + } + .related { + padding-top: 20px; + .title { + border-left: 3px solid var(--theme); + padding-left: 15px; + font-size: 18px; + font-weight: 500; + margin-bottom: 20px; + color: var(--main); + } + ul { + display: flex; + li { + width: 25%; + padding: 0 7.5px; + overflow: hidden; + transition: opacity 0.35s, transform 0.35s; + &:hover { + opacity: 0.85; + transform: translate3d(0, -5px, 0); + } + a { + display: block; + img { + width: 100%; + height: 120px; + object-fit: cover; + border-radius: calc(var(--radius-pc) / 2) calc(var(--radius-pc) / 2) 0 0; + } + span { + display: block; + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + text-align: center; + color: var(--minor); + background: var(--classD); + padding: 0 10px; + line-height: 32px; + font-size: 12px; + border-radius: 0 0 calc(var(--radius-pc) / 2) calc(var(--radius-pc) / 2); + } + } + } + } + } + .links { + display: flex; + flex-wrap: wrap; + li { + width: 33.3333333%; + padding: 15px; + .item { + padding: 20px; + border-radius: calc(var(--radius-pc) / 2); + box-shadow: var(--box-shadow); + .title { + margin-bottom: 20px; + a { + font-size: 16px; + font-weight: 500; + border-bottom: 1px solid #fff; + padding-bottom: 3px; + color: #fff; + transition: all 0.35s; + &:hover { + color: var(--theme); + border-color: var(--theme); + } + } + } + .content { + display: flex; + align-items: center; + justify-content: space-between; + .desc { + color: #fff; + margin-right: 10px; + } + img { + width: 40px; + height: 40px; + object-fit: cover; + border-radius: 50%; + } + } + &.deepgrey { + background: rgba(0, 0, 0, 0.5); + } + &.blue { + background: #6fa3ef; + } + &.purple { + background: #bc99c4; + } + &.green { + background: #46c47c; + } + &.yellow { + background: #f9bb3c; + } + &.red { + background: #e8583d; + } + &.orange { + background: #f68e5f; + } + &.success { + background: #67c23a; + } + &.warning { + background: #e6a23c; + } + &.danger { + background: #f56c6c; + } + &.info { + background: #909399; + } + } + } + } + .leaving { + position: relative; + min-height: 550px; + li { + display: none; + flex-direction: column; + cursor: move; + width: 200px; + position: absolute; + overflow: hidden; + border-bottom-left-radius: 20px 500px; + border-bottom-right-radius: 500px 30px; + border-top-left-radius: 100px 20px; + border-top-right-radius: 20px 100px; + box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2); + user-select: none; + font-size: 14px; + color: #fff; + // transition: transform 0.25s; + .head { + pointer-events: none; + height: 42px; + line-height: 42px; + padding: 10px; + display: flex; + align-items: center; + border-bottom: 1px solid var(--classD); + color: #fff; + img { + width: 20px; + height: 20px; + border-radius: 50%; + margin-right: 5px; + } + span:nth-child(2) { + margin-right: 5px; + flex: 1; + width: 0; + min-width: 0; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } + span:last-child { + margin-left: auto; + } + } + .body { + height: 158px; + padding: 10px; + .content { + max-height: 100%; + overflow-y: auto; + word-wrap: break-word; + line-height: 24px; + -webkit-overflow-scrolling: touch; + .canvas { + width: 100%; + } + .owo { + height: 22px; + vertical-align: top; + } + } + } + } + } + .none { + color: var(--minor); + text-align: center; + user-select: none; + } + } + .page { + display: flex; + justify-content: space-between; + margin-bottom: 20px; + li { + list-style: none; + &.right { + margin-left: auto; + } + a { + display: block; + height: 32px; + line-height: 32px; + padding: 0 15px; + color: #fff; + border-radius: 3px; + background: var(--theme); + transition: opacity 0.35s; + font-size: 12px; + &:hover { + opacity: 0.85; + } + } + } + } + .video-api { + .video-type, + .video-list, + .video-info, + .video-list-play { + position: relative; + background: var(--background); + border-radius: var(--radius-pc); + box-shadow: var(--box-shadow); + padding: 60px 0 0; + .title { + position: absolute; + top: 15px; + left: -10px; + background: var(--theme); + color: #fff; + font-weight: 500; + box-shadow: 2px 5px 10px rgba(49, 58, 70, 0.15); + height: 30px; + line-height: 30px; + padding: 0 10px; + border-radius: 2px 2px 2px 0; + user-select: none; + &::before { + content: ''; + border-style: solid; + border-width: 10px; + display: block; + position: absolute; + bottom: -10px; + left: 0; + margin-bottom: -10px; + z-index: -1; + border-color: var(--theme) transparent transparent; + } + } + .search { + position: absolute; + top: 15px; + right: 10px; + display: flex; + align-items: center; + input { + width: 180px; + height: 32px; + border: 1px solid var(--classB); + border-right: 1px solid transparent; + padding: 0 10px; + color: var(--minor); + font-size: 13px; + border-radius: 3px 0 0 3px; + transition: border 0.35s; + -webkit-appearance: none; + &:focus { + border: 1px solid var(--theme); + } + } + button { + display: flex; + align-items: center; + padding: 0 10px; + height: 32px; + line-height: 32px; + text-align: center; + background: #f5f7fa; + border: 1px solid var(--classB); + border-left: none; + border-radius: 0 3px 3px 0; + svg { + width: 14px; + height: 14px; + fill: var(--routine); + } + } + } + .list-item { + padding: 15px; + border-top: 1px solid var(--classB); + display: grid; + grid-template-columns: repeat(auto-fit, 80px); + gap: 20px; + li { + background: var(--classD); + height: 28px; + line-height: 28px; + text-align: center; + border-radius: 14px; + cursor: pointer; + color: var(--routine); + font-size: 12px; + transition: transform 0.35s, box-shadow 0.35s; + user-select: none; + &:hover { + transform: translate3d(0, -3px, 0); + box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); + } + &.active { + color: #fff; + background: var(--theme); + box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); + } + } + } + } + .video-type { + margin-bottom: 20px; + } + .video-list { + .list { + display: flex; + flex-wrap: wrap; + border-top: 1px solid var(--classB); + padding: 10px; + li { + width: 16.6666666666%; + padding: 10px; + animation: jScaleUp 0.5s; + a { + background: var(--background); + position: relative; + display: block; + transition: box-shadow 0.35s, transform 0.35s; + img { + width: 100%; + height: 220px; + object-fit: cover; + border-radius: 4px; + } + h2 { + font-size: 15px; + color: var(--main); + font-weight: normal; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + text-align: center; + padding: 10px; + } + i { + position: absolute; + top: 10px; + right: 10px; + font-size: 12px; + color: #fff; + padding: 2px 5px; + border-radius: 2px; + background: var(--theme); + font-style: normal; + } + &:hover { + box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); + transform: translateY(-3px); + img { + border-radius: 4px 4px 0 0; + } + } + } + } + } + } + .video-info { + margin-bottom: 20px; + .info { + padding: 20px; + border-top: 1px solid var(--classB); + display: flex; + .image { + position: relative; + margin-right: 20px; + img { + width: 170px; + height: 240px; + object-fit: cover; + } + i { + position: absolute; + top: 10px; + right: 10px; + font-style: normal; + font-size: 12px; + background: var(--theme); + color: #fff; + padding: 3px 7px; + border-radius: 2px; + } + } + dl { + flex: 1; + min-width: 0; + overflow: hidden; + dt { + font-size: 24px; + color: var(--main); + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + margin-bottom: 15px; + } + dd { + display: -webkit-box; + -webkit-line-clamp: 3; + /*! autoprefixer: off */ + -webkit-box-orient: vertical; + /* autoprefixer: on */ + overflow: hidden; + text-overflow: ellipsis; + line-height: 24px; + margin-bottom: 5px; + span { + &:first-child { + color: var(--minor); + } + &:last-child { + color: var(--routine); + } + } + &:last-child { + margin-bottom: 0; + } + } + } + } + .player { + padding: 20px; + border-top: 1px solid var(--classB); + iframe { + width: 100%; + height: 480px; + background: #000; + } + p { + text-align: center; + color: var(--routine); + user-select: none; + } + } + } + .video-list-play { + margin-bottom: 20px; + &:last-child { + margin-bottom: 0; + } + } + .load { + display: flex; + align-items: center; + justify-content: center; + padding: 30px 0; + } + } + .wallpaper-api { + .wallpaper-type { + position: relative; + background: var(--background); + border-radius: var(--radius-pc); + box-shadow: var(--box-shadow); + padding: 60px 0 0; + margin-bottom: 20px; + .title { + position: absolute; + top: 15px; + left: -10px; + background: var(--theme); + color: #fff; + font-weight: 500; + box-shadow: 2px 5px 10px rgba(49, 58, 70, 0.15); + height: 30px; + line-height: 30px; + padding: 0 10px; + border-radius: 2px 2px 2px 0; + user-select: none; + &::before { + content: ''; + border-style: solid; + border-width: 10px; + display: block; + position: absolute; + bottom: -10px; + left: 0; + margin-bottom: -10px; + z-index: -1; + border-color: var(--theme) transparent transparent; + } + } + .list { + padding: 15px; + border-top: 1px solid var(--classB); + display: grid; + grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); + gap: 15px; + li { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + background: var(--classD); + height: 28px; + line-height: 28px; + text-align: center; + border-radius: 14px; + padding: 0 15px; + cursor: pointer; + color: var(--routine); + font-size: 12px; + transition: transform 0.35s, box-shadow 0.35s; + user-select: none; + &:hover { + transform: translate3d(0, -3px, 0); + box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); + } + &.active { + color: #fff; + background: var(--theme); + box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); + } + } + } + } + .wallpaper-list { + padding: 15px; + background: var(--background); + border-radius: var(--radius-pc); + box-shadow: var(--box-shadow); + .list { + display: flex; + flex-wrap: wrap; + .item { + position: relative; + width: 25%; + display: block; + animation: showWallpaper 1s; + img { + width: 100%; + height: 100%; + object-fit: cover; + } + .down { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 50%; + background: rgba(0, 0, 0, 0.5); + a { + display: block; + } + } + } + } + .wallpaper-load { + margin: 0 auto; + width: 120px; + height: 34px; + line-height: 34px; + background: var(--theme); + color: #fff; + text-align: center; + border-radius: 17px; + cursor: pointer; + user-select: none; + margin-top: 20px; + } + } + .load { + display: flex; + align-items: center; + justify-content: center; + padding: 30px 0; + } + } + .huya-list { + .huya-list-type { + position: relative; + background: var(--background); + border-radius: var(--radius-pc); + box-shadow: var(--box-shadow); + padding: 60px 20px 5px; + margin-bottom: 20px; + .title { + position: absolute; + top: 15px; + left: -10px; + background: var(--theme); + color: #fff; + font-weight: 500; + box-shadow: 2px 5px 10px rgba(49, 58, 70, 0.15); + height: 30px; + line-height: 30px; + padding: 0 10px; + border-radius: 2px 2px 2px 0; + user-select: none; + &::before { + content: ''; + border-style: solid; + border-width: 10px; + display: block; + position: absolute; + bottom: -10px; + left: 0; + margin-bottom: -10px; + z-index: -1; + border-color: var(--theme) transparent transparent; + } + } + .list { + position: relative; + padding-left: 80px; + margin-bottom: 15px; + &:last-child { + margin-bottom: 0; + ul { + border-bottom: none; + } + } + .muted { + position: absolute; + top: 0; + left: 0; + color: var(--minor); + line-height: 28px; + user-select: none; + cursor: default; + } + ul { + position: relative; + display: flex; + flex-wrap: wrap; + border-bottom: 1px solid var(--classD); + li { + cursor: pointer; + line-height: 28px; + text-align: center; + padding: 0 20px; + background: var(--classD); + color: var(--routine); + border-radius: 14px; + font-size: 12px; + margin-right: 15px; + user-select: none; + margin-bottom: 15px; + transition: transform 0.35s, box-shadow 0.35s; + white-space: nowrap; + &:last-child { + margin-right: 0; + } + &:hover { + transform: translate3d(0, -3px, 0); + box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); + } + &.active { + color: #fff; + background: var(--theme); + box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); + } + } + } + } + } + .huya-list-item { + width: 100%; + display: flex; + flex-wrap: wrap; + li { + width: 25%; + padding-left: 7.5px; + padding-right: 7.5px; + padding-bottom: 15px; + > div { + position: relative; + display: block; + width: 100%; + border-radius: var(--radius-pc); + overflow: hidden; + cursor: pointer; + .recommendTagName { + position: absolute; + top: 8px; + left: 8px; + background: #f90; + color: #fff; + font-size: 12px; + padding: 2px 8px; + border-radius: 2px; + } + .screenshot { + width: 100%; + height: 140px; + object-fit: cover; + } + .desc { + background: var(--background); + padding: 10px; + .introduction { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + color: var(--main); + margin-bottom: 10px; + } + .user { + display: flex; + align-items: center; + justify-content: space-between; + .left { + flex: 1; + min-width: 0; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + img { + width: 22px; + height: 22px; + object-fit: cover; + border-radius: 50%; + margin-right: 3px; + } + span { + color: var(--routine); + font-size: 12px; + } + } + .right { + font-size: 12px; + display: flex; + align-items: center; + svg { + width: 13px; + height: 13px; + margin-right: 3px; + } + .totalCount { + color: var(--minor); + margin-right: 8px; + } + .gameFullName { + color: #f90; + } + } + } + } + .hover { + position: absolute; + top: 0; + left: 0; + right: 0; + height: 140px; + background: rgba(0, 0, 0, 0.5); + transition: all 0.3s ease-out; + opacity: 0; + z-index: 1; + .svg { + position: absolute; + top: 50%; + left: 50%; + transform: translate3d(-50%, -50%, 0) scale(2); + width: 50px; + height: 50px; + opacity: 0; + transition: all 0.25s ease-out; + fill: #ebebeb; + z-index: 2; + } + } + &:hover { + .hover { + opacity: 1; + .svg { + opacity: 1; + transform: translate3d(-50%, -50%, 0) scale(1); + } + } + } + } + } + } + .huya-list-play { + position: relative; + background: var(--background); + border-radius: var(--radius-pc); + box-shadow: var(--box-shadow); + padding: 60px 20px 20px; + .title { + position: absolute; + top: 15px; + left: -10px; + background: var(--theme); + color: #fff; + font-weight: 500; + box-shadow: 2px 5px 10px rgba(49, 58, 70, 0.15); + height: 30px; + line-height: 30px; + padding: 0 10px; + border-radius: 2px 2px 2px 0; + user-select: none; + &::before { + content: ''; + border-style: solid; + border-width: 10px; + display: block; + position: absolute; + bottom: -10px; + left: 0; + margin-bottom: -10px; + z-index: -1; + border-color: var(--theme) transparent transparent; + } + } + iframe { + width: 100%; + height: 580px; + vertical-align: middle; + } + } + .huya-list-pagination { + display: flex; + align-items: center; + justify-content: flex-end; + padding-top: 5px; + li { + cursor: pointer; + margin-left: 5px; + height: 32px; + line-height: 32px; + padding: 0 15px; + background: var(--background); + color: var(--main); + border-radius: 2px; + transition: background 0.35s, color 0.35s; + &:first-child { + margin-left: 0; + } + &.active, + &:hover { + background: var(--theme); + color: #fff; + font-weight: 500; + svg { + fill: #fff; + } + } + svg { + width: 12px; + height: 12px; + fill: var(--routine); + transition: fill 0.35s; + &.next { + transform: rotate(180deg); + } + } + } + } + } } code { - display: inline-block; - vertical-align: top; - height: 26px; - line-height: 26px; - border-radius: 4px; - font-size: 12px; - background: var(--classD); - padding: 0 5px; - color: var(--theme); - margin: 0 3px; + display: inline-block; + vertical-align: top; + min-height: 26px; + line-height: 26px; + border-radius: 4px; + font-size: 12px; + background: var(--classD); + padding: 0 5px; + color: var(--theme); + margin: 0 3px; } pre code { - display: unset; - vertical-align: unset; - height: unset; - line-height: unset; - border-radius: unset; - font-size: unset; - background: unset; - padding: unset; - color: unset; - margin: unset; + display: unset; + vertical-align: unset; + height: unset; + line-height: unset; + border-radius: unset; + font-size: unset; + background: unset; + padding: unset; + color: unset; + margin: unset; } .j-fabulous { - display: flex; - align-items: center; - justify-content: center; - margin-top: 20px; - .button { - display: flex; - align-items: center; - .left, - .right { - display: flex; - align-items: center; - justify-content: center; - height: 34px; - white-space: nowrap; - text-align: center; - cursor: pointer; - padding: 0 15px; - color: var(--background); - user-select: none; - transition: opacity 0.35s; - svg { - width: 15px; - height: 15px; - fill: var(--background); - margin-right: 5px; - } - &:hover { - opacity: 0.85; - } - } - .left { - border-radius: 17px; - background: #ec7259; - } - .right { - background: #ffab2e; - border-radius: 0 17px 17px 0; - } - &.has-admire { - .left { - border-radius: 17px 0 0 17px; - } - } - } + display: flex; + align-items: center; + justify-content: center; + margin-top: 20px; + .button { + display: flex; + align-items: center; + .left, + .right { + display: flex; + align-items: center; + justify-content: center; + height: 34px; + white-space: nowrap; + text-align: center; + cursor: pointer; + padding: 0 15px; + color: #fff; + user-select: none; + transition: opacity 0.35s; + svg { + width: 15px; + height: 15px; + fill: #fff; + margin-right: 5px; + } + &:hover { + opacity: 0.85; + } + } + .left { + border-radius: 17px; + background: #ea442b; + } + .right { + background: #ffab2e; + border-radius: 0 17px 17px 0; + } + &.has-admire { + .left { + border-radius: 17px 0 0 17px; + } + } + } } .j-modal-mask { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: $z-index-8; - background: rgba(0, 0, 0, 0.75); - backdrop-filter: blur(5px); - opacity: 0; - visibility: hidden; - transition: opacity 0.5s, visibility 0.5s; - &.active { - visibility: visible; - opacity: 1; - } + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: $z-index-8; + background: rgba(0, 0, 0, 0.75); + backdrop-filter: blur(5px); + opacity: 0; + visibility: hidden; + transition: opacity 0.5s, visibility 0.5s; + &.active { + visibility: visible; + opacity: 1; + } } .j-admire-modal { - display: flex; - align-items: center; - justify-content: center; - .content { - position: relative; - width: 460px; - background: var(--background); - border-radius: var(--radius-pc); - padding: 30px 0; - transition: transform 0.5s; - transform: translate3d(0, -50%, 0); - .title { - color: var(--main); - margin-bottom: 30px; - text-align: center; - font-size: 16px; - text-shadow: var(--text-shadow); - } - .code { - width: 170px; - height: 170px; - padding: 10px; - border: 6px solid var(--theme); - margin: 0 auto 30px; - border-radius: 3px; - img { - width: 100%; - height: 100%; - object-fit: cover; - } - } - .tips { - position: relative; - text-align: center; - font-size: 12px; - color: var(--routine); - margin-bottom: 30px; - p { - margin-bottom: 5px; - &:last-child { - margin-bottom: 0; - } - } - img { - position: absolute; - width: 100%; - left: 0; - bottom: -28px; - } - } - .type { - display: flex; - align-items: center; - justify-content: center; - margin-bottom: 30px; - .item { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - color: var(--info); - margin: 0 30px; - svg { - width: 40px; - height: 40px; - margin-bottom: 5px; - } - } - } - .info { - text-align: center; - color: var(--info); - } - .close { - position: absolute; - top: -15px; - right: -15px; - width: 30px; - height: 30px; - fill: var(--classA); - cursor: pointer; - transition: transform 0.35s; - &:hover { - transform: rotate(90deg); - } - } - } - &.active { - .content { - transform: translate3d(0, 0, 0); - } - } + display: flex; + align-items: center; + justify-content: center; + .content { + position: relative; + width: 460px; + background: var(--background); + border-radius: var(--radius-pc); + padding: 30px 0; + transition: transform 0.5s; + transform: translate3d(0, -50%, 0); + .title { + color: var(--main); + margin-bottom: 30px; + text-align: center; + font-size: 16px; + text-shadow: var(--text-shadow); + } + .code { + width: 170px; + height: 170px; + padding: 10px; + border: 6px solid var(--theme); + margin: 0 auto 30px; + border-radius: 3px; + img { + width: 100%; + height: 100%; + object-fit: cover; + } + } + .tips { + position: relative; + text-align: center; + font-size: 12px; + color: var(--routine); + margin-bottom: 30px; + p { + margin-bottom: 5px; + &:last-child { + margin-bottom: 0; + } + } + img { + position: absolute; + width: 100%; + left: 0; + bottom: -28px; + } + } + .type { + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 30px; + .item { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + color: var(--info); + margin: 0 30px; + svg { + width: 40px; + height: 40px; + margin-bottom: 5px; + } + } + } + .info { + text-align: center; + color: var(--info); + } + .close { + position: absolute; + top: -15px; + right: -15px; + width: 30px; + height: 30px; + fill: var(--classA); + cursor: pointer; + transition: transform 0.35s; + &:hover { + transform: rotate(90deg); + } + } + } + &.active { + .content { + transform: translate3d(0, 0, 0); + } + } } .j-copy { - cursor: pointer; + cursor: pointer; } .j-comment { - background: var(--background); - border-radius: var(--radius-pc); - box-shadow: var(--box-shadow); - padding: 20px; - .title { - font-weight: 500; - text-align: center; - font-size: 24px; - color: var(--main); - text-shadow: var(--text-shadow); - margin-bottom: 20px; - border-bottom: 1px solid var(--classB); - padding-bottom: 20px; - } - .respond { - form { - border-radius: 6px 0 6px 6px; - background: var(--classD); - .head { - display: flex; - align-items: center; - border-bottom: 1px solid var(--classA); - - .head-item { - position: relative; - flex: 1; - width: 0; - min-width: 0; - - input { - width: 100%; - border: none; - background: transparent; - padding: 0 15px; - height: 45px; - color: var(--routine); - font-size: 14px; - } - - &:nth-child(2) { - &::before, - &::after { - content: ''; - position: absolute; - top: 50%; - transform: translateY(-50%); - width: 1px; - height: 15px; - background: var(--classA); - } - - &::before { - left: 0; - } - - &::after { - right: 0; - } - } - } - } - - .content { - padding: 15px 15px 0; - - textarea { - background-color: transparent; - width: 100%; - height: 180px; - border: none; - resize: none; - vertical-align: middle; - background: url('../img/comment.png') right bottom no-repeat; - transition: all 0.45s; - font-size: 14px; - color: var(--routine); - - &:focus { - background-position-y: 180px; - } - } - - .canvas { - position: relative; - width: 100%; - - canvas { - background: var(--background); - transition: box-shadow 0.35s; - border-radius: 4px; - - &:hover { - box-shadow: 0 10px 20px var(--classA); - } - } - ul { - display: flex; - align-items: center; - position: absolute; - top: 10px; - left: 10px; - user-select: none; - li { - cursor: pointer; - margin-right: 10px; - &.active { - color: var(--theme); - } - } - } - ol { - display: flex; - align-items: center; - position: absolute; - top: 10px; - left: 50%; - transform: translateX(-50%); - - li { - width: 20px; - height: 20px; - border-radius: 50%; - margin: 0 5px; - cursor: pointer; - transition: all 0.35s; - &:nth-child(1) { - background: var(--main); - } - &:nth-child(2) { - background: var(--success); - } - &:nth-child(3) { - background: var(--warning); - } - &:nth-child(4) { - background: var(--danger); - } - &.active { - box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35); - } - } - } - .undo { - position: absolute; - top: 10px; - right: 10px; - width: 24px; - height: 24px; - cursor: pointer; - fill: var(--minor); - user-select: none; - &:hover { - fill: var(--theme); - } - } - .animate { - position: absolute; - bottom: 10px; - right: 10px; - width: 24px; - height: 24px; - cursor: pointer; - fill: var(--minor); - user-select: none; - &:hover { - fill: var(--theme); - } - } - } - } - - .foot { - position: relative; - padding: 15px; - .right { - position: absolute; - top: 15px; - right: 15px; - a { - margin-right: 10px; - &:hover { - color: var(--theme); - } - } - button { - border-radius: 3px; - height: 32px; - padding: 0 15px; - border: none; - background: var(--theme); - color: var(--background); - font-size: 14px; - transition: all 0.35s; - - &:hover { - opacity: 0.85; - } - } - } - } - } - - .change { - display: flex; - align-items: center; - justify-content: flex-end; - - button { - background: var(--classD); - padding: 0 15px; - height: 32px; - border: none; - font-size: 13px; - transition: all 0.35s; - color: var(--main); - - &.active { - color: var(--background); - background: var(--theme); - } - - &:first-child { - border-top-left-radius: 4px; - } - - &:last-child { - border-top-right-radius: 4px; - } - } - } - } - .comment-all { - padding-top: 20px; - .comment-list { - .respond { - animation: showComment 0.5s; - margin-left: 63px; - margin-bottom: 20px; - } - - li { - .item { - display: flex; - margin-bottom: 20px; - - .left { - width: 48px; - height: 48px; - border-radius: 50%; - margin-right: 15px; - padding: 3px; - border: 1px solid var(--classD); - } - - .right { - width: 0; - min-width: 0; - flex: 1; - border-bottom: 1px solid var(--classC); - padding-bottom: 15px; - - .name { - display: flex; - align-items: center; - margin-bottom: 8px; - user-select: none; - line-height: 20px; - color: var(--main); - span { - margin-right: 10px; - } - i { - display: none; - background: var(--theme); - color: var(--background); - padding: 0 5px; - border-radius: 2px; - font-style: normal; - &.comment-by-author { - display: block; - } - } - em { - color: var(--danger); - font-style: normal; - } - div { - margin-left: auto; - font-size: 12px; - color: var(--minor); - } - } - - .content { - display: none; - width: 100%; - background: var(--classD); - padding: 12px 15px; - border-radius: 0 4px 4px 10px; - font-size: 14px; - color: var(--main); - margin-bottom: 8px; - word-break: break-all; - line-height: 24px; - .parent { - color: #388bff; - margin-bottom: 5px; - user-select: none; - font-weight: 500; - } - .canvas { - max-width: 100%; - } - .owo { - height: 22px; - vertical-align: top; - } - img { - max-width: 100%; - } - } - - .meta { - display: flex; - align-items: center; - - span { - color: var(--minor); - margin-right: 10px; - } - - a { - display: flex; - align-items: center; - color: var(--main); - font-size: 13px; - - svg { - width: 15px; - height: 15px; - margin-right: 5px; - fill: var(--main); - } - - &:hover { - color: var(--theme); - - svg { - fill: var(--theme); - } - } - } - } - } - } - } - - .comment-children { - padding-left: 63px; - - .comment-children { - padding-left: 0; - } - } - } - } - .j-pagination { - padding-top: 0; - } + background: var(--background); + border-radius: var(--radius-pc); + box-shadow: var(--box-shadow); + padding: 20px; + .title { + font-weight: 500; + text-align: center; + font-size: 24px; + color: var(--main); + text-shadow: var(--text-shadow); + margin-bottom: 20px; + border-bottom: 1px solid var(--classB); + padding-bottom: 20px; + } + .respond { + form { + border-radius: 6px 0 6px 6px; + background: var(--classD); + .head { + display: flex; + align-items: center; + border-bottom: 1px solid var(--classA); + + .head-item { + position: relative; + flex: 1; + width: 0; + min-width: 0; + + input { + width: 100%; + border: none; + background: transparent; + padding: 0 15px; + height: 45px; + color: var(--routine); + font-size: 14px; + } + + &:nth-child(2) { + &::before, + &::after { + content: ''; + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 1px; + height: 15px; + background: var(--classA); + } + + &::before { + left: 0; + } + + &::after { + right: 0; + } + } + } + } + + .content { + padding: 15px 15px 0; + + textarea { + background-color: transparent; + width: 100%; + height: 180px; + border: none; + resize: none; + vertical-align: middle; + background: url('../img/comment.png') right bottom no-repeat; + transition: all 0.45s; + font-size: 14px; + color: var(--routine); + + &:focus { + background-position-y: 180px; + } + } + + .canvas { + position: relative; + width: 100%; + + canvas { + background: var(--background); + transition: box-shadow 0.35s; + border-radius: 4px; + + &:hover { + box-shadow: 0 10px 20px var(--classA); + } + } + ul { + display: flex; + align-items: center; + position: absolute; + top: 10px; + left: 10px; + user-select: none; + li { + cursor: pointer; + margin-right: 10px; + &.active { + color: var(--theme); + } + } + } + ol { + display: flex; + align-items: center; + position: absolute; + top: 10px; + left: 50%; + transform: translateX(-50%); + + li { + width: 20px; + height: 20px; + border-radius: 50%; + margin: 0 5px; + cursor: pointer; + transition: all 0.35s; + &:nth-child(1) { + background: var(--main); + } + &:nth-child(2) { + background: var(--success); + } + &:nth-child(3) { + background: var(--warning); + } + &:nth-child(4) { + background: var(--danger); + } + &.active { + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35); + } + } + } + .undo { + position: absolute; + top: 10px; + right: 10px; + width: 24px; + height: 24px; + cursor: pointer; + fill: var(--minor); + user-select: none; + &:hover { + fill: var(--theme); + } + } + .animate { + position: absolute; + bottom: 10px; + right: 10px; + width: 24px; + height: 24px; + cursor: pointer; + fill: var(--minor); + user-select: none; + &:hover { + fill: var(--theme); + } + } + } + } + + .foot { + position: relative; + padding: 15px; + .right { + position: absolute; + top: 15px; + right: 15px; + a { + margin-right: 10px; + &:hover { + color: var(--theme); + } + } + button { + border-radius: 3px; + height: 32px; + padding: 0 15px; + border: none; + background: var(--theme); + color: #fff; + font-size: 14px; + transition: all 0.35s; + + &:hover { + opacity: 0.85; + } + } + } + } + } + + .change { + display: flex; + align-items: center; + justify-content: flex-end; + + button { + background: var(--classD); + padding: 0 15px; + height: 32px; + border: none; + font-size: 13px; + transition: all 0.35s; + color: var(--main); + + &.active { + color: #fff; + background: var(--theme); + } + + &:first-child { + border-top-left-radius: 4px; + } + + &:last-child { + border-top-right-radius: 4px; + } + } + } + } + .comment-all { + padding-top: 20px; + .comment-list { + .respond { + animation: showComment 0.5s; + margin-left: 63px; + margin-bottom: 20px; + } + + li { + .item { + display: flex; + margin-bottom: 20px; + + .left { + width: 48px; + height: 48px; + border-radius: 50%; + margin-right: 15px; + padding: 3px; + border: 1px solid var(--classD); + } + + .right { + width: 0; + min-width: 0; + flex: 1; + border-bottom: 1px solid var(--classC); + padding-bottom: 15px; + + .name { + display: flex; + align-items: center; + margin-bottom: 8px; + user-select: none; + line-height: 20px; + color: var(--main); + span { + margin-right: 10px; + } + i { + display: none; + background: var(--theme); + color: #fff; + padding: 0 5px; + border-radius: 2px; + font-style: normal; + &.comment-by-author { + display: block; + } + } + em { + color: var(--danger); + font-style: normal; + } + div { + margin-left: auto; + font-size: 12px; + color: var(--minor); + } + } + + .content { + display: none; + width: 100%; + background: var(--classD); + padding: 12px 15px; + border-radius: 0 4px 4px 10px; + font-size: 14px; + color: var(--main); + margin-bottom: 8px; + word-break: break-all; + line-height: 24px; + .parent { + color: #388bff; + margin-bottom: 5px; + user-select: none; + font-weight: 500; + } + .canvas { + max-width: 100%; + } + .owo { + height: 22px; + vertical-align: top; + } + img { + max-width: 100%; + } + } + + .meta { + display: flex; + align-items: center; + + span { + color: var(--minor); + margin-right: 10px; + } + + a { + display: flex; + align-items: center; + color: var(--main); + font-size: 13px; + + svg { + width: 15px; + height: 15px; + margin-right: 5px; + fill: var(--main); + } + + &:hover { + color: var(--theme); + + svg { + fill: var(--theme); + } + } + } + } + } + } + } + + .comment-children { + padding-left: 63px; + + .comment-children { + padding-left: 0; + } + } + } + } + .j-pagination { + padding-top: 0; + } } .j-file { - .item { - user-select: none; - position: relative; - padding: 0 0 20px 30px; - &::before { - content: ''; - position: absolute; - top: 13.5px; - left: 0; - width: 13px; - height: 13px; - background: var(--classA); - border-radius: 50%; - z-index: 2; - } - &::after { - content: ''; - position: absolute; - top: 0; - left: 6px; - width: 1px; - height: 100%; - background: var(--classC); - border-radius: 50%; - } - span { - position: relative; - display: flex; - align-items: center; - justify-content: space-between; - color: var(--routine); - cursor: pointer; - background: var(--classD); - padding: 10px; - height: 40px; - border-radius: 4px; - &::after { - content: ''; - position: absolute; - top: 50%; - transform: translateY(-50%); - left: -8px; - width: 0; - height: 0; - border-right: 8px solid var(--classD); - border-top: 8px solid transparent; - border-bottom: 8px solid transparent; - } - svg { - width: 10px; - height: 10px; - fill: var(--minor); - transform: rotate(180deg); - margin-left: 5px; - } - } - ul { - display: none; - padding-left: 20px; - li { - margin-top: 20px; - a { - color: var(--routine); - &:hover { - color: var(--theme); - } - } - } - } - } + .item { + user-select: none; + position: relative; + padding: 0 0 20px 30px; + &::before { + content: ''; + position: absolute; + top: 13.5px; + left: 0; + width: 13px; + height: 13px; + background: var(--classA); + border-radius: 50%; + z-index: 2; + } + &::after { + content: ''; + position: absolute; + top: 0; + left: 6px; + width: 1px; + height: 100%; + background: var(--classC); + border-radius: 50%; + } + span { + position: relative; + display: flex; + align-items: center; + justify-content: space-between; + color: var(--routine); + cursor: pointer; + background: var(--classD); + padding: 10px; + height: 40px; + border-radius: 4px; + &::after { + content: ''; + position: absolute; + top: 50%; + transform: translateY(-50%); + left: -8px; + width: 0; + height: 0; + border-right: 8px solid var(--classD); + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; + } + svg { + width: 10px; + height: 10px; + fill: var(--minor); + transform: rotate(180deg); + margin-left: 5px; + } + } + ul { + display: none; + padding-left: 20px; + li { + margin-top: 20px; + a { + color: var(--routine); + &:hover { + color: var(--theme); + } + } + } + } + } } .j-label { - border-bottom: 1px dotted var(--classD); - margin-bottom: 20px; - ul { - display: flex; - flex-wrap: wrap; - li { - padding-bottom: 20px; - &:nth-child(even) { - a { - background: var(--classD); - color: var(--routine); - &::after { - border-left-color: var(--classD); - } - } - } - &:nth-child(odd) { - a { - color: #fff; - background: var(--theme); - &::after { - border-left-color: var(--theme); - } - } - } - a { - position: relative; - display: block; - height: 30px; - line-height: 30px; - text-align: center; - padding: 0 20px 0 30px; - &::after { - content: ''; - position: absolute; - top: 0; - right: -15px; - width: 0; - height: 0; - z-index: 1; - border-left: 15px solid; - border-top: 15px solid transparent; - border-bottom: 15px solid transparent; - } - } - } - } + border-bottom: 1px dotted var(--classD); + margin-bottom: 20px; + ul { + display: flex; + flex-wrap: wrap; + li { + padding-bottom: 20px; + &:nth-child(even) { + a { + background: var(--classD); + color: var(--routine); + &::after { + border-left-color: var(--classD); + } + } + } + &:nth-child(odd) { + a { + color: #fff; + background: var(--theme); + &::after { + border-left-color: var(--theme); + } + } + } + a { + position: relative; + display: block; + height: 30px; + line-height: 30px; + text-align: center; + padding: 0 20px 0 30px; + &::after { + content: ''; + position: absolute; + top: 0; + right: -15px; + width: 0; + height: 0; + z-index: 1; + border-left: 15px solid; + border-top: 15px solid transparent; + border-bottom: 15px solid transparent; + } + } + } + } } .j-loadmore { - display: flex; - align-items: center; - justify-content: center; - margin-top: 20px; - user-select: none; - a { - cursor: pointer; - width: 120px; - text-align: center; - line-height: 34px; - height: 34px; - color: var(--routine); - background: var(--background); - box-shadow: var(--box-shadow); - border-radius: 17px; - transition: transform 0.35s; - &:active { - transform: scale(0.85); - } - } + display: flex; + align-items: center; + justify-content: center; + margin-top: 20px; + user-select: none; + a { + cursor: pointer; + width: 120px; + text-align: center; + line-height: 34px; + height: 34px; + color: var(--routine); + background: var(--background); + box-shadow: var(--box-shadow); + border-radius: 17px; + transition: transform 0.35s; + &:active { + transform: scale(0.85); + } + } } .j-horse { - position: fixed; - top: 0; - left: 0; - right: 0; - height: 2px; - background: url(../img/HorseRaceLamp.gif); - z-index: $z-index-7; + position: fixed; + top: 0; + left: 0; + right: 0; + height: 2px; + background: url(../img/HorseRaceLamp.gif); + z-index: $z-index-7; } .j-dynamic { - .respond { - background: var(--background); - margin-bottom: 20px; - box-shadow: var(--box-shadow); - border-radius: var(--radius-pc); - padding: 15px; - .title { - color: var(--routine); - margin-bottom: 15px; - } - form { - textarea { - border-radius: calc(var(--radius-pc) / 2); - width: 100%; - vertical-align: middle; - resize: none; - padding: 15px; - border: none; - background: var(--classD); - color: var(--routine); - font-size: 14px; - } - .form-foot { - position: relative; - background: var(--classD); - padding: 15px; - button[type='submit'] { - position: absolute; - top: 15px; - right: 15px; - color: var(--background); - background: var(--theme); - border: none; - height: 32px; - padding: 0 15px; - transition: opacity 0.35s; - border-radius: 3px; - &:hover { - opacity: 0.85; - } - } - } - } - } - > .comment-list { - > li { - background: var(--background); - margin-bottom: 20px; - box-shadow: var(--box-shadow); - border-radius: var(--radius-pc); - padding: 15px; - &:last-child { - margin-bottom: 0; - } - .comment-parent { - .title { - display: flex; - align-items: center; - margin-bottom: 15px; - .avatar { - width: 40px; - height: 40px; - border-radius: 50%; - padding: 3px; - border: 1px solid var(--classD); - margin-right: 5px; - } - .desc { - .author { - margin-bottom: 5px; - color: var(--routine); - } - .time { - font-size: 12px; - color: var(--minor); - } - } - } - .content { - margin-bottom: 15px; - background: var(--classD); - padding: 15px; - transition: opacity 0.35s; - border-radius: calc(var(--radius-pc) / 2); - color: var(--routine); - line-height: 24px; - iframe { - width: 100%; - border: none; - } - img { - max-width: 100%; - } - .owo { - height: 22px; - vertical-align: top; - } - &:hover { - opacity: 0.85; - } - } - .foot { - display: flex; - align-items: center; - justify-content: space-between; - .count { - color: var(--minor); - font-size: 12px; - line-height: 16px; - } - .action { - display: flex; - align-items: center; - cursor: pointer; - .item { - display: flex; - align-items: center; - color: var(--minor); - transition: color 0.35s; - font-size: 12px; - user-select: none; - margin-left: 10px; - svg { - width: 20px; - height: 20px; - fill: var(--minor); - transition: fill 0.35s; - margin-right: 1px; - &.like { - animation: scaleLove 0.8s infinite alternate; - } - } - &.active { - color: var(--theme); - svg { - fill: var(--theme); - &.like { - animation: none; - } - } - } - &:hover { - color: var(--theme); - svg { - fill: var(--theme); - animation-play-state: paused; - } - } - } - } - } - } - .list { - padding-top: 10px; - margin-top: 10px; - border-top: 1px solid var(--classC); - .item { - line-height: 22px; - font-size: 12px; - margin-bottom: 3px; - color: var(--main); - &:last-child { - margin-bottom: 0; - } - .name { - user-select: none; - color: var(--theme); - font-weight: 500; - a { - font-weight: 500; - color: var(--theme); - } - } - } - } - .reply { - display: none; - margin-top: 10px; - animation: showComment 0.35s; - .head { - display: flex; - align-items: center; - margin-bottom: 10px; - input { - flex: 1; - width: auto; - height: 34px; - border: 1px solid var(--classB); - padding: 0 10px; - transition: border 0.35s; - border-radius: 2px; - font-size: 13px; - color: var(--routine); - &:nth-child(2) { - margin: 0 10px; - } - &:focus { - border: 1px solid var(--theme); - } - } - } - textarea { - width: 100%; - height: 80px; - border: 1px solid var(--classB); - resize: none; - padding: 10px; - margin-bottom: 10px; - transition: border 0.35s; - border-radius: 2px; - font-size: 13px; - color: var(--routine); - vertical-align: middle; - &:focus { - border: 1px solid var(--theme); - } - } - .foot { - display: flex; - justify-content: space-between; - button { - background: var(--theme); - color: #fff; - border-radius: 2px; - vertical-align: middle; - width: 70px; - height: 30px; - border: none; - transition: opacity 0.35s; - &:hover { - opacity: 0.85; - } - } - } - } - } - } + .respond { + background: var(--background); + margin-bottom: 20px; + box-shadow: var(--box-shadow); + border-radius: var(--radius-pc); + padding: 15px; + .title { + color: var(--routine); + margin-bottom: 15px; + } + form { + textarea { + border-radius: calc(var(--radius-pc) / 2); + width: 100%; + vertical-align: middle; + resize: none; + padding: 15px; + border: none; + background: var(--classD); + color: var(--routine); + font-size: 14px; + } + .form-foot { + position: relative; + background: var(--classD); + padding: 15px; + button[type='submit'] { + position: absolute; + top: 15px; + right: 15px; + color: #fff; + background: var(--theme); + border: none; + height: 32px; + padding: 0 15px; + transition: opacity 0.35s; + border-radius: 3px; + &:hover { + opacity: 0.85; + } + } + } + } + } + > .comment-list { + > li { + background: var(--background); + margin-bottom: 20px; + box-shadow: var(--box-shadow); + border-radius: var(--radius-pc); + padding: 15px; + &:last-child { + margin-bottom: 0; + } + .comment-parent { + .title { + display: flex; + align-items: center; + margin-bottom: 15px; + .avatar { + width: 40px; + height: 40px; + border-radius: 50%; + padding: 3px; + border: 1px solid var(--classD); + margin-right: 5px; + } + .desc { + .author { + margin-bottom: 5px; + color: var(--routine); + } + .time { + font-size: 12px; + color: var(--minor); + } + } + } + .content { + margin-bottom: 15px; + background: var(--classD); + padding: 15px; + transition: opacity 0.35s; + border-radius: calc(var(--radius-pc) / 2); + color: var(--routine); + line-height: 24px; + iframe { + width: 100%; + border: none; + } + img { + max-width: 100%; + } + .owo { + height: 22px; + vertical-align: top; + } + &:hover { + opacity: 0.85; + } + } + .foot { + display: flex; + align-items: center; + justify-content: space-between; + .count { + color: var(--minor); + font-size: 12px; + line-height: 16px; + } + .action { + display: flex; + align-items: center; + cursor: pointer; + .item { + display: flex; + align-items: center; + color: var(--minor); + transition: color 0.35s; + font-size: 12px; + user-select: none; + margin-left: 10px; + svg { + width: 20px; + height: 20px; + fill: var(--minor); + transition: fill 0.35s; + margin-right: 1px; + &.like { + animation: scaleLove 0.8s infinite alternate; + } + } + &.active { + color: var(--theme); + svg { + fill: var(--theme); + &.like { + animation: none; + } + } + } + &:hover { + color: var(--theme); + svg { + fill: var(--theme); + animation-play-state: paused; + } + } + } + } + } + } + .list { + padding-top: 10px; + margin-top: 10px; + border-top: 1px solid var(--classC); + .item { + line-height: 22px; + font-size: 12px; + margin-bottom: 3px; + color: var(--main); + &:last-child { + margin-bottom: 0; + } + .name { + user-select: none; + color: var(--theme); + font-weight: 500; + a { + font-weight: 500; + color: var(--theme); + } + } + } + } + .reply { + display: none; + margin-top: 10px; + animation: showComment 0.35s; + .head { + display: flex; + align-items: center; + margin-bottom: 10px; + input { + flex: 1; + width: auto; + height: 34px; + border: 1px solid var(--classB); + padding: 0 10px; + transition: border 0.35s; + border-radius: 2px; + font-size: 13px; + color: var(--routine); + &:nth-child(2) { + margin: 0 10px; + } + &:focus { + border: 1px solid var(--theme); + } + } + } + textarea { + width: 100%; + height: 80px; + border: 1px solid var(--classB); + resize: none; + padding: 10px; + margin-bottom: 10px; + transition: border 0.35s; + border-radius: 2px; + font-size: 13px; + color: var(--routine); + vertical-align: middle; + &:focus { + border: 1px solid var(--theme); + } + } + .foot { + display: flex; + justify-content: space-between; + button { + background: var(--theme); + color: #fff; + border-radius: 2px; + vertical-align: middle; + width: 70px; + height: 30px; + border: none; + transition: opacity 0.35s; + &:hover { + opacity: 0.85; + } + } + } + } + } + } } .j-defend { - box-shadow: var(--box-shadow); - border-radius: calc(var(--radius-pc) / 2); - overflow: hidden; - user-select: none; - .title { - background: var(--warning); - line-height: 40px; - height: 40px; - text-align: center; - color: var(--background); - } - .content { - background: var(--background); - padding: 15px; - line-height: 30px; - color: var(--routine); - p:nth-child(2) { - text-indent: 2em; - } - p:nth-child(3) { - text-align: right; - } - } + box-shadow: var(--box-shadow); + border-radius: calc(var(--radius-pc) / 2); + overflow: hidden; + user-select: none; + .title { + background: var(--warning); + line-height: 40px; + height: 40px; + text-align: center; + color: #fff; + } + .content { + background: var(--background); + padding: 15px; + line-height: 30px; + color: var(--routine); + p:nth-child(2) { + text-indent: 2em; + } + p:nth-child(3) { + text-align: right; + } + } } .j-search-down-xs { - display: none; - position: fixed; - top: 55px; - left: 0; - right: 0; - bottom: 0; - z-index: $z-index-3; - visibility: hidden; - overflow: hidden; - transform-style: preserve-3d; - &.active { - visibility: visible; - .content { - visibility: visible; - opacity: 1; - transform: rotateX(0); - } - .mask { - visibility: visible; - opacity: 1; - } - } - .content { - position: absolute; - top: 0; - left: 0; - right: 0; - z-index: 3; - background: var(--background); - padding: 20px 15px 0; - overflow: hidden; - transform: perspective(500px) rotateX(-90deg); - visibility: hidden; - transform-origin: top; - transition: transform 0.5s, visibility 0.5s; - border-top: 1px solid var(--classD); - backface-visibility: hidden; - perspective: 1000; - overscroll-behavior: none; - form { - display: flex; - align-items: center; - margin-bottom: 15px; - input { - flex: 1; - height: 36px; - padding: 0 10px; - border: 1px solid var(--classA); - border-right: none; - border-radius: 2px 0 0 2px; - color: var(--routine); - -webkit-appearance: none; - } - button { - padding: 0 10px; - height: 36px; - border: none; - background: var(--theme); - color: var(--background); - border-radius: 0 2px 2px 0; - } - } - .title { - color: var(--routine); - margin-bottom: 10px; - font-size: 16px; - display: flex; - align-items: center; - svg { - width: 22px; - height: 22px; - fill: var(--routine); - margin-right: 5px; - } - } - .cloud { - display: flex; - flex-wrap: wrap; - padding-bottom: 15px; - li { - padding: 5px; - a { - display: block; - padding: 0 10px; - height: 24px; - line-height: 24px; - border-radius: 2px; - font-size: 12px; - color: var(--background); - } - } - } - } - .mask { - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.65); - backdrop-filter: blur(5px); - opacity: 0; - visibility: hidden; - transition: visibility 0.5s, opacity 0.5s; - z-index: 1; - transform: translateZ(-500px); - overscroll-behavior: none; - } + display: none; + position: fixed; + top: 55px; + left: 0; + right: 0; + bottom: 0; + z-index: $z-index-3; + visibility: hidden; + overflow: hidden; + transform-style: preserve-3d; + &.active { + visibility: visible; + .content { + visibility: visible; + opacity: 1; + transform: rotateX(0); + } + .mask { + visibility: visible; + opacity: 1; + } + } + .content { + position: absolute; + top: 0; + left: 0; + right: 0; + z-index: 3; + background: var(--background); + padding: 20px 15px 0; + overflow: hidden; + transform: perspective(500px) rotateX(-90deg); + visibility: hidden; + transform-origin: top; + transition: transform 0.5s, visibility 0.5s; + border-top: 1px solid var(--classD); + backface-visibility: hidden; + perspective: 1000; + overscroll-behavior: none; + form { + display: flex; + align-items: center; + margin-bottom: 15px; + input { + flex: 1; + height: 36px; + padding: 0 10px; + border: 1px solid var(--classA); + border-right: none; + border-radius: 2px 0 0 2px; + color: var(--routine); + -webkit-appearance: none; + } + button { + padding: 0 10px; + height: 36px; + border: none; + background: var(--theme); + color: #fff; + border-radius: 0 2px 2px 0; + } + } + .title { + color: var(--routine); + margin-bottom: 10px; + font-size: 16px; + display: flex; + align-items: center; + svg { + width: 22px; + height: 22px; + fill: var(--routine); + margin-right: 5px; + } + } + .cloud { + display: flex; + flex-wrap: wrap; + padding-bottom: 15px; + li { + padding: 5px; + a { + display: block; + padding: 0 10px; + height: 24px; + line-height: 24px; + border-radius: 2px; + font-size: 12px; + color: #fff; + } + } + } + } + .mask { + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.65); + backdrop-filter: blur(5px); + opacity: 0; + visibility: hidden; + transition: visibility 0.5s, opacity 0.5s; + z-index: 1; + transform: translateZ(-500px); + overscroll-behavior: none; + } } .j-sidebar-xs { - display: none; - position: fixed; - top: 55px; - left: 0; - right: 0; - bottom: 0; - z-index: $z-index-3; - visibility: hidden; - &.active { - visibility: visible; - .mask { - opacity: 1; - visibility: visible; - } - .content { - visibility: visible; - transform: translate3d(0, 0, 0); - } - } - .content { - position: absolute; - top: 0; - left: 0; - width: 75%; - bottom: 0; - background: var(--classD); - z-index: 3; - visibility: hidden; - transform: translate3d(-100%, 0, 0); - transition: visibility 0.5s, transform 0.5s; - overflow-y: auto; - overscroll-behavior: none; - -webkit-overflow-scrolling: touch; - &::-webkit-scrollbar { - display: none; - } - .item { - padding: 20px; - border-bottom: 1px solid var(--classA); - &:last-child { - border-bottom: none; - .card { - .title { - background: #46c47c; - &::after { - border-color: #46c47c transparent transparent; - } - } - } - } - .card { - position: relative; - background: var(--background); - border-radius: var(--radius-wap); - box-shadow: var(--box-shadow); - padding: 45px 15px 15px; - .title { - position: absolute; - top: 15px; - left: -10px; - background: #6fa3ef; - color: var(--background); - font-weight: 500; - box-shadow: 2px 5px 10px rgba(49, 58, 70, 0.15); - font-size: 14px; - height: 30px; - line-height: 30px; - padding: 0 10px; - border-radius: 2px 2px 2px 0; - &::after { - content: ''; - border-style: solid; - border-width: 10px; - display: block; - position: absolute; - bottom: -10px; - left: 0; - margin-bottom: -10px; - z-index: -1; - border-color: #6fa3ef transparent transparent; - } - } - ul { - li { - display: flex; - align-items: center; - line-height: 40px; - border-bottom: 1px solid var(--classB); - &.active { - svg { - fill: var(--theme); - } - a { - color: var(--theme); - } - } - svg { - width: 13px; - height: 13px; - margin-right: 5px; - fill: var(--routine); - } - a { - color: #606266; - flex: 1; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - } - } - } - } - } - .user { - text-align: center; - border-bottom: 1px solid var(--classA); - img { - width: 80px; - height: 80px; - border-radius: 50%; - padding: 5px; - border: 1px solid var(--classB); - box-shadow: 0px 5px 15px rgba(56, 94, 209, 0.2); - margin-bottom: 15px; - } - .name { - font-size: 16px; - color: var(--main); - font-weight: 500; - margin-bottom: 10px; - } - .desc { - display: none; - color: var(--routine); - } - } - } - .mask { - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.65); - backdrop-filter: blur(5px); - opacity: 0; - visibility: hidden; - transition: visibility 0.5s, opacity 0.5s; - overscroll-behavior: none; - } + display: none; + position: fixed; + top: 55px; + left: 0; + right: 0; + bottom: 0; + z-index: $z-index-3; + visibility: hidden; + &.active { + visibility: visible; + .mask { + opacity: 1; + visibility: visible; + } + .content { + visibility: visible; + transform: translate3d(0, 0, 0); + } + } + .content { + position: absolute; + top: 0; + left: 0; + width: 75%; + bottom: 0; + background: var(--classD); + z-index: 3; + visibility: hidden; + transform: translate3d(-100%, 0, 0); + transition: visibility 0.5s, transform 0.5s; + overflow-y: auto; + overscroll-behavior: none; + -webkit-overflow-scrolling: touch; + &::-webkit-scrollbar { + display: none; + } + .item { + padding: 20px; + border-bottom: 1px solid var(--classA); + &:last-child { + border-bottom: none; + .card { + .title { + background: #46c47c; + &::after { + border-color: #46c47c transparent transparent; + } + } + } + } + .card { + position: relative; + background: var(--background); + border-radius: var(--radius-wap); + box-shadow: var(--box-shadow); + padding: 45px 15px 15px; + .title { + position: absolute; + top: 15px; + left: -10px; + background: #6fa3ef; + color: #fff; + font-weight: 500; + box-shadow: 2px 5px 10px rgba(49, 58, 70, 0.15); + font-size: 14px; + height: 30px; + line-height: 30px; + padding: 0 10px; + border-radius: 2px 2px 2px 0; + &::after { + content: ''; + border-style: solid; + border-width: 10px; + display: block; + position: absolute; + bottom: -10px; + left: 0; + margin-bottom: -10px; + z-index: -1; + border-color: #6fa3ef transparent transparent; + } + } + ul { + li { + display: flex; + align-items: center; + line-height: 40px; + border-bottom: 1px solid var(--classB); + &.drops { + display: block; + align-items: unset; + } + .j-panel { + width: 100%; + display: flex; + align-items: center; + } + .j-panel-down { + display: none; + padding-left: 20px; + li { + &:last-child { + border-bottom: none; + } + } + } + &.active { + svg { + fill: var(--theme); + } + a { + color: var(--theme); + } + } + svg { + width: 13px; + height: 13px; + margin-right: 5px; + fill: var(--routine); + &:last-child { + width: 12px; + height: 12px; + margin-right: unset; + margin-left: auto; + } + } + a { + color: var(--routine); + flex: 1; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + } + } + } + } + .user { + text-align: center; + border-bottom: 1px solid var(--classA); + img { + width: 80px; + height: 80px; + border-radius: 50%; + padding: 5px; + border: 1px solid var(--classB); + box-shadow: 0px 5px 15px rgba(56, 94, 209, 0.2); + margin-bottom: 15px; + } + .name { + font-size: 16px; + color: var(--main); + font-weight: 500; + margin-bottom: 10px; + } + .desc { + display: none; + color: var(--routine); + } + } + } + .mask { + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.65); + backdrop-filter: blur(5px); + opacity: 0; + visibility: hidden; + transition: visibility 0.5s, opacity 0.5s; + overscroll-behavior: none; + } } .j-tag { - display: inline-block; - height: 32px; - padding: 0 10px; - line-height: 30px; - font-size: 12px; - border-radius: 4px; - box-sizing: border-box; - white-space: nowrap; - &.default { - background-color: #ecf5ff; - border: 1px solid #d9ecff; - color: #409eff; - } - &.success { - background-color: #f0f9eb; - border: 1px solid #e1f3d8; - color: #67c23a; - } - &.info { - background-color: #f4f4f5; - border: 1px solid #e9e9eb; - color: #909399; - } - &.warning { - background-color: #fdf6ec; - border: 1px solid #faecd8; - color: #e6a23c; - } - &.danger { - background-color: #fef0f0; - border: 1px solid #fde2e2; - color: #f56c6c; - } + display: inline-block; + height: 32px; + padding: 0 10px; + line-height: 30px; + font-size: 12px; + border-radius: 4px; + box-sizing: border-box; + white-space: nowrap; + &.default { + background-color: #ecf5ff; + border: 1px solid #d9ecff; + color: #409eff; + } + &.success { + background-color: #f0f9eb; + border: 1px solid #e1f3d8; + color: #67c23a; + } + &.info { + background-color: #f4f4f5; + border: 1px solid #e9e9eb; + color: #909399; + } + &.warning { + background-color: #fdf6ec; + border: 1px solid #faecd8; + color: #e6a23c; + } + &.danger { + background-color: #fef0f0; + border: 1px solid #fde2e2; + color: #f56c6c; + } } .j-btn { - display: inline-block; - white-space: nowrap; - text-align: center; - transition: 0.1s; - font-weight: 500; - padding: 10px 20px; - border-radius: 4px; - font-size: 14px; - line-height: 1; - text-decoration: none; - &.default { - background: #fff; - border: 1px solid #dcdfe6; - color: #606266 !important; - &:hover { - color: #409eff !important; - border-color: #c6e2ff; - background-color: #ecf5ff; - text-decoration: unset !important; - } - } - &.primary { - color: #fff !important; - background-color: #409eff; - border-color: #409eff; - &:hover { - background: #66b1ff; - border-color: #66b1ff; - text-decoration: unset !important; - } - } - &.success { - color: #fff !important; - background-color: #67c23a; - border-color: #67c23a; - &:hover { - background: #85ce61; - border-color: #85ce61; - text-decoration: unset !important; - } - } - &.info { - color: #fff !important; - background-color: #909399; - border-color: #909399; - &:hover { - background: #a6a9ad; - border-color: #a6a9ad; - text-decoration: unset !important; - } - } - &.warning { - color: #fff !important; - background-color: #e6a23c; - border-color: #e6a23c; - &:hover { - background: #ebb563; - border-color: #ebb563; - text-decoration: unset !important; - } - } - &.danger { - color: #fff !important; - background-color: #f56c6c; - border-color: #f56c6c; - &:hover { - background: #f78989; - border-color: #f78989; - text-decoration: unset !important; - } - } + display: inline-block; + white-space: nowrap; + text-align: center; + transition: 0.1s; + font-weight: 500; + padding: 10px 20px; + border-radius: 4px; + font-size: 14px; + line-height: 1; + text-decoration: none; + &.default { + background: #fff; + border: 1px solid #dcdfe6; + color: #606266 !important; + &:hover { + color: #409eff !important; + border-color: #c6e2ff; + background-color: #ecf5ff; + text-decoration: unset !important; + } + } + &.primary { + color: #fff !important; + background-color: #409eff; + border-color: #409eff; + &:hover { + background: #66b1ff; + border-color: #66b1ff; + text-decoration: unset !important; + } + } + &.success { + color: #fff !important; + background-color: #67c23a; + border-color: #67c23a; + &:hover { + background: #85ce61; + border-color: #85ce61; + text-decoration: unset !important; + } + } + &.info { + color: #fff !important; + background-color: #909399; + border-color: #909399; + &:hover { + background: #a6a9ad; + border-color: #a6a9ad; + text-decoration: unset !important; + } + } + &.warning { + color: #fff !important; + background-color: #e6a23c; + border-color: #e6a23c; + &:hover { + background: #ebb563; + border-color: #ebb563; + text-decoration: unset !important; + } + } + &.danger { + color: #fff !important; + background-color: #f56c6c; + border-color: #f56c6c; + &:hover { + background: #f78989; + border-color: #f78989; + text-decoration: unset !important; + } + } } .j-alt { - width: 100%; - padding: 8px 15px 8px 35px; - border-radius: 4px; - position: relative; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - transition: opacity 0.2s; - font-size: 13px; - &::before { - content: ''; - position: absolute; - top: 50%; - left: 10px; - transform: translateY(-50%); - width: 20px; - height: 18px; - vertical-align: top; - } - &.success { - background-color: #f0f9eb; - color: #67c23a; - &::before { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjA1NzQ4Nzc4NzcyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI0MTUiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiA4NS4zMzMzMzNjMjM1LjY0OCAwIDQyNi42NjY2NjcgMTkxLjAxODY2NyA0MjYuNjY2NjY3IDQyNi42NjY2NjdzLTE5MS4wMTg2NjcgNDI2LjY2NjY2Ny00MjYuNjY2NjY3IDQyNi42NjY2NjdTODUuMzMzMzMzIDc0Ny42NDggODUuMzMzMzMzIDUxMiAyNzYuMzUyIDg1LjMzMzMzMyA1MTIgODUuMzMzMzMzeiBtLTc0Ljk2NTMzMyA1NTAuNEwzNDYuNDUzMzMzIDU0NS4xNTJhNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDEgMC02MC4zMzA2NjYgNjAuMzMwNjY3bDEyMC43MDQgMTIwLjcwNGE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMCAwIDYwLjMzMDY2NiAwbDMwMS42NTMzMzQtMzAxLjY5NmE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAwLTYwLjI4OC02MC4zMzA2NjdsLTI3MS41MzA2NjcgMjcxLjQ4OCAwLjA0MjY2NyAwLjA4NTMzM3oiIGZpbGw9IiM1MkM0MUEiIHAtaWQ9IjI0MTYiPjwvcGF0aD48L3N2Zz4='); - background-repeat: no-repeat; - background-position: center center; - } - } - &.info { - background-color: #f4f4f5; - color: #909399; - &::before { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjA1NzQ5NDI2MDY2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQ3ODQiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiA1MS4yYy0yNTYgMC00NjAuOCAyMDQuOC00NjAuOCA0NjAuOHMyMDQuOCA0NjAuOCA0NjAuOCA0NjAuOCA0NjAuOC0yMDQuOCA0NjAuOC00NjAuOC0yMDQuOC00NjAuOC00NjAuOC00NjAuOHogbTAgNzc4LjI0Yy00MC45NiAwLTcxLjY4LTMwLjcyLTcxLjY4LTcxLjY4czMwLjcyLTcxLjY4IDcxLjY4LTcxLjY4YzQwLjk2IDAgNzEuNjggMzAuNzIgNzEuNjggNzEuNjhzLTMwLjcyIDcxLjY4LTcxLjY4IDcxLjY4eiBtNTEuMi0yNTZjMCA0MC45Ni0yMC40OCA3MS42OC00Ni4wOCA3MS42OGgtMTAuMjRjLTI1LjYgMC00Ni4wOC0zMC43Mi00Ni4wOC03MS42OGwtMzUuODQtMjkxLjg0YzAtNDAuOTYgMjAuNDgtNzEuNjggNDYuMDgtNzEuNjhoNjYuNTZjMjUuNiAwIDQ2LjA4IDMwLjcyIDQ2LjA4IDcxLjY4bC0yMC40OCAyOTEuODR6IiBwLWlkPSI0Nzg1IiBmaWxsPSIjOGE4YThhIj48L3BhdGg+PC9zdmc+'); - background-repeat: no-repeat; - background-position: center center; - } - } - &.warning { - background-color: #fdf6ec; - color: #e6a23c; - &::before { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjA1NzQ5NTM3NTM2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjYwNjciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiA3OC43NjkyMzFDMjczLjcyMzA3NyA3OC43NjkyMzEgNzguNzY5MjMxIDI3My43MjMwNzcgNzguNzY5MjMxIDUxMnMxOTQuOTUzODQ2IDQzMy4yMzA3NjkgNDMzLjIzMDc2OSA0MzMuMjMwNzY5IDQzMy4yMzA3NjktMTk0Ljk1Mzg0NiA0MzMuMjMwNzY5LTQzMy4yMzA3NjlTNzUwLjI3NjkyMyA3OC43NjkyMzEgNTEyIDc4Ljc2OTIzMXogbTYxLjU5NzUzOCAyMDIuNDc2MzA3bC0xMy44NjMzODQgMzA2LjgwNjE1NGMwIDE4Ljc4NjQ2Mi0xNi42MjAzMDggMzIuMjU2LTM1Ljk5NzUzOSAzMi4yNTZoLTguMjcwNzY5Yy0xOS40MTY2MTUgMC0zMy4yOC0xMy40Njk1MzgtMzYuMDM2OTIzLTMyLjI5NTM4NGwtMTMuODYzMzg1LTMwNi43NjY3N2MwLTE4LjgyNTg0NiAxMy44NjMzODUtMzIuMjk1Mzg1IDMwLjQ4MzY5My0zMi4yOTUzODRoNDQuMzA3NjkyYzE5LjM3NzIzMSAwIDM1Ljk5NzUzOCAxMy40Njk1MzggMzMuMjQwNjE1IDMyLjI5NTM4NHogbS0xOC4xOTU2OTIgNDc3LjUzODQ2MmE1MS41NTQ0NjIgNTEuNTU0NDYyIDAgMCAxLTM2Ljk4MjE1NCAxNi4yNjU4NDZjLTE1Ljg3MiAwLTI2LjQyNzA3Ny01LjQzNTA3Ny0zNi45ODIxNTQtMTYuMjY1ODQ2LTEwLjU5NDQ2Mi0xMC44MzA3NjktMTUuODcyLTIxLjY2MTUzOC0xNS44NzItMzcuODg4IDAtMTYuMjY1ODQ2IDUuMjc3NTM4LTI3LjA5NjYxNSAxNS44NzItMzcuOTI3Mzg1IDEwLjU1NTA3Ny0xMC44MzA3NjkgMjEuMTEwMTU0LTE2LjIyNjQ2MiAzNi45ODIxNTQtMTYuMjI2NDYxIDE1LjgzMjYxNSAwIDI5LjA2NTg0NiA1LjM5NTY5MiAzOS42MjA5MjMgMTYuMjI2NDYxIDEwLjU1NTA3NyAxMC44MzA3NjkgMTUuODMyNjE1IDIxLjY2MTUzOCAxNS44MzI2MTYgMzcuOTI3Mzg1LTIuNTk5Mzg1IDE2LjIyNjQ2Mi03Ljg3NjkyMyAyOS43NzQ3NjktMTguNDcxMzg1IDM3Ljg4OHoiIGZpbGw9IiNGRjhGMDAiIHAtaWQ9IjYwNjgiPjwvcGF0aD48L3N2Zz4='); - background-repeat: no-repeat; - background-position: center center; - } - } - &.error { - background-color: #fef0f0; - color: #f56c6c; - &::before { - background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjA1NzQ5NjAwMDMxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijc0ODEiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiA2NGE0NDggNDQ4IDAgMSAwIDQ0OCA0NDhBNDQ4IDQ0OCAwIDAgMCA1MTIgNjR6IG0yMjIuMDggNjA5LjkyYTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAxIDEtNjAuMzczMzMzIDYwLjM3MzMzM0w1MTIgNTcxLjUybC0xNjIuNzczMzMzIDE2Mi43NzMzMzNhNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDAgMS02MC4zNzMzMzQtNjAuMzczMzMzTDQ1MC43NzMzMzMgNTEybC0xNjIuNzczMzMzLTE2My42MjY2NjdhNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDEgMSA2MC4zNzMzMzMtNjAuMzczMzMzTDUxMiA0NTAuNzczMzMzbDE2Mi43NzMzMzMtMTYyLjc3MzMzM2E0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDYwLjM3MzMzNCA2MC4zNzMzMzNMNTcxLjUyIDUxMnoiIGZpbGw9IiNGRjNEMUQiIHAtaWQ9Ijc0ODIiPjwvcGF0aD48L3N2Zz4='); - background-repeat: no-repeat; - background-position: center center; - } - } + width: 100%; + padding: 8px 15px 8px 35px; + border-radius: 4px; + position: relative; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + transition: opacity 0.2s; + font-size: 13px; + margin: 20px 0; + &::before { + content: ''; + position: absolute; + top: 50%; + left: 10px; + transform: translateY(-50%); + width: 20px; + height: 18px; + vertical-align: top; + } + &.success { + background-color: #f0f9eb; + color: #67c23a; + &::before { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjA1NzQ4Nzc4NzcyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI0MTUiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiA4NS4zMzMzMzNjMjM1LjY0OCAwIDQyNi42NjY2NjcgMTkxLjAxODY2NyA0MjYuNjY2NjY3IDQyNi42NjY2NjdzLTE5MS4wMTg2NjcgNDI2LjY2NjY2Ny00MjYuNjY2NjY3IDQyNi42NjY2NjdTODUuMzMzMzMzIDc0Ny42NDggODUuMzMzMzMzIDUxMiAyNzYuMzUyIDg1LjMzMzMzMyA1MTIgODUuMzMzMzMzeiBtLTc0Ljk2NTMzMyA1NTAuNEwzNDYuNDUzMzMzIDU0NS4xNTJhNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDEgMC02MC4zMzA2NjYgNjAuMzMwNjY3bDEyMC43MDQgMTIwLjcwNGE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMCAwIDYwLjMzMDY2NiAwbDMwMS42NTMzMzQtMzAxLjY5NmE0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAwLTYwLjI4OC02MC4zMzA2NjdsLTI3MS41MzA2NjcgMjcxLjQ4OCAwLjA0MjY2NyAwLjA4NTMzM3oiIGZpbGw9IiM1MkM0MUEiIHAtaWQ9IjI0MTYiPjwvcGF0aD48L3N2Zz4='); + background-repeat: no-repeat; + background-position: center center; + } + } + &.info { + background-color: #f4f4f5; + color: #909399; + &::before { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjA1NzQ5NDI2MDY2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQ3ODQiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiA1MS4yYy0yNTYgMC00NjAuOCAyMDQuOC00NjAuOCA0NjAuOHMyMDQuOCA0NjAuOCA0NjAuOCA0NjAuOCA0NjAuOC0yMDQuOCA0NjAuOC00NjAuOC0yMDQuOC00NjAuOC00NjAuOC00NjAuOHogbTAgNzc4LjI0Yy00MC45NiAwLTcxLjY4LTMwLjcyLTcxLjY4LTcxLjY4czMwLjcyLTcxLjY4IDcxLjY4LTcxLjY4YzQwLjk2IDAgNzEuNjggMzAuNzIgNzEuNjggNzEuNjhzLTMwLjcyIDcxLjY4LTcxLjY4IDcxLjY4eiBtNTEuMi0yNTZjMCA0MC45Ni0yMC40OCA3MS42OC00Ni4wOCA3MS42OGgtMTAuMjRjLTI1LjYgMC00Ni4wOC0zMC43Mi00Ni4wOC03MS42OGwtMzUuODQtMjkxLjg0YzAtNDAuOTYgMjAuNDgtNzEuNjggNDYuMDgtNzEuNjhoNjYuNTZjMjUuNiAwIDQ2LjA4IDMwLjcyIDQ2LjA4IDcxLjY4bC0yMC40OCAyOTEuODR6IiBwLWlkPSI0Nzg1IiBmaWxsPSIjOGE4YThhIj48L3BhdGg+PC9zdmc+'); + background-repeat: no-repeat; + background-position: center center; + } + } + &.warning { + background-color: #fdf6ec; + color: #e6a23c; + &::before { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjA1NzQ5NTM3NTM2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjYwNjciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiA3OC43NjkyMzFDMjczLjcyMzA3NyA3OC43NjkyMzEgNzguNzY5MjMxIDI3My43MjMwNzcgNzguNzY5MjMxIDUxMnMxOTQuOTUzODQ2IDQzMy4yMzA3NjkgNDMzLjIzMDc2OSA0MzMuMjMwNzY5IDQzMy4yMzA3NjktMTk0Ljk1Mzg0NiA0MzMuMjMwNzY5LTQzMy4yMzA3NjlTNzUwLjI3NjkyMyA3OC43NjkyMzEgNTEyIDc4Ljc2OTIzMXogbTYxLjU5NzUzOCAyMDIuNDc2MzA3bC0xMy44NjMzODQgMzA2LjgwNjE1NGMwIDE4Ljc4NjQ2Mi0xNi42MjAzMDggMzIuMjU2LTM1Ljk5NzUzOSAzMi4yNTZoLTguMjcwNzY5Yy0xOS40MTY2MTUgMC0zMy4yOC0xMy40Njk1MzgtMzYuMDM2OTIzLTMyLjI5NTM4NGwtMTMuODYzMzg1LTMwNi43NjY3N2MwLTE4LjgyNTg0NiAxMy44NjMzODUtMzIuMjk1Mzg1IDMwLjQ4MzY5My0zMi4yOTUzODRoNDQuMzA3NjkyYzE5LjM3NzIzMSAwIDM1Ljk5NzUzOCAxMy40Njk1MzggMzMuMjQwNjE1IDMyLjI5NTM4NHogbS0xOC4xOTU2OTIgNDc3LjUzODQ2MmE1MS41NTQ0NjIgNTEuNTU0NDYyIDAgMCAxLTM2Ljk4MjE1NCAxNi4yNjU4NDZjLTE1Ljg3MiAwLTI2LjQyNzA3Ny01LjQzNTA3Ny0zNi45ODIxNTQtMTYuMjY1ODQ2LTEwLjU5NDQ2Mi0xMC44MzA3NjktMTUuODcyLTIxLjY2MTUzOC0xNS44NzItMzcuODg4IDAtMTYuMjY1ODQ2IDUuMjc3NTM4LTI3LjA5NjYxNSAxNS44NzItMzcuOTI3Mzg1IDEwLjU1NTA3Ny0xMC44MzA3NjkgMjEuMTEwMTU0LTE2LjIyNjQ2MiAzNi45ODIxNTQtMTYuMjI2NDYxIDE1LjgzMjYxNSAwIDI5LjA2NTg0NiA1LjM5NTY5MiAzOS42MjA5MjMgMTYuMjI2NDYxIDEwLjU1NTA3NyAxMC44MzA3NjkgMTUuODMyNjE1IDIxLjY2MTUzOCAxNS44MzI2MTYgMzcuOTI3Mzg1LTIuNTk5Mzg1IDE2LjIyNjQ2Mi03Ljg3NjkyMyAyOS43NzQ3NjktMTguNDcxMzg1IDM3Ljg4OHoiIGZpbGw9IiNGRjhGMDAiIHAtaWQ9IjYwNjgiPjwvcGF0aD48L3N2Zz4='); + background-repeat: no-repeat; + background-position: center center; + } + } + &.error { + background-color: #fef0f0; + color: #f56c6c; + &::before { + background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjA1NzQ5NjAwMDMxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijc0ODEiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiA2NGE0NDggNDQ4IDAgMSAwIDQ0OCA0NDhBNDQ4IDQ0OCAwIDAgMCA1MTIgNjR6IG0yMjIuMDggNjA5LjkyYTQyLjY2NjY2NyA0Mi42NjY2NjcgMCAxIDEtNjAuMzczMzMzIDYwLjM3MzMzM0w1MTIgNTcxLjUybC0xNjIuNzczMzMzIDE2Mi43NzMzMzNhNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDAgMS02MC4zNzMzMzQtNjAuMzczMzMzTDQ1MC43NzMzMzMgNTEybC0xNjIuNzczMzMzLTE2My42MjY2NjdhNDIuNjY2NjY3IDQyLjY2NjY2NyAwIDEgMSA2MC4zNzMzMzMtNjAuMzczMzMzTDUxMiA0NTAuNzczMzMzbDE2Mi43NzMzMzMtMTYyLjc3MzMzM2E0Mi42NjY2NjcgNDIuNjY2NjY3IDAgMSAxIDYwLjM3MzMzNCA2MC4zNzMzMzNMNTcxLjUyIDUxMnoiIGZpbGw9IiNGRjNEMUQiIHAtaWQ9Ijc0ODIiPjwvcGF0aD48L3N2Zz4='); + background-repeat: no-repeat; + background-position: center center; + } + } } .j-line { - display: flex; - justify-content: center; - align-items: center; - span { - position: relative; - color: var(--minor); - line-height: 24px; - height: 24px; - padding: 0 15px; - transition: padding 0.35s; - &::before, - &::after { - content: ''; - position: absolute; - top: 50%; - width: 20px; - height: 1px; - border-top: 1px solid #f73859; - } - &::before { - left: -35px; - } - &::after { - right: -35px; - } - &:hover { - padding: 0; - } - } + display: flex; + justify-content: center; + align-items: center; + margin: 20px 0; + span { + position: relative; + color: var(--minor); + line-height: 24px; + height: 24px; + padding: 0 15px; + transition: padding 0.35s; + &::before, + &::after { + content: ''; + position: absolute; + top: 50%; + width: 20px; + height: 1px; + border-top: 1px solid #f73859; + } + &::before { + left: -35px; + } + &::after { + right: -35px; + } + &:hover { + padding: 0; + } + } } .j-tabs { - width: 100%; - overflow: hidden; - background: var(--background); - box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); - border: 1px solid var(--classB); - border-radius: 4px; - .nav { - user-select: none; - width: 100%; - height: 42px; - overflow-x: auto; - overflow-y: hidden; - overscroll-behavior: none; - -webkit-overflow-scrolling: touch; - display: flex; - background: #f5f7fa; - &::-webkit-scrollbar { - display: none; - } - span { - padding: 0 20px; - line-height: 40px; - height: 40px; - color: var(--minor); - cursor: pointer; - transition: color 0.5s; - white-space: nowrap; - &::after { - content: ''; - position: absolute; - bottom: -1px; - left: 20px; - right: 20px; - height: 2px; - background: var(--theme); - transform: scale3d(0, 0, 0); - opacity: 0; - transition: transform 0.5s, opacity 0.5s; - } - &.active { - position: relative; - color: var(--theme); - &::after { - opacity: 1; - transform: scale3d(1, 1, 1); - } - } - } - } - .content { - div { - display: none; - padding: 15px; - animation: showTabs 0.5s; - color: var(--routine); - &.active { - display: block; - } - } - } + width: 100%; + overflow: hidden; + background: var(--background); + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); + border: 1px solid var(--classB); + border-radius: 4px; + margin: 20px 0; + .nav { + user-select: none; + width: 100%; + height: 42px; + overflow-x: auto; + overflow-y: hidden; + overscroll-behavior: none; + -webkit-overflow-scrolling: touch; + display: flex; + background: #f5f7fa; + &::-webkit-scrollbar { + display: none; + } + span { + padding: 0 20px; + line-height: 40px; + height: 40px; + color: var(--minor); + cursor: pointer; + transition: color 0.5s; + white-space: nowrap; + &::after { + content: ''; + position: absolute; + bottom: -1px; + left: 20px; + right: 20px; + height: 2px; + background: var(--theme); + transform: scale3d(0, 0, 0); + opacity: 0; + transition: transform 0.5s, opacity 0.5s; + } + &.active { + position: relative; + color: var(--theme); + &::after { + opacity: 1; + transform: scale3d(1, 1, 1); + } + } + } + } + .content { + div { + display: none; + padding: 15px; + animation: showTabs 0.5s; + color: var(--routine); + &.active { + display: block; + } + } + } } .j-card-default { - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 4px; - overflow: hidden; - border: 1px solid var(--classC); - .head { - user-select: none; - border-bottom: 1px solid var(--classC); - padding: 0 15px; - line-height: 40px; - height: 40px; - color: var(--main); - } - .content { - padding: 15px; - color: var(--routine); - } + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 4px; + overflow: hidden; + border: 1px solid var(--classC); + margin: 20px 0; + .head { + user-select: none; + border-bottom: 1px solid var(--classC); + padding: 0 15px; + line-height: 40px; + height: 40px; + color: var(--main); + } + .content { + padding: 15px; + color: var(--routine); + } } .j-collapse { - .collapse-head { - position: relative; - display: flex; - align-items: center; - justify-content: space-between; - color: var(--routine); - cursor: pointer; - background: var(--classD); - padding: 10px 20px; - height: 40px; - border-radius: 4px; - svg { - width: 10px; - height: 10px; - fill: var(--minor); - transform: rotate(180deg); - } - } - .collapse-body { - display: none; - padding: 20px; - color: var(--routine); - } + margin: 20px 0; + .collapse-head { + position: relative; + display: flex; + align-items: center; + justify-content: space-between; + color: var(--routine); + cursor: pointer; + background: var(--classD); + padding: 10px 20px; + height: 40px; + border-radius: 4px; + svg { + width: 10px; + height: 10px; + fill: var(--minor); + transform: rotate(180deg); + } + } + .collapse-body { + display: none; + padding: 20px; + color: var(--routine); + } } .j-timeline { - .item { - position: relative; - padding: 20px 30px; - color: var(--routine); - &::before { - content: ''; - position: absolute; - top: 50%; - transform: translateY(-50%); - left: 0; - width: 13px; - height: 13px; - background: var(--classA); - border-radius: 50%; - z-index: 2; - } - &::after { - content: ''; - position: absolute; - top: 0; - left: 6px; - width: 1px; - height: 100%; - background: var(--classC); - border-radius: 50%; - } - } + margin: 20px 0; + .item { + position: relative; + padding: 20px 30px; + color: var(--routine); + &::before { + content: ''; + position: absolute; + top: 50%; + transform: translateY(-50%); + left: 0; + width: 13px; + height: 13px; + background: var(--classA); + border-radius: 50%; + z-index: 2; + } + &::after { + content: ''; + position: absolute; + top: 0; + left: 6px; + width: 1px; + height: 100%; + background: var(--classC); + border-radius: 50%; + } + } } .j-photos { - display: flex; - flex-wrap: wrap; - a { - position: relative; - display: flex; - flex: 0 0 25%; - max-width: 25%; - padding-right: 20px; - padding-top: 20px; - transition: transform 0.35s; - flex-shrink: 0; - min-width: 0; - &:nth-child(4n) { - padding-right: 0; - } - &:nth-child(-n + 4) { - padding-top: 0; - } - &:hover { - transform: translate3d(0, -5px, 0); - } - img { - flex: 1 1 auto; - } - } + display: flex; + flex-wrap: wrap; + margin: 20px 0; + a { + position: relative; + display: flex; + flex: 0 0 25%; + max-width: 25%; + padding-right: 20px; + padding-top: 20px; + transition: transform 0.35s; + flex-shrink: 0; + min-width: 0; + &:nth-child(4n) { + padding-right: 0; + } + &:nth-child(-n + 4) { + padding-top: 0; + } + &:hover { + transform: translate3d(0, -5px, 0); + } + img { + flex: 1 1 auto; + } + } } .j-card-nav { - display: flex; - flex-wrap: wrap; - .item { - width: 25%; - padding: 10px; - } - .nav { - display: flex; - align-items: center; - border-radius: 4px; - box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); - transition: transform 0.35s; - padding: 15px; - .avatar { - min-width: 30px; - min-height: 30px; - width: 30px; - height: 30px; - background-size: cover; - border-radius: 50%; - margin-right: 5px; - } - .content { - flex: 1; - min-width: 0; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - color: #fff; - } - svg { - width: 18px; - height: 18px; - fill: #fff; - } - &:hover { - text-decoration: none !important; - transform: translate3d(0, -5px, 0); - } - } + display: flex; + flex-wrap: wrap; + margin: 20px 0; + .item { + width: 25%; + padding: 10px; + } + .nav { + display: flex; + align-items: center; + border-radius: 4px; + box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); + transition: transform 0.35s; + padding: 15px 10px; + .avatar { + min-width: 30px; + min-height: 30px; + width: 30px; + height: 30px; + background-size: cover; + border-radius: 50%; + margin-right: 10px; + } + .content { + flex: 1; + min-width: 0; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + color: #fff; + } + svg { + width: 18px; + height: 18px; + min-width: 18px; + min-height: 18px; + fill: #fff; + } + &:hover { + text-decoration: none !important; + transform: translate3d(0, -5px, 0); + } + } +} + +.j-short-video { + margin: 20px 0; + display: flex; + flex-wrap: wrap; + .item { + width: 33.33333%; + height: 180px; + padding: 0 10px; + margin-bottom: 20px; + .inner { + position: relative; + cursor: pointer; + width: 100%; + height: 100%; + background-size: cover; + background-position: center center; + box-shadow: var(--box-shadow); + border-radius: var(--radius-pc); + overflow: hidden; + svg { + position: absolute; + top: 50%; + left: 50%; + transform: translate3d(-50%, -50%, 0) scale(2); + width: 50px; + height: 50px; + opacity: 0; + transition: all 0.25s ease-out; + fill: #ebebeb; + z-index: 2; + } + &::after { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.5); + transition: all 0.3s ease-out; + opacity: 0; + z-index: 1; + } + &:hover { + &::after { + opacity: 1; + } + svg { + opacity: 1; + transform: translate3d(-50%, -50%, 0) scale(1); + } + } + } + } +} + +.j-video-preview { + display: flex; + align-items: center; + justify-content: center; + overflow-y: auto; + iframe { + width: 100%; + height: 500px; + transform: scale3d(0, 0, 0); + transition: transform 0.35s; + } + .close { + position: absolute; + top: 30px; + right: 30px; + width: 30px; + height: 30px; + fill: var(--classA); + cursor: pointer; + transition: transform 0.35s; + &:hover { + transform: rotate(90deg); + } + } + &.active { + iframe { + transform: scale3d(1, 1, 1); + } + } } diff --git a/assets/css/joe.responsive.min.css b/assets/css/joe.responsive.min.css index 3b37e86..7a5875c 100644 --- a/assets/css/joe.responsive.min.css +++ b/assets/css/joe.responsive.min.css @@ -1 +1 @@ -@-webkit-keyframes showSearch{0%{opacity:0;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes showSearch{0%{opacity:0;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes showNav{0%{opacity:0;-webkit-transform:translate3d(50px, 0, 0);transform:translate3d(50px, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes showNav{0%{opacity:0;-webkit-transform:translate3d(50px, 0, 0);transform:translate3d(50px, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@media (max-width: 1600px){#live2d-widget{display:none}}@media (max-width: 1570px){.j-post .j-floor{display:none}}@media (max-width: 1200px){.OwO .OwO-body .OwO-items .OwO-item{width:calc(100% / 10)}.OwO .OwO-body .OwO-items.OwO-items-emoticon .OwO-item{width:calc(100% / 4)}.j-index .main .index-banner{display:block;padding-top:0;overflow:hidden}.j-index .main .index-banner .swiper-container{width:100%;margin-top:20px}.j-index .main .index-banner .recommend{width:100%;margin-left:0;flex-direction:row;padding-top:20px}.j-index .main .index-banner .recommend a{margin-bottom:0}.j-index .main .index-banner .recommend a:first-child{margin-right:7.5px}.j-index .main .index-banner .recommend a:last-child{margin-left:7.5px}.j-index .main .article .article-list .entry-box .meta .item:nth-child(2) p{max-width:100px}.j-post .main .links li{width:50%}.j-post .video-api .video-list .list li{width:20%}.j-photos a{flex:0 0 33.33333%;max-width:33.33333%}.j-photos a:nth-child(4n){padding-right:20px}.j-photos a:nth-child(-n+4){padding-top:20px}.j-photos a:nth-child(3n){padding-right:0}.j-photos a:nth-child(-n+3){padding-top:0}.j-card-nav .item{width:33.3333333%;padding:10px}}@media (max-width: 992px){.j-aside{display:none}.j-stretch .contain{display:none}.j-header-default .above .container .logo{margin-right:15px}.j-header-default .above .container .nav .link{margin-right:15px}.j-header-default .above .container .search{display:none;margin-left:auto;-webkit-animation:showSearch 0.5s;animation:showSearch 0.5s}.j-header-default .above .container .search-toggle{display:block}.j-header-default .below .container .nav .link{margin-right:15px}.j-header-default .below .container .census{display:none}.j-header-default .below .container .sign{margin-left:15px}.j-header-default .below .container .logged{margin-left:15px}.j-header-default .below .container .barrager{margin-left:15px}.j-header-fluid .logo{margin-right:15px}.j-header-fluid .search{display:none}.j-header-fluid .search-toggle{display:block}.j-header-fluid .left .nav .link{margin-right:15px}.j-header-fluid .left .nav .drop{margin-right:15px}.j-header-fluid .nav .drop-census{display:none}.j-header-fluid .right{margin-left:auto}.j-post .video-api .video-list .list li{width:25%}.j-photos a{flex:0 0 50%;max-width:50%}.j-photos a:nth-child(3n){padding-right:20px}.j-photos a:nth-child(-n+3){padding-top:20px}.j-photos a:nth-child(2n){padding-right:0}.j-photos a:nth-child(-n+2){padding-top:0}.j-photos a img{max-height:180px}.j-card-nav .item{width:50%;padding:10px}.j-card-nav .nav svg{display:none}}@media (max-width: 768px){.j-search-down-xs{display:block}.j-sidebar-xs{display:block}.aplayer{display:none}.j-header-default .above .container{justify-content:space-between}.j-header-default .above .container .slide{display:block}.j-header-default .above .container .nav{display:none}.j-header-default .above .container .logo{margin-right:0;padding-right:0;height:55px}.j-header-default .above .container .logo a img{max-height:45px}.j-header-default .above .container .logo::after{display:none}.j-header-default .above .container .search-toggle{display:none}.j-header-default .above .container .search-toggle-xs{display:block}.j-header-default .below{display:none}.j-header-fluid{height:auto;align-items:center}.j-header-fluid .left{display:none}.j-header-fluid .right{display:none}.j-header-fluid .logo{margin-right:0;padding-right:0;height:55px}.j-header-fluid .logo::after{display:none}.j-header-fluid .logo a img{max-height:45px}.j-header-fluid .slide{display:block}.j-header-fluid .search-toggle-xs{display:block}.j-index .main{background:none;padding:0;box-shadow:none;border-radius:0}.j-index .main .index-banner .swiper-container{margin-top:0;margin-bottom:15px;height:180px;min-height:180px;max-height:180px;border-radius:var(--radius-wap)}.j-index .main .index-banner .swiper-container .swiper-slide{height:180px;min-height:180px;max-height:180px;border-radius:var(--radius-wap)}.j-index .main .index-banner .recommend{padding-top:0;margin-bottom:15px}.j-index .main .index-banner .recommend a{height:110px;border-radius:var(--radius-wap)}.j-index .main .index-banner .recommend a:first-child{margin-right:5px}.j-index .main .index-banner .recommend a:last-child{margin-left:5px}.j-index .main .index-hot{display:none}.j-index .main .index-ad{padding-top:0;margin-bottom:15px}.j-index .main .index-ad a img{height:130px;border-radius:var(--radius-wap)}.j-index .main .index-title{margin-bottom:0;border-bottom:none}.j-index .main .index-title h2{display:none}.j-index .main .index-title .notice{background:var(--background);width:100%;margin-left:0;border-radius:20px;padding:0 15px;height:40px;margin-bottom:15px}.j-index .main .article .article-list{position:relative;background:var(--background);display:block;padding:0;box-shadow:var(--box-shadow);border-radius:var(--radius-wap);overflow:hidden;margin-bottom:15px}.j-index .main .article .article-list .picture-box{display:block;width:100%;min-width:auto;margin-right:0;border-radius:0;height:160px;min-height:160px}.j-index .main .article .article-list .picture-box span{display:none}.j-index .main .article .article-list .picture-box svg{display:none}.j-index .main .article .article-list .picture-box div{display:block}.j-index .main .article .article-list .entry-box{width:100%;height:auto;padding:15px}.j-index .main .article .article-list .entry-box .title{margin-bottom:0}.j-index .main .article .article-list .entry-box .title .badge{position:absolute;top:5px;right:-24px;margin-right:0;border-radius:2px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:80px;text-align:center}.j-index .main .article .article-list .entry-box .title a{display:none}.j-index .main .article .article-list .entry-box .summary{color:#bbb;-webkit-line-clamp:3;margin-bottom:15px;max-height:68px}.j-index .main .article .article-list .entry-box .meta{display:none}.j-index .main .article .article-list .entry-box .meta-xs{display:flex}.j-index .main .search-title{background:var(--background);padding:0 15px;border-radius:var(--radius-wap);margin-bottom:15px;box-shadow:var(--box-shadow)}.j-index .main .search-title .ellipsis{max-width:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.j-loadmore{margin-top:15px}.j-footer .container{display:block;height:auto;padding:15px 0}.j-footer .container .banquan{justify-content:center;margin-bottom:15px}.j-footer .container .banquan-links{justify-content:center}.j-actions{bottom:150px;right:15px}.j-actions .item{margin-top:10px}.j-pagination{padding-top:0;justify-content:center}.j-bread ul{box-shadow:var(--box-shadow);background:var(--background);padding:10px 15px;border-radius:var(--radius-wap)}.j-post .main{padding:15px;border-radius:var(--radius-wap)}.j-post .main .links li{width:100%;padding:0;margin-bottom:15px}.j-post .main .links li .item{padding:15px;border-radius:var(--radius-wap)}.j-post .main .links li:last-child{margin-bottom:0}.j-post .main .classify .category a{margin-bottom:15px}.j-post .main .classify .edit{margin-bottom:15px}.j-post .main .header{margin-bottom:15px}.j-post .main .header .title{margin-bottom:15px;font-size:20px}.j-post .main .header .conting{margin-bottom:15px;justify-content:center}.j-post .main .header .conting .info{height:auto}.j-post .main .header .conting .info img{display:none}.j-post .main .header .conting .info .meta{height:auto}.j-post .main .header .conting .info .meta .author{display:none}.j-post .main .header .conting .time{display:none}.j-post .main .tags .list{flex-wrap:wrap}.j-post .main .tags .list a{margin-bottom:10px}.j-post .main .tags .handle{display:none}.j-post .main .j-fabulous{margin-top:15px}.j-post .main .banquan{margin-top:15px;padding-top:15px}.j-post .main .related{display:none}.j-post .main .markdown h1,.j-post .main .markdown h2,.j-post .main .markdown h3,.j-post .main .markdown h4,.j-post .main .markdown h5,.j-post .main .markdown h6{margin:15px 0}.j-post .main .markdown blockquote{margin:15px 0}.j-post .main .markdown ol{margin:15px 0}.j-post .main .markdown ul{margin:15px 0}.j-post .main .markdown table{margin:15px 0}.j-post .main .markdown img{border-radius:calc(var(--radius-wap) / 2)}.j-post .main .markdown hr{margin:15px 0}.j-post .main .markdown p{margin:15px 0}.j-post .main .markdown .hljs{max-height:350px;padding:10px;border-radius:calc(var(--radius-wap) / 2);margin:15px 0}.j-post .main .markdown .reply-content{margin:15px 0}.j-post .main .markdown .protected{padding:30px 15px}.j-post .main .markdown .protected .form{width:100%}.j-post .main .markdown .protected .form input[type='password']{width:100%}.j-post .main .video-api .video-list{grid-template-columns:repeat(auto-fit, minmax(135px, 1fr));gap:15px}.j-post .video{margin:15px 0}.j-post .video .player-box{margin-bottom:15px}.j-post .video .player-box .player #j-dplayer{height:225px}.j-post .video #j-dplayer-iframe{height:225px}.j-post .video-api .video-list .list li{width:50%}.j-post .video-api .video-type .list-item{display:block;overflow-x:auto;white-space:nowrap;padding:20px 10px;-webkit-overflow-scrolling:touch}.j-post .video-api .video-type .list-item::-webkit-scrollbar{display:none}.j-post .video-api .video-type .list-item li{display:inline-block;width:80px;margin:0 10px}.j-post .video-api .video-info .info{padding:15px}.j-post .video-api .video-info .info .image{margin-right:10px}.j-post .video-api .video-info .info .image img{width:120px;height:180px}.j-post .video-api .video-info .info dl dt{font-size:18px;margin-bottom:10px}.j-post .video-api .video-info .info dl dd{margin-bottom:unset;-webkit-line-clamp:2}.j-post .video-api .video-info .player{padding:15px}.j-post .video-api .video-info .player iframe{height:180px}.j-comment{position:relative;border-radius:var(--radius-wap);padding:15px}.j-comment .title{margin-bottom:15px;padding-bottom:15px;text-align:left;font-size:20px;line-height:32px}.j-comment .respond .change{position:absolute;top:15px;right:15px}.j-comment .respond .change button:first-child{border-radius:2px 0 0 2px}.j-comment .respond .change button:last-child{border-radius:0 2px 2px 0}.j-comment .respond form{border-radius:0}.j-comment .respond form .head{flex-wrap:wrap;border-bottom:none}.j-comment .respond form .head .head-item{flex:unset;width:100%;border-bottom:1px solid var(--classB)}.j-comment .respond form .head .head-item:nth-child(2)::before,.j-comment .respond form .head .head-item:nth-child(2)::after{display:none}.j-comment .respond form .content textarea{background:none;height:140px}.j-comment .comment-all .comment-list li .item .left{width:34px;height:34px;margin-right:10px}.j-comment .comment-all .comment-list li .item .right .name em{margin-left:auto}.j-comment .comment-all .comment-list li .item .right .name div{display:none}.j-comment .comment-all .comment-list .respond{margin-left:0}.j-comment .comment-all .comment-list .respond .change{position:static;top:unset;right:unset}.j-comment .comment-all .comment-list .comment-children{padding-left:0}.OwO .OwO-body .OwO-items .OwO-item{width:calc(100% / 6)}.OwO .OwO-body .OwO-items.OwO-items-emoticon .OwO-item{width:calc(100% / 2)}.j-admire-modal .content{width:85%;padding:20px 0}.j-admire-modal .content .title{margin-bottom:20px}.j-dynamic>.comment-list>li .reply .head{display:block}.j-dynamic>.comment-list>li .reply .head input{width:100%;margin-bottom:10px}.j-dynamic>.comment-list>li .reply .head input:nth-child(2){margin:0 0 10px}.j-dynamic>.comment-list>li .reply .head input:last-child{margin-bottom:0}.j-dynamic .j-pagination{padding-top:20px}} +@-webkit-keyframes showSearch{0%{opacity:0;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes showSearch{0%{opacity:0;-webkit-transform:translate3d(-50px, 0, 0);transform:translate3d(-50px, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes showNav{0%{opacity:0;-webkit-transform:translate3d(50px, 0, 0);transform:translate3d(50px, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes showNav{0%{opacity:0;-webkit-transform:translate3d(50px, 0, 0);transform:translate3d(50px, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@media (max-width: 1600px){#live2d-widget{display:none}}@media (max-width: 1570px){.j-post .j-floor{display:none}}@media (max-width: 1200px){.OwO .OwO-body .OwO-items .OwO-item{width:calc(100% / 10)}.OwO .OwO-body .OwO-items.OwO-items-emoticon .OwO-item{width:calc(100% / 4)}.j-index .main .index-banner{display:block;padding-top:0;overflow:hidden}.j-index .main .index-banner .swiper-container{width:100%;margin-top:20px}.j-index .main .index-banner .recommend{width:100%;margin-left:0;flex-direction:row;padding-top:20px}.j-index .main .index-banner .recommend a{margin-bottom:0}.j-index .main .index-banner .recommend a:first-child{margin-right:7.5px}.j-index .main .index-banner .recommend a:last-child{margin-left:7.5px}.j-index .main .article .article-list .entry-box .meta .item:nth-child(2) p{max-width:100px}.j-post .main .links li{width:50%}.j-post .video-api .video-list .list li{width:20%}.j-post .wallpaper-api .wallpaper-list .list .item{width:33.333333%}.j-post .huya-list .huya-list-item li{width:33.33333333%}.j-post .huya-list .huya-list-play iframe{height:460px}.j-photos a{flex:0 0 33.33333%;max-width:33.33333%}.j-photos a:nth-child(4n){padding-right:20px}.j-photos a:nth-child(-n+4){padding-top:20px}.j-photos a:nth-child(3n){padding-right:0}.j-photos a:nth-child(-n+3){padding-top:0}.j-card-nav .item{width:33.3333333%;padding:10px}}@media (max-width: 992px){.j-aside{display:none}.j-stretch .contain{display:none}.j-header-default .above .container .logo{margin-right:15px}.j-header-default .above .container .nav .link{margin-right:15px}.j-header-default .above .container .search{display:none;margin-left:auto;-webkit-animation:showSearch 0.5s;animation:showSearch 0.5s}.j-header-default .above .container .search-toggle{display:block}.j-header-default .below .container .nav .link{margin-right:15px}.j-header-default .below .container .census{display:none}.j-header-default .below .container .sign{margin-left:15px}.j-header-default .below .container .logged{margin-left:15px}.j-header-default .below .container .barrager{margin-left:15px}.j-header-fluid .logo{margin-right:15px}.j-header-fluid .search{display:none}.j-header-fluid .search-toggle{display:block}.j-header-fluid .left .nav .link{margin-right:15px}.j-header-fluid .left .nav .drop{margin-right:15px}.j-header-fluid .nav .drop-census{display:none}.j-header-fluid .right{margin-left:auto}.j-post .video-api .video-list .list li{width:25%}.j-post .wallpaper-api .wallpaper-list .list .item{width:50%}.j-post .huya-list .huya-list-item li{width:50%}.j-post .huya-list .huya-list-play iframe{height:360px}.j-photos a{flex:0 0 50%;max-width:50%}.j-photos a:nth-child(3n){padding-right:20px}.j-photos a:nth-child(-n+3){padding-top:20px}.j-photos a:nth-child(2n){padding-right:0}.j-photos a:nth-child(-n+2){padding-top:0}.j-photos a img{max-height:180px}.j-card-nav .item{width:50%;padding:10px}.j-card-nav .nav svg{display:none}.j-card-nav,.j-photos,.j-timeline,.j-collapse,.j-card-default,.j-tabs,.j-line,.j-alt,.j-short-video{margin:15px 0}.j-short-video .item{width:100%}.j-video-preview iframe{height:250px}.j-video-preview .close{position:absolute;top:20px;right:20px}}@media (max-width: 768px){.j-search-down-xs{display:block}.j-sidebar-xs{display:block}.aplayer{display:none}.j-header-default .above .container{justify-content:space-between}.j-header-default .above .container .slide{display:block}.j-header-default .above .container .nav{display:none}.j-header-default .above .container .logo{margin-right:0;padding-right:0;height:55px}.j-header-default .above .container .logo a img{max-height:45px}.j-header-default .above .container .logo::after{display:none}.j-header-default .above .container .search-toggle{display:none}.j-header-default .above .container .search-toggle-xs{display:block}.j-header-default .below{display:none}.j-header-fluid{height:auto;align-items:center}.j-header-fluid .left{display:none}.j-header-fluid .right{display:none}.j-header-fluid .logo{margin-right:0;padding-right:0;height:55px}.j-header-fluid .logo::after{display:none}.j-header-fluid .logo a img{max-height:45px}.j-header-fluid .slide{display:block}.j-header-fluid .search-toggle-xs{display:block}.j-index .main{background:none;padding:0;box-shadow:none;border-radius:0}.j-index .main .index-banner .swiper-container{margin-top:0;margin-bottom:15px;height:180px;min-height:180px;max-height:180px;border-radius:var(--radius-wap)}.j-index .main .index-banner .swiper-container .swiper-slide{height:180px;min-height:180px;max-height:180px;border-radius:var(--radius-wap)}.j-index .main .index-banner .recommend{padding-top:0;margin-bottom:15px}.j-index .main .index-banner .recommend a{height:110px;border-radius:var(--radius-wap)}.j-index .main .index-banner .recommend a:first-child{margin-right:5px}.j-index .main .index-banner .recommend a:last-child{margin-left:5px}.j-index .main .index-hot{display:none}.j-index .main .index-ad{padding-top:0;margin-bottom:15px}.j-index .main .index-ad a img{height:130px;border-radius:var(--radius-wap)}.j-index .main .index-title{margin-bottom:0;border-bottom:none}.j-index .main .index-title h2{display:none}.j-index .main .index-title .notice{background:var(--background);width:100%;margin-left:0;border-radius:20px;padding:0 15px;height:40px;margin-bottom:15px}.j-index .main .article .article-list{position:relative;background:var(--background);display:block;padding:0;box-shadow:var(--box-shadow);border-radius:var(--radius-wap);overflow:hidden;margin-bottom:15px;border-bottom:none}.j-index .main .article .article-list .picture-box{display:block;width:100%;min-width:auto;margin-right:0;border-radius:0;height:160px;min-height:160px}.j-index .main .article .article-list .picture-box span{display:none}.j-index .main .article .article-list .picture-box svg{display:none}.j-index .main .article .article-list .picture-box div{display:block}.j-index .main .article .article-list .entry-box{width:100%;height:auto;padding:15px}.j-index .main .article .article-list .entry-box .title{margin-bottom:0}.j-index .main .article .article-list .entry-box .title .badge{position:absolute;top:5px;right:-24px;margin-right:0;border-radius:2px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:80px;text-align:center}.j-index .main .article .article-list .entry-box .title a{display:none}.j-index .main .article .article-list .entry-box .summary{color:#bbb;-webkit-line-clamp:3;margin-bottom:15px;max-height:68px}.j-index .main .article .article-list .entry-box .meta{display:none}.j-index .main .article .article-list .entry-box .meta-xs{display:flex}.j-index .main .search-title{background:var(--background);padding:0 15px;border-radius:var(--radius-wap);margin-bottom:15px;box-shadow:var(--box-shadow)}.j-index .main .search-title .ellipsis{max-width:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.j-loadmore{margin-top:15px}.j-footer .container{display:block;height:auto;padding:15px 0}.j-footer .container .banquan{justify-content:center;margin-bottom:15px}.j-footer .container .banquan-links{justify-content:center}.j-actions{bottom:150px;right:15px}.j-actions .item{margin-top:10px}.j-pagination{padding-top:0;justify-content:center}.j-bread ul{box-shadow:var(--box-shadow);background:var(--background);padding:10px 15px;border-radius:var(--radius-wap)}.j-post .main{padding:15px;border-radius:var(--radius-wap)}.j-post .main .links li{width:100%;padding:0;margin-bottom:15px}.j-post .main .links li .item{padding:15px;border-radius:var(--radius-wap)}.j-post .main .links li:last-child{margin-bottom:0}.j-post .main .classify .category a{margin-bottom:15px}.j-post .main .classify .edit{margin-bottom:15px}.j-post .main .header{margin-bottom:15px}.j-post .main .header .title{margin-bottom:15px;font-size:20px}.j-post .main .header .conting{margin-bottom:15px;justify-content:center}.j-post .main .header .conting .info{height:auto}.j-post .main .header .conting .info img{display:none}.j-post .main .header .conting .info .meta{height:auto}.j-post .main .header .conting .info .meta .author{display:none}.j-post .main .header .conting .time{display:none}.j-post .main .tags .list{flex-wrap:wrap}.j-post .main .tags .list a{margin-bottom:10px}.j-post .main .tags .handle{display:none}.j-post .main .j-fabulous{margin-top:15px}.j-post .main .banquan{margin-top:15px;padding-top:15px}.j-post .main .related{display:none}.j-post .main .markdown h1,.j-post .main .markdown h2,.j-post .main .markdown h3,.j-post .main .markdown h4,.j-post .main .markdown h5,.j-post .main .markdown h6{margin:15px 0}.j-post .main .markdown blockquote{margin:15px 0}.j-post .main .markdown ol{margin:15px 0}.j-post .main .markdown ul{margin:15px 0}.j-post .main .markdown table{margin:15px 0}.j-post .main .markdown img{border-radius:calc(var(--radius-wap) / 2)}.j-post .main .markdown hr{margin:15px 0}.j-post .main .markdown p{margin:15px 0}.j-post .main .markdown .hljs-pre{margin:15px 0;font-size:13px}.j-post .main .markdown .hljs{max-height:350px}.j-post .main .markdown .reply-content{margin:15px 0}.j-post .main .markdown .protected{padding:30px 15px}.j-post .main .markdown .protected .form{width:100%}.j-post .main .markdown .protected .form input[type='password']{width:100%}.j-post .main .markdown .iframe-dplayer{height:225px;margin:15px 0}.j-post .main .markdown .iframe-music{margin:15px auto}.j-post .main .video-api .video-list{grid-template-columns:repeat(auto-fit, minmax(135px, 1fr));gap:15px}.j-post .video{margin:15px 0}.j-post .video .player-box{margin-bottom:15px}.j-post .video .player-box .player #j-dplayer{height:225px}.j-post .video #j-dplayer-iframe{height:225px}.j-post .video-api .video-list .list li{width:50%}.j-post .video-api .video-type .list-item{display:block;overflow-x:auto;white-space:nowrap;padding:20px 10px;-webkit-overflow-scrolling:touch}.j-post .video-api .video-type .list-item::-webkit-scrollbar{display:none}.j-post .video-api .video-type .list-item li{display:inline-block;width:80px;margin:0 10px}.j-post .video-api .video-info .info{padding:15px}.j-post .video-api .video-info .info .image{margin-right:10px}.j-post .video-api .video-info .info .image img{width:120px;height:180px}.j-post .video-api .video-info .info dl dt{font-size:18px;margin-bottom:10px}.j-post .video-api .video-info .info dl dd{margin-bottom:unset;-webkit-line-clamp:2}.j-post .video-api .video-info .player{padding:15px}.j-post .video-api .video-info .player iframe{height:180px}.j-post .huya-list .huya-list-type{border-radius:var(--radius-wap)}.j-post .huya-list .huya-list-type .list ul{flex-wrap:nowrap;overflow-x:auto}.j-post .huya-list .huya-list-type .list ul::-webkit-scrollbar{display:none}.j-post .huya-list .huya-list-item li>div .screenshot{height:120px}.j-post .huya-list .huya-list-item li>div .desc .user .right svg{display:none}.j-post .huya-list .huya-list-item li>div .desc .user .right .totalCount{margin-right:0}.j-post .huya-list .huya-list-item li>div .desc .user .right .gameFullName{display:none}.j-post .huya-list .huya-list-item li>div .hover{height:120px}.j-post .huya-list .huya-list-play iframe{height:190px}.j-post .huya-list .huya-list-pagination{justify-content:center}.j-comment{position:relative;border-radius:var(--radius-wap);padding:15px}.j-comment .title{margin-bottom:15px;padding-bottom:15px;text-align:left;font-size:20px;line-height:32px}.j-comment .respond .change{position:absolute;top:15px;right:15px}.j-comment .respond .change button:first-child{border-radius:2px 0 0 2px}.j-comment .respond .change button:last-child{border-radius:0 2px 2px 0}.j-comment .respond form{border-radius:0}.j-comment .respond form .head{flex-wrap:wrap;border-bottom:none}.j-comment .respond form .head .head-item{flex:unset;width:100%;border-bottom:1px solid var(--classB)}.j-comment .respond form .head .head-item:nth-child(2)::before,.j-comment .respond form .head .head-item:nth-child(2)::after{display:none}.j-comment .respond form .content textarea{background:none;height:140px}.j-comment .comment-all .comment-list li .item .left{width:34px;height:34px;margin-right:10px}.j-comment .comment-all .comment-list li .item .right .name em{margin-left:auto}.j-comment .comment-all .comment-list li .item .right .name div{display:none}.j-comment .comment-all .comment-list .respond{margin-left:0}.j-comment .comment-all .comment-list .respond .change{position:static;top:unset;right:unset}.j-comment .comment-all .comment-list .comment-children{padding-left:0}.OwO .OwO-body .OwO-items .OwO-item{width:calc(100% / 6)}.OwO .OwO-body .OwO-items.OwO-items-emoticon .OwO-item{width:calc(100% / 2)}.j-admire-modal .content{width:85%;padding:20px 0}.j-admire-modal .content .title{margin-bottom:20px}.j-dynamic>.comment-list>li .reply .head{display:block}.j-dynamic>.comment-list>li .reply .head input{width:100%;margin-bottom:10px}.j-dynamic>.comment-list>li .reply .head input:nth-child(2){margin:0 0 10px}.j-dynamic>.comment-list>li .reply .head input:last-child{margin-bottom:0}.j-dynamic .j-pagination{padding-top:20px}} diff --git a/assets/css/joe.responsive.min.scss b/assets/css/joe.responsive.min.scss index 09e789a..c8d54d0 100644 --- a/assets/css/joe.responsive.min.scss +++ b/assets/css/joe.responsive.min.scss @@ -79,8 +79,6 @@ } } } - .main.type1 { - } } .j-post { .main { @@ -99,6 +97,27 @@ } } } + .wallpaper-api { + .wallpaper-list { + .list { + .item { + width: 33.333333%; + } + } + } + } + .huya-list { + .huya-list-item { + li { + width: 33.33333333%; + } + } + .huya-list-play{ + iframe { + height: 460px; + } + } + } } .j-photos { a { @@ -217,6 +236,27 @@ } } } + .wallpaper-api { + .wallpaper-list { + .list { + .item { + width: 50%; + } + } + } + } + .huya-list { + .huya-list-item { + li { + width: 50%; + } + } + .huya-list-play{ + iframe { + height: 360px; + } + } + } } .j-photos { a { @@ -250,10 +290,35 @@ } } } + .j-card-nav, + .j-photos, + .j-timeline, + .j-collapse, + .j-card-default, + .j-tabs, + .j-line, + .j-alt, + .j-short-video { + margin: 15px 0; + } + .j-short-video { + .item { + width: 100%; + } + } + .j-video-preview { + iframe { + height: 250px; + } + .close { + position: absolute; + top: 20px; + right: 20px; + } + } } @media (max-width: 768px) { - .j-search-down-xs { display: block; } @@ -402,6 +467,7 @@ border-radius: var(--radius-wap); overflow: hidden; margin-bottom: 15px; + border-bottom: none; .picture-box { display: block; width: 100%; @@ -616,11 +682,12 @@ margin: 15px 0; } + .hljs-pre { + margin: 15px 0; + font-size: 13px; + } .hljs { max-height: 350px; - padding: 10px; - border-radius: calc(var(--radius-wap) / 2); - margin: 15px 0; } .reply-content { @@ -636,6 +703,15 @@ } } } + + .iframe-dplayer { + height: 225px; + margin: 15px 0; + } + + .iframe-music { + margin: 15px auto; + } } .video-api { .video-list { @@ -712,6 +788,55 @@ } } } + .huya-list { + .huya-list-type { + border-radius: var(--radius-wap); + .list { + ul { + flex-wrap: nowrap; + overflow-x: auto; + &::-webkit-scrollbar { + display: none; + } + } + } + } + .huya-list-item { + li { + > div{ + .screenshot { + height: 120px; + } + .desc { + .user { + .right { + svg { + display: none; + } + .totalCount { + margin-right: 0; + } + .gameFullName { + display: none; + } + } + } + } + .hover { + height: 120px; + } + } + } + } + .huya-list-play { + iframe { + height: 190px; + } + } + .huya-list-pagination { + justify-content: center; + } + } } .j-comment { position: relative; diff --git a/assets/cursor.tar.gz b/assets/cursor.tar.gz new file mode 100644 index 0000000..5d6c49e Binary files /dev/null and b/assets/cursor.tar.gz differ diff --git a/assets/js/joe.config.js b/assets/js/joe.config.js index 92c96ec..8482e99 100644 --- a/assets/js/joe.config.js +++ b/assets/js/joe.config.js @@ -1,1511 +1,1480 @@ -(() => { - class Joe { - constructor(options) { - options = { - reloadTime: options.reloadTime || 1500 - }; - this.options = options; - this.video_page = 0; - this.video_canLoad = true; - this.init(); - } - - init() { - /* 解决移动端 hover 问题*/ - $(document).on('touchstart', e => {}); - /* 初始化缓存 */ - this.init_cache(); - /* 初始化页面加载 */ - this.init_page_loading(); - /* 初始化页面的hash值跳转 */ - this.init_url_hash(); - /* 初始化标题 */ - this.init_document_title(); - /* 初始化弹幕 */ - this.init_document_barrager(); - /* 初始化进度条 */ - this.init_document_progress(); - /* 初始化live2d */ - this.init_document_live2d(); - /* 鼠标右键 */ - this.init_document_contextmenu(); - /* 初始化主题色 */ - this.init_document_theme(); - /* 初始化鼠标移入音效 */ - this.init_hover_music(); - /* 初始化返回顶部 */ - this.init_back_top(); - /* 初始化统计 */ - this.init_document_census(); - /* 初始化代码高亮 */ - this.init_high_light(); - /* 初始化代码防偷 */ - this.init_document_console(); - /* 初始化天气 */ - this.init_document_weather(); - /* 初始化3d云标签 */ - this.init_3d_tag(); - /* 初始化加载更多 */ - this.init_load_more(); - /* 初始化轮播图 */ - this.init_document_swiper(); - /* 初始化解析 */ - this.init_document_analysis(); - /* 初始化owo标签 */ - this.init_owo(); - /* 初始化回复可见按钮 */ - this.init_replay_see(); - /* 初始化画板功能 */ - this.init_draw(); - /* 初始化赞赏按钮 */ - this.init_admire(); - /* 初始化点赞按钮 */ - this.init_thumbs_up(); - /* 初始化文章生成二维码 */ - this.init_share_code(); - /* 初始化复制按钮 */ - this.init_copy(); - /* 初始化朗读功能 */ - this.init_synth(); - /* 初始化typecho评论 */ - this.init_typecho_comment(); - /* 初始化文章内容 */ - this.init_markdown(); - /* 初始化百度收录 */ - this.init_baidu_collect(); - /* 初始化打字机效果 */ - this.init_typing(); - /* 初始化侧边栏人生倒计时 */ - this.init_life_time(); - /* 初始化侧边栏评论 */ - this.init_aside_reply(); - /* 初始化归档下拉 */ - this.init_file_toggle(); - /* 初始化目录树点击事件 */ - this.init_floor_click(); - /* 初始化下拉框按钮 */ - this.init_drop_down(); - /* 初始化侧边栏相关 */ - this.init_aside_config(); - /* 初始化登录注册验证 */ - this.init_sign_verify(); - /* 初始化分页的hash值 */ - this.init_pagination_hash(); - /* 初始化回复列表内容 */ - this.init_replay_content(); - /* 初始化评论 */ - this.init_comment(); - /* 初始化留言板 */ - this.init_leaving(); - /* 初始化移动端搜索按钮点击事件 */ - this.init_wap_search_click(); - /* 初始化搜索框验证 */ - this.init_search_verify(); - /* 初始化密码访问验证 */ - this.init_protect_verify(); - /* 初始化微语发布 */ - this.init_dynamic_verify(); - /* 初始化评论提交 */ - this.init_comment_submit(); - /* 初始化移动端搜索标签云 */ - this.init_wap_cloud(); - /* 初始化移动端搜索按钮点击事件 */ - this.init_wap_search(); - /* 初始化移动端侧边栏点击事件 */ - this.init_wap_sidebar(); - /* 初始化动画 */ - this.init_wow(); - - /* 初始化视频分类列表 */ - this.init_video_list_type(); - /* 初始化视频列表 */ - this.init_video_list(); - /* 初始化视频搜索 */ - this.init_video_search(); - /* 初始化滚动加载更多视频 */ - this.init_load_more_video(); - /* 初始化加载详情 */ - this.init_video_detail(); - - /* 初始化tabs */ - this.init_j_tabs(); - /* 初始化collapse */ - this.init_j_collapse(); - /* 初始化侧边栏一言 */ - this.init_aside_motto(); - /* 初始化评论点赞 */ - this.init_comment_like(); - /* 初始化动态回复 */ - this.init_dynamic_reply(); - /* 初始化图片懒加载 */ - this.init_lazy_load(); - } - - /* 格式化url参数 */ - changeURLArg(url, arg, arg_val) { - var pattern = arg + '=([^&]*)'; - var replaceText = arg + '=' + arg_val; - if (url.match(pattern)) { - var tmp = '/(' + arg + '=)([^&]*)/gi'; - tmp = url.replace(eval(tmp), replaceText); - return tmp; - } else { - if (url.match('[?]')) { - return url + '&' + replaceText; - } else { - return url + '?' + replaceText; - } - } - return url + '\n' + arg + '\n' + arg_val; - } - - /* 初始化缓存 */ - init_cache() { - // 开发中 - return; - let navigator = window.navigator; - if ('serviceWorker' in navigator) { - let serviceWorker = navigator.serviceWorker; - /* 开启状态 */ - if (window.JOE_CONFIG.DOCUMENT_CACHE === 'on') { - window.addEventListener('load', function () { - navigator.serviceWorker - .register(window.JOE_CONFIG.THEME_URL + '/sw.js') - .then(registration => { - console.log('ServiceWorker registration successful with scope: ', registration.scope); - }) - .catch(err => { - console.log('ServiceWorker registration failed: ', err); - }); - }); - } else { - serviceWorker.getRegistrations - ? serviceWorker.getRegistrations().then(function (sws) { - sws.forEach(function (sw) { - sw.unregister(); - }); - }) - : serviceWorker.getRegistration && - serviceWorker.getRegistration().then(function (sw) { - sw && sw.unregister(); - }); - window.caches && - caches.keys && - caches.keys().then(function (keys) { - keys.forEach(function (key) { - caches.delete(key); - }); - }); - console.log('缓存清理成功'); - } - } - } - - /* 初始化页面加载 */ - init_page_loading() { - if (window.JOE_CONFIG.DOCUMENT_PAGE_LOADING === 'off') return; - $('.fakeLoader').fakeLoader({ - timeToHide: 1200, - bgColor: '#2ecc71', - spinner: window.JOE_CONFIG.DOCUMENT_PAGE_LOADING - }); - } - - /* 初始化页面的hash值跳转 */ - init_url_hash() { - let p = new URLSearchParams(location.search); - if (p.get('jscroll') && $('#' + p.get('jscroll')).length > 0) { - let timer = setTimeout(() => { - window.scroll({ - top: $('#' + p.get('jscroll')).offset().top - ($('.j-header').height() + 20), - behavior: 'smooth' - }); - clearTimeout(timer); - }, 300); - } - } - - /* 初始化网站切换标题 */ - init_document_title() { - if (window.JOE_CONFIG.DOCUMENT_TITLE === '' || window.JOE_CONFIG.IS_MOBILE === 'on') return; - const DOCUMENT_TITLE = document.title; - $(document).on('visibilitychange', function () { - if (document.visibilityState === 'hidden') { - document.title = window.JOE_CONFIG.DOCUMENT_TITLE; - } else { - document.title = DOCUMENT_TITLE; - } - }); - } - - /* 初始化弹幕 */ - init_document_barrager() { - if (window.JOE_CONFIG.DOCUMENT_BARRAGER === 'off') return; - if (localStorage.getItem('barragerStatus') === 'on') { - $('#barrager').attr('checked', true); - $('.j-barrager').css({ - opacity: 1, - visibility: 'visible' - }); - } else { - $('#barrager').attr('checked', false); - $('.j-barrager').css({ - opacity: 0, - visibility: 'hidden' - }); - } - $('#barrager').on('change', function () { - localStorage.setItem('barragerStatus', $(this).prop('checked') ? 'on' : 'off'); - if ($('#barrager').prop('checked')) { - $('.j-barrager').css({ - opacity: 1, - visibility: 'visible' - }); - } else { - $('.j-barrager').css({ - opacity: 0, - visibility: 'hidden' - }); - } - }); - } - - /* 初始化进度条 */ - init_document_progress() { - if (window.JOE_CONFIG.DOCUMENT_PROGRESS === 'off') return; - let calcProgress = () => { - let scrollTop = $(window).scrollTop(); - let documentHeight = $(document).height(); - let windowHeight = $(window).height(); - let progress = parseInt((scrollTop / (documentHeight - windowHeight)) * 100); - if (progress < 0) progress = 0; - if (progress > 100) progress = 100; - $('#progress').css('width', progress + '%'); - }; - calcProgress(); - $(window).on('scroll', () => calcProgress()); - } - - /* 初始化live2d */ - init_document_live2d() { - if (window.JOE_CONFIG.DOCUMENT_LIVE2D === 'off' || window.JOE_CONFIG.IS_MOBILE === 'on') return; - L2Dwidget.init({ - model: { - jsonPath: window.JOE_CONFIG.DOCUMENT_LIVE2D, - scale: 1 - }, - mobile: { - show: false - }, - display: { - position: 'right', - width: 160, - height: 200, - hOffset: 70, - vOffset: 0 - } - }); - } - - /* 鼠标右键 */ - init_document_contextmenu() { - if (window.JOE_CONFIG.DOCUMENT_CONTEXTMENU === 'off' || window.JOE_CONFIG.IS_MOBILE === 'on') return; - $(document).on('contextmenu', () => false); - } - - /* 初始化主题色 */ - init_document_theme() { - if (window.JOE_CONFIG.DOCUMENT_THEME_STATUS === 'on') { - if (window.JOE_CONFIG.DOCUMENT_GLOBAL_THEME === '') { - $('body').css('--theme', localStorage.getItem('--theme') || '#4e7cf2'); - } else { - $('body').css('--theme', localStorage.getItem('--theme') || window.JOE_CONFIG.DOCUMENT_GLOBAL_THEME); - } - $('#colorPick').colpick({ - flat: true, - layout: 'hex', - submit: false, - color: localStorage.getItem('--theme') || window.JOE_CONFIG.DOCUMENT_GLOBAL_THEME === '' ? '#4e7cf2' : window.JOE_CONFIG.DOCUMENT_GLOBAL_THEME, - colorScheme: 'dark', - onChange(a, b, c) { - $('body').css('--theme', '#' + b); - localStorage.setItem('--theme', '#' + b); - } - }); - $('#openColorPick').on('click', function (e) { - e.stopPropagation(); - $('#colorPick').toggleClass('active'); - }); - $('#colorPick').on('click', function (e) { - e.stopPropagation(); - }); - $(document).on('click', function (e) { - $('#colorPick').removeClass('active'); - }); - } else { - if (window.JOE_CONFIG.DOCUMENT_GLOBAL_THEME === '') { - $('body').css('--theme', '#4e7cf2'); - } else { - $('body').css('--theme', window.JOE_CONFIG.DOCUMENT_GLOBAL_THEME); - } - } - } - - /* 初始化鼠标移入音效 */ - init_hover_music() { - if (window.JOE_CONFIG.DOCUMENT_HOVER_MUSIC === 'off' || window.JOE_CONFIG.IS_MOBILE === 'on') return; - let random = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min; - $('.j-hover-music').on('mouseover', function () { - $('#j-hover-music').attr('src', window.JOE_CONFIG.THEME_URL + '/assets/audio/' + random(1, 8) + '.ogv'); - }); - } - - /* 初始化返回顶部 */ - init_back_top() { - if (window.JOE_CONFIG.DOCUMENT_BACK_TOP === 'off') return; - let isShowBackTop = () => { - if ($(window).scrollTop() > 500) { - $('#backToTop').addClass('active'); - } else { - $('#backToTop').removeClass('active'); - } - }; - isShowBackTop(); - $(window).on('scroll', () => isShowBackTop()); - $('#backToTop').on('click', () => { - window.scroll({ - top: 0, - behavior: 'smooth' - }); - }); - } - - /* 初始化统计 */ - init_document_census() { - if (window.JOE_CONFIG.DOCUMENT_CENSUS.status === 'off') return; - Highcharts.chart('census', { - title: { - text: null - }, - subtitle: { - text: null - }, - xAxis: { - text: null, - categories: ['页面', '文章', '评论', '分类'] - }, - yAxis: { - title: { - text: null - } - }, - credits: { - enabled: false - }, - series: [ - { - name: '数量', - type: 'column', - colorByPoint: true, - data: window.JOE_CONFIG.DOCUMENT_CENSUS.data, - showInLegend: false - } - ] - }); - } - - /* 初始化代码高亮 */ - init_high_light() { - if (window.JOE_CONFIG.DOCUMENT_HIGHT_LIGHT === 'off') return; - hljs.initHighlighting(); - } - - /* 初始化代码防偷 */ - init_document_console() { - if (window.JOE_CONFIG.DOCUMENT_CONSOLE == 'off' || window.JOE_CONFIG.IS_MOBILE === 'on') return; - function endebug(off, code) { - if (!off) { - !(function (e) { - function n(e) { - function n() { - return u; - } - function o() { - window.Firebug && window.Firebug.chrome && window.Firebug.chrome.isInitialized ? t('on') : ((a = 'off'), console.log(d), console.clear(), t(a)); - } - function t(e) { - u !== e && ((u = e), 'function' == typeof c.onchange && c.onchange(e)); - } - function r() { - l || ((l = !0), window.removeEventListener('resize', o), clearInterval(f)); - } - 'function' == typeof e && - (e = { - onchange: e - }); - var i = (e = e || {}).delay || 500, - c = {}; - c.onchange = e.onchange; - var a, - d = new Image(); - d.__defineGetter__('id', function () { - a = 'on'; - }); - var u = 'unknown'; - c.getStatus = n; - var f = setInterval(o, i); - window.addEventListener('resize', o); - var l; - return (c.free = r), c; - } - var o = o || {}; - (o.create = n), - 'function' == typeof define - ? (define.amd || define.cmd) && - define(function () { - return o; - }) - : 'undefined' != typeof module && module.exports - ? (module.exports = o) - : (window.jdetects = o); - })(), - jdetects.create(function (e) { - var a = 0; - var n = setInterval(function () { - if ('on' == e) { - setTimeout(function () { - if (a == 0) { - a = 1; - setTimeout(code); - } - }, 200); - } - }, 100); - }); - } - } - endebug(false, function () { - window.location.href = window.JOE_CONFIG.THEME_URL + '/console.html'; - }); - } - - /* 初始化天气 */ - init_document_weather() { - if (window.JOE_CONFIG.DOCUMENT_WEATHER_KEY === '') return; - window.WIDGET = { - CONFIG: { - layout: 2, - width: '220', - height: '270', - background: window.JOE_CONFIG.DOCUMENT_WEATHER_TYPE === 'auto' ? 1 : 2, - dataColor: window.JOE_CONFIG.DOCUMENT_WEATHER_TYPE === 'auto' ? 'ffffff' : '303133', - key: window.JOE_CONFIG.DOCUMENT_WEATHER_KEY - } - }; - let timer = setTimeout(() => { - $('.aside-wether .loading').addClass('active'); - clearTimeout(timer); - }, 1000); - } - - /* 初始化3d云标签 */ - init_3d_tag() { - if (window.JOE_CONFIG.DOCUMENT_3D_TAG === 'off') return; - let cloudList = []; - $('#cloudList li').each(function (i, item) { - cloudList.push({ - label: $(item).attr('data-label'), - url: $(item).attr('data-url'), - target: '_blank' - }); - }); - $('#cloud').svg3DTagCloud({ - entries: cloudList, - width: 220, - height: 230, - radius: '65%', - radiusMin: 75, - bgDraw: !0, - bgColor: '#000', - opacityOver: 1, - opacityOut: 0.05, - opacitySpeed: 6, - fov: 800, - speed: 0.5, - fontSize: 13, - fontColor: '#fff', - fontWeight: '500', - fontStyle: 'normal', - fontStretch: 'normal', - fontToUpperCase: !0 - }); - } - - /* 初始化加载更多 */ - init_load_more() { - if (window.JOE_CONFIG.DOCUMENT_LOAD_MORE !== 'ajax') return; - let _this = this; - $('.j-loadmore a').attr('data-href', $('.j-loadmore a').attr('href')); - $('.j-loadmore a').removeAttr('href'); - $('.j-loadmore a').on('click', function () { - if ($(this).attr('disabled')) return; - $(this).html('loading...'); - $(this).attr('disabled', true); - let url = $(this).attr('data-href'); - if (!url) return; - $.ajax({ - url: url, - type: 'get', - success: data => { - $(this).removeAttr('disabled'); - $(this).html('查看更多'); - let list = $(data).find('.article-list:not(.sticky)'); - $('.j-index-article.article').append(list); - window.scroll({ - top: $(list).first().offset().top - ($('.j-header').height() + 20), - behavior: 'smooth' - }); - let newURL = $(data).find('.j-loadmore a').attr('href'); - if (newURL) { - $(this).attr('data-href', newURL); - } else { - $('.j-loadmore').remove(); - } - _this.init_lazy_load(); - } - }); - }); - } - - /* 初始化轮播图 */ - init_document_swiper() { - if (window.JOE_CONFIG.DOCUMENT_SWIPER === 'off' || !Swiper) return; - let direction = $('#recommend').length > 0 ? 'vertical' : 'horizontal'; - new Swiper('.swiper-container', { - direction: direction, - slidesPerView: 1, - spaceBetween: 20, - mousewheel: true, - autoplay: { - delay: 2500, - disableOnInteraction: false - }, - pagination: { - el: '.swiper-pagination', - clickable: true - } - }); - } - - /* 初始化解析 */ - init_document_analysis() { - if ($('#j-video').length === 0) return; - if (window.JOE_CONFIG.DOCUMENT_ANALYSIS === 'on') { - $('#j-dplayer-iframe').attr('src', $('#j-dplayer-iframe').attr('data-src') + $('#j-video .episodes ul li').first().attr('data-url')); - $('#j-video .episodes ul li').first().addClass('active'); - $('#j-video .player-box .title span').html('正在播放：' + $('#j-video .episodes ul li span').first().html()); - $('#j-video .episodes ul li').on('click', function () { - $('#j-video .episodes ul li').removeClass('active'); - $(this).addClass('active'); - $('#j-dplayer-iframe').attr('src', $('#j-dplayer-iframe').attr('data-src') + $(this).attr('data-url')); - $('#j-video .player-box .title span').html('正在播放：' + $(this).find('span').html()); - }); - } else { - let options = { - container: document.getElementById('j-dplayer'), - autoplay: true, - theme: 'var(--theme)', - screenshot: true, - hotkey: true, - preload: 'auto', - video: { - url: $('#j-video .episodes ul li').first().attr('data-url'), - type: 'auto', - pic: '//cdn.jsdelivr.net/npm/typecho_joe_theme@3.2.0/assets/img/player.jpg' - } - }; - if (window.JOE_CONFIG.DPLAYER_DANMAKU_API !== '') { - options['danmaku'] = { - id: $('#j-video .episodes ul li').first().attr('data-url'), - api: window.JOE_CONFIG.DPLAYER_DANMAKU_API - }; - } - const dp = new DPlayer(options); - $('#j-video .episodes ul li').first().addClass('active'); - $('#j-video .player-box .title span').html('正在播放：' + $('#j-video .episodes ul li span').first().html()); - $('#j-video .episodes ul li').on('click', function () { - $('#j-video .episodes ul li').removeClass('active'); - $(this).addClass('active'); - $('#j-video .player-box .title span').html('正在播放：' + $(this).find('span').html()); - dp.switchVideo( - { - url: $(this).attr('data-url') - }, - window.JOE_CONFIG.DPLAYER_DANMAKU_API !== '' - ? { - id: $(this).attr('data-url'), - api: window.JOE_CONFIG.DPLAYER_DANMAKU_API - } - : null - ); - dp.play(); - }); - } - } - - /* 初始化owo标签 */ - init_owo() { - if ($('.OwO').length === 0) return; - new OwO({ - logo: 'OωO表情', - container: document.getElementsByClassName('OwO')[0], - target: document.getElementsByClassName('OwO-textarea')[0], - api: '/usr/themes/Typecho-Joe-Theme/OwO.json', - position: 'down', - width: '100%', - maxHeight: '250px' - }); - $(document).on('click', function () { - $('.OwO').removeClass('OwO-open'); - }); - } - - /* 初始化回复可见按钮 */ - init_replay_see() { - $('.need-reply span').on('click', function () { - let id = $(this).attr('data-href'); - window.scrollTo({ - top: $('#' + id).offset().top - ($('.j-header').height() + 20), - behavior: 'smooth' - }); - }); - } - - /* 初始化画板功能 */ - init_draw() { - if ($('#draw').length === 0) return; - window.sketchpad = new Sketchpad({ - element: '#draw', - height: 300, - penSize: 5, - color: '303133' - }); - $('#commentTypeContent .undo').on('click', function () { - window.sketchpad.undo(); - }); - $('#commentTypeContent .animate').on('click', function () { - window.sketchpad.animate(10); - }); - $('#commentTypeContent .canvas ul li').on('click', function () { - window.sketchpad.penSize = $(this).attr('data-line'); - $('#commentTypeContent .canvas ul li').removeClass('active'); - $(this).addClass('active'); - }); - $('#commentTypeContent .canvas ol li').on('click', function () { - window.sketchpad.color = $(this).attr('data-color'); - $('#commentTypeContent .canvas ol li').removeClass('active'); - $(this).addClass('active'); - }); - } - - /* 初始化赞赏按钮 */ - init_admire() { - $('#j-admire').on('click', function () { - $('.j-admire-modal').addClass('active'); - $('body').css('overflow', 'hidden'); - }); - $('.j-admire-modal .close').on('click', function () { - $('.j-admire-modal').removeClass('active'); - $('body').css('overflow', ''); - }); - } - - /* 初始化点赞按钮 */ - init_thumbs_up() { - $('#j-thumbs-up').on('click', function () { - if ($(this).attr('disabled')) { - return $.toast({ - type: 'warning', - message: '本篇文章您已经赞过~' - }); - } - $.ajax({ - type: 'post', - url: $(this).attr('data-url'), - data: 'agree=' + $(this).attr('data-cid'), - timeout: 30000, - cache: false, - success: function (data) { - let reg = /\d/; - if (reg.test(data)) $('#j-thumbs-up span').html('赞（' + data.trim() + '）'); - $.toast({ - type: 'success', - message: '感谢您的点赞！' - }); - $('#j-thumbs-up').attr('disabled', 'disabled'); - } - }); - }); - } - - /* 初始化文章生成二维码 */ - init_share_code() { - if ($('#j-share-code').length === 0) return; - $('#j-share-code').qrcode({ - render: 'canvas', - width: 90, - height: 90, - text: encodeURI(window.location.href), - background: '#ffffff', - foreground: '#000000', - correctLevel: 0 - }); - } - - /* 初始化复制按钮 */ - init_copy() { - $('.j-copy').on('click', function (e) { - e.preventDefault(); - $('body').append(``); - $('#copyInput').select(); - document.execCommand('copy'); - $.toast({ - type: 'success', - message: '已复制到剪切板中~' - }); - $('#copyInput').remove(); - }); - } - - /* 初始化朗读功能 */ - init_synth() { - if (!window.speechSynthesis) return $('#read').remove(); - $('#read').on('click', function () { - const synth = window.speechSynthesis; - const msg = new SpeechSynthesisUtterance(); - if ($(this).find('span').html() === '朗读') { - msg.lang = 'zh-CN'; - msg.text = $('#markdown').text(); - synth.speak(msg); - $(this).find('span').html('停止朗读'); - } else { - synth.cancel(msg); - $(this).find('span').html('朗读'); - } - }); - } - - /* 初始化typecho评论 */ - init_typecho_comment() { - window.TypechoComment = { - dom: function (id) { - return document.getElementById(id); - }, - create: function (tag, attr) { - var el = document.createElement(tag); - for (var key in attr) { - el.setAttribute(key, attr[key]); - } - return el; - }, - reply: function (cid, coid) { - var comment = this.dom(cid), - parent = comment.parentNode, - response = this.dom($('.j-comment').attr('data-respondid')), - input = this.dom('comment-parent'), - form = 'form' == response.tagName ? response : response.getElementsByTagName('form')[0], - textarea = response.getElementsByTagName('textarea')[0]; - if (null == input) { - input = this.create('input', { - type: 'hidden', - name: 'parent', - id: 'comment-parent' - }); - form.appendChild(input); - } - input.setAttribute('value', coid); - if (null == this.dom('comment-form-place-holder')) { - var holder = this.create('div', { - id: 'comment-form-place-holder' - }); - response.parentNode.insertBefore(holder, response); - } - if ($(comment).find(response).length === 0) { - comment.appendChild(response); - } - this.dom('cancel-comment-reply-link').style.display = ''; - if (null != textarea && 'text' == textarea.name) { - window.scroll({ - top: $('#li-' + cid).offset().top - ($('.j-header').height() + 20), - behavior: 'smooth' - }); - } - return false; - }, - cancelReply: function () { - var response = this.dom($('.j-comment').attr('data-respondid')), - holder = this.dom('comment-form-place-holder'), - input = this.dom('comment-parent'); - if (null != input) { - input.parentNode.removeChild(input); - } - if (null == holder) { - return true; - } - this.dom('cancel-comment-reply-link').style.display = 'none'; - holder.parentNode.insertBefore(response, holder); - window.scroll({ - top: $('#comments').offset().top - ($('.j-header').height() + 20), - behavior: 'smooth' - }); - return false; - } - }; - } - - /* 初始化文章内的链接为新窗口打开 */ - init_markdown() { - /* 设置a标签为新窗口打开 */ - $('#markdown a:not(a[no-target])').attr({ - target: '_blank' - }); - } - - /* 初始化百度收录 */ - init_baidu_collect() { - $.ajax({ - url: window.JOE_CONFIG.THEME_URL + '/baiduRecord.php?url=' + encodeURI(window.location.href), - method: 'get', - success(res) { - if (!res.success) { - $('#baiduIncluded').html('查询失败'); - $('#baiduIncluded').css('color', '#f56c6c'); - } else if (res.data.baidu === '未收录') { - if (window.JOE_CONFIG.DOCUMENT_BAIDU_TOKEN === '') { - $('#baiduIncluded').html(`未收录，去提交`); - } else { - $('#baiduIncluded').html('未收录，点击推送'); - } - } else { - $('#baiduIncluded').html('百度已收录'); - $('#baiduIncluded').css('color', '#3bca72'); - } - } - }); - $(document).on('click', '#baiduIncluded span', function () { - $.ajax({ - url: window.JOE_CONFIG.THEME_URL + '/baiduPush.php?urls=' + encodeURI(window.location.href), - method: 'get', - dataType: 'json', - data: { - token: window.JOE_CONFIG.DOCUMENT_BAIDU_TOKEN, - domain: window.location.hostname - }, - success: res => { - let obj = { - 'site error': '站点未验证！', - 'empty content': '内容为空！', - 'only 2000 urls are allowed once': '超过限制！', - 'over quota': '今日提交已上限' - }; - if (res.success) { - $('#baiduIncluded').css('color', '#3bca72'); - $('#baiduIncluded').html('推送成功！'); - } else { - $('#baiduIncluded').css('color', '#e6a23c'); - if (res.error === 401) { - $('#baiduIncluded').html('Token错误！'); - } else if (res.error === 400) { - $('#baiduIncluded').html(obj[res.message] || '未知错误'); - } else if (res.error === 404) { - $('#baiduIncluded').html('地址错误！'); - } else { - $('#baiduIncluded').html('服务异常！'); - } - } - } - }); - }); - } - - /* 初始化打字机效果 */ - init_typing() { - $('.j-typing').each(function (index, item) { - $(item).show(); - $(item).css('opacity', 1); - let htmlStr = $(item).html(); - let timer = null; - let i = 0; - let typing = () => { - if (i <= htmlStr.length) { - $(item).html(htmlStr.slice(0, i++) + '_'); - timer = setTimeout(typing, 100); - } else { - $(item).html(htmlStr); - clearTimeout(timer); - } - }; - typing(); - }); - } - - /* 初始化侧边栏人生倒计时 */ - init_life_time() { - function getAsideLifeTime() { - /* 当前时间戳 */ - let nowDate = +new Date(); - /* 今天开始时间戳 */ - let todayStartDate = new Date(new Date().toLocaleDateString()).getTime(); - /* 今天已经过去的时间 */ - let todayPassHours = (nowDate - todayStartDate) / 1000 / 60 / 60; - /* 今天已经过去的时间比 */ - let todayPassHoursPercent = (todayPassHours / 24) * 100; - $('#dayProgress .title span').html(parseInt(todayPassHours)); - $('#dayProgress .progress .progress-inner').css('width', parseInt(todayPassHoursPercent) + '%'); - $('#dayProgress .progress .progress-percentage').html(parseInt(todayPassHoursPercent) + '%'); - /* 当前周几 */ - let weeks = { - 0: 7, - 1: 1, - 2: 2, - 3: 3, - 4: 4, - 5: 5, - 6: 6 - }; - let weekDay = weeks[new Date().getDay()]; - let weekDayPassPercent = (weekDay / 7) * 100; - $('#weekProgress .title span').html(weekDay); - $('#weekProgress .progress .progress-inner').css('width', parseInt(weekDayPassPercent) + '%'); - $('#weekProgress .progress .progress-percentage').html(parseInt(weekDayPassPercent) + '%'); - let year = new Date().getFullYear(); - let date = new Date().getDate(); - let month = new Date().getMonth() + 1; - let monthAll = new Date(year, month, 0).getDate(); - let monthPassPercent = (date / monthAll) * 100; - $('#monthProgress .title span').html(date); - $('#monthProgress .progress .progress-inner').css('width', parseInt(monthPassPercent) + '%'); - $('#monthProgress .progress .progress-percentage').html(parseInt(monthPassPercent) + '%'); - let yearPass = (month / 12) * 100; - $('#yearProgress .title span').html(month); - $('#yearProgress .progress .progress-inner').css('width', parseInt(yearPass) + '%'); - $('#yearProgress .progress .progress-percentage').html(parseInt(yearPass) + '%'); - } - getAsideLifeTime(); - setInterval(() => { - getAsideLifeTime(); - }, 1000); - } - - /* 初始化侧边栏评论 */ - init_aside_reply() { - $('#asideReply a').each(function (i, item) { - let str = $(item).html(); - if (/\{!\{.*/.test(str)) { - $(item).html('# 图片回复'); - } else { - $(item).html(str); - } - $(item).css('display', '-webkit-box'); - if (!$(item).attr('href').includes('#')) return; - $(item).attr('href', $(item).attr('href').replace('#', '?jscroll=')); - }); - } - - /* 初始化归档下拉 */ - init_file_toggle() { - $('.j-file .panel').first().next().slideToggle(0); - $('.j-file .panel').on('click', function () { - let next = $(this).next(); - next.slideToggle(200); - $('.j-file .panel-body').not(next).slideUp(); - }); - } - - /* 初始化目录树点击事件 */ - init_floor_click() { - if (window.JOE_CONFIG.IS_MOBILE === 'on') return; - $('.j-floor a').on('click', function (e) { - e.preventDefault(); - window.scroll({ - top: $($(this).attr('data-href')).offset().top - ($('.j-header').height() + 20), - behavior: 'smooth' - }); - }); - } - - /* 初始化下拉框按钮 */ - init_drop_down() { - $('.j-drop').on('click', function (e) { - e.stopPropagation(); - if ($(this).siblings('.j-dropdown').hasClass('active')) $(this).siblings('.j-dropdown').removeClass('active'); - else { - $('.j-dropdown').removeClass('active'); - $(this).siblings('.j-dropdown').addClass('active'); - } - }); - $(document).on('click', e => $('.j-dropdown').removeClass('active')); - $('.j-dropdown[stop-propagation]').on('click', function (e) { - e.stopPropagation(); - }); - } - - /* 初始化侧边栏相关 */ - init_aside_config() { - let asideWidth = $('.j-aside').width(); - if (asideWidth > 0) { - $('.j-stretch').addClass('active'); - $('.j-aside').css('width', asideWidth); - } - $('.j-aside .aside') - .last() - .css('top', $('.j-header').height() + 20); - $('.j-floor .contain').css('top', $('.j-header').height() + 20); - $('.j-stretch .contain').css('top', $('.j-header').height() + 20); - $('.j-stretch .contain').on('click', function () { - /* 设置侧边栏宽度 */ - if ($('.j-aside').width() === 0) { - $('.j-aside').css('width', asideWidth); - $('.j-aside').css('overflow', ''); - } else { - $('.j-aside').css('width', 0); - $('.j-aside').css('overflow', 'hidden'); - } - $("#commentType button[data-type='text']").click(); - }); - } - - /* 初始化登录注册验证 */ - init_sign_verify() { - $('#loginForm').on('submit', function (e) { - if ($('#loginForm .username').val().trim() === '') { - e.preventDefault(); - return $.toast({ - type: 'warning', - message: '请输入用户名！' - }); - } - if ($('#loginForm .password').val().trim() === '') { - e.preventDefault(); - return $.toast({ - type: 'warning', - message: '请输入密码！' - }); - } - }); - $('#registerForm').on('submit', function (e) { - if ($('#registerForm .username').val().trim() === '') { - e.preventDefault(); - return $.toast({ - type: 'warning', - message: '请输入用户名！' - }); - } - if ($('#registerForm .mail').val().trim() === '') { - e.preventDefault(); - return $.toast({ - type: 'warning', - message: '请输入邮箱！' - }); - } - if (!/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test($('#registerForm .mail').val())) { - e.preventDefault(); - return $.toast({ - type: 'warning', - message: '请输入正确的邮箱！' - }); - } - }); - } - - /* 初始化分页的hash值 */ - init_pagination_hash() { - $('.j-pagination a').each((i, item) => { - if (!$(item).attr('href')) return; - if (!$(item).attr('href').includes('#')) return; - $(item).attr('href', $(item).attr('href').replace('#', '?jscroll=')); - }); - } - - /* 初始化回复列表内容 */ - init_replay_content() { - $('.replyContent p').each(function (i, item) { - let str = $(item).html(); - if (!/\{!\{.*\}!\}/.test(str)) return; - str = str.replace(/{!{/, '').replace(/}!}/, ''); - $(item).html(''); - }); - $('.replyContent').show(); - } - - /* 初始化评论 */ - init_comment() { - $('#commentType button').on('click', function () { - $('#commentType button').removeClass('active'); - $(this).addClass('active'); - if ($(this).attr('data-type') === 'canvas') { - $('#draw').prop('width', $('#commentTypeContent').width()); - $('#commentTypeContent textarea').hide(); - $('#commentTypeContent .canvas').show(); - $('#commentTypeContent .canvas').attr('data-type', 'canvas'); - } else { - $('#commentTypeContent textarea').show(); - $('#commentTypeContent .canvas').hide(); - $('#commentTypeContent .canvas').attr('data-type', 'text'); - } - }); - $('.comment-list .meta a').on('click', function () { - $('#draw').prop('width', $('#commentTypeContent').width()); - }); - $('#cancel-comment-reply-link').on('click', function () { - $('#draw').prop('width', $('#commentTypeContent').width()); - }); - } - - /* 初始化留言板 */ - init_leaving() { - let zIndex = 100; - function random(min, max) { - return Math.floor(Math.random() * (max - min + 1)) + min; - } - $('#j-leaving li').each(function (i, item) { - $(item) - .find('.body .content p') - .each(function (_i, _item) { - let str = $(_item).html(); - if (!/\{!\{.*\}!\}/.test(str)) return; - str = str.replace(/{!{/, '').replace(/}!}/, ''); - $(_item).html(''); - }); - $(item).css({ - 'z-index': random(1, 99), - 'background-color': `rgba(${random(0, 255)}, ${random(0, 255)}, ${random(0, 255)}, ${random(0.8, 1)})`, - top: parseInt(Math.random() * ($('#j-leaving').height() - $(item).height()), 10), - left: parseInt(Math.random() * ($('#j-leaving').width() - $(item).width()), 10), - display: 'flex' - }); - $(item).draggabilly({ containment: true }); - $(item).on('dragStart', function (e) { - zIndex++; - $(item).css('z-index', zIndex); - }); - }); - } - - /* 初始化移动端搜索按钮点击事件 */ - init_wap_search_click() { - $('.j-search-toggle').on('click', function () { - $(this).toggleClass('active'); - if ($(this).hasClass('active')) { - $('.j-nav').hide(); - $('.j-search').css('display', 'flex'); - } else { - $('.j-nav').css('display', 'flex'); - $('.j-search').hide(); - } - }); - } - - /* 初始化搜索框验证 */ - init_search_verify() { - $('.j-search').on('submit', function (e) { - if ($('.j-search input').val().trim() === '') { - e.preventDefault(); - return $.toast({ - type: 'warning', - message: '请输入搜索内容！' - }); - } - }); - } - - /* 初始化密码访问验证 */ - init_protect_verify() { - let _this = this; - $('#j-protected').on('submit', e => { - e.preventDefault(); - if ($('#j-protected').find('.pass').val() === '') { - return $.toast({ - type: 'info', - message: '请输入访问密码！' - }); - } - let url = $('#j-protected').attr('action'); - $.ajax({ - url: url, - method: 'post', - datatype: 'text', - data: { - protectPassword: $('#j-protected').find('.pass').val(), - cid: $('#j-protected').find('.cid').val() - }, - success: res => { - let arr = [], - str = ''; - arr = $(res).contents(); - Array.from(arr).forEach(_ => { - if (_.parentNode.className === 'container') str = _; - }); - if (!/TypechoJoeTheme/.test(res)) { - $.toast({ - type: 'warning', - message: str.textContent || '' - }); - } else { - let url = location.href; - url = _this.changeURLArg(url, 'jscroll', 'comments'); - $.toast({ - type: 'success', - message: '密码正确，即将刷新本页！' - }); - setTimeout(function () { - window.location.href = url; - }, _this.options.reloadTime); - } - } - }); - }); - } - - /* 初始化微语发布 */ - init_dynamic_verify() { - let _this = this; - $('#j-dynamic-form').on('submit', function (e) { - e.preventDefault(); - if ($('#j-dynamic-form-text').val().trim() === '') { - return $.toast({ - type: 'info', - message: '请输入发表内容！' - }); - } - if ($(this).attr('data-disabled')) return; - $(this).attr('data-disabled', true); - $.ajax({ - url: $(this).attr('action'), - type: 'post', - data: $(this).serializeArray(), - success: res => { - let arr = [], - str = ''; - arr = $(res).contents(); - Array.from(arr).forEach(_ => { - if (_.parentNode.className === 'container') str = _; - }); - if (!/TypechoJoeTheme/.test(res)) { - $.toast({ - type: 'warning', - message: str.textContent || '' - }); - $(this).removeAttr('data-disabled'); - } else { - let url = location.href; - url = _this.changeURLArg(url, 'jscroll', 'comments'); - $.toast({ - type: 'success', - message: '发表成功，即将刷新本页！' - }); - setTimeout(function () { - window.location.href = url; - }, _this.options.reloadTime); - } - } - }); - }); - } - - /* 初始化评论提交 */ - init_comment_submit() { - let _this = this; - $('#comment-form').on('submit', function (e) { - e.preventDefault(); - if ($('#comment-nick').val().trim() === '') { - return $.toast({ - type: 'warning', - message: '请输入您的昵称！' - }); - } - if (!/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test($('#comment-mail').val())) { - return $.toast({ - type: 'warning', - message: '请输入正确的邮箱！' - }); - } - if ($('#commentTypeContent .canvas').attr('data-type') === 'canvas') { - let url = $('#draw')[0].toDataURL('image/webp', 0.1); - $('#comment-content').val('{!{' + url + '}!} '); - } - if ($('#comment-content').val().trim() === '') { - return $.toast({ - type: 'warning', - message: '请输入评论内容！' - }); - } - if ($(this).attr('data-disabled')) return; - $(this).attr('data-disabled', true); - $.ajax({ - url: $(this).attr('action'), - type: 'post', - data: $(this).serializeArray(), - success: res => { - let arr = [], - str = ''; - arr = $(res).contents(); - Array.from(arr).forEach(_ => { - if (_.parentNode.className === 'container') str = _; - }); - if (!/TypechoJoeTheme/.test(res)) { - $.toast({ - type: 'warning', - message: str.textContent || '' - }); - $(this).removeAttr('data-disabled'); - } else { - let url = location.href; - url = _this.changeURLArg(url, 'jscroll', 'comments'); - $.toast({ - type: 'success', - message: '发送成功，即将刷新本页！' - }); - setTimeout(function () { - window.location.href = url; - }, _this.options.reloadTime); - } - } - }); - }); - } - - /* 初始化移动端搜索标签云 */ - init_wap_cloud() { - let random = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min; - $('#search-cloud a').each((i, item) => { - $(item).css('background', `rgba(${random(0, 255)}, ${random(0, 255)}, ${random(0, 255)}, ${random(0.8, 1)})`); - }); - } - - /* 初始化移动端搜索点击事件 */ - init_wap_search() { - $('.search-toggle-xs').on('click', function () { - $('.j-slide').removeClass('active'); - $('.j-sidebar-xs').removeClass('active'); - $('.j-search-down-xs').toggleClass('active'); - if ($('.j-search-down-xs').hasClass('active')) { - $('body').css('overflow', 'hidden'); - $('.j-header').css('box-shadow', 'none'); - } else { - $('body').css('overflow', ''); - $('.j-header').css('box-shadow', ''); - } - }); - $('.j-search-down-xs .mask').on('click', function () { - $('.j-search-down-xs').removeClass('active'); - $('body').css('overflow', ''); - $('.j-header').css('box-shadow', ''); - }); - } - - /* 初始化移动端侧边栏点击事件 */ - init_wap_sidebar() { - $('.j-slide').on('click', function (e) { - $('.j-search-down-xs').removeClass('active'); - $('body').css('overflow', ''); - $('.j-header').css('box-shadow', ''); - $(this).toggleClass('active'); - $('.j-sidebar-xs').toggleClass('active'); - if ($(this).hasClass('active')) { - $('body').css('overflow', 'hidden'); - } else { - $('body').css('overflow', ''); - } - }); - $('.j-sidebar-xs .mask').on('click', function () { - $('.j-slide').removeClass('active'); - $('.j-sidebar-xs').removeClass('active'); - $('body').css('overflow', ''); - }); - } - - /* 初始化动画 */ - init_wow() { - if (window.JOE_CONFIG.IS_MOBILE === 'on' && window.JOE_CONFIG.DOCUMENT_WAP_ANIMATION === 'off') return; - if (window.JOE_CONFIG.IS_MOBILE === 'off' && window.JOE_CONFIG.DOCUMENT_PC_ANIMATION === 'off') return; - var wow = new WOW({ - boxClass: 'wow', - animateClass: 'animated', - offset: 0, - mobile: true, - live: true, - scrollContainer: null - }); - wow.init(); - } - - /* 初始化视频分类列表 */ - init_video_list_type() { - if ($('#j-video-type').length === 0) return; - if (window.JOE_CONFIG.VIDEO_LIST_API === '') - return $.toast({ - type: 'warning', - message: '苹果CMS API未填写！' - }); - $('.j-video-load-1').show(); - $.ajax({ - url: window.JOE_CONFIG.VIDEO_LIST_API, - method: 'get', - data: { - ac: 'list', - at: 'json' - }, - dataType: 'json', - success: res => { - if (res.code !== 1) - return $.toast({ - type: 'warning', - message: '获取列表失败！' - }); - $('.j-video-load-1').hide(); - let htmlStr = '
  • 全部
    • '; - let arr = window.JOE_CONFIG.VIDEO_LIST_SHIELD.split('||'); - let shieldArr = arr.map(_ => _.trim()); - res.class.forEach(_ => { - if (!shieldArr.some(item => item === _.type_name)) htmlStr += `
  • ${_.type_name}
    • `; - }); - $('#j-video-type').html(htmlStr); - } - }); - let _this = this; - $(document).on('click', '#j-video-type li', function () { - $(this).addClass('active').siblings().removeClass('active'); - _this.video_page = 0; - $('#j-video-list').html(''); - _this.init_video_list($(this).attr('data-id')); - }); - } - - /* 加载视频列表 */ - init_video_list(t, wd) { - if ($('#j-video-list').length === 0) return; - let _this = this; - if (!_this.video_canLoad) return; - _this.video_canLoad = false; - _this.video_page += 1; - $('.j-video-load-2').show(); - $.ajax({ - url: window.JOE_CONFIG.VIDEO_LIST_API, - method: 'get', - data: { - pg: _this.video_page, - ac: 'videolist', - at: 'json', - t, - wd - }, - dataType: 'json', - success: res => { - if (res.code !== 1) return; - $('.j-video-load-2').hide(); - res.list.forEach(_ => { - $('#j-video-list').append(` +;(() => { + class Joe { + constructor(options) { + options = { + reloadTime: options.reloadTime || 1500 + } + this.options = options + this.video_page = 0 + this.video_canLoad = true + + this.wallpaper_page = 0 + this.wallpaper_cid = '' + + this.init() + } + + init() { + /* 解决移动端 hover 问题*/ + $(document).on('touchstart', e => {}) + /* 初始化昼夜模式 */ + this.init_day_light() + /* 初始化页面的hash值跳转 */ + this.init_url_hash() + /* 初始化标题 */ + this.init_document_title() + /* 初始化弹幕 */ + this.init_document_barrager() + /* 初始化进度条 */ + this.init_document_progress() + /* 初始化live2d */ + this.init_document_live2d() + /* 鼠标右键 */ + this.init_document_contextmenu() + /* 初始化主题色 */ + this.init_document_theme() + /* 初始化鼠标移入音效 */ + this.init_hover_music() + /* 初始化返回顶部 */ + this.init_back_top() + /* 初始化统计 */ + this.init_document_census() + /* 初始化代码高亮 */ + this.init_high_light() + /* 初始化代码防偷 */ + this.init_document_console() + /* 初始化天气 */ + this.init_document_weather() + /* 初始化3d云标签 */ + this.init_3d_tag() + /* 初始化加载更多 */ + this.init_load_more() + /* 初始化轮播图 */ + this.init_document_swiper() + /* 初始化解析 */ + this.init_document_analysis() + /* 初始化owo标签 */ + this.init_owo() + /* 初始化回复可见按钮 */ + this.init_replay_see() + /* 初始化画板功能 */ + this.init_draw() + /* 初始化赞赏按钮 */ + this.init_admire() + /* 初始化点赞按钮 */ + this.init_thumbs_up() + /* 初始化文章生成二维码 */ + this.init_share_code() + /* 初始化复制按钮 */ + this.init_copy() + /* 初始化朗读功能 */ + this.init_synth() + /* 初始化typecho评论 */ + this.init_typecho_comment() + /* 初始化文章内容 */ + this.init_markdown() + /* 初始化百度收录 */ + this.init_baidu_collect() + /* 初始化打字机效果 */ + this.init_typing() + /* 初始化侧边栏人生倒计时 */ + this.init_life_time() + /* 初始化侧边栏评论 */ + this.init_aside_reply() + /* 初始化归档下拉 */ + this.init_file_toggle() + /* 初始化目录树点击事件 */ + this.init_floor_click() + /* 初始化下拉框按钮 */ + this.init_drop_down() + /* 初始化手风琴 */ + this.init_panel_down() + /* 初始化侧边栏相关 */ + this.init_aside_config() + /* 初始化登录注册验证 */ + this.init_sign_verify() + /* 初始化分页的hash值 */ + this.init_pagination_hash() + /* 初始化回复列表内容 */ + this.init_replay_content() + /* 初始化评论 */ + this.init_comment() + /* 初始化留言板 */ + this.init_leaving() + /* 初始化移动端搜索按钮点击事件 */ + this.init_wap_search_click() + /* 初始化搜索框验证 */ + this.init_search_verify() + /* 初始化密码访问验证 */ + this.init_protect_verify() + /* 初始化微语发布 */ + this.init_dynamic_verify() + /* 初始化评论提交 */ + this.init_comment_submit() + /* 初始化移动端搜索标签云 */ + this.init_wap_cloud() + /* 初始化移动端搜索按钮点击事件 */ + this.init_wap_search() + /* 初始化移动端侧边栏点击事件 */ + this.init_wap_sidebar() + /* 初始化动画 */ + this.init_wow() + + /* 初始化视频分类列表 */ + this.init_video_list_type() + /* 初始化视频列表 */ + this.init_video_list() + /* 初始化视频搜索 */ + this.init_video_search() + /* 初始化滚动加载更多视频 */ + this.init_load_more_video() + /* 初始化加载详情 */ + this.init_video_detail() + /* 初始化tabs */ + this.init_j_tabs() + /* 初始化collapse */ + this.init_j_collapse() + /* 初始化侧边栏一言 */ + this.init_aside_motto() + /* 初始化评论点赞 */ + this.init_comment_like() + /* 初始化动态回复 */ + this.init_dynamic_reply() + /* 初始化视频册 */ + this.init_video_album() + /* 初始化壁纸页 */ + this.init_wallpaper() + /* 初始化虎牙页 */ + this.init_huya_type() + /* 初始化虎牙跳转 */ + this.init_huya_skip() + /* 初始化虎牙分页 */ + this.init_huya_pagination() + /* 初始化图片懒加载 */ + this.init_lazy_load() + } + /* 初始化昼夜 */ + init_day_light() { + $('#j-day-night').on('click', function () { + $(this).toggleClass('dark') + if ($(this).hasClass('dark')) { + $('html').attr('dark', true) + localStorage.setItem('dark', 1) + } else { + $('html').removeAttr('dark') + localStorage.removeItem('dark') + } + handleMode() + }) + } + + /* 格式化url参数 */ + changeURLArg(url, arg, arg_val) { + var pattern = arg + '=([^&]*)' + var replaceText = arg + '=' + arg_val + if (url.match(pattern)) { + var tmp = '/(' + arg + '=)([^&]*)/gi' + tmp = url.replace(eval(tmp), replaceText) + return tmp + } else { + if (url.match('[?]')) { + return url + '&' + replaceText + } else { + return url + '?' + replaceText + } + } + return url + '\n' + arg + '\n' + arg_val + } + + /* 初始化页面的hash值跳转 */ + init_url_hash() { + let p = new URLSearchParams(location.search) + if (p.get('jscroll') && $('#' + p.get('jscroll')).length > 0) { + let timer = setTimeout(() => { + window.scroll({ + top: $('#' + p.get('jscroll')).offset().top - ($('.j-header').height() + 20), + behavior: 'smooth' + }) + clearTimeout(timer) + }, 300) + } + } + + /* 初始化网站切换标题 */ + init_document_title() { + if (window.JOE_CONFIG.DOCUMENT_TITLE === '' || window.JOE_CONFIG.IS_MOBILE === 'on') return + const DOCUMENT_TITLE = document.title + $(document).on('visibilitychange', function () { + if (document.visibilityState === 'hidden') { + document.title = window.JOE_CONFIG.DOCUMENT_TITLE + } else { + document.title = DOCUMENT_TITLE + } + }) + } + + /* 初始化弹幕 */ + init_document_barrager() { + if (window.JOE_CONFIG.DOCUMENT_BARRAGER === 'off') return + if (localStorage.getItem('barragerStatus') === 'on') { + $('#barrager').attr('checked', true) + $('.j-barrager').css({ + opacity: 1, + visibility: 'visible' + }) + } else { + $('#barrager').attr('checked', false) + $('.j-barrager').css({ + opacity: 0, + visibility: 'hidden' + }) + } + $('#barrager').on('change', function () { + localStorage.setItem('barragerStatus', $(this).prop('checked') ? 'on' : 'off') + if ($('#barrager').prop('checked')) { + $('.j-barrager').css({ + opacity: 1, + visibility: 'visible' + }) + } else { + $('.j-barrager').css({ + opacity: 0, + visibility: 'hidden' + }) + } + }) + } + + /* 初始化进度条 */ + init_document_progress() { + if (window.JOE_CONFIG.DOCUMENT_PROGRESS === 'off') return + let calcProgress = () => { + let scrollTop = $(window).scrollTop() + let documentHeight = $(document).height() + let windowHeight = $(window).height() + let progress = parseInt((scrollTop / (documentHeight - windowHeight)) * 100) + if (progress < 0) progress = 0 + if (progress > 100) progress = 100 + $('#progress').css('width', progress + '%') + } + calcProgress() + $(window).on('scroll', () => calcProgress()) + } + + /* 初始化live2d */ + init_document_live2d() { + if (window.JOE_CONFIG.DOCUMENT_LIVE2D === 'off' || window.JOE_CONFIG.IS_MOBILE === 'on') return + L2Dwidget.init({ + model: { + jsonPath: window.JOE_CONFIG.DOCUMENT_LIVE2D, + scale: 1 + }, + mobile: { + show: false + }, + display: { + position: 'right', + width: 160, + height: 200, + hOffset: 70, + vOffset: 0 + } + }) + } + + /* 鼠标右键 */ + init_document_contextmenu() { + if (window.JOE_CONFIG.DOCUMENT_CONTEXTMENU === 'off' || window.JOE_CONFIG.IS_MOBILE === 'on') return + $(document).on('contextmenu', () => false) + } + + /* 初始化主题色 */ + init_document_theme() { + if (window.JOE_CONFIG.DOCUMENT_THEME_STATUS === 'on') { + if (!window.JOE_CONFIG.DOCUMENT_GLOBAL_THEME) { + $('body').css('--theme', localStorage.getItem('--theme') || '#4e7cf2') + } else { + $('body').css('--theme', localStorage.getItem('--theme') || window.JOE_CONFIG.DOCUMENT_GLOBAL_THEME) + } + let color = null + if (localStorage.getItem('--theme')) { + color = localStorage.getItem('--theme') + } else { + if (!window.JOE_CONFIG.DOCUMENT_GLOBAL_THEME) { + color = '#4e7cf2' + } else { + color = window.JOE_CONFIG.DOCUMENT_GLOBAL_THEME + } + } + $('#colorPick').colpick({ + flat: true, + layout: 'hex', + submit: false, + color, + colorScheme: 'dark', + onChange(a, b, c) { + $('body').css('--theme', '#' + b) + localStorage.setItem('--theme', '#' + b) + } + }) + $('#openColorPick').on('click', function (e) { + e.stopPropagation() + $('#colorPick').toggleClass('active') + }) + $('#colorPick').on('click', function (e) { + e.stopPropagation() + }) + $(document).on('click', function (e) { + $('#colorPick').removeClass('active') + }) + } else { + if (window.JOE_CONFIG.DOCUMENT_GLOBAL_THEME === '') { + $('body').css('--theme', '#4e7cf2') + } else { + $('body').css('--theme', window.JOE_CONFIG.DOCUMENT_GLOBAL_THEME) + } + } + } + + /* 初始化鼠标移入音效 */ + init_hover_music() { + if (window.JOE_CONFIG.DOCUMENT_HOVER_MUSIC === 'off' || window.JOE_CONFIG.IS_MOBILE === 'on') return + let random = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min + $('.j-hover-music').on('mouseover', function () { + $('#j-hover-music').attr('src', window.JOE_CONFIG.THEME_URL + '/assets/audio/' + random(1, 8) + '.ogv') + }) + } + + /* 初始化返回顶部 */ + init_back_top() { + if (window.JOE_CONFIG.DOCUMENT_BACK_TOP === 'off') return + let isShowBackTop = () => { + if ($(window).scrollTop() > 500) { + $('#backToTop').addClass('active') + } else { + $('#backToTop').removeClass('active') + } + } + isShowBackTop() + $(window).on('scroll', () => isShowBackTop()) + $('#backToTop').on('click', () => { + window.scroll({ + top: 0, + behavior: 'smooth' + }) + }) + } + + /* 初始化统计 */ + init_document_census() { + if (window.JOE_CONFIG.DOCUMENT_CENSUS.status === 'off') return + Highcharts.chart('census', { + title: { + text: null + }, + subtitle: { + text: null + }, + xAxis: { + text: null, + categories: ['页面', '文章', '评论', '分类'] + }, + yAxis: { + title: { + text: null + } + }, + credits: { + enabled: false + }, + series: [ + { + name: '数量', + type: 'column', + colorByPoint: true, + data: window.JOE_CONFIG.DOCUMENT_CENSUS.data, + showInLegend: false + } + ] + }) + } + + /* 初始化代码高亮 */ + init_high_light() { + if (window.JOE_CONFIG.DOCUMENT_HIGHT_LIGHT === 'off') return + hljs.initHighlighting() + } + + /* 初始化代码防偷 */ + init_document_console() { + if (window.JOE_CONFIG.DOCUMENT_CONSOLE == 'off') return + function endebug(off, code) { + if (!off) { + !(function (e) { + function n(e) { + function n() { + return u + } + function o() { + window.Firebug && window.Firebug.chrome && window.Firebug.chrome.isInitialized ? t('on') : ((a = 'off'), console.log(d), console.clear(), t(a)) + } + function t(e) { + u !== e && ((u = e), 'function' == typeof c.onchange && c.onchange(e)) + } + function r() { + l || ((l = !0), window.removeEventListener('resize', o), clearInterval(f)) + } + 'function' == typeof e && + (e = { + onchange: e + }) + var i = (e = e || {}).delay || 500, + c = {} + c.onchange = e.onchange + var a, + d = new Image() + d.__defineGetter__('id', function () { + a = 'on' + }) + var u = 'unknown' + c.getStatus = n + var f = setInterval(o, i) + window.addEventListener('resize', o) + var l + return (c.free = r), c + } + var o = o || {} + ;(o.create = n), + 'function' == typeof define + ? (define.amd || define.cmd) && + define(function () { + return o + }) + : 'undefined' != typeof module && module.exports + ? (module.exports = o) + : (window.jdetects = o) + })(), + jdetects.create(function (e) { + var a = 0 + var n = setInterval(function () { + if ('on' == e) { + setTimeout(function () { + if (a == 0) { + a = 1 + setTimeout(code) + } + }, 200) + } + }, 100) + }) + } + } + endebug(false, function () { + window.location.href = window.JOE_CONFIG.THEME_URL + '/console.html' + }) + } + + /* 初始化天气 */ + init_document_weather() { + if (window.JOE_CONFIG.DOCUMENT_WEATHER_KEY === '') return + window.WIDGET = { + CONFIG: { + layout: 2, + width: '220', + height: '270', + background: window.JOE_CONFIG.DOCUMENT_WEATHER_TYPE === 'auto' ? 1 : 2, + dataColor: window.JOE_CONFIG.DOCUMENT_WEATHER_TYPE === 'auto' ? 'ffffff' : '303133', + key: window.JOE_CONFIG.DOCUMENT_WEATHER_KEY + } + } + let timer = setTimeout(() => { + $('.aside-wether .loading').addClass('active') + clearTimeout(timer) + }, 1000) + } + + /* 初始化3d云标签 */ + init_3d_tag() { + if (window.JOE_CONFIG.DOCUMENT_3D_TAG === 'off') return + let cloudList = [] + $('#cloudList li').each(function (i, item) { + cloudList.push({ + label: $(item).attr('data-label'), + url: $(item).attr('data-url'), + target: '_blank' + }) + }) + $('#cloud').svg3DTagCloud({ + entries: cloudList, + width: 220, + height: 230, + radius: '65%', + radiusMin: 75, + bgDraw: !0, + bgColor: '#000', + opacityOver: 1, + opacityOut: 0.05, + opacitySpeed: 6, + fov: 800, + speed: 0.5, + fontSize: 13, + fontColor: '#fff', + fontWeight: '500', + fontStyle: 'normal', + fontStretch: 'normal', + fontToUpperCase: !0 + }) + } + + /* 初始化加载更多 */ + init_load_more() { + if (window.JOE_CONFIG.DOCUMENT_LOAD_MORE !== 'ajax') return + let _this = this + $('.j-loadmore a').attr('data-href', $('.j-loadmore a').attr('href')) + $('.j-loadmore a').removeAttr('href') + $('.j-loadmore a').on('click', function () { + if ($(this).attr('disabled')) return + $(this).html('loading...') + $(this).attr('disabled', true) + let url = $(this).attr('data-href') + if (!url) return + $.ajax({ + url: url, + type: 'get', + success: data => { + $(this).removeAttr('disabled') + $(this).html('查看更多') + let list = $(data).find('.article-list:not(.sticky)') + $('.j-index-article.article').append(list) + window.scroll({ + top: $(list).first().offset().top - ($('.j-header').height() + 20), + behavior: 'smooth' + }) + let newURL = $(data).find('.j-loadmore a').attr('href') + if (newURL) { + $(this).attr('data-href', newURL) + } else { + $('.j-loadmore').remove() + } + _this.init_lazy_load() + } + }) + }) + } + + /* 初始化轮播图 */ + init_document_swiper() { + if (window.JOE_CONFIG.DOCUMENT_SWIPER === 'off' || !Swiper) return + let direction = $('#recommend').length > 0 ? 'vertical' : 'horizontal' + new Swiper('.swiper-container', { + direction: direction, + slidesPerView: 1, + spaceBetween: 20, + mousewheel: true, + autoplay: { + delay: 2500, + disableOnInteraction: false + }, + pagination: { + el: '.swiper-pagination', + clickable: true + } + }) + } + + /* 初始化解析 */ + init_document_analysis() { + if ($('#j-video').length === 0) return + $('#j-dplayer').attr('src', $('#j-dplayer').attr('data-src') + $('#j-video .episodes ul li').first().attr('data-url')) + $('#j-video .episodes ul li').first().addClass('active') + $('#j-video .player-box .title span').html('正在播放：' + $('#j-video .episodes ul li span').first().html()) + $('#j-video .episodes ul li').on('click', function () { + $('#j-video .episodes ul li').removeClass('active') + $(this).addClass('active') + $('#j-dplayer').attr('src', $('#j-dplayer').attr('data-src') + $(this).attr('data-url')) + $('#j-video .player-box .title span').html('正在播放：' + $(this).find('span').html()) + }) + } + + /* 初始化owo标签 */ + init_owo() { + if ($('#OwO_Container').length === 0) return + new OwO({ + logo: 'OωO表情', + container: document.getElementsByClassName('OwO')[0], + target: document.getElementsByClassName('OwO-textarea')[0], + api: '/usr/themes/Typecho-Joe-Theme/OwO.json', + position: 'down', + width: '100%', + maxHeight: '250px' + }) + $(document).on('click', function () { + $('.OwO').removeClass('OwO-open') + }) + } + + /* 初始化回复可见按钮 */ + init_replay_see() { + $('.need-reply span').on('click', function () { + let id = $(this).attr('data-href') + window.scrollTo({ + top: $('#' + id).offset().top - ($('.j-header').height() + 20), + behavior: 'smooth' + }) + }) + } + + /* 初始化画板功能 */ + init_draw() { + if ($('#draw').length === 0) return + window.sketchpad = new Sketchpad({ + element: '#draw', + height: 300, + penSize: 5, + color: '303133' + }) + $('#commentTypeContent .undo').on('click', function () { + window.sketchpad.undo() + }) + $('#commentTypeContent .animate').on('click', function () { + window.sketchpad.animate(10) + }) + $('#commentTypeContent .canvas ul li').on('click', function () { + window.sketchpad.penSize = $(this).attr('data-line') + $('#commentTypeContent .canvas ul li').removeClass('active') + $(this).addClass('active') + }) + $('#commentTypeContent .canvas ol li').on('click', function () { + window.sketchpad.color = $(this).attr('data-color') + $('#commentTypeContent .canvas ol li').removeClass('active') + $(this).addClass('active') + }) + } + + /* 初始化赞赏按钮 */ + init_admire() { + $('#j-admire').on('click', function () { + $('.j-admire-modal').addClass('active') + $('body').css('overflow', 'hidden') + }) + $('.j-admire-modal .close').on('click', function () { + $('.j-admire-modal').removeClass('active') + $('body').css('overflow', '') + }) + } + + /* 初始化点赞按钮 */ + init_thumbs_up() { + $('#j-thumbs-up').on('click', function () { + if ($(this).attr('disabled')) { + return $.toast({ + type: 'warning', + message: '本篇文章您已经赞过~' + }) + } + $(this).find('span').html('loading...') + $.ajax({ + type: 'post', + url: $(this).attr('data-url'), + data: 'agree=' + $(this).attr('data-cid'), + timeout: 30000, + cache: false, + success: function (data) { + let reg = /\d/ + if (reg.test(data)) $('#j-thumbs-up span').html('赞 · ' + data.trim()) + $.toast({ + type: 'success', + message: '感谢您的点赞！' + }) + $('#j-thumbs-up').attr('disabled', 'disabled') + } + }) + }) + } + + /* 初始化文章生成二维码 */ + init_share_code() { + if ($('#j-share-code').length === 0) return + $('#j-share-code').qrcode({ + render: 'canvas', + width: 90, + height: 90, + text: encodeURI(window.location.href), + background: '#ffffff', + foreground: '#000000', + correctLevel: 0 + }) + } + + /* 初始化复制按钮 */ + init_copy() { + $('.j-copy').on('click', function (e) { + e.preventDefault() + $('body').append(``) + $('#copyInput').select() + document.execCommand('copy') + $.toast({ + type: 'success', + message: '已复制到剪切板中~' + }) + $('#copyInput').remove() + }) + } + + /* 初始化朗读功能 */ + init_synth() { + if (!window.speechSynthesis) return $('#read').remove() + $('#read').on('click', function () { + const synth = window.speechSynthesis + const msg = new SpeechSynthesisUtterance() + if ($(this).find('span').html() === '朗读') { + msg.lang = 'zh-CN' + msg.text = $('#markdown').text() + synth.speak(msg) + $(this).find('span').html('停止朗读') + } else { + synth.cancel(msg) + $(this).find('span').html('朗读') + } + }) + } + + /* 初始化typecho评论 */ + init_typecho_comment() { + window.TypechoComment = { + dom: function (id) { + return document.getElementById(id) + }, + create: function (tag, attr) { + var el = document.createElement(tag) + for (var key in attr) { + el.setAttribute(key, attr[key]) + } + return el + }, + reply: function (cid, coid) { + var comment = this.dom(cid), + parent = comment.parentNode, + response = this.dom($('.j-comment').attr('data-respondid')), + input = this.dom('comment-parent'), + form = 'form' == response.tagName ? response : response.getElementsByTagName('form')[0], + textarea = response.getElementsByTagName('textarea')[0] + if (null == input) { + input = this.create('input', { + type: 'hidden', + name: 'parent', + id: 'comment-parent' + }) + form.appendChild(input) + } + input.setAttribute('value', coid) + if (null == this.dom('comment-form-place-holder')) { + var holder = this.create('div', { + id: 'comment-form-place-holder' + }) + response.parentNode.insertBefore(holder, response) + } + if ($(comment).find(response).length === 0) { + comment.appendChild(response) + } + this.dom('cancel-comment-reply-link').style.display = '' + if (null != textarea && 'text' == textarea.name) { + window.scroll({ + top: $('#li-' + cid).offset().top - ($('.j-header').height() + 20), + behavior: 'smooth' + }) + } + return false + }, + cancelReply: function () { + var response = this.dom($('.j-comment').attr('data-respondid')), + holder = this.dom('comment-form-place-holder'), + input = this.dom('comment-parent') + if (null != input) { + input.parentNode.removeChild(input) + } + if (null == holder) { + return true + } + this.dom('cancel-comment-reply-link').style.display = 'none' + holder.parentNode.insertBefore(response, holder) + window.scroll({ + top: $('#comments').offset().top - ($('.j-header').height() + 20), + behavior: 'smooth' + }) + return false + } + } + } + + /* 初始化文章内的链接为新窗口打开 */ + init_markdown() { + /* 设置a标签为新窗口打开 */ + $('#markdown a:not(a[no-target])').attr({ + target: '_blank' + }) + + /* 增加预览功能 */ + $('#markdown img:not(img.owo)').each(function () { + let element = document.createElement('a') + $(element).attr('data-fancybox', 'gallery') + $(element).attr('href', $(this).attr('data-original') || $(this).attr('src')) + $(this).wrap(element) + }) + + $('code.hljs').parent().addClass('hljs-pre') + $('code.hljs').each(function () { + $(this).html('
    1. ' + $(this).html().replace(/\n/g, '\n
    2. ') + '\n
    ') + }) + } + + /* 初始化百度收录 */ + init_baidu_collect() { + $.ajax({ + url: window.JOE_CONFIG.THEME_URL + '/baiduRecord.php?url=' + encodeURI(window.location.href), + method: 'get', + success(res) { + if (!res.success) { + $('#baiduIncluded').html('查询失败') + $('#baiduIncluded').css('color', '#f56c6c') + } else if (res.data.baidu === '未收录') { + if (window.JOE_CONFIG.DOCUMENT_BAIDU_TOKEN === '') { + $('#baiduIncluded').html(`未收录，去提交`) + } else { + $('#baiduIncluded').html('未收录，点击推送') + } + } else { + $('#baiduIncluded').html('百度已收录') + $('#baiduIncluded').css('color', '#3bca72') + } + } + }) + $(document).on('click', '#baiduIncluded span', function () { + $.ajax({ + url: window.JOE_CONFIG.THEME_URL + '/baiduPush.php?urls=' + encodeURI(window.location.href), + method: 'get', + dataType: 'json', + data: { + token: window.JOE_CONFIG.DOCUMENT_BAIDU_TOKEN, + domain: window.location.hostname + }, + success: res => { + let obj = { + 'site error': '站点未验证！', + 'empty content': '内容为空！', + 'only 2000 urls are allowed once': '超过限制！', + 'over quota': '今日提交已上限' + } + if (res.success) { + $('#baiduIncluded').css('color', '#3bca72') + $('#baiduIncluded').html('推送成功！') + } else { + $('#baiduIncluded').css('color', '#e6a23c') + if (res.error === 401) { + $('#baiduIncluded').html('Token错误！') + } else if (res.error === 400) { + $('#baiduIncluded').html(obj[res.message] || '未知错误') + } else if (res.error === 404) { + $('#baiduIncluded').html('地址错误！') + } else { + $('#baiduIncluded').html('服务异常！') + } + } + } + }) + }) + } + + /* 初始化打字机效果 */ + init_typing() { + $('.j-typing').each(function (index, item) { + $(item).show() + $(item).css('opacity', 1) + let htmlStr = $(item).html() + let timer = null + let i = 0 + let typing = () => { + if (i <= htmlStr.length) { + $(item).html(htmlStr.slice(0, i++) + '_') + timer = setTimeout(typing, 100) + } else { + $(item).html(htmlStr) + clearTimeout(timer) + } + } + typing() + }) + } + + /* 初始化侧边栏人生倒计时 */ + init_life_time() { + function getAsideLifeTime() { + /* 当前时间戳 */ + let nowDate = +new Date() + /* 今天开始时间戳 */ + let todayStartDate = new Date(new Date().toLocaleDateString()).getTime() + /* 今天已经过去的时间 */ + let todayPassHours = (nowDate - todayStartDate) / 1000 / 60 / 60 + /* 今天已经过去的时间比 */ + let todayPassHoursPercent = (todayPassHours / 24) * 100 + $('#dayProgress .title span').html(parseInt(todayPassHours)) + $('#dayProgress .progress .progress-inner').css('width', parseInt(todayPassHoursPercent) + '%') + $('#dayProgress .progress .progress-percentage').html(parseInt(todayPassHoursPercent) + '%') + /* 当前周几 */ + let weeks = { + 0: 7, + 1: 1, + 2: 2, + 3: 3, + 4: 4, + 5: 5, + 6: 6 + } + let weekDay = weeks[new Date().getDay()] + let weekDayPassPercent = (weekDay / 7) * 100 + $('#weekProgress .title span').html(weekDay) + $('#weekProgress .progress .progress-inner').css('width', parseInt(weekDayPassPercent) + '%') + $('#weekProgress .progress .progress-percentage').html(parseInt(weekDayPassPercent) + '%') + let year = new Date().getFullYear() + let date = new Date().getDate() + let month = new Date().getMonth() + 1 + let monthAll = new Date(year, month, 0).getDate() + let monthPassPercent = (date / monthAll) * 100 + $('#monthProgress .title span').html(date) + $('#monthProgress .progress .progress-inner').css('width', parseInt(monthPassPercent) + '%') + $('#monthProgress .progress .progress-percentage').html(parseInt(monthPassPercent) + '%') + let yearPass = (month / 12) * 100 + $('#yearProgress .title span').html(month) + $('#yearProgress .progress .progress-inner').css('width', parseInt(yearPass) + '%') + $('#yearProgress .progress .progress-percentage').html(parseInt(yearPass) + '%') + } + getAsideLifeTime() + setInterval(() => { + getAsideLifeTime() + }, 1000) + } + + /* 初始化侧边栏评论 */ + init_aside_reply() { + $('#asideReply a').each(function (i, item) { + let str = $(item).html() + if (/\{!\{.*/.test(str)) { + $(item).html('# 图片回复') + } else { + $(item).html(str) + } + $(item).css('display', '-webkit-box') + if (!$(item).attr('href').includes('#')) return + $(item).attr('href', $(item).attr('href').replace('#', '?jscroll=')) + }) + } + + /* 初始化归档下拉 */ + init_file_toggle() { + $('.j-file .panel').first().next().slideToggle(0) + $('.j-file .panel').on('click', function () { + let next = $(this).next() + next.slideToggle(200) + $('.j-file .panel-body').not(next).slideUp() + }) + } + + /* 初始化目录树点击事件 */ + init_floor_click() { + if (window.JOE_CONFIG.IS_MOBILE === 'on') return + $('.j-floor a').on('click', function (e) { + e.preventDefault() + window.scroll({ + top: $($(this).attr('data-href')).offset().top - ($('.j-header').height() + 20), + behavior: 'smooth' + }) + }) + } + + /* 初始化下拉框按钮 */ + init_drop_down() { + $('.j-drop').on('click', function (e) { + e.stopPropagation() + if ($(this).siblings('.j-dropdown').hasClass('active')) { + $(this).siblings('.j-dropdown').removeClass('active') + } else { + $('.j-dropdown').removeClass('active') + $(this).siblings('.j-dropdown').addClass('active') + } + }) + $(document).on('click', e => $('.j-dropdown').removeClass('active')) + $('.j-dropdown[stop-propagation]').on('click', function (e) { + e.stopPropagation() + }) + } + + /* 初始化手风琴 */ + init_panel_down() { + $('.j-panel').on('click', function () { + let next = $(this).next() + $(this).next().stop().slideToggle() + $('.j-panel-down').not(next).slideUp() + }) + } + + /* 初始化侧边栏相关 */ + init_aside_config() { + let asideWidth = $('.j-aside').width() + if (asideWidth > 0) { + $('.j-stretch').addClass('active') + $('.j-aside').css('width', asideWidth) + } + $('.j-aside .aside') + .last() + .css('top', $('.j-header').height() + 20) + $('.j-floor .contain').css('top', $('.j-header').height() + 20) + $('.j-stretch .contain').css('top', $('.j-header').height() + 20) + $('.j-stretch .contain').on('click', function () { + /* 设置侧边栏宽度 */ + if ($('.j-aside').width() === 0) { + $('.j-aside').css('width', asideWidth) + $('.j-aside').css('overflow', '') + } else { + $('.j-aside').css('width', 0) + $('.j-aside').css('overflow', 'hidden') + } + $("#commentType button[data-type='text']").click() + }) + } + + /* 初始化登录注册验证 */ + init_sign_verify() { + $('#loginForm').on('submit', function (e) { + if ($('#loginForm .username').val().trim() === '') { + e.preventDefault() + return $.toast({ + type: 'warning', + message: '请输入用户名！' + }) + } + if ($('#loginForm .password').val().trim() === '') { + e.preventDefault() + return $.toast({ + type: 'warning', + message: '请输入密码！' + }) + } + }) + $('#registerForm').on('submit', function (e) { + if ($('#registerForm .username').val().trim() === '') { + e.preventDefault() + return $.toast({ + type: 'warning', + message: '请输入用户名！' + }) + } + if ($('#registerForm .mail').val().trim() === '') { + e.preventDefault() + return $.toast({ + type: 'warning', + message: '请输入邮箱！' + }) + } + if (!/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test($('#registerForm .mail').val())) { + e.preventDefault() + return $.toast({ + type: 'warning', + message: '请输入正确的邮箱！' + }) + } + }) + } + + /* 初始化分页的hash值 */ + init_pagination_hash() { + $('.j-pagination a').each((i, item) => { + if (!$(item).attr('href')) return + if (!$(item).attr('href').includes('#')) return + $(item).attr('href', $(item).attr('href').replace('#', '?jscroll=')) + }) + } + + /* 初始化回复列表内容 */ + init_replay_content() { + $('.replyContent p').each(function (i, item) { + let str = $(item).html() + if (!/\{!\{.*\}!\}/.test(str)) return + str = str.replace(/{!{/, '').replace(/}!}/, '') + $(item).html('') + }) + $('.replyContent').show() + } + + /* 初始化评论 */ + init_comment() { + $('#commentType button').on('click', function () { + $('#commentType button').removeClass('active') + $(this).addClass('active') + if ($(this).attr('data-type') === 'canvas') { + $('#draw').prop('width', $('#commentTypeContent').width()) + $('#commentTypeContent textarea').hide() + $('#commentTypeContent .canvas').show() + $('#commentTypeContent .canvas').attr('data-type', 'canvas') + } else { + $('#commentTypeContent textarea').show() + $('#commentTypeContent .canvas').hide() + $('#commentTypeContent .canvas').attr('data-type', 'text') + } + }) + $('.comment-list .meta a').on('click', function () { + $('#draw').prop('width', $('#commentTypeContent').width()) + }) + $('#cancel-comment-reply-link').on('click', function () { + $('#draw').prop('width', $('#commentTypeContent').width()) + }) + } + + /* 初始化留言板 */ + init_leaving() { + let zIndex = 100 + function random(min, max) { + return Math.floor(Math.random() * (max - min + 1)) + min + } + $('#j-leaving li').each(function (i, item) { + $(item) + .find('.body .content p') + .each(function (_i, _item) { + let str = $(_item).html() + if (!/\{!\{.*\}!\}/.test(str)) return + str = str.replace(/{!{/, '').replace(/}!}/, '') + $(_item).html('') + }) + $(item).css({ + 'z-index': random(1, 99), + 'background-color': `rgba(${random(0, 255)}, ${random(0, 255)}, ${random(0, 255)}, ${random(0.8, 1)})`, + top: parseInt(Math.random() * ($('#j-leaving').height() - $(item).height()), 10), + left: parseInt(Math.random() * ($('#j-leaving').width() - $(item).width()), 10), + display: 'flex' + }) + $(item).draggabilly({ containment: true }) + $(item).on('dragStart', function (e) { + zIndex++ + $(item).css('z-index', zIndex) + }) + }) + } + + /* 初始化移动端搜索按钮点击事件 */ + init_wap_search_click() { + $('.j-search-toggle').on('click', function () { + $(this).toggleClass('active') + if ($(this).hasClass('active')) { + $('.j-nav').hide() + $('.j-search').css('display', 'flex') + } else { + $('.j-nav').css('display', 'flex') + $('.j-search').hide() + } + }) + } + + /* 初始化搜索框验证 */ + init_search_verify() { + $('.j-search').on('submit', function (e) { + if ($('.j-search input').val().trim() === '') { + e.preventDefault() + return $.toast({ + type: 'warning', + message: '请输入搜索内容！' + }) + } + }) + } + + /* 初始化密码访问验证 */ + init_protect_verify() { + let _this = this + $('#j-protected').on('submit', e => { + e.preventDefault() + if ($('#j-protected').find('.pass').val() === '') { + return $.toast({ + type: 'info', + message: '请输入访问密码！' + }) + } + let url = $('#j-protected').attr('action') + $.ajax({ + url: url, + method: 'post', + datatype: 'text', + data: { + protectPassword: $('#j-protected').find('.pass').val(), + cid: $('#j-protected').find('.cid').val() + }, + success: res => { + let arr = [], + str = '' + arr = $(res).contents() + Array.from(arr).forEach(_ => { + if (_.parentNode.className === 'container') str = _ + }) + if (!/TypechoJoeTheme/.test(res)) { + $.toast({ + type: 'warning', + message: str.textContent || '' + }) + } else { + let url = location.href + url = _this.changeURLArg(url, 'jscroll', 'comments') + $.toast({ + type: 'success', + message: '密码正确，即将刷新本页！' + }) + setTimeout(function () { + window.location.href = url + }, _this.options.reloadTime) + } + } + }) + }) + } + + /* 初始化微语发布 */ + init_dynamic_verify() { + let _this = this + $('#j-dynamic-form').on('submit', function (e) { + e.preventDefault() + if ($('#j-dynamic-form-text').val().trim() === '') { + return $.toast({ + type: 'info', + message: '请输入发表内容！' + }) + } + if ($(this).attr('data-disabled')) return + $(this).attr('data-disabled', true) + $.ajax({ + url: $(this).attr('action'), + type: 'post', + data: $(this).serializeArray(), + success: res => { + let arr = [], + str = '' + arr = $(res).contents() + Array.from(arr).forEach(_ => { + if (_.parentNode.className === 'container') str = _ + }) + if (!/TypechoJoeTheme/.test(res)) { + $.toast({ + type: 'warning', + message: str.textContent || '' + }) + $(this).removeAttr('data-disabled') + } else { + let url = location.href + url = _this.changeURLArg(url, 'jscroll', 'comments') + $.toast({ + type: 'success', + message: '发表成功，即将刷新本页！' + }) + setTimeout(function () { + window.location.href = url + }, _this.options.reloadTime) + } + } + }) + }) + } + + /* 初始化评论提交 */ + init_comment_submit() { + let _this = this + $('#comment-form').on('submit', function (e) { + e.preventDefault() + if ($('#comment-nick').val().trim() === '') { + return $.toast({ + type: 'warning', + message: '请输入您的昵称！' + }) + } + if (!/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test($('#comment-mail').val())) { + return $.toast({ + type: 'warning', + message: '请输入正确的邮箱！' + }) + } + if ($('#commentTypeContent .canvas').attr('data-type') === 'canvas') { + let url = $('#draw')[0].toDataURL('image/webp', 0.1) + $('#comment-content').val('{!{' + url + '}!} ') + } + if ($('#comment-content').val().trim() === '') { + return $.toast({ + type: 'warning', + message: '请输入评论内容！' + }) + } + if ($(this).attr('data-disabled')) return + $(this).attr('data-disabled', true) + $(this).find("button[type='submit']").html('请等待...') + $.ajax({ + url: $(this).attr('action'), + type: 'post', + data: $(this).serializeArray(), + success: res => { + let arr = [], + str = '' + arr = $(res).contents() + Array.from(arr).forEach(_ => { + if (_.parentNode.className === 'container') str = _ + }) + if (!/TypechoJoeTheme/.test(res)) { + $.toast({ + type: 'warning', + message: str.textContent || '' + }) + $(this).removeAttr('data-disabled') + $(this).find("button[type='submit']").html('发表评论') + } else { + let url = location.href + url = _this.changeURLArg(url, 'jscroll', 'comments') + $.toast({ + type: 'success', + message: '发送成功，即将刷新本页！' + }) + setTimeout(function () { + window.location.href = url + }, _this.options.reloadTime) + } + } + }) + }) + } + + /* 初始化移动端搜索标签云 */ + init_wap_cloud() { + let random = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min + $('#search-cloud a').each((i, item) => { + $(item).css('background', `rgba(${random(0, 255)}, ${random(0, 255)}, ${random(0, 255)}, ${random(0.8, 1)})`) + }) + } + + /* 初始化移动端搜索点击事件 */ + init_wap_search() { + $('.search-toggle-xs').on('click', function () { + $('.j-slide').removeClass('active') + $('.j-sidebar-xs').removeClass('active') + $('.j-search-down-xs').toggleClass('active') + if ($('.j-search-down-xs').hasClass('active')) { + $('body').css('overflow', 'hidden') + $('.j-header').css('box-shadow', 'none') + } else { + $('body').css('overflow', '') + $('.j-header').css('box-shadow', '') + } + }) + $('.j-search-down-xs .mask').on('click', function () { + $('.j-search-down-xs').removeClass('active') + $('body').css('overflow', '') + $('.j-header').css('box-shadow', '') + }) + } + + /* 初始化移动端侧边栏点击事件 */ + init_wap_sidebar() { + $('.j-slide').on('click', function (e) { + $('.j-search-down-xs').removeClass('active') + $('body').css('overflow', '') + $('.j-header').css('box-shadow', '') + $(this).toggleClass('active') + $('.j-sidebar-xs').toggleClass('active') + if ($(this).hasClass('active')) { + $('body').css('overflow', 'hidden') + } else { + $('body').css('overflow', '') + } + }) + $('.j-sidebar-xs .mask').on('click', function () { + $('.j-slide').removeClass('active') + $('.j-sidebar-xs').removeClass('active') + $('body').css('overflow', '') + }) + } + + /* 初始化动画 */ + init_wow() { + if (window.JOE_CONFIG.IS_MOBILE === 'on' && window.JOE_CONFIG.DOCUMENT_WAP_ANIMATION === 'off') return + if (window.JOE_CONFIG.IS_MOBILE === 'off' && window.JOE_CONFIG.DOCUMENT_PC_ANIMATION === 'off') return + var wow = new WOW({ + boxClass: 'wow', + animateClass: 'animated', + offset: 0, + mobile: true, + live: true, + scrollContainer: null + }) + wow.init() + } + + /* 初始化视频分类列表 */ + init_video_list_type() { + if ($('#j-video-type').length === 0) return + if (window.JOE_CONFIG.VIDEO_LIST_API === '') + return $.toast({ + type: 'warning', + message: '苹果CMS API未填写！' + }) + $('.j-video-load-1').show() + $.ajax({ + url: window.JOE_CONFIG.VIDEO_LIST_API, + method: 'get', + data: { + ac: 'list', + at: 'json' + }, + dataType: 'json', + success: res => { + if (res.code !== 1) + return $.toast({ + type: 'warning', + message: '获取列表失败！' + }) + $('.j-video-load-1').hide() + let htmlStr = '
  • 全部
    • ' + let arr = window.JOE_CONFIG.VIDEO_LIST_SHIELD.split('||') + let shieldArr = arr.map(_ => _.trim()) + res.class.forEach(_ => { + if (!shieldArr.some(item => item === _.type_name)) htmlStr += `
  • ${_.type_name}
    • ` + }) + $('#j-video-type').html(htmlStr) + } + }) + let _this = this + $(document).on('click', '#j-video-type li', function () { + $(this).addClass('active').siblings().removeClass('active') + _this.video_page = 0 + $('#j-video-list').html('') + _this.init_video_list($(this).attr('data-id')) + }) + } + + /* 加载视频列表 */ + init_video_list(t, wd) { + if ($('#j-video-list').length === 0) return + let _this = this + if (!_this.video_canLoad) return + _this.video_canLoad = false + _this.video_page += 1 + $('.j-video-load-2').show() + $.ajax({ + url: window.JOE_CONFIG.VIDEO_LIST_API, + method: 'get', + data: { + pg: _this.video_page, + ac: 'videolist', + at: 'json', + t, + wd + }, + dataType: 'json', + success: res => { + if (res.code !== 1) return + $('.j-video-load-2').hide() + res.list.forEach(_ => { + $('#j-video-list').append(`
  • @@ -1513,69 +1482,69 @@ ${_.vod_year && _.vod_year != 0 ? '' + _.vod_year + '' : ''}
    • - `); - }); - _this.init_lazy_load(); - _this.video_canLoad = true; - } - }); - } - - /* 初始化视频搜索 */ - init_video_search() { - let _this = this; - $('#j-video-search button').on('click', function () { - if ($('#j-video-search input').val().trim() === '') { - return $.toast({ - type: 'info', - message: '请输入内容！' - }); - } - _this.video_page = 0; - $('#j-video-list').html(''); - _this.init_video_list(null, $('#j-video-search input').val()); - }); - } - - /* 初始化加载更多视频 */ - init_load_more_video() { - if ($('#j-video-list').length === 0) return; - let _this = this; - $(window).on('scroll', function () { - let scrollTop = $(window).scrollTop(); - let windowHeight = $(window).height(); - let videoListHeight = $('#j-video-list').offset().top + $('#j-video-list').height(); - if (scrollTop + windowHeight >= videoListHeight) { - _this.init_video_list(); - } - }); - } - - /* 初始化视频详情 */ - init_video_detail() { - let p = new URLSearchParams(window.location.search); - let ids = p.get('vod_id'); - if (!ids) return; - $('.j-video-load-3').show(); - $.ajax({ - url: window.JOE_CONFIG.VIDEO_LIST_API, - method: 'get', - data: { - ac: 'detail', - at: 'json', - ids - }, - dataType: 'json', - success: res => { - if (res.code !== 1 || res.list.length !== 1) - return $.toast({ - type: 'warning', - message: '数据获取失败！' - }); - $('.j-video-load-3').hide(); - let item = res.list[0]; - /* 详情 */ - $('#j-video-info').html(` + `) + }) + _this.init_lazy_load() + _this.video_canLoad = true + } + }) + } + + /* 初始化视频搜索 */ + init_video_search() { + let _this = this + $('#j-video-search button').on('click', function () { + if ($('#j-video-search input').val().trim() === '') { + return $.toast({ + type: 'info', + message: '请输入内容！' + }) + } + _this.video_page = 0 + $('#j-video-list').html('') + _this.init_video_list(null, $('#j-video-search input').val()) + }) + } + + /* 初始化加载更多视频 */ + init_load_more_video() { + if ($('#j-video-list').length === 0) return + let _this = this + $(window).on('scroll', function () { + let scrollTop = $(window).scrollTop() + let windowHeight = $(window).height() + let videoListHeight = $('#j-video-list').offset().top + $('#j-video-list').height() + if (scrollTop + windowHeight >= videoListHeight) { + _this.init_video_list() + } + }) + } + + /* 初始化视频详情 */ + init_video_detail() { + let p = new URLSearchParams(window.location.search) + let ids = p.get('vod_id') + if (!ids) return + $('.j-video-load-3').show() + $.ajax({ + url: window.JOE_CONFIG.VIDEO_LIST_API, + method: 'get', + data: { + ac: 'detail', + at: 'json', + ids + }, + dataType: 'json', + success: res => { + if (res.code !== 1 || res.list.length !== 1) + return $.toast({ + type: 'warning', + message: '数据获取失败！' + }) + $('.j-video-load-3').hide() + let item = res.list[0] + /* 详情 */ + $('#j-video-info').html(`
    ${item.vod_name} ${item.vod_year && item.vod_year !== 0 ? '' + item.vod_year + '' : ''} @@ -1599,231 +1568,365 @@ ${item.vod_content ? item.vod_content : item.vod_blurb} - `); - this.init_lazy_load(); - - /* 播放源 */ - let playFromArr = item.vod_play_from.split('$$$'); - let playUrlArr = item.vod_play_url.split('$$$'); - let maps = new Map(); - playFromArr.forEach((item, index) => { - maps.set(item, playUrlArr[index] || []); - }); - function parseObj(str) { - let arr = str.split('$'); - return { - name: arr[0] || '', - link: arr[1] || '' - }; - } - for (var [key, value] of maps) { - let arr = value.split('#'); - let str = ''; - arr.forEach(item => { - str += ` + `) + this.init_lazy_load() + + /* 播放源 */ + let playFromArr = item.vod_play_from.split('$$$') + let playUrlArr = item.vod_play_url.split('$$$') + let maps = new Map() + playFromArr.forEach((item, index) => { + maps.set(item, playUrlArr[index] || []) + }) + function parseObj(str) { + let arr = str.split('$') + return { + name: arr[0] || '', + link: arr[1] || '' + } + } + for (var [key, value] of maps) { + let arr = value.split('#') + let str = '' + arr.forEach(item => { + str += `
  • ${parseObj(item).name}
    • - `; - }); - $('#j-video-play').append(` + ` + }) + $('#j-video-play').append(`
    源：${key}
      ${str}
    - `); - } - /* 如果没填写解析，则直接中断 */ - if (!$('#j-video-player iframe').attr('data-src') || $('#j-video-player iframe').attr('data-src') === '') return; - /* 点击切换播放源 */ - $('.video-list-play .list-item li').on('click', function () { - $('.video-list-play .list-item li').removeClass('active'); - $(this).addClass('active'); - $('#j-video-player iframe').attr('src', $('#j-video-player iframe').attr('data-src') + $(this).attr('data-link')); - sessionStorage.setItem('playUrl', $(this).attr('data-link')); - }); - /* 判断是否至少有一项 */ - let firstLi = $('#j-video-play .video-list-play:first-child .list-item li:first-child'); - if (firstLi.length === 0) return; - /* 刷新页面 */ - if (sessionStorage.getItem('playUrl')) { - let flag = null; - $('.video-list-play .list-item li').each((i, item) => { - if ($(item).attr('data-link') === sessionStorage.getItem('playUrl')) { - $(item).addClass('active'); - flag = true; - } - }); - if (flag === true) { - $('#j-video-player iframe').attr('src', $('#j-video-player iframe').attr('data-src') + sessionStorage.getItem('playUrl')); - } else { - $('#j-video-player iframe').attr('src', $('#j-video-player iframe').attr('data-src') + firstLi.attr('data-link')); - firstLi.addClass('active'); - } - } else { - $('#j-video-player iframe').attr('src', $('#j-video-player iframe').attr('data-src') + firstLi.attr('data-link')); - firstLi.addClass('active'); - } - $('#j-video-player-title').html('正在播放：' + item.vod_name); - } - }); - } - - /* 初始化tabs */ - init_j_tabs() { - $('.j-tabs .nav span').on('click', function () { - let panel = $(this).attr('data-panel'); - $(this).addClass('active').siblings().removeClass('active'); - $(this).parents('.j-tabs').find('.content div').hide(); - $(this) - .parents('.j-tabs') - .find('.content div[data-panel=' + panel + ']') - .show(); - }); - } - - /* 初始化collapse */ - init_j_collapse() { - $('.j-collapse .collapse-head').on('click', function () { - let next = $(this).next(); - next.slideToggle(200); - $('.j-collapse .collapse-body').not(next).slideUp(); - }); - } - - /* 初始化侧边栏一言 */ - init_aside_motto() { - if (window.JOE_CONFIG.DOCUMENT_ASIDE_MOTTO === 'on') { - $('.j-aside-motto').show(); - } else { - function getMotto() { - $.ajax({ - url: window.JOE_CONFIG.DOCUMENT_MOTTO_API, - method: 'get', - dataType: 'text', - success: res => { - $('.j-aside-motto').html(res); - $('.j-aside-motto').show(); - }, - error: err => { - $('.j-aside-motto').html('人生之路，难免坎坷，但我执着'); - $('.j-aside-motto').show(); - } - }); - } - getMotto(); - setInterval(getMotto, 5000); - } - } - - /* 初始化评论点赞 */ - init_comment_like() { - $('.j-comment-like').on('click', function () { - if ($(this).hasClass('active')) - return $.toast({ - type: 'warning', - message: '本条评论您已经赞过~' - }); - $.ajax({ - url: window.location.href, - type: 'post', - data: 'likeup=' + $(this).attr('data-coid'), - timeout: 30000, - cache: false, - success: res => { - let reg = /\d/; - if (reg.test(res)) $(this).find('span').html(res.trim()); - $.toast({ - type: 'success', - message: '点赞成功！' - }); - $(this).addClass('active'); - } - }); - }); - } - - /* 初始化动态页面回复 */ - init_dynamic_reply() { - let _this = this; - - /* 页面点击关闭所有回复 */ - $(document).on('click', () => $('.j-dynamic-reply').hide()); - - /* 点击评论按钮显示隐藏评论区域 */ - $('.j-comment-reply').on('click', function (e) { - e.stopPropagation(); - $(this).parents('li').find('.j-dynamic-reply').toggle(); - }); - - /* 阻止事件传播 */ - $('.j-dynamic-reply').on('click', e => e.stopPropagation()); - - $('.j-dynamic-reply').on('submit', function (e) { - e.preventDefault(); - if ($(this).find("input[name='author']").val().trim() === '') { - return $.toast({ - type: 'warning', - message: '请输入您的昵称！' - }); - } - if (!/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test($(this).find("input[name='mail']").val())) { - return $.toast({ - type: 'warning', - message: '请输入正确的邮箱！' - }); - } - if ($(this).find("textarea[name='text']").val().trim() === '') { - return $.toast({ - type: 'warning', - message: '请输入回复内容！' - }); - } - if ($(this).attr('data-disabled')) return; - $(this).attr('data-disabled', true); - $.ajax({ - url: $('.j-comment-url').val(), - type: 'post', - data: $(this).serializeArray(), - success: res => { - let arr = [], - str = ''; - arr = $(res).contents(); - Array.from(arr).forEach(_ => { - if (_.parentNode.className === 'container') str = _; - }); - if (!/TypechoJoeTheme/.test(res)) { - $.toast({ - type: 'warning', - message: str.textContent || '' - }); - $(this).removeAttr('data-disabled'); - } else { - let url = location.href; - url = _this.changeURLArg(url, 'jscroll', 'comments'); - $.toast({ - type: 'success', - message: '发送成功，即将刷新本页！' - }); - setTimeout(function () { - window.location.href = url; - }, _this.options.reloadTime); - } - } - }); - }); - } - - /* 初始化图片懒加载 */ - init_lazy_load() { - new LazyLoad('.lazyload'); - } - } - if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') { - module.exports = Joe; - } else { - window.Joe = Joe; - } -})(); - -new Joe({}); + `) + } + /* 如果没填写解析，则直接中断 */ + if (!$('#j-video-player iframe').attr('data-src') || $('#j-video-player iframe').attr('data-src') === '') return + /* 点击切换播放源 */ + $('.video-list-play .list-item li').on('click', function () { + $('.video-list-play .list-item li').removeClass('active') + $(this).addClass('active') + $('#j-video-player iframe').attr('src', $('#j-video-player iframe').attr('data-src') + $(this).attr('data-link')) + sessionStorage.setItem('playUrl', $(this).attr('data-link')) + }) + /* 判断是否至少有一项 */ + let firstLi = $('#j-video-play .video-list-play:first-child .list-item li:first-child') + if (firstLi.length === 0) return + /* 刷新页面 */ + if (sessionStorage.getItem('playUrl')) { + let flag = null + $('.video-list-play .list-item li').each((i, item) => { + if ($(item).attr('data-link') === sessionStorage.getItem('playUrl')) { + $(item).addClass('active') + flag = true + } + }) + if (flag === true) { + $('#j-video-player iframe').attr('src', $('#j-video-player iframe').attr('data-src') + sessionStorage.getItem('playUrl')) + } else { + $('#j-video-player iframe').attr('src', $('#j-video-player iframe').attr('data-src') + firstLi.attr('data-link')) + firstLi.addClass('active') + } + } else { + $('#j-video-player iframe').attr('src', $('#j-video-player iframe').attr('data-src') + firstLi.attr('data-link')) + firstLi.addClass('active') + } + $('#j-video-player-title').html('正在播放：' + item.vod_name) + } + }) + } + + /* 初始化tabs */ + init_j_tabs() { + $('.j-tabs .nav span').on('click', function () { + let panel = $(this).attr('data-panel') + $(this).addClass('active').siblings().removeClass('active') + $(this).parents('.j-tabs').find('.content div').hide() + $(this) + .parents('.j-tabs') + .find('.content div[data-panel=' + panel + ']') + .show() + }) + } + + /* 初始化collapse */ + init_j_collapse() { + $('.j-collapse .collapse-head').on('click', function () { + let next = $(this).next() + next.slideToggle(200) + $('.j-collapse .collapse-body').not(next).slideUp() + }) + } + + /* 初始化侧边栏一言 */ + init_aside_motto() { + if (window.JOE_CONFIG.DOCUMENT_ASIDE_MOTTO === 'on') { + $('.j-aside-motto').show() + } else { + $.ajax({ + url: window.JOE_CONFIG.DOCUMENT_MOTTO_API, + method: 'get', + dataType: 'text', + success: res => { + $('.j-aside-motto').html(res) + $('.j-aside-motto').show() + }, + error: err => { + $('.j-aside-motto').html('人生之路，难免坎坷，但我执着') + $('.j-aside-motto').show() + } + }) + } + } + + /* 初始化评论点赞 */ + init_comment_like() { + $('.j-comment-like').on('click', function () { + if ($(this).hasClass('active')) + return $.toast({ + type: 'warning', + message: '本条评论您已经赞过~' + }) + $.ajax({ + url: window.location.href, + type: 'post', + data: 'likeup=' + $(this).attr('data-coid'), + timeout: 30000, + cache: false, + success: res => { + let reg = /\d/ + if (reg.test(res)) $(this).find('span').html(res.trim()) + $.toast({ + type: 'success', + message: '点赞成功！' + }) + $(this).addClass('active') + } + }) + }) + } + + /* 初始化动态页面回复 */ + init_dynamic_reply() { + let _this = this + + /* 页面点击关闭所有回复 */ + $(document).on('click', () => $('.j-dynamic-reply').hide()) + + /* 点击评论按钮显示隐藏评论区域 */ + $('.j-comment-reply').on('click', function (e) { + e.stopPropagation() + $(this).parents('li').find('.j-dynamic-reply').toggle() + }) + + /* 阻止事件传播 */ + $('.j-dynamic-reply').on('click', e => e.stopPropagation()) + + $('.j-dynamic-reply').on('submit', function (e) { + e.preventDefault() + if ($(this).find("input[name='author']").val().trim() === '') { + return $.toast({ + type: 'warning', + message: '请输入您的昵称！' + }) + } + if (!/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test($(this).find("input[name='mail']").val())) { + return $.toast({ + type: 'warning', + message: '请输入正确的邮箱！' + }) + } + if ($(this).find("textarea[name='text']").val().trim() === '') { + return $.toast({ + type: 'warning', + message: '请输入回复内容！' + }) + } + if ($(this).attr('data-disabled')) return + $(this).attr('data-disabled', true) + $.ajax({ + url: $('.j-comment-url').val(), + type: 'post', + data: $(this).serializeArray(), + success: res => { + let arr = [], + str = '' + arr = $(res).contents() + Array.from(arr).forEach(_ => { + if (_.parentNode.className === 'container') str = _ + }) + if (!/TypechoJoeTheme/.test(res)) { + $.toast({ + type: 'warning', + message: str.textContent || '' + }) + $(this).removeAttr('data-disabled') + } else { + let url = location.href + url = _this.changeURLArg(url, 'jscroll', 'comments') + $.toast({ + type: 'success', + message: '发送成功，即将刷新本页！' + }) + setTimeout(function () { + window.location.href = url + }, _this.options.reloadTime) + } + } + }) + }) + } + + /* 初始化视频册 */ + init_video_album() { + function GetVideoPoster(url, frame = 1, scale = 1, definition = 0.5) { + let video = document.createElement('VIDEO') + video.setAttribute('src', url) + video.crossOrigin = '*' + video.currentTime = frame + return new Promise((resolve, reject) => { + video.addEventListener('loadeddata', () => { + let canvas = document.createElement('canvas') + canvas.width = video.videoWidth * scale + canvas.height = video.videoHeight * scale + canvas.getContext('2d').drawImage(video, 0, 0, canvas.width, canvas.height) + resolve(canvas.toDataURL('image/webp', definition)) + }) + }) + } + $('.j-short-video .inner').each((i, item) => { + let poster = $(item).attr('data-poster') + let src = $(item).attr('data-src') + /* 如果传入字符串图片，则直接显示字符串图片 */ + if (isNaN(poster)) { + $(item).css('background-image', 'url(' + poster + ')') + } else { + /* 否则抓取视频帧 */ + GetVideoPoster(src, poster).then(res => { + $(item).css('background-image', 'url(' + res + ')') + }) + } + $(item).on('click', function () { + $('body').css('overflow', 'hidden') + $('.j-video-preview').addClass('active') + $('.j-video-preview iframe').attr('src', window.JOE_CONFIG.THEME_URL + '/player.php?url=' + src) + }) + }) + $('.j-video-preview .close').on('click', function () { + $('body').css('overflow', '') + $('.j-video-preview').removeClass('active') + }) + } + + /* 初始化壁纸分类 */ + init_wallpaper() { + if ($('#wallpaper-type').length === 0) return + $.ajax({ + url: window.JOE_CONFIG.THEME_URL + '/wallpaperApi.php?cid=360tags', + method: 'get', + dataType: 'json', + success: res => { + if (res.errno !== '0') + return $.toast({ + type: 'warning', + message: '接口异常，请联系开发者！' + }) + $('.j-wallpaper-load-1').hide() + let str = '
  • 最新壁纸
    • ' + res.data.forEach(_ => { + str += `
  • ${_.name}
    • ` + }) + $('#wallpaper-type').html(str) + $('#wallpaper-type li').first().click() + } + }) + let _this = this + $(document).on('click', '#wallpaper-type li', function () { + $(this).addClass('active').siblings().removeClass('active') + _this.wallpaper_page = 0 + _this.wallpaper_cid = $(this).attr('data-cid') + $('#wallpaper-list').html('') + _this.init_wallpaper_list() + }) + $('#wallpaper-load').on('click', function () { + _this.wallpaper_page += 1 + _this.init_wallpaper_list() + }) + } + + init_wallpaper_list() { + let _this = this + $('.j-wallpaper-load-2').show() + $.ajax({ + url: window.JOE_CONFIG.THEME_URL + '/wallpaperApi.php', + data: { + cid: _this.wallpaper_cid, + start: _this.wallpaper_page * 20, + count: 20 + }, + method: 'get', + dataType: 'json', + success: res => { + $('.j-wallpaper-load-2').hide() + if (res.total != 0) { + res.data.forEach(_ => { + $('#wallpaper-list').append(` + + + + `) + }) + _this.init_lazy_load() + } else { + $('#wallpaper-load').remove() + } + } + }) + } + + /* 初始化虎牙页 */ + init_huya_type() { + if ($('.huya-list-type').length === 0) return + let _this = this + $('.huya-list-type .list ul li').on('click', function () { + window.location.href = _this.changeURLArg(window.location.href, 'vid', $(this).attr('data-vid')) + }) + } + + /* 初始化虎牙跳转 */ + init_huya_skip() { + if ($('.huya-list-go-play').length === 0) return + let _this = this + $('.huya-list-go-play').on('click', function () { + let href = _this.changeURLArg(window.location.href, 'play', $(this).attr('data-href')) + href = _this.changeURLArg(href, 'title', $(this).attr('data-title')) + window.open(href) + }) + } + + /* 初始化虎牙分页 */ + init_huya_pagination() { + if ($('.huya-list-pagination').length === 0) return + let _this = this + $('.huya-list-pagination li').on('click', function () { + let href = window.location.href + href = _this.changeURLArg(href, 'pg', $(this).attr('data-pg')) + window.location.href = href + }) + } + + /* 初始化图片懒加载 */ + init_lazy_load() { + new LazyLoad('.lazyload') + } + } + if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') { + module.exports = Joe + } else { + window.Joe = Joe + } +})() + +new Joe({}) diff --git a/assets/js/joe.config.min.js b/assets/js/joe.config.min.js new file mode 100644 index 0000000..742b567 --- /dev/null +++ b/assets/js/joe.config.min.js @@ -0,0 +1,2 @@ +(()=>{class Joe{constructor(t){t={reloadTime:t.reloadTime||1500},this.options=t,this.video_page=0,this.video_canLoad=!0,this.wallpaper_page=0,this.wallpaper_cid="",this.init()}init(){$(document).on("touchstart",t=>{}),this.init_day_light(),this.init_url_hash(),this.init_document_title(),this.init_document_barrager(),this.init_document_progress(),this.init_document_live2d(),this.init_document_contextmenu(),this.init_document_theme(),this.init_hover_music(),this.init_back_top(),this.init_document_census(),this.init_high_light(),this.init_document_console(),this.init_document_weather(),this.init_3d_tag(),this.init_load_more(),this.init_document_swiper(),this.init_document_analysis(),this.init_owo(),this.init_replay_see(),this.init_draw(),this.init_admire(),this.init_thumbs_up(),this.init_share_code(),this.init_copy(),this.init_synth(),this.init_typecho_comment(),this.init_markdown(),this.init_baidu_collect(),this.init_typing(),this.init_life_time(),this.init_aside_reply(),this.init_file_toggle(),this.init_floor_click(),this.init_drop_down(),this.init_panel_down(),this.init_aside_config(),this.init_sign_verify(),this.init_pagination_hash(),this.init_replay_content(),this.init_comment(),this.init_leaving(),this.init_wap_search_click(),this.init_search_verify(),this.init_protect_verify(),this.init_dynamic_verify(),this.init_comment_submit(),this.init_wap_cloud(),this.init_wap_search(),this.init_wap_sidebar(),this.init_wow(),this.init_video_list_type(),this.init_video_list(),this.init_video_search(),this.init_load_more_video(),this.init_video_detail(),this.init_j_tabs(),this.init_j_collapse(),this.init_aside_motto(),this.init_comment_like(),this.init_dynamic_reply(),this.init_video_album(),this.init_wallpaper(),this.init_huya_type(),this.init_huya_skip(),this.init_huya_pagination(),this.init_lazy_load()}init_day_light(){$("#j-day-night").on("click",function(){$(this).toggleClass("dark"),$(this).hasClass("dark")?($("html").attr("dark",!0),localStorage.setItem("dark",1)):($("html").removeAttr("dark"),localStorage.removeItem("dark")),handleMode()})}changeURLArg(url,arg,arg_val){var pattern=arg+"=([^&]*)",replaceText=arg+"="+arg_val;if(url.match(pattern)){var tmp="/("+arg+"=)([^&]*)/gi";return tmp=url.replace(eval(tmp),replaceText),tmp}return url.match("[?]")?url+"&"+replaceText:url+"?"+replaceText}init_url_hash(){let t=new URLSearchParams(location.search);if(t.get("jscroll")&&$("#"+t.get("jscroll")).length>0){let e=setTimeout(()=>{window.scroll({top:$("#"+t.get("jscroll")).offset().top-($(".j-header").height()+20),behavior:"smooth"}),clearTimeout(e)},300)}}init_document_title(){if(""===window.JOE_CONFIG.DOCUMENT_TITLE||"on"===window.JOE_CONFIG.IS_MOBILE)return;const t=document.title;$(document).on("visibilitychange",function(){"hidden"===document.visibilityState?document.title=window.JOE_CONFIG.DOCUMENT_TITLE:document.title=t})}init_document_barrager(){"off"!==window.JOE_CONFIG.DOCUMENT_BARRAGER&&("on"===localStorage.getItem("barragerStatus")?($("#barrager").attr("checked",!0),$(".j-barrager").css({opacity:1,visibility:"visible"})):($("#barrager").attr("checked",!1),$(".j-barrager").css({opacity:0,visibility:"hidden"})),$("#barrager").on("change",function(){localStorage.setItem("barragerStatus",$(this).prop("checked")?"on":"off"),$("#barrager").prop("checked")?$(".j-barrager").css({opacity:1,visibility:"visible"}):$(".j-barrager").css({opacity:0,visibility:"hidden"})}))}init_document_progress(){if("off"===window.JOE_CONFIG.DOCUMENT_PROGRESS)return;let t=()=>{let t=$(window).scrollTop(),e=$(document).height(),i=$(window).height(),a=parseInt(t/(e-i)*100);a<0&&(a=0),a>100&&(a=100),$("#progress").css("width",a+"%")};t(),$(window).on("scroll",()=>t())}init_document_live2d(){"off"!==window.JOE_CONFIG.DOCUMENT_LIVE2D&&"on"!==window.JOE_CONFIG.IS_MOBILE&&L2Dwidget.init({model:{jsonPath:window.JOE_CONFIG.DOCUMENT_LIVE2D,scale:1},mobile:{show:!1},display:{position:"right",width:160,height:200,hOffset:70,vOffset:0}})}init_document_contextmenu(){"off"!==window.JOE_CONFIG.DOCUMENT_CONTEXTMENU&&"on"!==window.JOE_CONFIG.IS_MOBILE&&$(document).on("contextmenu",()=>!1)}init_document_theme(){if("on"===window.JOE_CONFIG.DOCUMENT_THEME_STATUS){window.JOE_CONFIG.DOCUMENT_GLOBAL_THEME?$("body").css("--theme",localStorage.getItem("--theme")||window.JOE_CONFIG.DOCUMENT_GLOBAL_THEME):$("body").css("--theme",localStorage.getItem("--theme")||"#4e7cf2");let t=null;t=localStorage.getItem("--theme")?localStorage.getItem("--theme"):window.JOE_CONFIG.DOCUMENT_GLOBAL_THEME?window.JOE_CONFIG.DOCUMENT_GLOBAL_THEME:"#4e7cf2",$("#colorPick").colpick({flat:!0,layout:"hex",submit:!1,color:t,colorScheme:"dark",onChange(t,e,i){$("body").css("--theme","#"+e),localStorage.setItem("--theme","#"+e)}}),$("#openColorPick").on("click",function(t){t.stopPropagation(),$("#colorPick").toggleClass("active")}),$("#colorPick").on("click",function(t){t.stopPropagation()}),$(document).on("click",function(t){$("#colorPick").removeClass("active")})}else""===window.JOE_CONFIG.DOCUMENT_GLOBAL_THEME?$("body").css("--theme","#4e7cf2"):$("body").css("--theme",window.JOE_CONFIG.DOCUMENT_GLOBAL_THEME)}init_hover_music(){if("off"===window.JOE_CONFIG.DOCUMENT_HOVER_MUSIC||"on"===window.JOE_CONFIG.IS_MOBILE)return;let t=(t,e)=>Math.floor(Math.random()*(e-t+1))+t;$(".j-hover-music").on("mouseover",function(){$("#j-hover-music").attr("src",window.JOE_CONFIG.THEME_URL+"/assets/audio/"+t(1,8)+".ogv")})}init_back_top(){if("off"===window.JOE_CONFIG.DOCUMENT_BACK_TOP)return;let t=()=>{$(window).scrollTop()>500?$("#backToTop").addClass("active"):$("#backToTop").removeClass("active")};t(),$(window).on("scroll",()=>t()),$("#backToTop").on("click",()=>{window.scroll({top:0,behavior:"smooth"})})}init_document_census(){"off"!==window.JOE_CONFIG.DOCUMENT_CENSUS.status&&Highcharts.chart("census",{title:{text:null},subtitle:{text:null},xAxis:{text:null,categories:["页面","文章","评论","分类"]},yAxis:{title:{text:null}},credits:{enabled:!1},series:[{name:"数量",type:"column",colorByPoint:!0,data:window.JOE_CONFIG.DOCUMENT_CENSUS.data,showInLegend:!1}]})}init_high_light(){"off"!==window.JOE_CONFIG.DOCUMENT_HIGHT_LIGHT&&hljs.initHighlighting()}init_document_console(){function t(t,e){t||(!function(t){function e(t){function e(){return d}function i(){window.Firebug&&window.Firebug.chrome&&window.Firebug.chrome.isInitialized?a("on"):(r="off",console.log(l),console.clear(),a(r))}function a(t){d!==t&&(d=t,"function"==typeof s.onchange&&s.onchange(t))}function n(){c||(c=!0,window.removeEventListener("resize",i),clearInterval(h))}"function"==typeof t&&(t={onchange:t});var o=(t=t||{}).delay||500,s={};s.onchange=t.onchange;var r,l=new Image;l.__defineGetter__("id",function(){r="on"});var d="unknown";s.getStatus=e;var c,h=setInterval(i,o);return window.addEventListener("resize",i),s.free=n,s}var i=i||{};i.create=e,"function"==typeof define?(define.amd||define.cmd)&&define(function(){return i}):"undefined"!=typeof module&&module.exports?module.exports=i:window.jdetects=i}(),jdetects.create(function(t){var i=0;setInterval(function(){"on"==t&&setTimeout(function(){0==i&&(i=1,setTimeout(e))},200)},100)}))}"off"!=window.JOE_CONFIG.DOCUMENT_CONSOLE&&t(!1,function(){window.location.href=window.JOE_CONFIG.THEME_URL+"/console.html"})}init_document_weather(){if(""===window.JOE_CONFIG.DOCUMENT_WEATHER_KEY)return;window.WIDGET={CONFIG:{layout:2,width:"220",height:"270",background:"auto"===window.JOE_CONFIG.DOCUMENT_WEATHER_TYPE?1:2,dataColor:"auto"===window.JOE_CONFIG.DOCUMENT_WEATHER_TYPE?"ffffff":"303133",key:window.JOE_CONFIG.DOCUMENT_WEATHER_KEY}};let t=setTimeout(()=>{$(".aside-wether .loading").addClass("active"),clearTimeout(t)},1e3)}init_3d_tag(){if("off"===window.JOE_CONFIG.DOCUMENT_3D_TAG)return;let t=[];$("#cloudList li").each(function(e,i){t.push({label:$(i).attr("data-label"),url:$(i).attr("data-url"),target:"_blank"})}),$("#cloud").svg3DTagCloud({entries:t,width:220,height:230,radius:"65%",radiusMin:75,bgDraw:!0,bgColor:"#000",opacityOver:1,opacityOut:.05,opacitySpeed:6,fov:800,speed:.5,fontSize:13,fontColor:"#fff",fontWeight:"500",fontStyle:"normal",fontStretch:"normal",fontToUpperCase:!0})}init_load_more(){if("ajax"!==window.JOE_CONFIG.DOCUMENT_LOAD_MORE)return;let t=this;$(".j-loadmore a").attr("data-href",$(".j-loadmore a").attr("href")),$(".j-loadmore a").removeAttr("href"),$(".j-loadmore a").on("click",function(){if($(this).attr("disabled"))return;$(this).html("loading..."),$(this).attr("disabled",!0);let e=$(this).attr("data-href");e&&$.ajax({url:e,type:"get",success:e=>{$(this).removeAttr("disabled"),$(this).html("查看更多");let i=$(e).find(".article-list:not(.sticky)");$(".j-index-article.article").append(i),window.scroll({top:$(i).first().offset().top-($(".j-header").height()+20),behavior:"smooth"});let a=$(e).find(".j-loadmore a").attr("href");a?$(this).attr("data-href",a):$(".j-loadmore").remove(),t.init_lazy_load()}})})}init_document_swiper(){if("off"===window.JOE_CONFIG.DOCUMENT_SWIPER||!Swiper)return;let t=$("#recommend").length>0?"vertical":"horizontal";new Swiper(".swiper-container",{direction:t,slidesPerView:1,spaceBetween:20,mousewheel:!0,autoplay:{delay:2500,disableOnInteraction:!1},pagination:{el:".swiper-pagination",clickable:!0}})}init_document_analysis(){0!==$("#j-video").length&&($("#j-dplayer").attr("src",$("#j-dplayer").attr("data-src")+$("#j-video .episodes ul li").first().attr("data-url")),$("#j-video .episodes ul li").first().addClass("active"),$("#j-video .player-box .title span").html("正在播放："+$("#j-video .episodes ul li span").first().html()),$("#j-video .episodes ul li").on("click",function(){$("#j-video .episodes ul li").removeClass("active"),$(this).addClass("active"),$("#j-dplayer").attr("src",$("#j-dplayer").attr("data-src")+$(this).attr("data-url")),$("#j-video .player-box .title span").html("正在播放："+$(this).find("span").html())}))}init_owo(){0!==$("#OwO_Container").length&&(new OwO({logo:"OωO表情",container:document.getElementsByClassName("OwO")[0],target:document.getElementsByClassName("OwO-textarea")[0],api:"/usr/themes/Typecho-Joe-Theme/OwO.json",position:"down",width:"100%",maxHeight:"250px"}),$(document).on("click",function(){$(".OwO").removeClass("OwO-open")}))}init_replay_see(){$(".need-reply span").on("click",function(){let t=$(this).attr("data-href");window.scrollTo({top:$("#"+t).offset().top-($(".j-header").height()+20),behavior:"smooth"})})}init_draw(){0!==$("#draw").length&&(window.sketchpad=new Sketchpad({element:"#draw",height:300,penSize:5,color:"303133"}),$("#commentTypeContent .undo").on("click",function(){window.sketchpad.undo()}),$("#commentTypeContent .animate").on("click",function(){window.sketchpad.animate(10)}),$("#commentTypeContent .canvas ul li").on("click",function(){window.sketchpad.penSize=$(this).attr("data-line"),$("#commentTypeContent .canvas ul li").removeClass("active"),$(this).addClass("active")}),$("#commentTypeContent .canvas ol li").on("click",function(){window.sketchpad.color=$(this).attr("data-color"),$("#commentTypeContent .canvas ol li").removeClass("active"),$(this).addClass("active")}))}init_admire(){$("#j-admire").on("click",function(){$(".j-admire-modal").addClass("active"),$("body").css("overflow","hidden")}),$(".j-admire-modal .close").on("click",function(){$(".j-admire-modal").removeClass("active"),$("body").css("overflow","")})}init_thumbs_up(){$("#j-thumbs-up").on("click",function(){if($(this).attr("disabled"))return $.toast({type:"warning",message:"本篇文章您已经赞过~"});$(this).find("span").html("loading..."),$.ajax({type:"post",url:$(this).attr("data-url"),data:"agree="+$(this).attr("data-cid"),timeout:3e4,cache:!1,success:function(t){let e=/\d/;e.test(t)&&$("#j-thumbs-up span").html("赞 · "+t.trim()),$.toast({type:"success",message:"感谢您的点赞！"}),$("#j-thumbs-up").attr("disabled","disabled")}})})}init_share_code(){0!==$("#j-share-code").length&&$("#j-share-code").qrcode({render:"canvas",width:90,height:90,text:encodeURI(window.location.href),background:"#ffffff",foreground:"#000000",correctLevel:0})}init_copy(){$(".j-copy").on("click",function(t){t.preventDefault(),$("body").append(``),$("#copyInput").select(),document.execCommand("copy"),$.toast({type:"success",message:"已复制到剪切板中~"}),$("#copyInput").remove()})}init_synth(){if(!window.speechSynthesis)return $("#read").remove();$("#read").on("click",function(){const t=window.speechSynthesis,e=new SpeechSynthesisUtterance;"朗读"===$(this).find("span").html()?(e.lang="zh-CN",e.text=$("#markdown").text(),t.speak(e),$(this).find("span").html("停止朗读")):(t.cancel(e),$(this).find("span").html("朗读"))})}init_typecho_comment(){window.TypechoComment={dom:function(t){return document.getElementById(t)},create:function(t,e){var i=document.createElement(t);for(var a in e)i.setAttribute(a,e[a]);return i},reply:function(t,e){var i=this.dom(t),a=(i.parentNode,this.dom($(".j-comment").attr("data-respondid"))),n=this.dom("comment-parent"),o="form"==a.tagName?a:a.getElementsByTagName("form")[0],s=a.getElementsByTagName("textarea")[0];if(null==n&&(n=this.create("input",{type:"hidden",name:"parent",id:"comment-parent"}),o.appendChild(n)),n.setAttribute("value",e),null==this.dom("comment-form-place-holder")){var r=this.create("div",{id:"comment-form-place-holder"});a.parentNode.insertBefore(r,a)}return 0===$(i).find(a).length&&i.appendChild(a),this.dom("cancel-comment-reply-link").style.display="",null!=s&&"text"==s.name&&window.scroll({top:$("#li-"+t).offset().top-($(".j-header").height()+20),behavior:"smooth"}),!1},cancelReply:function(){var t=this.dom($(".j-comment").attr("data-respondid")),e=this.dom("comment-form-place-holder"),i=this.dom("comment-parent");return null!=i&&i.parentNode.removeChild(i),null==e||(this.dom("cancel-comment-reply-link").style.display="none",e.parentNode.insertBefore(t,e),window.scroll({top:$("#comments").offset().top-($(".j-header").height()+20),behavior:"smooth"}),!1)}}}init_markdown(){$("#markdown a:not(a[no-target])").attr({target:"_blank"}),$("#markdown img:not(img.owo)").each(function(){let t=document.createElement("a");$(t).attr("data-fancybox","gallery"),$(t).attr("href",$(this).attr("data-original")||$(this).attr("src")),$(this).wrap(t)}),$("code.hljs").parent().addClass("hljs-pre"),$("code.hljs").each(function(){$(this).html("
    1. "+$(this).html().replace(/\n/g,"\n
    2. ")+"\n
    ")})}init_baidu_collect(){$.ajax({url:window.JOE_CONFIG.THEME_URL+"/baiduRecord.php?url="+encodeURI(window.location.href),method:"get",success(t){t.success?"未收录"===t.data.baidu?""===window.JOE_CONFIG.DOCUMENT_BAIDU_TOKEN?$("#baiduIncluded").html(`未收录，去提交`):$("#baiduIncluded").html("未收录，点击推送"):($("#baiduIncluded").html("百度已收录"),$("#baiduIncluded").css("color","#3bca72")):($("#baiduIncluded").html("查询失败"),$("#baiduIncluded").css("color","#f56c6c"))}}),$(document).on("click","#baiduIncluded span",function(){$.ajax({url:window.JOE_CONFIG.THEME_URL+"/baiduPush.php?urls="+encodeURI(window.location.href),method:"get",dataType:"json",data:{token:window.JOE_CONFIG.DOCUMENT_BAIDU_TOKEN,domain:window.location.hostname},success:t=>{let e={"site error":"站点未验证！","empty content":"内容为空！","only 2000 urls are allowed once":"超过限制！","over quota":"今日提交已上限"};t.success?($("#baiduIncluded").css("color","#3bca72"),$("#baiduIncluded").html("推送成功！")):($("#baiduIncluded").css("color","#e6a23c"),401===t.error?$("#baiduIncluded").html("Token错误！"):400===t.error?$("#baiduIncluded").html(e[t.message]||"未知错误"):404===t.error?$("#baiduIncluded").html("地址错误！"):$("#baiduIncluded").html("服务异常！"))}})})}init_typing(){$(".j-typing").each(function(t,e){$(e).show(),$(e).css("opacity",1);let i=$(e).html(),a=null,n=0,o=()=>{n<=i.length?($(e).html(i.slice(0,n++)+"_"),a=setTimeout(o,100)):($(e).html(i),clearTimeout(a))};o()})}init_life_time(){function t(){let t=+new Date,e=new Date((new Date).toLocaleDateString()).getTime(),i=(t-e)/1e3/60/60,a=i/24*100;$("#dayProgress .title span").html(parseInt(i)),$("#dayProgress .progress .progress-inner").css("width",parseInt(a)+"%"),$("#dayProgress .progress .progress-percentage").html(parseInt(a)+"%");let n={0:7,1:1,2:2,3:3,4:4,5:5,6:6},o=n[(new Date).getDay()],s=o/7*100;$("#weekProgress .title span").html(o),$("#weekProgress .progress .progress-inner").css("width",parseInt(s)+"%"),$("#weekProgress .progress .progress-percentage").html(parseInt(s)+"%");let r=(new Date).getFullYear(),l=(new Date).getDate(),d=(new Date).getMonth()+1,c=new Date(r,d,0).getDate(),h=l/c*100;$("#monthProgress .title span").html(l),$("#monthProgress .progress .progress-inner").css("width",parseInt(h)+"%"),$("#monthProgress .progress .progress-percentage").html(parseInt(h)+"%");let p=d/12*100;$("#yearProgress .title span").html(d),$("#yearProgress .progress .progress-inner").css("width",parseInt(p)+"%"),$("#yearProgress .progress .progress-percentage").html(parseInt(p)+"%")}t(),setInterval(()=>{t()},1e3)}init_aside_reply(){$("#asideReply a").each(function(t,e){let i=$(e).html();/\{!\{.*/.test(i)?$(e).html("# 图片回复"):$(e).html(i),$(e).css("display","-webkit-box"),$(e).attr("href").includes("#")&&$(e).attr("href",$(e).attr("href").replace("#","?jscroll="))})}init_file_toggle(){$(".j-file .panel").first().next().slideToggle(0),$(".j-file .panel").on("click",function(){let t=$(this).next();t.slideToggle(200),$(".j-file .panel-body").not(t).slideUp()})}init_floor_click(){"on"!==window.JOE_CONFIG.IS_MOBILE&&$(".j-floor a").on("click",function(t){t.preventDefault(),window.scroll({top:$($(this).attr("data-href")).offset().top-($(".j-header").height()+20),behavior:"smooth"})})}init_drop_down(){$(".j-drop").on("click",function(t){t.stopPropagation(),$(this).siblings(".j-dropdown").hasClass("active")?$(this).siblings(".j-dropdown").removeClass("active"):($(".j-dropdown").removeClass("active"),$(this).siblings(".j-dropdown").addClass("active"))}),$(document).on("click",t=>$(".j-dropdown").removeClass("active")),$(".j-dropdown[stop-propagation]").on("click",function(t){t.stopPropagation()})}init_panel_down(){$(".j-panel").on("click",function(){let t=$(this).next();$(this).next().stop().slideToggle(),$(".j-panel-down").not(t).slideUp()})}init_aside_config(){let t=$(".j-aside").width();t>0&&($(".j-stretch").addClass("active"),$(".j-aside").css("width",t)),$(".j-aside .aside").last().css("top",$(".j-header").height()+20),$(".j-floor .contain").css("top",$(".j-header").height()+20),$(".j-stretch .contain").css("top",$(".j-header").height()+20),$(".j-stretch .contain").on("click",function(){0===$(".j-aside").width()?($(".j-aside").css("width",t),$(".j-aside").css("overflow","")):($(".j-aside").css("width",0),$(".j-aside").css("overflow","hidden")),$("#commentType button[data-type='text']").click()})}init_sign_verify(){$("#loginForm").on("submit",function(t){return""===$("#loginForm .username").val().trim()?(t.preventDefault(),$.toast({type:"warning",message:"请输入用户名！"})):""===$("#loginForm .password").val().trim()?(t.preventDefault(),$.toast({type:"warning",message:"请输入密码！"})):void 0}),$("#registerForm").on("submit",function(t){return""===$("#registerForm .username").val().trim()?(t.preventDefault(),$.toast({type:"warning",message:"请输入用户名！"})):""===$("#registerForm .mail").val().trim()?(t.preventDefault(),$.toast({type:"warning",message:"请输入邮箱！"})):/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test($("#registerForm .mail").val())?void 0:(t.preventDefault(),$.toast({type:"warning",message:"请输入正确的邮箱！"}))})}init_pagination_hash(){$(".j-pagination a").each((t,e)=>{$(e).attr("href")&&$(e).attr("href").includes("#")&&$(e).attr("href",$(e).attr("href").replace("#","?jscroll="))})}init_replay_content(){$(".replyContent p").each(function(t,e){let i=$(e).html();/\{!\{.*\}!\}/.test(i)&&(i=i.replace(/{!{/,"").replace(/}!}/,""),$(e).html(''))}),$(".replyContent").show()}init_comment(){$("#commentType button").on("click",function(){$("#commentType button").removeClass("active"),$(this).addClass("active"),"canvas"===$(this).attr("data-type")?($("#draw").prop("width",$("#commentTypeContent").width()),$("#commentTypeContent textarea").hide(),$("#commentTypeContent .canvas").show(),$("#commentTypeContent .canvas").attr("data-type","canvas")):($("#commentTypeContent textarea").show(),$("#commentTypeContent .canvas").hide(),$("#commentTypeContent .canvas").attr("data-type","text"))}),$(".comment-list .meta a").on("click",function(){$("#draw").prop("width",$("#commentTypeContent").width())}),$("#cancel-comment-reply-link").on("click",function(){$("#draw").prop("width",$("#commentTypeContent").width())})}init_leaving(){function t(t,e){return Math.floor(Math.random()*(e-t+1))+t}let e=100;$("#j-leaving li").each(function(i,a){$(a).find(".body .content p").each(function(t,e){let i=$(e).html();/\{!\{.*\}!\}/.test(i)&&(i=i.replace(/{!{/,"").replace(/}!}/,""),$(e).html(''))}),$(a).css({"z-index":t(1,99),"background-color":`rgba(${t(0,255)}, ${t(0,255)}, ${t(0,255)}, ${t(.8,1)})`,top:parseInt(Math.random()*($("#j-leaving").height()-$(a).height()),10),left:parseInt(Math.random()*($("#j-leaving").width()-$(a).width()),10),display:"flex"}),$(a).draggabilly({containment:!0}),$(a).on("dragStart",function(t){e++,$(a).css("z-index",e)})})}init_wap_search_click(){$(".j-search-toggle").on("click",function(){$(this).toggleClass("active"),$(this).hasClass("active")?($(".j-nav").hide(),$(".j-search").css("display","flex")):($(".j-nav").css("display","flex"),$(".j-search").hide())})}init_search_verify(){$(".j-search").on("submit",function(t){if(""===$(".j-search input").val().trim())return t.preventDefault(),$.toast({type:"warning",message:"请输入搜索内容！"})})}init_protect_verify(){let t=this;$("#j-protected").on("submit",e=>{if(e.preventDefault(),""===$("#j-protected").find(".pass").val())return $.toast({type:"info",message:"请输入访问密码！"});let i=$("#j-protected").attr("action");$.ajax({url:i,method:"post",datatype:"text",data:{protectPassword:$("#j-protected").find(".pass").val(),cid:$("#j-protected").find(".cid").val()},success:e=>{let i=[],a="";if(i=$(e).contents(),Array.from(i).forEach(t=>{"container"===t.parentNode.className&&(a=t)}),/TypechoJoeTheme/.test(e)){let e=location.href;e=t.changeURLArg(e,"jscroll","comments"),$.toast({type:"success",message:"密码正确，即将刷新本页！"}),setTimeout(function(){window.location.href=e},t.options.reloadTime)}else $.toast({type:"warning",message:a.textContent||""})}})})}init_dynamic_verify(){let t=this;$("#j-dynamic-form").on("submit",function(e){if(e.preventDefault(),""===$("#j-dynamic-form-text").val().trim())return $.toast({type:"info",message:"请输入发表内容！"});$(this).attr("data-disabled")||($(this).attr("data-disabled",!0),$.ajax({url:$(this).attr("action"),type:"post",data:$(this).serializeArray(),success:e=>{let i=[],a="";if(i=$(e).contents(),Array.from(i).forEach(t=>{"container"===t.parentNode.className&&(a=t)}),/TypechoJoeTheme/.test(e)){let e=location.href;e=t.changeURLArg(e,"jscroll","comments"),$.toast({type:"success",message:"发表成功，即将刷新本页！"}),setTimeout(function(){window.location.href=e},t.options.reloadTime)}else $.toast({type:"warning",message:a.textContent||""}),$(this).removeAttr("data-disabled")}}))})}init_comment_submit(){let t=this;$("#comment-form").on("submit",function(e){if(e.preventDefault(),""===$("#comment-nick").val().trim())return $.toast({type:"warning",message:"请输入您的昵称！"});if(!/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test($("#comment-mail").val()))return $.toast({type:"warning",message:"请输入正确的邮箱！"});if("canvas"===$("#commentTypeContent .canvas").attr("data-type")){let t=$("#draw")[0].toDataURL("image/webp",.1);$("#comment-content").val("{!{"+t+"}!} ")}if(""===$("#comment-content").val().trim())return $.toast({type:"warning",message:"请输入评论内容！"});$(this).attr("data-disabled")||($(this).attr("data-disabled",!0),$(this).find("button[type='submit']").html("请等待..."),$.ajax({url:$(this).attr("action"),type:"post",data:$(this).serializeArray(),success:e=>{let i=[],a="";if(i=$(e).contents(),Array.from(i).forEach(t=>{"container"===t.parentNode.className&&(a=t)}),/TypechoJoeTheme/.test(e)){let e=location.href;e=t.changeURLArg(e,"jscroll","comments"),$.toast({type:"success",message:"发送成功，即将刷新本页！"}),setTimeout(function(){window.location.href=e},t.options.reloadTime)}else $.toast({type:"warning",message:a.textContent||""}),$(this).removeAttr("data-disabled"),$(this).find("button[type='submit']").html("发表评论")}}))})}init_wap_cloud(){let t=(t,e)=>Math.floor(Math.random()*(e-t+1))+t;$("#search-cloud a").each((e,i)=>{$(i).css("background",`rgba(${t(0,255)}, ${t(0,255)}, ${t(0,255)}, ${t(.8,1)})`)})}init_wap_search(){$(".search-toggle-xs").on("click",function(){$(".j-slide").removeClass("active"),$(".j-sidebar-xs").removeClass("active"),$(".j-search-down-xs").toggleClass("active"),$(".j-search-down-xs").hasClass("active")?($("body").css("overflow","hidden"),$(".j-header").css("box-shadow","none")):($("body").css("overflow",""),$(".j-header").css("box-shadow",""))}),$(".j-search-down-xs .mask").on("click",function(){$(".j-search-down-xs").removeClass("active"),$("body").css("overflow",""),$(".j-header").css("box-shadow","")})}init_wap_sidebar(){$(".j-slide").on("click",function(t){$(".j-search-down-xs").removeClass("active"),$("body").css("overflow",""),$(".j-header").css("box-shadow",""),$(this).toggleClass("active"),$(".j-sidebar-xs").toggleClass("active"),$(this).hasClass("active")?$("body").css("overflow","hidden"):$("body").css("overflow","")}),$(".j-sidebar-xs .mask").on("click",function(){$(".j-slide").removeClass("active"),$(".j-sidebar-xs").removeClass("active"),$("body").css("overflow","")})}init_wow(){if(!("on"===window.JOE_CONFIG.IS_MOBILE&&"off"===window.JOE_CONFIG.DOCUMENT_WAP_ANIMATION||"off"===window.JOE_CONFIG.IS_MOBILE&&"off"===window.JOE_CONFIG.DOCUMENT_PC_ANIMATION)){var t=new WOW({boxClass:"wow",animateClass:"animated",offset:0,mobile:!0,live:!0,scrollContainer:null});t.init()}}init_video_list_type(){if(0===$("#j-video-type").length)return;if(""===window.JOE_CONFIG.VIDEO_LIST_API)return $.toast({type:"warning",message:"苹果CMS API未填写！"});$(".j-video-load-1").show(),$.ajax({url:window.JOE_CONFIG.VIDEO_LIST_API,method:"get",data:{ac:"list",at:"json"},dataType:"json",success:t=>{if(1!==t.code)return $.toast({type:"warning",message:"获取列表失败！"});$(".j-video-load-1").hide();let e='
  • 全部
    • ',i=window.JOE_CONFIG.VIDEO_LIST_SHIELD.split("||"),a=i.map(t=>t.trim());t.class.forEach(t=>{a.some(e=>e===t.type_name)||(e+=`
  • ${t.type_name}
    • `)}),$("#j-video-type").html(e)}});let t=this;$(document).on("click","#j-video-type li",function(){$(this).addClass("active").siblings().removeClass("active"),t.video_page=0,$("#j-video-list").html(""),t.init_video_list($(this).attr("data-id"))})}init_video_list(t,e){if(0===$("#j-video-list").length)return;let i=this;i.video_canLoad&&(i.video_canLoad=!1,i.video_page+=1,$(".j-video-load-2").show(),$.ajax({url:window.JOE_CONFIG.VIDEO_LIST_API,method:"get",data:{pg:i.video_page,ac:"videolist",at:"json",t:t,wd:e},dataType:"json",success:t=>{1===t.code&&($(".j-video-load-2").hide(),t.list.forEach(t=>{$("#j-video-list").append(`\n
  • \n \n \n

    ${t.vod_name}

    \n ${t.vod_year&&0!=t.vod_year?""+t.vod_year+"":""}\n     \n
    • \n `)}),i.init_lazy_load(),i.video_canLoad=!0)}}))}init_video_search(){let t=this;$("#j-video-search button").on("click",function(){if(""===$("#j-video-search input").val().trim())return $.toast({type:"info",message:"请输入内容！"});t.video_page=0,$("#j-video-list").html(""),t.init_video_list(null,$("#j-video-search input").val())})}init_load_more_video(){if(0===$("#j-video-list").length)return;let t=this;$(window).on("scroll",function(){let e=$(window).scrollTop(),i=$(window).height(),a=$("#j-video-list").offset().top+$("#j-video-list").height();e+i>=a&&t.init_video_list()})}init_video_detail(){let t=new URLSearchParams(window.location.search),e=t.get("vod_id");e&&($(".j-video-load-3").show(),$.ajax({url:window.JOE_CONFIG.VIDEO_LIST_API,method:"get",data:{ac:"detail",at:"json",ids:e},dataType:"json",success:t=>{function e(t){let e=t.split("$");return{name:e[0]||"",link:e[1]||""}}if(1!==t.code||1!==t.list.length)return $.toast({type:"warning",message:"数据获取失败！"});$(".j-video-load-3").hide();let i=t.list[0];$("#j-video-info").html(`\n\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t${i.vod_name}\n\t\t\t\t\t\t\t${i.vod_year&&0!==i.vod_year?""+i.vod_year+"":""}\n\t\t\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    ${i.vod_name+(i.vod_remarks?" - "+i.vod_remarks:"")}
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t\t类型：\n\t\t\t\t\t\t\t\t${i.vod_class||"未知"}\n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t\t主演：\n\t\t\t\t\t\t\t\t${i.vod_actor||"未知"}\n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t\t导演：\n\t\t\t\t\t\t\t\t${i.vod_director||"未知"}\n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t\t简介：\n\t\t\t\t\t\t\t\t${i.vod_content?i.vod_content:i.vod_blurb}\n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t
    \n\t\t\t\t\t`),this.init_lazy_load();let a=i.vod_play_from.split("$$$"),n=i.vod_play_url.split("$$$"),o=new Map;for(var[s,r]of(a.forEach((t,e)=>{o.set(t,n[e]||[])}),o)){let t=r.split("#"),i="";t.forEach(t=>{i+=`\n\t\t\t\t\t\t\t\t
  • ${e(t).name}
    • \n\t\t\t\t\t\t\t`}),$("#j-video-play").append(`\n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t\t
    源：${s}
    \n\t\t\t\t\t\t\t\t
      \n\t\t\t\t\t\t\t\t\t${i}\n\t\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t
    \n\t\t\t\t\t\t`)}if(!$("#j-video-player iframe").attr("data-src")||""===$("#j-video-player iframe").attr("data-src"))return;$(".video-list-play .list-item li").on("click",function(){$(".video-list-play .list-item li").removeClass("active"),$(this).addClass("active"),$("#j-video-player iframe").attr("src",$("#j-video-player iframe").attr("data-src")+$(this).attr("data-link")),sessionStorage.setItem("playUrl",$(this).attr("data-link"))});let l=$("#j-video-play .video-list-play:first-child .list-item li:first-child");if(0!==l.length){if(sessionStorage.getItem("playUrl")){let t=null;$(".video-list-play .list-item li").each((e,i)=>{$(i).attr("data-link")===sessionStorage.getItem("playUrl")&&($(i).addClass("active"),t=!0)}),!0===t?$("#j-video-player iframe").attr("src",$("#j-video-player iframe").attr("data-src")+sessionStorage.getItem("playUrl")):($("#j-video-player iframe").attr("src",$("#j-video-player iframe").attr("data-src")+l.attr("data-link")),l.addClass("active"))}else $("#j-video-player iframe").attr("src",$("#j-video-player iframe").attr("data-src")+l.attr("data-link")),l.addClass("active");$("#j-video-player-title").html("正在播放："+i.vod_name)}}}))}init_j_tabs(){$(".j-tabs .nav span").on("click",function(){let t=$(this).attr("data-panel");$(this).addClass("active").siblings().removeClass("active"),$(this).parents(".j-tabs").find(".content div").hide(),$(this).parents(".j-tabs").find(".content div[data-panel="+t+"]").show()})}init_j_collapse(){$(".j-collapse .collapse-head").on("click",function(){let t=$(this).next();t.slideToggle(200),$(".j-collapse .collapse-body").not(t).slideUp()})}init_aside_motto(){"on"===window.JOE_CONFIG.DOCUMENT_ASIDE_MOTTO?$(".j-aside-motto").show():$.ajax({ +url:window.JOE_CONFIG.DOCUMENT_MOTTO_API,method:"get",dataType:"text",success:t=>{$(".j-aside-motto").html(t),$(".j-aside-motto").show()},error:t=>{$(".j-aside-motto").html("人生之路，难免坎坷，但我执着"),$(".j-aside-motto").show()}})}init_comment_like(){$(".j-comment-like").on("click",function(){if($(this).hasClass("active"))return $.toast({type:"warning",message:"本条评论您已经赞过~"});$.ajax({url:window.location.href,type:"post",data:"likeup="+$(this).attr("data-coid"),timeout:3e4,cache:!1,success:t=>{let e=/\d/;e.test(t)&&$(this).find("span").html(t.trim()),$.toast({type:"success",message:"点赞成功！"}),$(this).addClass("active")}})})}init_dynamic_reply(){let t=this;$(document).on("click",()=>$(".j-dynamic-reply").hide()),$(".j-comment-reply").on("click",function(t){t.stopPropagation(),$(this).parents("li").find(".j-dynamic-reply").toggle()}),$(".j-dynamic-reply").on("click",t=>t.stopPropagation()),$(".j-dynamic-reply").on("submit",function(e){return e.preventDefault(),""===$(this).find("input[name='author']").val().trim()?$.toast({type:"warning",message:"请输入您的昵称！"}):/\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test($(this).find("input[name='mail']").val())?""===$(this).find("textarea[name='text']").val().trim()?$.toast({type:"warning",message:"请输入回复内容！"}):void($(this).attr("data-disabled")||($(this).attr("data-disabled",!0),$.ajax({url:$(".j-comment-url").val(),type:"post",data:$(this).serializeArray(),success:e=>{let i=[],a="";if(i=$(e).contents(),Array.from(i).forEach(t=>{"container"===t.parentNode.className&&(a=t)}),/TypechoJoeTheme/.test(e)){let e=location.href;e=t.changeURLArg(e,"jscroll","comments"),$.toast({type:"success",message:"发送成功，即将刷新本页！"}),setTimeout(function(){window.location.href=e},t.options.reloadTime)}else $.toast({type:"warning",message:a.textContent||""}),$(this).removeAttr("data-disabled")}}))):$.toast({type:"warning",message:"请输入正确的邮箱！"})})}init_video_album(){function t(t,e=1,i=1,a=.5){let n=document.createElement("VIDEO");return n.setAttribute("src",t),n.crossOrigin="*",n.currentTime=e,new Promise((t,e)=>{n.addEventListener("loadeddata",()=>{let e=document.createElement("canvas");e.width=n.videoWidth*i,e.height=n.videoHeight*i,e.getContext("2d").drawImage(n,0,0,e.width,e.height),t(e.toDataURL("image/webp",a))})})}$(".j-short-video .inner").each((e,i)=>{let a=$(i).attr("data-poster"),n=$(i).attr("data-src");isNaN(a)?$(i).css("background-image","url("+a+")"):t(n,a).then(t=>{$(i).css("background-image","url("+t+")")}),$(i).on("click",function(){$("body").css("overflow","hidden"),$(".j-video-preview").addClass("active"),$(".j-video-preview iframe").attr("src",window.JOE_CONFIG.THEME_URL+"/player.php?url="+n)})}),$(".j-video-preview .close").on("click",function(){$("body").css("overflow",""),$(".j-video-preview").removeClass("active")})}init_wallpaper(){if(0===$("#wallpaper-type").length)return;$.ajax({url:window.JOE_CONFIG.THEME_URL+"/wallpaperApi.php?cid=360tags",method:"get",dataType:"json",success:t=>{if("0"!==t.errno)return $.toast({type:"warning",message:"接口异常，请联系开发者！"});$(".j-wallpaper-load-1").hide();let e='
  • 最新壁纸
    • ';t.data.forEach(t=>{e+=`
  • ${t.name}
    • `}),$("#wallpaper-type").html(e),$("#wallpaper-type li").first().click()}});let t=this;$(document).on("click","#wallpaper-type li",function(){$(this).addClass("active").siblings().removeClass("active"),t.wallpaper_page=0,t.wallpaper_cid=$(this).attr("data-cid"),$("#wallpaper-list").html(""),t.init_wallpaper_list()}),$("#wallpaper-load").on("click",function(){t.wallpaper_page+=1,t.init_wallpaper_list()})}init_wallpaper_list(){let t=this;$(".j-wallpaper-load-2").show(),$.ajax({url:window.JOE_CONFIG.THEME_URL+"/wallpaperApi.php",data:{cid:t.wallpaper_cid,start:20*t.wallpaper_page,count:20},method:"get",dataType:"json",success:e=>{$(".j-wallpaper-load-2").hide(),0!=e.total?(e.data.forEach(t=>{$("#wallpaper-list").append(`\n \n \n \n `)}),t.init_lazy_load()):$("#wallpaper-load").remove()}})}init_huya_type(){if(0===$(".huya-list-type").length)return;let t=this;$(".huya-list-type .list ul li").on("click",function(){window.location.href=t.changeURLArg(window.location.href,"vid",$(this).attr("data-vid"))})}init_huya_skip(){if(0===$(".huya-list-go-play").length)return;let t=this;$(".huya-list-go-play").on("click",function(){let e=t.changeURLArg(window.location.href,"play",$(this).attr("data-href"));e=t.changeURLArg(e,"title",$(this).attr("data-title")),window.open(e)})}init_huya_pagination(){if(0===$(".huya-list-pagination").length)return;let t=this;$(".huya-list-pagination li").on("click",function(){let e=window.location.href;e=t.changeURLArg(e,"pg",$(this).attr("data-pg")),window.location.href=e})}init_lazy_load(){new LazyLoad(".lazyload")}}"undefined"!=typeof module&&void 0!==module.exports?module.exports=Joe:window.Joe=Joe})(),new Joe({}); \ No newline at end of file diff --git a/component/huya.api.php b/component/huya.api.php new file mode 100644 index 0000000..a1d2a81 --- /dev/null +++ b/component/huya.api.php @@ -0,0 +1,146 @@ + +
    + +
    +
    直播分类
    +
    + 娱乐天地 +
      +
    • 星秀
      • +
    • 户外
      • +
    • 二次元
      • +
    • 一起看
      • +
    • 美食
      • +
    • 颜值
      • +
    • 交友
      • +
    • 音乐
      • +
    • 体育
      • +
    +
    +
    + 网游竞技 +
      +
    • 英雄联盟
      • +
    • LOL云顶之弈
      • +
    • 穿越火线
      • +
    • DNF
      • +
    • 魔兽世界 +
    • 炉石传说
      • +
    • DOTA2
      • +
    • 坦克世界
      • +
    • CS:GO
      • +
    • 魔兽争霸3
      • +
    • 问道
      • +
    • 使命召唤
      • +
    +
    +
    + 单机热游 +
      +
    • 绝地求生
      • +
    • 主机游戏
      • +
    • 我的世界
      • +
    • 方舟
      • +
    • 怪物猎人
      • +
    • 逃离塔科夫
      • +
    • 怀旧游戏
      • +
    • 骑马与砍杀
      • +
    • 拾遗记
      • +
    +
    +
    + 手游休闲 +
      +
    • 王者荣耀
      • +
    • 和平精英
      • +
    • 综合手游
      • +
    • 狼人杀
      • +
    • QQ飞车
      • +
    • CF手游
      • +
    • 跑跑手游
      • +
    • 皇室战争
      • +
    • 火影手游
      • +
    +
    +
    +
      + 4) { + $str = substr_replace(strstr($number, substr($number, -3), ' '), '.', -1, 0) . "万"; + } else { + $str = $number; + } + ?> +
    • +
      + + + + '> +
      +

      +
      +
      + + +
      +
      + + + + + +
      +
      +
      +
      + + + +
      +
      +
      • + +
    +
      + '; + echo '
    • ' . ($_GET['pg'] - 1) . '
      • '; + } + echo '
    • ' . $_GET['pg'] . '
      • '; + if ($_GET['pg'] != $totalPage) { + echo '
    • ' . ($_GET['pg'] + 1) . '
      • '; + } + if ($_GET['pg'] < $totalPage) { + echo '
      • '; + } + ?> +
    + +
    + +
    正在直播：
    + +
    + +
    \ No newline at end of file diff --git a/component/post.fabulous.php b/component/post.fabulous.php index 393a44a..60193f2 100644 --- a/component/post.fabulous.php +++ b/component/post.fabulous.php @@ -5,7 +5,7 @@ - 赞（） + 赞 · options->JAdmire) : ?>
    diff --git a/component/post.video.php b/component/post.video.php index 854ac85..e136183 100644 --- a/component/post.video.php +++ b/component/post.video.php @@ -9,9 +9,9 @@
    options->JAnalysis) : ?> - + -
    +
    diff --git a/component/video.api.php b/component/video.api.php index 2e8d169..40a25e5 100644 --- a/component/video.api.php +++ b/component/video.api.php @@ -1,17 +1,4 @@ - - -

    本页面仅供学习使用！！！

    +

    本页面仅供学习使用！！！

    diff --git a/component/wallpaper.api.php b/component/wallpaper.api.php new file mode 100644 index 0000000..c00eeb9 --- /dev/null +++ b/component/wallpaper.api.php @@ -0,0 +1,51 @@ +

    本页面仅供学习使用！！！

    + +
    +
    +
    壁纸分类
    +
      +
      + + + + + + + + + + + + + + + + + +
      +
      +
      +
      +
      + + + + + + + + + + + + + + + + + +
      +
      加载更多
      +
      + +
      \ No newline at end of file diff --git a/config/background.php b/config/background.php deleted file mode 100644 index 4371486..0000000 --- a/config/background.php +++ /dev/null @@ -1,63 +0,0 @@ - - - - options->JDocumentWAPBG) : ?> - - - - - - - - options->JDocumentCanvasBG !== 'off') : ?> - options->JCDN === 'on') : ?> - - - - - - - options->JDocumentPCBG) : ?> - - - - - - - \ No newline at end of file diff --git a/config/cursor.effect.php b/config/cursor.effect.php deleted file mode 100644 index e5be78f..0000000 --- a/config/cursor.effect.php +++ /dev/null @@ -1,7 +0,0 @@ -options->JCursorEffects !== 'off') : ?> - options->JCDN === 'on') : ?> - - - - - \ No newline at end of file diff --git a/core/core.php b/core/core.php index 01c5830..3572274 100644 --- a/core/core.php +++ b/core/core.php @@ -7,7 +7,31 @@ /* 获取模板版本号 */ function JoeVersion() { - return "4.4.5"; + return "4.7.7"; +} + +function GetLocationHref() +{ + return '//' . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; +} + +function fileget2($url, $timeout = 5) +{ + $user_agent = "Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.94 Safari/537.36"; + $curl = curl_init(); + curl_setopt($curl, CURLOPT_URL, $url); + curl_setopt($curl, CURLOPT_USERAGENT, $user_agent); + curl_setopt($curl, CURLOPT_REFERER, $url); + curl_setopt($curl, CURLOPT_AUTOREFERER, 1); + curl_setopt($curl, CURLOPT_TIMEOUT, $timeout); + curl_setopt($curl, CURLOPT_HEADER, 0); + curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1); + curl_setopt($curl, CURLOPT_FOLLOWLOCATION, 1); + curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, '0'); + curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, '0'); + curl_setopt($curl, CURLOPT_ENCODING, ''); + return curl_exec($curl); + curl_close($curl); } /* 获取懒加载图片 */ @@ -20,6 +44,11 @@ function GetLazyLoad() } } +/* 获取模板内置播放器 */ +function GetDplayer() +{ + return THEME_URL . '/player.php'; +} /* 生成目录树 */ function CreateCatalog($obj) @@ -80,46 +109,116 @@ function GetCatalog() function ParseCode($text) { - /* 2. 初始化图片为懒加载 */ - $text = preg_replace_callback('//i', function ($text) { - return ''; + /* 初始化图片为懒加载 */ + $text = Short_Lazyload($text); + /* 图片短代码 */ + $text = Short_Photo($text); + /* tag标签短代码 */ + $text = Short_Tag($text); + /* 按钮短代码 */ + $text = Short_Button($text); + /* 提示短代码 */ + $text = Short_Alt($text); + /* 线短代码 */ + $text = Short_Line($text); + /* tabs短代码 */ + $text = Short_Tabs($text); + /* 默认卡片短代码 */ + $text = Short_Card_default($text); + /* 展开隐藏短代码 */ + $text = Short_Collapse($text); + /* 时间线短代码 */ + $text = Short_Time_line($text); + /* 复制短代码 */ + $text = Short_Copy($text); + /* 打字机短代码 */ + $text = Short_Typing($text); + /* 链接卡片短代码 */ + $text = Short_Card_Nav($text); + /* dplayer短代码 */ + $text = Short_Dplayer($text); + /* 音乐短代码 */ + $text = Short_Music($text); + /* 音乐列表短代码 */ + $text = Short_Music_List($text); + /* 视频列表短代码 */ + $text = Short_Video_List($text); + return $text; +} + +function Short_Lazyload($text) +{ + $text = preg_replace_callback('//ism', function ($text) { + return ''; }, $text); + return $text; +} - /* 2. 图片短代码 */ +function Short_Photo($text) +{ + $text = preg_replace_callback('/

      \[photo\](.*?)\[\/photo\]<\/p>/ism', function ($text) { + return '[photo]' . $text[1] . '[/photo]'; + }, $text); $text = preg_replace_callback('/\[photo\](.*?)\[\/photo\]/ism', function ($text) { return preg_replace('~~', '', $text[0]); }, $text); $text = preg_replace_callback('/\[photo\](.*?)\[\/photo\]/ism', function ($text) { return '

      ' . $text[1] . '
      '; }, $text); + return $text; +} - /* 3. tag标签短代码 */ - $text = preg_replace_callback('/\[tag type="(.*?)"\](.*?)\[\/tag\]/ism', function ($text) { +function Short_Tag($text) +{ + $text = preg_replace_callback('/\[tag type=\"(.*?)\".*?\](.*?)\[\/tag\]/ism', function ($text) { return '' . $text[2] . ''; }, $text); - /* 4. 按钮短代码 */ - $text = preg_replace_callback('/\[btn href="(.*?)" type="(.*?)"\](.*?)\[\/btn\]/ism', function ($text) { + return $text; +} + +function Short_Button($text) +{ + $text = preg_replace_callback('/\[btn href=\"(.*?)\" type=\"(.*?)\".*?\](.*?)\[\/btn\]/ism', function ($text) { return '' . $text[3] . ''; }, $text); + return $text; +} + - /* 5. 提示短代码 */ - $text = preg_replace_callback('/\[alt type="(.*?)"\](.*?)\[\/alt\]/ism', function ($text) { +function Short_Alt($text) +{ + $text = preg_replace_callback('/

      \[alt type=\"(.*?)\".*?\](.*?)\[\/alt\]<\/p>/ism', function ($text) { + return '[alt type="' . $text[1] . '"]' . $text[2] . '[/alt]'; + }, $text); + $text = preg_replace_callback('/\[alt type=\"(.*?)\".*?\](.*?)\[\/alt\]/ism', function ($text) { return '

      ' . $text[2] . '
      '; }, $text); + return $text; +} - /* 6. 线短代码 */ +function Short_Line($text) +{ + $text = preg_replace_callback('/

      \[line\](.*?)\[\/line\]<\/p>/ism', function ($text) { + return '[line]' . $text[1] . '[/line]'; + }, $text); $text = preg_replace_callback('/\[line\](.*?)\[\/line\]/ism', function ($text) { return '

      ' . $text[1] . '
      '; }, $text); + return $text; +} - /* 7. tba标签短代码 */ +function Short_Tabs($text) +{ + $text = preg_replace_callback('/

      \[tabs\](.*?)\[\/tabs\]<\/p>/ism', function ($text) { + return '[tabs]' . $text[1] . '[/tabs]'; + }, $text); $text = preg_replace_callback('/\[tabs\](.*?)\[\/tabs\]/ism', function ($text) { return preg_replace('~~', '', $text[0]); }, $text); $text = preg_replace_callback('/\[tabs\](.*?)\[\/tabs\]/ism', function ($text) { $tabname = ''; - preg_match_all('/label="(.*?)"\]/i', $text[1], $tabnamearr); + preg_match_all('/label=\"(.*?)\"\]/i', $text[1], $tabnamearr); for ($i = 0; $i < count($tabnamearr[1]); $i++) { if ($i === 0) { $tabname .= '' . $tabnamearr[1][$i] . ''; @@ -136,89 +235,112 @@ function ParseCode($text) $tabcon .= '

      ' . $tabconarr[1][$i] . '
      '; } } - return '
      -
      ' . $tabname . '
      -
      ' . $tabcon . '
      -
      '; + return '
      ' . $tabname . '
      ' . $tabcon . '
      '; }, $text); + return $text; +} - /* 8. 默认卡片短代码 */ - $text = preg_replace_callback('/\[card-default width="(.*?)" label="(.*?)"\](.*?)\[\/card-default\]/ism', function ($text) { +function Short_Card_default($text) +{ + $text = preg_replace_callback('/

      \[card-default width=\"(.*?)\" label=\"(.*?)\".*?\](.*?)\[\/card-default\]<\/p>/ism', function ($text) { + return '[card-default width="' . $text[1] . '" label="' . $text[2] . '"]' . $text[3] . '[/card-default]'; + }, $text); + $text = preg_replace_callback('/

      \[card-default width=\"(.*?)\" label=\"(.*?)\".*?\](.*?)\[\/card-default\]<\/p>/ism', function ($text) { + return '[card-default width="' . $text[1] . '" label="' . $text[2] . '"]' . $text[3] . '[/card-default]'; + }, $text); + $text = preg_replace_callback('/\[card-default width=\"(.*?)\" label=\"(.*?)\".*?\](.*?)\[\/card-default\]/ism', function ($text) { return '

      ' . $text[2] . '
      ' . $text[3] . '
      '; }, $text); + return $text; +} - /* 9. 展开隐藏短代码 */ + +function Short_Collapse($text) +{ + $text = preg_replace_callback('/

      \[collapse\](.*?)\[\/collapse\]<\/p>/ism', function ($text) { + return '[collapse]' . $text[1] . '[/collapse]'; + }, $text); + $text = preg_replace_callback('/\[collapse\](.*?)\[\/collapse\]/ism', function ($text) { + return preg_replace('~~', '', $text[0]); + }, $text); $text = preg_replace_callback('/\[collapse\](.*?)\[\/collapse\]/ism', function ($text) { return '

      ' . $text[1] . '
      '; }, $text); - $text = preg_replace_callback('/\[collapse-item label="(.*?)"\](.*?)\[\/collapse-item\]/ism', function ($text) { - return '
      - ' . $text[1] . ' - -
      -
      ' . $text[2] . '
      '; + $text = preg_replace_callback('/\

      \[collapse-item label=\"(.*?)\".*?\](.*?)\[\/collapse-item\]<\/p>/ism', function ($text) { + return '[collapse-item label="' . $text[1] . '"]' . $text[2] . '[/collapse-item]'; + }, $text); + $text = preg_replace_callback('/\[collapse-item label=\"(.*?)\".*?\](.*?)\[\/collapse-item\]/ism', function ($text) { + return '

      ' . $text[1] . '
      ' . $text[2] . '
      '; }, $text); + return $text; +} - /* 10. 时间线短代码 */ +function Short_Time_line($text) +{ + $text = preg_replace_callback('/

      \[timeline\](.*?)\[\/timeline\]<\/p>/ism', function ($text) { + return '[timeline]' . $text[1] . '[/timeline]'; + }, $text); $text = preg_replace_callback('/\[timeline\](.*?)\[\/timeline\]/ism', function ($text) { return preg_replace('~~', '', $text[0]); }, $text); $text = preg_replace_callback('/\[timeline\](.*?)\[\/timeline\]/ism', function ($text) { return '

      ' . $text[1] . '
      '; }, $text); + $text = preg_replace_callback('/

      \[timeline-item\](.*?)\[\/timeline-item\]<\/p>/ism', function ($text) { + return '[timeline-item]' . $text[1] . '[/timeline-item]'; + }, $text); $text = preg_replace_callback('/\[timeline-item\](.*?)\[\/timeline-item\]/ism', function ($text) { return '

      ' . $text[1] . '
      '; }, $text); + return $text; +} - /* 11. 复制短代码 */ +function Short_Copy($text) +{ $text = preg_replace_callback('/\[copy\](.*?)\[\/copy\]/ism', function ($text) { return '' . $text[1] . ''; }, $text); + return $text; +} - /* 12. 打字机短代码 */ +function Short_Typing($text) +{ $text = preg_replace_callback('/\[typing\](.*?)\[\/typing\]/ism', function ($text) { return '' . $text[1] . ''; }, $text); - - - - - /* 链接卡片短代码 */ - $content = Short_Card_Nav($text); - - return $content; + return $text; } - function Short_Card_Nav($text) { + $text = preg_replace_callback('/

      \[card-nav\](.*?)\[\/card-nav\]<\/p>/ism', function ($text) { + return '[card-nav]' . $text[1] . '[/card-nav]'; + }, $text); $text = preg_replace_callback('/\[card-nav\](.*?)\[\/card-nav\]/ism', function ($text) { return preg_replace('~~', '', $text[0]); }, $text); $text = preg_replace_callback('/\[card-nav\](.*?)\[\/card-nav\]/ism', function ($text) { return '

      ' . $text[1] . '
      '; }, $text); - $text = preg_replace_callback('/\[card-nav-item.*?src="(.*?)".*?title="(.*?)".*?img="(.*?)".*?\/\]/ism', function ($text) { + $text = preg_replace_callback('/\[card-nav-item src=\"(.*?)\" title=\"(.*?)\" img=\"(.*?)\".*?\/\]/ism', function ($text) { $img = $text[3] === "auto" ? $text[1] . '/favicon.ico' : $text[3]; $arr = array( - 0 => "linear-gradient(33deg, #6DE195, #C4E759)", - 1 => "linear-gradient(33deg, #41C7AF, #54E38E)", - 2 => "linear-gradient(33deg, #99E5A2, #D4FC78)", - 3 => "linear-gradient(33deg, #ABC7FF, #C1E3FF)", - 4 => "linear-gradient(33deg, #6CACFF, #8DEBFF)", - 5 => "linear-gradient(33deg, #5583EE, #41D8DD)", - 6 => "linear-gradient(33deg, #A16BFE, #DEB0DF)", - 6 => "linear-gradient(33deg, #D279EE, #F8C390)", - 7 => "linear-gradient(33deg, #F78FAD, #FDEB82)", - 8 => "linear-gradient(33deg, #BC3D2F, #A16BFE)", - 9 => "linear-gradient(33deg, #A43AB2, #E13680)", - 10 => "linear-gradient(33deg, #9D2E7D, #E16E93)" + 0 => "linear-gradient(to right, #6DE195, #C4E759)", + 1 => "linear-gradient(to right, #41C7AF, #54E38E)", + 2 => "linear-gradient(to right, #99E5A2, #D4FC78)", + 3 => "linear-gradient(to right, #ABC7FF, #C1E3FF)", + 4 => "linear-gradient(to right, #6CACFF, #8DEBFF)", + 5 => "linear-gradient(to right, #5583EE, #41D8DD)", + 6 => "linear-gradient(to right, #A16BFE, #DEB0DF)", + 6 => "linear-gradient(to right, #D279EE, #F8C390)", + 7 => "linear-gradient(to right, #F78FAD, #FDEB82)", + 8 => "linear-gradient(to right, #A43AB2, #E13680)", ); return '
      - + ' . $text[2] . ' @@ -228,6 +350,66 @@ function Short_Card_Nav($text) return $text; } +function Short_Dplayer($text) +{ + $text = preg_replace_callback('/

      \[dplayer src="(.*?)".*?\/]<\/p>/ism', function ($text) { + return '[dplayer src="' . $text[1] . '" /]'; + }, $text); + + $text = preg_replace_callback('/\[dplayer src="(.*?)".*?\/]/ism', function ($text) { + return ''; + }, $text); + + return $text; +} + +function Short_Music($text) +{ + $text = preg_replace_callback('/

      \[music id="(.*?)".*?\/]<\/p>/ism', function ($text) { + return '[music id="' . $text[1] . '" /]'; + }, $text); + + $text = preg_replace_callback('/\[music id="(.*?)".*?\/]/ism', function ($text) { + return ''; + }, $text); + + return $text; +} + +function Short_Music_List($text) +{ + $text = preg_replace_callback('/

      \[music-list id="(.*?)".*?\/]<\/p>/ism', function ($text) { + return '[music-list id="' . $text[1] . '" /]'; + }, $text); + + $text = preg_replace_callback('/\[music-list id="(.*?)".*?\/]/ism', function ($text) { + return ''; + }, $text); + + return $text; +} + +function Short_Video_List($text) +{ + $text = preg_replace_callback('/

      \[video](.*?)\[\/video]<\/p>/ism', function ($text) { + return '[video]' . $text[1] . '[/video]'; + }, $text); + $text = preg_replace_callback('/\[video](.*?)\[\/video]/ism', function ($text) { + return preg_replace('~~', '', $text[0]); + }, $text); + $text = preg_replace_callback('/\[video](.*?)\[\/video]/ism', function ($text) { + return '

      ' . $text[1] . '
      '; + }, $text); + $text = preg_replace_callback('/\[video-item src="(.*?)" poster="(.*?)".*?\/]/ism', function ($text) { + return '
      +
      + +
      +
      '; + }, $text); + + return $text; +} @@ -241,6 +423,8 @@ function themeInit($archive) Helper::options()->commentsRequireMail = true; /* 强奸用户强制要求无需填写url */ Helper::options()->commentsRequireURL = false; + /* 强奸用户强制开启评论回复 */ + Helper::options()->commentsThreaded = true; if ($archive->is('single')) { $archive->content = ParseReply($archive->content); @@ -693,6 +877,19 @@ function themeFields($layout) 格式：图片URL 或 BASE64地址' ); $layout->addItem($sharePic); + + $aside = new Typecho_Widget_Helper_Form_Element_Select( + 'aside', + array( + 'on' => '开启（默认）', + 'off' => '关闭' + ), + 'on', + '是否开启当前页面的侧边栏', + '用于单独设置当前页面侧边栏的开启状态
      + 只有在外观设置侧边栏开启状态下生效' + ); + $layout->addItem($aside); } function GetQQSharePic($widget) @@ -785,3 +982,412 @@ public static function one($comment, $post) return $comment; } } + +Typecho_Plugin::factory('admin/write-post.php')->bottom = array('editor', 'reset'); +Typecho_Plugin::factory('admin/write-page.php')->bottom = array('editor', 'reset'); +class editor +{ + public static function reset() + { + Typecho_Widget::widget('Widget_Options')->to($options); +?> + + + + \ No newline at end of file diff --git a/dynamic.php b/dynamic.php index 18b50a9..297035c 100644 --- a/dynamic.php +++ b/dynamic.php @@ -31,7 +31,7 @@
      need('public/comment.dynamic.php'); ?>
      - options->JPostAsideStatus === 'on') : ?> + options->JPostAsideStatus === 'on' && $this->fields->aside !== 'off') : ?> need('public/aside.php'); ?> diff --git a/file.php b/file.php index cc1cd17..083f5fd 100644 --- a/file.php +++ b/file.php @@ -69,7 +69,7 @@ need('public/comment.php'); ?> - options->JPostAsideStatus === 'on') : ?> + options->JPostAsideStatus === 'on' && $this->fields->aside !== 'off') : ?> need('public/aside.php'); ?> diff --git a/functions.php b/functions.php index b354adc..0f71200 100644 --- a/functions.php +++ b/functions.php @@ -58,16 +58,6 @@ function themeConfig($form) $JCDN->setAttribute('class', 'j-setting-content j-setting-global'); $form->addInput($JCDN->multiMode()); - $JCache = new Typecho_Widget_Helper_Form_Element_Select( - 'JCache', - array('off' => '关闭（默认）', 'on' => '开启'), - 'off', - '请选择是否启用缓存功能（开发中，暂不可用）', - '介绍：开启后，网站访问过一次后，第二次访问会有极大的速度提升！' - ); - $JCache->setAttribute('class', 'j-setting-content j-setting-global'); - $form->addInput($JCache->multiMode()); - $JDefend = new Typecho_Widget_Helper_Form_Element_Select( 'JDefend', array('off' => '关闭（默认）', 'on' => '开启'), @@ -98,6 +88,23 @@ function themeConfig($form) $JHeaderStyle->setAttribute('class', 'j-setting-content j-setting-global'); $form->addInput($JHeaderStyle->multiMode()); + + $JCustomNavs = new Typecho_Widget_Helper_Form_Element_Textarea( + 'JCustomNavs', + NULL, + NULL, + '导航栏自定义链接（非必填）', + '介绍：用于自定义导航栏链接
      + 格式：跳转文字 || 跳转链接（中间使用两个竖杠分隔）
      + 其他：一行一个，一行代表一个超链接
      + 例如：
      + 百度一下 || https://baidu.com
      + 腾讯视频 || https://v.qq.com + ' + ); + $JCustomNavs->setAttribute('class', 'j-setting-content j-setting-global'); + $form->addInput($JCustomNavs); + $JNavMaxNum = new Typecho_Widget_Helper_Form_Element_Select( 'JNavMaxNum', array( @@ -348,25 +355,6 @@ function themeConfig($form) $JLive2D->setAttribute('class', 'j-setting-content j-setting-global'); $form->addInput($JLive2D->multiMode()); - $JPageLoading = new Typecho_Widget_Helper_Form_Element_Select( - 'JPageLoading', - array( - 'off' => '关闭（默认）', - 'spinner1' => '形状1', - 'spinner2' => '形状2', - 'spinner3' => '形状3', - 'spinner4' => '形状4', - 'spinner5' => '形状5', - 'spinner6' => '形状6', - 'spinner7' => '形状7', - ), - 'off', - '是否开启页面刷新首次进入加载', - '介绍：开启后当您刷新页面或首次进入页面时，将显示全屏加载' - ); - $JPageLoading->setAttribute('class', 'j-setting-content j-setting-global'); - $form->addInput($JPageLoading->multiMode()); - $JBackTopStatus = new Typecho_Widget_Helper_Form_Element_Select( 'JBackTopStatus', array('off' => '关闭（默认）', 'on' => '开启'), @@ -529,8 +517,7 @@ function themeConfig($form) 'background3.min.js' => '效果3', 'background4.min.js' => '效果4', 'background5.min.js' => '效果5', - 'background6.min.js' => '效果6', - 'background7.min.js' => '效果7', + 'background6.min.js' => '效果6' ), 'off', '是否开启动态背景图（仅限PC）', @@ -1582,18 +1569,6 @@ function themeConfig($form) $JAnalysis->setAttribute('class', 'j-setting-content j-setting-other'); $form->addInput($JAnalysis); - $JDplayerAPI = new Typecho_Widget_Helper_Form_Element_Textarea( - 'JDplayerAPI', - NULL, - NULL, - 'dplayer的弹幕库API（非必填）', - '介绍：如果填写正确的API，则播放器会加载弹幕功能，反之
      - 例如：https://dplayer.alone88.cn/
      - 注意: 如果您填的自定义API，提示加载失败，尝试在API最后面加上 / 符号 - ' - ); - $JDplayerAPI->setAttribute('class', 'j-setting-content j-setting-other'); - $form->addInput($JDplayerAPI); $JShieldNames = new Typecho_Widget_Helper_Form_Element_Text( 'JShieldNames', diff --git a/huya.php b/huya.php new file mode 100644 index 0000000..6045436 --- /dev/null +++ b/huya.php @@ -0,0 +1,56 @@ + + +need('public/prevent.php'); ?> +need('public/defend.php'); ?> + + + + + + + + need('public/head.php'); ?> + + + + options->JCustomBodyStart() ?> + +
      + + need('public/header.php'); ?> + + +
      +
      + need('component/huya.api.php'); ?> +
      +
      + + + need('public/footer.php'); ?> +
      + + need('public/config.php'); ?> + + + \ No newline at end of file diff --git a/index.php b/index.php index 5693583..897ac19 100644 --- a/index.php +++ b/index.php @@ -14,20 +14,6 @@ need('public/prevent.php'); ?> need('public/defend.php'); ?> - - - diff --git a/leaving.php b/leaving.php index a4f972d..67992ed 100644 --- a/leaving.php +++ b/leaving.php @@ -1,4 +1,10 @@ need('public/comment.php'); ?> - options->JPostAsideStatus === 'on') : ?> + options->JPostAsideStatus === 'on' && $this->fields->aside !== 'off') : ?> need('public/aside.php'); ?> - + options->JBarragerStatus === 'on') : ?> diff --git a/package.json b/package.json index e775fff..5098b88 100644 --- a/package.json +++ b/package.json @@ -1,14 +1,17 @@ { - "name": "typecho_joe_theme", - "version": "4.4.5", - "description": "Eternity is not a distance but a decision - Joe", - "main": "index.php", - "keywords": [ - "Joe", - "Typecho", - "Typecho-Joe-Theme", - "Typecho_Joe_Theme" - ], - "author": "Joe", - "license": "ISC" + "name": "typecho_joe_theme", + "version": "4.7.7", + "description": "Eternity is not a distance but a decision - Joe", + "main": "index.php", + "keywords": [ + "Joe", + "Typecho", + "Typecho-Joe-Theme", + "Typecho_Joe_Theme" + ], + "author": "Joe", + "license": "ISC", + "dependencies": { + "workbox": "^0.0.0" + } } diff --git a/player.php b/player.php new file mode 100644 index 0000000..fa00b15 --- /dev/null +++ b/player.php @@ -0,0 +1,52 @@ + + + + + + + + + M3U8 - Player + + + + +
      + + + + + + \ No newline at end of file diff --git a/post.php b/post.php index 866883c..db5df38 100644 --- a/post.php +++ b/post.php @@ -149,7 +149,7 @@ need('public/comment.php'); ?> - options->JPostAsideStatus === 'on') : ?> + options->JPostAsideStatus === 'on' && $this->fields->aside !== 'off') : ?> need('public/aside.php'); ?> diff --git a/public/aside.php b/public/aside.php index c3bac04..769ed76 100644 --- a/public/aside.php +++ b/public/aside.php @@ -1,5 +1,4 @@
      - options->JAuthorStatus !== 'off') : ?>
      @@ -71,7 +70,14 @@ options->JCountDownStatus === "on") : ?>
      -

      人生倒计时

      +

      + + + + + 人生倒计时 + +

      今日已经过去小时
      @@ -116,7 +122,14 @@ options->JWetherKey) : ?>
      -

      今日天气

      +

      + + + + + 今日天气 + +

      @@ -142,7 +155,14 @@ options->JAsideHotNumber !== 'off') : ?>
      -

      热门文章

      +

      + + + + + 热门文章 + +

      widget('Widget_Post_hot@asidehot@hot', 'pageSize=' . $this->options->JAsideHotNumber)->to($hot); ?> have()) : ?>
        @@ -174,7 +194,14 @@ $rankingStr = explode("$", $ranking); ?>
        -

        +

        + + + + + + +

          options->JAsideReplyStatus !== 'off') : ?>
          -

          最新回复

          +

          + + + + + 最新回复 + +

          widget('Widget_Comments_Recent@ok88', 'ignoreAuthor=true&pageSize=5')->to($comments); ?> have()) : ?>
            @@ -241,7 +275,13 @@ options->J3DTagStatus === 'on') : ?>
            -

            标签云

            +

            + + + + 标签云 + +

            widget('Widget_Metas_Tag_Cloud', array('sort' => 'count', 'ignoreZeroCount' => true, 'desc' => true, 'limit' => 50))->to($tags); ?> have()) : ?>
            @@ -255,7 +295,4 @@
            - - -
          \ No newline at end of file diff --git a/public/comment.dynamic.php b/public/comment.dynamic.php index 99ae344..7ce245f 100644 --- a/public/comment.dynamic.php +++ b/public/comment.dynamic.php @@ -85,7 +85,7 @@ function threadedComments($comments, $options)
          -
          +
          diff --git a/public/comment.php b/public/comment.php index c4adef9..91d1da4 100644 --- a/public/comment.php +++ b/public/comment.php @@ -100,7 +100,7 @@ function threadedComments($comments, $options)
      -
      +
      cancelReply("取消"); ?> @@ -113,8 +113,8 @@ function threadedComments($comments, $options) listComments(); ?>
      pageNav( - '上一页', - '下一页', + '', + '', 1, '...', array( diff --git a/public/config.php b/public/config.php index b09465c..372d02c 100644 --- a/public/config.php +++ b/public/config.php @@ -1,3 +1,99 @@ + +
      + + options->JPlayer && !isMobile()) : ?> @@ -10,12 +106,14 @@ - - + + + + options->JLive2D !== 'off' && !isMobile()) : ?> @@ -23,90 +121,47 @@ -options->JGlobalThemeStatus === 'on') : ?> - - - + -options->JCensusStatus === 'on') : ?> - - - + options->JCodeColor !== 'off') : ?> - options->JWetherKey) : ?> - - -options->JPageLoading !== "off") : ?> - - - -options->JIndexCarousel) : ?> - - - + - - - - options->JFishStatus !== "off") : ?> - -options->JCDN === 'on') : ?> - - options->JBarragerStatus === 'on') : ?> - - - - options->J3DTagStatus === 'on') : ?> - - - - options->JDirectoryStatus === 'on' && !isMobile()) : ?> - - - - - - - - options->JBarragerStatus === 'on') : ?> - - - - options->J3DTagStatus === 'on') : ?> - - - - options->JDirectoryStatus === 'on' && !isMobile()) : ?> - - - - + +options->JBarragerStatus === 'on') : ?> + + + + + + + - -need('config/background.php'); ?> -need('config/cursor.effect.php'); ?> +options->JCursorEffects !== 'off') : ?> + + \ No newline at end of file diff --git a/public/footer.php b/public/footer.php index 49e94c1..c65438e 100644 --- a/public/footer.php +++ b/public/footer.php @@ -53,14 +53,27 @@
      - options->JDayNight === 'on') : ?> -
      - - - - -
      - + +
      + + + + + + + + +
      + - \ No newline at end of file + + +
      +
      + +
      + + + +
      \ No newline at end of file diff --git a/public/head.php b/public/head.php index 91b97d7..fdd876b 100644 --- a/public/head.php +++ b/public/head.php @@ -8,6 +8,32 @@ + + + @@ -37,43 +63,13 @@ - - -options->JGlobalThemeStatus === 'on') : ?> - - - - -options->JCodeColor !== 'off') : ?> - - - - -options->JPageLoading !== "off") : ?> - - - - -options->JPlayer) : ?> - - - - -options->JIndexCarousel) : ?> - - - -options->JCDN === 'on') : ?> - - - - - - - - - - + + + + + + + -need('public/configure.php'); ?> +to($stat); ?> + options->JCustomHeadEnd() ?> \ No newline at end of file diff --git a/public/header.php b/public/header.php index 3ddb8fd..240d9e2 100644 --- a/public/header.php +++ b/public/header.php @@ -1,4 +1,4 @@ -
      +
      TypechoJoeTheme
      @@ -19,18 +19,85 @@

      options->title(); ?> - options->JLogo) : ?> - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

      @@ -226,11 +316,79 @@

      options->title(); ?> - options->JLogo) : ?> - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

      @@ -280,6 +438,30 @@ + + options->JCustomNavs) : ?> +
      +
      + 其他 + + + +
      + +
      + + options->JCensusStatus === 'on') : ?>
      @@ -413,7 +595,7 @@
      网站页面
        -
      • is('index')) : ?>active> +
      • @@ -421,13 +603,31 @@
        • widget('Widget_Contents_Page_List')->to($pages); ?> next()) : ?> -
      • is('page', $pages->slug)) : ?>active> +
      • title(); ?>
        • + + options->JCustomNavs) : ?> + options->JCustomNavs; + $string_arr = explode("\r\n", $txt); + $long = count($string_arr); + for ($i = 0; $i < $long; $i++) { + $title = explode("||", $string_arr[$i])[0]; + $url = explode("||", $string_arr[$i])[1]; + ?> +
      • + + + + +
        • + +
      @@ -438,12 +638,37 @@
      类目归类
      diff --git a/sw.js b/sw.js deleted file mode 100644 index b13c95c..0000000 --- a/sw.js +++ /dev/null @@ -1,66 +0,0 @@ -const caceheList = ['jquery'] -const notCacheList = ['/admin/'] -self.addEventListener('install', function (event) { - event.waitUntil(self.skipWaiting()) -}) -var version = '0.0.0' -var versionTag = '5f34ff7562517' -var CACHE_NAME = version + versionTag -self.addEventListener('activate', function (event) { - var mainCache = [CACHE_NAME] - event.waitUntil( - caches.keys().then(function (cacheNames) { - return Promise.all( - cacheNames.map(function (cacheName) { - if (mainCache.indexOf(cacheName) === -1) { - console.info('version changed, clean the cache, SW: deleting ' + cacheName) - return caches.delete(cacheName) - } - }) - ) - }) - ) - return self.clients.claim() -}) -function isExitInCacheList(list, url) { - return list.some(function (value) { - return url.indexOf(value) !== -1 - }) -} -self.addEventListener('fetch', function (event) { - // console.log('Handling fetch event for', event.request.url); - if (event.request.method !== 'GET') { - return false - } else { - if (isExitInCacheList(caceheList, event.request.url) && !isExitInCacheList(notCacheList, event.request.url)) { - // 只捕获需要加入cache的请求 - // 劫持 HTTP Request - event.respondWith( - // 檢查快取中是否有可用的資源 - caches.match(event.request).then(function (response) { - if (response) { - // 使用 Service Worker 回應 - // console.log("【cache】use the cache " + event.request.url) - return response - } else { - return fetch(event.request) - .then(function (response) { - return caches.open(CACHE_NAME).then(function (cache) { - // 加入cache中) - // console.log("【yes】 put in the cache" + event.request.url); - cache.put(event.request, response.clone()) - return response - }) - }) - .catch(function (error) { - // console.error('Fetching request url ,' +event.request.url+' failed:', error); - // throw error; - }) - } - }) - ) - } else { - return false - } - } -}) \ No newline at end of file diff --git a/video.php b/video.php index 995d403..fbf5139 100644 --- a/video.php +++ b/video.php @@ -43,23 +43,6 @@ - - - - options->JBarragerStatus === 'on') : ?> -
        - comments()->to($comments); ?> - next()) : ?> -
      • - - excerpt(); ?> -
        • - -
      - - - - need('public/footer.php'); ?> diff --git a/wallpaper.php b/wallpaper.php new file mode 100644 index 0000000..76fdec0 --- /dev/null +++ b/wallpaper.php @@ -0,0 +1,59 @@ + +need('public/prevent.php'); ?> +need('public/defend.php'); ?> + + + + + + need('public/head.php'); ?> + + + + options->JCustomBodyStart() ?> + +
      + + need('public/header.php'); ?> + + +
      +
      + need('component/wallpaper.api.php'); ?> +
      +
      + + + need('public/footer.php'); ?> +
      + + need('public/config.php'); ?> + + + \ No newline at end of file diff --git a/wallpaperApi.php b/wallpaperApi.php new file mode 100644 index 0000000..c87c149 --- /dev/null +++ b/wallpaperApi.php @@ -0,0 +1,52 @@ +