:root{--primary: #4F46E5;--primary-light: #6366F1;--primary-dark: #4338CA;--secondary: #7C3AED;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius: 8px;--radius-lg: 16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--gray-100);color:var(--gray-800);line-height:1.6}#app{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background:var(--gray-100);color:var(--gray-600)}.btn-secondary:hover{background:var(--gray-200)}.btn-danger{background:var(--danger);color:#fff}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px}.input{width:100%;padding:12px 16px;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:14px;transition:border-color .2s}.input:focus{outline:none;border-color:var(--primary)}.text-primary{color:var(--primary)}.text-secondary{color:var(--gray-500)}.text-center{text-align:center}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:16px}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.typing-indicator{display:inline-flex;gap:4px}.typing-indicator .dot{width:8px;height:8px;background:var(--gray-400);border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-indicator .dot:nth-child(2){animation-delay:.2s}.typing-indicator .dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.welcome-tip{text-align:center;padding:60px 20px;color:var(--gray-600)}.welcome-icon{margin-bottom:20px}.welcome-icon img{width:80px;height:80px;object-fit:contain}.welcome-tip h2{font-size:20px;color:var(--gray-800);margin-bottom:8px}.welcome-tip p{font-size:14px;margin-bottom:30px}.quick-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.quick-btn{padding:12px 24px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.quick-btn:hover{opacity:.9;transform:translateY(-2px);box-shadow:var(--shadow-md)}@media screen and (max-width: 480px){body{font-size:15px;background-color:#f5f5f5}.container{padding:0 16px}.btn{padding:14px 24px;font-size:15px}.card{border-radius:12px;padding:16px}.input{padding:14px 16px;font-size:15px}.mt-4{margin-top:12px}.mt-6{margin-top:20px}.mb-4{margin-bottom:12px}.mb-6{margin-bottom:20px}}