*{margin:0;padding:0;font-size:14px;box-sizing:content-box}body,html{width:100%;height:100%;user-select:none}#bg{width:100%;min-width:250px;height:100%;position:fixed;z-index:1}.container{width:100%;min-width:250px;min-height:100%;position:relative;z-index:10;color:#fff;display:flex;flex-direction:column;align-items:center}.container .avatar{width:80px;height:80px;margin-top:30%;border-radius:50%;border:1px solid #f6f7fb;opacity:1;background-color:#f6f7fb;animation:avatar-shadow 2s ease-in-out infinite alternate}@keyframes avatar-shadow{from{box-shadow:0 0 2px #f6f7fb,0 0 6px rgba(246,247,251,.45)}to{box-shadow:1px 1px 18px #f6f7fb,0 0 30px rgba(246,247,251,.75)}}.container .nickname{font-size:18px;margin-top:20px;letter-spacing:2px;animation:nickname-shadow 2s ease-in-out infinite alternate}@keyframes nickname-shadow{from{text-shadow:0 0 2px #f6f7fb}to{text-shadow:1px 1px 20px #f6f7fb}}.container .introduce{font-size:14px;margin-top:20px;padding:0 28px;letter-spacing:1px;text-align:center;line-height:28px}.container .quote{font-size:14px;margin-top:20px;padding:0 28px;letter-spacing:1px;text-align:center;font-family:cursive;line-height:28px;min-height:28px;word-break:break-word;transition:opacity .25s ease}.container .quote::after{content:'';display:inline-block;width:2px;height:18px;border-radius:2px;background-color:#fff;vertical-align:middle;animation:blink .8s linear infinite}@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}nav{width:80%;min-height:40px;margin-top:128px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}nav .item{width:28px;height:28px;margin:8px 12px;position:relative;display:flex;border-radius:50%;background-color:rgba(255,255,255,.9);justify-content:center;align-items:center}nav .item a{color:#fff;text-decoration:none;display:block;width:20px;height:20px;-webkit-tap-highlight-color:transparent}nav .item a:active,nav .item a:focus,nav .item a:visited{color:#fff}nav .item a img{width:100%;height:100%}nav .item .tooltip{position:absolute;width:140px;max-height:140px;background-color:#fff;bottom:40px;padding:6px;border-radius:4px;box-shadow:0 4px 16px rgba(0,0,0,.18);z-index:10;color:#333;letter-spacing:2px;text-align:center;opacity:0;pointer-events:none;z-index:-1;transform:translateY(-40px);transition:all .1s ease-in-out}nav .item .tooltip img{width:100%;height:100%;display:block;object-fit:contain;position:relative;z-index:10}nav .item .tooltip::after{content:'';display:block;width:8px;height:8px;border-radius:2px;background-color:#fff;position:absolute;bottom:-4px;left:40px;transform:rotate(45deg);z-index:9}nav .item a:focus+.tooltip,nav .item a:hover+.tooltip{transform:translateY(0);z-index:10;opacity:1}@media (hover:none) and (pointer:coarse){nav .item .tooltip{display:none}}footer{width:80%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 0;margin-top:40px}footer .icp{color:#f6f7fb;text-decoration:none;letter-spacing:2px;font-size:10px}footer .copyright{color:#999;font-size:10px;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width:768px){.container .avatar{width:88px;height:88px;margin-top:20%}.container .nickname{font-size:20px;margin-top:28px}.container .introduce{font-size:16px;margin-top:28px;padding:0 40px}.container .quote{font-size:16px;margin-top:28px;padding:0 40px}.container .quote::after{height:20px}nav{margin-top:138px}nav .item{width:32px;height:32px}nav .item .tooltip{bottom:48px}nav .item a{width:22px;height:22px}}@media screen and (min-width:992px){.container .avatar{width:96px;height:96px;margin-top:10%}.container .nickname{font-size:22px;margin-top:32px}.container .introduce{font-size:18px;margin-top:36px;padding:0 80px}.container .quote{font-size:18px;margin-top:36px;padding:0 80px}.container .quote::after{height:22px}nav{margin-top:148px}nav .item{width:36px;height:36px;margin:12px}nav .item .tooltip{bottom:56px}nav .item a{width:24px;height:24px}}.lightbox{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(5,7,14,.86);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;cursor:zoom-out}.lightbox.show{opacity:1;visibility:visible}.lightbox img{max-width:86vw;max-height:84vh;width:auto;height:auto;padding:8px;background:#fff;border-radius:8px;box-shadow:0 0 26px rgba(246,247,251,.45);transform:scale(.92);transition:transform .25s ease}.lightbox.show img{transform:scale(1)}@media screen and (max-width:450px){.lightbox{padding:12px}}:root{--tutt-max:780px;--tutt-pad:clamp(16px, 4vw, 28px);--tutt-gap-lg:clamp(48px, 9vh, 96px);--tutt-gap-md:clamp(28px, 5vh, 56px)}body,html{overflow-x:hidden}html{height:auto}body{height:auto;min-height:100vh;min-height:100dvh}#bg{display:block}.container{width:100%;max-width:var(--tutt-max);margin:0 auto;padding:clamp(28px,7vh,64px) var(--tutt-pad) clamp(20px,5vh,40px);min-height:100vh;min-height:100dvh;box-sizing:border-box;justify-content:center;text-align:center}.container>*{flex:0 0 auto}.container .avatar{margin-top:0}.container .nickname{margin-top:clamp(16px,3vh,28px)}nav{width:100%;margin-top:var(--tutt-gap-lg);box-sizing:border-box}.container .quote{width:100%;margin-top:var(--tutt-gap-md);padding:0;box-sizing:border-box}footer{width:100%;margin-top:var(--tutt-gap-md);padding:0 0 4px;box-sizing:border-box}nav .item .tooltip{left:50%;right:auto;transform:translate(-50%,-40px)}nav .item a:focus+.tooltip,nav .item a:hover+.tooltip{transform:translate(-50%,0)}nav .item .tooltip::after{left:50%;margin-left:-4px}@media screen and (max-width:480px){.container{padding-left:16px;padding-right:16px}nav .item{margin:8px 10px}}.container{padding-bottom:calc(clamp(20px,5vh,40px) + 34px)}footer{position:absolute;left:0;right:0;bottom:clamp(16px,3vh,28px);width:100%;margin:0;padding:0;box-sizing:border-box}footer .copyright{width:100%;text-align:center}