.home-section{height:100dvh;width:100%;position:relative;overflow:visible}.home-bg{height:100dvh;width:100%;background:center / cover no-repeat var(--home-bg);position:absolute;overflow:visible;z-index:-1}.home-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleY(-1) translateY(-100%);background:inherit;-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 60%);mask-image:linear-gradient(to top,#000,#0000 60%)}.welcome-content{position:relative;z-index:1;height:100vh;height:100svh;min-height:400px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.5rem,2vh,2rem);padding:clamp(1rem,5vh,3rem) 1rem;box-sizing:border-box}.home-main{width:40%;position:relative;overflow:visible;background:var(--bg-1);border:var(--border);box-shadow:var(--box-shadow);display:grid;margin:100px auto;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,auto);height:100vh;border-radius:16px;padding:20px}.about-container{padding:120px 20px 60px;max-width:800px;margin:0 auto;min-height:100vh;min-height:100svh;display:flex;justify-content:center;align-items:center;position:relative;z-index:10}.about-content{background:var(--glass-bg-color, rgba(255, 255, 255, .05));border:1px solid var(--glass-border-color, rgba(255, 255, 255, .1));border-radius:24px;box-shadow:var(--glass-box-shadow, 0 8px 32px rgba(0, 0, 0, .1));padding:48px 40px;text-align:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .3s ease,box-shadow .3s ease}.about-content:hover{transform:translateY(-2px);box-shadow:0 20px 40px #00000026}.about-title{font-size:2.6rem;font-family:var(--title-font);color:var(--title-color);margin-bottom:24px;background:linear-gradient(135deg,var(--main-color),#f43f5e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.about-bio{font-size:1.15rem;line-height:1.8;color:var(--text-2);white-space:pre-wrap}@media(max-width:768px){.about-content{padding:32px 20px;border-radius:18px}.about-title{font-size:2rem}.about-bio{font-size:1.05rem}}.articles-page{max-width:1100px;margin:0 auto;padding:120px 20px 80px;min-height:100vh;box-sizing:border-box}@media(max-width:768px){.articles-page{padding:90px 16px 60px}}.articles-header{background:var(--glass-bg-color);border:1px solid var(--glass-border-color);border-radius:24px;box-shadow:var(--glass-box-shadow);padding:48px 40px;text-align:center;margin-bottom:36px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .3s ease,box-shadow .3s ease}.articles-header:hover{transform:translateY(-2px);box-shadow:0 20px 40px #0000001a}@media(max-width:768px){.articles-header{padding:32px 20px;margin-bottom:24px;border-radius:18px}}.page-title{font-size:2.6rem;font-family:var(--title-font);color:var(--title-color);margin-bottom:12px;background:linear-gradient(135deg,var(--main-color),#f43f5e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}@media(max-width:768px){.page-title{font-size:2rem}}.page-subtitle{font-size:1.1rem;color:var(--text-1);opacity:.8;margin-bottom:24px;line-height:1.6}@media(max-width:768px){.page-subtitle{font-size:.95rem;margin-bottom:18px}}.stats-row{display:inline-flex;align-items:center;gap:16px;padding:8px 20px;background:color-mix(in srgb,var(--main-color) 8%,transparent);border:1px solid color-mix(in srgb,var(--main-color) 20%,transparent);border-radius:999px;font-size:.9rem;color:var(--text-3)}@media(max-width:480px){.stats-row{font-size:.8rem;gap:10px;padding:6px 14px}}.stat-item{display:flex;align-items:center;gap:6px}.stat-item i{color:var(--main-color)}.stat-divider{opacity:.4}.article-detail-container{max-width:900px;margin:100px auto 60px;padding:40px 30px;background:var(--glass-bg-color);border:1px solid var(--glass-border-color);border-radius:24px;box-shadow:var(--glass-box-shadow);color:var(--text-color)}@media(max-width:768px){.article-detail-container{margin:80px 16px 40px;padding:24px 18px}}.back-button{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--glass-border-color);color:var(--text-1);padding:8px 16px;border-radius:20px;cursor:pointer;margin-bottom:24px;transition:all .3s ease;text-decoration:none;font-size:.9rem}.back-button:hover{background:var(--main-color);border-color:var(--main-color);color:var(--text-0)}.article-title{font-size:2.2rem;margin-bottom:16px;color:var(--title-color);line-height:1.3}.article-meta{display:flex;gap:20px;font-size:.9rem;color:var(--text-3);opacity:.7;margin-bottom:24px}.article-cover{width:100%;max-height:400px;object-fit:cover;border-radius:16px;margin-bottom:30px}.article-markdown-body{--h1-color: oklch(.65 .2 20);--h2-color: oklch(.75 .15 50);--h3-color: oklch(.8 .1 50);--h4-color: oklch(.85 .1 50);--h5-color: oklch(.9 .1 50);--h6-color: oklch(.95 .1 50)}.article-markdown-body .wmde-markdown{background:transparent!important;color:var(--text-2)!important;font-family:var(--content-font)!important;font-size:1.05rem;line-height:2.2;letter-spacing:1px;word-spacing:2px}.article-markdown-body .wmde-markdown h1,.article-markdown-body .wmde-markdown h2,.article-markdown-body .wmde-markdown h3,.article-markdown-body .wmde-markdown h4,.article-markdown-body .wmde-markdown h5,.article-markdown-body .wmde-markdown h6{font-family:var(--title-font);font-weight:700;border-bottom:none;scroll-margin-top:100px;position:relative;transition:all .3s ease}.article-markdown-body .wmde-markdown h1 a.anchor,.article-markdown-body .wmde-markdown h2 a.anchor,.article-markdown-body .wmde-markdown h3 a.anchor,.article-markdown-body .wmde-markdown h4 a.anchor,.article-markdown-body .wmde-markdown h5 a.anchor,.article-markdown-body .wmde-markdown h6 a.anchor{display:none!important}.article-markdown-body .wmde-markdown h1{color:var(--h1-color);font-size:1.618rem;line-height:1.4;padding-bottom:12px;display:table;width:auto;min-width:120px;text-align:center;margin:2em auto 1.5em!important}.article-markdown-body .wmde-markdown h1:after{content:"";position:absolute;bottom:0;left:50%;width:40px;height:4px;border-radius:4px;background:linear-gradient(to right,var(--h1-color),var(--h1-color));transform:translate(-50%);transition:width .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}.article-markdown-body .wmde-markdown h1:hover{color:var(--h1-color);text-shadow:0 0 5px color-mix(in srgb,var(--h1-color) 40%,transparent);transform:translateY(-2px)}.article-markdown-body .wmde-markdown h1:hover:after{width:100%;box-shadow:0 0 10px var(--h1-color)}.article-markdown-body .wmde-markdown h2{font-size:1.462rem;color:var(--h3-color);padding-left:15px;margin:1.5em 0 1em}.article-markdown-body .wmde-markdown h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:1.3rem;border-radius:2px;background-color:var(--h3-color);transition:all .3s cubic-bezier(.25,.8,.25,1)}.article-markdown-body .wmde-markdown h2:hover{padding-left:20px;color:var(--h3-color)}.article-markdown-body .wmde-markdown h2:hover:before{height:24px;width:6px;box-shadow:0 0 8px var(--h3-color)}.article-markdown-body .wmde-markdown h3{color:var(--h3-color);font-size:1.318rem;padding-left:15px;margin:1.5em 0 1em}.article-markdown-body .wmde-markdown h3:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:1.3rem;border-radius:2px;background-color:var(--h3-color);transition:all .3s cubic-bezier(.25,.8,.25,1)}.article-markdown-body .wmde-markdown h3:hover{padding-left:20px;color:var(--h3-color)}.article-markdown-body .wmde-markdown h3:hover:before{height:24px;width:6px;box-shadow:0 0 8px var(--h3-color)}.article-markdown-body .wmde-markdown h4{color:var(--h4-color);transition:all .3s ease}.article-markdown-body .wmde-markdown h4:hover{text-shadow:0 0 5px rgba(52,211,153,.4)}.article-markdown-body .wmde-markdown h5{color:var(--h5-color);transition:all .3s ease}.article-markdown-body .wmde-markdown h5:hover{text-shadow:0 0 5px rgba(251,191,36,.4)}.article-markdown-body .wmde-markdown h6{color:var(--h6-color);transition:all .3s ease}.article-markdown-body .wmde-markdown h6:hover{text-shadow:0 0 5px rgba(148,163,184,.4)}.article-markdown-body .wmde-markdown a{color:var(--main-color);text-decoration:none;font-weight:500;padding:0 2px;position:relative;border-bottom:none!important;transition:all .3s ease}.article-markdown-body .wmde-markdown a:before,.article-markdown-body .wmde-markdown a:after{display:inline-block;color:var(--content-color);opacity:.7;transition:transform .3s cubic-bezier(.34,1.56,.64,1),color .3s,opacity .3s}.article-markdown-body .wmde-markdown a:before{content:"[";margin-right:2px}.article-markdown-body .wmde-markdown a:after{content:"]";margin-left:2px}.article-markdown-body .wmde-markdown a:hover{background-color:#fb71851a;border-radius:4px;text-shadow:0 0 5px rgba(251,113,133,.4)}.article-markdown-body .wmde-markdown a:hover:before{transform:translate(-4px);color:var(--main-color);opacity:1}.article-markdown-body .wmde-markdown a:hover:after{transform:translate(4px);color:var(--main-color);opacity:1}.article-markdown-body .wmde-markdown strong{font-weight:700;color:var(--main-color);border-bottom:2px solid transparent;transition:all .3s ease}.article-markdown-body .wmde-markdown strong:hover{border-bottom-color:var(--main-color);text-shadow:0 0 8px var(--main-color)}.article-markdown-body .wmde-markdown em{font-style:italic;color:var(--main-color);filter:brightness(.85);background-image:linear-gradient(-45deg,transparent 35%,rgba(251,113,133,.3) 35%,rgba(251,113,133,.3) 65%,transparent 65%);background-size:6px 3px;background-repeat:repeat-x;background-position:0 100%;padding-bottom:2px;transition:all .2s}.article-markdown-body .wmde-markdown em:hover{filter:brightness(1);background-image:linear-gradient(-45deg,transparent 35%,var(--main-color) 35%,var(--main-color) 65%,transparent 65%)}.article-markdown-body .wmde-markdown code:not(pre code){font-family:monospace;background-color:#fb71851a;color:var(--main-color)!important;border:1px solid rgba(251,113,133,.2);padding:2px 6px!important;margin:0 2px;border-radius:6px;font-size:.9em;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.article-markdown-body .wmde-markdown code:not(pre code):hover{background-color:var(--main-color)!important;color:#fff!important;box-shadow:0 0 10px #fb718566;transform:scale(1.05)}.article-markdown-body .wmde-markdown pre{position:relative;background-color:#0000000d!important;border:1px solid var(--glass-border-color);border-radius:12px;padding:40px 16px 16px;margin:24px 0;overflow-x:auto;transition:border-color .3s ease,box-shadow .3s ease}.article-markdown-body .wmde-markdown pre:hover{border-color:var(--main-color);box-shadow:0 4px 15px #fb71851a}.article-markdown-body .wmde-markdown pre:before{content:"";position:absolute;top:0;left:0;width:100%;height:32px;background-color:#00000005;border-bottom:1px solid var(--glass-border-color);border-radius:12px 12px 0 0;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNDUwcHgiIGhlaWdodD0iMTMwcHgiPgogIDxlbGxpcHNlIGN4PSI2NSIgY3k9IjY1IiByeD0iNTAiIHJ5PSI1MiIgc3Ryb2tlPSJyZ2IoMjIwLDYwLDU0KSIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJyZ2IoMjM3LDEwOCw5NikiLz4KICA8ZWxsaXBzZSBjeD0iMjI1IiBjeT0iNjUiIHJ4PSI1MCIgcnk9IjUyIiAgc3Ryb2tlPSJyZ2IoMjE4LDE1MSwzMykiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0icmdiKDI0NywxOTMsODEpIi8+CiAgPGVsbGlwc2UgY3g9IjM4NSIgY3k9IjY1IiByeD0iNTAiIHJ5PSI1MiIgIHN0cm9rZT0icmdiKDI3LDE2MSwzNykiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0icmdiKDEwMCwyMDAsODYpIi8+Cjwvc3ZnPg==);background-repeat:no-repeat;background-size:54px;background-position:12px center}.article-markdown-body .wmde-markdown pre code{background:transparent!important;color:var(--text-color);font-size:.9rem;line-height:1.7;font-family:monospace}.article-markdown-body .wmde-markdown blockquote{position:relative;margin:24px 0;padding:16px 20px 16px 48px;background-color:var(--glass-bg-color);border:1px solid var(--glass-border-color);border-radius:16px;color:var(--text-color);opacity:.9;box-shadow:0 4px 15px #0000000d;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.article-markdown-body .wmde-markdown blockquote:before{content:"💡";position:absolute;left:14px;top:18px;font-size:20px;line-height:1;opacity:.7;filter:grayscale(1);transform:rotate(30deg);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.article-markdown-body .wmde-markdown blockquote:hover{border-color:var(--main-color);transform:scale(1.02);box-shadow:0 8px 25px #fb718526}.article-markdown-body .wmde-markdown blockquote:hover:before{opacity:1;filter:grayscale(0);transform:rotate(0);text-shadow:0 0 10px var(--main-color)}.article-markdown-body .wmde-markdown blockquote p{margin:0}.article-markdown-body .wmde-markdown table{border-collapse:separate;border-spacing:0;width:100%;margin:1.5em 0;border:1px solid var(--glass-border-color);border-radius:8px;overflow:hidden;background-color:var(--glass-bg-color)}.article-markdown-body .wmde-markdown table th,.article-markdown-body .wmde-markdown table td{padding:12px 16px;border-bottom:1px solid rgba(128,128,128,.1);border-right:1px solid rgba(128,128,128,.1);transition:all .2s ease;text-align:left}.article-markdown-body .wmde-markdown table th:last-child,.article-markdown-body .wmde-markdown table td:last-child{border-right:none}.article-markdown-body .wmde-markdown table tr:last-child td{border-bottom:none}.article-markdown-body .wmde-markdown table th{background-color:#fb718514;color:var(--main-color);font-weight:600}.article-markdown-body .wmde-markdown table tbody tr:hover td{background-color:#00000005}.article-markdown-body .wmde-markdown table tbody td:hover{background-color:#fb71851a;box-shadow:inset 0 0 0 1px var(--main-color)}.article-markdown-body .wmde-markdown img{max-width:100%;border-radius:12px;margin:1em 0;box-shadow:0 4px 15px #0000000d}.article-markdown-body .wmde-markdown hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--main-color),transparent);position:relative;overflow:visible;opacity:.5;margin:3em 0;transition:all .3s ease}.article-markdown-body .wmde-markdown hr:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:8px;height:8px;border:2px solid var(--main-color);background-color:var(--glass-bg-color);box-sizing:border-box;transition:all .3s ease}.article-markdown-body .wmde-markdown hr:hover{opacity:1}.article-markdown-body .wmde-markdown hr:hover:after{background-color:var(--main-color);box-shadow:0 0 10px var(--main-color);transform:translate(-50%,-50%) rotate(225deg) scale(1.5)}.article-markdown-body .wmde-markdown ul,.article-markdown-body .wmde-markdown ol{padding-left:1.8em;margin:1em 0}.article-markdown-body .wmde-markdown ul>li::marker,.article-markdown-body .wmde-markdown ol>li::marker{color:var(--main-color);font-weight:700}.article-markdown-body .wmde-markdown li{margin:.4em 0;position:relative}.article-markdown-body .wmde-markdown p{margin:1em 0}.article-markdown-body .wmde-markdown mark{background-color:transparent!important;color:var(--text-color)!important;padding:0 4px;position:relative;z-index:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.article-markdown-body .wmde-markdown mark:after{content:"";position:absolute;left:0;bottom:2px;width:100%;height:50%;background:linear-gradient(to bottom,#fb718500,#fb7185a6);border-radius:6px;z-index:-1;transition:all .3s cubic-bezier(.4,0,.2,1)}.article-markdown-body .wmde-markdown mark:hover{color:var(--text-color)!important;text-shadow:0 0 5px rgba(251,113,133,.3)}.article-markdown-body .wmde-markdown mark:hover:after{height:35%;background:linear-gradient(to bottom,#fb71851a,#fb7185cc)}.article-markdown-body .wmde-markdown sup,.article-markdown-body .wmde-markdown sub{font-size:.75em;line-height:0;position:relative;vertical-align:baseline;color:var(--main-color);transition:all .3s ease}.article-markdown-body .wmde-markdown sup:hover,.article-markdown-body .wmde-markdown sub:hover{text-shadow:0 0 5px rgba(251,113,133,.4);transform:scale(1.1)}.article-markdown-body .wmde-markdown sup{top:-.5em}.article-markdown-body .wmde-markdown sub{bottom:-.25em}[data-color-mode=dark] .article-markdown-body .wmde-markdown pre{background-color:#ffffff08!important}[data-color-mode=dark] .article-markdown-body .wmde-markdown table tbody tr:hover td{background-color:#ffffff05}.moment-container{padding:120px 20px 80px;max-width:720px;margin:0 auto;min-height:100vh;min-height:100svh;position:relative;z-index:10;background: var(--bg-0) @media (max-width: 640px){padding:100px 16px 60px}}.moment-header{text-align:center;margin-bottom:48px}@media(max-width:640px){.moment-header{margin-bottom:32px}}.moment-title{font-size:2.2rem;font-weight:800;font-family:var(--site-title-font);color:var(--main-color);margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:12px}.moment-title i{font-size:1.8rem;opacity:.9}@media(max-width:640px){.moment-title{font-size:1.8rem}}.moment-subtitle{font-size:1.05rem;color:var(--text-1);opacity:.85;font-family:var(--content-font);max-width:500px;margin:0 auto}:root{--bg-0: oklch(.975 .001 10);--bg-1: oklch(.975 .002 20);--bg-2: oklch(.975 .003 30);--main-color: oklch(.7 .175 10);--text-1: #1f2937;--text-2: #6b7280;--text-3: #374151;--border: 1px solid rgba(0, 0, 0, .1);--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;--heart-color: #ffb6c1;--heart-color2: #ff99cc;--heart-color4: #ffe4e1;--heart-color5: #ffcced;--heart-color6: #ff1a1a;--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{--main-color: #fb7185;--bg-0: oklch(.2 .001 280);--bg-1: oklch(.2 .004 280);--bg-2: oklch(.2 .007 280);--text-1: oklch(.95 .01 20);--text-2: oklch(.85 .01 20);--text-3: oklch(.75 .01 20);--border: 1px solid rgba(255, 255, 255, .1);--box-shadow: #00000080 0 5px 15px;--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(/assets/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(/assets/Ye-xingkai-CwZ_ZmaG.ttf) format("truetype");font-display:swap}@font-face{font-family:TianTianQuan;src:url(/assets/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}