:root{--color-link:#5f5f5f;--color-link-hover:#5f5f5f;--color-enter:#fff;--color-title:#fff;--color-content:#222325;--font-alt:200 6vw/1 "Comic Sans MS","Helvetica Neue","Microsoft Yahei","Microsoft Yahei",-apple-system,sans-serif;--bg-body:#222325;--bg-main:#060606;--bg-shape-path:#151515;--color-text:#fff;--color-text-dim:#ccc;--color-link-main:#b6b6b6;--color-link-main-hover:#f6f6f6;--color-back-cover:#93979e;--color-back-cover-hover:#fff;--color-arrow:#fff;--color-enter-grad:hsla(0,0%,100%,.7);--color-avatar-border:#fff;--glow-soft:0 0 6px rgba(0,0,0,.5),0 0 12px rgba(0,0,0,.35);--glow-strong:0 0 8px rgba(0,0,0,.7),0 0 18px rgba(0,0,0,.5)}[data-theme=light]{--color-link:#333;--color-link-hover:#000;--color-enter:#333;--color-title:#222;--color-content:#f5f2ed;--bg-body:#f5f2ed;--bg-main:#fafaf7;--bg-shape-path:#e8e4da;--color-text:#1a1a1a;--color-text-dim:#555;--color-link-main:#555;--color-link-main-hover:#111;--color-back-cover:#888;--color-back-cover-hover:#222;--color-arrow:#999;--color-enter-grad:rgba(80,80,80,.5);--color-avatar-border:#ccc;--glow-soft:0 0 6px hsla(0,0%,100%,.55),0 0 14px hsla(0,0%,100%,.25);--glow-strong:0 0 8px hsla(0,0%,100%,.7),0 0 20px hsla(0,0%,100%,.35)}.fade{opacity:0;transition:all 1s;transform:translateY(200px)}.fade.in{opacity:1;transform:none}*{box-sizing:border-box;-webkit-text-size-adjust:none}html{font-size:20px!important}body,html{height:100%;margin:0;padding:0;border:0}body{font-family:Comic Sans MS,Helvetica Neue,Microsoft Yahei,-apple-system,sans-serif!important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;background:var(--bg-body)}ul{margin:0;padding:0}img{border:0;vertical-align:middle}body{cursor:url(https://cdn.jsdelivr.net/gh/SimonAKing/images/blog/default.cur),auto!important}a,img{cursor:url(https://cdn.jsdelivr.net/gh/SimonAKing/images/blog/pointer.cur),auto!important}a{text-decoration:none;color:var(--color-link);outline:0}@font-face{font-family:iconfont;font-display:auto;src:url(//at.alicdn.com/t/font_1056856_p9cyrhslv5j.eot?t=1551327438450);src:url(//at.alicdn.com/t/font_1056856_p9cyrhslv5j.eot?t=1551327438450#iefix) format("embedded-opentype"),url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"),url(//at.alicdn.com/t/font_1056856_p9cyrhslv5j.woff?t=1551327438450) format("woff"),url(//at.alicdn.com/t/font_1056856_p9cyrhslv5j.ttf?t=1551327438450) format("truetype"),url(//at.alicdn.com/t/font_1056856_p9cyrhslv5j.svg?t=1551327438450#iconfont) format("svg")}.icon{display:block;width:1.5em;height:1.5em;margin:0 auto;fill:currentColor;font-family:iconfont!important;font-size:inherit;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-github:before{content:"\e7ab"}.icon-twitter:before{content:"\ecc1"}.icon-other:before{content:"\e631"}.icon-email:before{content:"\e62d"}.icon-bokeyuan:before{content:"\e603"}.icon-xiaolian:before{content:"\e650"}.icon-wechat:before{content:"\f23b"}.netease-mini-player{--x:calc(var(--np-offset-right, 0px) - var(--np-offset-left, 0px));--y:calc(var(--np-offset-bottom, 0px) - var(--np-offset-top, 0px));transform:translate(var(--x),var(--y))}main{overflow:hidden}.content,main{height:100vh;width:100%;position:relative}.content{background:0 0}.content-intro{z-index:100;height:200vh}.content-main{position:fixed;top:0;left:0;background:var(--bg-main)}.content-inner{position:relative}.content-inner,.wrap{width:100%;height:100vh}.wrap{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center;text-align:center}.grid-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;transition:opacity 1.2s cubic-bezier(.4,0,.2,1);will-change:opacity}.grid-background.visible{opacity:1}#home-player{opacity:0;transition:opacity 1.2s cubic-bezier(.4,0,.2,1);pointer-events:none}#home-player.visible{opacity:1;pointer-events:auto}.content-intro .content-inner{background:0 0;user-select:none}.shape{height:100vh;width:100%;display:block;background:0 0}.shape-wrap{position:relative;z-index:0;margin:-5px 0 0;will-change:scroll-position;background:0 0}.shape path{fill:var(--bg-shape-path)}.content-title{font-family:Comic Sans MS,Helvetica Neue,Microsoft Yahei,-apple-system,sans-serif;font-size:clamp(1rem,4.7vw,2.7rem);font-weight:200;color:var(--color-title);line-height:1;margin-top:.8em;margin-bottom:.3em;animation:titleGlow 2s ease-in-out infinite alternate;text-shadow:var(--glow-strong)}@media screen and (max-width:50em){.content-title{font-size:2rem}}@keyframes titleGlow{0%{text-shadow:var(--glow-strong)}to{text-shadow:var(--glow-soft)}}.content-subtitle{color:var(--color-text);font-family:Comic Sans MS,Helvetica Neue,Microsoft Yahei,-apple-system,sans-serif;font-size:1.2rem;font-weight:200;margin-bottom:2em;text-shadow:var(--glow-soft)}@media screen and (max-width:1024px){.content-subtitle{font-size:1rem}}.enter{color:var(--color-enter);font-size:.8rem;letter-spacing:3px;white-space:pre;pointer-events:auto;transition:all .4s;z-index:999;position:relative;background:linear-gradient(90deg,transparent,var(--color-enter-grad),transparent);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 2s linear infinite;text-shadow:var(--glow-soft)}.enter:focus,.enter:hover{color:var(--color-link-hover)}@keyframes shimmer{0%{background-position:200%;text-shadow:var(--glow-soft)}50%{text-shadow:var(--glow-strong)}to{background-position:-200%;text-shadow:var(--glow-soft)}}.arrow{position:absolute;left:49.5%;top:95%;transform-origin:50% 50%;transform:translate3d(-50%,0,0)}.arrow-1{animation:arrow-movement 2s ease-in-out infinite}.arrow-2{animation:arrow-movement 2s 1s ease-in-out infinite}.arrow:after,.arrow:before{background:var(--color-arrow);content:"";display:block;height:3px;position:absolute;top:0;left:0;width:13px;box-shadow:1px 1px 20px 0 var(--color-arrow)}.arrow:before{transform:rotate(45deg) translateX(-10%);transform-origin:top left}.arrow:after{transform:rotate(-45deg) translateX(10%);transform-origin:top right}@keyframes arrow-movement{0%{opacity:0;top:92%}70%{opacity:1}to{opacity:0}}.content-subtitle span{animation:letter-glow .7s 0s ease both}@keyframes letter-glow{0%{opacity:0;text-shadow:var(--glow-soft)}66%{opacity:1;text-shadow:var(--glow-strong)}77%{opacity:1}to{opacity:.7;text-shadow:var(--glow-soft)}}.content-subtitle span:first-child{animation-delay:50ms}.content-subtitle span:nth-child(2){animation-delay:.1s}.content-subtitle span:nth-child(3){animation-delay:.15s}.content-subtitle span:nth-child(4){animation-delay:.2s}.content-subtitle span:nth-child(5){animation-delay:.25s}.content-subtitle span:nth-child(6){animation-delay:.3s}.content-subtitle span:nth-child(7){animation-delay:.35s}.content-subtitle span:nth-child(8){animation-delay:.4s}.content-subtitle span:nth-child(9){animation-delay:.45s}.content-subtitle span:nth-child(10){animation-delay:.5s}.content-subtitle span:nth-child(11){animation-delay:.55s}.content-subtitle span:nth-child(12){animation-delay:.6s}.content-subtitle span:nth-child(13){animation-delay:.65s}.content-subtitle span:nth-child(14){animation-delay:.7s}.content-subtitle span:nth-child(15){animation-delay:.75s}.content-subtitle span:nth-child(16){animation-delay:.8s}.content-subtitle span:nth-child(17){animation-delay:.85s}.content-subtitle span:nth-child(18){animation-delay:.9s}.content-subtitle span:nth-child(19){animation-delay:.95s}.content-subtitle span:nth-child(20){animation-delay:1s}.content-subtitle span:nth-child(21){animation-delay:1.05s}.content-subtitle span:nth-child(22){animation-delay:1.1s}.content-subtitle span:nth-child(23){animation-delay:1.15s}.content-subtitle span:nth-child(24){animation-delay:1.2s}.content-subtitle span:nth-child(25){animation-delay:1.25s}.content-subtitle span:nth-child(26){animation-delay:1.3s}.content-subtitle span:nth-child(27){animation-delay:1.35s}.content-subtitle span:nth-child(28){animation-delay:1.4s}.content-subtitle span:nth-child(29){animation-delay:1.45s}.content-subtitle span:nth-child(30){animation-delay:1.5s}.content-subtitle span:nth-child(31){animation-delay:1.55s}.content-subtitle span:nth-child(32){animation-delay:1.6s}.content-subtitle span:nth-child(33){animation-delay:1.65s}.content-subtitle span:nth-child(34){animation-delay:1.7s}.content-subtitle span:nth-child(35){animation-delay:1.75s}.content-subtitle span:nth-child(36){animation-delay:1.8s}.content-subtitle span:nth-child(37){animation-delay:1.85s}.content-subtitle span:nth-child(38){animation-delay:1.9s}#background{position:absolute;width:100%;height:100%;z-index:-1}#card{position:relative;width:100vw;height:100vh;color:var(--color-back-cover);display:flex;justify-content:center;align-items:center;text-align:center;transition:width .5s ease,height .5s ease}#card .card-inner{padding:0;border:0;width:100%;max-width:700px}@media screen and (max-width:540px){#card .card-inner header h1{font-size:1rem!important}#card .card-inner header h2,#card .card-inner ul li{font-size:.8rem!important}}#card .card-inner header{margin-bottom:40px}#card .card-inner header img{border:3px solid var(--color-avatar-border);border-radius:50%;box-shadow:0 0 1px 1px rgba(0,0,0,.3);transition:.4s ease-in-out;z-index:2;position:relative}#card .card-inner header h1{margin:15px 15px 0;color:var(--color-text);font-size:2rem;line-height:1.2em;font-weight:300;z-index:2;position:relative}#card .card-inner header h2{color:var(--color-text-dim);letter-spacing:3px;font-size:.8rem;font-weight:lighter;z-index:2;position:relative}#card .card-inner ul{position:relative;margin:0;list-style-type:none;display:inline-flex;width:100%;justify-content:space-around;padding-bottom:40px}#card .card-inner ul li{z-index:2;position:relative;display:inline-block;transition:all .2s;width:100%;height:100%}#card .card-inner ul li a{color:var(--color-link-main);transition:all .2s}#card .card-inner ul li a:hover{color:var(--color-link-main-hover);text-shadow:0 0 2px var(--color-link-main-hover)}.back-to-cover{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:10;color:var(--color-back-cover);font-size:.75rem;letter-spacing:2px;transition:color .3s,text-shadow .3s,opacity .6s;opacity:0;pointer-events:none}.back-to-cover.visible{opacity:1;pointer-events:auto}.back-to-cover:hover{color:var(--color-back-cover-hover);text-shadow:0 0 8px var(--color-back-cover-hover)}.theme-toggle{position:fixed;top:20px;left:20px;z-index:10000;width:36px;height:36px;border-radius:50%;border:1px solid hsla(0,0%,50%,.3);background:hsla(0,0%,100%,.06);color:var(--color-back-cover);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;backdrop-filter:blur(4px)}.theme-toggle:hover{border-color:hsla(0,0%,50%,.5);background:hsla(0,0%,100%,.12)}[data-theme=light] .theme-toggle{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.15)}[data-theme=light] .theme-toggle:hover{background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.3)}.admin-glass{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);opacity:0;pointer-events:none;transition:opacity .35s ease}.admin-glass.active{opacity:1;pointer-events:auto}.admin-glass-inner{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.13);border-radius:20px;padding:40px 36px 30px;width:min(360px,calc(100vw - 40px));text-align:center;box-shadow:0 24px 64px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.admin-glass-inner h3{margin:0 0 24px;font-family:Comic Sans MS,Microsoft Yahei,sans-serif;font-weight:200;font-size:1.2rem;color:var(--color-text);letter-spacing:.06em}.admin-glass-inner input{width:100%;padding:12px 16px;border-radius:10px;border:1px solid hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.06);color:var(--color-text);font-size:.95rem;outline:0;transition:border-color .3s;text-align:center;letter-spacing:.15em}.admin-glass-inner input:focus{border-color:hsla(0,0%,100%,.35)}.admin-glass-inner input::placeholder{color:hsla(0,0%,100%,.25);letter-spacing:.04em}.admin-glass-actions{display:flex;gap:12px;margin-top:20px}.admin-glass-actions button{flex:1;padding:10px 0;border-radius:10px;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.06);color:var(--color-text);font-size:.9rem;cursor:pointer;transition:all .25s;letter-spacing:.04em}.admin-glass-actions button:hover{background:hsla(0,0%,100%,.14)}.admin-glass-actions button#admin-submit{background:rgba(99,102,241,.3);border-color:rgba(99,102,241,.4)}.admin-glass-actions button#admin-submit:hover{background:rgba(99,102,241,.45)}#admin-error{margin:14px 0 0;font-size:.82rem;color:#f87171;min-height:1.2em}