.page-layout[data-v-99226ba6]{min-height:100vh;display:flex;flex-direction:column}.page-content[data-v-99226ba6]{flex:1;margin-top:120px;padding-top:40px}@media (max-width:768px){.page-content[data-v-99226ba6]{margin-top:100px;padding-top:20px}}@media (max-width:480px){.page-content[data-v-99226ba6]{margin-top:90px;padding-top:15px}}.projects-page[data-v-b070ccb8]{min-height:calc(100vh - 120px)}.page-header[data-v-b070ccb8]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 0;text-align:center}.page-title[data-v-b070ccb8]{font-size:42px;font-weight:700;margin-bottom:15px}.page-subtitle[data-v-b070ccb8]{font-size:18px;opacity:.9}.projects-content[data-v-b070ccb8]{padding:60px 0}.project-card[data-v-b070ccb8]{margin-bottom:30px;border-radius:8px;overflow:hidden;transition:all .3s ease}.project-card[data-v-b070ccb8]:hover{transform:translateY(-5px);box-shadow:0 12px 24px rgba(0,0,0,.15)}.project-image[data-v-b070ccb8]{width:100%;height:250px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;align-items:center;justify-content:center;overflow:hidden}.project-card-img[data-v-b070ccb8]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-info[data-v-b070ccb8]{padding:20px}.project-info h3[data-v-b070ccb8]{font-size:20px;font-weight:600;color:#2c3e50;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-type[data-v-b070ccb8]{color:#409eff;font-size:14px;font-weight:600;margin-bottom:10px}.project-description[data-v-b070ccb8]{color:#666;font-size:14px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;min-height:3.2em;height:3.2em}@media (max-width:768px){.page-header[data-v-b070ccb8]{padding:40px 0}.page-title[data-v-b070ccb8]{font-size:28px}.page-subtitle[data-v-b070ccb8]{font-size:16px}.projects-content[data-v-b070ccb8]{padding:40px 0}.project-image[data-v-b070ccb8]{height:200px}.project-info[data-v-b070ccb8]{padding:15px}.project-info h3[data-v-b070ccb8]{font-size:18px}}@media (max-width:480px){.page-header[data-v-b070ccb8]{padding:30px 0}.page-title[data-v-b070ccb8]{font-size:24px}.page-subtitle[data-v-b070ccb8]{font-size:14px}.projects-content[data-v-b070ccb8]{padding:30px 0}.project-image[data-v-b070ccb8]{height:180px}}