.projects-page[data-v-bd0fe888]{min-height:100vh;background:#f5f7fa;padding-bottom:60px}.container[data-v-bd0fe888]{max-width:1200px;margin:0 auto;padding:32px 24px}.page-header[data-v-bd0fe888]{display:flex;align-items:baseline;gap:16px;margin-bottom:28px}.page-header h1[data-v-bd0fe888]{font-size:26px;font-weight:700;color:#2d6a4f;margin:0}.count[data-v-bd0fe888]{font-size:13px;color:#999}.filter-bar[data-v-bd0fe888]{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.filter-btn[data-v-bd0fe888]{padding:8px 18px;font-size:13px;border-radius:6px;background:#fff;border:1px solid #dde;color:#666;cursor:pointer;transition:all .15s}.filter-btn[data-v-bd0fe888]:hover{border-color:#2d6a4f;color:#2d6a4f}.filter-btn.active[data-v-bd0fe888]{background:#2d6a4f;color:#fff;border-color:#2d6a4f}.project-grid[data-v-bd0fe888]{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.project-card[data-v-bd0fe888]{background:#fff;border-radius:10px;border:1px solid #eee;overflow:hidden;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column}.project-card[data-v-bd0fe888]:hover{box-shadow:0 4px 20px #00000014;transform:translateY(-2px)}.card-cover[data-v-bd0fe888]{position:relative;height:200px;overflow:hidden;background:#f0f0f0}.cover-img[data-v-bd0fe888]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cover-placeholder[data-v-bd0fe888]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ccc;background:#f5f5f5}.cover-overlay[data-v-bd0fe888]{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.3),transparent);opacity:0;transition:opacity .2s}.project-card:hover .cover-overlay[data-v-bd0fe888]{opacity:1}.external-icon[data-v-bd0fe888]{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#00000080;border-radius:6px;color:#fff}.card-body[data-v-bd0fe888]{padding:20px;flex:1;display:flex;flex-direction:column}.card-title[data-v-bd0fe888]{font-size:17px;font-weight:600;color:#1a1a2e;margin:0 0 8px}.card-desc[data-v-bd0fe888]{font-size:13px;color:#777;line-height:1.6;margin:0 0 14px;flex:1}.card-tags[data-v-bd0fe888]{display:flex;flex-wrap:wrap;gap:6px}.tech-tag[data-v-bd0fe888]{font-size:11px;padding:3px 8px;border:1px solid #d9efe5;background:#f0f7f3;color:#2d6a4f;border-radius:4px}.empty-state[data-v-bd0fe888]{text-align:center;padding:80px 0;color:#bbb}.empty-icon[data-v-bd0fe888]{margin-bottom:12px}.empty-state p[data-v-bd0fe888]{font-size:15px;margin:0}@media (max-width: 768px){.project-grid[data-v-bd0fe888]{grid-template-columns:1fr}}