@media screen and (max-width:800px){header .logo a,header .mobile-nav-button{text-shadow:0 0 3px #000}.header .logo a,.header .mobile-nav-button{text-shadow:unset}.nav{display:none}.mobile-nav-button{font-size:23px}.mobile-nav-slider{height:100%;left:0;position:fixed;top:0;transition:all .3s ease-in-out;width:100%;z-index:-100}.mobile-nav-mask{background-color:rgba(0,0,0,.4);left:100%;z-index:101}.mobile-nav,.mobile-nav-mask{height:100%;position:absolute;top:0;transition:all .5s ease-in-out;width:50%}.mobile-nav{align-items:center;background:linear-gradient(60deg,#ffd7e4,#c8f1ff 93%);display:flex;flex-direction:column;left:-50%;z-index:102}.mobile-nav .mobile-avatar{border-radius:50%;height:100px;margin-top:40px;overflow:hidden;width:100px}.mobile-nav .mobile-summary{display:flex;justify-content:space-around;margin-top:30px;width:100%}.mobile-nav .mobile-summary .summary-item{align-items:center;display:flex;flex-direction:column}.mobile-nav .split-line{border:1px dashed rgba(57,197,187,.5);box-sizing:border-box;margin:30px 0 10px;width:100%}.mobile-nav .mobile-menu{width:100%}.mobile-nav .mobile-menu li{padding:20px}.mobile-nav .mobile-menu li a{color:#4d197d}.mobile-nav .mobile-menu li a span:first-child{background:rgba(0,0,0,.1);border-radius:20px;margin-right:5px;padding:5px}}@media screen and (min-width:800px){header:hover{background-color:rgba(0,0,0,.4);color:#fff}header .logo{margin-left:12px}.mobile-nav-button,.mobile-nav-slider{display:none}}header{align-items:center;background-color:transparent;box-sizing:border-box;color:#fff;display:flex;height:60px;justify-content:space-between;left:0;padding:0 20px;position:fixed;top:0;transition:all .2s linear;width:100%;z-index:20}header .logo a{color:inherit;font-weight:700}.header{background-color:#fff;border-bottom:1px solid #eee;color:#333}.menu{display:flex}.menu li{font-size:17px;list-style:none;margin:0 12px}.menu li a{color:inherit;cursor:pointer;display:block;height:60px;line-height:60px;transition:all .2s ease-in}.menu li a.active,.menu li a:hover{color:orange}.menu li a span:first-child{background:hsla(0,0%,100%,.6);border-radius:10px;padding:3px}footer{background-image:linear-gradient(-120deg,#ee7752,#23d5ab,#23a6d5,#23d5ab);background-size:150% 150%;height:66px;text-align:center}.footer__title{color:#fff;font-size:16px;padding-top:10px}.footer__icp{color:#595a5a;font-size:13px;padding-top:6px}@font-face{font-family:pretty;src:url(/blog/62da0fe330d48f530879.woff2) format("woff2")}@font-face{font-family:yypure;src:url(/blog/1ebb2020eebee2eb8ae2.woff2?t=1697682062077) format("woff2")}.yyp{font-family:yypure!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.yy-emoji:before{content:"\e78d"}.yy-emoji-flash:before{content:"\e78e"}.yy-prize:before{content:"\e610"}.yy-rss-round:before{content:"\e602"}.yy-thumbs-up:before{content:"\e651"}.yy-arrow-down:before{content:"\e62d"}.yy-delete:before{content:"\e603"}.yy-calendar:before{content:"\e6a7"}.yy-search-pure:before{content:"\e606"}.yy-menu:before{content:"\100c1";font-size:32px}@font-face{font-family:yycolor;src:url(/blog/1e68f849adc3c604942d.woff2?t=1697682054298) format("woff2")}.yyc{font-family:yycolor!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.yy-rss:before{content:"\e6b3"}.yy-flower:before{content:"\e66b"}.yy-user:before{content:"\e735"}.yy-date:before{content:"\100c0"}.yy-sort:before{content:"\e65e"}.yy-fire:before{content:"\e615"}.yy-read:before{content:"\e60f"}.yy-heart:before{content:"\e611"}.yy-bear:before{content:"\e782"}.yy-search:before{content:"\f297"}.yy-notice:before{content:"\e70d"}.yy-leaf:before{content:"\e601"}.yy-tag:before{content:"\f24b"}.yy-link:before{content:"\e706"}.yy-home:before{content:"\ffb9"}.yy-message:before{content:"\ffcb"}.yy-edit:before{content:"\100ac"}.yy-comment:before{content:"\100ae"}body,html{scroll-behavior:smooth}body{font-family:pretty}body,div,footer,header,html,img,li,section,ul{margin:0;padding:0}img,li,ol,ul{list-style:none}a{color:inherit;text-decoration:none}a,button,input,textarea{font-family:pretty;outline:none}::-webkit-scrollbar{height:1px;width:10px}::-webkit-scrollbar-thumb{background-color:skyblue;background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.2) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 75%,transparent 0,transparent);border-radius:10px}::-webkit-scrollbar-track{background:#ededed;border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,.2)}.shadow-box{box-shadow:0 1px 20px -6px rgba(0,0,0,.5);transition:all .3s ease}.shadow-box:hover{box-shadow:0 1px 20px -2px rgba(0,0,0,.6)}