:root{--page-bg:#222325;--text-color:#ffffff;--shadow-color:#333333}*{box-sizing:border-box;-webkit-text-size-adjust:100%}html,body{width:100%;height:100%;margin:0;padding:0;border:0}html{font-size:20px}body{min-height:100vh;color:var(--text-color);font-family:"Comic Sans MS","Helvetica Neue","Microsoft Yahei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--page-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none}main{position:relative;width:100%;height:100vh;overflow:hidden}.content{position:relative;width:100%;height:100vh;background:transparent}.content-intro{z-index:100;height:200vh;transition:transform 1.1s ease-in-out}.content-main{position:fixed;top:0;left:0;background:#060606}.content-inner{position:relative;width:100%;height:100vh;user-select:none}.wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;text-align:center}.fade{opacity:0;transform:translateY(200px);transition:opacity 1s ease,transform 1s ease}.fade.in{opacity:1;transform:translateY(0)}#background{position:absolute;inset:0;z-index:-1;width:100%;height:100%}.shape-wrap{position:relative;z-index:0;margin-top:-5px;background:transparent;transition:transform 1.1s ease-in-out}.shape{display:block;width:100%;height:100vh;fill:#151515;background:transparent}.content-title{margin:0.8em 0 0.3em;color:var(--text-color);font-family:"Comic Sans MS","Helvetica Neue","Microsoft Yahei",-apple-system,sans-serif;font-size:4.7rem;font-weight:100;line-height:1;text-shadow:#452d2d 0 0 1px,#fffffb 0 0 1px,#fffffb 0 0 2px;animation:white_shadow 1.5s ease-in-out infinite alternate}.content-subtitle{margin:0 0 2em;color:rgba(255,255,255,0.65);font-family:"Comic Sans MS","Helvetica Neue","Microsoft Yahei",-apple-system,sans-serif;font-size:1.2rem;font-weight:200;background-image:linear-gradient( 90deg,rgba(255,255,255,0.42),rgba(255,255,255,0.72) ),linear-gradient( 105deg,transparent 0%,rgba(255,255,255,0.35) 36%,#ffffff 48%,rgba(255,255,255,0.55) 56%,transparent 100% );background-repeat:no-repeat;background-size:100% 100%,50% 100%;background-position:0 0,-160% center;background-clip:text;text-shadow:0 0 8px rgba(255,255,255,0.18);animation:subtitle_sweep 3.6s linear infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.arrow{position:absolute;top:95%;left:49.5%;width:13px;height:13px;cursor:pointer;transform:translate3d(-50%,0,0);transform-origin:50% 50%}.arrow-1{animation:arrow_movement 2s ease-in-out infinite}.arrow-2{animation:arrow_movement 2s 1s ease-in-out infinite}.arrow::before,.arrow::after{position:absolute;top:0;left:0;display:block;width:13px;height:3px;content:"";background:#ffffff;box-shadow:1px 1px 20px 0 #ffffff}.arrow::before{transform:rotate(45deg) translateX(-10%);transform-origin:top left}.arrow::after{transform:rotate(-45deg) translateX(10%);transform-origin:top right}.page-switched .content-intro{transform:translateY(-200vh)}.page-switched .shape-wrap{transform:scaleY(1.05)}#card{position:relative;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;color:#93979e;text-align:center}#card .card-inner{width:min(700px,90vw);padding:0;border:0}#card header{margin-bottom:40px}#card header img{position:relative;z-index:2;width:100px;height:100px;object-fit:cover;border:3px solid #ffffff;border-radius:50%;box-shadow:0 0 1px 1px rgba(0,0,0,0.3)}#card header h1{position:relative;z-index:2;margin:15px 15px 0;color:#ffffff;font-size:2rem;font-weight:300;line-height:1.2}#card header h2{position:relative;z-index:2;color:#cccccc;font-size:0.8rem;font-weight:lighter;letter-spacing:3px}#card .card-text{position:relative;z-index:2;max-width:720px;margin:0 auto;color:rgba(246,246,246,0.72);font-size:0.86rem;font-weight:300;line-height:2;text-align:left}#footer{position:absolute;right:24px;bottom:20px;z-index:3;width:min(520px,calc(100% - 48px));color:rgba(182,182,182,0.62);font-size:0.6rem;line-height:1.7;text-align:right}#footer p{margin:0}#footer .icpnum{color:rgba(182,182,182,0.72);text-decoration:none;transition:color 0.2s,text-shadow 0.2s}#footer .icpnum:hover,#footer .icpnum:focus{color:#f6f6f6;text-shadow:0 0 2px #f6f6f6}@keyframes white_shadow{0%{text-shadow:0 0 1px #ffffff,0 0 2px #ffffff,0 0 3px #ffffff,0 0 5px var(--shadow-color),0 0 8px var(--shadow-color),0 0 9px var(--shadow-color),0 0 10px var(--shadow-color),0 0 15px var(--shadow-color)}100%{text-shadow:0 0 1px #ffffff,0 0 1px #ffffff,0 0 2px #ffffff,0 0 2px var(--shadow-color),0 0 4px var(--shadow-color),0 0 5px var(--shadow-color),0 0 6px var(--shadow-color),0 0 8px var(--shadow-color)}}@keyframes subtitle_sweep{0%{background-position:0 0,-160% center;text-shadow:0 0 6px rgba(255,255,255,0.16)}50%{text-shadow:0 0 18px rgba(255,255,255,0.35)}100%{background-position:0 0,260% center;text-shadow:0 0 6px rgba(255,255,255,0.16)}}@keyframes arrow_movement{0%{top:92%;opacity:0}70%{opacity:1}100%{opacity:0}}@media screen and (max-width:50em){.content-title{font-size:2rem}}@media screen and (max-width:540px){#card header h1{font-size:1rem}#card header h2{font-size:0.8rem}#card .card-text{max-width:86vw;font-size:0.74rem;line-height:1.8}#footer{right:16px;bottom:14px;width:calc(100% - 32px);font-size:0.55rem}}@media screen and (max-width:1024px){.content-subtitle{font-size:1rem}}