:root{--blue1: #f2f3ff;--blue3: #b5c7ff;--blue5: #618dff;--blue7: #0052d9;--blue9: #002a7c;--red1: #fff0ed;--red3: #ffb9b0;--red5: #f6685d;--red7: #ad352f;--red9: #68070a;--orange1: #fff1e9;--orange3: #ffb98c;--orange5: #e37318;--orange7: #954500;--orange9: #532300;--green1: #e3f9e9;--green3: #92dab2;--green5: #2ba471;--green7: #006c45;--green9: #003b23;--gray2: #eeeeee;--gray4: #dddddd;--gray6: #a6a6a6;--gray8: #777777;--gray10: #4b4b4b;--gray12: #2c2c2c;--gray14: #181818;--cyan1: #e8f5ff;--cyan3: #85d3ff;--cyan5: #029cd4;--cyan7: #00668e;--cyan9: #003850;--purple1: #fbf0ff;--purple3: #dcbfff;--purple5: #ad75fe;--purple7: #7137bf;--purple9: #3b007b;--yellow1: #fff5e4;--yellow3: #ffd36d;--yellow5: #d8a100;--yellow7: #8b6600;--yellow9: #443000;--pink1: #fff0f6;--pink3: #ffaedc;--pink5: #e851b3;--pink7: #a12279;--pink9: #610046;--border-narrow: 1px;--border-default: 2px;--border-bough: 5px;--radius-small: 4px;--radius-default: 8px;--radius-large: 12px;--radius-max: 16px;--radius-round: 50%;--padding-small: 5px;--padding-default: 8px;--padding-large: 10px;--padding-max: 20px;--margin-small: 5px;--margin-default: 10px;--margin-large: 20px;--margin-max: 40px;--font-small: 12px;--font-default: 14px;--font-large: 16px;--font-huge: 18px;--font-max: 20px;--line-height: 1;--height-small: 20px;--height-default: 40px;--height-large: 60px;--height-huge: 120px;--height-max: 200px;--width-small: 30px;--width-default: 60px;--width-large: 120px;--width-huge: 200px;--width-max: 280px;--blur-small: 3px;--blur-default: 5px;--blur-large: 10px;--blur-max: 20px;--zane-card-height: calc(2*var(--height-huge));--zane-card-width: var(--width-max);--zane-card-bgc: rgba(255,255,255,.84);--zane-card-bd-filter: blur(var(--blur-default));--zane-card-cover-bgc: rgba(255,255,255,.2);--zane-dark-card-bgc: rgba(160,160,160,.16);--zane-dark-cover-bgc: rgba(0,0,0,.4);--min-width: 328px}::-webkit-scrollbar-track{background-color:#0d152c}::-webkit-scrollbar{display:none}::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}@font-face{font-family:SmileySans;src:url(./SmileySans-Oblique.otf-C11Fhxcz.woff2) format("woff2")}.p-5{padding:5px}.p-10{padding:10px}.p-{padding:var(--font-default)}.m-t-5{margin-top:5px}.m-t-10{margin-top:10px}.m-t{margin-top:var(--font-default)}.m-t-20{margin-top:20px}.m-r-5{margin-right:5px}.m-r-10{margin-right:10px}.m-r{margin-right:var(--font-default)}.m-l-5{margin-left:5px}.m-l-10{margin-left:10px}.m-l{margin-left:var(--font-default)}.m-b-5{margin-bottom:5px}.m-b-10{margin-bottom:10px}.m-b{margin-bottom:var(--font-default)}.m-b-20{margin-bottom:20px}.dark-checkbox[data-v-40da2437]{display:inline-flex;align-items:center;flex-wrap:nowrap;-webkit-user-select:none;user-select:none;padding-bottom:calc(var(--margin-small));transition:all .2s ease-in-out}.dark-checkbox[data-v-40da2437]:hover{color:var(--orange5)}input[type=checkbox][data-v-40da2437]{display:none}.dark-checkbox label[data-v-40da2437]{cursor:pointer;line-height:calc(var(--font-small)*2);font-size:calc(var(--font-small)*2);padding-top:2px}.fixed[data-v-e408f7ea]{top:0;position:fixed;width:100%;z-index:100}.navbar[data-v-e408f7ea]{background-color:#fffc;-webkit-backdrop-filter:blur(var(--blur-large));backdrop-filter:blur(var(--blur-large));display:flex;justify-content:space-around;transition:all .2s ease-in}.navbar .left[data-v-e408f7ea]{display:flex;align-items:center}.navbar .left .logo[data-v-e408f7ea]{width:var(--height-large);height:var(--height-large);border-radius:var(--radius-round);overflow:hidden}.navbar .left .logo img[data-v-e408f7ea]{width:100%}.navbar .left[data-v-e408f7ea]:after{content:"Zane";color:transparent;background:linear-gradient(to right,var(--blue5),var(--green5));-webkit-background-clip:text;background-clip:text;font:600 calc(var(--font-small) * 2) "SmileySans","Gill Sans MT";letter-spacing:calc(.5 * var(--padding-small))}.navbar .right[data-v-e408f7ea]{display:flex;align-items:center}.navbar .right li[data-v-e408f7ea]{display:inline-flex;position:relative}.navbar .right li a[data-v-e408f7ea]{border-radius:5px;font-size:var(--font-large);font-weight:600;padding:var(--padding-default) var(--padding-max)}.navbar .right li a .bottom-line[data-v-e408f7ea]{position:absolute;bottom:5px;left:50%;transform:translate(-50%,50%);border-radius:2px;height:0;width:0;background-color:var(--green5);transition:all .3s ease-in-out}.navbar .right li a[data-v-e408f7ea]:hover{background-color:#1414141a;color:#000}.navbar .right li a:hover .bottom-line[data-v-e408f7ea]{width:50%;height:4px}.navbar .nav-item[data-v-e408f7ea]{margin:var(--margin-default)}.dark .navbar[data-v-e408f7ea]{background-color:#00000042}.dark .navbar .right li a[data-v-e408f7ea]:hover{color:#fff;background-color:#f5f5f526}.slogon-area{height:100vh;display:flex;align-items:center;flex-direction:column;justify-content:space-around;color:#fffc;letter-spacing:10px;font-family:SmileySans;text-align:center;-webkit-user-select:none;user-select:none}.slogon-area h1{font-size:calc(var(--font-default) * 6);font-weight:600;background:linear-gradient(to left,var(--blue3),var(--green3));-webkit-background-clip:text;color:transparent;margin-top:var(--height-default)}@keyframes blink{0%,to{color:var(--green3)}50%{color:var(--blue5)}}.slogon-area h1:after{content:"_";font-size:50%;animation:blink .6s infinite}.slogon-area p{padding:0 calc(var(--font-default) * 5);font-size:var(--font-large)}.slogon-area h2{font-size:calc(var(--font-default) * 6);letter-spacing:var(--font-large);background:linear-gradient(to right,var(--blue3),var(--orange3));-webkit-background-clip:text;color:transparent;margin-top:var(--height-default)}h1[data-v-15ae6053]{margin-top:var(--height-large);font-size:calc(2 * var(--font-default));font-weight:700;text-align:center;margin-bottom:var(--margin-large)}.under-line[data-v-15ae6053]{width:calc(2 * var(--font-max));height:var(--border-bough);border-radius:var(--radius-small);background-color:var(--blue5);margin:0 auto;margin-bottom:var(--height-default)}li[data-v-66ca53f4]{display:flex;border-radius:0 var(--radius-default) var(--radius-default) 0;background:top right/contain no-repeat;margin:var(--margin-default)}li .decoration[data-v-66ca53f4]{display:flex;flex-direction:column;align-items:center;margin:0 var(--margin-small)}li .decoration .ico[data-v-66ca53f4]{line-height:calc(var(font-default) * 1.5)}li .decoration .line[data-v-66ca53f4]{width:2px;height:100%;margin-top:var(--padding-default);border-radius:var(--radius-small)}li .intro h3[data-v-66ca53f4]{color:var(--gray10);font-size:var(--font-small);line-height:calc(1.5 * var(--font-default));min-width:var(--width-large)}li .intro h2[data-v-66ca53f4]{margin:var(--margin-small) 0;font-size:var(--font-huge);font-weight:600}.dark li .intro h3[data-v-66ca53f4],.dark li p h3[data-v-66ca53f4]{color:var(--gray4)}li[data-v-66ca53f4]:nth-child(7n+1){background-image:url(./1-D54plIax.png)}li:nth-child(7n+1) .ico[data-v-66ca53f4]{color:var(--yellow5);text-shadow:0px 0px 5px var(--yellow5)}li:nth-child(7n+1) .line[data-v-66ca53f4]{background:linear-gradient(to bottom,var(--yellow5),transparent)}li:nth-child(7n+1) .intro h2[data-v-66ca53f4]{color:var(--yellow5)}li[data-v-66ca53f4]:nth-child(7n+2){background-image:url(./2-BNtwFgus.png)}li:nth-child(7n+2) .ico[data-v-66ca53f4]{color:var(--red5);text-shadow:0px 0px 5px var(--pink5)}li:nth-child(7n+2) .line[data-v-66ca53f4]{background:linear-gradient(to bottom,var(--red5),transparent)}li:nth-child(7n+2) .intro h2[data-v-66ca53f4]{color:var(--red5)}li[data-v-66ca53f4]:nth-child(7n+3){background-image:url(./3-CWnbjuvs.png)}li:nth-child(7n+3) .ico[data-v-66ca53f4]{color:var(--orange5);text-shadow:0px 0px 5px var(--yellow5)}li:nth-child(7n+3) .line[data-v-66ca53f4]{background:linear-gradient(to bottom,var(--orange5),transparent)}li:nth-child(7n+3) .intro h2[data-v-66ca53f4]{color:var(--orange5)}li[data-v-66ca53f4]:nth-child(7n+4){background-image:url(./4-D8gMUtiL.png)}li:nth-child(7n+4) .ico[data-v-66ca53f4]{color:var(--green5);text-shadow:0px 0px 5px var(--green5)}li:nth-child(7n+4) .line[data-v-66ca53f4]{background:linear-gradient(to bottom,var(--green5),transparent)}li:nth-child(7n+4) .intro h2[data-v-66ca53f4]{color:var(--green5)}li[data-v-66ca53f4]:nth-child(7n+5){background-image:url(./5-Ds2FoGEJ.png)}li:nth-child(7n+5) .ico[data-v-66ca53f4]{color:var(--blue5);text-shadow:0px 0px 5px var(--cyan5)}li:nth-child(7n+5) .line[data-v-66ca53f4]{background:linear-gradient(to bottom,var(--blue5),transparent)}li:nth-child(7n+5) .intro h2[data-v-66ca53f4]{color:var(--blue5)}li[data-v-66ca53f4]:nth-child(7n+6){background-image:url(./9-Jf2NMeRW.png)}li:nth-child(7n+6) .ico[data-v-66ca53f4]{color:var(--purple5);text-shadow:0px 0px 5px var(--purple5)}li:nth-child(7n+6) .line[data-v-66ca53f4]{background:linear-gradient(to bottom,var(--purple5),transparent)}li:nth-child(7n+6) .intro h2[data-v-66ca53f4]{color:var(--purple5)}li[data-v-66ca53f4]:nth-child(7n+7){background-image:url(./8-Dg9td0p-.png)}li:nth-child(7n+7) .ico[data-v-66ca53f4]{color:var(--cyan5);text-shadow:0px 0px 5px var(--cyan5)}li:nth-child(7n+7) .line[data-v-66ca53f4]{background:linear-gradient(to bottom,var(--cyan5),transparent)}li:nth-child(7n+7) .intro h2[data-v-66ca53f4]{color:var(--cyan5)}@media screen and (min-width: 768px){li[data-v-66ca53f4]{margin:0 15vw}li .decoration[data-v-66ca53f4]{position:relative}li .decoration .line[data-v-66ca53f4]{width:calc(70vw - 1030px);background:transparent;border:3px solid;position:absolute}li[data-v-66ca53f4]:nth-child(odd){flex-direction:row-reverse;justify-content:start;text-align:end}li:nth-child(odd) .decoration .line[data-v-66ca53f4]{left:25px;border-bottom:none;border-left:none}li[data-v-66ca53f4]:nth-child(2n+2){justify-content:end;background:transparent}li:nth-child(2n+2) .decoration .line[data-v-66ca53f4]{right:25px;border-right:none;border-bottom:none}li:nth-child(7n+1) .decoration .line[data-v-66ca53f4]{border-image:linear-gradient(135deg,transparent,var(--yellow3),var(--red5),transparent) 1}li:nth-child(7n+2) .decoration .line[data-v-66ca53f4]{border-image:linear-gradient(235deg,transparent,var(--red5),var(--orange3),transparent) 1}li:nth-child(7n+3) .decoration .line[data-v-66ca53f4]{border-image:linear-gradient(135deg,transparent,var(--orange3),var(--green3),transparent) 1}li:nth-child(7n+4) .decoration .line[data-v-66ca53f4]{border-image:linear-gradient(235deg,transparent,var(--green5),var(--blue5),transparent) 1}li:nth-child(7n+5) .decoration .line[data-v-66ca53f4]{border-image:linear-gradient(135deg,transparent,var(--blue5),var(--purple5),transparent) 1}li:nth-child(7n+6) .decoration .line[data-v-66ca53f4]{border-image:linear-gradient(235deg,transparent,var(--purple5),var(--cyan5),transparent) 1}li:last-child .decoration .line[data-v-66ca53f4]{border:none}}.overlay[data-v-c5887b65]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffb3;-webkit-backdrop-filter:blur(var(--blur-default));backdrop-filter:blur(var(--blur-default));display:flex;justify-content:center;align-items:center;z-index:1000}.overlay .viewer[data-v-c5887b65]{width:100%;position:relative;display:flex;align-items:center;justify-content:space-between}.overlay .viewer .image[data-v-c5887b65]{max-width:80%;max-height:80%}.overlay .viewer .btn[data-v-c5887b65]{background-color:transparent;border:none;font-size:var(--font-max);cursor:pointer;font-family:simsun,serif,sans-serif;font-weight:900;margin:0 var(--margin-small);width:var(--font-large)}.overlay .viewer .prev-btn[data-v-c5887b65]{margin-right:var(--font-max)}.overlay .viewer .next-btn[data-v-c5887b65]{margin-left:var(--font-max)}.overlay .viewer .index[data-v-c5887b65]{position:absolute;bottom:0;left:50%;color:#fff;transform:translate(-50%);text-shadow:0 0 2px black}.dark .overlay[data-v-c5887b65]{background-color:#0000004d}.dark .overlay .viewer .btn[data-v-c5887b65]{color:#fff}.card-container[data-v-06e1ae2e]{margin-left:var(--height-huge);margin-top:var(--height-default);margin-bottom:var(--height-small)}.image-card[data-v-06e1ae2e]{display:inline-block;width:var(--height-huge);height:var(--height-huge);border-radius:var(--radius-large);background-color:var(--gray4);overflow:hidden;border:3px solid var(--gray4);box-shadow:2px 0 10px var(--gray6);transition:transform .2s ease-in-out;margin-top:calc(-1 * var(--height-default));margin-left:calc(-1 * var(--height-default))}.image-card img[data-v-06e1ae2e]{height:100%}@media screen and (min-width: 768px){.card-container[data-v-06e1ae2e]{margin-left:var(--height-huge);margin-right:var(--height-default);margin-top:var(--height-large);margin-bottom:var(--height-default)}.image-card[data-v-06e1ae2e]{margin-left:calc(-2 * var(--height-default));width:var(--height-max);height:var(--height-max)}}.dark .image-card[data-v-06e1ae2e]{background-color:var(--gray12);border-color:var(--gray12);box-shadow:2px 0 10px var(--gray12)}.image-card[data-v-06e1ae2e]:nth-child(n+1){transform:rotate(15deg)}.image-card[data-v-06e1ae2e]:hover{transform:translateY(calc(-1 * var(--height-small)))}@property --per{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@keyframes perChange-70e11f0e{0%{--per: 0%}90%,to{--per: var(--exp)}}.cube-container[data-v-70e11f0e]{position:relative;display:inline-block;height:var(--height-large);width:var(--width-large);margin:var(--margin-small) var(--margin-default)}.cube-container .cube[data-v-70e11f0e]{position:absolute;top:50%;left:50%;width:var(--width-large);height:var(--height-large);transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(-20deg) rotateY(20deg)}.cube-container .cube div[data-v-70e11f0e]{border:none;position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.cube-container .cube div[data-v-70e11f0e]:nth-child(1){transform:translateZ(calc(.5 * var(--width-default)));background:#cdcdcdcc}.cube-container .cube div[data-v-70e11f0e]:nth-child(2){background:#fffc;transform:rotateX(90deg) translateZ(calc(.5 * var(--height-large)));transform-style:preserve-3d}.cube-container .cube div:nth-child(2) span[data-v-70e11f0e]{width:50%;height:50%;font-size:var(--font-small);display:block;text-align:center;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:0;transition:all .8s ease-in-out;transform:rotateX(-90deg) rotateY(-20deg) translateY(calc(.5 * var(--height-small)))}.cube-container .cube div[data-v-70e11f0e]:nth-child(3){width:var(--width-default);transform:rotateY(-90deg) translateZ(calc(.5 * var(--width-default)));background-color:#969696cc;background-position:center;background-size:cover;background-repeat:no-repeat}.cube-container .cube div[data-v-70e11f0e]:nth-child(4){transform:rotateX(90deg) translateZ(calc(-.5 * var(--height-large)));background:#9696961a}.cube-container .cube:hover div[data-v-70e11f0e]:nth-child(1){background:linear-gradient(0deg,var(--start-color),var(--end-color) var(--per),rgba(255,255,255,.2) var(--per),rgba(205,205,205,.6));animation:perChange-70e11f0e 2s forwards}.cube-container .cube:hover div:nth-child(2) span[data-v-70e11f0e]{opacity:1;transform:rotateX(-90deg) rotateY(-20deg) translateY(calc(-.5 * var(--height-default)))}.dark .cube-container .cube div[data-v-70e11f0e]:nth-child(1){background:#3c3c3ccc}.dark .cube-container .cube div[data-v-70e11f0e]:nth-child(2){background:#5a5a5acc;transform:rotateX(90deg) translateZ(calc(.5 * var(--height-large)))}.dark .cube-container .cube div[data-v-70e11f0e]:nth-child(3){background-color:#1e1e1ecc}.dark .cube-container .cube div[data-v-70e11f0e]:nth-child(4){background:#1e1e1e1a}.dark .cube-container .cube:hover div[data-v-70e11f0e]:nth-child(1){background:linear-gradient(0deg,var(--start-color),var(--end-color) var(--per),rgba(100,100,100,.2) var(--per),rgba(55,55,55,.6));animation:perChange-70e11f0e 2s forwards}.cubes-box[data-v-0e023ec0]{height:var(--height-large);margin-top:calc(1.2 * var(--margin-max));position:relative;width:calc(var(--nums) * 1.25 * var(--width-large));margin-left:50%;transform:translate(-50%)}.cubes-box div[data-v-0e023ec0]{position:absolute}a:hover{color:var(--blue5)}dl[data-v-33dd7ecf]{box-sizing:border-box;padding:var(--padding-large);margin:var(--margin-large);display:flex;justify-content:center;flex-wrap:wrap}dl div[data-v-33dd7ecf]{margin:calc(2 * var(--margin-large)) calc(2.5 * var(--margin-large))}dl div dt[data-v-33dd7ecf]{font-weight:600;line-height:calc(2 * var(--font-max));white-space:nowrap}dl div dd[data-v-33dd7ecf]{line-height:var(--font-max);font-size:var(--font-small);white-space:nowrap}dl .link[data-v-33dd7ecf],dl .text[data-v-33dd7ecf],dl .watermark[data-v-33dd7ecf]{color:var(--gray6)}dl .link[data-v-33dd7ecf]:hover{color:var(--green3)}dl .text[data-v-33dd7ecf]{cursor:text}dl .watermark[data-v-33dd7ecf]{-webkit-user-select:none;user-select:none}@media screen and (max-width: 1220px){dl[data-v-33dd7ecf]{flex-direction:column;justify-content:center;align-items:baseline}dl div[data-v-33dd7ecf]{margin-top:var(--margin-default);margin-bottom:var(--margin-large)}}.tag-box[data-v-258897e3]{display:inline-flex;border:var(--border-narrow) solid var(--blue7);color:var(--blue7);height:calc(1.3*var(--font-default));vertical-align:middle;align-items:center;padding:0 var(--padding-large);border-radius:var(--radius-small);transition:all .3s ease-in-out;flex-wrap:nowrap}.tag-box[data-v-258897e3] span[data-v-258897e3]{font-size:var(--font-small)}.dark .tag-box[data-v-258897e3]{color:var(--blue3);border-color:var(--blue3)}li[data-v-25a83f31]{list-style-type:none;height:calc(2 * var(--height-huge));width:var(--width-max);min-width:var(--width-max);background-color:#ffffffd6;-webkit-backdrop-filter:var(--zane-card-bd-filter);backdrop-filter:var(--zane-card-bd-filter);border-radius:var(--radius-max);overflow:hidden;border:var(--border-narrow) solid var(--gray4);transition:transform .3s ease-in-out;box-shadow:0 0 20px #78787830}li[data-v-25a83f31] .cover-img[data-v-25a83f31]{position:relative;background-color:#fff3;-webkit-backdrop-filter:blur(var(--blur-small));backdrop-filter:blur(var(--blur-small));height:calc(var(--height-huge));overflow:hidden}li[data-v-25a83f31] .cover-img[data-v-25a83f31] img[data-v-25a83f31]{width:100%}li[data-v-25a83f31] .cover-img[data-v-25a83f31] .cover-mask[data-v-25a83f31]{position:absolute;top:0;left:0;width:100%;height:100%}li[data-v-25a83f31] .intro[data-v-25a83f31]{transition:all .3s ease-in-out;position:relative}li[data-v-25a83f31] .intro[data-v-25a83f31] h3[data-v-25a83f31]{height:calc(1.5 * var(--font-huge));font-weight:600;font-size:var(--font-huge)}li[data-v-25a83f31] .intro[data-v-25a83f31] p[data-v-25a83f31]{font-size:var(--font-default);height:calc(2.5 * var(--font-default));display:-webkit-box;line-height:calc(1.25 * var(--font-default));overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}li[data-v-25a83f31] .intro[data-v-25a83f31] .platform[data-v-25a83f31]{background-color:var(--blue3);width:100%;position:absolute;bottom:15px;right:-113px;text-align:center;line-height:calc(1.5 * var(--font-default));transform:rotate(-45deg);font-size:var(--font-small)}li[data-v-25a83f31]:hover{transform:translateY(calc(-1 * var(--font-default)));cursor:pointer;-webkit-user-select:none;user-select:none}.dark li[data-v-25a83f31]{background-color:#a0a0a029;border-color:var(--gray10);box-shadow:0 0 20px #48484830}.dark li[data-v-25a83f31] .cover-img[data-v-25a83f31] .cover-mask[data-v-25a83f31]{background-color:#0006}.dark li[data-v-25a83f31] .intro[data-v-25a83f31] .platform[data-v-25a83f31]{background-color:var(--blue7)}.card-list{display:flex;flex-wrap:wrap;justify-content:center}.main-container[data-v-f76f50ec]{position:absolute;width:100vw;z-index:5}.main[data-v-f76f50ec]{padding:var(--padding-large) var(--padding-default);background-color:#ffffffe0;overflow:hidden}.dark .main[data-v-f76f50ec]{background-color:#000c}footer[data-v-f76f50ec]{color:var(--gray4)}