@keyframes blog-meta-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.blogDetail small.anim-meta{animation:blog-meta-in .3s ease-in-out .2s both}.blogDetail h1,.blogDetail h2,.blogDetail h3{color:var(--text-secondary)}.blogDetail h1{margin-bottom:0;font-size:2.1rem;font-weight:700}.blogDetail h2{font-size:1.6rem;margin-top:0;margin-bottom:.5rem;font-weight:600}.blogDetail h3{font-size:1.4rem;margin-bottom:.5rem;margin-top:.5rem;font-weight:500}.blogDetail small{color:var(--accent);margin-bottom:-10px;font-size:1rem;display:block;font-weight:700}.blogDetail small span{color:var(--navbar-primary)}.blogDetail small span i{margin-right:5px;color:var(--accent);font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;display:inline-block;font-size:1rem}.blogDetail .dot{color:var(--text-primary);margin:0 5px;font-size:1.1rem}.blogDetail .category{color:var(--text-primary)}.blogDetail a{color:var(--accent);text-decoration:none;font-weight:600;position:relative}.blogDetail a:hover{color:var(--link-hover);text-decoration:underline}.blogDetail strong{color:var(--navbar-primary);font-weight:700}.blogDetail .card{border-radius:12px;padding:30px;background-color:var(--background-card);transition:background var(--transition-speed);border:1px solid var(--border-card);margin:25px 0;display:flex;flex-direction:column;color:var(--navbar-primary);overflow:hidden}.blogDetail img{width:80%;height:auto;border-radius:12px;margin:0 auto;max-width:100%;display:block;cursor:zoom-in}.blogDetail .glightbox{display:block}.blogDetail .divider{width:100%;height:1px;background-color:var(--text-primary);margin:20px 0}.blogDetail ul,.blogDetail ol{margin:10px 0;padding-left:20px;overflow-wrap:break-word}.blogDetail del{text-decoration:line-through;color:var(--text-tertiary)}.blogDetail blockquote{padding-left:15px;background-color:var(--background-card);border-left:5px solid var(--accent);margin:20px 0;color:var(--text-primary);border-radius:8px;overflow-wrap:break-word}.blogDetail .btnContainer{display:flex;justify-content:center;margin-top:20px}.blogDetail .btnFilledBlog{background:none;border:2px solid var(--text-secondary);color:var(--text-primary);padding:12px 24px;font-size:1rem;border-radius:30px;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,transform var(--transition-speed) ease;text-align:center;cursor:pointer}.blogDetail .btnFilledBlog:hover{background-color:var(--background-secondary);color:var(--background);transform:scale(1.05)}@media only screen and (max-width:767px){.blogDetail .btnContainer{width:100%}.blogDetail .btnFilledBlog{width:100%;padding:14px 28px;font-size:1.2rem}.blogDetail .card{margin-top:50px}}.blogDetail :not(pre)>code{background-color:var(--inline-code-bg);color:var(--inline-code-color);font-family:var(--font-fira-code),Menlo,monospace;padding:.15em .4em;border-radius:4px;font-size:.875em;font-weight:500;border:1px solid var(--inline-code-border);overflow-wrap:anywhere}.blogDetail .codeBlockContainer{position:relative;margin:1em 0;overflow:hidden;border-radius:8px;border:1px solid var(--code-block-border)}.blogDetail .codeBlockContainer:hover .codeHeader,.blogDetail .codeBlockContainer:focus-within .codeHeader{opacity:1}.blogDetail .codeHeader{position:absolute;top:.5rem;right:.5rem;z-index:1;opacity:0;transition:opacity var(--transition-speed) ease}@media(hover:none){.blogDetail .codeHeader{opacity:1}}.blogDetail .copyButton{background-color:var(--code-block-header-bg);border:1px solid var(--code-block-border);border-radius:4px;padding:.25rem .4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--code-block-meta);transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,transform var(--transition-speed) ease}.blogDetail .copyButton:hover{color:var(--code-block-text)}.blogDetail .copyButton:active{transform:scale(.95)}.blogDetail pre.astro-code{margin:0;padding:1em 1.25em;border-radius:8px;overflow-x:auto;font-size:14px;line-height:1.5}.blogDetail pre.astro-code code{display:grid;counter-reset:step;font-family:var(--font-fira-code),Menlo,monospace}.blogDetail pre.astro-code .line:before{content:counter(step);counter-increment:step;width:1.5rem;margin-right:1.25rem;display:inline-block;text-align:right;color:var(--code-block-line-number);opacity:.6;user-select:none}.blogDetail pre.astro-code{background-color:var(--code-block-bg)!important}[data-theme=dark] .blogDetail pre.astro-code span{color:var(--shiki-dark)!important}