.blog-list{display:flex;flex-direction:column;gap:14px}.blog-card{display:block;padding:22px 24px;border:1px solid var(--border);border-radius:14px;background:var(--bg-card);text-decoration:none;color:inherit;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;animation:heroIn .5s cubic-bezier(.16,1,.3,1) both}.blog-card:nth-child(1){animation-delay:0s}.blog-card:nth-child(2){animation-delay:.06s}.blog-card:nth-child(3){animation-delay:.12s}.page-content a.blog-card,.page-content a.blog-card:hover,.page-content a.blog-card:active{text-decoration:none;color:inherit}.blog-card:hover{border-color:rgba(var(--accent-rgb),.3);box-shadow:0 4px 20px #0000000f;transform:translateY(-1px)}.blog-date{display:inline-flex;align-items:center;gap:5px;font-size:.76rem;font-weight:500;color:var(--text-muted);margin-bottom:8px;letter-spacing:.01em}.blog-date svg{width:13px;height:13px;opacity:.5}.blog-card-title{font-size:1.08rem;font-weight:600;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.015em;line-height:1.3}.blog-card-desc{font-size:.86rem;color:var(--text-secondary);margin:0 0 12px;line-height:1.6}.blog-card-read{display:inline-flex;align-items:center;gap:4px;font-size:.82rem;font-weight:500;color:var(--accent)}.blog-card-read svg{transition:transform .15s ease}.blog-card:hover .blog-card-read svg{transform:translate(3px)}.blog-meta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font-size:.8rem;color:var(--text-muted);animation:heroIn .7s cubic-bezier(.16,1,.3,1) .1s both}.blog-meta svg{width:14px;height:14px;opacity:.45}.blog-meta-sep{width:3px;height:3px;border-radius:50%;background:var(--text-muted);opacity:.4}.blog-updated{opacity:.7}.blog-article{padding-top:28px}.blog-article h2{font-size:1.15rem;font-weight:600;margin-top:36px;margin-bottom:10px;letter-spacing:-.015em;color:var(--text-primary)}.blog-article h2:first-child{margin-top:0}.blog-article p{font-size:.9rem;color:var(--text-secondary);line-height:1.7;margin-bottom:14px}.blog-article ul{margin:0 0 14px;padding-inline-start:20px}.blog-article li{font-size:.9rem;color:var(--text-secondary);line-height:1.7;margin-bottom:8px}.blog-article strong{color:var(--text-primary);font-weight:600}.blog-article a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.blog-article a:hover{text-decoration:none}.blog-article{overflow-x:auto}.blog-article table{width:100%;border-collapse:collapse;font-size:.85rem;margin:18px 0 22px;table-layout:auto}.blog-article th{background:var(--bg-elevated);font-weight:600;color:var(--text-primary);text-align:start;padding:10px 14px;border-bottom:2px solid var(--border);word-wrap:break-word}.blog-article td{padding:10px 14px;color:var(--text-secondary);line-height:1.55;border-bottom:1px solid var(--border-subtle);word-wrap:break-word}.blog-article tbody tr:last-child td{border-bottom:none}.blog-article tbody tr:hover{background:var(--bg-elevated)}.blog-related{margin-top:40px}.blog-related-title{font-size:1.08rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.015em}.blog-article img{display:block;max-width:340px;width:100%;height:auto;margin:20px auto;border-radius:12px;border:1px solid var(--border)}@media(max-width:767px){.blog-card{padding:16px 18px}.blog-card-title{font-size:.98rem}.blog-card-desc{font-size:.84rem}.blog-card-read{font-size:.78rem}.blog-article h2{font-size:1.1rem;margin-top:32px}}