:root{--red-1: #8f0012;--red-2: #d90016;--red-3: #ff2838;--red-4: #ff5965;--white: #ffffff;--soft-white: rgba(255,255,255,.78);--glass: rgba(255,255,255,.14);--glass-border: rgba(255,255,255,.28);--shadow: 0 20px 60px rgba(98,0,11,.35)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;min-height:100%;background:#b90018;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;color:var(--white)}body{display:flex;justify-content:center;overflow-x:hidden}#app{width:100%;display:flex;justify-content:center}.recorder-card[data-v-654268f8]{display:flex;flex-direction:column;align-items:center;gap:20px;padding:30px 20px;border:1px solid rgba(255,255,255,.28);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.07));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 20px 60px #62000b59,inset 0 1px #ffffff3d;width:100%;max-width:360px}.recorder-visual[data-v-654268f8]{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px}.recorder-btn[data-v-654268f8]{position:relative;width:110px;height:110px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 30px #6a000a42;transition:transform .2s ease,box-shadow .2s ease;user-select:none;-webkit-user-select:none;touch-action:none}.recorder-btn[data-v-654268f8]:active{transform:scale(.95)}.recorder-btn.recording[data-v-654268f8]{transform:scale(1.08);background:#fff;box-shadow:0 16px 48px #ffffff59}.mic-svg[data-v-654268f8]{width:44px;height:44px;stroke:#d90016;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;z-index:1}.recorder-btn.recording .mic-svg[data-v-654268f8]{stroke:#d90016}.ripple-ring[data-v-654268f8]{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px solid rgba(255,255,255,.6);animation:rippleOut-654268f8 1.8s ease-out infinite}.ripple-ring.delay[data-v-654268f8]{animation-delay:.6s}@keyframes rippleOut-654268f8{0%{transform:scale(1);opacity:.7}to{transform:scale(1.7);opacity:0}}.timer[data-v-654268f8]{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:2px;text-shadow:0 3px 16px rgba(77,0,9,.22)}.recorder-hint[data-v-654268f8]{font-size:15px;color:#ffffffc7;letter-spacing:.04em;transition:color .2s}.recorder-hint.active[data-v-654268f8]{color:#fff;font-weight:600}@media (max-width: 360px){.recorder-card[data-v-654268f8]{border-radius:24px;padding:24px 16px}.recorder-btn[data-v-654268f8]{width:96px;height:96px}.mic-svg[data-v-654268f8]{width:38px;height:38px}.timer[data-v-654268f8]{font-size:24px}}.page[data-v-11de7008]{position:relative;width:min(100%,480px);min-height:100svh;padding:max(34px,env(safe-area-inset-top)) 22px max(28px,env(safe-area-inset-bottom));overflow:hidden;isolation:isolate;background:radial-gradient(circle at 75% 12%,rgba(255,255,255,.18),transparent 20%),radial-gradient(circle at 15% 38%,rgba(255,94,104,.24),transparent 25%),linear-gradient(155deg,#d90016 0%,#c70017 48%,#8f0012 100%);display:flex;flex-direction:column;align-items:center}.page[data-v-11de7008]:before,.page[data-v-11de7008]:after{content:"";position:absolute;z-index:-2;border-radius:50%;filter:blur(2px);pointer-events:none}.page[data-v-11de7008]:before{width:390px;height:390px;right:-210px;top:20%;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,0));border:1px solid rgba(255,255,255,.13)}.page[data-v-11de7008]:after{width:330px;height:330px;left:-230px;bottom:4%;background:linear-gradient(150deg,rgba(255,112,124,.36),rgba(255,255,255,0));border:1px solid rgba(255,255,255,.12)}.grid[data-v-11de7008]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 28%,black 75%,transparent);mask-image:linear-gradient(to bottom,transparent,black 28%,black 75%,transparent)}.glow[data-v-11de7008]{position:absolute;left:50%;bottom:-90px;width:520px;height:240px;transform:translate(-50%) rotate(-7deg);z-index:-1;background:linear-gradient(115deg,transparent 0 15%,rgba(255,190,184,.1) 16% 19%,transparent 20% 33%,rgba(255,255,255,.22) 34% 36%,transparent 37% 44%,rgba(255,144,126,.34) 45% 50%,transparent 51%);filter:blur(1px)}.page-title[data-v-11de7008]{margin:4px 0 18px;text-align:left;font-size:clamp(18px,4.8vw,22px);line-height:1.45;font-weight:700;letter-spacing:.035em;color:#fff;text-shadow:0 6px 20px rgba(88,0,9,.24);align-self:flex-start}.page-title span[data-v-11de7008]{display:inline-block;padding-bottom:12px;position:relative}.page-title span[data-v-11de7008]:after{content:"";position:absolute;left:0;bottom:0;width:38px;height:2px;border-radius:99px;background:rgba(255,255,255,.86);box-shadow:0 0 12px #ffffff61}.record-area[data-v-11de7008]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:20px 0}.upload-area[data-v-11de7008]{flex:1;display:flex;align-items:center;justify-content:center;width:100%}.upload-card[data-v-11de7008]{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px;border:1px solid rgba(255,255,255,.28);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.07));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.upload-spinner[data-v-11de7008]{width:48px;height:48px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin-11de7008 1s linear infinite}@keyframes spin-11de7008{to{transform:rotate(360deg)}}.upload-text[data-v-11de7008]{font-size:16px;font-weight:500;letter-spacing:.04em}.poster-area[data-v-11de7008]{flex:1;display:flex;flex-direction:column;align-items:center;width:100%}.qr-section[data-v-11de7008]{margin-top:clamp(20px,4vh,40px);display:flex;flex-direction:column;align-items:center;text-align:center}.qr-frame[data-v-11de7008]{position:relative;width:min(60vw,240px);aspect-ratio:1;padding:16px;border-radius:31px;background:#fff;box-shadow:0 24px 70px #4a000857,0 0 0 8px #ffffff14;display:flex;align-items:center;justify-content:center}.qr-frame[data-v-11de7008]:before{content:"";position:absolute;top:-13px;right:-13px;bottom:-13px;left:-13px;border-radius:39px;border:1px solid rgba(255,255,255,.22);pointer-events:none}.qr-frame canvas[data-v-11de7008]{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;border-radius:12px}.hint[data-v-11de7008]{margin:34px auto 0;max-width:320px;font-size:18px;line-height:1.8;font-weight:500;letter-spacing:.04em;text-shadow:0 3px 16px rgba(77,0,9,.22)}.hint[data-v-11de7008]:before{content:"";display:block;width:38px;height:3px;margin:0 auto 18px;border-radius:99px;background:rgba(255,255,255,.78)}.poster-actions[data-v-11de7008]{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:clamp(24px,5vh,48px)}.btn-play[data-v-11de7008]{display:flex;align-items:center;gap:8px;padding:14px 36px;background:#fff;border:none;border-radius:28px;font-size:16px;font-weight:700;color:#d90016;cursor:pointer;box-shadow:0 12px 30px #6a000a42;transition:transform .2s ease}.btn-play[data-v-11de7008]:active{transform:scale(.95)}.btn-retry[data-v-11de7008]{padding:10px 28px;background:transparent;border:1px solid rgba(255,255,255,.4);border-radius:24px;color:#ffffffd9;font-size:14px;cursor:pointer;transition:background .2s}.btn-retry[data-v-11de7008]:active{background:rgba(255,255,255,.15)}.error-area[data-v-11de7008]{flex:1;display:flex;align-items:center;justify-content:center;width:100%}.error-text[data-v-11de7008]{font-size:16px;color:#fff;font-weight:600}.footer[data-v-11de7008]{margin-top:auto;padding-top:clamp(24px,5vh,48px);display:flex;justify-content:center;align-items:center;gap:8px;font-size:10px;letter-spacing:.16em;color:#ffffff7a}.footer i[data-v-11de7008]{width:4px;height:4px;border-radius:50%;background:currentColor}@media (prefers-reduced-motion: no-preference){.record-area[data-v-11de7008],.upload-area[data-v-11de7008],.poster-area[data-v-11de7008]{animation:rise-11de7008 .7s cubic-bezier(.2,.8,.2,1) both}@keyframes rise-11de7008{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}@media (max-width: 360px){.page[data-v-11de7008]{padding-left:16px;padding-right:16px}.hint[data-v-11de7008]{font-size:16px}}.audio-card[data-v-7a59aa59]{padding:20px 18px 17px;border:1px solid rgba(255,255,255,.28);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.09));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 20px 60px #62000b59,inset 0 1px #ffffff3d}.audio-main[data-v-7a59aa59]{display:flex;align-items:center;gap:14px}.play-button[data-v-7a59aa59]{width:58px;height:58px;flex:0 0 58px;border:0;border-radius:50%;background:#fff;color:#d90016;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 30px #6a000a42;transition:transform .2s ease,box-shadow .2s ease}.play-button[data-v-7a59aa59]:active{transform:scale(.95)}.play-button svg[data-v-7a59aa59]{width:25px;height:25px;fill:currentColor}.wave-wrap[data-v-7a59aa59]{flex:1;min-width:0}.audio-label[data-v-7a59aa59]{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.audio-label strong[data-v-7a59aa59]{font-size:16px;font-weight:700}.audio-label span[data-v-7a59aa59]{font-size:11px;color:#ffffffc7;white-space:nowrap}.waveform[data-v-7a59aa59]{height:34px;display:flex;align-items:center;gap:3px;overflow:hidden}.bar[data-v-7a59aa59]{width:3px;border-radius:99px;background:rgba(255,255,255,.34);transition:background .15s ease,transform .15s ease}.bar.active[data-v-7a59aa59]{background:#fff;transform:scaleY(1.08)}.time-row[data-v-7a59aa59]{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;margin-top:14px;font-variant-numeric:tabular-nums;font-size:12px}.time-row span[data-v-7a59aa59]:last-child{text-align:right}.progress[data-v-7a59aa59]{position:relative;height:6px;border-radius:99px;background:rgba(255,255,255,.28);cursor:pointer;overflow:hidden}.progress-fill[data-v-7a59aa59]{height:100%;border-radius:inherit;background:#fff;box-shadow:0 0 10px #ffffffb3;transition:width .1s linear}@media (max-width: 360px){.audio-card[data-v-7a59aa59]{border-radius:24px}.play-button[data-v-7a59aa59]{width:52px;height:52px;flex-basis:52px}}.page[data-v-df455e2b]{position:relative;width:min(100%,480px);min-height:100svh;padding:max(34px,env(safe-area-inset-top)) 22px max(28px,env(safe-area-inset-bottom));overflow:hidden;isolation:isolate;background:radial-gradient(circle at 75% 12%,rgba(255,255,255,.18),transparent 20%),radial-gradient(circle at 15% 38%,rgba(255,94,104,.24),transparent 25%),linear-gradient(155deg,#d90016 0%,#c70017 48%,#8f0012 100%);display:flex;flex-direction:column;align-items:center}.page[data-v-df455e2b]:before,.page[data-v-df455e2b]:after{content:"";position:absolute;z-index:-2;border-radius:50%;filter:blur(2px);pointer-events:none}.page[data-v-df455e2b]:before{width:390px;height:390px;right:-210px;top:20%;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,0));border:1px solid rgba(255,255,255,.13)}.page[data-v-df455e2b]:after{width:330px;height:330px;left:-230px;bottom:4%;background:linear-gradient(150deg,rgba(255,112,124,.36),rgba(255,255,255,0));border:1px solid rgba(255,255,255,.12)}.grid[data-v-df455e2b]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 28%,black 75%,transparent);mask-image:linear-gradient(to bottom,transparent,black 28%,black 75%,transparent)}.glow[data-v-df455e2b]{position:absolute;left:50%;bottom:-90px;width:520px;height:240px;transform:translate(-50%) rotate(-7deg);z-index:-1;background:linear-gradient(115deg,transparent 0 15%,rgba(255,190,184,.1) 16% 19%,transparent 20% 33%,rgba(255,255,255,.22) 34% 36%,transparent 37% 44%,rgba(255,144,126,.34) 45% 50%,transparent 51%);filter:blur(1px)}.page-title[data-v-df455e2b]{margin:4px 0 18px;text-align:left;font-size:clamp(18px,4.8vw,22px);line-height:1.45;font-weight:700;letter-spacing:.035em;color:#fff;text-shadow:0 6px 20px rgba(88,0,9,.24);align-self:flex-start}.page-title span[data-v-df455e2b]{display:inline-block;padding-bottom:12px;position:relative}.page-title span[data-v-df455e2b]:after{content:"";position:absolute;left:0;bottom:0;width:38px;height:2px;border-radius:99px;background:rgba(255,255,255,.86);box-shadow:0 0 12px #ffffff61}.loading-area[data-v-df455e2b]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;min-height:60vh;color:#fff}.loading-spinner[data-v-df455e2b]{width:36px;height:36px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin-df455e2b 1s linear infinite}@keyframes spin-df455e2b{to{transform:rotate(360deg)}}.error-text[data-v-df455e2b]{font-size:16px;font-weight:600}.btn-back[data-v-df455e2b]{padding:10px 28px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.4);border-radius:24px;color:#fff;font-size:14px;cursor:pointer;transition:background .2s}.btn-back[data-v-df455e2b]:active{background:rgba(255,255,255,.25)}.qr-section[data-v-df455e2b]{margin-top:clamp(46px,8vh,84px);display:flex;flex-direction:column;align-items:center;text-align:center}.qr-frame[data-v-df455e2b]{position:relative;width:min(76vw,292px);aspect-ratio:1;padding:16px;border-radius:31px;background:#fff;box-shadow:0 24px 70px #4a000857,0 0 0 8px #ffffff14;display:flex;align-items:center;justify-content:center}.qr-frame[data-v-df455e2b]:before{content:"";position:absolute;top:-13px;right:-13px;bottom:-13px;left:-13px;border-radius:39px;border:1px solid rgba(255,255,255,.22);pointer-events:none}.qr-frame canvas[data-v-df455e2b],.qr-frame img[data-v-df455e2b]{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;border-radius:12px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:default}.hint[data-v-df455e2b]{margin:34px auto 0;max-width:320px;font-size:18px;line-height:1.8;font-weight:500;letter-spacing:.04em;text-shadow:0 3px 16px rgba(77,0,9,.22)}.hint[data-v-df455e2b]:before{content:"";display:block;width:38px;height:3px;margin:0 auto 18px;border-radius:99px;background:rgba(255,255,255,.78)}.footer[data-v-df455e2b]{margin-top:auto;padding-top:clamp(38px,8vh,74px);display:flex;justify-content:center;align-items:center;gap:8px;font-size:10px;letter-spacing:.16em;color:#ffffff7a}.footer i[data-v-df455e2b]{width:4px;height:4px;border-radius:50%;background:currentColor}@media (prefers-reduced-motion: no-preference){.audio-card-anim[data-v-df455e2b]{animation:rise-df455e2b .7s cubic-bezier(.2,.8,.2,1) both}.qr-section[data-v-df455e2b]{animation:rise-df455e2b .8s .08s cubic-bezier(.2,.8,.2,1) both}@keyframes rise-df455e2b{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}@media (max-width: 360px){.page[data-v-df455e2b]{padding-left:16px;padding-right:16px}.hint[data-v-df455e2b]{font-size:16px}}