@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&family=Nunito+Sans:ital,wght@0,400;0,600;1,400&display=swap";*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{display:none}html,body{-ms-overflow-style:none;scrollbar-width:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;margin:0}.page-container{color:#3a3138;background-color:#f5f3f7;background-image:radial-gradient(#dcd6e0 1px,#0000 1px);background-size:24px 24px;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Nunito Sans,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;overflow:hidden}.blog-wrapper{filter:drop-shadow(0 20px 40px #4a1c401f);width:980px;max-width:96vw;height:75vh;min-height:400px;max-height:calc(100vh - 200px);margin-top:0;position:relative;container-type:inline-size}.character-img{z-index:10;pointer-events:none;filter:drop-shadow(12px 18px 20px #280f234d);width:34.545cqw;position:absolute;top:-12.727cqw;left:-14.363cqw}.blog-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #e8dce5cc;border-radius:24px;height:100%;padding:0 12cqw 5.454cqw;overflow-y:auto;box-shadow:inset 0 0 20px #e8dce533;-webkit-mask-image:radial-gradient(circle at 0 0,#0000 18.181cqw,#000 18.19cqw);mask-image:radial-gradient(circle at 0 0,#0000 18.181cqw,#000 18.19cqw)}.blog-box::-webkit-scrollbar{width:8px}.blog-box::-webkit-scrollbar-track{background:0 0;border-radius:24px;margin-top:18.181cqw}.blog-box::-webkit-scrollbar-thumb{background:#4a1c4026;border-radius:4px}.blog-box::-webkit-scrollbar-thumb:hover{background:#4a1c404d}.blog-header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:2px dashed #e8dce5;justify-content:space-between;align-items:center;margin:0 -12cqw 60px;padding:30px 12cqw 20px 22cqw;display:flex;position:sticky;top:0}.blog-header h1{color:#4a1c40;letter-spacing:1px;margin:0;font-family:Noto Serif SC,serif;font-size:1.8rem;font-weight:700}.blog-header nav a{color:#7a6374;margin-left:35px;font-family:Noto Serif SC,serif;font-size:1rem;font-weight:700;text-decoration:none;transition:color .3s;position:relative}.blog-header nav a:after{content:"";background-color:#4a1c40;width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.blog-header nav a:hover{color:#4a1c40}.blog-header nav a:hover:after{width:100%}.blog-content{color:#4a4047;line-height:1.8}.post{margin-bottom:60px;position:relative}.post:not(:last-child):after{content:"✦";color:#dcd6e0;font-size:1.2rem;position:absolute;bottom:-35px;left:50%;transform:translate(-50%)}.post h2{color:#4a1c40;letter-spacing:.5px;text-align:center;margin-bottom:12px;font-family:Noto Serif SC,serif;font-size:1.5rem}.post .date{color:#9c8b98;text-align:center;margin-bottom:24px;font-family:Noto Serif SC,serif;font-size:.95rem;font-style:italic}.post p{margin-bottom:18px;font-size:1rem}.post code{color:#8a3a6b;background:#f5f0f4;border:1px solid #e8dce5;border-radius:6px;padding:3px 8px;font-family:monospace}@media (width<=768px){.blog-wrapper{width:75vw;height:calc(100vh - 25vw);max-height:none;margin:0}.blog-header{flex-direction:column;align-items:flex-start;margin-bottom:30px;padding-top:20px}.blog-header h1{margin-bottom:12px;font-size:1.8rem}.blog-header nav{flex-wrap:wrap;gap:15px;display:flex}.blog-header nav a{margin-left:0;font-size:1rem}.post h2{font-size:1.5rem}.post p{font-size:1rem}}