/* 文章列表 */
.posts{max-width:920px;margin:0 auto;display:grid;gap:20px}
.post{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 32px;display:flex;gap:22px;align-items:flex-start;transition:.3s;position:relative;overflow:hidden}
.post::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary),var(--accent));opacity:0;transition:.3s}
.post:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(14,127,142,.25)}
.post:hover::before{opacity:1}
.post .p-date{flex:none;width:72px;text-align:center;background:var(--bg-soft);border-radius:14px;padding:12px 6px}
.post .p-date b{display:block;font-size:24px;font-weight:800;color:var(--primary);line-height:1.1}
.post .p-date span{font-size:12px;color:var(--ink-3)}
.post .p-body h3{font-size:18px;font-weight:700;color:var(--primary-deep);margin-bottom:8px;transition:.25s;line-height:1.5}
.post:hover .p-body h3{color:var(--primary)}
.post .p-body p{font-size:14px;color:var(--ink-3);margin-bottom:10px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post .p-meta{display:flex;align-items:center;gap:14px;font-size:12.5px;color:var(--ink-3)}
.post .p-meta .cat{color:var(--primary);background:var(--primary-light);padding:3px 11px;border-radius:999px;font-weight:600}
.post .p-more{margin-left:auto;font-size:13.5px;font-weight:600;color:var(--primary);display:inline-flex;align-items:center;gap:5px;transition:.25s;flex:none}
.post:hover .p-more{gap:9px;color:var(--accent-dark)}
@media (max-width:600px){.post{flex-direction:column;padding:22px}.post .p-date{display:flex;align-items:baseline;justify-content:center;gap:6px;width:auto;padding:6px 16px}.post .p-more{margin-left:0}}