.container[data-v-db321bfe]{position:relative;z-index:1;padding:20px;font-family:Arial,sans-serif;max-width:1200px;margin:auto;min-height:100vh}.title[data-v-db321bfe]{font-size:2em;text-align:center;margin-bottom:40px;color:#2c3e50;position:relative;padding-bottom:15px}.title[data-v-db321bfe]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:#2a6edc;border-radius:2px}.grid[data-v-db321bfe]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;padding:10px}.card[data-v-db321bfe]{display:flex;flex-direction:column;background:#fff;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,.05);border:1px solid hsla(0,0%,80%,.3);transition:box-shadow .3s,transform .3s;height:auto;position:relative;overflow:hidden;cursor:pointer}.card-image[data-v-db321bfe]{position:relative;width:100%;padding-top:56.25%;background:#f5f5f5;overflow:hidden;border-radius:12px 12px 0 0}.card-image img[data-v-db321bfe]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease;background:#f5f5f5}.card-content[data-v-db321bfe]{flex:1;padding-left:10px}.project-title[data-v-db321bfe]{font-size:1.3em;margin-bottom:12px;color:#2c3e50;font-weight:600}.project-type[data-v-db321bfe]{font-size:.95em;color:#666;margin-bottom:12px;padding:4px 8px;background:rgba(42,110,220,.1);border-radius:4px;display:inline-block}.links[data-v-db321bfe]{list-style:none;padding:0;margin:12px 0}.link-item[data-v-db321bfe]{display:inline-block;margin-right:12px;color:#2a6edc;text-decoration:none;font-size:.95em;position:relative;padding:4px 0}.link-item[data-v-db321bfe]:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#2a6edc;transition:width .3s ease}.link-item[data-v-db321bfe]:hover:after{width:100%}.desc[data-v-db321bfe]{margin-top:12px;font-size:.9em;color:#666;line-height:1.5}.animate-title[data-v-db321bfe]{opacity:0;transform:translateY(-20px);animation:fadeInDown-db321bfe .8s ease forwards}.animate-card[data-v-db321bfe]{opacity:0;transform:translateY(30px);animation:fadeInUp-db321bfe .6s ease forwards;animation-fill-mode:both}@keyframes fadeInDown-db321bfe{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp-db321bfe{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-card[data-v-db321bfe]:first-child{animation-delay:.1s}.animate-card[data-v-db321bfe]:nth-child(2){animation-delay:.2s}.animate-card[data-v-db321bfe]:nth-child(3){animation-delay:.3s}.animate-card[data-v-db321bfe]:nth-child(4){animation-delay:.4s}.animate-card[data-v-db321bfe]:nth-child(5){animation-delay:.5s}.animate-card[data-v-db321bfe]:nth-child(6){animation-delay:.6s}.animate-card[data-v-db321bfe]:nth-child(7){animation-delay:.7s}.animate-card[data-v-db321bfe]:nth-child(8){animation-delay:.8s}.animate-card[data-v-db321bfe]:nth-child(9){animation-delay:.9s}@media (max-width:768px){.container[data-v-db321bfe]{padding:15px}.title[data-v-db321bfe]{font-size:1.6em;margin-bottom:30px}.grid[data-v-db321bfe]{gap:15px}.card[data-v-db321bfe]{padding:15px}.project-title[data-v-db321bfe]{font-size:1.2em}}@media (max-width:480px){.title[data-v-db321bfe]{font-size:1.4em}.card[data-v-db321bfe]{padding:12px}.links[data-v-db321bfe]{display:flex;flex-wrap:wrap;gap:8px}.link-item[data-v-db321bfe]{margin-right:0}}.modal[data-v-db321bfe]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;animation:fadeIn-db321bfe .3s ease}.modal-content[data-v-db321bfe]{background:#fff;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp-db321bfe .3s ease}.close-btn[data-v-db321bfe]{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;z-index:1}.modal-body[data-v-db321bfe]{padding:30px}.carousel[data-v-db321bfe]{position:relative;width:100%;height:400px;overflow:hidden;border-radius:12px;margin-bottom:20px}.carousel-container[data-v-db321bfe]{display:flex;width:100%;height:100%;transition:transform .5s ease}.carousel-slide[data-v-db321bfe]{flex:0 0 100%;width:100%;height:100%;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.carousel-slide img[data-v-db321bfe]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;background:#f5f5f5;display:block}.carousel-btn[data-v-db321bfe]{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.carousel-btn[data-v-db321bfe]:hover{background:rgba(0,0,0,.8)}.carousel-btn.prev[data-v-db321bfe]{left:10px}.carousel-btn.next[data-v-db321bfe]{right:10px}.carousel-indicators[data-v-db321bfe]{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.carousel-indicators span[data-v-db321bfe]{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.5);cursor:pointer;transition:background .3s ease}.carousel-indicators span.active[data-v-db321bfe]{background:#fff}.modal-info[data-v-db321bfe]{color:#333}.modal-info h2[data-v-db321bfe]{font-size:1.8em;margin-bottom:10px}.project-details[data-v-db321bfe]{margin:20px 0}.project-details h3[data-v-db321bfe]{font-size:1.2em;margin-bottom:10px;color:#2c3e50}.tech-stack[data-v-db321bfe]{margin:20px 0}.tech-tags[data-v-db321bfe]{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tech-tags span[data-v-db321bfe]{background:#f0f4f8;padding:4px 12px;border-radius:20px;font-size:.9em;color:#2a6edc}.project-links[data-v-db321bfe]{margin-top:20px;display:flex;gap:10px}.project-link[data-v-db321bfe]{padding:8px 16px;background:#2a6edc;color:#fff;text-decoration:none;border-radius:6px;transition:background .3s ease}.project-link[data-v-db321bfe]:hover{background:#1d4b9e}@keyframes fadeIn-db321bfe{0%{opacity:0}to{opacity:1}}@keyframes slideUp-db321bfe{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:768px){.modal-content[data-v-db321bfe]{max-height:95vh}.modal-body[data-v-db321bfe]{padding:20px}.carousel[data-v-db321bfe]{height:250px}.carousel-btn[data-v-db321bfe]{width:30px;height:30px;font-size:16px}.modal-info h2[data-v-db321bfe]{font-size:1.5em}.project-links[data-v-db321bfe]{flex-direction:column}.project-link[data-v-db321bfe]{text-align:center}}.footer[data-v-db321bfe]{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-top:1px solid rgba(42,110,220,.1);padding:40px 20px 30px;margin-top:60px;text-align:center;position:relative}.footer[data-v-db321bfe]:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#2a6edc,#4285f4);border-radius:2px}.footer-content[data-v-db321bfe]{max-width:1200px;margin:auto}.footer-info[data-v-db321bfe]{margin-bottom:20px}.copyright[data-v-db321bfe]{font-size:1em;color:#2c3e50;margin-bottom:8px;font-weight:500}.beian[data-v-db321bfe]{margin:0}.beian a[data-v-db321bfe]{color:#666;text-decoration:none;font-size:.9em;padding:4px 8px;border-radius:4px;transition:all .3s ease;display:inline-block}.beian a[data-v-db321bfe]:hover{color:#2a6edc;background:rgba(42,110,220,.1)}.footer-divider[data-v-db321bfe]{height:1px;background:linear-gradient(90deg,transparent,#ddd,transparent);margin:20px 0}.footer-tech[data-v-db321bfe]{font-size:.85em;color:#888}.tech-categories[data-v-db321bfe]{display:flex;flex-direction:column;gap:8px;align-items:center}.tech-category[data-v-db321bfe]{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px}.tech-label[data-v-db321bfe]{font-weight:600;color:#2a6edc;font-style:normal;min-width:50px;text-align:right}.tech-items[data-v-db321bfe]{color:#666;font-style:italic}@media (max-width:768px){.footer[data-v-db321bfe]{padding:30px 15px 25px;margin-top:40px}.footer-info[data-v-db321bfe]{margin-bottom:15px}.copyright[data-v-db321bfe]{font-size:.9em}.beian a[data-v-db321bfe]{font-size:.85em}.footer-tech[data-v-db321bfe]{font-size:.8em}.tech-categories[data-v-db321bfe]{gap:6px}.tech-category[data-v-db321bfe]{flex-direction:column;text-align:center;gap:2px}.tech-label[data-v-db321bfe]{min-width:auto;text-align:center}}@media (max-width:480px){.footer[data-v-db321bfe]{padding:25px 10px 20px;margin-top:30px}.copyright[data-v-db321bfe]{font-size:.85em}.beian a[data-v-db321bfe]{font-size:.8em;padding:3px 6px}.footer-tech[data-v-db321bfe]{font-size:.75em;line-height:1.4}.tech-categories[data-v-db321bfe]{gap:4px}.tech-label[data-v-db321bfe]{font-size:.9em}.tech-items[data-v-db321bfe]{font-size:.85em;line-height:1.3}}#particles-js{position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:0;pointer-events:none}