.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin:2rem 0}.post-card{background:var(--color-bg-alt,#f8f9fa);border-radius:8px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1);height:fit-content}.post-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.post-image{width:100%;height:200px;overflow:hidden;position:relative}.post-image a{display:block;width:100%;height:100%;position:relative;z-index:5;cursor:pointer}.post-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-image:hover img{transform:scale(1.05)}.post-image.placeholder{background:linear-gradient(135deg,var(--color-accent,#007acc) 0%,var(--color-accent-dark,#005a99) 100%);display:flex;align-items:center;justify-content:center}.placeholder-content{color:#fff;font-size:3rem;opacity:.8}.post-content{padding:1.5rem}.post-meta{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.post-date{color:var(--color-text-light,#666);font-size:.9rem;font-weight:500}.post-categories{display:flex;flex-wrap:wrap;gap:.5rem}.category{background:var(--color-accent,#007acc);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:capitalize}.post-title{margin:0 0 1rem;font-size:1.4rem;line-height:1.3}.post-title a{color:var(--color-text,#333);text-decoration:none;transition:color .3s ease;position:relative;z-index:10;cursor:pointer;display:block}.post-title a:hover{color:var(--color-accent,#007acc)}.post-description{color:var(--color-text-light,#666);line-height:1.6;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.tag{color:var(--color-accent,#007acc);font-size:.85rem;font-weight:500;opacity:.8}.notice{border-radius:.2rem;position:relative;margin:2rem 0;padding:0 .75rem;overflow:auto;border-left:4px solid}.notice-title{position:relative;font-weight:700;margin:0 -.75rem;padding:.5rem 3.5rem;border-bottom:1px solid rgba(0,0,0,.1)}.notice-title i{position:absolute;top:50%;left:1.8rem;transform:translate(-50%,-50%)}.notice-content{display:block;margin:1rem 2rem}.notice.note{background-color:#e7f3ff;border-left-color:#2196f3}.notice.note .notice-title{background-color:#bbdefb}.notice.note .notice-title i{color:#2196f3}.notice.tip{background-color:#fff3e0;border-left-color:#ff9800}.notice.tip .notice-title{background-color:#ffcc80}.notice.tip .notice-title i{color:#ff9800}.notice.example{background-color:#f3e5f5;border-left-color:#9c27b0}.notice.example .notice-title{background-color:#ce93d8}.notice.example .notice-title i{color:#9c27b0}.notice.question{background-color:#e8f5e8;border-left-color:#4caf50}.notice.question .notice-title{background-color:#a5d6a7}.notice.question .notice-title i{color:#4caf50}.notice.info{background-color:#e1f5fe;border-left-color:#00bcd4}.notice.info .notice-title{background-color:#80deea}.notice.info .notice-title i{color:#00bcd4}.notice.warning{background-color:#fffde7;border-left-color:#ffeb3b}.notice.warning .notice-title{background-color:#fff176}.notice.warning .notice-title i{color:#f57f17}.notice.error{background-color:#ffebee;border-left-color:#f44336}.notice.error .notice-title{background-color:#ffcdd2}.notice.error .notice-title i{color:#f44336}[data-colorscheme=dark] .post-card{background:var(--color-bg-alt,#2d3748);box-shadow:0 2px 8px rgba(0,0,0,.3)}[data-colorscheme=dark] .post-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.4)}[data-colorscheme=dark] .post-title a{color:var(--color-text,#e2e8f0)}[data-colorscheme=dark] .post-description{color:var(--color-text-light,#a0aec0)}[data-colorscheme=dark] .post-date{color:var(--color-text-light,#a0aec0)}[data-colorscheme=dark] .notice{border-bottom:1px solid rgba(255,255,255,.1)}[data-colorscheme=dark] .notice.note{background-color:rgba(33,150,243,.1)}[data-colorscheme=dark] .notice.note .notice-title{background-color:rgba(33,150,243,.2)}[data-colorscheme=dark] .notice.tip{background-color:rgba(255,152,0,.1)}[data-colorscheme=dark] .notice.tip .notice-title{background-color:rgba(255,152,0,.2)}[data-colorscheme=dark] .notice.example{background-color:rgba(156,39,176,.1)}[data-colorscheme=dark] .notice.example .notice-title{background-color:rgba(156,39,176,.2)}[data-colorscheme=dark] .notice.question{background-color:rgba(76,175,80,.1)}[data-colorscheme=dark] .notice.question .notice-title{background-color:rgba(76,175,80,.2)}[data-colorscheme=dark] .notice.info{background-color:rgba(0,188,212,.1)}[data-colorscheme=dark] .notice.info .notice-title{background-color:rgba(0,188,212,.2)}[data-colorscheme=dark] .notice.warning{background-color:rgba(255,235,59,.1)}[data-colorscheme=dark] .notice.warning .notice-title{background-color:rgba(255,235,59,.2)}[data-colorscheme=dark] .notice.error{background-color:rgba(244,67,54,.1)}[data-colorscheme=dark] .notice.error .notice-title{background-color:rgba(244,67,54,.2)}@media(max-width:768px){.posts-grid{grid-template-columns:1fr;gap:1.5rem;margin:1.5rem 0}.post-content{padding:1.25rem}.post-title{font-size:1.25rem}.post-meta{flex-direction:column;align-items:flex-start;gap:.75rem}}@media(max-width:480px){.post-image{height:180px}.post-content{padding:1rem}.posts-grid{gap:1rem}.notice-content{margin:1rem}}