.blog{--blog-border:#e3e5e8;font-family:var(--jif-font-family-sans), "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", sans-serif}.blog .type-display{letter-spacing:-.03em}.blog .type-h2,.blog .type-h3{letter-spacing:-.02em}.blog .type-title{letter-spacing:-.015em}.blog .article-title{letter-spacing:-.03em}.blog :is(.type-display,.type-h2,.type-h3,.type-title,.article-title):lang(zh){letter-spacing:0}.blog .type-display{line-height:1.15}.blog .type-h2{line-height:1.25}.blog .type-h3,.blog .type-title{line-height:1.4}.post-title{transition:opacity .2s}@media (hover:hover){.post-card:hover .post-title{opacity:.7}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.post-cover-img{transition:transform .4s var(--jif-ease-out)}.post-card:hover .post-cover-img{transform:scale(1.03)}}.skeleton{background:var(--color-card-strong);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffffa6,#0000);animation:1.6s linear infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.skeleton:after{display:none}.skeleton{animation:1.6s ease-in-out infinite alternate skeleton-breathe}}@keyframes skeleton-breathe{to{opacity:.55}}.blog .blog-h1{font-size:2.5rem;line-height:1.15}.blog .blog-h2{font-size:1.375rem;line-height:1.35}.blog .blog-feature-title{font-size:1.5rem;line-height:1.35}.blog .blog-card-title{font-size:1.125rem;line-height:1.45}.blog .blog-news-title{font-size:1rem;line-height:1.5}.blog .blog-excerpt{font-size:.875rem;line-height:1.65}.blog .blog-tag,.blog .blog-meta{font-size:.75rem;line-height:1.35}@media (min-width:768px){.blog .blog-h1{font-size:3.5rem}.blog .blog-h2{font-size:1.5rem}.blog .blog-feature-title{font-size:1.75rem}.blog .blog-card-title{font-size:1.25rem}.blog .blog-news-title{font-size:1.125rem}}.page-btn{border-radius:var(--jif-radius-sm);border:1px solid var(--blog-border);background:var(--jif-color-bg-page);width:2.5rem;height:2.5rem;color:var(--jif-color-text-primary);font-variant-numeric:tabular-nums;transition:transform .16s var(--jif-ease-out), background-color .2s ease, border-color .2s ease;place-items:center;font-size:.9375rem;display:inline-grid}a.page-btn:hover{background:var(--color-card-strong)}a.page-btn:active{transform:scale(.97)}.page-num{border-radius:var(--jif-radius-sm);width:2.5rem;height:2.5rem;color:var(--jif-color-text-primary);font-variant-numeric:tabular-nums;transition:transform .16s var(--jif-ease-out), background-color .2s ease;place-items:center;font-size:.9375rem;display:inline-grid}a.page-num:hover{background:var(--color-card)}a.page-num:active{transform:scale(.97)}.page-num-current,a.page-num-current:hover{background:var(--color-card-strong)}.page-btn-disabled{border-color:var(--blog-border);color:var(--jif-color-text-tertiary)}@media (min-width:768px){.page-btn,.page-num{width:2.75rem;height:2.75rem}}.article-grid{grid-template-columns:minmax(0,45rem);justify-content:center;column-gap:5rem;display:grid}.article-related{border-top:1px solid var(--jif-color-border-subtle);gap:3.5rem;margin-top:5rem;padding-top:3rem;display:grid}@media (min-width:640px) and (max-width:1099px){.article-related{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem}}@media (min-width:1100px){.article-grid{grid-template-columns:minmax(0,45rem) 20rem}.article-related{top:var(--rail-top,7rem);border-top:0;align-self:start;margin-top:4rem;padding-top:0;position:sticky}}.blog .article-title{font-size:1.75rem;line-height:1.3}@media (min-width:768px){.blog .article-title{font-size:2.5rem}}.article-body{color:var(--jif-color-text-secondary);margin-top:2.5rem;font-size:1.0625rem;line-height:1.85}.article-h2{margin-top:4rem;scroll-margin-top:6rem}.blog .article-h2{font-size:1.5rem;line-height:1.35}.article-h3{margin-top:2.5rem;scroll-margin-top:6rem}.article-p{margin-top:1rem}.article-h2+.article-p,.article-h3+.article-p{margin-top:1.25rem}.article-list{margin-top:.75rem;padding-left:1.25rem}.article-list li+li{margin-top:.375rem}.article-list li::marker{color:var(--jif-color-text-tertiary)}.article-media{margin-block:2rem}.article-link{color:var(--jif-color-text-accent);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-underline-offset:4px;text-decoration-thickness:1px;transition:text-decoration-color .16s}.article-link:hover{text-decoration-color:currentColor}.prompt-body{font-size:.9375rem;line-height:1.8}.prompt-section+.prompt-section{margin-top:1.25rem}.prompt-folded{max-height:22rem;overflow:hidden}.prompt-folded:after{content:"";background:linear-gradient(to bottom, #fff0, var(--jif-color-bg-page));pointer-events:none;height:6rem;position:absolute;inset:auto 0 0}.flow-node{white-space:nowrap;border:1px solid var(--blog-border);border-radius:var(--jif-radius-sm);background:var(--jif-color-bg-page);min-height:2.5rem;color:var(--jif-color-text-primary);align-items:center;gap:.5rem;padding:.375rem .875rem .375rem .375rem;font-size:.875rem;line-height:1.4;display:inline-flex}.flow-num{border-radius:var(--jif-radius-xs);background:var(--jif-color-text-primary);min-width:1.75rem;height:1.75rem;color:var(--jif-color-bg-page);font-variant-numeric:tabular-nums;place-items:center;font-size:.75rem;display:inline-grid}.article-cta{isolation:isolate;position:relative;overflow:clip}.article-cta:before,.article-cta:after{content:"";z-index:-1;pointer-events:none;position:absolute}.article-cta:before{filter:blur(18px);background:radial-gradient(26% 50% at 60% 25%,#c47be8 0%,#0000 75%),linear-gradient(72deg,#0a3a36 0%,#3f50a8 13%,#a865dc 25%,#3f50a8 37%,#0b423d 48%,#4256b0 60%,#b46ae0 72%,#3f50a8 85%,#082f2c 100%);inset:-20%}.article-cta:after{mix-blend-mode:overlay;opacity:.25;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='2' intercept='-0.5'/%3E%3CfeFuncG type='linear' slope='2' intercept='-0.5'/%3E%3CfeFuncB type='linear' slope='2' intercept='-0.5'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;inset:0}.article-cta-btn{background:var(--jif-color-bg-page);color:var(--jif-color-text-primary)}.article-cta-btn:hover{background:var(--color-card-strong)}.faq-box{border:1px solid var(--blog-border);border-radius:var(--jif-radius-md);background:var(--jif-color-bg-page)}.faq-item{padding:1.25rem}.faq-item+.faq-item{border-top:1px solid var(--blog-border)}.faq-question{font-size:1rem;line-height:1.5}.faq-answer{gap:.75rem;margin-top:.5rem;font-size:.9375rem;line-height:1.8;display:grid}@media (min-width:768px){.faq-item{padding:1.5rem}}.faq-panel{background:#f7f8f9;border-radius:16px;margin-top:4rem;padding:1.5rem}.blog .faq-panel h2{font-size:1.5rem;line-height:1.35}.faq-fold-question{cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;padding-block:.5rem;font-size:1rem;line-height:1.5;list-style:none;display:flex}.faq-fold-question::-webkit-details-marker{display:none}.faq-fold-question:focus-visible{outline:2px solid var(--jif-color-spectrum-deep-violet);outline-offset:2px;border-radius:var(--jif-radius-xs)}.faq-fold-icon{color:var(--jif-color-text-primary);flex:none}.faq-fold-minus,.faq-fold[open] .faq-fold-plus{display:none}.faq-fold[open] .faq-fold-minus{display:block}.faq-fold-answer{gap:.75rem;padding:.25rem 0 1rem;font-size:1rem;line-height:1.5;display:grid}@media (prefers-reduced-motion:no-preference){.faq-fold{interpolate-size:allow-keywords}.faq-fold::details-content{height:0;transition:height .3s cubic-bezier(.4, 0, .2, 1), content-visibility .3s allow-discrete;overflow:clip}.faq-fold[open]::details-content{height:auto}}.blog .lang-chip{border:1px solid var(--jif-color-border-strong);white-space:nowrap;border-radius:9999px;align-items:center;padding:.0625rem .5rem;font-size:.6875rem;line-height:1.4;display:inline-flex}
