*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,sans-serif;line-height:1.6;color:#1f2937;background:linear-gradient(135deg,#f8f9fa,#fff5f5)}.container,body{min-height:100vh}.container{display:flex;align-items:center;justify-content:center;padding:1.5rem}.content-wrapper{max-width:28rem;width:100%;text-align:center;background:hsla(0,0%,100%,.9);padding:2.5rem 2rem;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.logo-container{margin-bottom:2rem}.logo-image{width:80px;height:80px;margin:0 auto 1rem;display:block;transition:transform .2s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.logo-image:hover{transform:scale(1.05)}.main-title{font-size:2.2rem;font-weight:700;color:#2d3a66;margin-bottom:.5rem;font-family:Zen Maru Gothic,Noto Sans TC,sans-serif}.subtitle{font-size:1.2rem;font-weight:500;color:#374151;margin-bottom:.5rem}.description{color:#6b7280;font-size:1rem;margin-bottom:2rem}.input-container{position:relative;margin:2rem 0}.main-textarea{width:100%;min-height:120px;padding:1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;font-family:inherit;background:#fff;resize:vertical;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}.main-textarea:focus{outline:none;border-color:#e9c7c0;box-shadow:0 0 0 3px hsla(10,48%,83%,.15)}.main-textarea::placeholder{color:#9ca3af;line-height:1.5}.voice-button{position:absolute;right:12px;bottom:12px;width:36px;height:36px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.voice-button:hover{background:#e9c7c0;color:#fff}.voice-button.listening{background:#ef4444;color:#fff;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.main-button{width:100%;background:linear-gradient(135deg,#2d3a66,#1e293b);color:#fff;padding:1rem 2rem;border-radius:12px;border:none;font-size:1.1rem;font-weight:600;cursor:pointer;margin:1.5rem 0;transition:all .2s ease;box-shadow:0 4px 12px rgba(45,58,102,.3)}.main-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(45,58,102,.4)}.main-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 4px 12px rgba(45,58,102,.2)}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem;flex-wrap:wrap}.footer-link{color:#6b7280;font-size:.9rem;text-decoration:none;cursor:pointer;transition:color .2s ease;padding:.5rem 1rem;border-radius:8px}.footer-link:hover{color:#2d3a66;background:rgba(45,58,102,.05)}@media (max-width:640px){.content-wrapper{padding:2rem 1.5rem;margin:1rem}.main-title{font-size:1.8rem}.subtitle{font-size:1.1rem}.logo-image{width:64px;height:64px}.footer-links{flex-direction:column;align-items:center;gap:1rem}}