.project-design-container[data-v-25c233a9]{width:1200px;font-family:Microsoft YaHei,sans-serif}.page-title[data-v-25c233a9]{color:#333;height:37px;border-bottom:1px solid #dedddd;padding:0 20px}.projects-grid[data-v-25c233a9]{margin-top:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px 60px;margin-bottom:40px}.project-item[data-v-25c233a9]{border-radius:4px;border:1px solid #e0e0e0;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);padding:2px;overflow:hidden;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.project-item[data-v-25c233a9]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 4px 16px rgba(0,0,0,.15);box-shadow:0 4px 16px rgba(0,0,0,.15)}.project-image[data-v-25c233a9]{position:relative;width:100%;height:190px;overflow:hidden}.project-image img[data-v-25c233a9]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.project-item:hover .project-image img[data-v-25c233a9]{-webkit-transform:scale(1.05);transform:scale(1.05)}.project-overlay[data-v-25c233a9]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,0,0,.3),rgba(255,0,0,.1));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.project-watermark[data-v-25c233a9]{color:#fff;font-size:24px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}.project-title[data-v-25c233a9]{font-size:14px;height:40px;background-color:#fff}.project-detail[data-v-25c233a9]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}.project-detail-image[data-v-25c233a9]{-webkit-box-flex:1;-ms-flex:1;flex:1}.project-detail-image img[data-v-25c233a9]{width:100%;height:auto;border-radius:8px}.project-detail-content[data-v-25c233a9]{-webkit-box-flex:1;-ms-flex:1;flex:1}.project-detail-content h3[data-v-25c233a9]{font-size:24px;color:#333;margin-bottom:15px}.project-description[data-v-25c233a9]{font-size:16px;line-height:1.6;color:#666;margin-bottom:20px}.project-features h4[data-v-25c233a9],.project-tech h4[data-v-25c233a9]{font-size:18px;color:#333;margin-bottom:10px}.project-features ul[data-v-25c233a9]{list-style:none;padding:0}.project-features li[data-v-25c233a9]{padding:5px 0;color:#666;position:relative;padding-left:20px}.project-features li[data-v-25c233a9]:before{content:"\2022";color:#1890ff;position:absolute;left:0}.tech-tags[data-v-25c233a9]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.tech-tag[data-v-25c233a9]{background:#f0f0f0;color:#333;padding:4px 12px;border-radius:16px;font-size:14px;border:1px solid #d9d9d9}@media (max-width:1024px){.projects-grid[data-v-25c233a9]{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.projects-grid[data-v-25c233a9]{grid-template-columns:repeat(2,1fr);gap:15px}.project-detail[data-v-25c233a9]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.page-title[data-v-25c233a9]{font-size:24px}}@media (max-width:480px){.projects-grid[data-v-25c233a9]{grid-template-columns:1fr}.project-design-container[data-v-25c233a9]{padding:15px}}