:root{--bg-0: oklch(.975 .001 10);--bg-1: oklch(.975 .002 20);--bg-2: oklch(.975 .003 30);--main-color: #fb7185;--heart-color: #ffb6c1;--heart-color2: #ff99cc;--heart-color4: #ffe4e1;--heart-color5: #ffcced;--heart-color6: #ff1a1a;--text-color: #1f2937;--content-color: #6b7280;--frame-color: #374151;--border-color: #f3f4f6;--box-shadow: 0 1px 2px rgb(0 0 0 / .05), 0 8px 20px rgb(0 0 0 / .08);--title-color: #111827;--input-bg: #f9fafb;--scroll-color: #f3f4f6;--hover-bg: #f3f4f6;--hover-color: #fb7185;--glass-bg-color: #ffffff;--glass-border-color: #f3f4f6;--glass-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .02), 0 2px 4px -2px rgba(0, 0, 0, .02);--home-bg: url(https://images.unsplash.com/photo-1587279535322-b20697908487);--home-bg-filter: transparent;--site-title-font: "Nunito", "TianTianQuan", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--title-font: "Nunito", "Lai", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--content-font: "Nunito", "LXGW WenKai", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px)}:root.dark-mode{--bg-color: oklch(.15 .015 240);--main-color: #fb7185;--text-color: #f4f4f5;--content-color: #a1a1aa;--frame-color: #e4e4e7;--border-color: #27272a;--nav-bg: #18181b;--input-bg: #27272a;--title-color: #ffffff;--hover-bg: #27272a;--hover-color: #fb7185;--glass-bg-color: #18181b;--glass-border-color: #27272a;--glass-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--home-bg: url(https://images.unsplash.com/photo-1519681393784-d120267933ba);--home-bg-filter: rgba(0, 0, 0, .6)}@font-face{font-family:Nunito;src:url(/_astro/Nunito.BQRvVExD.ttf) format("truetype");font-display:swap}@font-face{font-family:Lai;src:url(https://cdn.jsdelivr.net/gh/AndyCort/oblivion-blog@main/frontend/src/assets/fonts/Lai.ttf) format("truetype");font-display:swap}@font-face{font-family:Ye-xingkai;src:url(/_astro/Ye-xingkai.CwZ_ZmaG.ttf) format("truetype");font-display:swap}@font-face{font-family:TianTianQuan;src:url(/_astro/TianTianQuan.DCCA2tMy.ttf) format("truetype");font-display:swap}[data-glass]{background:var(--glass-bg-color);border:1px solid var(--glass-border-color);box-shadow:var(--glass-box-shadow);border-radius:16px}[data-glass-hover]{background-color:transparent;transition:all .3s ease}[data-glass-hover]:hover{background:var(--glass-bg-color);box-shadow:var(--glass-box-shadow)}a{color:var(--main-color);text-decoration:none}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}.side-button-wrapper{position:fixed;bottom:calc(40px + env(safe-area-inset-bottom,0px));right:calc(40px + env(safe-area-inset-right,0px));z-index:1000;display:flex;align-items:center;justify-content:center}.side-menu-container{position:absolute;bottom:20px;right:20px;width:320px;height:320px;transform-origin:100% 100%;pointer-events:none}.side-interaction-zone{position:absolute;bottom:0;right:0;width:160px;height:160px;border-radius:100% 0 0;cursor:grab;pointer-events:auto;touch-action:none;&:active{cursor:grabbing}}.side-menu-item{position:absolute;width:40px;height:40px;border-radius:50%;background:var(--glass-bg-color);border:1px solid var(--glass-border-color);display:flex;align-items:center;justify-content:center;color:var(--frame-color);cursor:pointer;padding:0;pointer-events:auto;touch-action:none}.side-trigger-button{width:40px;height:40px;border-radius:50%;background:var(--glass-bg-color);border:1px solid var(--glass-border-color);box-shadow:var(--glass-box-shadow);display:flex;align-items:center;justify-content:center;color:var(--text-color);z-index:1002;cursor:pointer;outline:none;&:hover{background:var(--hover-bg)}}.quote-box{display:flex;align-items:center;gap:clamp(8px,1.5vw,16px);color:var(--frame-color);width:90%;max-width:720px;border-radius:50px;padding:12px clamp(20px,3vw,32px);background:var(--glass-bg-color);border:1px solid rgba(255,255,255,.15);box-shadow:none;@media(max-width:768px){width:calc(100% - 32px);padding:10px 20px}}.quote-icon{font-size:clamp(.75rem,1.5vh,1.1rem);flex-shrink:0;opacity:.6}.quote-text{flex:1;font-family:var(--content-font);font-size:clamp(.85rem,1.2vh + .5rem,1.15rem);line-height:1.6;min-height:1.4em;text-align:center;&.animating:after{content:"|";margin-left:2px;animation:quote-blink 1s infinite;display:inline}}@keyframes quote-blink{0%,to{opacity:1}50%{opacity:0}}.heart-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}@keyframes heart-float-up{0%{transform:translateY(0) translate(0) scale(.5) rotate(0);opacity:0}10%{transform:translateY(-10px) translate(calc(var(--drift) * .1)) scale(1) rotate(calc(var(--rotation) * .2));opacity:.85}to{transform:translateY(-150px) translate(var(--drift)) scale(.3) rotate(var(--rotation));opacity:0}}.floating-heart{position:absolute;pointer-events:none;animation:heart-float-up var(--duration) ease-out forwards;@media(prefers-reduced-motion:reduce){animation-duration:.5s}}.heart-shape{position:relative;width:var(--size);height:calc(var(--size) * .9);&:before,&:after{content:"";position:absolute;top:0;width:calc(var(--size) * .6);height:var(--size);background:var(--color);border-radius:calc(var(--size) * .6) calc(var(--size) * .6) 0 0}&:before{left:calc(var(--size) * .5);transform:rotate(-45deg);transform-origin:0 100%}&:after{left:0;transform:rotate(45deg);transform-origin:100% 100%}}.music-widget{position:fixed;z-index:9998;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 14px;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);user-select:none;cursor:grab;transition:border-color .3s;min-width:140px;&.dragging{cursor:grabbing}&:hover{border-color:var(--main-color)}}.music-controls{display:flex;align-items:center;gap:6px}.music-control-btn{display:flex;justify-content:center;align-items:center;height:clamp(2rem,4vh,2.8rem);width:clamp(2rem,4vh,2.8rem);border-radius:50%;color:var(--frame-color);font-size:clamp(.85rem,1.6vh,1.1rem);cursor:pointer;transition:transform .2s,color .2s;background:transparent;border:none;&:hover{transform:scale(1.15);color:var(--main-color)}&:active{transform:scale(.95)}}.music-track-info{text-align:center;max-width:180px;overflow:hidden}@keyframes music-scroll-text{0%,15%{transform:translate(0)}85%,to{transform:translate(calc(-100% + 180px))}}.music-track-text{font-family:var(--content-font);font-size:clamp(.6rem,1vh,.75rem);color:var(--frame-color);opacity:.75;white-space:nowrap;display:inline-block;animation:music-scroll-text 12s linear infinite}.music-toggle-btn{cursor:pointer;color:var(--frame-color);opacity:.4;font-size:.6rem;transition:opacity .2s;padding:0 4px;background:transparent;border:none;&:hover{opacity:.8}}.loader-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-color);z-index:9999;flex-direction:column;gap:20px;&.exiting{animation:loader-exit .6s ease-in-out forwards}}.loader-logo{font-family:var(--title-font);font-size:clamp(2.5rem,6vw,5rem);font-weight:800;color:var(--title-color);letter-spacing:.1em;margin:0;display:flex;overflow:hidden;.accent{color:var(--main-color)}}@keyframes loader-letter-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.loader-letter{display:inline-block;animation:loader-letter-in .6s ease-out forwards;opacity:0}.loader-progress-container{width:200px;height:2px;background:var(--border-color);border-radius:4px;overflow:hidden;position:relative;opacity:0;animation:loader-fade-in .8s ease .5s forwards}@keyframes loader-fade-in{to{opacity:1}}.loader-progress-fill{position:absolute;left:0;top:0;height:100%;background:var(--main-color);border-radius:4px;transition:width .05s linear}@keyframes loader-exit{to{opacity:0;transform:translateY(-50px)}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100dvh;font-family:var(--content-font);background-color:var(--bg-0)}*::-webkit-scrollbar{display:none}i{font-size:1.25rem}p{color:var(--text-color);white-space:pre-wrap;margin:5px 0}.nav-bar[data-astro-cid-ymhdp2rl]{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:fixed;inset:0 0 auto;z-index:1000;box-sizing:border-box;width:100%;padding:calc(12px + env(safe-area-inset-top)) calc(24px + env(safe-area-inset-right)) 12px calc(24px + env(safe-area-inset-left));font-family:var(--title-font);transition:transform .3s ease;@media(max-width:768px){display:flex;justify-content:center}&.nav-hidden{transform:translateY(-100%)}.nav-left{justify-self:start;display:flex;align-items:center;justify-content:flex-start;margin-left:clamp(16px,4vw,64px);a{font-size:1.5rem;font-weight:700;font-family:var(--site-title-font);color:var(--main-color);text-decoration:none;transition:color .2s}@media(max-width:768px){display:none}}.nav-pill{display:flex;align-items:center;padding:0;border-radius:999px;background:var(--bg-1);border:1px solid color-mix(in srgb,var(--text-color) 8%,transparent);box-shadow:0 8px 30px color-mix(in srgb,var(--text-color) 8%,transparent);&.nav-middle{justify-self:center;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;&::-webkit-scrollbar{display:none}@media(max-width:768px){max-width:calc(100vw - 160px)}.nav-menu{display:flex;list-style:none;gap:8px;margin:0;padding:0;&:hover li a.active:not(:hover){color:var(--frame-color);&:after{width:0;left:50%}}li{opacity:1;transform:none;transition:all .4s ease;flex-shrink:0;a{display:block;padding:8px 16px;color:var(--frame-color);text-decoration:none;transition:all .3s ease;position:relative;font-family:var(--content-font);font-weight:700;&:hover,&.active{color:var(--main-color);&:after{width:calc(100% - 32px);left:16px}&:before{content:"";position:absolute;inset:2px;border-radius:12px;background-color:var(--main-color);opacity:.1;transition:width .3s ease,left .3s ease}}&:after{content:"";position:absolute;bottom:4px;left:50%;width:0;height:2px;background-color:var(--main-color);transition:width .3s ease,left .3s ease;border-radius:2px}}}}}&.nav-right{justify-self:end;margin-right:clamp(16px,4vw,64px);display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:0 4px;@media(max-width:768px){position:absolute;right:calc(24px + env(safe-area-inset-right));margin-right:0}.mobile-actions{display:none}.i18n-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;color:var(--frame-color);cursor:pointer;transition:all .2s;border-radius:50%;font-size:1.15rem;&:hover{color:var(--main-color)}}.nav-search{display:flex;align-items:center;form{display:flex;align-items:center;background:transparent;border:none;transition:all .3s ease}.search-input{width:0;padding:0;border:none;outline:none;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);color:var(--text-color);background:var(--input-bg);border-radius:20px;font-size:.9rem}&.expanded .search-input{background:transparent;width:200px;padding:8px 16px;opacity:1;margin-right:8px;border:1px solid var(--border-color)}button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;color:var(--frame-color);cursor:pointer;transition:all .2s;border-radius:50%;&:hover{color:var(--main-color)}}}.menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:var(--nav-bg);border:1px solid var(--border-color);color:var(--frame-color);cursor:pointer;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:18px;z-index:1002;&:hover{border-color:var(--main-color);color:var(--main-color)}}@media(max-width:768px){.desktop-only{display:none!important}.menu-toggle{display:flex}&.mobile-open{.mobile-actions{display:flex;position:absolute;top:calc(100% + 12px);right:12px;background:var(--nav-bg);border:1px solid var(--border-color);border-radius:24px;padding:16px;flex-direction:column;gap:16px;box-shadow:0 8px 32px color-mix(in srgb,var(--text-color) 12%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:slideDown .3s cubic-bezier(.16,1,.3,1) forwards;.i18n-toggle,.nav-search button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--input-bg);border:1px solid var(--border-color);color:var(--text-color);font-size:1.15rem}.nav-search{display:flex;align-items:center;background:var(--input-bg);border:1px solid var(--border-color);border-radius:22px;padding:2px 4px;.search-input{width:120px;opacity:1;padding:8px 12px;background:transparent;border:none;color:var(--text-color);outline:none}button{background:transparent;border:none}}}}}}}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.scroll-progress-bar[data-astro-cid-ovr6esid]{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;height:3px;background:var(--main-color);z-index:10001;transform-origin:left;transform:scaleX(0);animation:scroll-progress linear;animation-timeline:scroll(root)}@keyframes scroll-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.scroll-progress-bar[data-astro-cid-ovr6esid]{animation:none}}.site-footer[data-astro-cid-sz7xmlte]{text-align:center;margin:-1px 0 0;border-top:none;padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px));p{white-space:normal;margin:5px 0;font-family:var(--content-font);font-size:1em;color:var(--text-color)}}.app-wrapper[data-astro-cid-ouamjn2i]{min-height:100vh;min-height:100svh;transition:background-color .3s ease}.main-content[data-astro-cid-ouamjn2i]{padding:0;margin:0;position:relative;z-index:1;min-height:100vh;min-height:100svh}.bg-light-container[data-astro-cid-ouamjn2i]{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100svh;z-index:0;pointer-events:none;background-color:#f9ebea}.bg-dark-container[data-astro-cid-ouamjn2i]{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100svh;z-index:0;pointer-events:none;background-color:#060c11}