*{box-sizing:border-box;outline:0}html{height:100%}body{background-image: url(https://api.qianqi.net/pic/bing/);height:100%;max-width:100%;margin:0;overflow-x:hidden;background-color:#333;font-family:"PingFang SC","Microsoft Yahei","Helvetica Neue",Helvetica,"Segoe UI",Arial,sans-serif;cursor:default;-webkit-tap-highlight-color:transparent;user-select:none}:root{--theme-color:#70C000;--theme-color-active:rgba(112,192,0,.6);--w-alpha-5:rgba(255,255,255,.05);--w-alpha-10:rgba(255,255,255,.1);--w-alpha-15:rgba(255,255,255,.15);--w-alpha-20:rgba(255,255,255,.2);--w-alpha-30:rgba(255,255,255,.3);--w-alpha-50:rgba(255,255,255,.5);--w-alpha-60:rgba(255,255,255,.6);--w-alpha-70:rgba(255,255,255,.7);--w-alpha-80:rgba(255,255,255,.8);--w-alpha-90:rgba(255,255,255,.9);--bg-w-p:white;--bg-w-s:rgb(245,245,245);--bg-w-pure:white;--bg-w-245:rgb(245,245,245);--txt-w-pure:white;--txt-b-pure:black;--txt-b-tip:rgba(0,0,0,.8);--b-alpha-5:rgba(0,0,0,.05);--b-alpha-10:rgba(0,0,0,.1);--b-alpha-15:rgba(0,0,0,.15);--b-alpha-20:rgba(0,0,0,.2);--b-alpha-30:rgba(0,0,0,.3);--b-alpha-35:rgba(0,0,0,.35);--b-alpha-40:rgba(0,0,0,.4);--b-alpha-50:rgba(0,0,0,.5);--b-alpha-60:rgba(0,0,0,.6);--b-alpha-70:rgba(0,0,0,.7);--b-alpha-80:rgba(0,0,0,.8);--b-alpha-90:rgba(0,0,0,.9)}i{font-family:iconfont!important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;transition:.25s}a.link{color:var(--theme-color);border-bottom:1px solid transparent}a.link:hover{border-color:var(--theme-color)}a.link:active{border-color:var(--theme-color-active);color:var(--theme-color-active)}p{transition:.25s}.dividingLine{display:inline-block;width:calc(100% - 60px);height:1px;margin:15px 30px;background-color:var(--b-alpha-10)}#topTitle{position:absolute;top:30%;width:100%;text-align:center}.underline{position:absolute;left:calc(50% - 35px);margin-top:-15px;width:70px;height:4px;background-color:var(--theme-color)}.underline1{position:absolute;left:calc(50% - 25px);margin-top:-10px;width:50px;height:3px;background-color:var(--theme-color)}h1{font-weight:400;font-size:40px;color:#fff}h2{font-weight:400;font-size:15px;color:#fff}h2 span{color:rgba(255,255,255,.6)}h3{font-size:30px;color:var(--txt-b-pure);transition:.25s}h4{color:var(--txt-b-pure);font-size:28px}h5{color:var(--txt-b-pure);font-size:24px;text-align:center}#scrollDown{position:absolute;bottom:100px;width:100%}#scrollDownIcon{position:absolute;top:50px;left:calc(50% - 10px);border-right:3px solid;border-top:3px solid;border-color:rgba(255,255,255,.5);border-radius:2px;box-sizing:unset;height:20px;width:20px;-webkit-transform:rotate(135deg);transform:rotate(135deg);cursor:pointer;transition:.25s;animation:twinkle 2s 2s}#scrollDownIcon:hover{border-color:#fff}#scrollDownIcon:active{border-color:rgba(255,255,255,.35)}@keyframes twinkle{50%{border-color:#fff}}#about,#log,#work{position:relative;top:100%;width:100%;padding-top:80px;padding-bottom:100px;text-align:center;transition:.25s}#about,#log{background-color:var(--bg-w-pure)}.tagBox{position:relative;margin-top:60px;width:100%;font-size:small}.tagBox span{margin:0 3px;padding:8px 15px;border-radius:5px;background-color:var(--b-alpha-5);color:var(--b-alpha-60);transition:.25s}.tagBox span:hover{background-color:var(--b-alpha-10);color:var(--txt-b-pure);-webkit-box-shadow:rgba(0,0,0,.1) 0 5px 10px;-moz-box-shadow:rgba(0,0,0,.1) 0 5px 10px;box-shadow:rgba(0,0,0,.1) 0 5px 10px}.aboutContent{position:relative;margin-top:35px;width:100%;color:var(--b-alpha-80);font-size:14px}#work{background-color:var(--bg-w-245)}.workList{display:flex;position:relative;margin-top:50px;left:10%;width:80%;flex-wrap:wrap;justify-content:center}.workList.others{left:-50px;margin:30px 0 -30px 0;width:calc(100% + 100px);padding:30px 35px;border-radius:5px;background-color:var(--bg-w-pure);justify-content:left}.workLink{width:300px;height:250px;margin:0 15px 30px 15px;background-color:var(--bg-w-pure);border-radius:8px;-webkit-box-shadow:rgba(0,0,0,.03) 0 5px 10px;-moz-box-shadow:rgba(0,0,0,.03) 0 5px 10px;box-shadow:rgba(0,0,0,.03) 0 5px 10px;text-align:left;overflow:hidden;transition:.25s;cursor:pointer}.workLink:hover{-webkit-box-shadow:rgba(0,0,0,.2) 0 10px 30px;-moz-box-shadow:rgba(0,0,0,.2) 0 10px 30px;box-shadow:rgba(0,0,0,.2) 0 10px 30px}.workLink *{transition:.25s}.workList.others .workLink{width:275px;border:1px solid var(--b-alpha-5)}.workLinkPic{height:155px;background-color:var(--b-alpha-5);background-repeat:no-repeat;background-size:cover;background-position:center}.workLinkText{padding:10px 20px}.workLinkTitle{margin:5px 0 0;color:var(--txt-b-pure);font-size:16px;font-weight:700}.workLinkIntro{margin:1px 0 0;color:var(--txt-b-pure);font-size:small;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workLinkCat{margin:9px 0 0;font-size:12px;color:var(--b-alpha-50)}#popOtherWorks li span,.workLinkCat span{padding:0 5px;border-radius:3px}.workLinkCat span{float:right}#popOtherWorks li span{margin-right:2px}span.earlyWork{color:#639222;background-color:rgba(99,146,34,.1)}span.earlyWork::after{content:"\65E9\671F\4F5C\54C1"}span.inDevWork{color:#997c1e;background-color:rgba(153,124,30,.1)}span.inDevWork::after{content:"\5F00\53D1\4E2D"}span.expWork{color:#6c38c0;background-color:rgba(108,56,192,.1)}span.expWork::after{content:"\5B9E\9A8C\6027\4F5C\54C1"}.tip{padding-top:10px;font-size:12px;color:var(--b-alpha-60)}.logBoxOuter{position:relative;left:15%;margin-top:30px;width:70%;overflow:hidden}.logBoxOuter *{transition:.25s}#logBox{white-space:nowrap;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}#logBox::-webkit-scrollbar{height:5px}#logBox div{display:inline-block;margin:0 80px;padding-bottom:10px;text-align:left;vertical-align:top}.logText1,.logText3{margin:0;font-size:18px;font-weight:700}.logText1{margin-bottom:3px;color:var(--txt-b-pure)}.logText2{margin:0;color:var(--b-alpha-80);font-size:14px}.logText3{color:var(--b-alpha-20)}.logMaskL,.logMaskR{position:absolute;top:0;width:80px;height:100%}.logMaskL{left:0;background-image:linear-gradient(to left,rgba(255,255,255,0),var(--bg-w-pure))}.logMaskR{left:calc(100% - 80px);background-image:linear-gradient(to right,rgba(255,255,255,0),var(--bg-w-pure))}footer{position:relative;top:100%;width:100%;text-align:center;transition:.25s}div ::-webkit-scrollbar{width:5px}div ::-webkit-scrollbar-thumb{background-color:var(--b-alpha-10);border-radius:3px}div ::-webkit-scrollbar-thumb:hover{background-color:var(--b-alpha-20)}div ::-webkit-scrollbar-thumb:active{background-color:var(--theme-color)}.pContent{position:relative;left:5px;width:calc(100% - 10px);height:100%;padding:0 50px 35px 50px;overflow-x:hidden}.popup h4{margin:60px 0 0 0}.popup h5{margin:40px 0 30px}#popDonate img{width:calc(50% - 10px);margin-top:10px;border:1px solid var(--b-alpha-5);border-radius:10px}#popDonate img:first-of-type{margin-right:10px}#popCopyright li,#popCopyright p,#popDonate p{color:var(--txt-b-pure);font-size:14px}#popCopyright li{font-weight:700;line-height:1.8}#popOtherWorks{background-color:var(--bg-w-245)}.tipText{padding:20px 0;color:var(--b-alpha-60);font-size:small;line-height:1.8}.red{color:#dc1e1e!important}.rightAligned{text-align:right}#toPirates{display:none}@media screen and (max-width:1300px){#navLogoBox{left:100px}#navLinkBox{right:70px}.workList{left:5%;width:90%}.logBoxOuter{left:10%;width:80%}#logBox div{margin:0 50px}}@media screen and (max-width:900px){#navLogoBox{left:70px}#navLinkBox{right:40px}.workList{left:0;width:100%}}@media screen and (max-width:760px){#navLogoBox{left:25px}#navLinkBox{display:none}.btnMenu{display:block}.popup{left:5%;width:90%}}@media screen and (max-width:600px){h1{font-size:30px}h2{font-size:14px;line-height:12px}.aboutContent{left:5%;width:90%}#logBox div{margin:0 30px}}@media screen and (max-width:500px){.pContent{padding-left:30px;padding-right:30px}.workList.others{left:-30px;width:calc(100% + 60px);padding:30px 15px}}@media screen and (max-width:400px){.pContent{padding-left:20px;padding-right:20px}.workList.others{left:-20px;width:calc(100% + 40px);padding:30px 5px}.tipText{font-size:14px}}@media screen and (max-height:700px){.popup{top:100px;height:calc(100% - 200px)}}@supports (-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px)){#navBar.sticky,#navMenu{background-color:var(--w-alpha-80);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%)}}.dark{--w-alpha-5:rgba(0,0,0,.05);--w-alpha-10:rgba(0,0,0,.1);--w-alpha-15:rgba(0,0,0,.15);--w-alpha-20:rgba(0,0,0,.2);--w-alpha-30:rgba(0,0,0,.3);--w-alpha-50:rgba(30,30,30,.5);--w-alpha-60:rgba(0,0,0,.6);--w-alpha-70:rgba(30,30,30,.7);--w-alpha-80:rgba(30,30,30,.8);--w-alpha-90:rgba(30,30,30,.9);--bg-w-p:rgb(40,40,40);--bg-w-s:rgb(30,30,30);--bg-w-pure:rgb(30,30,30);--bg-w-245:rgb(40,40,40);--txt-w-pure:black;--txt-b-pure:white;--txt-b-tip:rgba(255,255,255,.5);--b-alpha-5:rgba(255,255,255,.05);--b-alpha-10:rgba(255,255,255,.1);--b-alpha-15:rgba(255,255,255,.15);--b-alpha-20:rgba(255,255,255,.2);--b-alpha-30:rgba(255,255,255,.3);--b-alpha-35:rgba(255,255,255,.35);--b-alpha-40:rgba(255,255,255,.4);--b-alpha-50:rgba(255,255,255,.5);--b-alpha-60:rgba(255,255,255,.6);--b-alpha-70:rgba(255,255,255,.7);--b-alpha-80:rgba(255,255,255,.8);--b-alpha-90:rgba(255,255,255,.9);color-scheme:dark}.dark #bgDarkMask{background-color:rgba(0,0,0,.2)}.dark .workLinkPic{filter:brightness(.8)}.dark .mask.shown:not(#navMenuMask){background-color:rgba(0,0,0,.6)}.dark span.earlyWork{color:#92b95c;background-color:rgba(146,185,92,.1)}.dark span.inDevWork{color:#bda558;background-color:rgba(189,165,88,.1)}.dark span.expWork{color:#a585d8;background-color:rgba(165,133,216,.1)}.dark .logMaskL{background-image:linear-gradient(to left,rgba(30,30,30,0),var(--bg-w-pure))}.dark .logMaskR{background-image:linear-gradient(to right,rgba(30,30,30,0),var(--bg-w-pure))}