#article{--font-family-base:"Noto Sans TC";--font-size-base:16px;--font-size-h1:clamp(2.2rem,5vw,2.5rem);--font-size-h2:clamp(1.8rem,4vw,2.2rem);--font-size-h3:clamp(1.5rem,3.5vw,1.8rem);--font-size-h4:clamp(1.25rem,3vw,1.6rem);--line-height-base:1.7;--list-style:disc;--color-text:#403c3a;--color-heading:color-mix(in srgb,var(--color-text) 75%,black);--color-link:#33628c;--color-muted:color-mix(in srgb,var(--color-text) 75%,white);--color-border:#989898;--color-code-bg:#f9f9f9;--color-red:#e34960;--space-block:1.5rem;--space-inline:1rem;--border-radius:0.25rem;max-width:800px;margin:0 auto;padding:1rem;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);#toc{margin-block:var(--space-block);&:has(#toggle-toc:checked) ol,&:has(#toggle-toc:checked) ul{display:none}label{display:inline-block;cursor:pointer;font-weight:bold;color:var(--color-text);&::after{content:"▼";transition:transform 0.2s ease}}&:has(#toggle-toc:checked) label::after{transform:rotate(180deg);content:"▲"}ol,ul{list-style:none;padding-left:1.25rem;margin-block:0;counter-reset:item;a{text-decoration:none;background-image:none;padding-left:.25rem;&::before{counter-increment:item;content:counters(item,'.',decimal) '. '}}}}#toc-title{display:inline;font-size:var(--font-size-h4);font-weight:bold;color:var(--color-heading);margin-bottom:calc(var(--space-block) / 3)}h1,h2,h3,h4{color:var(--color-heading);font-weight:700;line-height:1.4;margin-block:calc(var(--space-block) * 2) calc(var(--space-block) * .5)}h1,.h1{font-size:var(--font-size-h1)}h2,.h2{font-size:var(--font-size-h2)}h3,.h3{font-size:var(--font-size-h3)}h4,.h4{font-size:var(--font-size-h4)}p{margin-bottom:calc(var(--space-block) / 2)}ul,ol{padding-left:1.25rem;margin-block:var(--space-block);list-style-type:var(--list-style);li{margin-block:calc(var(--space-block) / 6)}}.disc{--list-style: disc;}ol,.decimal{--list-style: decimal;}table{width:100%;border-collapse:collapse;margin-block:var(--space-block);caption{caption-side:bottom;color:var(--color-muted)}}th,td{border:1px solid var(--color-border);padding:.5rem;text-align:left}th{background-color:#f2f2f2;font-weight:bold}img{display:inline;max-width:100%;height:auto}figure{margin-block:var(--space-block);text-align:center}figcaption{margin-top:calc(var(--space-block) / 6);font-size:.875rem;color:var(--color-muted)}blockquote{position:relative;margin:0 var(--space-block);padding:1rem 0 1rem 1rem;color:var(--color-muted);&::before{position:absolute;display:inline-block;font-family:"Poppins",sans-serif !important;top:calc(var(--space-block) * -1.5);left:0;content:"\201C";font-size:8em;color:var(--color-red);opacity:.2;pointer-events:none}}a{color:var(--color-link);text-decoration:none;background-image:linear-gradient(var(--color-link),var(--color-link));background-position:100% 100%;background-repeat:no-repeat;background-size:0 2px;transition:background-size .3s;&:hover{color:color-mix(in srgb,var(--color-link) 80%,black);background-position:0 100%;background-size:100% 2px}&:active{color:color-mix(in srgb,var(--color-link) 60%,black)}&:visited{color:color-mix(in srgb,var(--color-link) 60%,gray)}&.btn{--color-link:var(--color-red);display:inline-block;padding:.5em 1em;margin:calc(var(--space-block) / 4) calc(var(--space-block) / 4) calc(var(--space-block) / 4) 0;font-weight:600;text-decoration:none;background-image:none;border-radius:calc(var(--border-radius) * 2);background-color:var(--color-link);color:#f2f2f2;transition:background-color .2s ease,color .2s ease;&:hover{background-color:color-mix(in srgb,var(--color-link) 85%,black)}&:active{background-color:color-mix(in srgb,var(--color-link) 70%,black)}&:visited{background-color:color-mix(in srgb,var(--color-link) 70%,gray)}}}}