.blog-card,.blog-item{border:1px solid #e8e4f0}.blog-badge{font-size:.7rem;border:1px solid #e9e4f0}html.dark .blog-badge{border-color:rgba(255,255,255,.14)}.blog-card-body{display:flex;flex-direction:column;gap:16px;align-self:stretch;padding:15px 15px 15px 0}.blog-card-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:16px;border-top:1px solid #e8e4f0}html.dark .blog-card-foot{border-top-color:rgba(255,255,255,.08)}.blog-card-meta{margin-right:auto}.blog-card-more{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:999px;background:#1a1a1c;color:#fff;font-size:14px;font-weight:500;white-space:nowrap}.blog-card-more:hover{background:#2c2c30}html.dark .blog-card-more{background:#f4f4f5;color:#1a1a1c}html.dark .blog-card-more:hover{background:#e4e4e7}html.dark .blog-card,html.dark .blog-item{border-color:rgba(255,255,255,.08)}.blog-skel{display:block;border-radius:6px;background:color-mix(in oklab,#e8e4f0 75%,#fff);background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.65) 50%,transparent);background-size:240px 100%;background-repeat:no-repeat;animation:blog-skel 1.3s ease-in-out infinite}html.dark .blog-skel{background:rgba(255,255,255,.08);background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 50%,transparent)}.blog-skel-cover{aspect-ratio:1200/630;border-radius:20px}.blog-skel-badge{width:76px;height:24px;border-radius:999px}.blog-skel-title{height:18px;width:90%}.blog-skel-short{width:46%}.blog-skel-meta{width:150px;height:13px}.blog-skel-btn{width:108px;height:38px;border-radius:999px}.blog-skel-search{height:44px;width:100%;border-radius:999px}.blog-skel-h{height:20px;width:46%}.blog-skel-line{height:14px;width:100%}.blog-skel-thumb{width:102px;height:58px;border-radius:5px;flex-shrink:0}@keyframes blog-skel{0%{background-position:-240px 0}to{background-position:calc(100% + 240px) 0}}@media (prefers-reduced-motion:reduce){.blog-skel{animation:none}}.blog-pager{display:flex;gap:8px;padding-top:8px}.blog-pager button{min-width:40px;height:40px;padding:0 12px;border:1px solid rgba(15,23,42,.12);border-radius:10px;background:transparent;color:rgba(28,28,40,.75);font-size:14px;font-weight:500;cursor:pointer}.blog-pager button:hover{border-color:rgba(15,23,42,.4);color:#1a1a1c}.blog-pager button.is-current{background:#1a1a1c;border-color:#1a1a1c;color:#fff}html.dark .blog-pager button{border-color:rgba(255,255,255,.16);color:rgba(244,244,245,.75)}html.dark .blog-pager button.is-current{background:#f4f4f5;border-color:#f4f4f5;color:#1a1a1c}