#app{min-height:100vh;background:#f5f5f5}.navbar[data-v-02fb6549]{background:#fff;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:1000}.nav-content[data-v-02fb6549]{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo[data-v-02fb6549]{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;color:#667eea;transition:opacity .3s}.logo[data-v-02fb6549]:hover{opacity:.8}.logo-icon[data-v-02fb6549]{font-size:2rem}.nav-menu[data-v-02fb6549]{display:flex;list-style:none;gap:30px}.nav-menu li a[data-v-02fb6549]{color:#333;font-size:1rem;transition:color .3s;padding:8px 16px;border-radius:6px}.nav-menu li a[data-v-02fb6549]:hover{color:#667eea;background:#f0f0f0}.menu-toggle[data-v-02fb6549]{display:none;flex-direction:column;gap:5px;background:transparent;padding:5px}.menu-toggle span[data-v-02fb6549]{display:block;width:25px;height:3px;background:#333;border-radius:3px;transition:all .3s}@media (max-width: 768px){.menu-toggle[data-v-02fb6549]{display:flex}.nav-menu[data-v-02fb6549]{position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;gap:0;box-shadow:0 4px 12px #0000001a;max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-menu.active[data-v-02fb6549]{max-height:300px}.nav-menu li[data-v-02fb6549]{border-bottom:1px solid #f0f0f0}.nav-menu li a[data-v-02fb6549]{display:block;padding:15px 20px}}.showcase-card[data-v-f5f214b1]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #00000014;transition:all .3s ease;cursor:pointer;width:100%;max-width:350px;flex-shrink:0}.showcase-card[data-v-f5f214b1]:hover{transform:translateY(-8px);box-shadow:0 8px 24px #00000026}.card-image[data-v-f5f214b1]{position:relative;width:100%;height:220px;overflow:hidden}.card-image img[data-v-f5f214b1]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.showcase-card:hover .card-image img[data-v-f5f214b1]{transform:scale(1.1)}.card-overlay[data-v-f5f214b1]{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.showcase-card:hover .card-overlay[data-v-f5f214b1]{opacity:1}.view-btn[data-v-f5f214b1]{color:#fff;background:#667eea;padding:10px 24px;border-radius:25px;font-size:.9rem;font-weight:500}.card-content[data-v-f5f214b1]{padding:20px}.card-header[data-v-f5f214b1]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:10px}.card-title[data-v-f5f214b1]{font-size:1.25rem;color:#333;font-weight:600;flex:1}.card-category[data-v-f5f214b1]{background:#667eea;color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;white-space:nowrap}.card-description[data-v-f5f214b1]{color:#666;line-height:1.6;font-size:.9rem;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tech-tags[data-v-f5f214b1]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.tech-tag[data-v-f5f214b1]{background:#e8f0ff;color:#667eea;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:500;white-space:nowrap;transition:all .3s}.tech-tag[data-v-f5f214b1]:hover{background:#667eea;color:#fff}.card-footer[data-v-f5f214b1]{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f0f0f0}.card-date[data-v-f5f214b1]{color:#999;font-size:.85rem}.home[data-v-05d6a498]{min-height:100vh}.banner[data-v-05d6a498]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:50px 0;text-align:center}.banner h1[data-v-05d6a498]{font-size:2rem;font-weight:700}.banner p[data-v-05d6a498]{font-size:1.25rem;opacity:.9}.showcase-section[data-v-05d6a498]{padding:30px 0}.section-title[data-v-05d6a498]{font-size:2rem;text-align:center;margin-bottom:40px;color:#333}.showcase-grid[data-v-05d6a498]{display:flex;justify-content:center;flex-wrap:wrap;gap:30px}@media (max-width: 768px){.banner h1[data-v-05d6a498]{font-size:2rem}.banner p[data-v-05d6a498]{font-size:1rem}}.contact-section[data-v-05d6a498]{padding:80px 0;background:#f8f9fa}.contact-content[data-v-05d6a498]{display:flex;justify-content:center;margin:40px 0}.contact-card[data-v-05d6a498]{background:#fff;border-radius:12px;padding:40px 60px;box-shadow:0 4px 20px #00000014;text-align:center;transition:transform .3s ease}.contact-card[data-v-05d6a498]:hover{transform:translateY(-5px)}.contact-icon[data-v-05d6a498]{font-size:3rem;margin-bottom:20px}.contact-card h3[data-v-05d6a498]{font-size:1.5rem;color:#333;margin-bottom:20px}.wx-number[data-v-05d6a498]{font-size:1.5rem;font-weight:700;color:#667eea;margin-bottom:10px}.contact-desc[data-v-05d6a498]{color:#666;font-size:1rem}.contact-tips[data-v-05d6a498]{text-align:center;margin-top:40px}.contact-tips p[data-v-05d6a498]{color:#666;margin:8px 0;font-size:1rem}.footer[data-v-05d6a498]{background:#333;color:#999;padding:30px 0;text-align:center}.footer p[data-v-05d6a498]{margin:0;font-size:.9rem}@media (max-width: 768px){.contact-card[data-v-05d6a498]{padding:30px 40px}.wx-number[data-v-05d6a498]{font-size:1.25rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:0 20px}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none}