.banner[data-v-8bb8c83a]{position:relative;background:linear-gradient(135deg,#2c8cf0 0%,#6366f1 50%,#8b5cf6 100%);color:#fff;padding:60px 20px;text-align:center;overflow:hidden}.banner h1[data-v-8bb8c83a]{font-size:52px;margin-bottom:16px;letter-spacing:2px;position:relative;z-index:1}.banner-subtitle[data-v-8bb8c83a]{font-size:22px;margin-bottom:24px;opacity:.95;position:relative;z-index:1}.smart-input-wrapper[data-v-8bb8c83a]{max-width:640px;margin:0 auto;position:relative;z-index:1}.smart-input-box[data-v-8bb8c83a]{display:flex;align-items:center;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.25);border-radius:12px;padding:4px 8px;transition:all .3s}.smart-input-box.focused[data-v-8bb8c83a]{background:rgba(255,255,255,.2);border-color:#ffffff80;box-shadow:0 4px 20px #00000026}.smart-input-box.detected[data-v-8bb8c83a]{border-color:#4ade80;background:rgba(255,255,255,.25);box-shadow:0 0 20px #4ade804d}.smart-icon[data-v-8bb8c83a]{width:20px;height:20px;flex-shrink:0;opacity:.7;margin-right:8px}.smart-input[data-v-8bb8c83a]{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:15px;padding:12px 0;min-width:0}.smart-input[data-v-8bb8c83a]::placeholder{color:#fff9}.smart-go-btn[data-v-8bb8c83a]{display:inline-flex;align-items:center;padding:8px 16px;background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.smart-go-btn[data-v-8bb8c83a]:hover{transform:scale(1.03);box-shadow:0 2px 10px #4ade8066}.smart-clear-btn[data-v-8bb8c83a]{display:flex;align-items:center;padding:6px;background:rgba(255,255,255,.15);border:none;border-radius:50%;color:#fff;cursor:pointer;opacity:.7;transition:opacity .2s}.smart-clear-btn[data-v-8bb8c83a]:hover{opacity:1}.smart-hint[data-v-8bb8c83a]{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px}.hint-badge[data-v-8bb8c83a]{display:inline-block;padding:3px 10px;border-radius:4px;font-size:12px;font-weight:600;color:#fff}.hint-text[data-v-8bb8c83a]{font-size:13px;opacity:.85}.smart-hint-enter-active[data-v-8bb8c83a],.smart-hint-leave-active[data-v-8bb8c83a]{transition:all .25s ease}.smart-hint-enter-from[data-v-8bb8c83a],.smart-hint-leave-to[data-v-8bb8c83a]{opacity:0;transform:translateY(-6px)}.banner-bg-shapes[data-v-8bb8c83a]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.shape[data-v-8bb8c83a]{position:absolute;border-radius:50%;opacity:.1;animation:float-8bb8c83a 6s ease-in-out infinite}.shape-1[data-v-8bb8c83a]{width:300px;height:300px;background:#fff;top:-100px;left:-50px}.shape-2[data-v-8bb8c83a]{width:200px;height:200px;background:#fff;bottom:-50px;right:10%;animation-delay:-2s}.shape-3[data-v-8bb8c83a]{width:150px;height:150px;background:#fff;top:50%;right:-30px;animation-delay:-4s}@keyframes float-8bb8c83a{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.section-title[data-v-8bb8c83a]{text-align:center;font-size:28px;margin-bottom:40px;color:var(--text-color);position:relative}.section-title[data-v-8bb8c83a]:after{content:"";display:block;width:50px;height:3px;background:linear-gradient(90deg,#2c8cf0,#8b5cf6);margin:12px auto 0;border-radius:2px}.intro-section[data-v-8bb8c83a]{padding:40px 20px;background:var(--bg-color);text-align:center}.intro-section h2[data-v-8bb8c83a]{font-size:24px;color:var(--text-color);margin-bottom:16px}.intro-text[data-v-8bb8c83a]{font-size:15px;line-height:1.8;color:var(--text-secondary);max-width:800px;margin:0 auto}.tools-section[data-v-8bb8c83a]{padding:40px 20px;background:var(--bg-secondary)}.tools-section[data-v-8bb8c83a]:nth-of-type(2n){background:var(--bg-color)}.tools-grid[data-v-8bb8c83a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1000px;margin:0 auto}.tool-card[data-v-8bb8c83a]{display:flex;align-items:center;gap:16px;padding:24px;background:var(--bg-color);border-radius:12px;box-shadow:0 2px 12px var(--shadow-color);transition:all .3s ease;color:var(--text-color);position:relative;overflow:hidden}.tool-card[data-v-8bb8c83a]:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow-color)}.tool-card:hover .tool-icon[data-v-8bb8c83a]{transform:scale(1.1)}.tool-icon[data-v-8bb8c83a]{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s;color:#fff}.tool-icon svg[data-v-8bb8c83a]{width:28px;height:28px}.tool-info[data-v-8bb8c83a]{flex:1}.tool-info h3[data-v-8bb8c83a]{font-size:17px;margin-bottom:4px;color:var(--text-color)}.tool-info p[data-v-8bb8c83a]{font-size:13px;color:var(--text-secondary)}.tool-badge[data-v-8bb8c83a]{position:absolute;top:12px;right:12px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:500}.tool-badge.hot[data-v-8bb8c83a]{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff}.tool-badge.new[data-v-8bb8c83a]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.features-section[data-v-8bb8c83a]{padding:60px 20px;background:var(--bg-color)}.features-grid[data-v-8bb8c83a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;max-width:1000px;margin:0 auto}.feature-item[data-v-8bb8c83a]{text-align:center;padding:24px}.feature-icon[data-v-8bb8c83a]{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#4f46e5}.feature-icon svg[data-v-8bb8c83a]{width:32px;height:32px}.feature-item h3[data-v-8bb8c83a]{font-size:18px;margin-bottom:8px;color:var(--text-color)}.feature-item p[data-v-8bb8c83a]{font-size:14px;color:var(--text-secondary);line-height:1.6}.use-cases-section[data-v-8bb8c83a]{padding:60px 20px;background:var(--bg-secondary)}.use-cases-grid[data-v-8bb8c83a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;max-width:1000px;margin:0 auto}.use-case-item[data-v-8bb8c83a]{padding:24px;text-align:center}.use-case-icon[data-v-8bb8c83a]{width:56px;height:56px;margin:0 auto 14px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#4f46e5}.use-case-icon svg[data-v-8bb8c83a]{width:28px;height:28px}.use-case-item h3[data-v-8bb8c83a]{font-size:17px;margin-bottom:8px;color:var(--text-color)}.use-case-item p[data-v-8bb8c83a]{font-size:14px;color:var(--text-secondary);line-height:1.7}.blog-section[data-v-8bb8c83a]{padding:60px 20px;background:var(--bg-color)}.section-desc[data-v-8bb8c83a]{text-align:center;font-size:15px;color:var(--text-secondary);margin:-20px 0 32px}.blog-preview-grid[data-v-8bb8c83a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;max-width:1000px;margin:0 auto}.blog-preview-card[data-v-8bb8c83a]{display:block;padding:22px;background:var(--bg-secondary);border-radius:10px;text-decoration:none;color:var(--text-color);transition:all .25s;border:1px solid transparent}.blog-preview-card[data-v-8bb8c83a]:hover{transform:translateY(-2px);box-shadow:0 6px 18px var(--shadow-color);border-color:#2c8cf0}.blog-preview-date[data-v-8bb8c83a]{font-size:12px;color:var(--text-muted)}.blog-preview-card h3[data-v-8bb8c83a]{font-size:15px;font-weight:600;line-height:1.4;margin:8px 0}.blog-preview-card:hover h3[data-v-8bb8c83a]{color:#2c8cf0}.blog-preview-card p[data-v-8bb8c83a]{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-more[data-v-8bb8c83a]{text-align:center;margin-top:28px}.blog-more-link[data-v-8bb8c83a]{color:#2c8cf0;text-decoration:none;font-size:14px;font-weight:500}.blog-more-link[data-v-8bb8c83a]:hover{text-decoration:underline}@media (max-width: 768px){.banner[data-v-8bb8c83a]{padding:40px 20px}.banner h1[data-v-8bb8c83a]{font-size:36px}.banner-subtitle[data-v-8bb8c83a]{font-size:18px}.smart-input[data-v-8bb8c83a]::placeholder{font-size:13px}.tools-section[data-v-8bb8c83a],.features-section[data-v-8bb8c83a]{padding:40px 16px}.section-title[data-v-8bb8c83a]{font-size:24px;margin-bottom:30px}.tool-card[data-v-8bb8c83a]{padding:20px}.shape-1[data-v-8bb8c83a]{width:200px;height:200px}.shape-2[data-v-8bb8c83a]{width:120px;height:120px}.shape-3[data-v-8bb8c83a]{width:80px;height:80px}}