2 lines
18 KiB
Plaintext
2 lines
18 KiB
Plaintext
.page.data-v-ce5f695a{position:relative;min-height:100vh;box-sizing:border-box;padding:24rpx 28rpx calc(48rpx + env(safe-area-inset-bottom));background:linear-gradient(180deg,#fff7ed,#f8fafc 28%,#f8fafc);display:flex;flex-direction:column;align-items:stretch;gap:20rpx;color:#0f172a;overflow-x:hidden}.page-header.data-v-ce5f695a{display:flex;align-items:flex-start;justify-content:space-between;gap:16rpx;flex-shrink:0}.header-main.data-v-ce5f695a{display:flex;flex-direction:column;gap:6rpx;flex:1;min-width:0}.page-title.data-v-ce5f695a{font-size:40rpx;font-weight:800;color:#0f172a;letter-spacing:1rpx;line-height:1.2}.page-subtitle.data-v-ce5f695a{font-size:24rpx;color:#94a3b8;line-height:1.4}.status-pill.data-v-ce5f695a{flex-shrink:0;display:flex;align-items:center;gap:8rpx;padding:10rpx 18rpx;border-radius:999rpx;background:rgba(255,255,255,.85);border:2rpx solid rgba(15,23,42,.06);box-shadow:0 4rpx 12rpx rgba(15,23,42,.04)}.status-pill.active.data-v-ce5f695a{background:#ffedd5;border-color:rgba(249,115,22,.35)}.status-pill.active .status-dot.data-v-ce5f695a{background:#f97316;box-shadow:0 0 0 4rpx rgba(249,115,22,.25);animation:status-pulse-ce5f695a 1.2s ease-in-out infinite}.status-pill.active .status-text.data-v-ce5f695a{color:#c2410c}.status-pill.paused.data-v-ce5f695a{background:#fef3c7;border-color:rgba(245,158,11,.4)}.status-pill.paused .status-dot.data-v-ce5f695a{background:#f59e0b}.status-pill.paused .status-text.data-v-ce5f695a{color:#92400e}.status-dot.data-v-ce5f695a{width:12rpx;height:12rpx;border-radius:50%;background:#94a3b8}.status-text.data-v-ce5f695a{font-size:22rpx;font-weight:600;color:#475569;white-space:nowrap}@keyframes status-pulse-ce5f695a{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.85}}.stage-canvas-wrapper.data-v-ce5f695a{width:calc(100% + 56rpx);margin-left:-28rpx;margin-right:-28rpx;flex-shrink:0;height:740rpx;display:flex;justify-content:center;align-items:center;position:relative;border-radius:0 0 40rpx 40rpx;overflow:hidden;box-sizing:border-box;background:linear-gradient(180deg,#fff7ed,#f8fafc 55%,#f1f5f9)}.ambient-glow.data-v-ce5f695a{position:absolute;width:1200rpx;height:1200rpx;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(254,215,170,.9) 0%,rgba(255,237,213,.5) 30%,rgba(241,245,249,.2) 55%,transparent 72%);pointer-events:none}.ring-container.data-v-ce5f695a{position:relative;width:720rpx;height:720rpx;display:flex;align-items:center;justify-content:center;z-index:1}.beat-halo.data-v-ce5f695a{position:absolute;width:720rpx;height:720rpx;border-radius:50%;background:radial-gradient(circle,rgba(249,115,22,.45),rgba(251,146,60,.18) 38%,rgba(249,115,22,0) 70%);opacity:0;transition:opacity .3s ease;will-change:transform,opacity}.ring-container.playing .beat-halo.data-v-ce5f695a{opacity:1;animation:beat-pulse-ce5f695a calc(var(--beat-duration, .75s) * 2) ease-in-out infinite}@keyframes beat-pulse-ce5f695a{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(.86);opacity:.95}}.video-ring.data-v-ce5f695a{position:relative;width:640rpx;height:640rpx;border-radius:50%;overflow:hidden;box-shadow:0 20rpx 56rpx rgba(249,115,22,.35),0 10rpx 28rpx rgba(251,146,60,.22);will-change:transform;z-index:1}.ring-container.playing .video-ring.data-v-ce5f695a{animation:video-squeeze-ce5f695a calc(var(--beat-duration, .75s) * 2) ease-in-out infinite}@keyframes video-squeeze-ce5f695a{0%,to{transform:scale(1)}50%{transform:scale(.95)}}.demo-video.data-v-ce5f695a{width:100%;height:100%;border-radius:50%;background:#ffedd5}.video-ring-border.data-v-ce5f695a{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 0 4rpx rgba(255,255,255,.6),inset 0 8rpx 24rpx rgba(194,65,12,.25)}.center-hint.data-v-ce5f695a{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16rpx;pointer-events:none;z-index:3;animation:hint-fade-in-ce5f695a .3s ease}@keyframes hint-fade-in-ce5f695a{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hint-icon.data-v-ce5f695a{width:140rpx;height:140rpx;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.45);backdrop-filter:blur(6rpx);border:3rpx solid rgba(255,255,255,.85);border-radius:50%;box-shadow:0 12rpx 32rpx rgba(15,23,42,.3);animation:hint-bounce-ce5f695a 2s ease-in-out infinite;will-change:transform}.play-triangle.data-v-ce5f695a{width:0;height:0;border-left:44rpx solid #ffffff;border-top:30rpx solid transparent;border-bottom:30rpx solid transparent;margin-left:10rpx}@keyframes hint-bounce-ce5f695a{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.hint-text.data-v-ce5f695a{font-size:34rpx;color:#fff;font-weight:700;letter-spacing:3rpx;text-shadow:0 2rpx 8rpx rgba(0,0,0,.55)}.bpm-chip.data-v-ce5f695a{position:absolute;bottom:24rpx;left:50%;transform:translate(-50%);display:flex;align-items:baseline;gap:6rpx;padding:8rpx 22rpx;border-radius:999rpx;background:rgba(194,65,12,.78);box-shadow:0 6rpx 18rpx rgba(194,65,12,.35);pointer-events:none;z-index:3}.bpm-value.data-v-ce5f695a{font-size:36rpx;color:#fff;font-weight:900;line-height:1;letter-spacing:-1rpx;font-variant-numeric:tabular-nums}.bpm-label.data-v-ce5f695a{font-size:20rpx;color:rgba(255,255,255,.85);font-weight:700;letter-spacing:2rpx}.tap-overlay.data-v-ce5f695a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5}.bgm-toggle.data-v-ce5f695a{position:absolute;top:24rpx;right:28rpx;width:72rpx;height:72rpx;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 4rpx 16rpx rgba(0,0,0,.1),0 0 0 2rpx rgba(249,115,22,.2);display:flex;align-items:center;justify-content:center;z-index:20;transition:all .2s ease}.bgm-toggle.data-v-ce5f695a:active{transform:scale(.92);background:#fff7ed}.bgm-icon.data-v-ce5f695a{font-size:36rpx;line-height:1}.progress-bar.data-v-ce5f695a{width:100%;background:#fff;border-radius:24rpx;padding:20rpx 24rpx;box-shadow:0 4rpx 12rpx rgba(15,23,42,.04);margin-bottom:20rpx}.progress-text.data-v-ce5f695a{display:flex;justify-content:space-between;align-items:center}.progress-label.data-v-ce5f695a{font-size:26rpx;color:#475569;font-weight:600}.progress-count.data-v-ce5f695a{font-size:32rpx;color:#c2410c;font-weight:700;font-variant-numeric:tabular-nums}.control-deck.data-v-ce5f695a{width:100%;box-sizing:border-box;background:#fff;border-radius:28rpx;padding:24rpx 20rpx 20rpx;box-shadow:0 8rpx 32rpx rgba(15,23,42,.06),0 1rpx rgba(255,255,255,.9) inset;border:2rpx solid rgba(255,255,255,.8);transition:box-shadow .25s ease}.control-deck.is-playing.data-v-ce5f695a{box-shadow:0 12rpx 40rpx rgba(249,115,22,.12),0 0 0 2rpx rgba(249,115,22,.12)}.stats-row.data-v-ce5f695a{display:flex;gap:12rpx}.stat-chip.data-v-ce5f695a{flex:1;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-radius:20rpx;padding:18rpx 8rpx 16rpx;display:flex;flex-direction:column;align-items:center;gap:6rpx;border:2rpx solid rgba(15,23,42,.04)}.stat-chip-label.data-v-ce5f695a{font-size:20rpx;color:#94a3b8;font-weight:500}.stat-chip-value.data-v-ce5f695a{font-size:34rpx;font-weight:800;color:#c2410c;font-variant-numeric:tabular-nums;line-height:1.1}.stat-chip-value.muted.data-v-ce5f695a{color:#cbd5e1;font-weight:600}.deck-divider.data-v-ce5f695a{height:2rpx;margin:20rpx 8rpx 18rpx;background:linear-gradient(90deg,transparent,rgba(15,23,42,.06),transparent)}.presets-block.data-v-ce5f695a{display:flex;flex-direction:column;gap:14rpx}.presets-header.data-v-ce5f695a{display:flex;align-items:center;justify-content:space-between;padding:0 4rpx}.presets-title.data-v-ce5f695a{font-size:32rpx;font-weight:800;color:#0f172a}.presets-hint.data-v-ce5f695a{font-size:20rpx;color:#94a3b8}.presets.data-v-ce5f695a{display:flex;gap:12rpx}.preset.data-v-ce5f695a{flex:1;background:#f8fafc;border:3rpx solid transparent;border-radius:24rpx;padding:32rpx 8rpx 28rpx;display:flex;flex-direction:column;align-items:center;gap:10rpx;transition:all .18s}.preset .preset-name.data-v-ce5f695a{font-size:40rpx;font-weight:800;color:#0f172a}.preset .preset-bpm.data-v-ce5f695a{font-size:26rpx;color:#475569;font-weight:700;font-variant-numeric:tabular-nums}.preset.data-v-ce5f695a:active{transform:scale(.97)}.preset.disabled.data-v-ce5f695a{opacity:.45;pointer-events:none}.preset.active.data-v-ce5f695a{background:linear-gradient(160deg,#ffedd5,#ecfeff);border-color:#f97316;box-shadow:0 6rpx 16rpx rgba(249,115,22,.15)}.preset.active .preset-name.data-v-ce5f695a,.preset.active .preset-bpm.data-v-ce5f695a{color:#c2410c}.preset.active .preset-desc.data-v-ce5f695a{color:#f97316}.target-block.data-v-ce5f695a{display:flex;flex-direction:column;gap:14rpx}.target-header.data-v-ce5f695a{display:flex;align-items:center;justify-content:space-between;padding:12rpx 6rpx;border-radius:16rpx}.target-header.data-v-ce5f695a:active{background:#f8fafc}.target-title.data-v-ce5f695a{font-size:32rpx;font-weight:800;color:#0f172a}.target-current.data-v-ce5f695a{display:flex;align-items:center;gap:12rpx}.target-current-text.data-v-ce5f695a{font-size:30rpx;font-weight:700;color:#c2410c}.target-toggle.data-v-ce5f695a{font-size:22rpx;color:#94a3b8}.target-chips.data-v-ce5f695a{display:flex;gap:12rpx}.target-chip.data-v-ce5f695a{flex:1;height:88rpx;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:2rpx solid transparent;border-radius:16rpx;transition:all .18s}.target-chip .target-chip-text.data-v-ce5f695a{font-size:30rpx;font-weight:700;color:#475569}.target-chip.data-v-ce5f695a:active{transform:scale(.97)}.target-chip.disabled.data-v-ce5f695a{opacity:.45;pointer-events:none}.target-chip.active.data-v-ce5f695a{background:#ffedd5;border-color:#f97316}.target-chip.active .target-chip-text.data-v-ce5f695a{color:#c2410c}.countdown-badge.data-v-ce5f695a{position:absolute;top:24rpx;left:28rpx;display:flex;flex-direction:column;align-items:center;padding:8rpx 20rpx 10rpx;border-radius:16rpx;background:rgba(255,255,255,.92);box-shadow:0 4rpx 16rpx rgba(15,23,42,.08),0 0 0 2rpx rgba(249,115,22,.18);z-index:20}.countdown-label.data-v-ce5f695a{font-size:18rpx;color:#94a3b8;line-height:1.1}.countdown-value.data-v-ce5f695a{font-size:32rpx;font-weight:800;color:#c2410c;font-variant-numeric:tabular-nums;line-height:1.1;margin-top:2rpx}.intensity-estimate.data-v-ce5f695a{margin-top:14rpx;padding:16rpx 20rpx;display:flex;align-items:center;gap:10rpx;background:#ffedd5;border-radius:14rpx}.estimate-icon.data-v-ce5f695a{font-size:30rpx;line-height:1;flex-shrink:0}.estimate-text.data-v-ce5f695a{font-size:24rpx;font-weight:600;color:#c2410c;letter-spacing:.5rpx}.benefit-block.data-v-ce5f695a{display:flex;flex-direction:column}.benefit-header.data-v-ce5f695a{display:flex;align-items:center;justify-content:space-between;padding:4rpx}.benefit-header.data-v-ce5f695a:active{opacity:.7}.benefit-title.data-v-ce5f695a{font-size:26rpx;font-weight:700;color:#0f172a}.benefit-toggle.data-v-ce5f695a{font-size:22rpx;color:#c2410c;font-weight:600}.benefit-content.data-v-ce5f695a{margin-top:14rpx;display:flex;flex-direction:column;gap:16rpx;padding:20rpx;background:#f8fafc;border-radius:16rpx}.benefit-row.data-v-ce5f695a{display:flex;flex-direction:column;gap:10rpx}.benefit-label.data-v-ce5f695a{font-size:22rpx;font-weight:700;color:#475569}.muscle-tags.data-v-ce5f695a{display:flex;flex-wrap:wrap;gap:10rpx}.muscle-tag.data-v-ce5f695a{padding:6rpx 18rpx;font-size:22rpx;font-weight:600;color:#c2410c;background:#ffedd5;border-radius:999rpx}.benefit-effect.data-v-ce5f695a{font-size:24rpx;line-height:1.7;color:#475569}.pause-actions.data-v-ce5f695a{margin-top:20rpx;display:flex;gap:16rpx}.big-btn.data-v-ce5f695a{flex:1;height:104rpx;display:flex;align-items:center;justify-content:center;gap:10rpx;border-radius:20rpx;border:none;padding:0;line-height:1}.big-btn.data-v-ce5f695a:after{border:none}.big-btn.data-v-ce5f695a:active{transform:scale(.97)}.big-btn-icon.data-v-ce5f695a{font-size:30rpx;line-height:1}.big-btn-text.data-v-ce5f695a{font-size:34rpx;font-weight:800;letter-spacing:2rpx}.big-btn-resume.data-v-ce5f695a{background:#f97316;color:#fff;box-shadow:0 8rpx 20rpx rgba(249,115,22,.32)}.big-btn-end.data-v-ce5f695a{background:#fef2f2;color:#dc2626;border:2rpx solid rgba(220,38,38,.3)}.big-btn-end .big-btn-icon.data-v-ce5f695a{font-size:26rpx}.summary-mask.data-v-ce5f695a{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.45);backdrop-filter:blur(6rpx);display:flex;align-items:flex-end;justify-content:center;z-index:900;padding:0 24rpx calc(32rpx + env(safe-area-inset-bottom));animation:fade-in-ce5f695a .2s ease}.reward-popup-mask.data-v-ce5f695a{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in-ce5f695a .2s ease}@keyframes fade-in-ce5f695a{0%{opacity:0}to{opacity:1}}.reward-popup.data-v-ce5f695a{width:560rpx;background:linear-gradient(135deg,#fff,#fff7ed);border-radius:32rpx;padding:48rpx 32rpx;display:flex;flex-direction:column;align-items:center;gap:20rpx;box-shadow:0 20rpx 60rpx rgba(0,0,0,.3);animation:popup-bounce-ce5f695a .4s cubic-bezier(.34,1.56,.64,1)}@keyframes popup-bounce-ce5f695a{0%{transform:scale(.8) translateY(40rpx);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.reward-emoji.data-v-ce5f695a{font-size:120rpx;line-height:1;animation:emoji-pop-ce5f695a .6s ease}@keyframes emoji-pop-ce5f695a{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.reward-title.data-v-ce5f695a{font-size:36rpx;font-weight:700;color:#c2410c;letter-spacing:2rpx}.reward-desc.data-v-ce5f695a{font-size:28rpx;color:#475569;margin-bottom:8rpx}.reward-count.data-v-ce5f695a{font-size:24rpx;color:#94a3b8;margin-bottom:12rpx}.reward-btn.data-v-ce5f695a{width:100%;height:88rpx;line-height:88rpx;text-align:center;background:#f97316;color:#fff;border-radius:999rpx;font-size:30rpx;font-weight:600;box-shadow:0 8rpx 20rpx rgba(249,115,22,.3);transition:all .2s}.reward-btn.data-v-ce5f695a:active{transform:scale(.97);box-shadow:0 4rpx 12rpx rgba(249,115,22,.2)}.completion-card.data-v-ce5f695a{width:100%;max-width:700rpx;background:linear-gradient(135deg,#fff7ed,#ffedd5);border-radius:32rpx 32rpx 28rpx 28rpx;padding:40rpx 28rpx 36rpx;display:flex;flex-direction:column;gap:28rpx;align-items:center;box-shadow:0 -8rpx 48rpx rgba(15,23,42,.12),0 8rpx 32rpx rgba(249,115,22,.08);border:2rpx solid rgba(249,115,22,.1);animation:sheet-up-ce5f695a .35s cubic-bezier(.22,1,.36,1)}@keyframes sheet-up-ce5f695a{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.completion-header.data-v-ce5f695a{display:flex;flex-direction:column;align-items:center;gap:8rpx}.completion-emoji.data-v-ce5f695a{font-size:80rpx;line-height:1;margin-bottom:8rpx;animation:emoji-bounce-ce5f695a 1.5s ease-in-out infinite}@keyframes emoji-bounce-ce5f695a{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}}.completion-title.data-v-ce5f695a{font-size:36rpx;color:#0f172a;font-weight:800;letter-spacing:2rpx}.completion-subtitle.data-v-ce5f695a{font-size:24rpx;color:#94a3b8;margin-top:4rpx}.completion-content.data-v-ce5f695a{width:100%;display:flex;flex-direction:column;gap:24rpx}.stats-grid.data-v-ce5f695a{display:flex;gap:16rpx;width:100%}.stat-item.data-v-ce5f695a{flex:1;background:rgba(255,255,255,.85);border-radius:20rpx;padding:24rpx 12rpx 20rpx;display:flex;flex-direction:column;align-items:center;gap:6rpx;box-shadow:0 4rpx 12rpx rgba(15,23,42,.04),inset 0 1rpx rgba(255,255,255,.8);backdrop-filter:blur(8rpx)}.stat-icon.data-v-ce5f695a{font-size:40rpx;line-height:1;margin-bottom:4rpx}.stat-label.data-v-ce5f695a{font-size:22rpx;color:#94a3b8;font-weight:500}.stat-value.data-v-ce5f695a{font-size:36rpx;font-weight:800;color:#0f172a;font-variant-numeric:tabular-nums;letter-spacing:0}.food-comparison-card.data-v-ce5f695a{background:linear-gradient(135deg,#fff7ed,#fffbeb);border-radius:20rpx;padding:28rpx 24rpx;width:100%;box-shadow:0 4rpx 16rpx rgba(251,191,36,.1),inset 0 1rpx rgba(255,255,255,.8);border:2rpx solid rgba(251,191,36,.15)}.food-comparison-header.data-v-ce5f695a{display:flex;flex-direction:column;align-items:center;gap:4rpx;margin-bottom:24rpx}.food-comparison-title.data-v-ce5f695a{font-size:26rpx;color:#92400e;font-weight:700;letter-spacing:1rpx}.food-comparison-hint.data-v-ce5f695a{font-size:22rpx;color:#b45309;opacity:.8}.food-list.data-v-ce5f695a{display:flex;justify-content:space-around;align-items:center;gap:12rpx}.food-item.data-v-ce5f695a{flex:1;display:flex;flex-direction:column;align-items:center;gap:8rpx;padding:16rpx 8rpx;background:rgba(255,255,255,.7);border-radius:16rpx;transition:transform .3s ease}.food-item.data-v-ce5f695a:active{transform:scale(.95)}.food-emoji.data-v-ce5f695a{font-size:56rpx;line-height:1;filter:drop-shadow(0 2rpx 4rpx rgba(0,0,0,.1))}.food-info.data-v-ce5f695a{display:flex;flex-direction:column;align-items:center;gap:2rpx}.food-count.data-v-ce5f695a{font-size:32rpx;font-weight:800;color:#92400e;line-height:1.2;font-variant-numeric:tabular-nums}.food-name.data-v-ce5f695a{font-size:20rpx;color:#b45309;font-weight:500;letter-spacing:1rpx}.action-row.data-v-ce5f695a{display:flex;gap:16rpx;justify-content:center;width:100%}.btn-primary.data-v-ce5f695a,.btn-secondary.data-v-ce5f695a,.btn-share.data-v-ce5f695a{flex:1;border-radius:999rpx;font-size:28rpx;height:88rpx;line-height:88rpx;border:none;padding:0 16rpx}.btn-primary.data-v-ce5f695a:after,.btn-secondary.data-v-ce5f695a:after,.btn-share.data-v-ce5f695a:after{border:none}.btn-primary.data-v-ce5f695a{background:#f97316;color:#fff}.btn-secondary.data-v-ce5f695a{background:#fff;color:#c2410c;border:2rpx solid rgba(249,115,22,.35)}.btn-share.data-v-ce5f695a{flex:0 0 auto;width:88rpx;padding:0;background:#fff7ed;color:#c2410c;border:2rpx solid rgba(249,115,22,.25);display:inline-flex;align-items:center;justify-content:center;gap:6rpx;font-size:24rpx}.btn-share .share-icon.data-v-ce5f695a{font-size:30rpx;line-height:1}
|