*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-font-smoothing:antialiased}html,body{height:100%;background:linear-gradient(135deg,#e2e8f3 0%,#d8e0ee 25%,#c9d4e8 50%,#bccbe4 75%,#b0c0df 100%);background-size:400% 400%;animation:bgFlow 15s ease infinite;font-family:-apple-system,BlinkMacSystemFont,sf pro display,helvetica neue,Helvetica,Arial,sans-serif;color:#0d1016;line-height:1.6}@keyframes bgFlow{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}a{color:inherit;text-decoration:none}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.35)}.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;height:50px;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:20px;font-weight:800;letter-spacing:.05em;background:linear-gradient(120deg,#0d1016 0%,#343a46 50%,#0d1016 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.nav-menu{display:flex;list-style:none;gap:32px}.nav-link{font-size:14px;font-weight:500;color:#1a202b;transition:color .3s ease;position:relative}.nav-link:hover,.nav-link.active{color:#000}.nav-link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#0d1016;transition:width .3s ease}.nav-link:hover::after,.nav-link.active::after{width:100%}.nav-toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:0 0;border:none;cursor:pointer;padding:0}.nav-toggle span{display:block;width:100%;height:2px;background:#0d1016;border-radius:2px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.nav-toggle.active span:nth-child(1){transform:translateY(8px)rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle.active span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.nav-mobile{position:fixed;top:64px;right:-100%;width:280px;height:calc(100vh - 64px);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);background:rgba(255,255,255,.32);border-top-left-radius:28px;border-bottom-left-radius:28px;border-left:1px solid rgba(255,255,255,.9);box-shadow:-8px 0 36px rgba(40,55,90,.12),inset 2px 0 rgba(255,255,255,.95);transition:right .4s cubic-bezier(.25,.8,.25,1);z-index:99;padding:24px 0;transform:translateZ(0);will-change:transform;overflow:hidden}.nav-mobile.open{right:0}.nav-mobile-menu{list-style:none}.nav-mobile-item{border-bottom:1px solid rgba(0,0,0,6%)}.nav-mobile-link{display:block;padding:16px 24px;font-size:15px;font-weight:500;transition:all .2s ease}.nav-mobile-link:hover,.nav-mobile-link.active{background:rgba(0,0,0,4%);padding-left:32px}.nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.2);opacity:0;visibility:hidden;transition:all .3s ease;z-index:98}.nav-overlay.show{opacity:1;visibility:visible}.content-wrap{min-height:calc(100vh - 64px);padding-top:50px;position:relative;z-index:2}.container{max-width:800px;margin:0 auto;padding:60px 24px}.main{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;backdrop-filter:blur(36px);-webkit-backdrop-filter:blur(36px);background:rgba(255,255,255,.28);border:1.2px solid rgba(255,255,255,.85);border-radius:32px;box-shadow:0 22px 60px rgba(40,55,90,.14),0 8px 16px rgba(40,55,90,8%),inset 0 3px rgba(255,255,255,.98),inset 0 -2px rgba(90,110,150,.12);margin:10px 20px;padding:60px 40px}.main::before{content:'';position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(160,180,220,.55));border-radius:36px;z-index:-1;filter:blur(14px);opacity:.95}.title{font-size:clamp(3rem,18vw,16rem);font-weight:800;letter-spacing:.05em;white-space:nowrap;line-height:1;position:relative;background:linear-gradient(120deg,#0d1016 0%,#343a46 50%,#0d1016 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 4px 14px rgba(40,55,90,.12)}.cursor{display:inline-block;background:linear-gradient(90deg,#141820 0%,#424957 100%);-webkit-background-clip:text;background-clip:text;color:transparent;animation:liquidBlink 1.2s step-end infinite}@keyframes liquidBlink{0%,100%{opacity:1}50%{opacity:0}}.mouse-glow{position:fixed;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.65) 0%,rgba(200,215,240,.22) 60%,transparent 80%);pointer-events:none;z-index:1;transform:translate(-50%,-50%);transition:opacity .5s cubic-bezier(.25,.8,.25,1),transform .1s ease;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.footer{font-size:12px;color:#1a202b;position:fixed;bottom:max(30px,env(safe-area-inset-bottom) + 10px);left:50%;transform:translateX(-50%);text-align:center;line-height:1.8;padding:10px 16px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:rgba(255,255,255,.25);border:1px solid rgba(255,255,255,.8);border-radius:16px;box-shadow:0 6px 20px rgba(40,55,90,.1);z-index:10;max-width:calc(100% - 40px);display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:0 8px}.footer .split-line{opacity:.6}.footer a{color:#0d1016;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.footer a:hover{text-decoration:underline;text-underline-offset:2px}.footer-icon{width:16px;height:16px;object-fit:contain}.footer .copyright{white-space:nowrap}.page-header{margin-bottom:48px;text-align:center}.page-title{font-size:2.5rem;font-weight:800;margin-bottom:12px;background:linear-gradient(120deg,#0d1016 0%,#343a46 50%,#0d1016 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.post-list{display:flex;flex-direction:column;gap:24px}.post-card{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:28px 32px;transition:all .3s ease}.post-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(40,55,90,.12)}.post-card .post-title{font-size:1.25rem;font-weight:700;margin-bottom:8px}.post-meta{font-size:13px;opacity:.7;margin-bottom:12px}.post-summary{font-size:14px;opacity:.85;line-height:1.7}.post-article{padding-top:40px}.post-header{text-align:center;margin-bottom:48px}.post-header .post-title{font-size:2.2rem;font-weight:800;margin-bottom:16px;line-height:1.3}.post-content{font-size:16px;line-height:1.8}.post-content p{margin-bottom:1.2em}.post-content h2{margin-top:2em;margin-bottom:1em;font-size:1.5rem}.post-content h3{margin-top:1.5em;margin-bottom:.8em;font-size:1.25rem}@media(prefers-color-scheme:dark){html,body{background:linear-gradient(135deg,#07090d 0%,#0c1017 25%,#111720 50%,#161c28 75%,#1c2432 100%);color:#e2e8f3}.navbar{background:rgba(15,20,30,.6);border-bottom-color:rgba(255,255,255,.12)}.nav-logo{background:linear-gradient(120deg,#ffffff 0%,#d0d8e8 50%,#ffffff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.nav-link{color:#d0d8e8}.nav-link:hover,.nav-link.active{color:#fff}.nav-link::after{background:#fff}.nav-toggle span{background:#e2e8f3}.nav-mobile{background:rgba(15,20,30,.55);border-left-color:rgba(255,255,255,.25);border-top-left-radius:28px;border-bottom-left-radius:28px;box-shadow:-8px 0 36px rgba(0,0,0,.4),inset 2px 0 rgba(255,255,255,.2);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);transform:translateZ(0);will-change:transform;overflow:hidden}.nav-mobile-item{border-bottom-color:rgba(255,255,255,6%)}.nav-mobile-link:hover,.nav-mobile-link.active{background:rgba(255,255,255,6%)}.main{background:rgba(15,20,30,.68);border-color:rgba(255,255,255,.32);box-shadow:0 22px 60px rgba(0,0,0,.55),0 8px 16px rgba(0,0,0,.35),inset 0 3px rgba(255,255,255,.3),inset 0 -2px rgba(0,0,0,.25)}.main::before{background:linear-gradient(135deg,rgba(255,255,255,.45),rgba(80,100,140,.22))}.title{background:linear-gradient(120deg,#ffffff 0%,#d0d8e8 50%,#ffffff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 4px 14px rgba(0,0,0,.25)}.cursor{background:linear-gradient(90deg,#ffffff 0%,#c5cde0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.mouse-glow{background:radial-gradient(circle,rgba(255,255,255,.42) 0%,rgba(60,80,120,.14) 60%,transparent 80%)}.footer{color:#d0d8e8;background:rgba(15,20,30,.72);border-color:rgba(255,255,255,.3);box-shadow:0 6px 20px rgba(0,0,0,.35)}.footer a{color:#e2e8f3}.page-title{background:linear-gradient(120deg,#ffffff 0%,#d0d8e8 50%,#ffffff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.post-card{background:rgba(255,255,255,6%);border-color:rgba(255,255,255,.12)}.post-card:hover{box-shadow:0 12px 32px rgba(0,0,0,.3)}}@media(max-width:768px){.nav-menu{display:none}.nav-toggle{display:flex}.main{margin:16px;padding:40px 20px;border-radius:24px;min-height:calc(100dvh - 80px)}.footer{flex-direction:column;gap:3px 0;padding:8px;font-size:11px;bottom:max(20px,env(safe-area-inset-bottom) + 10px)}.footer .split-line{display:none}.container{padding:40px 20px}.page-title{font-size:1.8rem}.post-card{padding:20px 24px}.post-header .post-title{font-size:1.6rem}}