@import"https://fonts.googleapis.com/css2?family=Yusei+Magic&display=swap";:root{--move-time: 1s;--color-text: #ffffff;--color-moon: #fff300;--color-lightblue: #3498db;--color-darkblue: #000040;--gcolor-moon-side: #fff40033;--gcolor-moon-center: #fff40099;--gcolor-box-top: #7fafff;--gcolor-box-bottom: #af7fff}*{font-family:Yusei Magic,serif}html,body{margin:0;padding:0;font-family:sans-serif;background:linear-gradient(to bottom,#000040,#77c);color:var(--color-text);min-height:100vh}footer{position:fixed;bottom:0;width:100%;border-top:5px solid;border-image:linear-gradient(to left,var(--gcolor-box-bottom),var(--gcolor-box-top)) 1;background-color:var(--color-darkblue)}footer p{text-align:center}p{font-size:12px}.typing:after{content:"▎";animation:blink .75s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}button{font-size:20px}.block{display:block}.flex{display:flex}.grid{display:flex;flex-wrap:wrap;gap:0}.text-gradient,.typing:after{background:linear-gradient(to bottom,var(--gcolor-box-bottom),var(--gcolor-box-top));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:brightness(1.2) drop-shadow(1px 1px 1px #808080)}.span-border{max-width:100%;margin:0 20px;border:none;border-bottom:5px solid #ffffff}.viewcount{width:100%;height:auto}main{background:transparent;margin:50px 0 50px 260px;padding:0}main *{opacity:0;transform:translateY(20px);transition:opacity calc(var(--move-time) / 3) ease,transform var(--move-time) ease}main.loaded *{opacity:1;transform:translateY(0)}.title-wrapper{margin-left:10px;height:50px}.title-wrapper>*{background:linear-gradient(to bottom,var(--gcolor-box-bottom),var(--gcolor-box-top));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:brightness(1.2) drop-shadow(1px 1px 1px #808080)}.box{width:300px;min-height:300px;margin:20px;padding:10px;background:linear-gradient(to bottom,#ffffff90,#ffffff30);border:5px solid;border-image:linear-gradient(to bottom,var(--gcolor-box-top),var(--gcolor-box-bottom)) 1}.box h2,.box h3,.box h4{position:relative;height:30px;margin:10px 0;padding:0;list-style:none;text-align:center}.box h2:before,.box h3:before,.box h4:before{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);height:3px;width:100%;background:radial-gradient(ellipse at center,var(--gcolor-moon-center) 0%,var(--gcolor-moon-side) 60%,transparent 100%);pointer-events:none}.circle{--circle-mag: .7;--circle-size: calc(220px * var(--circle-mag));position:relative;width:var(--circle-size);height:var(--circle-size);border-radius:50%;overflow:hidden}.circle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:5px;border-radius:50%;background:linear-gradient(to bottom,var(--gcolor-box-top),var(--gcolor-box-bottom));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 20px),black 100%);mask:radial-gradient(farthest-side,transparent calc(100% - 20px),black 100%);pointer-events:none;z-index:0}.circle-img{--circle-img-size: calc(200px * var(--circle-mag));--circle-position: calc(10px * var(--circle-mag));position:relative;z-index:1;top:var(--circle-position);left:var(--circle-position);width:var(--circle-img-size);height:var(--circle-img-size);object-fit:cover;border-radius:50%}.profile{height:var(--circle-size);padding:10px}.icon-wrapper{--link-icon-size: 30px;width:var(--link-icon-size);min-width:var(--link-icon-size);height:var(--link-icon-size);min-height:var(--link-icon-size);background:linear-gradient(to bottom,var(--gcolor-box-top),var(--gcolor-box-bottom));border:3px solid #ffffff;border-radius:8px;display:flex;align-items:center;justify-content:center;margin:1px;padding:4px;box-sizing:border-box}.icon-img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}.text{position:relative;width:100%;height:30px;margin:0 0 0 10px;padding:0 0 0 5px;font-size:16px;text-decoration:none;color:#fff;border-bottom:2px solid #ffffff;list-style:none;text-align:left}.text:hover{filter:brightness(.7)}.activity img,.activity video{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:8px;cursor:pointer;margin-bottom:4px}.mail{--mail-color: #ffffff;position:relative;width:100%;height:30px;margin:0 0 0 10px;padding:0 0 0 5px;font-size:16px;text-decoration:none;color:var(--mail-color);border-bottom:2px solid #ffffff;list-style:none;text-align:left}.mail-first:after{content:"@"}.mail-second-sld:after{content:"."}.tech-icons{flex-wrap:wrap;margin-top:20px}.tech-icon-wrapper{--tech-icon-number: 6;--tech-icon-size: calc((100% - (2px * var(--tech-icon-number))) / var(--tech-icon-number));width:var(--tech-icon-size);height:var(--tech-icon-size);background:linear-gradient(to bottom,var(--gcolor-box-top),var(--gcolor-box-bottom));border:3px solid #ffffff;border-radius:8px;display:flex;align-items:center;justify-content:center;margin:1px;padding:4px;box-sizing:border-box}.tech-icon-img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}.blog-box{width:300px;margin:20px;padding:10px;background:linear-gradient(to bottom,#ffffff90,#ffffff30);border:5px solid;border-image:linear-gradient(to bottom,var(--gcolor-box-top),var(--gcolor-box-bottom)) 1}.blog-title,.blog-title h4{text-decoration:none}.blog-title:hover{filter:brightness(.7)}.blog-title-border{width:100%;border-top:2px solid #ffffff}.blog-content{display:flex;flex-wrap:wrap;gap:4px}p.blog-content{display:flex;flex-wrap:wrap;overflow-wrap:anywhere;gap:4px;width:100%}p.blog-content img,p.blog-content video{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:8px;cursor:pointer;margin-bottom:4px}p.blog-content:has(:is(img,video):nth-child(2)) img{width:calc(50% - 4px)}.blog-content .rsshub-quote{background-color:#ffffff60;font-size:10px;width:100%;min-height:50px;margin:0 10px;padding:10px;border:2px solid #ffffff;border-radius:15px}.blog-content .rsshub-quote:before{content:"QUOTE"}.blog-date{border-top:2px solid #ffffff}@media (max-width: 700px){main{margin-left:40px}}.sidebar-toggle{display:none;position:fixed;top:0;left:0;padding-right:100px;background-color:transparent;color:#fff;height:100%;transform:translate(200px);transition:transform .3s ease;border:none;z-index:1001}.sidebar-toggle.closed{padding-right:40px;transform:translate(0)}.sidebar{position:fixed;top:0;left:0;z-index:1000;width:240px;height:100vh;background:linear-gradient(to bottom,#4d667e,gray);color:#fff;border-right:5px solid;border-image:linear-gradient(to bottom,var(--gcolor-box-top),var(--gcolor-box-bottom)) 1;box-sizing:border-box;transform:translate(0);transition:transform .3s ease}.sidebar .menu-title{display:block;width:100%;height:50px;background:linear-gradient(to right,var(--gcolor-moon-side),var(--gcolor-moon-center),var(--gcolor-moon-side));color:#fff;border:none;border-bottom:5px solid;border-image:linear-gradient(to left,var(--gcolor-box-top),var(--gcolor-box-bottom)) 1;padding:10px;text-align:center;cursor:none;pointer-events:none}.sidebar .menu-title .text-gradient{filter:contrast(1.2) drop-shadow(2px 2px 2px #ffffff)}.sidebar ul li{position:relative;width:80%;height:30px;margin:20px 0;padding:0;list-style:none;text-align:center;opacity:0;transform:translateY(20px);transition:opacity calc(var(--move-time) / 3) ease,transform var(--move-time) ease}.sidebar ul li.loaded{opacity:1;transform:translateY(0)}.sidebar ul li:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);height:3px;width:90%;background:radial-gradient(ellipse at center,var(--gcolor-moon-center) 0%,var(--gcolor-moon-side) 60%,transparent 100%);pointer-events:none}.sidebar ul li a{color:var(--color-text);text-decoration:none}.sidebar ul li:hover{filter:brightness(.7)}@media (max-width: 700px){.sidebar-toggle{display:block}.sidebar.closed{transform:translate(-85%)}}