@layer base{:root{--color-primary:#005CA2;--color-title:hsla(0,0%,0%,1);--color-text-secondary:rgba(0,0,0,0.6);--color-body:hsla(0,0%,0%,0.6);--navbar-height:72px;--transition-normal:0.3s ease;--transition-card-float:0.5s ease;--card-lay:0px 2px 4px rgba(0,0,0,0.1),0px 7px 7px rgba(0,0,0,0.09),0px 15px 9px rgba(0,0,0,0.05),0px 27px 11px rgba(0,0,0,0.01),0px 42px 12px rgba(0,0,0,0.01);--card-float:0px 5px 11px rgba(0,0,0,0.1),0px 20px 20px rgba(0,0,0,0.09),0px 45px 27px rgba(0,0,0,0.05),0px 81px 32px rgba(0,0,0,0.01),0px 126px 35px rgba(0,0,0,0.01)}}.article-page{min-height:100vh;padding-top:var(--navbar-height)}.article-header .article-meta{display:flex;align-items:center;color:var(--color-secondary);margin-bottom:1rem}.article-header .article-meta .article-media{color:var(--color-primary);font-family:var(--font-noto-sans-tc);font-weight:500}.article-header .article-meta .article-author{font-weight:400;font-family:var(--font-noto-sans-tc)}.article-header .article-meta .article-date{font-family:var(--font-noto-sans-tc)}.article-header .article-title{font-size:clamp(2rem,1.5rem + 1.3333vw,3rem);letter-spacing:.03em;text-wrap:pretty;font-weight:600}.article-header .article-cover img{box-shadow:var(--card-lay)}.article-body .article-content p{margin-bottom:1.5rem;line-height:1.8;color:var(--color-body)}.article-body .article-subtitle{margin-top:3rem;margin-bottom:1.5rem;font-size:clamp(1.5rem,1.125rem + 1vw,2.25rem);letter-spacing:unset}.article-body .article-image{text-align:center}.article-body .article-image img{box-shadow:var(--card-lay)}.article-body .article-image p{color:var(--color-secondary);margin-top:.5rem}.article-body .article-video .aspect-video{position:relative;width:100%;height:0;padding-bottom:56.25%}.article-body .article-video .aspect-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;box-shadow:var(--card-lay)}.article-footer{border-top:1px solid rgba(0,0,0,.1)}.article-footer p{color:var(--color-secondary)}.article-footer a{text-decoration:underline;transition:color var(--transition-normal)}.article-footer a,.article-footer a:hover{color:var(--color-primary)}@media (max-width:899px){.article-page .container{padding-left:1rem;padding-right:1rem}}@media (max-width:599px){.article-page .container{padding-left:.75rem;padding-right:.75rem}.article-page .article-header .article-meta{flex-wrap:wrap;gap:.5rem}.article-page .article-title{line-height:1.4}.article-page .article-body .article-content p{line-height:1.7}}html[lang=en] .article-header .article-title{letter-spacing:unset;font-weight:400}