@charset "UTF-8";.layout-box[data-v-4d42da14]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.layout-box>div[data-v-4d42da14]{margin:20px 0;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:400px;flex-basis:400px}.fullscreen-layout[data-v-4d42da14]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:400px;height:400px}.fullscreen-layout header[data-v-4d42da14]{height:50px;background-color:#f66}.fullscreen-layout footer[data-v-4d42da14]{height:50px;background-color:#66f}.fullscreen-layout main[data-v-4d42da14]{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#3c9}.two-column-layout[data-v-4d42da14]{display:-webkit-box;display:-ms-flexbox;display:flex;width:400px;height:400px}.two-column-layout .left[data-v-4d42da14]{width:100px;background-color:#f66}.two-column-layout .right[data-v-4d42da14]{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#66f}.three-column-layout[data-v-4d42da14]{display:-webkit-box;display:-ms-flexbox;display:flex;width:400px;height:400px}.three-column-layout .left[data-v-4d42da14]{width:50px;background-color:#f66}.three-column-layout .center[data-v-4d42da14]{width:100px;background-color:#66f}.three-column-layout .right[data-v-4d42da14]{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#3c9}.grail-layout[data-v-4d42da14]{display:-webkit-box;display:-ms-flexbox;display:flex;width:400px;height:400px}.grail-layout .left[data-v-4d42da14]{width:100px;background-color:#f66}.grail-layout .center[data-v-4d42da14]{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#3c9}.grail-layout .right[data-v-4d42da14]{width:100px;background-color:#66f}.average-layout[data-v-4d42da14]{display:-webkit-box;display:-ms-flexbox;display:flex;width:400px;height:400px}.average-layout div[data-v-4d42da14]{-webkit-box-flex:1;-ms-flex:1;flex:1}.average-layout .one[data-v-4d42da14]{background-color:#f66}.average-layout .two[data-v-4d42da14]{background-color:#66f}.average-layout .three[data-v-4d42da14]{background-color:#f90}.average-layout .four[data-v-4d42da14]{background-color:#09f}.center-layout[data-v-4d42da14]{display:-webkit-box;display:-ms-flexbox;display:flex;width:400px;height:400px;background-color:#f66}.center-layout div[data-v-4d42da14]{width:100px;height:100px;background-color:#66f;margin:auto}.text-wrapping[data-v-2a2f11f2]{overflow:hidden;width:400px;height:300px;font-size:20px;color:#f66;word-break:break-all}.text-wrapping img[data-v-2a2f11f2]{float:left;margin:10px;height:200px}.ellipsis-text[data-v-7a9266af]{line-height:30px;font-size:20px}.ellipsis-text.s-line[data-v-7a9266af]{width:200px}.ellipsis-text.sl-ellipsis[data-v-7a9266af]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis-text.m-line[data-v-7a9266af]{margin-top:10px;width:400px;text-align:justify}.ellipsis-text.ml-ellipsis[data-v-7a9266af]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}.ellipsis-text.mls-ellipsis[data-v-7a9266af]{overflow:hidden;position:relative;max-height:90px}.ellipsis-text.mls-ellipsis[data-v-7a9266af]:after{position:absolute;right:0;bottom:0;padding-left:40px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(50%,#fff));background:linear-gradient(to right,transparent,#fff 50%);content:"..."}.onepx-border[data-v-693c6ab6]{width:200px;height:80px;cursor:pointer;line-height:80px;text-align:center;font-weight:bold;font-size:50px;color:#f66}.onepx-border+.onepx-border[data-v-693c6ab6]{margin-top:10px}.onepx-border.normal[data-v-693c6ab6]{border:1px solid #f66}.onepx-border.thin[data-v-693c6ab6]{position:relative}.onepx-border.thin[data-v-693c6ab6]:after{position:absolute;left:0;top:0;border:1px solid #f66;width:200%;height:200%;content:"";-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top}.flip-content li[data-v-afe08c1c]{position:relative;width:121px;height:51px;line-height:51px;text-align:center;font-weight:bold;font-size:30px;color:#f66}.flip-content li[data-v-afe08c1c]:before,.flip-content li[data-v-afe08c1c]:after{content:"";background-color:#66f;position:absolute}.flip-content li+li[data-v-afe08c1c]{margin-top:10px}.flip-content li.x-axis[data-v-afe08c1c]{-webkit-transform:scale(1,-1);transform:scaleY(-1)}.flip-content li.x-axis[data-v-afe08c1c]:after{left:0;top:25px;width:100%;height:1px}.flip-content li.y-axis[data-v-afe08c1c]{-webkit-transform:scale(-1,1);transform:scaleX(-1)}.flip-content li.y-axis[data-v-afe08c1c]:after{left:60px;top:0;width:1px;height:100%}.flip-content li.reverse[data-v-afe08c1c]{-webkit-transform:scale(-1,-1);transform:scale(-1)}.flip-content li.reverse[data-v-afe08c1c]:before{left:0;top:25px;width:100%;height:1px}.flip-content li.reverse[data-v-afe08c1c]:after{left:60px;top:0;width:1px;height:100%}.hover-tips[data-v-cee9e7d0]{position:relative;padding:0 20px;background-color:#66f;border-radius:10px;height:40px;line-height:40px;color:#fff}.hover-tips+.hover-tips[data-v-cee9e7d0]{margin-top:10px}.hover-tips.btn-1[data-v-cee9e7d0]:after{position:absolute;left:0;top:0;border-radius:5px;width:100%;height:100%;opacity:0;text-align:center;font-size:12px;content:attr(data-msg);-webkit-transition:all .3s;transition:all .3s;background-color:#00000080}.hover-tips.btn-1[data-v-cee9e7d0]:hover:after{left:calc(100% + 20px);opacity:1}.hover-tips.btn-2[data-v-cee9e7d0]:empty:after{content:attr(href)}.specify-selector[data-v-4e3256cd]{display:-webkit-box;display:-ms-flexbox;display:flex}.specify-selector+.specify-selector[data-v-4e3256cd]{margin-top:20px}.specify-selector .list[data-v-4e3256cd]{border:1px solid #f66;width:200px;line-height:2;font-weight:bold;font-size:20px;color:#f66}.specify-selector .list+.list[data-v-4e3256cd]{margin-left:20px}.specify-selector .list li[data-v-4e3256cd]{padding:0 10px}.specify-selector .list .next[data-v-4e3256cd]{background-color:#66f;color:#fff}.specify-selector .list .next+li[data-v-4e3256cd]{background-color:#f90;color:#fff}.specify-selector .list .next-all[data-v-4e3256cd]{background-color:#66f;color:#fff}.specify-selector .list .next-all~li[data-v-4e3256cd]{background-color:#09f;color:#fff}.specify-selector .list .next-filter[data-v-4e3256cd]{background-color:#66f;color:#fff}.specify-selector .list .next-filter~.filter[data-v-4e3256cd]{background-color:#09f;color:#fff}.specify-selector .button+.button[data-v-4e3256cd]{margin-left:20px}.specify-selector .button label[data-v-4e3256cd]{display:block;padding:0 10px;height:40px;background-color:#3c9;cursor:pointer;line-height:40px;font-size:16px;color:#fff;-webkit-transition:all .3s;transition:all .3s}.specify-selector .button input:checked+label[data-v-4e3256cd]{padding:0 20px;border-radius:20px;background-color:#f66}.hover-tips[data-v-2725a8e5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:200px}.hover-tips li[data-v-2725a8e5]{position:relative;padding:2px;width:24px;height:24px;border:2px solid transparent;border-radius:100%;background-clip:content-box;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.hover-tips li[data-v-2725a8e5]:before,.hover-tips li[data-v-2725a8e5]:after{position:absolute;left:50%;bottom:100%;opacity:0;pointer-events:none;-webkit-transform:translate3d(0,-30px,0);transform:translateY(-30px);-webkit-transition:all .3s;transition:all .3s}.hover-tips li[data-v-2725a8e5]:before{margin:0 0 12px -35px;border-radius:5px;width:70px;height:30px;background-color:#00000080;line-height:30px;text-align:center;color:#fff;content:attr(data-name)}.hover-tips li[data-v-2725a8e5]:after{margin-left:-6px;border:6px solid transparent;border-top-color:#00000080;width:0;height:0;content:""}.hover-tips li[data-v-2725a8e5]:nth-child(1){background-color:#f66}.hover-tips li[data-v-2725a8e5]:nth-child(1):hover{border-color:#f66}.hover-tips li[data-v-2725a8e5]:nth-child(2){background-color:#66f}.hover-tips li[data-v-2725a8e5]:nth-child(2):hover{border-color:#66f}.hover-tips li[data-v-2725a8e5]:nth-child(3){background-color:#f90}.hover-tips li[data-v-2725a8e5]:nth-child(3):hover{border-color:#f90}.hover-tips li[data-v-2725a8e5]:nth-child(4){background-color:#09f}.hover-tips li[data-v-2725a8e5]:nth-child(4):hover{border-color:#09f}.hover-tips li[data-v-2725a8e5]:nth-child(5){background-color:#9c3}.hover-tips li[data-v-2725a8e5]:nth-child(5):hover{border-color:#9c3}.hover-tips li[data-v-2725a8e5]:nth-child(6){background-color:#3c9}.hover-tips li[data-v-2725a8e5]:nth-child(6):hover{border-color:#3c9}.hover-tips li[data-v-2725a8e5]:hover:before,.hover-tips li[data-v-2725a8e5]:hover:after{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate(0)}.form-validation[data-v-333d5c8a]{width:500px}.form-validation div+div[data-v-333d5c8a]{margin-top:10px}.form-validation label[data-v-333d5c8a]{display:block;padding-bottom:5px;font-weight:bold;font-size:16px}.form-validation input[data-v-333d5c8a],.form-validation textarea[data-v-333d5c8a]{display:block;padding:0 20px;border:1px solid #ccc;width:100%;height:40px;outline:none;caret-color:#09f;-webkit-transition:all .3s;transition:all .3s}.form-validation input[data-v-333d5c8a]:valid,.form-validation textarea[data-v-333d5c8a]:valid{border-color:#3c9}.form-validation input[data-v-333d5c8a]:invalid,.form-validation textarea[data-v-333d5c8a]:invalid{border-color:#f66}.form-validation textarea[data-v-333d5c8a]{height:122px;resize:none;line-height:30px;font-size:16px}.bruce[data-v-7efb5dc5]{background-color:#999}.bubble-distribution[data-v-7efb5dc5]{position:relative;margin-top:50px;padding:25px;border-radius:2px;width:320px;background-color:#fff}.bubble-distribution h3[data-v-7efb5dc5]{font-size:16px;color:#333}.bubble-distribution div[data-v-7efb5dc5]{margin-top:10px}.bubble-distribution img[data-v-7efb5dc5]{position:absolute;left:50%;bottom:100%;margin:0 0 -20px -60px;width:120px}.bubble-distribution ul[data-v-7efb5dc5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:10px;height:30px;line-height:30px}.bubble-distribution li[data-v-7efb5dc5]{position:relative;width:45%;-webkit-transition:all .3s;transition:all .3s}.bubble-distribution li[data-v-7efb5dc5]:focus-within{background:-webkit-gradient(linear,left top,right top,color-stop(50%,#09f),color-stop(0,transparent)) repeat-x,-webkit-gradient(linear,left top,right top,color-stop(50%,#09f),color-stop(0,transparent)) repeat-x,-webkit-gradient(linear,left bottom,left top,color-stop(50%,#09f),color-stop(0,transparent)) repeat-y,-webkit-gradient(linear,left bottom,left top,color-stop(50%,#09f),color-stop(0,transparent)) repeat-y;background:linear-gradient(90deg,#09f 50%,transparent 0) repeat-x,linear-gradient(90deg,#09f 50%,transparent 0) repeat-x,linear-gradient(0deg,#09f 50%,transparent 0) repeat-y,linear-gradient(0deg,#09f 50%,transparent 0) repeat-y;background-position:0 0,0 100%,0 0,100% 0;background-size:8px 1px,8px 1px,1px 8px,1px 8px;-webkit-animation:move-7efb5dc5 .5s infinite linear;animation:move-7efb5dc5 .5s infinite linear}.bubble-distribution input[type=text][data-v-7efb5dc5],.bubble-distribution input[type=password][data-v-7efb5dc5]{padding:10px;border:1px solid #e9e9e9;border-radius:2px;width:100%;height:40px;outline:none;-webkit-transition:all .3s;transition:all .3s}.bubble-distribution input[type=text][data-v-7efb5dc5]:focus:valid,.bubble-distribution input[type=password][data-v-7efb5dc5]:focus:valid{border-color:#09f}.bubble-distribution input[type=text][data-v-7efb5dc5]:focus:invalid,.bubble-distribution input[type=password][data-v-7efb5dc5]:focus:invalid{border-color:#f66}.bubble-distribution input[type=radio][data-v-7efb5dc5]{position:absolute;width:0;height:0}.bubble-distribution input[type=radio]:checked+label[data-v-7efb5dc5]{border:3px solid transparent;background-color:#09f;color:#fff}.bubble-distribution label[data-v-7efb5dc5]{display:block;border-bottom:1px solid #ccc;width:100%;background-clip:padding-box;cursor:pointer;text-align:center;-webkit-transition:all .3s;transition:all .3s}.bubble-distribution button[data-v-7efb5dc5]{margin-top:10px;border:none;border-radius:2px;width:100%;height:40px;outline:none;background-color:#09f;cursor:pointer;color:#fff;-webkit-transition:all .3s;transition:all .3s}.bubble-distribution .account img[data-v-7efb5dc5],.bubble-distribution .password img[data-v-7efb5dc5],.bubble-distribution .code img[data-v-7efb5dc5]{display:none;margin-bottom:-27px}.bubble-distribution .account:focus-within img[data-v-7efb5dc5],.bubble-distribution .password:focus-within img[data-v-7efb5dc5],.bubble-distribution .code:focus-within img[data-v-7efb5dc5]{display:block}.bubble-distribution .account:focus-within~img[data-v-7efb5dc5],.bubble-distribution .password:focus-within~img[data-v-7efb5dc5],.bubble-distribution .code:focus-within~img[data-v-7efb5dc5]{display:none}.bubble-distribution .code[data-v-7efb5dc5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.bubble-distribution .code button[data-v-7efb5dc5]{margin-top:0}.bubble-distribution .code input[data-v-7efb5dc5]:not(:-moz-placeholder-shown){width:70%}.bubble-distribution .code input[data-v-7efb5dc5]:not(:-ms-input-placeholder){width:70%}.bubble-distribution .code input[data-v-7efb5dc5]:not(:placeholder-shown){width:70%}.bubble-distribution .code input:not(:-moz-placeholder-shown)+button[data-v-7efb5dc5]{width:25%}.bubble-distribution .code input:not(:-ms-input-placeholder)+button[data-v-7efb5dc5]{width:25%}.bubble-distribution .code input:not(:placeholder-shown)+button[data-v-7efb5dc5]{width:25%}.bubble-distribution .code input[data-v-7efb5dc5]:-moz-placeholder-shown{width:100%}.bubble-distribution .code input[data-v-7efb5dc5]:-ms-input-placeholder{width:100%}.bubble-distribution .code input[data-v-7efb5dc5]:placeholder-shown{width:100%}.bubble-distribution .code input:-moz-placeholder-shown+button[data-v-7efb5dc5]{width:0;opacity:0}.bubble-distribution .code input:-ms-input-placeholder+button[data-v-7efb5dc5]{width:0;opacity:0}.bubble-distribution .code input:placeholder-shown+button[data-v-7efb5dc5]{width:0;opacity:0}@-webkit-keyframes move-7efb5dc5{to{background-position:6% 0,-6% 100%,0 -6%,100% 6%}}@keyframes move-7efb5dc5{to{background-position:6% 0,-6% 100%,0 -6%,100% 6%}}.empty-list[data-v-d2d8d9ee]{overflow:auto;width:200px;height:150px;outline:1px solid #3c9}.empty-list[data-v-d2d8d9ee]:empty{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:url(https://yangzw.vip/img/empty.svg) no-repeat center/100px auto}.empty-list[data-v-d2d8d9ee]:empty:after{content:"\6ca1\94b1\5c31\6ca1\6570\636e";margin-top:90px;font-weight:bold}.empty-list+.empty-list[data-v-d2d8d9ee]{margin-left:20px}.empty-list li[data-v-d2d8d9ee]{padding:0 10px;height:30px;background-color:#09f;line-height:30px;color:#fff}.empty-list li[data-v-d2d8d9ee]:nth-child(even){background-color:#f90}.figure-box[data-v-45eeae74]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:720px}.figure-box li[data-v-45eeae74]{--\398: calc(var(--index) / var(--count) * 1turn);margin:10px;width:100px;height:100px;background-color:#3c9;-webkit-filter:hue-rotate(var(--\398));filter:hue-rotate(var(--\398))}.figure-box li.star[data-v-45eeae74]{-webkit-clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.figure-box li.ellipse[data-v-45eeae74]{-webkit-clip-path:ellipse(40% 50% at 50% 50%);clip-path:ellipse(40% 50% at 50% 50%)}.figure-box li.circle[data-v-45eeae74]{-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%)}.figure-box li.triangle[data-v-45eeae74]{-webkit-clip-path:polygon(50% 0%,0% 100%,100% 100%);clip-path:polygon(50% 0%,0% 100%,100% 100%)}.figure-box li.rhombus[data-v-45eeae74]{-webkit-clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.figure-box li.trapezoid[data-v-45eeae74]{-webkit-clip-path:polygon(20% 0%,80% 0%,100% 100%,0% 100%);clip-path:polygon(20% 0%,80% 0%,100% 100%,0% 100%)}.figure-box li.parallelogram[data-v-45eeae74]{-webkit-clip-path:polygon(25% 0%,100% 0%,75% 100%,0% 100%);clip-path:polygon(25% 0%,100% 0%,75% 100%,0% 100%)}.figure-box li.pentagon[data-v-45eeae74]{-webkit-clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%)}.figure-box li.left-arrow[data-v-45eeae74]{-webkit-clip-path:polygon(40% 0%,40% 20%,100% 20%,100% 80%,40% 80%,40% 100%,0% 50%);clip-path:polygon(40% 0%,40% 20%,100% 20%,100% 80%,40% 80%,40% 100%,0% 50%)}.figure-box li.right-arrow[data-v-45eeae74]{-webkit-clip-path:polygon(0% 20%,60% 20%,60% 0%,100% 50%,60% 100%,60% 80%,0% 80%);clip-path:polygon(0% 20%,60% 20%,60% 0%,100% 50%,60% 100%,60% 80%,0% 80%)}.figure-box li.close[data-v-45eeae74]{-webkit-clip-path:polygon(20% 0%,0% 20%,30% 50%,0% 80%,20% 100%,50% 70%,80% 100%,100% 80%,70% 50%,100% 20%,80% 0%,50% 30%);clip-path:polygon(20% 0%,0% 20%,30% 50%,0% 80%,20% 100%,50% 70%,80% 100%,100% 80%,70% 50%,100% 20%,80% 0%,50% 30%)}.figure-box li.message[data-v-45eeae74]{-webkit-clip-path:polygon(0% 0%,100% 0%,100% 75%,75% 75%,75% 100%,50% 75%,0% 75%);clip-path:polygon(0% 0%,100% 0%,100% 75%,75% 75%,75% 100%,50% 75%,0% 75%)}.square-bg[data-v-5247edb2]{width:500px;height:300px;background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%),linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%);background-position:0 0,20px 20px;background-size:40px 40px}.bruce[data-v-51d806cc]{padding:0;height:400px}.mask-bg[data-v-51d806cc]{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;height:100%}.mask-bg[data-v-51d806cc]:after{position:absolute;left:-20px;right:-20px;top:-20px;bottom:-20px;background:url(https://static.yangzw.vip/codepen/mountain.jpg) no-repeat center/cover;-webkit-filter:blur(10px);filter:blur(10px);content:""}.mask-bg div[data-v-51d806cc]{position:relative;z-index:9;width:600px;height:300px;background:url(https://static.yangzw.vip/codepen/snow.jpg) left center/150% auto;-webkit-mask:url(/assets/logo-netease.02ce333d.svg) center/cover;mask:url(/assets/logo-netease.02ce333d.svg) center/cover;-webkit-animation:move-51d806cc 10s infinite;animation:move-51d806cc 10s infinite}@-webkit-keyframes move-51d806cc{0%{background-position-x:0}50%{background-position-x:100%}}@keyframes move-51d806cc{0%{background-position-x:0}50%{background-position-x:100%}}.img-cliper[data-v-45a1fa5c]{overflow:hidden;position:relative}.img-cliper img[data-v-45a1fa5c]{width:400px}.img-cliper i[data-v-45a1fa5c]{position:absolute;left:50px;top:30px;width:100px;height:50px;border-radius:100%;-webkit-box-shadow:0 0 0 9999px rgba(0,0,0,.5);box-shadow:0 0 0 9999px #00000080}.bruce[data-v-b07570ae]{padding:150px 0 100px}.heart-shape[data-v-b07570ae]{position:relative;width:200px;height:200px;background-color:#f66;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.heart-shape[data-v-b07570ae]:before,.heart-shape[data-v-b07570ae]:after{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:100%;background-color:#f66;content:""}.heart-shape[data-v-b07570ae]:before{-webkit-transform:translateX(-50%);transform:translate(-50%)}.heart-shape[data-v-b07570ae]:after{-webkit-transform:translateY(-50%);transform:translateY(-50%)}.strip-loading[data-v-ab83d802]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:200px;height:200px}.strip-loading li[data-v-ab83d802]{--time: calc((var(--line-index) - 1) * .2s);border-radius:3px;width:6px;height:30px;background-color:#f66;-webkit-animation:beat-ab83d802 1.5s ease-in-out var(--time) infinite;animation:beat-ab83d802 1.5s ease-in-out var(--time) infinite}.strip-loading li+li[data-v-ab83d802]{margin-left:5px}@-webkit-keyframes beat-ab83d802{0%,to{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}@keyframes beat-ab83d802{0%,to{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}.heart-loading[data-v-14276019]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:200px;height:200px}.heart-loading ul[data-v-14276019]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:150px;height:150px}.heart-loading li[data-v-14276019]{--\398: calc(var(--line-index) / var(--line-count) * .5turn);--time: calc((var(--line-index) - 1) * 40ms);border-radius:5px;width:10px;height:10px;background-color:#3c9;-webkit-filter:hue-rotate(var(--\398));filter:hue-rotate(var(--\398));-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:var(--time);animation-delay:var(--time);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.heart-loading li.line-1[data-v-14276019],.heart-loading li.line-9[data-v-14276019]{-webkit-animation-name:beat-1-14276019;animation-name:beat-1-14276019}.heart-loading li.line-2[data-v-14276019],.heart-loading li.line-8[data-v-14276019]{-webkit-animation-name:beat-2-14276019;animation-name:beat-2-14276019}.heart-loading li.line-3[data-v-14276019],.heart-loading li.line-7[data-v-14276019]{-webkit-animation-name:beat-3-14276019;animation-name:beat-3-14276019}.heart-loading li.line-4[data-v-14276019],.heart-loading li.line-6[data-v-14276019]{-webkit-animation-name:beat-4-14276019;animation-name:beat-4-14276019}.heart-loading li.line-5[data-v-14276019]{-webkit-animation-name:beat-5-14276019;animation-name:beat-5-14276019}@-webkit-keyframes beat-1-14276019{0%,10%,90%,to{height:10px}45%,55%{height:30px;-webkit-transform:translate3d(0,-15px,0);transform:translateY(-15px)}}@keyframes beat-1-14276019{0%,10%,90%,to{height:10px}45%,55%{height:30px;-webkit-transform:translate3d(0,-15px,0);transform:translateY(-15px)}}@-webkit-keyframes beat-2-14276019{0%,10%,90%,to{height:10px}45%,55%{height:60px;-webkit-transform:translate3d(0,-30px,0);transform:translateY(-30px)}}@keyframes beat-2-14276019{0%,10%,90%,to{height:10px}45%,55%{height:60px;-webkit-transform:translate3d(0,-30px,0);transform:translateY(-30px)}}@-webkit-keyframes beat-3-14276019{0%,10%,90%,to{height:10px}45%,55%{height:80px;-webkit-transform:translate3d(0,-40px,0);transform:translateY(-40px)}}@keyframes beat-3-14276019{0%,10%,90%,to{height:10px}45%,55%{height:80px;-webkit-transform:translate3d(0,-40px,0);transform:translateY(-40px)}}@-webkit-keyframes beat-4-14276019{0%,10%,90%,to{height:10px}45%,55%{height:90px;-webkit-transform:translate3d(0,-30px,0);transform:translateY(-30px)}}@keyframes beat-4-14276019{0%,10%,90%,to{height:10px}45%,55%{height:90px;-webkit-transform:translate3d(0,-30px,0);transform:translateY(-30px)}}@-webkit-keyframes beat-5-14276019{0%,10%,90%,to{height:10px}45%,55%{height:90px;-webkit-transform:translate3d(0,-20px,0);transform:translateY(-20px)}}@keyframes beat-5-14276019{0%,10%,90%,to{height:10px}45%,55%{height:90px;-webkit-transform:translate3d(0,-20px,0);transform:translateY(-20px)}}.active[data-v-7fd34d2e],.tab-navbar input:nth-child(4):checked~nav label[data-v-7fd34d2e]:nth-child(4),.tab-navbar input:nth-child(3):checked~nav label[data-v-7fd34d2e]:nth-child(3),.tab-navbar input:nth-child(2):checked~nav label[data-v-7fd34d2e]:nth-child(2),.tab-navbar input:nth-child(1):checked~nav label[data-v-7fd34d2e]:nth-child(1){background-color:#3c9}.tab-navbar[data-v-7fd34d2e]{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-radius:10px;width:300px;height:400px}.tab-navbar input:nth-child(1):checked~main ul[data-v-7fd34d2e]{background-color:#f66;-webkit-transform:translate3d(0,0,0);transform:translate(0)}.tab-navbar input:nth-child(2):checked~main ul[data-v-7fd34d2e]{background-color:#66f;-webkit-transform:translate3d(-25%,0,0);transform:translate(-25%)}.tab-navbar input:nth-child(3):checked~main ul[data-v-7fd34d2e]{background-color:#f90;-webkit-transform:translate3d(-50%,0,0);transform:translate(-50%)}.tab-navbar input:nth-child(4):checked~main ul[data-v-7fd34d2e]{background-color:#09f;-webkit-transform:translate3d(-75%,0,0);transform:translate(-75%)}.tab-navbar nav[data-v-7fd34d2e]{display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;background-color:#f0f0f0;line-height:40px;text-align:center}.tab-navbar nav label[data-v-7fd34d2e]{-webkit-box-flex:1;-ms-flex:1;flex:1;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.tab-navbar main[data-v-7fd34d2e]{-webkit-box-flex:1;-ms-flex:1;flex:1}.tab-navbar main ul[data-v-7fd34d2e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:400%;height:100%;-webkit-transition:all .3s;transition:all .3s}.tab-navbar main li[data-v-7fd34d2e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;font-weight:bold;font-size:20px;color:#fff}.tab-navbar[data-v-ed25639e]{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-radius:10px;width:300px;height:400px}.tab-navbar nav[data-v-ed25639e]{display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;background-color:#f0f0f0;line-height:40px;text-align:center}.tab-navbar nav a[data-v-ed25639e]{-webkit-box-flex:1;-ms-flex:1;flex:1;cursor:pointer;-webkit-transition:all .5s;transition:all .5s}.tab-navbar nav a.active[data-v-ed25639e]{background-color:#3c9;color:#fff}.tab-navbar div[data-v-ed25639e]{-webkit-box-flex:1;-ms-flex:1;flex:1}.tab-navbar div ul[data-v-ed25639e]{--tab-index: 0;--tab-width: calc(var(--tab-count) * 100%);--tab-move: calc(var(--tab-index) / var(--tab-count) * -100%);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:var(--tab-width);height:100%;-webkit-transform:translate3d(var(--tab-move),0,0);transform:translate(var(--tab-move));-webkit-transition:all .3s;transition:all .3s}.tab-navbar div li[data-v-ed25639e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:var(--bg-color);font-weight:bold;font-size:20px;color:#fff}.track-btn[data-v-dcf7ffec]{overflow:hidden;position:relative;border-radius:25px;background-color:#66f;width:400px;height:50px;cursor:pointer;line-height:50px;text-align:center;font-weight:bold;font-size:18px;color:#fff}.track-btn span[data-v-dcf7ffec]{position:relative;pointer-events:none}.track-btn[data-v-dcf7ffec]:before{--size: 0;position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);background-image:radial-gradient(circle closest-side,#09f,transparent);content:"";-webkit-transform:translate3d(-50%,-50%,0);transform:translate(-50%,-50%);-webkit-transition:width .2s ease,height .2s ease;transition:width .2s ease,height .2s ease}.track-btn[data-v-dcf7ffec]:hover:before{--size: 400px}.bruce[data-v-a481caba]{-webkit-transform:perspective(800px);transform:perspective(800px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.parallax-btn[data-v-a481caba]{position:relative;width:400px;height:50px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:50px;text-align:center;font-size:18px;color:#fff}.parallax-btn[data-v-a481caba]:before{position:absolute;left:0;right:0;top:0;bottom:0;border-radius:4px;background:linear-gradient(135deg,#6e8efb,#a777e3);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.2);box-shadow:0 2px 5px #0003;content:"";will-change:transform;-webkit-transform:translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0)) translateZ(var(--tz, -12px));transform:translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0)) translateZ(var(--tz, -12px));-webkit-transition:-webkit-box-shadow .5s ease,-webkit-transform .2s ease;transition:-webkit-box-shadow .5s ease,-webkit-transform .2s ease;transition:box-shadow .5s ease,transform .2s ease;transition:box-shadow .5s ease,transform .2s ease,-webkit-box-shadow .5s ease,-webkit-transform .2s ease}.parallax-btn[data-v-a481caba]:after{display:inline-block;position:relative;font-weight:bold;content:attr(data-name);will-change:transform;-webkit-transform:translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0));transform:translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0));-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.parallax-btn[data-v-a481caba]:hover:before{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.3);box-shadow:0 5px 15px #0000004d}.btn[data-v-7b47b71c],.ios-switch[data-v-7b47b71c]:before,.ios-switch[data-v-7b47b71c]{border-radius:31px;width:102px;height:62px;background-color:#e9e9eb}.ios-switch[data-v-7b47b71c]{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;-webkit-transition:all .1s;transition:all .1s}.ios-switch[data-v-7b47b71c]:before{position:absolute;content:"";-webkit-transition:all .3s cubic-bezier(.45,1,.4,1);transition:all .3s cubic-bezier(.45,1,.4,1)}.ios-switch[data-v-7b47b71c]:after{position:absolute;left:4px;top:4px;border-radius:27px;width:54px;height:54px;background-color:#fff;-webkit-box-shadow:1px 1px 5px rgba(0,0,0,.3);box-shadow:1px 1px 5px #0000004d;content:"";-webkit-transition:all .3s cubic-bezier(.4,.4,.25,1.35);transition:all .3s cubic-bezier(.4,.4,.25,1.35)}.ios-switch[data-v-7b47b71c]:checked{background-color:#5eb662}.ios-switch[data-v-7b47b71c]:checked:before{-webkit-transform:scale(0);transform:scale(0)}.ios-switch[data-v-7b47b71c]:checked:after{-webkit-transform:translateX(40px);transform:translate(40px)}.bubble-box[data-v-28f0bffc]{position:relative;border-radius:5px;width:200px;height:50px;background-color:#f90;line-height:50px;text-align:center;font-size:20px;color:#fff}.bubble-box[data-v-28f0bffc]:after{position:absolute;left:100%;top:50%;content:"";margin-top:-5px;border:5px solid transparent;border-left-color:#f90}.bubble-empty-box[data-v-28f0bffc]{position:relative;margin-top:10px;border:2px solid #f90;border-radius:5px;width:200px;height:50px;line-height:46px;text-align:center;font-size:20px;color:#f90}.bubble-empty-box[data-v-28f0bffc]:before{position:absolute;left:100%;top:50%;margin:-5px 0 0 2px;border:5px solid transparent;border-left-color:#f90;content:""}.bubble-empty-box[data-v-28f0bffc]:after{position:absolute;left:100%;top:50%;margin-top:-4px;border:4px solid transparent;border-left-color:#fff;content:""}.article-avatar[data-v-45694f5e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f66;border-radius:100%;width:250px;height:250px;font-weight:bold;font-size:35px;line-height:50px;color:#fff;-webkit-box-shadow:0 0 50px 5px rgba(0,0,0,.2) inset;box-shadow:0 0 50px 5px #0003 inset;text-shadow:5px 5px 10px rgba(0,0,0,.5)}.article-avatar .left[data-v-45694f5e]{border-top:3px solid #fff;text-indent:-1em}.article-avatar .right[data-v-45694f5e]{text-indent:2em;font-size:40px}.mourning-mode[data-v-31ce56eb]{width:400px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.auto-typing[data-v-eb7c557e]{font-weight:bold;font-size:30px;color:#09f;overflow:hidden;border-right:1px solid transparent;width:53ch;font-family:Consolas,Monaco,monospace;white-space:nowrap;-webkit-animation:typing-eb7c557e 5s steps(53) 0s infinite backwards,caret-eb7c557e .5s steps(1) 0s infinite forwards;animation:typing-eb7c557e 5s steps(53) 0s infinite backwards,caret-eb7c557e .5s steps(1) 0s infinite forwards}@-webkit-keyframes caret-eb7c557e{50%{border-right-color:currentColor}}@keyframes caret-eb7c557e{50%{border-right-color:currentColor}}@-webkit-keyframes typing-eb7c557e{0%{width:0}}@keyframes typing-eb7c557e{0%{width:0}}.accordion[data-v-5d618054]{display:-webkit-box;display:-ms-flexbox;display:flex;width:600px;height:200px}.accordion li[data-v-5d618054]{-webkit-box-flex:1;-ms-flex:1;flex:1;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.accordion li[data-v-5d618054]:nth-child(1){background-color:#f66}.accordion li[data-v-5d618054]:nth-child(2){background-color:#66f}.accordion li[data-v-5d618054]:nth-child(3){background-color:#f90}.accordion li[data-v-5d618054]:nth-child(4){background-color:#09f}.accordion li[data-v-5d618054]:nth-child(5){background-color:#9c3}.accordion li[data-v-5d618054]:nth-child(6){background-color:#3c9}.accordion li[data-v-5d618054]:hover{-webkit-box-flex:2;-ms-flex:2;flex:2;background-color:#ccc}.accordion[data-v-1edd913f]{width:300px}.accordion article[data-v-1edd913f]{cursor:pointer}.accordion article+article[data-v-1edd913f]{margin-top:5px}.accordion input:nth-child(1):checked~article:nth-of-type(1) p[data-v-1edd913f],.accordion input:nth-child(2):checked~article:nth-of-type(2) p[data-v-1edd913f],.accordion input:nth-child(3):checked~article:nth-of-type(3) p[data-v-1edd913f]{border-bottom-width:1px;max-height:600px}.accordion label[data-v-1edd913f]{display:block;padding:0 20px;height:40px;background-color:#f66;cursor:pointer;line-height:40px;font-size:16px;color:#fff}.accordion p[data-v-1edd913f]{overflow:hidden;padding:0 20px;border:1px solid #f66;border-top:none;border-bottom-width:0;max-height:0;line-height:30px;-webkit-transition:all .5s;transition:all .5s}.bruce[data-v-01909a7b]{background-color:#999}.auth[data-v-01909a7b]{overflow:hidden;border-radius:2px;width:320px;background-color:#fff}.auth .auth-title[data-v-01909a7b]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;border-radius:1px solid #eee;height:40px}.auth .auth-title label[data-v-01909a7b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.auth .auth-title label[data-v-01909a7b]:hover{color:#66f}.auth .auth-title em[data-v-01909a7b]{position:absolute;left:0;bottom:0;border-radius:1px;width:50%;height:2px;background-color:#f66;-webkit-transition:all .3s cubic-bezier(.4,.4,.25,1.35);transition:all .3s cubic-bezier(.4,.4,.25,1.35)}.auth .auth-form[data-v-01909a7b]{display:-webkit-box;display:-ms-flexbox;display:flex;width:200%;height:250px;-webkit-transition:all .3s cubic-bezier(.4,.4,.25,1.35);transition:all .3s cubic-bezier(.4,.4,.25,1.35)}.auth .auth-form form[data-v-01909a7b]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:20px}.auth .auth-form div[data-v-01909a7b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.auth .auth-form div+div[data-v-01909a7b]{margin-top:10px}.auth .auth-form input[data-v-01909a7b]{padding:10px;border:1px solid #e9e9e9;border-radius:2px;width:100%;height:40px;outline:none;-webkit-transition:all .3s;transition:all .3s}.auth .auth-form input[data-v-01909a7b]:focus:valid{border-color:#09f}.auth .auth-form input[data-v-01909a7b]:focus:invalid{border-color:#f66}.auth .auth-form input:not(:-moz-placeholder-shown)+label[data-v-01909a7b]{height:30px;opacity:1;font-size:14px}.auth .auth-form input:not(:-ms-input-placeholder)+label[data-v-01909a7b]{height:30px;opacity:1;font-size:14px}.auth .auth-form input:not(:placeholder-shown)+label[data-v-01909a7b]{height:30px;opacity:1;font-size:14px}.auth .auth-form label[data-v-01909a7b]{overflow:hidden;padding:0 10px;height:0;opacity:0;line-height:30px;font-weight:bold;font-size:0;-webkit-transition:all .3s;transition:all .3s}.auth .auth-form button[data-v-01909a7b]{margin-top:10px;border:none;border-radius:2px;width:100%;height:40px;outline:none;background-color:#09f;cursor:pointer;color:#fff;-webkit-transition:all .3s;transition:all .3s}#login-btn:checked~.auth-title label[data-v-01909a7b]:nth-child(1){font-weight:bold;color:#f66}#login-btn:checked~.auth-title em[data-v-01909a7b]{-webkit-transform:translate(0,0);transform:translate(0)}#logon-btn:checked~.auth-title label[data-v-01909a7b]:nth-child(2){font-weight:bold;color:#f66}#logon-btn:checked~.auth-title em[data-v-01909a7b]{-webkit-transform:translate(160px,0);transform:translate(160px)}#logon-btn:checked~.auth-form[data-v-01909a7b]{-webkit-transform:translate(-50%,0);transform:translate(-50%)}.magnifier[data-v-57eb539e]{--x: 0;--y: 0;overflow:hidden;position:relative;width:600px;height:400px;background:url(https://static.yangzw.vip/codepen/gz.jpg) no-repeat center/100% 100%;cursor:pointer}.magnifier[data-v-57eb539e]:before{--size: 0;position:absolute;left:var(--x);top:var(--y);border-radius:100%;width:var(--size);height:var(--size);background:#333 url(https://static.yangzw.vip/codepen/gz.jpg) no-repeat calc(var(--size) / 2 - 2 * var(--x)) calc(var(--size) / 2 - 2 * var(--y))/1200px 800px;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.5);box-shadow:1px 1px 3px #00000080;content:"";will-change:left,top;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.magnifier[data-v-57eb539e]:hover:before{--size: 100px}.dynamic-bg[data-v-0b833ac8]{--scrolly: 250;overflow:hidden;position:relative;border:1px solid #66f;width:400px;height:400px}.dynamic-bg header[data-v-0b833ac8]{--\398: calc(var(--scrolly) * 2deg);--size: calc(1500px - var(--scrolly) * 2px);--x: calc(var(--size) / 2 * -1);--y: calc(var(--scrolly) * -1px);--ratio: calc(50% - var(--scrolly) / 20 * 1%);position:absolute;left:50%;bottom:100%;margin:0 0 var(--y) var(--x);border-radius:var(--ratio);width:var(--size);height:var(--size);background-color:#3c9;-webkit-filter:hue-rotate(var(--\398));filter:hue-rotate(var(--\398));-webkit-animation:rotate-0b833ac8 5s linear infinite;animation:rotate-0b833ac8 5s linear infinite}.dynamic-bg main[data-v-0b833ac8]{overflow:auto;position:relative;width:100%;height:100%}.dynamic-bg main div[data-v-0b833ac8]{padding:300px 20px 50px}.dynamic-bg main p[data-v-0b833ac8]{line-height:1.2;text-align:justify;text-indent:2em}@-webkit-keyframes rotate-0b833ac8{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-0b833ac8{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.bruce[data-v-b28d8606]{padding:0;height:400px}.gradient-bg[data-v-b28d8606]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;background:linear-gradient(135deg,#f66,#f90,#3c9,#09f,#66f) left center/400% 400%;font-weight:bold;font-size:100px;color:#fff;-webkit-animation:move-b28d8606 10s infinite;animation:move-b28d8606 10s infinite}@-webkit-keyframes move-b28d8606{0%,to{background-position-x:left}50%{background-position-x:right}}@keyframes move-b28d8606{0%,to{background-position-x:left}50%{background-position-x:right}}.gradient-text[data-v-e07de544]{background-image:-webkit-gradient(linear,left top,right top,from(#f66),to(#f90));background-image:linear-gradient(90deg,#f66,#f90);-webkit-background-clip:text;background-clip:text;line-height:60px;font-size:60px;color:transparent;-webkit-animation:hue-e07de544 5s linear infinite;animation:hue-e07de544 5s linear infinite}@-webkit-keyframes hue-e07de544{0%{-webkit-filter:hue-rotate(0);filter:hue-rotate(0)}to{-webkit-filter:hue-rotate(-1turn);filter:hue-rotate(-1turn)}}@keyframes hue-e07de544{0%{-webkit-filter:hue-rotate(0);filter:hue-rotate(0)}to{-webkit-filter:hue-rotate(-1turn);filter:hue-rotate(-1turn)}}.blink-text[data-v-c0603d56]{width:100%;background-image:linear-gradient(-45deg,#f66 30%,#fff 50%,#f66 70%);background-size:200%;-webkit-background-clip:text;background-clip:text;background-blend-mode:hard-light;font-weight:bold;font-size:20px;color:transparent;-webkit-animation:shine-c0603d56 2s infinite;animation:shine-c0603d56 2s infinite}@-webkit-keyframes shine-c0603d56{0%{background-position:100%}to{background-position:0}}@keyframes shine-c0603d56{0%{background-position:100%}to{background-position:0}}.rainbow-bar[data-v-60d28ea6]{width:250px}.rainbow-bar.bar-1[data-v-60d28ea6]{overflow:hidden;position:relative;height:125px}.rainbow-bar.bar-1[data-v-60d28ea6]:after{display:block;border-radius:100%;width:100%;height:200%;-webkit-box-shadow:0 0 0 8px #f66 inset,0 0 0 16px #f90 inset,0 0 0 24px #ff3 inset,0 0 0 32px #3c9 inset,0 0 0 40px #9c3 inset,0 0 0 48px #09f inset,0 0 0 56px #66f inset;box-shadow:0 0 0 8px #f66 inset,0 0 0 16px #f90 inset,0 0 0 24px #ff3 inset,0 0 0 32px #3c9 inset,0 0 0 40px #9c3 inset,0 0 0 48px #09f inset,0 0 0 56px #66f inset;content:""}.rainbow-bar.bar-2[data-v-60d28ea6]{margin:125px 0 0 50px;border-radius:100%;height:250px;-webkit-box-shadow:0 0 0 8px #f66 inset,0 0 0 16px #f90 inset,0 0 0 24px #ff3 inset,0 0 0 32px #3c9 inset,0 0 0 40px #9c3 inset,0 0 0 48px #09f inset,0 0 0 56px #66f inset;box-shadow:0 0 0 8px #f66 inset,0 0 0 16px #f90 inset,0 0 0 24px #ff3 inset,0 0 0 32px #3c9 inset,0 0 0 40px #9c3 inset,0 0 0 48px #09f inset,0 0 0 56px #66f inset;-webkit-clip-path:polygon(0 0,100% 0,100% 50%,0 50%);clip-path:polygon(0 0,100% 0,100% 50%,0 50%)}.btn[data-v-6d97991b],.dark-theme .ios-switch[data-v-6d97991b]:before,.dark-theme .ios-switch[data-v-6d97991b]{border-radius:31px;width:102px;height:62px;background-color:#e9e9eb}.dark-theme[data-v-6d97991b]{display:-webkit-box;display:-ms-flexbox;display:flex}.dark-theme .ios-switch[data-v-6d97991b]{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;-webkit-transition:all .1s;transition:all .1s}.dark-theme .ios-switch[data-v-6d97991b]:before{position:absolute;content:"";-webkit-transition:all .3s cubic-bezier(.45,1,.4,1);transition:all .3s cubic-bezier(.45,1,.4,1)}.dark-theme .ios-switch[data-v-6d97991b]:after{position:absolute;left:4px;top:4px;border-radius:27px;width:54px;height:54px;background-color:#fff;-webkit-box-shadow:1px 1px 5px rgba(0,0,0,.3);box-shadow:1px 1px 5px #0000004d;content:"";-webkit-transition:all .3s cubic-bezier(.4,.4,.25,1.35);transition:all .3s cubic-bezier(.4,.4,.25,1.35)}.dark-theme .ios-switch[data-v-6d97991b]:checked{background-color:#5eb662}.dark-theme .ios-switch[data-v-6d97991b]:checked:before{-webkit-transform:scale(0);transform:scale(0)}.dark-theme .ios-switch[data-v-6d97991b]:checked:after{-webkit-transform:translateX(40px);transform:translate(40px)}.dark-theme .ios-switch:checked+.main[data-v-6d97991b]{-webkit-filter:invert(1) hue-rotate(180deg);filter:invert(1) hue-rotate(180deg)}.dark-theme .ios-switch:checked+.main img[data-v-6d97991b],.dark-theme .ios-switch:checked+.main video[data-v-6d97991b],.dark-theme .ios-switch:checked+.main .avatar[data-v-6d97991b],.dark-theme .ios-switch:checked+.main .image[data-v-6d97991b],.dark-theme .ios-switch:checked+.main .thumb[data-v-6d97991b]{-webkit-filter:invert(1) hue-rotate(180deg);filter:invert(1) hue-rotate(180deg)}.dark-theme .main[data-v-6d97991b]{margin-left:20px;border:1px solid #3c9;width:1000px;height:400px;background-color:#fff;-webkit-transition:all .3s;transition:all .3s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:#cccccc4d}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#ccc}.header{overflow:hidden;height:100vh;background-color:#282c34}.header h1{margin:20px 0;font-size:10vmin}.header img{display:inline-block;height:10vmin;vertical-align:super;-webkit-animation:swing 3s infinite;animation:swing 3s infinite}.header p{line-height:1.5;font-size:1.8vmin;color:#fff}.header p+p{margin-top:10px}.header strong{display:inline-block;margin:0 3px;padding:0 6px;border-radius:5px;line-height:20px;color:#fff}.header strong.default{background-color:#f66}.header strong.react{background-color:#61dafb}.header strong.vue{background-color:#42b983}.header div{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:20px}.header a{color:#fff;padding:0 4px}.header a:hover{text-decoration:underline}.header .gradient{background-image:linear-gradient(92deg,#f66 0%,#f90 100%);background-clip:text;-webkit-background-clip:text;color:#f66;-webkit-animation:hue 5s infinite linear;animation:hue 5s infinite linear;-webkit-text-fill-color:transparent}.bruce{overflow:hidden;position:relative;padding:50px 0;border-bottom:1px solid #ccc;min-height:300px}.bruce:before{position:absolute;left:50%;top:0;z-index:99999;padding:0 10px;border-radius:0 0 5px 5px;max-width:300px;line-height:20px;-webkit-transform:translateX(-50%);transform:translate(-50%);color:#fff;content:attr(data-title)}.bruce:after{position:absolute;right:0;bottom:0;z-index:99999;padding:5px 10px;border-top-left-radius:5px;background-color:#ccc;font-weight:bold;font-size:16px;color:#fff}.content{overflow:auto;-webkit-transition:all .3s;transition:all .3s}.content.layout .bruce:before{background-color:#f66}.content.layout .bruce:after{content:"\5e03\5c40"}.content.behavior .bruce:before{background-color:#66f}.content.behavior .bruce:after{content:"\884c\4e3a"}.content.color .bruce:before{background-color:#f90}.content.color .bruce:after{content:"\989c\8272"}.content.figure .bruce:before{background-color:#09f}.content.figure .bruce:after{content:"\56fe\5f62"}.content.component .bruce:before{background-color:#3c9}.content.component .bruce:after{content:"\7ec4\4ef6"}@-webkit-keyframes hue{0%{-webkit-filter:hue-rotate(0);filter:hue-rotate(0)}to{-webkit-filter:hue-rotate(-360deg);filter:hue-rotate(-360deg)}}@keyframes hue{0%{-webkit-filter:hue-rotate(0);filter:hue-rotate(0)}to{-webkit-filter:hue-rotate(-360deg);filter:hue-rotate(-360deg)}}@-webkit-keyframes swing{0%,65%{-webkit-transform:rotate(0);transform:rotate(0)}70%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}75%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}80%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}85%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}90%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}95%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes swing{0%,65%{-webkit-transform:rotate(0);transform:rotate(0)}70%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}75%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}80%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}85%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}90%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}95%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}a,abbr,acronym,address,applet,area,article,aside,audio,b,base,basefont,bdi,bdo,big,blockquote,body,br,button,canvas,caption,center,cite,code,col,colgroup,datalist,dd,del,details,dir,div,dfn,dialog,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,frame,frameset,h1,h2,h3,h4,h5,h6,head,header,hr,html,i,iframe,img,input,ins,isindex,kbd,keygen,label,legend,li,link,map,mark,menu,menuitem,meta,meter,nav,noscript,object,ol,optgroup,option,output,p,param,pre,progress,q,rp,rt,ruby,s,samp,script,section,select,small,source,span,strike,strong,style,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,title,tr,track,tt,u,ul,var,video,wbr,xmp{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body{font:14px/1 "PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;border:none}dl,li,menu,ol,ul{list-style:none}button,input,select,textarea{-webkit-box-sizing:border-box;box-sizing:border-box;outline:none}a,a:link,a:visited,a:hover,a:active{text-decoration:none}.fl{float:left}.fr{float:right}.clear{overflow:hidden;clear:both;height:0;font-size:0}.clearfix:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;content:""}.pr{position:relative}.pa{position:absolute}.pf{position:fixed}.center{margin:0 auto}.tal{text-align:left}.tac{text-align:center}.tar{text-align:right}.taj{text-align:justify}.abs-ct{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.abs-cx{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}.abs-cy{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.flex-ct-x{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-ct-y{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-fs{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:justify;align-content:space-between}.td-camera{-webkit-perspective:1000;perspective:1000}.td-space{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.td-box{-webkit-backface-visibility:hidden;backface-visibility:hidden}.gpu-speed{-webkit-transform:translate3d(0,0,0);transform:translate(0)}.fullscreen{left:0;right:0;top:0;bottom:0}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-at{overflow:auto;width:100%;height:100%}.page-fs{overflow:hidden;width:100%;height:100%}.round{border-radius:100%}