.bg-surface[data-v-6b36d213]{background-color:#f8f7f4}.title-section[data-v-6b36d213]{color:#111928;font-family:Quicksand,Noto Sans SC,Noto Sans TC,PingFang SC,PingFang TC,Microsoft YaHei,Microsoft JhengHei,sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);font-style:normal;font-weight:700;line-height:1.08;margin-top:1.5rem}@media (max-width:767px){.title-section[data-v-6b36d213]{font-size:clamp(1.25rem,4vw,1.5rem);margin-bottom:0}}.container-content[data-v-6b36d213]{margin-top:0}.blog[data-v-6b36d213]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:.75rem;transition:box-shadow .2s ease}.blog[data-v-6b36d213]:hover{box-shadow:0 4px 16px #00000014}.blog .thumbnail[data-v-6b36d213]{border-radius:8px;overflow:hidden}.blog .thumbnail .image[data-v-6b36d213]{aspect-ratio:16/9;display:block;-o-object-fit:cover;object-fit:cover;width:100%}.blog .title[data-v-6b36d213]{color:#111928;font-size:1.125rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;line-height:1.3;margin-top:.5rem}@media (max-width:991px){.blog .title[data-v-6b36d213]{font-size:1rem}}.blog .author-image[data-v-6b36d213]{border-radius:50%;height:24px;-o-object-fit:cover;object-fit:cover;width:24px}.blog .author-name[data-v-6b36d213]{-webkit-line-clamp:1}.blog .author-name[data-v-6b36d213],.blog .desc[data-v-6b36d213]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.blog .desc[data-v-6b36d213]{color:#6b7280;font-size:.875rem;margin-top:.5rem;-webkit-line-clamp:2}.blog .desc[data-v-6b36d213],.blog .desc p[data-v-6b36d213]{margin-bottom:0!important}.wrapper-list{align-items:start;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:2rem 0 4rem;padding:0}@media (max-width:480px){.wrapper-list{gap:14px;grid-template-columns:1fr!important}}@media (min-width:481px) and (max-width:767px){.wrapper-list{gap:14px;grid-template-columns:1fr 1fr!important}}@media (min-width:768px) and (max-width:1100px){.wrapper-list{grid-template-columns:1fr 1fr 1fr!important}}@media (max-width:991px){.wrapper-list{padding:0}}#desc p{margin-bottom:0!important}