.recorder-button[data-v-0605ff4a]{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;font-size:16px;font-weight:500;color:#fff;border-radius:var(--radius-button);transition:background-color var(--duration-fast)}.recorder-button[data-v-0605ff4a]:disabled{opacity:.6;cursor:not-allowed}.recorder-button.is-primary[data-v-0605ff4a]{background-color:var(--color-primary)}.recorder-button.is-primary[data-v-0605ff4a]:not(:disabled):hover{background-color:var(--color-primary-hover)}.recorder-button.is-primary[data-v-0605ff4a]:not(:disabled):active{background-color:var(--color-primary-active)}.recorder-button.is-danger[data-v-0605ff4a]{background-color:var(--color-danger)}.recorder-button.is-danger[data-v-0605ff4a]:not(:disabled):hover{background-color:var(--color-danger-hover)}.recorder-button__icon[data-v-0605ff4a]{flex-shrink:0}.audio-options[data-v-fb695b3f]{display:flex;justify-content:center;gap:64px}.audio-options__item[data-v-fb695b3f]{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none}.audio-options__item input[data-v-fb695b3f]{width:16px;height:16px;accent-color:var(--color-primary)}.audio-options__item input:disabled+span[data-v-fb695b3f]{color:var(--color-text-tertiary)}.audio-options__item input[data-v-fb695b3f]:disabled{cursor:not-allowed}.recording-timer[data-v-e297bbde]{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text)}.recording-timer__dot[data-v-e297bbde]{width:8px;height:8px;border-radius:50%;background-color:var(--color-danger);animation:pulse-e297bbde 1.4s ease-in-out infinite}.recording-timer__time[data-v-e297bbde]{font-variant-numeric:tabular-nums;font-weight:500}.recording-timer__warning[data-v-e297bbde]{color:var(--color-danger);font-size:12px;margin-left:8px}@keyframes pulse-e297bbde{0%,to{opacity:1}50%{opacity:.3}}.video-preview[data-v-300f80f1]{display:flex;flex-direction:column;align-items:center;gap:24px}.video-preview__video[data-v-300f80f1]{width:100%;max-width:720px;border-radius:var(--radius-card);background-color:#000}.video-preview__actions[data-v-300f80f1]{display:flex;gap:16px}.video-preview__download[data-v-300f80f1]{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;font-size:14px;color:#fff;background-color:var(--color-primary);border-radius:var(--radius-button);text-decoration:none;transition:background-color var(--duration-fast)}.video-preview__download[data-v-300f80f1]:hover{background-color:var(--color-primary-hover)}.video-preview__reset[data-v-300f80f1]{padding:10px 24px;font-size:14px;color:var(--color-text);background-color:var(--color-step-bg);border:1px solid var(--color-border);border-radius:var(--radius-button);transition:background-color var(--duration-fast)}.video-preview__reset[data-v-300f80f1]:hover{background-color:var(--color-border)}.recorder-panel[data-v-102d6618]{display:flex;flex-direction:column;align-items:center;gap:24px;padding:56px 0 40px}.recorder-panel__main[data-v-102d6618]{display:flex;align-items:center;gap:16px}.recorder-panel__pause[data-v-102d6618]{padding:10px 20px;font-size:14px;color:var(--color-text);background-color:var(--color-step-bg);border:1px solid var(--color-border);border-radius:var(--radius-button);transition:background-color var(--duration-fast)}.recorder-panel__pause[data-v-102d6618]:hover{background-color:var(--color-border)}.recorder-panel__error[data-v-102d6618]{color:var(--color-danger);font-size:13px;background-color:#fff2f0;border:1px solid #ffccc7;padding:8px 16px;border-radius:var(--radius-button);max-width:480px;text-align:center}.operation-guide[data-v-bdaa575b]{padding:32px 0 0}.operation-guide__title[data-v-bdaa575b]{text-align:center;font-size:18px;font-weight:600;margin:0 0 24px;color:var(--color-text)}.operation-guide__content[data-v-bdaa575b]{display:grid;grid-template-columns:240px 1fr;gap:32px;max-width:760px;margin:0 auto}.operation-guide__illustration[data-v-bdaa575b]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 16px;background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-card);min-height:200px}.op-tip[data-v-bdaa575b]{position:absolute;padding:4px 10px;background-color:#0000008c;color:#fff;font-size:12px;border-radius:4px;white-space:nowrap}.op-tip[data-v-bdaa575b]:after{content:"";position:absolute;left:50%;transform:translate(-50%);border:4px solid transparent}.op-tip--top[data-v-bdaa575b]{top:24px}.op-tip--top[data-v-bdaa575b]:after{bottom:-8px;border-top-color:#0000008c}.op-tip--bottom[data-v-bdaa575b]{bottom:24px}.op-tip--bottom[data-v-bdaa575b]:after{top:-8px;border-bottom-color:#0000008c}.op-mock-button[data-v-bdaa575b]{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-button);font-size:13px;cursor:default}.op-mock-options[data-v-bdaa575b]{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text)}.op-mock-options>span[data-v-bdaa575b]:nth-child(3){margin-left:16px}.op-mock-checkbox[data-v-bdaa575b]{display:inline-block;width:12px;height:12px;border:1px solid var(--color-border);border-radius:2px}.op-mock-checkbox--checked[data-v-bdaa575b]{background-color:var(--color-primary);border-color:var(--color-primary);position:relative}.op-mock-checkbox--checked[data-v-bdaa575b]:after{content:"";position:absolute;left:3px;top:0;width:4px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.operation-guide__steps[data-v-bdaa575b]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.op-step[data-v-bdaa575b]{padding:12px 16px;background-color:var(--color-step-bg);border-radius:var(--radius-step);transition:background-color var(--duration-fast)}.op-step--active[data-v-bdaa575b]{background-color:var(--color-step-active-bg);color:var(--color-step-active-text)}.op-step__title[data-v-bdaa575b]{font-size:13px;font-weight:600;margin-bottom:4px}.op-step__desc[data-v-bdaa575b]{font-size:13px;line-height:1.5}.app[data-v-b6094ef1]{min-height:100vh;padding:24px 0 48px}.app__main[data-v-b6094ef1]{width:min(1080px,100% - 48px);margin:0 auto;display:flex;flex-direction:column;gap:16px}.app__header[data-v-b6094ef1]{display:flex;align-items:center;gap:12px;padding:16px 24px;background-color:var(--color-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.app__header-icon[data-v-b6094ef1]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#ffe4e4;border-radius:8px}.app__title[data-v-b6094ef1]{font-size:18px;font-weight:600;margin:0}.app__card[data-v-b6094ef1]{background-color:var(--color-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:16px 32px 40px}.app__divider[data-v-b6094ef1]{border:0;border-top:1px solid var(--color-border);margin:24px 0}.app__unsupported[data-v-b6094ef1]{padding:64px 24px;text-align:center;color:var(--color-danger);font-size:14px}.app__intro[data-v-b6094ef1]{background-color:var(--color-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:16px 24px}.app__intro h3[data-v-b6094ef1]{font-size:14px;font-weight:600;margin:0 0 8px}.app__intro p[data-v-b6094ef1]{margin:0;color:var(--color-text-secondary);font-size:13px;line-height:1.7}:root{--color-primary: #3b7eff;--color-primary-hover: #5590ff;--color-primary-active: #2e6ce0;--color-primary-light: #ecf3ff;--color-danger: #f53f3f;--color-danger-hover: #f76560;--color-text: #1f2329;--color-text-secondary: #86909c;--color-text-tertiary: #c9cdd4;--color-bg: #f5f7fa;--color-card: #ffffff;--color-border: #e5e6eb;--color-step-active-bg: #3b7eff;--color-step-active-text: #ffffff;--color-step-bg: #f7f8fa;--radius-card: 12px;--radius-button: 8px;--radius-step: 8px;--radius-checkbox: 4px;--shadow-card: 0 2px 8px rgba(0, 0, 0, .04);--shadow-button: 0 2px 4px rgba(59, 126, 255, .2);--font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--duration-fast: .15s;--duration-normal: .25s}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-family);font-size:14px;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0}input[type=checkbox]{cursor:pointer}