:root{--black-main: #000000;--white-main: #f2f6f8;--primary-color: #3c7fb1;--highlight-color: #aaddfa;--secondary-color: #d8e1e7;--aero-grad: linear-gradient(to bottom, color-mix(in srgb, var(--secondary-color), white 60%) 0%, var(--secondary-color) 50%, color-mix(in srgb, var(--secondary-color), black 10%) 51%, var(--secondary-color) 100%);--bg-image: url(/image/bg.jpg)}body{font-family:Segoe UI,sans-serif;color:var(--black-main);margin:0 auto;background-image:var(--bg-image);background-size:cover;background-attachment:fixed}.container{display:flex;flex-direction:column;min-height:100vh;max-width:960px;margin:auto;padding:0 20px}.card{background:rgba(from var(--primary-color) r g b/.3);box-sizing:border-box;box-shadow:inset 0 0 20px rgba(from var(--primary-color) r g b/.8),0 0 0 1px var(--white-main),0 0 0 1.5px var(--black-main),3px 3px 10px rgba(from var(--black-main) r g b/.6);backdrop-filter:blur(2px)}.button-bar{background:var(--aero-grad);box-shadow:inset 0 0 0 1px var(--white-main),0 0 0 .5px var(--black-main),3px 3px 10px rgba(from var(--black-main) r g b/.6);box-sizing:border-box;overflow:hidden}.button,.page-number:before,.extend:before{display:block;position:relative;border:none;outline:none;cursor:pointer;background:var(--aero-grad);box-shadow:inset 0 0 0 1px var(--white-main),0 0 0 .5px var(--black-main),3px 3px 10px rgba(from var(--black-main) r g b/.6);box-sizing:border-box}.button:after,.page-number:after,.extend:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,var(--highlight-color) 0%,var(--highlight-color) 50%,color-mix(in srgb,var(--highlight-color),black 10%) 51%,var(--highlight-color) 80%);box-shadow:inset 0 0 0 2px var(--highlight-color),0 0 3px var(--highlight-color);transition:all .2s;opacity:0}.button:hover:after,.page-number:not(.current):hover:after,.extend:hover:after{opacity:1}.button:active:after,.button.active,.page-number:not(.current):active:after,.extend:active:after{opacity:1;box-shadow:inset 0 5px 5px #0006}.main-layout{display:grid;flex:1;grid-template-columns:minmax(0,1fr) minmax(0,2.5fr);gap:20px}.mobile-menu-btn,.sidebar-mask{display:none}.widget{width:100%;margin-top:20px;border-radius:3px}.page-nav{margin-top:30px;justify-content:right}.page-number,.extend{position:relative;z-index:1;height:30px;width:30px;border-radius:50%;text-decoration:none;color:var(--black-main);margin:0 5px;display:inline-flex;align-items:center;justify-content:center}.page-number:before,.extend:before{content:"";position:absolute;z-index:-2;top:0;left:0;width:100%;height:100%;border-radius:inherit}.page-number:after,.extend:after{position:absolute;z-index:-1;border-radius:inherit}.current{top:1px}.current:before{box-shadow:inset 0 5px 5px #0006,0 0 0 .5px var(--black-main)}.page-nav .space{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin:0 5px;color:var(--black-main)}.tag-none-link{color:var(--primary-color);text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}.tag-none-link:hover{border-bottom-color:var(--primary-color)}.header{position:sticky;top:0;z-index:3}header{width:100%;height:80px;padding-right:60px;border-radius:0 0 0 15px;overflow:hidden;position:relative;top:0}.blog-title{position:relative;text-align:right;font-size:20px;text-shadow:0 0 10px var(--white-main),0 0 10px var(--white-main),0 0 10px var(--white-main),0 0 10px var(--white-main),0 0 10px var(--white-main),0 0 10px var(--white-main)}nav{position:relative;border-top:none;border-radius:15px;padding:0 20px;display:flex;align-items:center;justify-content:center;height:30px;margin-left:360px;top:-15px;left:12px}.nav-links{list-style:none;padding:0;display:flex;box-sizing:border-box;height:100%}.nav-links li{display:flex;box-sizing:border-box;height:100%}.nav-links li a{position:relative;box-sizing:border-box;height:100%;gap:8px;font-size:14px;line-height:12px;text-decoration:none;padding:0 20px;color:var(--black-main);box-shadow:inset 0 0 0 1px var(--white-main);border-right:1px solid var(--black-main);text-shadow:0 1px 0 var(--white-main)}.nav-text{position:relative;z-index:2;height:100%;display:flex;align-items:center;gap:5px}.icon{width:24px}.link-home{border-left:1px solid #333}footer{border-radius:15px 15px 0 0;margin-bottom:0;height:80px;display:flex}.copyright{width:100%;align-items:center;text-align:center;text-shadow:0 0 10px var(--white-main),0 0 10px var(--white-main),0 0 10px var(--white-main),0 0 10px var(--white-main),0 0 10px var(--white-main),0 0 10px var(--white-main)}.post-list{margin-top:20px}.post-item{display:flex;align-items:stretch;gap:10px;padding:10px;border-radius:3px;position:relative;margin-bottom:20px}.post-cover{width:40%;flex-shrink:0;padding:10px 0}.post-cover img{width:100%;box-shadow:0 0 0 .5px var(--black-main),0 0 0 1.5px var(--white-main)}.post-info{display:flex;flex:1;flex-direction:column}.post-full{margin-top:20px;padding:10px;border-radius:3px;position:relative;margin-bottom:20px}.post-title{position:relative;font-size:24px;text-shadow:0 0 10px var(--white-main),0 0 10px var(--white-main),0 0 10px var(--white-main),0 0 10px var(--white-main),0 0 10px var(--white-main),0 0 10px var(--white-main)}.post-meta{position:relative;text-shadow:0 0 10px var(--white-main),0 0 10px var(--white-main),0 0 10px var(--white-main),0 0 10px var(--white-main),0 0 10px var(--white-main),0 0 10px var(--white-main);padding:5px 0}.post-excerpt,.post-content{position:relative;padding:10px;background-color:var(--white-main);box-shadow:0 0 0 .5px var(--black-main),0 0 0 1.5px var(--white-main)}.rm-link{position:relative;width:120px;height:30px;display:flex;align-self:flex-end;margin-top:auto;align-items:center;justify-content:center;border-radius:15px;margin-bottom:-15px;text-decoration:none;color:var(--black-main);text-shadow:0 1px 0 var(--white-main);transition:all .2s;overflow:hidden}.rm-link:after{border-radius:inherit}.rm-link:active{top:1px}.read-more{position:relative;z-index:2}.article-title{display:block;padding:20px 0;font-size:30px}.avatar-widget{position:sticky;z-index:4;top:-5px;background:none;border:none;box-shadow:none;width:20%}.avatar-bg{background:var(--aero-grad);backdrop-filter:blur(3px);margin-top:-30px;margin-left:-10px;box-sizing:border-box;width:120px;height:120px;border-radius:50%;box-shadow:0 0 0 1px var(--white-main),0 0 0 1.5px var(--black-main),3px 3px 10px rgba(from var(--black-main) r g b/.6)}.profile-img{width:110px;box-sizing:border-box;position:relative;top:5px;left:5px;border-radius:50%;border:1px solid var(--white-main)}.profile-link{position:relative;display:inline-flex;height:40px;width:40px;padding:8px;margin:6px;border-radius:20px}.profile-icon{position:relative;width:100%;z-index:2}.profile-link:after{border-radius:20px}.profile-link:active{top:1px}.profile{padding-top:10px;padding-left:100px;height:80px;display:flex;flex-direction:column;justify-content:space-evenly;font-size:larger}.about{margin-top:10px;padding:10px}.profile-widget{position:relative;margin-top:-90px;text-shadow:0 0 10px var(--white-main),0 0 10px var(--white-main),0 0 10px var(--white-main),0 0 10px var(--white-main),0 0 10px var(--white-main),0 0 10px var(--white-main);text-align:center}.music-widget{position:sticky;top:140px;background:var(--white-main);box-sizing:border-box;box-shadow:inset 0 0 30px color-mix(in srgb,var(--primary-color),white 50%),0 0 0 .5px var(--black-main),3px 3px 10px rgba(from var(--black-main) r g b/.6);border-radius:20% 80%/50% 30% 50% 40%;padding:15px}.music-widget:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(from var(--white-main) r g b/.8),rgba(from var(--black-main) r g b/.1));border-radius:20% 80%/50% 30%;pointer-events:none}.player-content{width:100%;display:flex;flex-direction:column;align-items:center;position:relative}.album-art{width:60px;height:60px;flex-shrink:0;margin-left:20px;margin-bottom:10px;position:relative;background-size:cover;background-position:center}.song-info{width:100%;display:flex;align-items:center;margin-bottom:10px;min-width:0}.info-bg{background-color:var(--primary-color);box-shadow:inset 0 3px 5px #00000080,0 0 0 .5px var(--black-main),0 0 0 1.5px var(--white-main);border-radius:3px}.title-bar{flex:1;width:0;min-width:0;overflow:hidden;margin-left:10px;border-radius:10px}.song-title{font-size:14px;color:var(--white-main);text-shadow:0 3px 3px var(--black-main);display:inline-block;white-space:nowrap;animation:marquee 8s linear infinite}@keyframes marquee{0%{transform:translate(0)}20%{transform:translate(0)}80%{transform:translate(-100%)}to{transform:translate(-100%)}}.progress-container{width:90%;height:6px;border-radius:3px;margin-bottom:12px;margin-left:16px;box-shadow:inset 0 2px 3px #00000080,0 0 0 .5px var(--black-main),0 0 0 1.5px var(--white-main)}.progress-bar{width:0%;height:100%;background:linear-gradient(to bottom,var(--secondary-color) 0%,var(--primary-color) 50%,var(--secondary-color) 100%);border-radius:3px;transition:width .1s linear}.controls{position:relative;margin-left:-60px;margin-bottom:-20px;display:flex;gap:15px;align-items:center}.ctrl-btn{border-radius:50%;width:35px;height:35px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:14px;transition:all .1s;overflow:hidden}.ctrl-btn span{position:relative;z-index:2}.play-btn{width:50px;height:50px;border-radius:70% 30%;font-size:18px;overflow:hidden}.play-btn span{position:relative;z-index:2}.ctrl-btn:active,.play-btn:active{top:1px}.ctrl-btn:after{border-radius:inherit}.play-btn:after{border-radius:inherit}.year-group{padding:10px;border-radius:3px;margin:20px 0}.year-header{font-size:24px;text-shadow:0 0 10px var(--white-main),0 0 10px var(--white-main),0 0 10px var(--white-main),0 0 10px var(--white-main),0 0 10px var(--white-main),0 0 10px var(--white-main);padding:10px 0}.archive-list{padding:10px;background-color:var(--white-main);box-shadow:0 0 0 .5px var(--black-main),0 0 0 1.5px var(--white-main)}.archive-item{padding:5px 0;width:100%}.archive-title{margin-left:5px;color:var(--primary-color);text-decoration:none;border-bottom:1px solid transparent;transition:all .2s}.archive-title:hover{border-bottom-color:var(--primary-color)}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin-top:1.5em;margin-bottom:.8em;font-weight:700;line-height:1.3}.post-content p{margin-bottom:1.5em;text-align:justify}.post-content a{color:var(--primary-color);text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}.post-content a:hover{border-bottom-color:var(--primary-color)}.post-content strong{font-weight:700;color:#000}.post-content em{font-style:italic}.post-content del{color:#999;text-decoration:line-through}.post-content ul,.post-content ol{margin-bottom:1.5em;padding-left:2em}.post-content li{margin-bottom:.5em;line-height:1.8}.post-content li ul,.post-content li ol{margin-top:.5em;margin-bottom:0}.post-content blockquote{margin:0 0 1.5em;padding:10px 20px;border-left:4px solid #dfe2e5;background-color:#f8f9fa;color:#6a737d}.post-content blockquote p{margin:0}.post-content img{max-width:100%;height:auto;display:block;margin:1.5em auto;box-shadow:0 2px 10px #0000001a}.post-content table{width:100%;border-collapse:collapse;margin-bottom:1.5em;display:block;overflow-x:auto}.post-content th,.post-content td{border:1px solid #dfe2e5;padding:6px 13px}.post-content th{background-color:#f6f8fa;font-weight:700}.post-content tr:nth-child(2n){background-color:#f8f9fa}.post-content :not(pre)>code{background-color:#1b1f230d;color:var(--primary-color);padding:.2em .4em;border-radius:3px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:85%}.post-content pre,.post-content .highlight{background-color:#fafafa;padding:5px;margin:0;border-radius:3px;overflow-x:auto;line-height:1.45;font-family:Consolas,monospace;font-size:14px}.post-content .highlight table{margin:0;border:none;display:table}.post-content .highlight td,.post-content .highlight th{border:none;padding:0}.post-content .highlight .gutter{color:#999;text-align:right;border-right:1px solid #eee}.markdown-body .mjx-chtml{outline:0;max-width:100%;overflow-x:auto;overflow-y:hidden}@media screen and (max-width:768px){*{-webkit-tap-highlight-color:transparent}.main-layout{display:block}header{border-radius:0}nav{margin-left:0;left:0}.nav-links li a{padding:0 10px}.mobile-menu-btn{position:fixed;top:100px;left:0;z-index:10;display:flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:18px;cursor:pointer;border-radius:0 15px 15px 0;overflow:hidden;margin:10px 0}.mobile-menu-btn:after{border-radius:inherit}.menu-icon{z-index:12}aside{position:fixed;top:0;left:0;width:260px;height:100vh;background-image:var(--bg-image);background-size:cover;z-index:100;padding:20px;overflow-y:auto;box-shadow:2px 0 8px #00000026;transform:translate(-100%);transition:transform .3s ease-in-out}aside.open{transform:translate(0)}.sidebar-mask{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:99;opacity:0;visibility:hidden;transition:all .3s}.sidebar-mask.open{opacity:1;visibility:visible}.post-item{flex-direction:column;gap:0}.post-cover{width:100%}}