.speech-recognizer[data-v-783f7ffc]{flex:1;display:grid;grid-template-rows:auto 1fr auto;height:100%;background:#fff;overflow:hidden;position:relative}.fixed-top-area[data-v-783f7ffc]{padding:20px 16px 0;background:#fff;flex-shrink:0;z-index:10}.chat-area[data-v-783f7ffc]{flex:1;overflow-y:auto;padding:10px 16px 20px;display:flex;flex-direction:column;gap:20px;max-height:calc(100vh - 400px)}.intro-section[data-v-783f7ffc]{display:flex;flex-direction:column;gap:24px}.mascot-container[data-v-783f7ffc]{display:flex;align-items:center;gap:1px}.mascot-wrapper[data-v-783f7ffc]{width:95px;height:140px;flex-shrink:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.mascot-video[data-v-783f7ffc]{width:100%;height:100%;object-fit:contain;display:block;position:absolute;top:0;left:0;transition:opacity .1s ease-out}.mascot-video.active[data-v-783f7ffc]{opacity:1;z-index:2}.mascot-video.inactive[data-v-783f7ffc]{opacity:0;z-index:1}.mascot-video.fading-out[data-v-783f7ffc]{opacity:0}.intro-bubble[data-v-783f7ffc]{background:#f5f5f5;padding:20px 24px;border-radius:4px 12px 12px;font-size:var(--font-size-xl, 20px);line-height:1.7;color:#333;position:relative;margin-top:20px}.quick-actions-grid[data-v-783f7ffc]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.action-btn[data-v-783f7ffc]{background:#fff;border:1px solid #e6f7ff;border-radius:12px;padding:16px 8px;font-size:var(--font-size-base, 16px);color:#333;text-align:center;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 2px #00000005;min-height:56px;display:flex;align-items:center;justify-content:center}.message-row[data-v-783f7ffc]{display:flex;gap:8px;margin-bottom:16px}.message-row.user[data-v-783f7ffc]{flex-direction:row-reverse}.message-avatar[data-v-783f7ffc]{width:36px;height:36px;border-radius:50%;overflow:hidden;background:#eee;flex-shrink:0}.message-avatar img[data-v-783f7ffc]{width:100%;height:100%;object-fit:cover}.message-bubble[data-v-783f7ffc]{max-width:75%;min-width:200px;min-height:80px;padding:14px 18px;border-radius:12px;font-size:var(--font-size-lg, 18px);line-height:1.6;word-wrap:break-word}.message-row.user .message-bubble[data-v-783f7ffc]{background:#1890ff;color:#fff;border-top-right-radius:4px}.message-row.assistant .message-bubble[data-v-783f7ffc]{background:#f5f5f5;color:#333;border-top-left-radius:4px}.message-row.user.pending .message-bubble[data-v-783f7ffc]{opacity:.7}.qa-float-btn[data-v-783f7ffc]{position:fixed;right:20px;top:50%;transform:translateY(-50%);width:var(--qa-btn-size, 56px);height:var(--qa-btn-size, 56px);border-radius:50%;border:none;background:#1890ff;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #1890ff66;z-index:101;transition:all .2s}.qa-float-btn svg[data-v-783f7ffc]{width:var(--icon-size-sm, 28px);height:var(--icon-size-sm, 28px)}.qa-float-btn[data-v-783f7ffc]:active{transform:translateY(-50%) scale(.95)}.input-area[data-v-783f7ffc]{padding:16px 20px;background:#fff;border-top:1px solid #f0f0f0;min-height:80px;display:flex;align-items:center;transition:all .3s ease}.input-area.floating[data-v-783f7ffc]{position:fixed;top:50%;transform:translateY(-50%);left:15%;right:90px;width:70%;border-top:none;border-radius:20px;box-shadow:0 4px 24px #0000001f;z-index:100}.voice-controls[data-v-783f7ffc],.text-controls[data-v-783f7ffc]{display:flex;align-items:center;width:100%;gap:10px}.small-avatar[data-v-783f7ffc]{width:32px;height:32px;border-radius:50%;overflow:hidden;border:1px solid #e6f7ff}.small-avatar img[data-v-783f7ffc]{width:100%;height:100%}.hold-to-speak-btn[data-v-783f7ffc]{flex:1;height:var(--btn-height, 52px);border-radius:calc(var(--btn-height, 52px) / 2);border:1px solid #e6f7ff;background:#fff;color:#333;font-size:var(--font-size-lg, 18px);font-weight:700;cursor:pointer;transition:all .2s}.hold-to-speak-btn[data-v-783f7ffc]:active{background:#f0f0f0}.mode-switch-btn[data-v-783f7ffc]{width:var(--icon-size-lg, 48px);height:var(--icon-size-lg, 48px);border-radius:50%;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.mode-switch-btn .icon-img[data-v-783f7ffc]{width:var(--icon-size-sm, 28px);height:var(--icon-size-sm, 28px);display:block}.text-controls input[data-v-783f7ffc]{flex:1;height:var(--btn-height, 52px);border:1px solid #e6f7ff;border-radius:calc(var(--btn-height, 52px) / 2);padding:0 20px;font-size:var(--font-size-lg, 18px);outline:none;background:#fff}.text-controls input[data-v-783f7ffc]:focus{border-color:#1890ff}.typing-indicator[data-v-783f7ffc]{display:flex;gap:4px;padding:4px 0}.typing-indicator span[data-v-783f7ffc]{width:16px;height:16px;background:#999;border-radius:50%;animation:typing-783f7ffc 1.4s infinite ease-in-out both}.typing-indicator span[data-v-783f7ffc]:nth-child(1){animation-delay:-.32s}.typing-indicator span[data-v-783f7ffc]:nth-child(2){animation-delay:-.16s}@keyframes typing-783f7ffc{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f5f7fa;height:100vh;overflow:hidden}.app-container{max-width:100%;margin:0 auto;background:#fff;height:100vh;display:flex;flex-direction:column;position:relative;box-shadow:0 0 20px #0000000d}.status-bar{height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:#fff;font-size:14px;font-weight:600;color:#000;flex-shrink:0}.status-icons{display:flex;gap:8px}.app-header{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;background:#fff;border-bottom:1px solid #f0f0f0;flex-shrink:0}.header-left{display:flex;align-items:center;gap:12px}.avatar-circle{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#e6f7ff;border:1px solid #e6f7ff}.avatar-circle img{width:100%;height:100%;object-fit:cover}.header-text h1{font-size:20px;font-weight:700;color:#333;line-height:1.2}.header-text p{font-size:16px;color:#999;line-height:1.2}.header-right{display:flex;align-items:center}.settings-btn{width:32px;height:32px;border-radius:50%;border:1px solid #1890ff;background:transparent;color:#1890ff;display:flex;align-items:center;justify-content:center;cursor:pointer}.settings-btn .icon-img{width:20px;height:18px;display:block}.main-content{flex:1;overflow:hidden;display:flex;flex-direction:column;background:#fff}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.settings-modal{background:#fff;border-radius:16px;width:90%;max-width:360px;overflow:hidden}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0}.settings-header h2{font-size:18px;font-weight:600;color:#333}.close-btn{width:32px;height:32px;border:none;background:transparent;color:#999;display:flex;align-items:center;justify-content:center;cursor:pointer}.settings-content{padding:20px}.setting-item{display:flex;flex-direction:column;gap:12px}.setting-label{font-size:16px;color:#333;font-weight:500}.font-size-options{display:flex;gap:12px}.font-option-btn{flex:1;height:44px;border:1px solid #e6f7ff;border-radius:8px;background:#fff;color:#333;font-size:16px;cursor:pointer;transition:all .2s}.font-option-btn.active{background:#1890ff;border-color:#1890ff;color:#fff}.app-container.font-default{--font-size-base: 20px;--font-size-sm: 16px;--font-size-lg: 22px;--font-size-xl: 24px;--icon-size-sm: 32px;--icon-size-md: 40px;--icon-size-lg: 52px;--btn-height: 56px;--qa-btn-size: 60px}.app-container.font-large{--font-size-base: 24px;--font-size-sm: 20px;--font-size-lg: 26px;--font-size-xl: 28px;--icon-size-sm: 36px;--icon-size-md: 48px;--icon-size-lg: 60px;--btn-height: 64px;--qa-btn-size: 68px}.app-container.font-xlarge{--font-size-base: 28px;--font-size-sm: 24px;--font-size-lg: 32px;--font-size-xl: 36px;--icon-size-sm: 42px;--icon-size-md: 56px;--icon-size-lg: 68px;--btn-height: 72px;--qa-btn-size: 80px}