:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--text-primary:#1a202c;--text-secondary:#4a5568;--accent-color:#667eea;--accent-hover:#5a6fd8;--border-color:#e2e8f0;--success-color:#38a169;--error-color:#e53e3e;--warning-color:#d69e2e;--card-bg:#fff;--card-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--card-shadow-hover:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}[data-theme=dark]{--bg-primary:#121212;--bg-secondary:#1e1e1e;--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--accent-color:#64b5f6;--accent-hover:#4aa4f0;--border-color:#333;--success-color:#4caf50;--error-color:#f44336;--warning-color:#ff9800;--card-bg:#1e1e1e;--card-shadow:0 1px 3px 0 rgba(0,0,0,.3),0 1px 2px 0 rgba(0,0,0,.2);--card-shadow-hover:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -1px rgba(0,0,0,.3)}*{padding:0;margin:0}body,html{max-width:100vw;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;background-color:#f9fafb;color:var(--text-primary);line-height:1.6;overflow-x:hidden}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.aurora-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.aurora-bg:after,.aurora-bg:before{content:"";position:absolute;border-radius:50%;filter:blur(150px);mix-blend-mode:screen;animation:aurora-flow 30s ease-in-out infinite alternate;opacity:.6}.aurora-bg:before{width:800px;height:800px;background:#34d399;top:-25%;left:-25%}.aurora-bg:after{width:700px;height:700px;background:#60a5fa;bottom:-25%;right:-25%;animation-delay:-15s;animation-direction:alternate-reverse}@keyframes aurora-flow{0%{transform:translate(0) rotate(0deg) scale(1)}to{transform:translate(100px,80px) rotate(90deg) scale(1.2)}}.fade-in-up{animation:fadeInUp .5s ease-out forwards}.analyzing-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.design-button{transition:all .2s ease;transform:translateY(0)}.design-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(56,161,105,.15)}.design-button:active{transform:translateY(0)}.glass-container:hover{box-shadow:0 12px 40px 0 rgba(31,38,135,.15);transform:translateY(-2px);transition:all .3s ease}.tab-active{border-bottom-color:#38a169!important;color:#38a169!important;font-weight:600!important;position:relative}.tab-inactive{border-bottom-color:transparent!important;color:#4a5568!important}.tab-button{position:relative;border-radius:8px 8px 0 0!important;transition:all .3s ease!important}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg,#38a169,#059669);border-radius:2px}.gradient-header{background:linear-gradient(135deg,#38a169,#2f855a 50%,#276749);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border-radius:0 0 1rem 1rem}.design-container{max-width:80rem;margin:0 auto;padding:2rem 1rem}@media (min-width:640px){.design-container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.design-container{padding-left:2rem;padding-right:2rem}}.glass-container{background:hsla(0,0%,100%,.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.25);box-shadow:0 8px 32px 0 rgba(31,38,135,.1);border-radius:1rem;padding:1.5rem}a{color:var(--accent-color);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:var(--accent-color);color:#fff;border-radius:.375rem;padding:.5rem 1rem;font-weight:500;transition:background .2s}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{font-family:inherit;outline:none;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:.375rem;padding:.5rem}input:focus,select:focus,textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(102,126,234,.1)}@media (max-width:768px){html{font-size:14px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}.loading{display:inline-block;width:20px;height:20px;border-top:3px solid var(--bg-secondary);border:3px solid var(--bg-secondary);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.hidden{display:none}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.error{color:var(--error-color);background-color:rgba(229,62,62,.1);border:1px solid var(--error-color);border-radius:.375rem}.error,.success{padding:.75rem;margin:.5rem 0}.success{color:var(--success-color);background-color:rgba(56,161,105,.1);border:1px solid var(--success-color);border-radius:.375rem}.warning{color:var(--warning-color);background-color:rgba(214,158,46,.1);border:1px solid var(--warning-color);padding:.75rem;border-radius:.375rem;margin:.5rem 0}.card{background:var(--card-bg);border-radius:.5rem;box-shadow:var(--card-shadow);padding:1.5rem;margin:1rem 0;transition:all .3s ease}.card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.mvp-status-dot{flex-shrink:0}.mvp-status-completed{background-color:#22c55e}.mvp-status-analyzing{background-color:#3b82f6;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.mvp-status-failed{background-color:#ef4444}.mvp-line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mvp-bg-blue-50{background-color:#eff6ff}.mvp-text-blue-600{color:#2563eb}.mvp-text-blue-700{color:#1d4ed8}.mvp-text-blue-800{color:#1e40af}.mvp-text-blue-500{color:#3b82f6}.mvp-border-blue-200{border-color:#bfdbfe}.mvp-bg-green-50{background-color:#f0fdf4}.mvp-text-green-700{color:#15803d}.mvp-bg-red-50{background-color:#fef2f2}.mvp-text-red-700{color:#dc2626}@media (max-width:768px){.mvp-grid{grid-template-columns:1fr}.mvp-flex{flex-direction:column}.mvp-flex-wrap{flex-wrap:wrap}}:root{--color-primary:#38a169;--color-primary-hover:#047857;--color-text-primary:#374151;--color-text-secondary:#6b7280;--color-bg-primary:#f9fafb;--color-bg-white:#fff;--color-border:#d1d5db;--color-border-light:#e5e7eb;--font-family:"Inter","Helvetica Neue","Helvetica","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:32px;--spacing-xs:8px;--spacing-sm:12px;--spacing-base:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--shadow-sm:0 1px 3px rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--radius-sm:6px;--radius-base:8px;--radius-lg:12px;--radius-xl:16px}*{box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.5;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mvp-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-base)}.mvp-header{background:linear-gradient(135deg,#1e463f,#3c8c7d);color:#fff;padding:var(--spacing-lg) 0;margin-bottom:var(--spacing-xl);box-shadow:0 8px 32px 0 rgba(31,38,135,.1);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.mvp-header h1{font-size:var(--font-size-2xl);font-weight:700;margin:0 0 var(--spacing-xs) 0}.mvp-header p{font-size:var(--font-size-base);opacity:.9;margin:0}.mvp-section{margin-bottom:var(--spacing-2xl)}.mvp-section-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-base)}.mvp-card{background:hsla(0,0%,100%,.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.25);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 8px 32px 0 rgba(31,38,135,.1);transition:all .3s ease-in-out}.mvp-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.1);transform:translateY(-5px);background:hsla(0,0%,100%,.8)}.mvp-input-field{width:100%;padding:var(--spacing-sm) var(--spacing-base);border:1px solid var(--color-border);border-radius:var(--radius-base);font-size:var(--font-size-sm);font-family:var(--font-family);transition:border-color .2s ease,box-shadow .2s ease;background:var(--color-bg-white)}.mvp-input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(5,150,105,.1)}.mvp-input-field::placeholder{color:var(--color-text-secondary)}.mvp-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-base);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.mvp-btn-primary{background:var(--color-primary);color:#fff}.mvp-btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px rgba(56,161,105,.3)}.mvp-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px rgba(56,161,105,.2);transition:all .1s ease}.mvp-btn-secondary{background:var(--color-bg-white);color:var(--color-text-primary);border:1px solid var(--color-border)}.mvp-btn-secondary:hover:not(:disabled){background:var(--color-bg-primary);border-color:var(--color-primary)}.mvp-btn:disabled{opacity:.6;cursor:not-allowed}.mvp-status{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:500}.mvp-status-success{background:#dcfce7;color:#166534}.mvp-status-processing{background:#dbeafe;color:#1e40af}.mvp-status-error{background:#fee2e2;color:#dc2626}.mvp-status-dot{width:6px;height:6px;background:currentColor}.mvp-tag{display:inline-block;padding:4px 8px;background:var(--color-bg-primary);color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:12px;font-weight:500}.mvp-tag-primary{background:#dcfce7;color:#166534}.mvp-tag-secondary{background:#dbeafe;color:#1e40af}.mvp-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-text-secondary)}.mvp-status-success{background:#10b981}.mvp-status-processing{background:#f59e0b;animation:pulse 2s infinite}.mvp-status-error{background:#ef4444}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.translation-result{animation:fadeInUp .3s ease-out}.mvp-loading{display:inline-block;width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid var(--color-primary);border-radius:50%;animation:mvp-spin 1s linear infinite}@keyframes mvp-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mvp-form-group{margin-bottom:var(--spacing-base)}.mvp-form-label{display:block;font-weight:500;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.mvp-form-help{color:var(--color-text-secondary)}.mvp-form-error,.mvp-form-help{font-size:12px;margin-top:var(--spacing-xs)}.mvp-form-error{color:#dc2626}.mvp-grid{display:grid;gap:var(--spacing-base)}.mvp-grid-cols-1{grid-template-columns:1fr}.mvp-grid-cols-2{grid-template-columns:repeat(2,1fr)}.mvp-grid-cols-3{grid-template-columns:repeat(3,1fr)}.mvp-flex{display:flex}.mvp-flex-col{flex-direction:column}.mvp-items-center{align-items:center}.mvp-justify-between{justify-content:space-between}.mvp-gap-2{gap:var(--spacing-xs)}.mvp-gap-4{gap:var(--spacing-base)}@media (max-width:768px){.mvp-container{padding:0 var(--spacing-sm)}.mvp-header{padding:var(--spacing-base) 0}.mvp-header h1{font-size:var(--font-size-xl)}.mvp-grid-cols-2,.mvp-grid-cols-3{grid-template-columns:1fr}.mvp-card{padding:var(--spacing-base)}}[data-theme=dark]{--color-text-primary:#f3f4f6;--color-text-secondary:#9ca3af;--color-bg-primary:#111827;--color-bg-white:#1f2937;--color-border:#374151;--color-border-light:#4b5563}.mvp-text-sm{font-size:var(--font-size-sm)}.mvp-text-base{font-size:var(--font-size-base)}.mvp-text-lg{font-size:var(--font-size-lg)}.mvp-font-medium{font-weight:500}.mvp-font-semibold{font-weight:600}.mvp-font-bold{font-weight:700}.mvp-mb-2{margin-bottom:var(--spacing-xs)}.mvp-mb-4{margin-bottom:var(--spacing-base)}.mvp-mb-6{margin-bottom:var(--spacing-lg)}.mvp-mt-2{margin-top:var(--spacing-xs)}.mvp-mt-4{margin-top:var(--spacing-base)}.mvp-w-full{width:100%}.mvp-hidden{display:none}