{"id":97033,"date":"2026-05-20T00:07:28","date_gmt":"2026-05-19T16:07:28","guid":{"rendered":"https:\/\/ourdaysrecords.com\/class\/?post_type=courses&#038;p=97033"},"modified":"2026-05-20T00:31:25","modified_gmt":"2026-05-19T16:31:25","slug":"beat-making101","status":"publish","type":"courses","link":"https:\/\/ourdaysrecords.com\/class\/courses\/beat-making101\/","title":{"rendered":"\u7b2c\u4e00\u6b21\u505aBeat\u5c31\u4e0a\u624b"},"content":{"rendered":"<style>.page-title-bar-05 { display: none; } @import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@400;500;600;700;900&family=Space+Grotesk:wght@400;500;600;700&family=Bebas+Neue&family=JetBrains+Mono:wght@400;500&display=swap'); \/* ============ WRAPPER + RESET ============ *\/#beat-course { --orange: #F25C19; --orange-2: #FF7A3D; --orange-soft: rgba(242,92,25,0.08); --orange-glow: rgba(242,92,25,0.18); --yellow: #F0C94A; --paper: #F4EFE6; --paper-2: #ECE5D6; --paper-3: #E2DAC8; --ink: #0E0D0C; --ink-2: #1B1916; --text: #0E0D0C; --text-mid: #5C564F; --text-soft: #8E867D; --line: rgba(15,14,13,0.08); --line-strong: rgba(15,14,13,0.16); --line-dark: rgba(255,255,255,0.10); --shadow-sm: 0 1px 2px rgba(15,14,13,0.05), 0 4px 16px rgba(242,92,25,0.04); --shadow-md: 0 4px 12px rgba(15,14,13,0.06), 0 16px 40px rgba(242,92,25,0.06); --shadow-lg: 0 12px 40px rgba(15,14,13,0.10), 0 32px 80px rgba(242,92,25,0.10); --ease: cubic-bezier(0.16, 1, 0.3, 1); --container: 1240px; --container-narrow: 980px; margin: 0; padding: 0; font-family: 'Noto Sans TC', 'Space Grotesk', sans-serif; background: var(--paper); color: var(--text); line-height: 1.6; font-size: 16px; position: relative; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: \"ss01\" 1; } #beat-course h1:not(:where(.bc-enroll-box-inner *, .bc-reviews-inner *)), #beat-course h2:not(:where(.bc-enroll-box-inner *, .bc-reviews-inner *)), #beat-course h3:not(:where(.bc-enroll-box-inner *, .bc-reviews-inner *)), #beat-course h4:not(:where(.bc-enroll-box-inner *, .bc-reviews-inner *)), #beat-course h5:not(:where(.bc-enroll-box-inner *, .bc-reviews-inner *)), #beat-course h6:not(:where(.bc-enroll-box-inner *, .bc-reviews-inner *)) { margin: 0; padding: 0; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; font-family: inherit; border: none; background: none; } #beat-course p:not(:where(.bc-enroll-box-inner *, .bc-reviews-inner *)) { margin: 0; color: inherit; } #beat-course ul:not(:where(.bc-enroll-box-inner *, .bc-reviews-inner *)), #beat-course ol:not(:where(.bc-enroll-box-inner *, .bc-reviews-inner *)) { list-style: none; margin: 0; padding: 0; } #beat-course a:not(:where(.bc-enroll-box-inner *, .bc-reviews-inner *)) { text-decoration: none; color: inherit; } #beat-course img:not(:where(.bc-enroll-box-inner *, .bc-reviews-inner *)) { max-width: 100%; display: block; } #beat-course *:not(:where(.bc-enroll-box-inner *, .bc-reviews-inner *)) { box-sizing: border-box; } \/* ============ AMBIENT GRAIN ============ *\/#beat-course .bc-grain { position: absolute; inset: 0; pointer-events: none; z-index: 1; opacity: 0.05; mix-blend-mode: multiply; background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'\/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.55 0'\/><\/filter><rect width='100%25' height='100%25' filter='url(%23n)'\/><\/svg>\"); } \/* ============ COMMON ============ *\/#beat-course .bc-section { position: relative; padding: 120px 32px; z-index: 2; } #beat-course .bc-container { max-width: var(--container); margin: 0 auto; position: relative; } #beat-course .bc-narrow { max-width: var(--container-narrow); margin: 0 auto; position: relative; } #beat-course .bc-eyebrow { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; font-weight: 500; letter-spacing: 0.08em; color: var(--orange); text-transform: lowercase; display: inline-flex; align-items: center; gap: 10px; margin-bottom: 24px; } #beat-course .bc-eyebrow::before { content: ''; width: 18px; height: 1px; background: var(--orange); } #beat-course .bc-eyebrow.bc-light { color: var(--orange); } #beat-course .bc-h2 { font-family: 'Noto Sans TC', sans-serif; font-weight: 900; font-size: clamp(34px, 4.6vw, 56px); line-height: 1.12; letter-spacing: -0.025em; text-wrap: balance; } #beat-course .bc-sub { font-size: 17px; color: var(--text-mid); line-height: 1.8; max-width: 580px; text-wrap: pretty; margin-top: 18px; } #beat-course .bc-mark { color: var(--orange); position: relative; display: inline-block; } #beat-course .bc-mark::after { content: ''; position: absolute; inset: auto -2px 6%; height: 30%; background: var(--orange-soft); z-index: -1; border-radius: 3px; } \/* CTA button *\/#beat-course .bc-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 18px 32px; background: var(--orange); color: #fff; font-family: 'Noto Sans TC', sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 0.02em; border: none; border-radius: 9999px; cursor: pointer; transition: transform 0.4s var(--ease), box-shadow 0.4s var(--ease), background 0.3s var(--ease); box-shadow: 0 8px 24px rgba(242,92,25,0.25), inset 0 1px 0 rgba(255,255,255,0.18); white-space: nowrap; will-change: transform; } #beat-course .bc-btn:hover { box-shadow: 0 14px 36px rgba(242,92,25,0.38), inset 0 1px 0 rgba(255,255,255,0.18); background: var(--orange-2); } #beat-course .bc-btn:active { transform: scale(0.98); } #beat-course .bc-btn svg { width: 18px; height: 18px; transition: transform 0.4s var(--ease); } #beat-course .bc-btn:hover svg { transform: translateX(3px); } \/* ============ HERO ============ *\/#beat-course .bc-hero { position: relative; min-height: 100dvh; background: var(--ink); color: #fff; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: 168px 56px 128px; gap: 64px; } #beat-course .bc-hero-bg { position: absolute; inset: 0; background-image: url('https:\/\/ourdaysrecords.com\/class\/wp-content\/uploads\/2026\/04\/asskid_extended_16x9.webp'); background-size: cover; background-position: center 30%; background-repeat: no-repeat; background-color: var(--ink); filter: contrast(1.04) saturate(0.92) brightness(0.78); z-index: 0; } #beat-course .bc-hero-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(14,13,12,0.45) 0%, rgba(14,13,12,0.10) 18%, rgba(14,13,12,0.70) 72%, rgba(14,13,12,0.95) 100%),\n    radial-gradient(circle at 75% 25%, rgba(242,92,25,0.14) 0%, transparent 55%),\n    linear-gradient(90deg, rgba(14,13,12,0.85) 0%, rgba(14,13,12,0.65) 28%, rgba(14,13,12,0.25) 50%, rgba(14,13,12,0) 70%); z-index: 1; } #beat-course .bc-hero-noise { position: absolute; inset: 0; pointer-events: none; z-index: 2; opacity: 0.10; mix-blend-mode: overlay; background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'\/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1 0'\/><\/filter><rect width='100%25' height='100%25' filter='url(%23n)'\/><\/svg>\"); } #beat-course .bc-hero-top { position: relative; z-index: 3; max-width: var(--container); margin: 0 auto; width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 24px; } #beat-course .bc-hero-meta-line { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; font-weight: 500; letter-spacing: 0.06em; color: rgba(255,255,255,0.72); text-transform: lowercase; display: inline-flex; align-items: center; gap: 12px; } #beat-course .bc-hero-meta-line::before { content: ''; width: 28px; height: 1px; background: var(--orange); } #beat-course .bc-chip { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; background: rgba(255,255,255,0.06); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.18); border-radius: 9999px; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; font-weight: 500; letter-spacing: 0.08em; color: rgba(255,255,255,0.92); text-transform: lowercase; } #beat-course .bc-chip::before { content: ''; width: 6px; height: 6px; background: var(--orange); border-radius: 50%; box-shadow: 0 0 12px rgba(242,92,25,0.7); animation: bc-pulse 2.4s var(--ease) infinite; } @keyframes bc-pulse { 0%, 100% {  opacity: 1; }  50% {  opacity: 0.4; } } #beat-course .bc-hero-content { position: relative; z-index: 3; max-width: var(--container); margin: auto auto 0; width: 100%; display: grid; grid-template-columns: 1fr auto; gap: 80px; align-items: end; } #beat-course .bc-hero-titles { max-width: 720px; } #beat-course .bc-hero-supertitle { font-family: 'Bebas Neue', sans-serif; font-size: 16px; letter-spacing: 0.2em; color: var(--orange); margin-bottom: 28px; display: flex; align-items: center; gap: 14px; } #beat-course .bc-hero-supertitle::after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, var(--orange), transparent); max-width: 140px; } #beat-course .bc-hero-logo { max-width: 380px; width: 100%; margin-bottom: 32px; margin-left: -6px; filter: drop-shadow(0 12px 36px rgba(0,0,0,0.5)); } #beat-course .bc-hero-desc { font-size: clamp(16px, 1.3vw, 19px); line-height: 1.75; color: rgba(255,255,255,0.82); max-width: 580px; margin-bottom: 40px; } #beat-course .bc-hero-desc strong { color: #fff; font-weight: 700; background: linear-gradient(transparent 65%, rgba(242,92,25,0.42) 65%); padding: 0 2px; } #beat-course .bc-hero-cta-row { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; } #beat-course .bc-hero-cta-row .bc-enroll-box-inner { margin: 0; max-width: 500px; width: 100%; flex: 0 0 auto; } #beat-course .bc-hero-letsgo { display: inline-flex; align-items: center; gap: 6px; font-family: 'Bebas Neue', sans-serif; font-size: 14px; letter-spacing: 0.18em; color: rgba(255,255,255,0.55); } #beat-course .bc-hero-letsgo svg { width: 14px; height: 14px; } #beat-course .bc-hero-stats { display: flex; flex-direction: column; gap: 24px; padding-left: 36px; border-left: 1px solid rgba(255,255,255,0.16); text-align: right; align-items: flex-end; } #beat-course .bc-stat { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; } #beat-course .bc-stat-num { font-family: 'Bebas Neue', sans-serif; font-size: 60px; line-height: 0.95; color: #fff; font-feature-settings: \"tnum\" 1; letter-spacing: -0.01em; } #beat-course .bc-stat-label { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: 0.08em; color: rgba(255,255,255,0.55); text-transform: lowercase; margin-top: 4px; } #beat-course .bc-hero-photo-tags { display: none; } #beat-course .bc-hero-scroll { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 3; display: flex; flex-direction: column; align-items: center; gap: 8px; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: 0.12em; color: rgba(255,255,255,0.5); text-transform: lowercase; } #beat-course .bc-hero-scroll svg { width: 14px; height: 14px; animation: bc-scrollHint 2.4s var(--ease) infinite; } @keyframes bc-scrollHint { 0%, 100% {  transform: translateY(0);  opacity: 0.7; }  50% {  transform: translateY(6px);  opacity: 1; } } #beat-course .bc-hero-supertag { font-family: 'Bebas Neue', sans-serif; font-size: 13px; letter-spacing: 0.22em; color: var(--orange); display: inline-block; margin-right: 14px; } \/* ============ MARQUEE ============ *\/#beat-course .bc-marquee { background: var(--ink); color: rgba(255,255,255,0.7); padding: 18px 0; overflow: hidden; border-top: 1px solid rgba(255,255,255,0.06); border-bottom: 1px solid rgba(255,255,255,0.06); position: relative; z-index: 2; } #beat-course .bc-marquee-track { display: flex; gap: 0; animation: bc-marqueeScroll 28s linear infinite; width: max-content; font-family: 'Bebas Neue', sans-serif; font-size: 18px; letter-spacing: 0.18em; text-transform: uppercase; white-space: nowrap; } @keyframes bc-marqueeScroll { 0% {  transform: translateX(0); }  100% {  transform: translateX(-50%); } } #beat-course .bc-marquee-item { padding: 0 32px; display: flex; align-items: center; gap: 24px; } #beat-course .bc-marquee-dot { width: 5px; height: 5px; background: var(--orange); border-radius: 50%; flex-shrink: 0; } \/* ============ VISION ============ *\/#beat-course .bc-vision { background: var(--paper); position: relative; overflow: hidden; } #beat-course .bc-vision::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 85% 15%, rgba(242,92,25,0.07) 0%, transparent 55%); z-index: 0; } #beat-course .bc-vision-hdr { text-align: center; margin-bottom: 80px; position: relative; z-index: 2; } #beat-course .bc-vision-rows { display: flex; flex-direction: column; gap: 88px; position: relative; z-index: 2; } #beat-course .bc-vision-row { display: grid; grid-template-columns: 1.15fr 1fr; gap: 64px; align-items: center; } #beat-course .bc-vision-row.bc-flip { grid-template-columns: 1fr 1.15fr; } #beat-course .bc-vision-row.bc-flip .bc-vision-img-wrap { order: 2; } #beat-course .bc-vision-row.bc-flip .bc-vision-text { order: 1; } #beat-course .bc-vision-img-wrap { position: relative; } #beat-course .bc-vision-img { width: 100%; border-radius: 18px; aspect-ratio: 16\/11; object-fit: cover; box-shadow: 0 16px 48px rgba(15,14,13,0.12), 0 32px 100px rgba(242,92,25,0.06); will-change: transform; } #beat-course .bc-vision-num { position: absolute; top: -28px; left: -24px; font-family: 'Bebas Neue', sans-serif; font-size: 110px; line-height: 1; color: var(--orange); letter-spacing: -0.03em; z-index: 2; text-shadow: 0 8px 24px rgba(242,92,25,0.18); } #beat-course .bc-vision-row.bc-flip .bc-vision-num { left: auto; right: -24px; } #beat-course .bc-vision-text { padding: 0 8px; } #beat-course .bc-vision-tag { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; letter-spacing: 0.08em; color: var(--text-soft); margin-bottom: 20px; display: block; } #beat-course .bc-vision-text h3 { font-size: clamp(28px, 3vw, 40px); font-weight: 900; line-height: 1.18; letter-spacing: -0.025em; margin-bottom: 22px; text-wrap: balance; } #beat-course .bc-vision-text h3 span { color: var(--orange); } #beat-course .bc-vision-text p { font-size: 16px; color: var(--text-mid); line-height: 1.85; max-width: 480px; } \/* ============ PAIN POINTS ============ *\/#beat-course .bc-pain { background: var(--paper); border-top: 1px solid var(--line); } #beat-course .bc-pain-hdr { margin-bottom: 64px; display: grid; grid-template-columns: 1.4fr 1fr; gap: 60px; align-items: end; } #beat-course .bc-pain-hdr-r { text-align: right; padding-bottom: 8px; } #beat-course .bc-pain-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px; } #beat-course .bc-pain-card { position: relative; padding: 36px 32px; background: var(--paper-2); border: 1px solid var(--line); border-radius: 16px; transition: transform 0.5s var(--ease), border-color 0.4s var(--ease), background 0.4s var(--ease), box-shadow 0.5s var(--ease); } #beat-course .bc-pain-card:hover { border-color: var(--orange); background: #fff; box-shadow: var(--shadow-md); } #beat-course .bc-pain-card-num { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: 0.1em; color: var(--text-soft); display: block; margin-bottom: 20px; } #beat-course .bc-pain-card-icon { width: 44px; height: 44px; margin-bottom: 24px; color: var(--orange); } #beat-course .bc-pain-card h3 { font-size: 20px; font-weight: 900; margin-bottom: 14px; letter-spacing: -0.015em; line-height: 1.3; } #beat-course .bc-pain-card p { font-size: 14px; color: var(--text-mid); line-height: 1.85; } #beat-course .bc-pain-card:nth-child(2) { transform: translateY(36px); } #beat-course .bc-pain-card:nth-child(2):hover { transform: translateY(32px); } \/* ============ APPROACH ============ *\/#beat-course .bc-approach { background: var(--paper-2); position: relative; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); } #beat-course .bc-approach::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 50% 20%, rgba(242,92,25,0.05) 0%, transparent 50%); z-index: 0; } #beat-course .bc-approach-hdr { text-align: center; margin-bottom: 60px; position: relative; z-index: 2; } #beat-course .bc-approach-hdr .bc-sub { margin-left: auto; margin-right: auto; } #beat-course .bc-approach-video { max-width: 380px; margin: 0 auto; aspect-ratio: 9\/16; border-radius: 22px; overflow: hidden; position: relative; box-shadow: 0 32px 80px rgba(15,14,13,0.20), 0 16px 50px rgba(242,92,25,0.20); background: var(--ink); z-index: 2; } #beat-course .bc-approach-video iframe { width: 100%; height: 100%; border: none; } #beat-course .bc-video-overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2; background: rgba(14,13,12,0.22); transition: background 0.4s var(--ease); } #beat-course .bc-video-overlay:hover { background: rgba(14,13,12,0.34); } #beat-course .bc-video-play { width: 88px; height: 88px; filter: drop-shadow(0 8px 24px rgba(242,92,25,0.45)); transition: transform 0.4s var(--ease); } #beat-course .bc-video-overlay:hover .bc-video-play { transform: scale(1.08); } \/* ============ STEPS ============ *\/#beat-course .bc-steps { background: var(--paper); position: relative; } #beat-course .bc-steps-hdr { text-align: center; margin-bottom: 80px; } #beat-course .bc-steps-hdr .bc-sub { margin-left: auto; margin-right: auto; } #beat-course .bc-steps-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; position: relative; } #beat-course .bc-steps-grid::before { content: ''; position: absolute; top: 28px; left: 8%; right: 8%; height: 1px; background: linear-gradient(90deg, transparent, var(--line-strong) 8%, var(--line-strong) 92%, transparent); z-index: 0; } #beat-course .bc-step { position: relative; z-index: 1; } #beat-course .bc-step-num { width: 56px; height: 56px; background: var(--paper); border: 1px solid var(--line-strong); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'Bebas Neue', sans-serif; font-size: 24px; color: var(--ink); margin-bottom: 28px; transition: all 0.5s var(--ease); letter-spacing: 0; } #beat-course .bc-step:hover .bc-step-num { background: var(--orange); color: #fff; border-color: var(--orange); box-shadow: 0 8px 24px rgba(242,92,25,0.32); } #beat-course .bc-step h3 { font-size: 18px; font-weight: 900; margin-bottom: 10px; letter-spacing: -0.015em; line-height: 1.3; } #beat-course .bc-step p { font-size: 14px; color: var(--text-mid); line-height: 1.8; max-width: 230px; } \/* ============ WHY ============ *\/#beat-course .bc-why { background: var(--paper-2); position: relative; border-top: 1px solid var(--line); } #beat-course .bc-why-hdr { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: end; margin-bottom: 56px; } #beat-course .bc-why-hdr p { font-size: 16px; color: var(--text-mid); line-height: 1.85; max-width: 440px; text-align: right; margin-left: auto; } #beat-course .bc-why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } #beat-course .bc-why-card { position: relative; background: var(--paper); border: 1px solid var(--line); border-radius: 20px; padding: 36px 32px; transition: transform 0.5s var(--ease), border-color 0.4s var(--ease), box-shadow 0.5s var(--ease); overflow: hidden; display: flex; flex-direction: column; } #beat-course .bc-why-card:hover { transform: translateY(-4px); border-color: var(--orange); box-shadow: var(--shadow-md); } #beat-course .bc-why-card.bc-featured { background: var(--ink); color: #fff; border-color: var(--ink); padding: 36px 32px; } #beat-course .bc-why-card.bc-featured::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 80% 0%, rgba(242,92,25,0.18) 0%, transparent 55%); pointer-events: none; } #beat-course .bc-why-card.bc-featured:hover { border-color: var(--orange); } #beat-course .bc-why-icon { width: 36px; height: 36px; color: var(--orange); margin-bottom: 24px; position: relative; z-index: 1; } #beat-course .bc-why-card h3 { font-size: 20px; font-weight: 900; margin-bottom: 12px; letter-spacing: -0.015em; line-height: 1.3; position: relative; z-index: 1; } #beat-course .bc-why-card.bc-featured h3 { font-size: 22px; margin-bottom: 14px; line-height: 1.25; } #beat-course .bc-why-card p { font-size: 14px; color: var(--text-mid); line-height: 1.85; position: relative; z-index: 1; } #beat-course .bc-why-card.bc-featured p { color: rgba(255,255,255,0.72); font-size: 15px; } #beat-course .bc-why-num { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: 0.08em; color: var(--text-soft); display: block; margin-bottom: 16px; position: relative; z-index: 1; } #beat-course .bc-why-card.bc-featured .bc-why-num { color: rgba(255,255,255,0.5); } \/* ============ CURRICULUM ============ *\/#beat-course .bc-curriculum { background: var(--paper); position: relative; border-top: 1px solid var(--line); } #beat-course .bc-curriculum-hdr { text-align: center; margin-bottom: 60px; } #beat-course .bc-curriculum-hdr .bc-sub { margin-left: auto; margin-right: auto; } #beat-course .bc-chapters { max-width: 880px; margin: 0 auto; display: flex; flex-direction: column; gap: 8px; } #beat-course .bc-chapter { background: var(--paper); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; transition: border-color 0.3s var(--ease), background 0.3s var(--ease); } #beat-course .bc-chapter:hover { border-color: var(--line-strong); } #beat-course .bc-chapter.bc-open { border-color: var(--ink); background: #fff; } #beat-course .bc-chapter-header { padding: 22px 28px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; user-select: none; transition: background 0.3s var(--ease); gap: 16px; } #beat-course .bc-chapter-header:hover { background: var(--paper-2); } #beat-course .bc-chapter.bc-open .bc-chapter-header:hover { background: transparent; } #beat-course .bc-chapter-left { display: flex; align-items: center; gap: 24px; flex: 1; } #beat-course .bc-chapter-badge { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; font-weight: 500; letter-spacing: 0.08em; color: var(--text-soft); text-transform: lowercase; white-space: nowrap; min-width: 56px; } #beat-course .bc-chapter.bc-open .bc-chapter-badge { color: var(--orange); } #beat-course .bc-chapter-badge.bc-extra { color: var(--orange); } #beat-course .bc-chapter-name { font-size: 17px; font-weight: 700; letter-spacing: -0.015em; } #beat-course .bc-chapter-arrow { width: 20px; height: 20px; color: var(--text-mid); transition: transform 0.4s var(--ease), color 0.3s var(--ease); flex-shrink: 0; } #beat-course .bc-chapter.bc-open .bc-chapter-arrow { transform: rotate(180deg); color: var(--orange); } #beat-course .bc-chapter-body { max-height: 0; overflow: hidden; transition: max-height 0.5s var(--ease); } #beat-course .bc-chapter.bc-open .bc-chapter-body { max-height: 800px; } #beat-course .bc-lessons { padding: 4px 28px 22px; border-top: 1px solid var(--line); } #beat-course .bc-lesson { padding: 12px 0; display: flex; align-items: center; gap: 18px; font-size: 14px; color: var(--text-mid); border-bottom: 1px solid var(--line); } #beat-course .bc-lesson:last-child { border-bottom: none; } #beat-course .bc-lesson-num { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; color: var(--text-soft); min-width: 28px; } #beat-course .bc-lesson-name { flex: 1; } \/* ============ INSTRUCTOR ============ *\/#beat-course .bc-instructor { background: var(--ink); color: #fff; position: relative; overflow: hidden; } #beat-course .bc-instructor::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 25% 50%, rgba(242,92,25,0.10) 0%, transparent 55%); z-index: 0; } #beat-course .bc-instructor-inner { display: grid; grid-template-columns: 360px 1fr; gap: 80px; align-items: center; position: relative; z-index: 1; } #beat-course .bc-instructor-photo-wrap { position: relative; } #beat-course .bc-instructor-photo { width: 100%; aspect-ratio: 3\/4; object-fit: cover; border-radius: 4px; filter: contrast(1.05) saturate(0.94); box-shadow: 0 32px 80px rgba(0,0,0,0.45), 0 16px 40px rgba(242,92,25,0.18); } #beat-course .bc-instructor-meta { position: absolute; bottom: -16px; left: -16px; background: var(--orange); color: #fff; padding: 12px 18px; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: 0.1em; text-transform: lowercase; display: inline-flex; align-items: center; gap: 10px; } #beat-course .bc-instructor-meta::after { content: ''; width: 8px; height: 8px; background: #fff; border-radius: 50%; } #beat-course .bc-instructor-eyebrow { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; font-weight: 500; letter-spacing: 0.08em; color: var(--orange); text-transform: lowercase; display: inline-flex; align-items: center; gap: 10px; margin-bottom: 18px; } #beat-course .bc-instructor-eyebrow::before { content: ''; width: 18px; height: 1px; background: var(--orange); } #beat-course .bc-instructor-name { font-size: clamp(56px, 8vw, 96px); font-weight: 900; line-height: 0.95; letter-spacing: -0.04em; margin-bottom: 14px; font-family: 'Noto Sans TC', sans-serif; } #beat-course .bc-instructor-role { font-family: 'Bebas Neue', sans-serif; font-size: 18px; letter-spacing: 0.22em; color: var(--orange); margin-bottom: 32px; } #beat-course .bc-instructor-bio { font-size: 17px; color: rgba(255,255,255,0.78); line-height: 1.85; margin-bottom: 36px; max-width: 600px; } #beat-course .bc-instructor-bio strong { color: #fff; font-weight: 700; } #beat-course .bc-instructor-credits { display: flex; flex-wrap: wrap; gap: 8px; } #beat-course .bc-credit-tag { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; font-weight: 500; letter-spacing: 0.04em; padding: 8px 14px; border: 1px solid rgba(255,255,255,0.16); border-radius: 100px; color: rgba(255,255,255,0.7); text-transform: lowercase; transition: all 0.4s var(--ease); } #beat-course .bc-credit-tag:hover { border-color: var(--orange); color: var(--orange); background: rgba(242,92,25,0.08); } \/* ============ TRAILER ============ *\/#beat-course .bc-trailer { background: var(--paper); position: relative; border-top: 1px solid var(--line); } #beat-course .bc-trailer-hdr { text-align: center; margin-bottom: 60px; } #beat-course .bc-trailer-hdr .bc-sub { margin-left: auto; margin-right: auto; } #beat-course .bc-trailer-wrap { max-width: 980px; margin: 0 auto; aspect-ratio: 16\/9; border-radius: 18px; overflow: hidden; box-shadow: 0 24px 80px rgba(15,14,13,0.16), 0 12px 40px rgba(242,92,25,0.10); position: relative; border: 1px solid var(--line); background: var(--ink); } #beat-course .bc-trailer-wrap iframe { width: 100%; height: 100%; border: none; display: block; } \/* ============ BONUS ============ *\/#beat-course .bc-bonus { background: var(--paper-2); position: relative; border-top: 1px solid var(--line); } #beat-course .bc-bonus-hdr { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: end; margin-bottom: 56px; } #beat-course .bc-bonus-hdr p { font-size: 16px; color: var(--text-mid); line-height: 1.85; max-width: 460px; text-align: right; margin-left: auto; } #beat-course .bc-bonus-grid { display: grid; grid-template-columns: 1.6fr 1fr; grid-template-rows: 1fr 1fr; gap: 20px; } #beat-course .bc-bonus-card { position: relative; background: var(--paper); border: 1px solid var(--line); border-radius: 20px; padding: 40px 36px; transition: transform 0.5s var(--ease), border-color 0.4s var(--ease), box-shadow 0.5s var(--ease); overflow: hidden; } #beat-course .bc-bonus-card:hover { transform: translateY(-4px); border-color: var(--orange); box-shadow: var(--shadow-md); } #beat-course .bc-bonus-feat { grid-row: 1 \/ 3; background: var(--ink); color: #fff; border-color: var(--ink); padding: 48px 44px; display: flex; flex-direction: column; justify-content: space-between; min-height: 380px; } #beat-course .bc-bonus-feat::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 80% 100%, rgba(242,92,25,0.18) 0%, transparent 55%); pointer-events: none; } #beat-course .bc-bonus-feat:hover { border-color: var(--orange); } #beat-course .bc-bonus-tag { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: 0.1em; color: var(--orange); margin-bottom: 24px; display: block; text-transform: lowercase; } #beat-course .bc-bonus-icon { width: 44px; height: 44px; color: var(--orange); margin-bottom: 22px; position: relative; z-index: 1; } #beat-course .bc-bonus-feat .bc-bonus-icon { width: 56px; height: 56px; } #beat-course .bc-bonus-card h3 { font-size: 22px; font-weight: 900; margin-bottom: 14px; letter-spacing: -0.015em; line-height: 1.3; position: relative; z-index: 1; } #beat-course .bc-bonus-feat h3 { font-size: 32px; line-height: 1.2; margin-bottom: 18px; } #beat-course .bc-bonus-highlight { display: inline-flex; align-items: center; gap: 8px; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; letter-spacing: 0.04em; color: var(--orange); background: var(--orange-soft); padding: 7px 14px; border-radius: 100px; margin-bottom: 18px; position: relative; z-index: 1; } #beat-course .bc-bonus-feat .bc-bonus-highlight { background: rgba(242,92,25,0.18); } #beat-course .bc-bonus-card p { font-size: 14px; color: var(--text-mid); line-height: 1.85; position: relative; z-index: 1; } #beat-course .bc-bonus-feat p { color: rgba(255,255,255,0.72); font-size: 15px; position: relative; z-index: 1; } #beat-course .bc-bonus-bignum-wrap { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; margin: 8px 0; line-height: 0.82; } #beat-course .bc-bonus-bignum { font-family: 'Bebas Neue', sans-serif; font-size: clamp(160px, 22vw, 320px); font-weight: 400; color: var(--orange); letter-spacing: -0.05em; line-height: 0.82; text-shadow: 0 16px 60px rgba(242,92,25,0.42), 0 4px 16px rgba(242,92,25,0.25); display: block; transition: transform 0.6s var(--ease); } #beat-course .bc-bonus-feat:hover .bc-bonus-bignum { transform: translateY(-3px); } #beat-course .bc-bonus-bignum-label { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; font-weight: 500; letter-spacing: 0.16em; color: rgba(255,255,255,0.55); text-transform: lowercase; margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.12); width: 100%; max-width: 240px; } \/* ============ GALLERY ============ *\/#beat-course .bc-gallery { background: var(--paper); padding: 80px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); overflow: hidden; position: relative; z-index: 2; } #beat-course .bc-gallery-track { display: flex; gap: 16px; animation: bc-scrollX 40s linear infinite; width: max-content; } @keyframes bc-scrollX { 0% {  transform: translateX(0); }  100% {  transform: translateX(-50%); } } #beat-course .bc-gallery-track:hover { animation-play-state: paused; } #beat-course .bc-gallery-img { height: 280px; border-radius: 12px; object-fit: cover; flex-shrink: 0; transition: transform 0.6s var(--ease); filter: saturate(0.95); } #beat-course .bc-gallery-img:hover { transform: translateY(-4px) scale(1.02); } \/* ============ REVIEWS ============ *\/#beat-course .bc-reviews { background: var(--paper-2); color: var(--text); padding: 120px 0; position: relative; border-top: 1px solid var(--line); z-index: 2; } #beat-course .bc-reviews-hdr { text-align: center; margin-bottom: 60px; padding: 0 32px; } #beat-course .bc-reviews-hdr h2 { font-size: clamp(34px, 4.6vw, 56px); font-weight: 900; letter-spacing: -0.025em; line-height: 1.15; margin-bottom: 18px; text-wrap: balance; } #beat-course .bc-reviews-hdr p { font-size: 16px; color: var(--text-mid); line-height: 1.85; } #beat-course .bc-reviews-inner { max-width: var(--container); margin: 0 auto; padding: 0 32px; } \/* ============ VIDEO REVIEWS ============ *\/#beat-course .bc-rv-block { margin-bottom: 80px; } #beat-course .bc-rv-eyebrow-row { display: flex; align-items: center; justify-content: center; gap: 14px; margin-bottom: 40px; flex-wrap: wrap; } #beat-course .bc-rv-eyebrow-row .bc-eyebrow { margin-bottom: 0; } #beat-course .bc-rv-eyebrow-row .bc-rv-meta { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: 0.08em; color: var(--text-soft); text-transform: lowercase; } #beat-course .bc-rv-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } #beat-course .bc-rv-card { position: relative; background: var(--paper); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; transition: transform 0.5s var(--ease), border-color 0.4s var(--ease), box-shadow 0.5s var(--ease); display: flex; flex-direction: column; } #beat-course .bc-rv-card:hover { transform: translateY(-4px); border-color: var(--orange); box-shadow: var(--shadow-md); } #beat-course .bc-rv-player { position: relative; aspect-ratio: 9\/16; background: var(--ink); overflow: hidden; } #beat-course .bc-rv-player iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } #beat-course .bc-rv-overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2; background: linear-gradient(180deg, rgba(14,13,12,0.34) 0%, rgba(14,13,12,0.08) 45%, rgba(14,13,12,0.55) 100%); transition: background 0.4s var(--ease); } #beat-course .bc-rv-overlay:hover { background: linear-gradient(180deg, rgba(14,13,12,0.44) 0%, rgba(14,13,12,0.14) 45%, rgba(14,13,12,0.65) 100%); } #beat-course .bc-rv-play { width: 68px; height: 68px; transition: transform 0.4s var(--ease), filter 0.4s var(--ease); filter: drop-shadow(0 8px 22px rgba(242,92,25,0.42)); } #beat-course .bc-rv-overlay:hover .bc-rv-play { transform: scale(1.10); filter: drop-shadow(0 12px 30px rgba(242,92,25,0.62)); } #beat-course .bc-rv-num { position: absolute; top: 14px; left: 16px; z-index: 3; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: 0.1em; color: rgba(255,255,255,0.78); text-transform: lowercase; } #beat-course .bc-rv-info { padding: 18px 20px 22px; border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: 6px; } #beat-course .bc-rv-name { font-size: 17px; font-weight: 900; letter-spacing: -0.015em; color: var(--ink); line-height: 1.3; } #beat-course .bc-rv-tag { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: 0.06em; color: var(--orange); display: inline-flex; align-items: center; gap: 8px; } #beat-course .bc-rv-tag::before { content: ''; width: 14px; height: 1px; background: var(--orange); } #beat-course .bc-rv-quote { font-size: 13.5px; color: var(--text-mid); line-height: 1.75; margin-top: 6px; position: relative; padding-left: 14px; border-left: 2px solid var(--orange-soft); text-wrap: pretty; } @media (max-width: 980px) { #beat-course .bc-rv-grid {  grid-template-columns: repeat(2, 1fr);  gap: 16px; }  #beat-course .bc-rv-block {  margin-bottom: 64px; }  #beat-course .bc-rv-play {  width: 58px;  height: 58px; } } @media (max-width: 480px) { #beat-course .bc-rv-grid {  grid-template-columns: 1fr;  gap: 18px;  max-width: 360px;  margin: 0 auto; }  #beat-course .bc-rv-play {  width: 64px;  height: 64px; } } \/* ============ FAQ ============ *\/#beat-course .bc-faq { background: var(--paper); position: relative; border-top: 1px solid var(--line); } #beat-course .bc-faq-hdr { text-align: center; margin-bottom: 56px; } #beat-course .bc-faq-hdr .bc-sub { margin-left: auto; margin-right: auto; } #beat-course .bc-faq-list { max-width: 880px; margin: 0 auto; display: flex; flex-direction: column; } #beat-course .bc-faq-item { border-bottom: 1px solid var(--line); transition: background 0.3s var(--ease); } #beat-course .bc-faq-item:first-child { border-top: 1px solid var(--line); } #beat-course .bc-faq-q { padding: 26px 0; display: flex; align-items: center; justify-content: space-between; cursor: pointer; user-select: none; font-size: 17px; font-weight: 700; gap: 24px; letter-spacing: -0.015em; position: relative; transition: color 0.3s var(--ease), padding 0.4s var(--ease); } #beat-course .bc-faq-q::before { content: ''; position: absolute; left: 0; top: 50%; width: 0; height: 2px; background: var(--orange); transform: translateY(-50%); transition: width 0.4s var(--ease); } #beat-course .bc-faq-item:hover .bc-faq-q, #beat-course .bc-faq-item.bc-faq-open .bc-faq-q { color: var(--orange); padding-left: 16px; } #beat-course .bc-faq-item:hover .bc-faq-q::before, #beat-course .bc-faq-item.bc-faq-open .bc-faq-q::before { width: 8px; } #beat-course .bc-faq-q svg { width: 20px; height: 20px; flex-shrink: 0; color: var(--text-mid); transition: transform 0.4s var(--ease), color 0.3s var(--ease); } #beat-course .bc-faq-item.bc-faq-open .bc-faq-q svg { transform: rotate(180deg); color: var(--orange); } #beat-course .bc-faq-a { max-height: 0; overflow: hidden; transition: max-height 0.5s var(--ease); } #beat-course .bc-faq-item.bc-faq-open .bc-faq-a { max-height: 320px; } #beat-course .bc-faq-a p { padding: 0 0 26px 16px; font-size: 15px; color: var(--text-mid); line-height: 1.85; max-width: 720px; } \/* ============ PRICING ============ *\/#beat-course .bc-pricing { padding: 140px 0 120px; background-color: var(--ink); color: #fff; position: relative; overflow: hidden; } #beat-course .bc-pricing-bg { position: absolute; inset: 0; background-image: url('https:\/\/ourdaysrecords.com\/class\/wp-content\/uploads\/2026\/04\/asskid_6A476CF6-8F1A-48F7-B97A-C43C96485446.webp'); background-size: cover; background-position: center; filter: brightness(0.4) saturate(0.85); z-index: 0; } #beat-course .bc-pricing-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(14,13,12,0.78) 0%, rgba(14,13,12,0.92) 60%, rgba(14,13,12,0.96) 100%), radial-gradient(circle at 50% 110%, rgba(242,92,25,0.22) 0%, transparent 55%); z-index: 1; pointer-events: none; } #beat-course .bc-pricing-hdr { text-align: center; margin-bottom: 80px; padding: 0 32px; position: relative; z-index: 2; max-width: 760px; margin-left: auto; margin-right: auto; } #beat-course .bc-pricing-hdr .bc-eyebrow { color: var(--orange); margin-bottom: 24px; } #beat-course .bc-pricing-hdr h2 { font-size: clamp(40px, 5.5vw, 72px); font-weight: 900; letter-spacing: -0.035em; line-height: 1.05; color: #fff; margin-bottom: 24px; text-wrap: balance; } #beat-course .bc-pricing-hdr h2 .bc-mark { color: var(--orange); } #beat-course .bc-pricing-hdr h2 .bc-mark::after { background: rgba(242,92,25,0.16); height: 28%; } #beat-course .bc-pricing-hdr p { font-size: 17px; color: rgba(255,255,255,0.65); line-height: 1.85; max-width: 540px; margin: 28px auto 0; } #beat-course .bc-pricing-body { max-width: 1100px; margin: 0 auto; padding: 56px 40px; position: relative; z-index: 2; display: flex; flex-direction: column; gap: 48px; border-top: 1px solid rgba(255,255,255,0.12); border-bottom: 1px solid rgba(255,255,255,0.12); } #beat-course .bc-pricing-top { display: grid; grid-template-columns: 1.6fr 1fr; gap: 60px; align-items: end; } #beat-course .bc-pricing-name-block { } #beat-course .bc-pricing-tag { display: inline-flex; align-items: center; gap: 8px; font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; font-weight: 500; letter-spacing: 0.1em; color: var(--orange); padding: 7px 14px; border: 1px solid rgba(242,92,25,0.32); border-radius: 100px; margin-bottom: 24px; text-transform: lowercase; background: rgba(242,92,25,0.08); } #beat-course .bc-pricing-tag::before { content: ''; width: 6px; height: 6px; background: var(--orange); border-radius: 50%; box-shadow: 0 0 10px rgba(242,92,25,0.7); } #beat-course .bc-pricing-name { font-size: clamp(28px, 3.5vw, 44px); font-weight: 900; line-height: 1.1; letter-spacing: -0.03em; color: #fff; text-wrap: balance; } #beat-course .bc-pricing-price-block { text-align: right; padding-left: 40px; border-left: 1px solid rgba(255,255,255,0.10); } #beat-course .bc-pricing-orig { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; color: rgba(255,255,255,0.5); margin-bottom: 8px; letter-spacing: 0.04em; } #beat-course .bc-pricing-orig s { text-decoration: line-through; } #beat-course .bc-pricing-main { font-family: 'Bebas Neue', sans-serif; font-size: clamp(48px, 6.5vw, 88px); color: var(--orange); line-height: 0.9; letter-spacing: -0.02em; text-shadow: 0 8px 30px rgba(242,92,25,0.32); display: block; } #beat-course .bc-pricing-main *, #beat-course .bc-pricing-main bdi, #beat-course .bc-pricing-main span, #beat-course .bc-pricing-main .woocommerce-Price-amount, #beat-course .bc-pricing-main .woocommerce-Price-currencySymbol, #beat-course .bc-pricing-main .amount, #beat-course .bc-pricing-main ins, #beat-course .bc-pricing-main del { color: var(--orange) !important; font-family: 'Bebas Neue', sans-serif !important; font-weight: 400 !important; text-decoration: none !important; background: none !important; } #beat-course .bc-pricing .woocommerce-Price-amount, #beat-course .bc-pricing .woocommerce-Price-amount.amount, #beat-course .bc-pricing span.woocommerce-Price-amount, #beat-course .bc-pricing span.amount, #beat-course .bc-pricing .woocommerce-Price-amount *, #beat-course .bc-pricing .woocommerce-Price-amount bdi, #beat-course .bc-pricing .woocommerce-Price-currencySymbol, #beat-course .bc-pricing-body .woocommerce-Price-amount, #beat-course .bc-pricing-body .amount, #beat-course .bc-pricing-body bdi { color: var(--orange) !important; font-family: 'Bebas Neue', sans-serif !important; font-weight: 400 !important; text-decoration: none !important; background: none !important; -webkit-text-fill-color: var(--orange) !important; } #beat-course .bc-mob-cur .woocommerce-Price-amount, #beat-course .bc-mob-cur .amount, #beat-course .bc-mob-cur * { color: #fff !important; -webkit-text-fill-color: #fff !important; } #beat-course .bc-mob-bar .bc-mob-orig, #beat-course .bc-mob-bar .bc-mob-orig *, #beat-course .bc-mob-bar .bc-mob-orig s, #beat-course .bc-mob-bar .bc-mob-orig .woocommerce-Price-amount, #beat-course .bc-mob-bar .bc-mob-orig .woocommerce-Price-amount *, #beat-course .bc-mob-bar .bc-mob-orig .woocommerce-Price-currencySymbol, #beat-course .bc-mob-bar .bc-mob-orig .amount, #beat-course .bc-mob-bar .bc-mob-orig bdi { color: rgba(255,255,255,0.55) !important; -webkit-text-fill-color: rgba(255,255,255,0.55) !important; } #beat-course .bc-pricing-feats { display: grid; grid-template-columns: 1fr 1fr; gap: 0 48px; } #beat-course .bc-pricing-feats li { font-size: 15px; color: rgba(255,255,255,0.82); display: flex; align-items: flex-start; gap: 14px; line-height: 1.55; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,0.08); } #beat-course .bc-pricing-feats li::before { content: ''; flex-shrink: 0; width: 18px; height: 18px; margin-top: 2px; background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 18 18' fill='none' stroke='%23F25C19' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='3.5 9 7.5 13 14.5 5'\/><\/svg>\"); background-repeat: no-repeat; background-position: center; } #beat-course .bc-pricing-feats li:nth-last-child(-n+2) { border-bottom: none; } #beat-course .bc-pricing-action { display: flex; flex-direction: column; align-items: center; gap: 28px; padding-top: 36px; border-top: 1px solid rgba(255,255,255,0.10); } #beat-course .bc-pricing-cta-wrap { width: 100%; max-width: 520px; display: flex; justify-content: center; } #beat-course .bc-pricing-cta-wrap .bc-enroll-box-inner { margin: 0; max-width: 100%; width: 100%; } #beat-course .bc-pricing-notes { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px 28px; } #beat-course .bc-p-note { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 12px; color: rgba(255,255,255,0.62); display: flex; align-items: center; gap: 10px; letter-spacing: 0.02em; } #beat-course .bc-p-note em { font-style: normal; color: var(--orange); font-weight: 700; } \/* ============ COUNTDOWN ============ *\/#beat-course .bc-countdown { display: none; align-items: center; gap: 14px; padding: 12px 22px; background: rgba(242,92,25,0.10); border: 1px solid rgba(242,92,25,0.36); border-radius: 100px; margin-bottom: 20px; box-shadow: 0 8px 24px rgba(242,92,25,0.12), inset 0 1px 0 rgba(255,255,255,0.04); } #beat-course .bc-countdown.bc-cd-show { display: inline-flex; } #beat-course .bc-countdown::before { content: ''; width: 8px; height: 8px; background: var(--orange); border-radius: 50%; box-shadow: 0 0 12px rgba(242,92,25,0.7); animation: bc-pulse 1.6s var(--ease) infinite; flex-shrink: 0; } #beat-course .bc-countdown-label { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: 0.08em; color: rgba(255,255,255,0.72); text-transform: lowercase; } #beat-course .bc-countdown-timer { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 15px; font-weight: 700; color: var(--orange); font-variant-numeric: tabular-nums; letter-spacing: 0.04em; } @media (max-width: 768px) { #beat-course .bc-countdown { padding: 10px 18px; gap: 10px; } #beat-course .bc-countdown-label { font-size: 10px; } #beat-course .bc-countdown-timer { font-size: 13px; } } \/* ============ ELEMENTOR BUTTON OVERRIDES ============ *\/#beat-course .bc-enroll-box-inner { width: 100%; margin: 28px 0 0; } #beat-course .bc-hero .bc-enroll-box-inner, #beat-course .bc-pricing .bc-enroll-box-inner { margin: 0; } #beat-course .bc-enroll-box-inner .elementor-button-wrapper { text-align: center; } #beat-course .bc-enroll-box-inner .elementor-element { margin-bottom: 0 !important; padding: 0 !important; } #beat-course .bc-enroll-box-inner a.elementor-button, #beat-course .bc-enroll-box-inner .elementor-button, #beat-course .bc-enroll-box-inner .elementor-widget-button a, #beat-course .bc-enroll-box-inner [class*=\"elementor\"] a[role=\"button\"], #beat-course .bc-enroll-box-inner a[class*=\"btn\"], #beat-course .bc-enroll-box-inner button, #beat-course .bc-enroll-box-inner .ld-button, #beat-course .bc-enroll-box-inner input[type=\"submit\"], #beat-course .bc-enroll-box-inner a { background: var(--orange) !important; background-color: var(--orange) !important; background-image: none !important; border: none !important; border-color: var(--orange) !important; border-radius: 9999px !important; font-family: 'Noto Sans TC', sans-serif !important; font-weight: 700 !important; font-size: 16px !important; padding: 16px 32px !important; box-shadow: 0 8px 24px rgba(242,92,25,0.28), inset 0 1px 0 rgba(255,255,255,0.18) !important; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; letter-spacing: 0.02em !important; color: #fff !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; min-height: 0 !important; line-height: 1.4 !important; } #beat-course .bc-enroll-box-inner a.elementor-button:hover, #beat-course .bc-enroll-box-inner .elementor-button:hover, #beat-course .bc-enroll-box-inner .elementor-widget-button a:hover, #beat-course .bc-enroll-box-inner a[class*=\"btn\"]:hover, #beat-course .bc-enroll-box-inner button:hover, #beat-course .bc-enroll-box-inner .ld-button:hover, #beat-course .bc-enroll-box-inner input[type=\"submit\"]:hover, #beat-course .bc-enroll-box-inner a:hover { background: var(--orange-2) !important; background-color: var(--orange-2) !important; transform: translateY(-2px) !important; box-shadow: 0 14px 36px rgba(242,92,25,0.4), inset 0 1px 0 rgba(255,255,255,0.18) !important; color: #fff !important; } #beat-course .bc-hero-cta-row .bc-enroll-box-inner a.elementor-button, #beat-course .bc-hero-cta-row .bc-enroll-box-inner .elementor-button, #beat-course .bc-hero-cta-row .bc-enroll-box-inner .elementor-widget-button a, #beat-course .bc-hero-cta-row .bc-enroll-box-inner a[class*=\"btn\"], #beat-course .bc-hero-cta-row .bc-enroll-box-inner button, #beat-course .bc-hero-cta-row .bc-enroll-box-inner a { padding: 18px 40px !important; font-size: 17px !important; font-weight: 900 !important; } \/* ============ MOBILE STICKY BAR ============ *\/#beat-course .bc-mob-bar { display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; background: var(--ink); padding: 12px 20px; align-items: center; justify-content: space-between; box-shadow: 0 -8px 32px rgba(0,0,0,0.35); transform: translateY(100%); transition: transform 0.5s var(--ease); border-top: 1px solid rgba(255,255,255,0.08); } #beat-course .bc-mob-bar.bc-bar-show { transform: translateY(0); } #beat-course .bc-mob-bar .bc-mob-orig { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; color: rgba(255,255,255,0.45); } #beat-course .bc-mob-bar .bc-mob-orig s { text-decoration: line-through; } #beat-course .bc-mob-bar .bc-mob-cur { font-size: 22px; font-weight: 900; color: #fff; font-family: 'Bebas Neue', sans-serif; line-height: 1; } #beat-course .bc-mob-bar .bc-btn { font-size: 14px; padding: 12px 22px; } \/* ============ SCROLL ANIMATIONS ============ *\/#beat-course .bc-reveal { opacity: 0; transform: translateY(40px); transition: opacity 0.9s var(--ease), transform 0.9s var(--ease); } #beat-course .bc-reveal.bc-visible { opacity: 1; transform: translateY(0); } #beat-course .bc-stagger > * { opacity: 0; transform: translateY(28px); transition: opacity 0.7s var(--ease), transform 0.7s var(--ease); } #beat-course .bc-stagger.bc-visible > * { opacity: 1; transform: translateY(0); } #beat-course .bc-stagger.bc-visible > *:nth-child(1) { transition-delay: 0s; } #beat-course .bc-stagger.bc-visible > *:nth-child(2) { transition-delay: 0.08s; } #beat-course .bc-stagger.bc-visible > *:nth-child(3) { transition-delay: 0.16s; } #beat-course .bc-stagger.bc-visible > *:nth-child(4) { transition-delay: 0.24s; } #beat-course .bc-stagger.bc-visible > *:nth-child(5) { transition-delay: 0.32s; } \/* ============ RESPONSIVE ============ *\/@media (max-width: 1100px) { #beat-course .bc-section {  padding: 88px 24px; }  #beat-course .bc-instructor-inner {  gap: 56px;  grid-template-columns: 320px 1fr; }  #beat-course .bc-hero {  padding: 152px 24px 88px; } } @media (max-width: 768px) { #beat-course .bc-section {  padding: 64px 20px; }  #beat-course .bc-h2 {  font-size: 30px; }  #beat-course .bc-hero {  padding: 128px 20px 72px;  min-height: 100dvh; }  #beat-course .bc-hero-bg {  background-image: url('https:\/\/ourdaysrecords.com\/class\/wp-content\/uploads\/2026\/04\/asskid_DSC068602222.webp');  background-position: center 25%; }  #beat-course .bc-hero-content {  grid-template-columns: 1fr;  gap: 36px;  align-items: start; }  #beat-course .bc-hero-stats {  border-left: none;  border-top: 1px solid rgba(255,255,255,0.16);  padding-left: 0;  padding-top: 28px;  text-align: left;  align-items: flex-start;  flex-direction: row;  gap: 32px;  flex-wrap: wrap; }  #beat-course .bc-hero-stats .bc-stat {  align-items: flex-start; }  #beat-course .bc-stat-num {  font-size: 44px; }  #beat-course .bc-hero-logo {  max-width: 260px;  margin-bottom: 24px;  margin-left: 0; }  #beat-course .bc-hero-desc {  font-size: 15px;  line-height: 1.75;  margin-bottom: 32px; }  #beat-course .bc-hero-supertitle {  font-size: 13px;  margin-bottom: 22px; }  #beat-course .bc-hero-cta-row {  gap: 16px; }  #beat-course .bc-hero-cta-row .bc-enroll-box-inner {  max-width: 100%;  width: 100%; }  #beat-course .bc-hero-letsgo {  font-size: 12px; }  #beat-course .bc-hero-scroll {  display: none; }  #beat-course .bc-vision-row, #beat-course .bc-vision-row.bc-flip {  grid-template-columns: 1fr;  gap: 28px; }  #beat-course .bc-vision-row.bc-flip .bc-vision-img-wrap {  order: 0; }  #beat-course .bc-vision-row.bc-flip .bc-vision-text {  order: 1; }  #beat-course .bc-vision-row.bc-flip .bc-vision-num {  left: -8px;  right: auto; }  #beat-course .bc-vision-num {  font-size: 64px;  top: -16px;  left: -4px; }  #beat-course .bc-vision-rows {  gap: 60px; }  #beat-course .bc-vision-text {  padding: 0; }  #beat-course .bc-vision-text h3 {  font-size: 24px; }  #beat-course .bc-pain-hdr {  grid-template-columns: 1fr;  gap: 12px; }  #beat-course .bc-pain-hdr-r {  text-align: left; }  #beat-course .bc-pain-grid {  grid-template-columns: 1fr;  gap: 16px; }  #beat-course .bc-pain-card, #beat-course .bc-pain-card:nth-child(2), #beat-course .bc-pain-card:nth-child(2):hover {  transform: translateY(0); }  #beat-course .bc-pain-card:hover {  transform: translateY(-2px); }  #beat-course .bc-steps-grid {  grid-template-columns: 1fr 1fr;  gap: 28px 20px; }  #beat-course .bc-steps-grid::before {  display: none; }  #beat-course .bc-why-hdr {  grid-template-columns: 1fr;  gap: 16px; }  #beat-course .bc-why-hdr p {  text-align: left;  max-width: 100%; }  #beat-course .bc-why-grid {  grid-template-columns: 1fr;  grid-template-rows: auto; }  #beat-course .bc-why-card.bc-featured {  grid-row: auto;  padding: 36px 28px;  min-height: 0; }  #beat-course .bc-why-card.bc-featured h3 {  font-size: 24px; }  #beat-course .bc-instructor-inner {  grid-template-columns: 1fr;  gap: 36px; }  #beat-course .bc-instructor-photo-wrap {  max-width: 320px;  margin: 0 auto;  width: 100%; }  #beat-course .bc-instructor-name {  font-size: 56px; }  #beat-course .bc-instructor-bio {  font-size: 16px; }  #beat-course .bc-bonus-hdr {  grid-template-columns: 1fr;  gap: 16px; }  #beat-course .bc-bonus-hdr p {  text-align: left;  max-width: 100%; }  #beat-course .bc-bonus-grid {  grid-template-columns: 1fr;  grid-template-rows: auto; }  #beat-course .bc-bonus-feat {  grid-row: auto;  padding: 36px 28px;  min-height: 0; }  #beat-course .bc-bonus-feat h3 {  font-size: 24px; }  #beat-course .bc-gallery {  padding: 56px 0; }  #beat-course .bc-gallery-img {  height: 200px; }  #beat-course .bc-marquee-track {  font-size: 16px; }  #beat-course .bc-trailer-wrap {  border-radius: 12px; }  #beat-course .bc-pricing {  padding: 80px 0; }  #beat-course .bc-pricing-hdr {  margin-bottom: 56px; }  #beat-course .bc-pricing-hdr h2 {  font-size: 36px; }  #beat-course .bc-pricing-body {  gap: 36px;  padding: 40px 24px; }  #beat-course .bc-pricing-top {  grid-template-columns: 1fr;  gap: 24px;  align-items: start; }  #beat-course .bc-pricing-price-block {  text-align: left;  padding-left: 0;  border-left: none;  padding-top: 24px;  border-top: 1px solid rgba(255,255,255,0.10); }  #beat-course .bc-pricing-name {  font-size: 26px; }  #beat-course .bc-pricing-main {  font-size: 72px; }  #beat-course .bc-pricing-feats {  grid-template-columns: 1fr;  gap: 0; }  #beat-course .bc-pricing-feats li {  border-bottom: 1px solid rgba(255,255,255,0.08); }  #beat-course .bc-pricing-feats li:nth-last-child(-n+2) {  border-bottom: 1px solid rgba(255,255,255,0.08); }  #beat-course .bc-pricing-feats li:last-child {  border-bottom: none; }  #beat-course .bc-pricing-action {  gap: 24px;  padding-top: 28px; }  #beat-course .bc-pricing-notes {  flex-direction: column;  align-items: flex-start;  gap: 10px; }  #beat-course .bc-faq-q {  font-size: 15px;  padding: 22px 0; }  #beat-course .bc-reviews {  padding: 80px 0; }  #beat-course .bc-reviews-hdr h2 {  font-size: 28px; }  #beat-course {  padding-bottom: 72px; }  #beat-course .bc-mob-bar {  display: flex; } }<\/style>\n<div id=\"beat-course\">\n<div class=\"bc-grain\" aria-hidden=\"true\"><\/div>\n<p>            <!-- ===== HERO ===== --><\/p>\n<section class=\"bc-hero\">\n<div class=\"bc-hero-bg\" aria-hidden=\"true\"><\/div>\n<div class=\"bc-hero-overlay\" aria-hidden=\"true\"><\/div>\n<div class=\"bc-hero-noise\" aria-hidden=\"true\"><\/div>\n<div class=\"bc-hero-content\">\n<div class=\"bc-hero-titles\">\n<div class=\"bc-hero-supertitle\">\n                            <span class=\"bc-hero-supertag\">BEAT MAKER<\/span><br \/>\n                            <span style=\"font-family:'Bebas Neue',sans-serif; letter-spacing:0.18em;\">LET&#8217;S GO!<\/span>\n                        <\/div>\n<p>                        <img decoding=\"async\" class=\"bc-hero-logo\" src=\"https:\/\/ourdaysrecords.com\/class\/wp-content\/uploads\/2026\/05\/beatmaking-101-left.webp\" alt=\"\u7b2c\u4e00\u6b21\u505aBeat\u5c31\u4e0a\u624b\" width=\"380\"><\/p>\n<p class=\"bc-hero-desc\">\u60f3\u505a\u563b\u54c8\u97f3\u6a02\uff0c\u537b\u88ab\u4e00\u5806\u8853\u8a9e\u3001\u6a02\u7406\u5687\u5230\uff1f<br \/><strong>\u53f3\u5e74<\/strong>\u7528\u8f15\u9b06\u7c21\u55ae\u7684\u65b9\u5f0f\uff0c\u8b93\u4f60\u5f9e\u96f6<br \/>\u50cf\u5806\u7a4d\u6728\u62fc\u51fa\u4f60\u7684\u7b2c\u4e00\u9996 Beat<\/p>\n<div class=\"bc-hero-cta-row\">\n<div class=\"bc-enroll-box-inner\">\t\t<div data-elementor-type=\"container\" data-elementor-id=\"96020\" class=\"elementor elementor-96020\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2689f8 e-flex e-con-boxed e-con e-parent\" data-id=\"c2689f8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"bc-hero-stats\">\n<div class=\"bc-stat\">\n<div class=\"bc-stat-num\" data-count=\"25\" data-suffix=\"+\">25+<\/div>\n<div class=\"bc-stat-label\">\u500b\u55ae\u5143<\/div>\n<\/p><\/div>\n<div class=\"bc-stat\">\n<div class=\"bc-stat-num\" data-count=\"2\">2<\/div>\n<div class=\"bc-stat-label\">\u7a2e\u66f2\u98a8<\/div>\n<\/p><\/div>\n<div class=\"bc-stat\">\n<div class=\"bc-stat-num\" data-count=\"0\">0<\/div>\n<div class=\"bc-stat-label\">\u57fa\u790e\u9580\u6abb<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <a class=\"bc-hero-scroll\" href=\"#vision\" aria-label=\"\u5411\u4e0b\u6372\u52d5\"> <span>scroll<\/span> <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M12 5v14m0 0l-6-6m6 6l6-6\"\/>\n                    <\/svg> <\/a><br \/>\n            <\/section>\n<p>            <!-- ===== MARQUEE ===== --><\/p>\n<div class=\"bc-marquee\">\n<div class=\"bc-marquee-track\">\n                    <span class=\"bc-marquee-item\"><span class=\"bc-marquee-dot\"><\/span>BOOM BAP<\/span><br \/>\n                    <span class=\"bc-marquee-item\"><span class=\"bc-marquee-dot\"><\/span>TRAP<\/span><br \/>\n                    <span class=\"bc-marquee-item\"><span class=\"bc-marquee-dot\"><\/span>SAMPLING<\/span><br \/>\n                    <span class=\"bc-marquee-item\"><span class=\"bc-marquee-dot\"><\/span>808<\/span><br \/>\n                    <span class=\"bc-marquee-item\"><span class=\"bc-marquee-dot\"><\/span>HI-HAT<\/span><br \/>\n                    <span class=\"bc-marquee-item\"><span class=\"bc-marquee-dot\"><\/span>FL STUDIO<\/span><br \/>\n                    <span class=\"bc-marquee-item\"><span class=\"bc-marquee-dot\"><\/span>BEAT MAKING<\/span><br \/>\n                    <span class=\"bc-marquee-item\"><span class=\"bc-marquee-dot\"><\/span>PRODUCER<\/span><br \/>\n                    <span class=\"bc-marquee-item\"><span class=\"bc-marquee-dot\"><\/span>BOOM BAP<\/span><br \/>\n                    <span class=\"bc-marquee-item\"><span class=\"bc-marquee-dot\"><\/span>TRAP<\/span><br \/>\n                    <span class=\"bc-marquee-item\"><span class=\"bc-marquee-dot\"><\/span>SAMPLING<\/span><br \/>\n                    <span class=\"bc-marquee-item\"><span class=\"bc-marquee-dot\"><\/span>808<\/span><br \/>\n                    <span class=\"bc-marquee-item\"><span class=\"bc-marquee-dot\"><\/span>HI-HAT<\/span><br \/>\n                    <span class=\"bc-marquee-item\"><span class=\"bc-marquee-dot\"><\/span>FL STUDIO<\/span><br \/>\n                    <span class=\"bc-marquee-item\"><span class=\"bc-marquee-dot\"><\/span>BEAT MAKING<\/span><br \/>\n                    <span class=\"bc-marquee-item\"><span class=\"bc-marquee-dot\"><\/span>PRODUCER<\/span>\n                <\/div>\n<\/p><\/div>\n<p>            <!-- ===== VISION ===== --><\/p>\n<section class=\"bc-vision bc-section bc-reveal\" id=\"vision\">\n<div class=\"bc-container\">\n<div class=\"bc-vision-hdr\">\n                        <span class=\"bc-eyebrow\">\u73fe\u5728\uff0c\u60f3\u50cf\u4e00\u4e0b<\/span><\/p>\n<h2 class=\"bc-h2\">\u4f60\u4e5f\u80fd<span class=\"bc-mark\">\u505a\u51fa\u81ea\u5df1\u7684 Beat<\/span><\/h2>\n<\/p><\/div>\n<div class=\"bc-vision-rows\">\n<div class=\"bc-vision-row\">\n<div class=\"bc-vision-img-wrap\">\n                                <span class=\"bc-vision-num\">01<\/span><br \/>\n                                <img decoding=\"async\" class=\"bc-vision-img bc-parallax\" src=\"https:\/\/ourdaysrecords.com\/class\/wp-content\/uploads\/2026\/04\/asskid_500189E6-02AF-4F7F-9C72-4B2AF86729CF.webp\" alt=\"Beat Making\" data-parallax=\"0.08\">\n                            <\/div>\n<div class=\"bc-vision-text\">\n                                <span class=\"bc-vision-tag\">no.01 \u2014 bedroom producer<\/span><\/p>\n<h3>\u6253\u958b\u96fb\u8166<br \/>\u4f60\u5c31\u662f<span>\u88fd\u4f5c\u4eba<\/span><\/h3>\n<p>\u4e0d\u9700\u8981\u821e\u53f0\u3001\u4e0d\u9700\u8981\u6a02\u5718\u3002\u4e00\u53f0\u96fb\u8166\u3001\u4e00\u526f\u8033\u6a5f\uff0c\u53ea\u8981\u4f60\u884c\uff0c\u8166\u4e2d\u7684\u7bc0\u594f\u5c31\u80fd\u8b8a\u6210\u771f\u6b63\u7684\u97f3\u6a02<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"bc-vision-row bc-flip\">\n<div class=\"bc-vision-img-wrap\">\n                                <span class=\"bc-vision-num\">02<\/span><br \/>\n                                <img decoding=\"async\" class=\"bc-vision-img bc-parallax\" src=\"https:\/\/ourdaysrecords.com\/class\/wp-content\/uploads\/2026\/04\/asskid_02284109-C2FE-447C-BE39-36262029775B.webp\" alt=\"Collaboration\" data-parallax=\"0.08\">\n                            <\/div>\n<div class=\"bc-vision-text\">\n                                <span class=\"bc-vision-tag\">no.02 \u2014 collaboration<\/span><\/p>\n<h3>\u548c\u53b2\u5bb3\u7684\u4eba<br \/>\u7ad9\u5728<span>\u540c\u4e00\u689d\u7dda\u4e0a<\/span><\/h3>\n<p>\u7576\u4f60\u6703\u505a Beat\uff0c\u5c31\u80fd\u548c\u9952\u820c\u6b4c\u624b\u3001\u6b4c\u624b\u4e00\u8d77\u5275\u9020\u4f5c\u54c1\uff0cBeat\u662f\u6bcf\u9996\u6b4c\u7684\u8d77\u9ede\uff0c\u4f60\u5c07\u6709\u7121\u9650\u7684\u5408\u4f5c\u6a5f\u6703<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"bc-vision-row\">\n<div class=\"bc-vision-img-wrap\">\n                                <span class=\"bc-vision-num\">03<\/span><br \/>\n                                <img decoding=\"async\" class=\"bc-vision-img bc-parallax\" src=\"https:\/\/ourdaysrecords.com\/class\/wp-content\/uploads\/2026\/04\/asskid_657D8321-18B4-4594-969A-E3D6AB30F7A4.webp\" alt=\"Your Style\" data-parallax=\"0.08\">\n                            <\/div>\n<div class=\"bc-vision-text\">\n                                <span class=\"bc-vision-tag\">no.03 \u2014 your sound<\/span><\/p>\n<h3>\u6253\u9020\u5c08\u5c6c\u65bc\u4f60\u7684<br \/><span>\u8072\u97f3\u98a8\u683c<\/span><\/h3>\n<p>\u6bcf\u500b\u88fd\u4f5c\u4eba\u90fd\u6709\u81ea\u5df1\u7684\u98a8\u683c\uff0c\u4f60\u7684 Beat \u5c31\u662f\u4f60\u7684\u540d\u7247\uff0c\u4f60\u53ef\u4ee5\u5f9e\u4eca\u5929\u958b\u59cb\uff0c\u5efa\u7acb\u5c6c\u65bc\u4f60\u7684\u97f3\u6a02\u4e8b\u696d<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>            <!-- ===== PAIN POINTS ===== --><\/p>\n<section class=\"bc-pain bc-section bc-reveal\">\n<div class=\"bc-container\">\n<div class=\"bc-pain-hdr\">\n<div>\n                            <span class=\"bc-eyebrow\">\u4f46\u662f&#8230;<\/span><\/p>\n<h2 class=\"bc-h2\">\u4f60\u5617\u8a66\u505a\uff0c\u537b<span class=\"bc-mark\">\u5361\u4f4f\u4e86<\/span><\/h2>\n<\/p><\/div>\n<div class=\"bc-pain-hdr-r\">\n<p class=\"bc-sub\" style=\"margin-left:auto;\">\u5fc3\u88e1\u7684\u756b\u9762\u5f88\u7f8e\u597d\uff0c\u73fe\u5be6\u537b\u662f\u6253\u958b\u8edf\u9ad4\u5f8c\u832b\u7136&#8230;<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"bc-pain-grid bc-stagger\">\n<div class=\"bc-pain-card\">\n                            <span class=\"bc-pain-card-num\">issue 01<\/span><br \/>\n                            <svg class=\"bc-pain-card-icon\" viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <circle cx=\"22\" cy=\"22\" r=\"18\"\/>\n                                <path d=\"M22 16v8\"\/>\n                                <circle cx=\"22\" cy=\"29\" r=\"1.4\" fill=\"currentColor\"\/>\n                            <\/svg><\/p>\n<h3>\u6eff\u6eff\u7684\u8853\u8a9e\u770b\u4e0d\u61c2<\/h3>\n<p>\u904e\u9580\u3001808\u3001Side-chain\u3001\u53d6\u6a23\u22ef\u22ef\u5149\u662f\u641e\u61c2\u9019\u4e9b\u540d\u8a5e\uff0c\u71b1\u60c5\u5c31\u5df2\u7d93\u88ab\u6d88\u78e8\u4e00\u534a\u3002<\/p>\n<\/p><\/div>\n<div class=\"bc-pain-card\">\n                            <span class=\"bc-pain-card-num\">issue 02<\/span><br \/>\n                            <svg class=\"bc-pain-card-icon\" viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M8 32V14l8-2v18\"\/>\n                                <circle cx=\"13\" cy=\"32\" r=\"3\"\/>\n                                <path d=\"M28 32V12l8-2v20\" stroke-dasharray=\"3 3\"\/>\n                                <circle cx=\"33\" cy=\"32\" r=\"3\"\/>\n                            <\/svg><\/p>\n<h3>\u505a\u51fa\u4f86\u7684\u4e0d\u50cf\u4e00\u9996\u6b4c<\/h3>\n<p>\u9f13\u653e\u4e86\u3001\u65cb\u5f8b\u4e5f\u6709\u4e86\uff0c\u4f46\u6574\u9996\u807d\u8d77\u4f86\u5c31\u662f\u5c11\u4e86\u4ec0\u9ebc\uff0c\u4e0d\u77e5\u9053\u600e\u9ebc\u8b93 Beat \u66f4\u5b8c\u6574\u3001\u66f4\u6709\u5473\u9053\u3002<\/p>\n<\/p><\/div>\n<div class=\"bc-pain-card\">\n                            <span class=\"bc-pain-card-num\">issue 03<\/span><br \/>\n                            <svg class=\"bc-pain-card-icon\" viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M36 22a14 14 0 1 1-4.1-9.9\"\/>\n                                <path d=\"M36 8v8h-8\"\/>\n                            <\/svg><\/p>\n<h3>\u5361\u5728\u540c\u4e00\u500b\u5957\u8def\u88e1<\/h3>\n<p>\u6bcf\u6b21\u505a\u51fa\u4f86\u7684\u6771\u897f\u90fd\u5dee\u4e0d\u591a\uff0c\u60f3\u7a81\u7834\u537b\u627e\u4e0d\u5230\u65b9\u5411\uff0c\u4e0d\u77e5\u9053\u5225\u4eba\u7684 Beat \u5230\u5e95\u662f\u600e\u9ebc\u505a\u7684\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>            <!-- ===== APPROACH ===== --><\/p>\n<section class=\"bc-approach bc-section bc-reveal\">\n<div class=\"bc-container\">\n<div class=\"bc-approach-hdr\">\n                        <span class=\"bc-eyebrow\">\u5225\u64d4\u5fc3<\/span><\/p>\n<h2 class=\"bc-h2\">\u9019\u5802\u8ab2\u7d50\u675f\u5f8c\uff0c<span class=\"bc-mark\">\u4f60\u80fd\u505a\u5230\u9019\u6a23<\/span><\/h2>\n<p class=\"bc-sub\">\u6309\u4e0b\u65b9\u5f71\u7247\u64ad\u653e\uff0c\u9019\u5c31\u662f\u4f60\u4e0a\u5b8c\u8ab2\uff0c\u53ef\u4ee5\u8b8a\u6210\u7684\u6a23\u5b50<\/p>\n<\/p><\/div>\n<div class=\"bc-approach-video\">\n                        <iframe data-src=\"https:\/\/player.vimeo.com\/video\/1183266525?title=0&#038;byline=0&#038;portrait=0&#038;controls=0\" src=\"https:\/\/player.vimeo.com\/video\/1183266525?title=0&#038;byline=0&#038;portrait=0&#038;controls=0\" frameborder=\"0\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe><\/p>\n<div class=\"bc-video-overlay\" data-vimeo=\"1183266525\">\n                            <svg class=\"bc-video-play\" viewBox=\"0 0 80 80\">\n                                <circle cx=\"40\" cy=\"40\" r=\"39\" fill=\"rgba(10,10,10,.55)\" stroke=\"rgba(242,92,25,.85)\" stroke-width=\"2\"\/>\n                                <polygon points=\"33,24 33,56 58,40\" fill=\"#F25C19\"\/>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>            <!-- ===== STEPS ===== --><\/p>\n<section class=\"bc-steps bc-section bc-reveal\">\n<div class=\"bc-container\">\n<div class=\"bc-steps-hdr\">\n                        <span class=\"bc-eyebrow\">\u4e0d\u8aaa\u5ee2\u8a71\uff0c\u76f4\u63a5\u958b\u641e<\/span><\/p>\n<h2 class=\"bc-h2\">\u53ea\u8981 4 \u6b65\u9a5f\uff0c<span class=\"bc-mark\">\u5f9e\u96f6\u5230\u5b8c\u6574<\/span><\/h2>\n<\/p><\/div>\n<div class=\"bc-steps-grid bc-stagger\">\n<div class=\"bc-step\">\n<div class=\"bc-step-num\">01<\/div>\n<h3>\u5f9e\u9f13\u958b\u59cb<\/h3>\n<p>\u5927\u9f13\u3001Clap\u3001HiHat \u2014 \u4e09\u500b\u5143\u7d20\u5c31\u80fd\u5efa\u7acb\u7bc0\u62cd\u57fa\u790e\u3002<\/p>\n<\/p><\/div>\n<div class=\"bc-step\">\n<div class=\"bc-step-num\">02<\/div>\n<h3>\u52a0\u4e0a\u65cb\u5f8b\u8207\u53d6\u6a23<\/h3>\n<p>\u7528\u73fe\u6210\u7d20\u6750\u6216\u81ea\u5f48\u65cb\u5f8b\uff0c\u70ba\u4f60\u7684 Beat \u6ce8\u5165\u9748\u9b42\u3002<\/p>\n<\/p><\/div>\n<div class=\"bc-step\">\n<div class=\"bc-step-num\">03<\/div>\n<h3>\u7de8\u6392\u6210\u66f2<\/h3>\n<p>\u7d44\u5408\u6210\u5b8c\u6574\u6bb5\u843d\uff0c\u52a0\u5165\u97f3\u6548\u8207\u904e\u9580\uff0c\u4e00\u9996\u6b4c\u5c31\u8a95\u751f\u4e86\u3002<\/p>\n<\/p><\/div>\n<div class=\"bc-step\">\n<div class=\"bc-step-num\">04<\/div>\n<h3>\u6210\u70ba\u88fd\u4f5c\u4eba<\/h3>\n<p>\u5b78\u6703\u8207\u6b4c\u624b\u5408\u4f5c\uff0c\u8e0f\u51fa\u6210\u70ba\u5c08\u696d\u88fd\u4f5c\u4eba\u7684\u7b2c\u4e00\u6b65\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>            <!-- ===== WHY IT WORKS ===== --><\/p>\n<section class=\"bc-why bc-section bc-reveal\">\n<div class=\"bc-container\">\n<div class=\"bc-why-hdr\">\n<div>\n                            <span class=\"bc-eyebrow\">\u70ba\u4ec0\u9ebc\u6709\u6548<\/span><\/p>\n<h2 class=\"bc-h2\">\u9019\u5802\u8ab2<span class=\"bc-mark\">\u54ea\u88e1\u4e0d\u4e00\u6a23\uff1f<\/span><\/h2>\n<\/p><\/div>\n<p>\u4e0d\u662f\u5e02\u5834\u4e0a\u90a3\u7a2e\u300c\u5148\u5b78\u4e00\u500b\u6708\u7406\u8ad6\u518d\u958b\u59cb\u300d\u7684\u8ab2\u7a0b\u3002\u53f3\u5e74\u7528\u771f\u6b63\u5728\u7528\u7684\u65b9\u6cd5\uff0c\u628a\u4f60\u76f4\u63a5\u653e\u9032\u88fd\u4f5c\u4eba\u7684\u5de5\u4f5c\u6d41\u3002<\/p>\n<\/p><\/div>\n<div class=\"bc-why-grid bc-stagger\">\n<div class=\"bc-why-card bc-featured\">\n<div>\n                                <span class=\"bc-why-num\">reason 01 \/ featured<\/span><br \/>\n                                <svg class=\"bc-why-icon\" viewBox=\"0 0 36 36\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M6 20a12 12 0 0 1 24 0v6a4 4 0 0 1-4 4h-2v-12h6\"\/>\n                                    <path d=\"M30 20v6a4 4 0 0 1-4 4h-2\"\/>\n                                    <path d=\"M6 20v6a4 4 0 0 0 4 4h2v-12H6\"\/>\n                                <\/svg><\/p>\n<h3>\u4e0d\u80cc\u6a02\u7406\uff0c\u7528\u8033\u6735\u5b78<\/h3>\n<\/p><\/div>\n<p>\u563b\u54c8\u5f9e\u4f86\u4e0d\u662f\u8ab2\u672c\u6559\u51fa\u4f86\u7684\u3002\u53f3\u5e74\u6559\u4f60\u7528\u76f4\u89ba\u505a\u97f3\u6a02 \u2014 \u807d\u5230\u5c0d\u7684\u8072\u97f3\uff0c\u4f60\u81ea\u7136\u5c31\u77e5\u9053\u4e0b\u4e00\u6b65\u8a72\u653e\u4ec0\u9ebc\u3002<\/p>\n<\/p><\/div>\n<div class=\"bc-why-card\">\n                            <span class=\"bc-why-num\">reason 02<\/span><br \/>\n                            <svg class=\"bc-why-icon\" viewBox=\"0 0 36 36\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <circle cx=\"18\" cy=\"18\" r=\"14\"\/>\n                                <circle cx=\"18\" cy=\"18\" r=\"5\"\/>\n                                <circle cx=\"18\" cy=\"18\" r=\"1.2\" fill=\"currentColor\"\/>\n                            <\/svg><\/p>\n<h3>\u5169\u7a2e\u66f2\u98a8\uff0c\u5169\u9996\u5b8c\u6574\u4f5c\u54c1<\/h3>\n<p>\u4e0d\u662f\u53ea\u505a\u7df4\u7fd2\u3002\u4f60\u6703\u5e36\u8457 Boom Bap \u548c Trap \u5169\u9996\u5b8c\u6210\u54c1\u96e2\u958b\u9019\u5802\u8ab2\uff0c\u76f4\u63a5\u653e\u9032\u4f60\u7684\u4f5c\u54c1\u96c6\u3002<\/p>\n<\/p><\/div>\n<div class=\"bc-why-card\">\n                            <span class=\"bc-why-num\">reason 03<\/span><br \/>\n                            <svg class=\"bc-why-icon\" viewBox=\"0 0 36 36\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <rect x=\"6\" y=\"6\" width=\"24\" height=\"24\" rx=\"3\"\/>\n                                <path d=\"M11 13h14M11 18h14M11 23h8\"\/>\n                            <\/svg><\/p>\n<h3>\u88fd\u4f5c\u4eba\u7684\u771f\u5be6\u5de5\u4f5c\u6d41<\/h3>\n<p>\u4e0d\u662f\u6559\u79d1\u66f8\u6d41\u7a0b\uff0c\u662f\u53f3\u5e74\u6bcf\u5929\u5be6\u969b\u5728\u7528\u7684\u65b9\u6cd5\u3002\u5f9e\u6253\u958b\u8edf\u9ad4\u5230\u5b8c\u6210\u4e00\u9996\u6b4c\uff0c\u4e2d\u9593\u4e0d\u6703\u6709\u4efb\u4f55\u65b7\u5c64\u3002<\/p>\n<\/p><\/div>\n<div class=\"bc-why-card\">\n                            <span class=\"bc-why-num\">reason 04<\/span><br \/>\n                            <svg class=\"bc-why-icon\" viewBox=\"0 0 36 36\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M19 4l-9 18h7l-2 10 9-18h-7l2-10z\" fill=\"currentColor\" fill-opacity=\"0.12\"\/>\n                            <\/svg><\/p>\n<h3>\u7b2c\u4e00\u5802\u8ab2\u5c31\u958b\u59cb\u505a Beat<\/h3>\n<p>\u4e0d\u7528\u7b49\u300c\u5b78\u5b8c\u57fa\u790e\u300d\u624d\u80fd\u52d5\u624b\u3002\u4f60\u5f9e\u7b2c\u4e00\u5802\u8ab2\u5c31\u5728\u505a Beat\uff0c\u908a\u505a\u908a\u61c2\uff0c\u6108\u505a\u6108\u4e0a\u766e\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>            <!-- ===== CURRICULUM ===== --><\/p>\n<section class=\"bc-curriculum bc-section bc-reveal\">\n<div class=\"bc-container\">\n<div class=\"bc-curriculum-hdr\">\n                        <span class=\"bc-eyebrow\">\u8ab2\u7a0b\u5927\u7db1<\/span><\/p>\n<h2 class=\"bc-h2\">\u5b8c\u6574<span class=\"bc-mark\">\u8ab2\u7a0b\u5927\u7db1<\/span><\/h2>\n<p class=\"bc-sub\">\u5f9e\u563b\u54c8\u6982\u5ff5\u5230\u5b8c\u6574\u4f5c\u54c1\uff0c\u5faa\u5e8f\u6f38\u9032\u5e36\u4f60\u8d70\u5b8c\u6bcf\u4e00\u6b65\u3002<\/p>\n<\/p><\/div>\n<div class=\"bc-chapters\">\n                        <!-- CH1 --><\/p>\n<div class=\"bc-chapter\">\n<div class=\"bc-chapter-header\" onclick=\"window.bcToggle(this)\">\n<div class=\"bc-chapter-left\">\n                                    <span class=\"bc-chapter-badge\">ch.01<\/span><br \/>\n                                    <span class=\"bc-chapter-name\">\u958b\u5834 \u2014 \u563b\u54c8\u97f3\u6a02\u6982\u5ff5<\/span>\n                                <\/div>\n<p>                                <svg class=\"bc-chapter-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <polyline points=\"6 9 12 15 18 9\"\/>\n                                <\/svg>\n                            <\/div>\n<div class=\"bc-chapter-body\">\n<div class=\"bc-lessons\">\n<div class=\"bc-lesson\">\n                                        <span class=\"bc-lesson-num\">01<\/span><br \/>\n                                        <span class=\"bc-lesson-name\">\u8ab2\u7a0b\u5927\u7db1 &amp; \u563b\u54c8\u97f3\u6a02\u6982\u5ff5<\/span>\n                                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                        <!-- CH2 --><\/p>\n<div class=\"bc-chapter bc-open\">\n<div class=\"bc-chapter-header\" onclick=\"window.bcToggle(this)\">\n<div class=\"bc-chapter-left\">\n                                    <span class=\"bc-chapter-badge\">ch.02<\/span><br \/>\n                                    <span class=\"bc-chapter-name\">Boom Bap<\/span>\n                                <\/div>\n<p>                                <svg class=\"bc-chapter-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <polyline points=\"6 9 12 15 18 9\"\/>\n                                <\/svg>\n                            <\/div>\n<div class=\"bc-chapter-body\">\n<div class=\"bc-lessons\">\n<div class=\"bc-lesson\">\n                                        <span class=\"bc-lesson-num\">01<\/span><br \/>\n                                        <span class=\"bc-lesson-name\">Boom Bap \u9f13\u7d44<\/span>\n                                    <\/div>\n<div class=\"bc-lesson\">\n                                        <span class=\"bc-lesson-num\">02<\/span><br \/>\n                                        <span class=\"bc-lesson-name\">MIXER \u7c21\u4ecb<\/span>\n                                    <\/div>\n<div class=\"bc-lesson\">\n                                        <span class=\"bc-lesson-num\">03<\/span><br \/>\n                                        <span class=\"bc-lesson-name\">\u73fe\u6210\u53d6\u6a23<\/span>\n                                    <\/div>\n<div class=\"bc-lesson\">\n                                        <span class=\"bc-lesson-num\">04<\/span><br \/>\n                                        <span class=\"bc-lesson-name\">\u6b4c\u66f2\u53d6\u6a23<\/span>\n                                    <\/div>\n<div class=\"bc-lesson\">\n                                        <span class=\"bc-lesson-num\">05<\/span><br \/>\n                                        <span class=\"bc-lesson-name\">\u6548\u679c\u8a2d\u8a08<\/span>\n                                    <\/div>\n<div class=\"bc-lesson\">\n                                        <span class=\"bc-lesson-num\">06<\/span><br \/>\n                                        <span class=\"bc-lesson-name\">\u65cb\u5f8b\u6a02\u5668<\/span>\n                                    <\/div>\n<div class=\"bc-lesson\">\n                                        <span class=\"bc-lesson-num\">07<\/span><br \/>\n                                        <span class=\"bc-lesson-name\">\u4eba\u8072\u53d6\u6a23<\/span>\n                                    <\/div>\n<div class=\"bc-lesson\">\n                                        <span class=\"bc-lesson-num\">08<\/span><br \/>\n                                        <span class=\"bc-lesson-name\">BASS<\/span>\n                                    <\/div>\n<div class=\"bc-lesson\">\n                                        <span class=\"bc-lesson-num\">09<\/span><br \/>\n                                        <span class=\"bc-lesson-name\">\u97f3\u6548 &amp; \u904e\u9580<\/span>\n                                    <\/div>\n<div class=\"bc-lesson\">\n                                        <span class=\"bc-lesson-num\">10<\/span><br \/>\n                                        <span class=\"bc-lesson-name\">\u6bb5\u843d\u7de8\u6392<\/span>\n                                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                        <!-- EXTRA --><\/p>\n<div class=\"bc-chapter\">\n<div class=\"bc-chapter-header\" onclick=\"window.bcToggle(this)\">\n<div class=\"bc-chapter-left\">\n                                    <span class=\"bc-chapter-badge bc-extra\">extra<\/span><br \/>\n                                    <span class=\"bc-chapter-name\">\u88dc\u5145\u55ae\u5143<\/span>\n                                <\/div>\n<p>                                <svg class=\"bc-chapter-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <polyline points=\"6 9 12 15 18 9\"\/>\n                                <\/svg>\n                            <\/div>\n<div class=\"bc-chapter-body\">\n<div class=\"bc-lessons\">\n<div class=\"bc-lesson\">\n                                        <span class=\"bc-lesson-num\">01<\/span><br \/>\n                                        <span class=\"bc-lesson-name\">Beat Tag \u88fd\u4f5c<\/span>\n                                    <\/div>\n<div class=\"bc-lesson\">\n                                        <span class=\"bc-lesson-num\">02<\/span><br \/>\n                                        <span class=\"bc-lesson-name\">\u53d6\u6a23\u8a0e\u8ad6<\/span>\n                                    <\/div>\n<div class=\"bc-lesson\">\n                                        <span class=\"bc-lesson-num\">03<\/span><br \/>\n                                        <span class=\"bc-lesson-name\">\u57fa\u790e\u6a02\u7406\u88dc\u5145<\/span>\n                                    <\/div>\n<div class=\"bc-lesson\">\n                                        <span class=\"bc-lesson-num\">04<\/span><br \/>\n                                        <span class=\"bc-lesson-name\">\u5f71\u7247\u53d6\u6a23<\/span>\n                                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                        <!-- CH3 --><\/p>\n<div class=\"bc-chapter\">\n<div class=\"bc-chapter-header\" onclick=\"window.bcToggle(this)\">\n<div class=\"bc-chapter-left\">\n                                    <span class=\"bc-chapter-badge\">ch.03<\/span><br \/>\n                                    <span class=\"bc-chapter-name\">Trap<\/span>\n                                <\/div>\n<p>                                <svg class=\"bc-chapter-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <polyline points=\"6 9 12 15 18 9\"\/>\n                                <\/svg>\n                            <\/div>\n<div class=\"bc-chapter-body\">\n<div class=\"bc-lessons\">\n<div class=\"bc-lesson\">\n                                        <span class=\"bc-lesson-num\">01<\/span><br \/>\n                                        <span class=\"bc-lesson-name\">Trap \u9f13\u7d44<\/span>\n                                    <\/div>\n<div class=\"bc-lesson\">\n                                        <span class=\"bc-lesson-num\">02<\/span><br \/>\n                                        <span class=\"bc-lesson-name\">\u65cb\u5f8b\u53d6\u6a23<\/span>\n                                    <\/div>\n<div class=\"bc-lesson\">\n                                        <span class=\"bc-lesson-num\">03<\/span><br \/>\n                                        <span class=\"bc-lesson-name\">808<\/span>\n                                    <\/div>\n<div class=\"bc-lesson\">\n                                        <span class=\"bc-lesson-num\">04<\/span><br \/>\n                                        <span class=\"bc-lesson-name\">\u6bb5\u843d\u7de8\u6392<\/span>\n                                    <\/div>\n<div class=\"bc-lesson\">\n                                        <span class=\"bc-lesson-num\">05<\/span><br \/>\n                                        <span class=\"bc-lesson-name\">\u97f3\u6548 &amp; \u904e\u9580<\/span>\n                                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                        <!-- CH4 --><\/p>\n<div class=\"bc-chapter\">\n<div class=\"bc-chapter-header\" onclick=\"window.bcToggle(this)\">\n<div class=\"bc-chapter-left\">\n                                    <span class=\"bc-chapter-badge\">ch.04<\/span><br \/>\n                                    <span class=\"bc-chapter-name\">\u88fd\u4f5c\u4eba\u79d8\u7b08<\/span>\n                                <\/div>\n<p>                                <svg class=\"bc-chapter-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <polyline points=\"6 9 12 15 18 9\"\/>\n                                <\/svg>\n                            <\/div>\n<div class=\"bc-chapter-body\">\n<div class=\"bc-lessons\">\n<div class=\"bc-lesson\">\n                                        <span class=\"bc-lesson-num\">01<\/span><br \/>\n                                        <span class=\"bc-lesson-name\">\u8207\u6b4c\u624b\u5408\u4f5c<\/span>\n                                    <\/div>\n<div class=\"bc-lesson\">\n                                        <span class=\"bc-lesson-num\">02<\/span><br \/>\n                                        <span class=\"bc-lesson-name\">\u88fd\u4f5c\u4eba\u935b\u934a<\/span>\n                                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                        <!-- CH5 --><\/p>\n<div class=\"bc-chapter\">\n<div class=\"bc-chapter-header\" onclick=\"window.bcToggle(this)\">\n<div class=\"bc-chapter-left\">\n                                    <span class=\"bc-chapter-badge\">ch.05<\/span><br \/>\n                                    <span class=\"bc-chapter-name\">\u7d50\u8a9e<\/span>\n                                <\/div>\n<p>                                <svg class=\"bc-chapter-arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <polyline points=\"6 9 12 15 18 9\"\/>\n                                <\/svg>\n                            <\/div>\n<div class=\"bc-chapter-body\">\n<div class=\"bc-lessons\">\n<div class=\"bc-lesson\">\n                                        <span class=\"bc-lesson-num\">01<\/span><br \/>\n                                        <span class=\"bc-lesson-name\">\u8ab2\u7a0b\u7e3d\u7d50\u8207\u4e0b\u4e00\u6b65<\/span>\n                                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>            <!-- ===== INSTRUCTOR ===== --><\/p>\n<section class=\"bc-instructor bc-section bc-reveal\">\n<div class=\"bc-container\">\n<div class=\"bc-instructor-inner\">\n<div class=\"bc-instructor-photo-wrap\">\n                            <img decoding=\"async\" class=\"bc-instructor-photo\" src=\"https:\/\/ourdaysrecords.com\/class\/wp-content\/uploads\/2026\/04\/asskid_IMG_0092_VSCO-scaled.webp\" alt=\"\u53f3\u5e74\"><br \/>\n                            <span class=\"bc-instructor-meta\">instructor \/ \u53f3\u5e74<\/span>\n                        <\/div>\n<div>\n                            <span class=\"bc-instructor-eyebrow\">\u95dc\u65bc\u8b1b\u5e2b<\/span><\/p>\n<h2 class=\"bc-instructor-name\">\u53f3\u5e74<\/h2>\n<p class=\"bc-instructor-role\">BEAT MAKER \/ PRODUCER<\/p>\n<p class=\"bc-instructor-bio\">\n            \u6d3b\u8e8d\u65bc\u53f0\u7063\u563b\u54c8\u5708\u7684<strong>\u97f3\u6a02\u88fd\u4f5c\u4eba<\/strong>\uff0c\u64c5\u9577 Boom Bap \u8207 Trap \u98a8\u683c\u7684 Beat \u88fd\u4f5c\u3002<\/p>\n<p>            \u5f9e\u53d6\u6a23\u5230\u539f\u5275\u7de8\u66f2\uff0c\u53f3\u5e74\u4ee5\u7368\u7279\u7684\u97f3\u6a02\u54c1\u5473\u548c\u7d2e\u5be6\u7684\u88fd\u4f5c\u529f\u529b\uff0c\u6253\u9020\u51fa\u4e00\u9996\u53c8\u4e00\u9996\u4ee4\u4eba\u5370\u8c61\u6df1\u523b\u7684\u4f5c\u54c1\u3002\u9019\u6b21\u4ed6\u5c07\u591a\u5e74\u7684<strong>\u88fd\u4f5c\u7d93\u9a57<\/strong>\u6fc3\u7e2e\u6210\u4e00\u5957\u7cfb\u7d71\u5316\u8ab2\u7a0b\uff0c\u5e36\u4f60\u5f9e\u96f6\u958b\u59cb\u6210\u70ba Beat Maker\u3002 <\/p>\n<div class=\"bc-instructor-credits\">\n                                <span class=\"bc-credit-tag\">Boom Bap<\/span><br \/>\n                                <span class=\"bc-credit-tag\">Trap<\/span><br \/>\n                                <span class=\"bc-credit-tag\">Beat Making<\/span><br \/>\n                                <span class=\"bc-credit-tag\">Sampling<\/span><br \/>\n                                <span class=\"bc-credit-tag\">FL Studio<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>            <!-- ===== TRAILER ===== --><\/p>\n<section class=\"bc-trailer bc-section bc-reveal\">\n<div class=\"bc-container\">\n<div class=\"bc-trailer-hdr\">\n                        <span class=\"bc-eyebrow\">\u53f3\u5e74\uff0c\u60f3\u8ddf\u4f60\u8aaa<\/span><\/p>\n<h2 class=\"bc-h2\">\u505a\u563b\u54c8\uff0c\u672c\u8a72<span class=\"bc-mark\">\u9019\u9ebc\u7c21\u55ae<\/span><\/h2>\n<p class=\"bc-sub\">\u628a\u8166\u6d77\u4e2d\u7684\u7bc0\u62cd\u3001\u65cb\u5f8b<br \/>\u8f15\u9b06\u7684\u62fc\u51fa\u4f86<\/p>\n<\/p><\/div>\n<div class=\"bc-trailer-wrap\">\n                        <iframe src=\"https:\/\/www.youtube-nocookie.com\/embed\/jHT3acS6emg?rel=0&#038;modestbranding=1\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen title=\"\u7b2c\u4e00\u6b21\u505aBeat\u5c31\u4e0a\u624b \u8ab2\u7a0b\u5ba3\u50b3\u7247\"><\/iframe>\n                    <\/div>\n<\/p><\/div>\n<\/section>\n<p>            <!-- ===== BONUS ===== --><\/p>\n<section class=\"bc-bonus bc-section bc-reveal\">\n<div class=\"bc-container\">\n<div class=\"bc-bonus-hdr\">\n<div>\n                            <span class=\"bc-eyebrow\">\u52a0\u78bc\u597d\u79ae<\/span><\/p>\n<h2 class=\"bc-h2\">\u9664\u4e86\u8ab2\u7a0b\uff0c<span class=\"bc-mark\">\u9084\u6709\u66f4\u591a<\/span><\/h2>\n<\/p><\/div>\n<p>\u4e0d\u53ea\u6559\u4f60\u505a\u51fa Beat \u2014 \u9019\u4e9b\u8cc7\u6e90\u8b93\u4f60\u505a\u5f97\u66f4\u5feb\u3001\u8d70\u5f97\u66f4\u9060\u3002<\/p>\n<\/p><\/div>\n<div class=\"bc-bonus-grid bc-stagger\">\n<div class=\"bc-bonus-card bc-bonus-feat\">\n<div class=\"bc-bonus-feat-top\">\n                                <span class=\"bc-bonus-tag\">bonus 01 \u2014 featured<\/span><br \/>\n                                <svg class=\"bc-bonus-icon\" viewBox=\"0 0 56 56\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <rect x=\"8\" y=\"14\" width=\"40\" height=\"32\" rx=\"3\"\/>\n                                    <circle cx=\"18\" cy=\"26\" r=\"3\"\/>\n                                    <circle cx=\"38\" cy=\"26\" r=\"3\"\/>\n                                    <path d=\"M18 34v6M38 34v6M14 22v-4l4-4h20l4 4v4\"\/>\n                                <\/svg><\/p>\n<h3>\u88fd\u4f5c\u4eba\u7cbe\u9078\u97f3\u8272\u5305<\/h3>\n<\/p><\/div>\n<div class=\"bc-bonus-bignum-wrap\">\n                                <span class=\"bc-bonus-bignum\" aria-label=\"1331 \u500b\u97f3\u8272\u6a94\u6848\">1331<\/span><br \/>\n                                <span class=\"bc-bonus-bignum-label\">\u97f3\u8272\u6a94\u6848 \/ samples<\/span>\n                            <\/div>\n<p>\u5f9e\u5927\u9f13\u3001Clap\u3001HiHat \u5230 FX\uff0c\u5168\u662f\u53f3\u5e74\u5be6\u6230\u4f7f\u7528\u7684\u97f3\u8272\u3002\u6253\u958b\u5c31\u6709\u8077\u696d\u6c34\u6e96 \u2014 \u7701\u4e0b\u4f60\u5230\u8655\u627e\u7d20\u6750\u7684\u6642\u9593\uff0c\u5f9e\u7b2c\u4e00\u9996 Beat \u5c31\u958b\u59cb\u7528\u5c0d\u7684\u8072\u97f3\u3002<\/p>\n<\/p><\/div>\n<div class=\"bc-bonus-card\">\n                            <span class=\"bc-bonus-tag\">bonus 02<\/span><br \/>\n                            <svg class=\"bc-bonus-icon\" viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M10 34V10h18l8 8v16H10z\"\/>\n                                <path d=\"M28 10v8h8\"\/>\n                                <path d=\"M16 22h12M16 27h10\"\/>\n                            <\/svg><\/p>\n<h3>6 \u6b21\u4f5c\u696d + \u53f3\u5e74\u89aa\u81ea\u56de\u994b<\/h3>\n<p>                            <span class=\"bc-bonus-highlight\">\u548c\u5225\u7684\u8ab2\u7a0b\u4e0d\u4e00\u6a23<\/span><\/p>\n<p>\u8ddf\u8457\u8ab2\u7a0b\u9032\u5ea6\uff0c\u6bcf\u968e\u6bb5\u90fd\u6703\u8acb\u4f60\u63d0\u4ea4\u4e00\u9996 Beat\uff0c\u53f3\u5e74\u6703\u89aa\u81ea\u7d66\u4f60\u7d30\u7bc0\u5efa\u8b70\u3002\u8b93\u4f60\u7528\u300c\u88fd\u4f5c\u4eba\u7684\u601d\u7dad\u300d\u4fee\u6b63\u81ea\u5df1\u7684\u4f5c\u54c1 \u2014 \u6bcf\u4e00\u6b21\u63d0\u4ea4\uff0c\u90fd\u662f\u4e00\u6b21\u6709\u611f\u7684\u9032\u6b65\u3002<\/p>\n<\/p><\/div>\n<div class=\"bc-bonus-card\">\n                            <span class=\"bc-bonus-tag\">bonus 03<\/span><br \/>\n                            <svg class=\"bc-bonus-icon\" viewBox=\"0 0 44 44\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <circle cx=\"14\" cy=\"16\" r=\"5\"\/>\n                                <circle cx=\"30\" cy=\"16\" r=\"5\"\/>\n                                <path d=\"M5 34c0-5 4-9 9-9s9 4 9 9M21 34c0-5 4-9 9-9s9 4 9 9\"\/>\n                            <\/svg><\/p>\n<h3>\u97f3\u6a02\u88fd\u4f5c\u8ab2 VIP \u793e\u7fa4<\/h3>\n<p>                            <span class=\"bc-bonus-highlight\">\u4e0d\u53ea\u5b78\u8ab2\u7a0b\uff0c\u9084\u6709\u5925\u4f34<\/span><\/p>\n<p>\u8cfc\u8ab2\u5f8c\u52a0\u5165\u5c08\u5c6c VIP \u7fa4\u7d44\uff0c\u548c\u5927\u5bb6\u4e00\u8d77\u8a0e\u8ad6\u7de8\u66f2\u3001\u6df7\u97f3\u3001\u6bcd\u5e36\u3002\u9047\u5230\u554f\u984c\u6709\u4eba\u5e6b\u4f60\u89e3 \u2014 \u800c\u4e14\u9019\u88e1\u53ef\u80fd\u5c31\u662f\u4f60\u4e0b\u4e00\u6b21\u5408\u4f5c\u3001\u8a8d\u8b58\u670b\u53cb\u7684\u8d77\u9ede\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>            <!-- ===== GALLERY ===== --><\/p>\n<section class=\"bc-gallery bc-reveal\">\n<div class=\"bc-gallery-track\">\n                    <img decoding=\"async\" class=\"bc-gallery-img\" src=\"https:\/\/ourdaysrecords.com\/class\/wp-content\/uploads\/2026\/04\/asskid_02284109-C2FE-447C-BE39-36262029775B.webp\" alt=\"\u8ab2\u7a0b\u756b\u9762\"><br \/>\n                    <img decoding=\"async\" class=\"bc-gallery-img\" src=\"https:\/\/ourdaysrecords.com\/class\/wp-content\/uploads\/2026\/04\/asskid_6A476CF6-8F1A-48F7-B97A-C43C96485446.webp\" alt=\"\u8ab2\u7a0b\u756b\u9762\"><br \/>\n                    <img decoding=\"async\" class=\"bc-gallery-img\" src=\"https:\/\/ourdaysrecords.com\/class\/wp-content\/uploads\/2026\/04\/asskid_D4A11985-5A2B-4284-A851-CFD3CAC24302.webp\" alt=\"\u8ab2\u7a0b\u756b\u9762\"><br \/>\n                    <img decoding=\"async\" class=\"bc-gallery-img\" src=\"https:\/\/ourdaysrecords.com\/class\/wp-content\/uploads\/2026\/04\/asskid_5DFD4D0C-B4BD-4C55-A612-E3CE74B59FF6.webp\" alt=\"\u8ab2\u7a0b\u756b\u9762\"><br \/>\n                    <img decoding=\"async\" class=\"bc-gallery-img\" src=\"https:\/\/ourdaysrecords.com\/class\/wp-content\/uploads\/2026\/04\/asskid_5BE25CE0-553B-4429-985A-3B7CC2EE3423.webp\" alt=\"\u8ab2\u7a0b\u756b\u9762\"><br \/>\n                    <img decoding=\"async\" class=\"bc-gallery-img\" src=\"https:\/\/ourdaysrecords.com\/class\/wp-content\/uploads\/2026\/04\/asskid_657D8321-18B4-4594-969A-E3D6AB30F7A4.webp\" alt=\"\u8ab2\u7a0b\u756b\u9762\"><br \/>\n                    <img decoding=\"async\" class=\"bc-gallery-img\" src=\"https:\/\/ourdaysrecords.com\/class\/wp-content\/uploads\/2026\/04\/asskid_7519DED1-D470-44CA-9E3D-C8D82A4B0F1E.webp\" alt=\"\u8ab2\u7a0b\u756b\u9762\"><br \/>\n                    <img decoding=\"async\" class=\"bc-gallery-img\" src=\"https:\/\/ourdaysrecords.com\/class\/wp-content\/uploads\/2026\/04\/asskid_500189E6-02AF-4F7F-9C72-4B2AF86729CF.webp\" alt=\"\u8ab2\u7a0b\u756b\u9762\"><br \/>\n                    <img decoding=\"async\" class=\"bc-gallery-img\" src=\"https:\/\/ourdaysrecords.com\/class\/wp-content\/uploads\/2026\/04\/asskid_5C2727D7-A817-4D22-8CD2-5C9D98D1678B.webp\" alt=\"\u8ab2\u7a0b\u756b\u9762\"><br \/>\n                    <!-- duplicate for seamless loop --><br \/>\n                    <img decoding=\"async\" class=\"bc-gallery-img\" src=\"https:\/\/ourdaysrecords.com\/class\/wp-content\/uploads\/2026\/04\/asskid_02284109-C2FE-447C-BE39-36262029775B.webp\" alt=\"\u8ab2\u7a0b\u756b\u9762\"><br \/>\n                    <img decoding=\"async\" class=\"bc-gallery-img\" src=\"https:\/\/ourdaysrecords.com\/class\/wp-content\/uploads\/2026\/04\/asskid_6A476CF6-8F1A-48F7-B97A-C43C96485446.webp\" alt=\"\u8ab2\u7a0b\u756b\u9762\"><br \/>\n                    <img decoding=\"async\" class=\"bc-gallery-img\" src=\"https:\/\/ourdaysrecords.com\/class\/wp-content\/uploads\/2026\/04\/asskid_D4A11985-5A2B-4284-A851-CFD3CAC24302.webp\" alt=\"\u8ab2\u7a0b\u756b\u9762\"><br \/>\n                    <img decoding=\"async\" class=\"bc-gallery-img\" src=\"https:\/\/ourdaysrecords.com\/class\/wp-content\/uploads\/2026\/04\/asskid_5DFD4D0C-B4BD-4C55-A612-E3CE74B59FF6.webp\" alt=\"\u8ab2\u7a0b\u756b\u9762\"><br \/>\n                    <img decoding=\"async\" class=\"bc-gallery-img\" src=\"https:\/\/ourdaysrecords.com\/class\/wp-content\/uploads\/2026\/04\/asskid_5BE25CE0-553B-4429-985A-3B7CC2EE3423.webp\" alt=\"\u8ab2\u7a0b\u756b\u9762\"><br \/>\n                    <img decoding=\"async\" class=\"bc-gallery-img\" src=\"https:\/\/ourdaysrecords.com\/class\/wp-content\/uploads\/2026\/04\/asskid_657D8321-18B4-4594-969A-E3D6AB30F7A4.webp\" alt=\"\u8ab2\u7a0b\u756b\u9762\"><br \/>\n                    <img decoding=\"async\" class=\"bc-gallery-img\" src=\"https:\/\/ourdaysrecords.com\/class\/wp-content\/uploads\/2026\/04\/asskid_7519DED1-D470-44CA-9E3D-C8D82A4B0F1E.webp\" alt=\"\u8ab2\u7a0b\u756b\u9762\"><br \/>\n                    <img decoding=\"async\" class=\"bc-gallery-img\" src=\"https:\/\/ourdaysrecords.com\/class\/wp-content\/uploads\/2026\/04\/asskid_500189E6-02AF-4F7F-9C72-4B2AF86729CF.webp\" alt=\"\u8ab2\u7a0b\u756b\u9762\"><br \/>\n                    <img decoding=\"async\" class=\"bc-gallery-img\" src=\"https:\/\/ourdaysrecords.com\/class\/wp-content\/uploads\/2026\/04\/asskid_5C2727D7-A817-4D22-8CD2-5C9D98D1678B.webp\" alt=\"\u8ab2\u7a0b\u756b\u9762\">\n                <\/div>\n<\/section>\n<p>            <!-- ===== REVIEWS ===== --><\/p>\n<section class=\"bc-reviews bc-reveal\">\n<div class=\"bc-reviews-hdr\">\n                    <span class=\"bc-eyebrow\">\u5b78\u54e1\u771f\u5be6\u8a55\u50f9<\/span><\/p>\n<h2>\u4ed6\u5011\u8aaa\u7684\uff0c<br \/>\u6bd4\u6211\u8aaa\u7684<span class=\"bc-mark\">\u66f4\u6709\u529b<\/span><\/h2>\n<p>\u4f86\u81ea\u5b78\u54e1\u7684\u8ab2\u5f8c\u56de\u994b\uff0c\u5168\u90fd\u662f\u89aa\u8eab\u7d93\u6b77<\/p>\n<\/p><\/div>\n<div class=\"bc-reviews-inner\">\n<div class=\"bc-rv-block\">\n<div class=\"bc-rv-eyebrow-row\">\n                            <span class=\"bc-eyebrow\">\u5f71\u7247\u5fc3\u5f97<\/span><br \/>\n                            <span class=\"bc-rv-meta\">04 \/ clip<\/span>\n                        <\/div>\n<div class=\"bc-rv-grid bc-stagger\">\n<div class=\"bc-rv-card\">\n<div class=\"bc-rv-player\">\n                                    <span class=\"bc-rv-num\">01<\/span><br \/>\n                                    <iframe src=\"https:\/\/player.vimeo.com\/video\/1192698262?title=0&#038;byline=0&#038;portrait=0&#038;controls=0&#038;dnt=1\" title=\"\u5b78\u54e1\u56de\u994b \u2014 CryisNotaKid\" loading=\"lazy\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<div class=\"bc-rv-overlay\" data-vimeo=\"1192698262\" role=\"button\" aria-label=\"\u64ad\u653e CryisNotaKid \u7684\u5fc3\u5f97\u5f71\u7247\">\n                                        <svg class=\"bc-rv-play\" viewBox=\"0 0 80 80\" aria-hidden=\"true\">\n                                            <circle cx=\"40\" cy=\"40\" r=\"38\" fill=\"rgba(14,13,12,0.55)\" stroke=\"#F25C19\" stroke-width=\"1.6\"\/>\n                                            <polygon points=\"33,26 33,54 56,40\" fill=\"#F25C19\"\/>\n                                        <\/svg>\n                                    <\/div>\n<\/p><\/div>\n<div class=\"bc-rv-info\">\n<div class=\"bc-rv-name\">CryisNotaKid<\/div>\n<p>                                    <span class=\"bc-rv-tag\">15\u6b72 \u563b\u54c8\u5275\u4f5c\u6b4c\u624b<\/span><\/p>\n<p class=\"bc-rv-quote\">\u4e0d\u53ea\u628a\u6838\u5fc3\u8b1b\u7684\u5f88\u6e05\u695a\uff0c\u9023\u5176\u4ed6\u984d\u5916\u5408\u4f5c\u8ddf\u5efa\u7acb\u98a8\u683c\u90fd\u63d0\u5230\u4e86\uff01<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"bc-rv-card\">\n<div class=\"bc-rv-player\">\n                                    <span class=\"bc-rv-num\">02<\/span><br \/>\n                                    <iframe src=\"https:\/\/player.vimeo.com\/video\/1192698272?title=0&#038;byline=0&#038;portrait=0&#038;controls=0&#038;dnt=1\" title=\"\u5b78\u54e1\u56de\u994b \u2014 yoyo\" loading=\"lazy\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<div class=\"bc-rv-overlay\" data-vimeo=\"1192698272\" role=\"button\" aria-label=\"\u64ad\u653e yoyo \u7684\u5fc3\u5f97\u5f71\u7247\">\n                                        <svg class=\"bc-rv-play\" viewBox=\"0 0 80 80\" aria-hidden=\"true\">\n                                            <circle cx=\"40\" cy=\"40\" r=\"38\" fill=\"rgba(14,13,12,0.55)\" stroke=\"#F25C19\" stroke-width=\"1.6\"\/>\n                                            <polygon points=\"33,26 33,54 56,40\" fill=\"#F25C19\"\/>\n                                        <\/svg>\n                                    <\/div>\n<\/p><\/div>\n<div class=\"bc-rv-info\">\n<div class=\"bc-rv-name\">yoyo<\/div>\n<p>                                    <span class=\"bc-rv-tag\">\u8ab2\u7a0b\u5b78\u54e1<\/span><\/p>\n<p class=\"bc-rv-quote\">\u8ab2\u7a0b\u5f88\u5bb9\u6613\u5438\u6536\uff0c\u55ae\u5143\u77ed\u77ed\u7684\uff0c\u8f15\u9b06\u5229\u7528\u788e\u7247\u6642\u9593\u5c31\u80fd\u9032\u6b65<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"bc-rv-card\">\n<div class=\"bc-rv-player\">\n                                    <span class=\"bc-rv-num\">03<\/span><br \/>\n                                    <iframe src=\"https:\/\/player.vimeo.com\/video\/1192698260?title=0&#038;byline=0&#038;portrait=0&#038;controls=0&#038;dnt=1\" title=\"\u5b78\u54e1\u56de\u994b \u2014 \u5c0f\u6155\" loading=\"lazy\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<div class=\"bc-rv-overlay\" data-vimeo=\"1192698260\" role=\"button\" aria-label=\"\u64ad\u653e \u5c0f\u6155 \u7684\u5fc3\u5f97\u5f71\u7247\">\n                                        <svg class=\"bc-rv-play\" viewBox=\"0 0 80 80\" aria-hidden=\"true\">\n                                            <circle cx=\"40\" cy=\"40\" r=\"38\" fill=\"rgba(14,13,12,0.55)\" stroke=\"#F25C19\" stroke-width=\"1.6\"\/>\n                                            <polygon points=\"33,26 33,54 56,40\" fill=\"#F25C19\"\/>\n                                        <\/svg>\n                                    <\/div>\n<\/p><\/div>\n<div class=\"bc-rv-info\">\n<div class=\"bc-rv-name\">\u5c0f\u6155<\/div>\n<p>                                    <span class=\"bc-rv-tag\">\u8ab2\u7a0b\u5b78\u54e1<\/span><\/p>\n<p class=\"bc-rv-quote\">\u65b0\u624b\u6216\u8005\u61c2\u4e00\u4e9b\u53c8\u4e0d\u592a\u5b8c\u5168\u7684\uff0c\u5f88\u9069\u5408\u9019\u9580\u8ab2<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"bc-rv-card\">\n<div class=\"bc-rv-player\">\n                                    <span class=\"bc-rv-num\">04<\/span><br \/>\n                                    <iframe src=\"https:\/\/player.vimeo.com\/video\/1192698257?title=0&#038;byline=0&#038;portrait=0&#038;controls=0&#038;dnt=1\" title=\"\u5b78\u54e1\u56de\u994b \u2014 \u6a58\u5b50\" loading=\"lazy\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<div class=\"bc-rv-overlay\" data-vimeo=\"1192698257\" role=\"button\" aria-label=\"\u64ad\u653e \u6a58\u5b50 \u7684\u5fc3\u5f97\u5f71\u7247\">\n                                        <svg class=\"bc-rv-play\" viewBox=\"0 0 80 80\" aria-hidden=\"true\">\n                                            <circle cx=\"40\" cy=\"40\" r=\"38\" fill=\"rgba(14,13,12,0.55)\" stroke=\"#F25C19\" stroke-width=\"1.6\"\/>\n                                            <polygon points=\"33,26 33,54 56,40\" fill=\"#F25C19\"\/>\n                                        <\/svg>\n                                    <\/div>\n<\/p><\/div>\n<div class=\"bc-rv-info\">\n<div class=\"bc-rv-name\">\u6a58\u5b50<\/div>\n<p>                                    <span class=\"bc-rv-tag\">\u8ab2\u7a0b\u5b78\u54e1<\/span><\/p>\n<p class=\"bc-rv-quote\">\u4e4b\u524d\u4e00\u76f4\u89ba\u5f97\u7de8\u66f2\u5f88\u96e3\uff0c\u4f46\u807d\u5b8c\u53ef\u4ee5\u9760\u88e1\u9762\u7684\u5167\u5bb9\u81ea\u5df1\u505a\u51fa Beat\uff0c\u5f88\u6709\u6210\u5c31\u611f<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n\t\t<div data-elementor-type=\"page\" data-elementor-id=\"95780\" class=\"elementor elementor-95780\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8983e08 e-flex e-con-boxed e-con e-parent\" data-id=\"8983e08\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n<\/section>\n<p>            <!-- ===== FAQ ===== --><\/p>\n<section class=\"bc-faq bc-section bc-reveal\">\n<div class=\"bc-narrow\">\n<div class=\"bc-faq-hdr\">\n                        <span class=\"bc-eyebrow\">\u5e38\u898b\u554f\u984c<\/span><\/p>\n<h2 class=\"bc-h2\">\u5e38\u898b<span class=\"bc-mark\">\u554f\u8207\u7b54<\/span><\/h2>\n<p class=\"bc-sub\">\u9084\u6709\u7591\u554f\uff1f\u9019\u88e1\u53ef\u80fd\u6709\u4f60\u8981\u7684\u7b54\u6848\u3002<\/p>\n<\/p><\/div>\n<div class=\"bc-faq-list\">\n<div class=\"bc-faq-item\">\n<div class=\"bc-faq-q\" onclick=\"this.parentElement.classList.toggle('bc-faq-open')\">\n                                <span>\u5b8c\u5168\u6c92\u6709\u97f3\u6a02\u57fa\u790e\uff0c\u53ef\u4ee5\u4e0a\u9019\u5802\u8ab2\u55ce\uff1f<\/span><br \/>\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <polyline points=\"6 9 12 15 18 9\"\/>\n                                <\/svg>\n                            <\/div>\n<div class=\"bc-faq-a\">\n<p>\u53ef\u4ee5\uff01\u9019\u5802\u8ab2\u5c31\u662f\u70ba\u96f6\u57fa\u790e\u7684\u4eba\u8a2d\u8a08\u7684\uff0c\u4e0d\u9700\u8981\u6703\u6a02\u5668\u6216\u61c2\u6a02\u7406\uff0c\u53f3\u5e74\u6703\u5f9e\u6700\u57fa\u672c\u7684\u6982\u5ff5\u958b\u59cb\u5e36\u4f60\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"bc-faq-item\">\n<div class=\"bc-faq-q\" onclick=\"this.parentElement.classList.toggle('bc-faq-open')\">\n                                <span>\u8ab2\u7a0b\u4f7f\u7528\u4ec0\u9ebc\u8edf\u9ad4\uff1f<\/span><br \/>\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <polyline points=\"6 9 12 15 18 9\"\/>\n                                <\/svg>\n                            <\/div>\n<div class=\"bc-faq-a\">\n<p>\u8ab2\u7a0b\u4ee5 FL Studio \u4f5c\u70ba\u4e3b\u8981\u6559\u5b78\u5de5\u5177\uff0c\u4f46\u6559\u7684\u89c0\u5ff5\u548c\u6280\u5de7\u9069\u7528\u65bc\u4efb\u4f55 DAW\uff0c\u4e0d\u7528\u64d4\u5fc3\uff01<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"bc-faq-item\">\n<div class=\"bc-faq-q\" onclick=\"this.parentElement.classList.toggle('bc-faq-open')\">\n                                <span>\u8ab2\u7a0b\u53ef\u4ee5\u770b\u591a\u4e45\uff1f\u6703\u904e\u671f\u55ce\uff1f<\/span><br \/>\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <polyline points=\"6 9 12 15 18 9\"\/>\n                                <\/svg>\n                            <\/div>\n<div class=\"bc-faq-a\">\n<p>\u8cfc\u8cb7\u5f8c\u53ef\u4ee5\u7121\u9650\u6b21\u89c0\u770b\uff0c\u6c92\u6709\u671f\u9650\u9650\u5236\uff0c\u96a8\u6642\u90fd\u80fd\u56de\u4f86\u8907\u7fd2\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"bc-faq-item\">\n<div class=\"bc-faq-q\" onclick=\"this.parentElement.classList.toggle('bc-faq-open')\">\n                                <span>\u6211\u5df2\u7d93\u6703\u4e00\u9ede\u4e86\uff0c\u9019\u5802\u8ab2\u6703\u4e0d\u6703\u592a\u7c21\u55ae\uff1f<\/span><br \/>\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <polyline points=\"6 9 12 15 18 9\"\/>\n                                <\/svg>\n                            <\/div>\n<div class=\"bc-faq-a\">\n<p>\u8ab2\u7a0b\u6db5\u84cb\u5f9e\u57fa\u790e\u5230\u9032\u968e\u7684\u5b8c\u6574\u88fd\u4f5c\u6d41\u7a0b\uff0c\u5305\u62ec\u53d6\u6a23\u6280\u5de7\u3001\u7de8\u66f2\u624b\u6cd5\u548c\u8207\u6b4c\u624b\u5408\u4f5c\u7684\u5be6\u6230\u7d93\u9a57\uff0c\u5373\u4f7f\u6709\u57fa\u790e\u4e5f\u80fd\u5b78\u5230\u65b0\u6771\u897f\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"bc-faq-item\">\n<div class=\"bc-faq-q\" onclick=\"this.parentElement.classList.toggle('bc-faq-open')\">\n                                <span>\u9700\u8981\u4ec0\u9ebc\u8a2d\u5099\u624d\u80fd\u958b\u59cb\uff1f<\/span><br \/>\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <polyline points=\"6 9 12 15 18 9\"\/>\n                                <\/svg>\n                            <\/div>\n<div class=\"bc-faq-a\">\n<p>\u4e00\u53f0\u96fb\u8166\u548c\u4e00\u526f\u8033\u6a5f\u5c31\u5920\u4e86\u3002\u4e0d\u9700\u8981\u984d\u5916\u8cfc\u8cb7\u6602\u8cb4\u7684\u786c\u9ad4\u8a2d\u5099\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>            <!-- ===== PRICING ===== --><\/p>\n<section class=\"bc-pricing bc-reveal\" id=\"buy\">\n<div class=\"bc-pricing-bg\" aria-hidden=\"true\"><\/div>\n<div class=\"bc-pricing-overlay\" aria-hidden=\"true\"><\/div>\n<div class=\"bc-pricing-hdr\">\n                    <span class=\"bc-eyebrow\">\u73fe\u5728\u52a0\u5165<\/span><\/p>\n<h2>\u99ac\u4e0a\u505a\u51fa<span class=\"bc-mark\">\u4f60\u7684Beat<\/span>\uff01<\/h2>\n<p>\u4e0d\u9700\u6a02\u7406\u57fa\u790e\u3001\u4e0d\u7528\u6602\u8cb4\u8a2d\u5099<br \/>\u4e00\u53f0\u96fb\u8166\u3001\u4e00\u526f\u8033\u6a5f\uff0c\u5b8c\u6210\u5fc3\u4e2d\u7684\u563b\u54c8\u97f3\u6a02<\/p>\n<\/p><\/div>\n<div class=\"bc-pricing-body\">\n<div class=\"bc-pricing-top\">\n<div class=\"bc-pricing-name-block\">\n                            <span class=\"bc-pricing-tag\">\u7dda\u4e0a\u8ab2\u7a0b<\/span><\/p>\n<h3 class=\"bc-pricing-name\">\u7b2c\u4e00\u6b21\u505aBeat\u5c31\u4e0a\u624b<\/h3>\n<\/p><\/div>\n<div class=\"bc-pricing-price-block\">\n<div class=\"bc-pricing-orig\">\n                                <s>\u539f\u50f9 <span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#78;&#84;&#36;<\/span>2,699<\/bdi><\/span><\/s>\n                            <\/div>\n<div class=\"bc-pricing-main\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#78;&#84;&#36;<\/span>1,999<\/bdi><\/span><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<ul class=\"bc-pricing-feats\">\n<li>25+ \u5802\u5b8c\u6574 Beat \u88fd\u4f5c\u8ab2\u7a0b\uff08\u6c38\u4e45\u89c0\u770b\uff09<\/li>\n<li>Boom Bap \uff06 Trap \u5169\u5927\u66f2\u98a8\u5be6\u6230<\/li>\n<li>1331 \u500b\u88fd\u4f5c\u4eba\u7b49\u7d1aSample\u5927\u5305\u88dd<\/li>\n<li>\u53d6\u6a23\u6280\u5de7 \uff06 \u65cb\u5f8b\u8a2d\u8a08<\/li>\n<li>\u5b78\u54e1\u5c08\u5c6c\u4e92\u52a9\u7fa4\uff08LINE \/ WeChat\uff09<\/li>\n<li>\u8ab2\u7a0b\u554f\u984c\uff0c\u6709\u554f\u5fc5\u7b54<\/li>\n<\/ul>\n<div class=\"bc-pricing-action\">\n<div class=\"bc-countdown\" aria-live=\"polite\">\n                            <span class=\"bc-countdown-label\">\u65e9\u9ce5\u512a\u60e0\u5012\u6578<\/span><br \/>\n                            <span class=\"bc-countdown-timer\" data-target=\"2026-05-31T23:59:59\"><\/span>\n                        <\/div>\n<div class=\"bc-pricing-cta-wrap\">\n<div class=\"bc-enroll-box-inner\">\t\t<div data-elementor-type=\"container\" data-elementor-id=\"96020\" class=\"elementor elementor-96020\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2689f8 e-flex e-con-boxed e-con e-parent\" data-id=\"c2689f8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n<\/p><\/div>\n<div class=\"bc-pricing-notes\">\n<div class=\"bc-p-note\">\n                                <em>\u2713<\/em> 48 \u5c0f\u6642\u5167\u9000\u6b3e\u4fdd\u8b49\n                            <\/div>\n<div class=\"bc-p-note\">\n                                <em>\u2713<\/em> \u4e00\u6b21\u4ed8\u8cbb\uff0c\u6c38\u4e45\u89c0\u770b\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>            <!-- ===== MOBILE STICKY BAR ===== --><\/p>\n<div class=\"bc-mob-bar\" id=\"bcMobBar\">\n<div>\n<div class=\"bc-mob-orig\">\n                        <s>\u539f\u50f9 <span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#78;&#84;&#36;<\/span>2,699<\/bdi><\/span><\/s>\n                    <\/div>\n<div class=\"bc-mob-cur\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">&#78;&#84;&#36;<\/span>1,999<\/bdi><\/span><\/div>\n<\/p><\/div>\n<p>                <a href=\"https:\/\/ourdaysrecords.com\/class\/checkout\/?fill_cart=97745\" class=\"bc-btn\">\u7acb\u5373\u64c1\u6709 <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M3 8h10m-4-4l4 4-4 4\"\/>\n                    <\/svg> <\/a>\n            <\/div>\n<\/p><\/div>\n<p>        <script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script><br \/>\n        <script>\n(function() {\n  var prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;<\/p>\n<p>  window.bcToggle = function(el) {\n    var chapter = el.parentElement;\n    chapter.classList.toggle('bc-open');\n  };<\/p>\n<p>  \/\/ Reveal observer\n  var reveals = document.querySelectorAll('#beat-course .bc-reveal, #beat-course .bc-stagger');\n  if ('IntersectionObserver' in window) {\n    var observer = new IntersectionObserver(function(entries) {\n      entries.forEach(function(entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('bc-visible');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n    reveals.forEach(function(el) { observer.observe(el); });\n  } else {\n    reveals.forEach(function(el) { el.classList.add('bc-visible'); });\n  }<\/p>\n<p>  \/\/ Stat count-up\n  var statEls = document.querySelectorAll('#beat-course .bc-stat-num[data-count]');\n  var counted = false;\n  function runCountUp() {\n    if (counted || prefersReducedMotion) return;\n    var heroVisible = document.querySelector('#beat-course .bc-hero');\n    if (!heroVisible) return;\n    counted = true;\n    statEls.forEach(function(el) {\n      var target = parseInt(el.getAttribute('data-count'), 10) || 0;\n      var suffix = el.getAttribute('data-suffix') || '';\n      if (target === 0) { el.textContent = '0'; return; }\n      var duration = 1200;\n      var start = performance.now();\n      function tick(now) {\n        var p = Math.min(1, (now - start) \/ duration);\n        var eased = 1 - Math.pow(1 - p, 3);\n        var val = Math.floor(target * eased);\n        el.textContent = val + suffix;\n        if (p < 1) requestAnimationFrame(tick);\n        else el.textContent = target + suffix;\n      }\n      requestAnimationFrame(tick);\n    });\n  }\n  setTimeout(runCountUp, 500);\n\n  \/\/ Vimeo overlay play (approach video + review cards)\n  document.querySelectorAll('#beat-course .bc-video-overlay[data-vimeo], #beat-course .bc-rv-overlay[data-vimeo]').forEach(function(ov) {\n    ov.addEventListener('click', function() {\n      var id = ov.getAttribute('data-vimeo');\n      var wrap = ov.parentElement;\n      var iframe = wrap.querySelector('iframe');\n      iframe.src = 'https:\/\/player.vimeo.com\/video\/' + id + '?title=0&#038;byline=0&#038;portrait=0';\n      ov.remove();\n      if (typeof Vimeo !== 'undefined' &#038;&#038; Vimeo.Player) {\n        var vp = new Vimeo.Player(iframe);\n        vp.ready().then(function() { return vp.setVolume(1); })\n          .then(function() { return vp.play(); })\n          .catch(function() {});\n      }\n    }, { once: true });\n  });\n\n  \/\/ Early-bird countdown\n  \/\/ \u5f9e data-target \u8b80\u53d6 [product_sale_end_date] \u77ed\u78bc\u8f38\u51fa\u7684\u5230\u671f\u65e5\n  \/\/ \u6c92\u6709\u65e5\u671f\u3001\u7121\u6548\u6216\u5df2\u904e\u671f \u2192 \u5012\u6578\u5340\u584a\u4e0d\u986f\u793a\n  var bcCdTimer = document.querySelector('#beat-course .bc-countdown-timer');\n  if (bcCdTimer) {\n    var bcDateStr = (bcCdTimer.getAttribute('data-target') || '').trim();\n    if (bcDateStr) {\n      var bcTarget = new Date(bcDateStr).getTime();\n      if (!isNaN(bcTarget) &#038;&#038; bcTarget > Date.now()) {\n        document.querySelectorAll('#beat-course .bc-countdown').forEach(function(el) {\n          el.classList.add('bc-cd-show');\n        });\n        var bcCdTimers = document.querySelectorAll('#beat-course .bc-countdown-timer');\n        function bcCdTick() {\n          var diff = bcTarget - Date.now();\n          if (diff <= 0) {\n            bcCdTimers.forEach(function(t) { t.textContent = '\u5df2\u622a\u6b62'; });\n            return;\n          }\n          var d = Math.floor(diff \/ 86400000);\n          var h = Math.floor((diff % 86400000) \/ 3600000);\n          var m = Math.floor((diff % 3600000) \/ 60000);\n          var s = Math.floor((diff % 60000) \/ 1000);\n          var str = '';\n          if (d > 0) str += d + ' \u5929 ';\n          str += String(h).padStart(2, '0') + ':' +\n                 String(m).padStart(2, '0') + ':' +\n                 String(s).padStart(2, '0');\n          bcCdTimers.forEach(function(t) { t.textContent = str; });\n          setTimeout(bcCdTick, 1000);\n        }\n        bcCdTick();\n      }\n    }\n  }<\/p>\n<p>  \/\/ Mobile sticky bar\n  var mobBar = document.getElementById('bcMobBar');\n  if (mobBar) {\n    var showAfter = 600;\n    window.addEventListener('scroll', function() {\n      if (window.scrollY > showAfter) {\n        mobBar.classList.add('bc-bar-show');\n      } else {\n        mobBar.classList.remove('bc-bar-show');\n      }\n    }, { passive: true });\n  }<\/p>\n<p>  \/\/ Smooth anchor scroll for hero scroll-down\n  document.querySelectorAll('#beat-course a[href^=\"#\"]').forEach(function(a) {\n    a.addEventListener('click', function(e) {\n      var href = a.getAttribute('href');\n      if (href.length > 1) {\n        var target = document.querySelector(href);\n        if (target) {\n          e.preventDefault();\n          target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n        }\n      }\n    });\n  });<\/p>\n<p>  \/\/ Hero parallax (bg + scrim) + image parallax\n  var heroBg = document.querySelector('#beat-course .bc-hero-bg');\n  var parallaxImgs = document.querySelectorAll('#beat-course .bc-parallax');\n  var ticking = false;\n  function onScroll() {\n    if (prefersReducedMotion) return;\n    if (!ticking) {\n      window.requestAnimationFrame(function() {\n        var y = window.scrollY;\n        \/\/ Hero bg static (no parallax) for predictable framing\n        parallaxImgs.forEach(function(img) {\n          var rect = img.getBoundingClientRect();\n          var vh = window.innerHeight;\n          if (rect.bottom > 0 && rect.top < vh) {\n            var rel = (rect.top + rect.height \/ 2 - vh \/ 2) \/ vh;\n            var amt = parseFloat(img.getAttribute('data-parallax')) || 0.06;\n            img.style.transform = 'translate3d(0,' + (rel * vh * amt * -1) + 'px,0)';\n          }\n        });\n        ticking = false;\n      });\n      ticking = true;\n    }\n  }\n  window.addEventListener('scroll', onScroll, { passive: true });\n  onScroll();\n\n  \/\/ Magnetic CTA on desktop\n  if (window.matchMedia('(hover: hover) and (pointer: fine)').matches &#038;&#038; !prefersReducedMotion) {\n    function attachMagnet(target, strength) {\n      target.addEventListener('mousemove', function(e) {\n        var rect = target.getBoundingClientRect();\n        var x = e.clientX - rect.left - rect.width \/ 2;\n        var y = e.clientY - rect.top - rect.height \/ 2;\n        target.style.transform = 'translate3d(' + (x * strength) + 'px,' + (y * strength) + 'px,0)';\n      });\n      target.addEventListener('mouseleave', function() {\n        target.style.transform = '';\n      });\n    }\n    function tryMagnetize() {\n      document.querySelectorAll('#beat-course .bc-enroll-box-inner a, #beat-course .bc-enroll-box-inner button, #beat-course .bc-mob-bar .bc-btn').forEach(function(el) {\n        if (el.dataset.magnet) return;\n        el.dataset.magnet = '1';\n        attachMagnet(el, 0.18);\n      });\n    }\n    tryMagnetize();\n    setTimeout(tryMagnetize, 800);\n    setTimeout(tryMagnetize, 2000);\n  }\n})();\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>BEAT MAKER LET&#8217;S GO! \u60f3\u505a\u563b\u54c8\u97f3\u6a02\uff0c\u537b\u88ab\u4e00\u5806\u8853\u8a9e\u3001\u6a02\u7406\u5687\u5230\uff1f\u53f3\u5e74\u7528\u8f15\u9b06\u7c21\u55ae\u7684\u65b9\u5f0f\uff0c\u8b93\u4f60\u5f9e\u96f6\u50cf\u5806\u7a4d\u6728\u62fc\u51fa\u4f60\u7684\u7b2c\u4e00\u9996 Beat 25+ \u500b\u55ae\u5143 2 \u7a2e\u66f2\u98a8 0 \u57fa\u790e\u9580\u6abb scroll BOOM BAP TRAP SAMPLING 808 HI-HAT FL STUDIO BEAT MAKING PRODUCER BOOM BAP TRAP SAMPLING 808 HI-HAT FL STUDIO BEAT MAKING PRODUCER \u73fe\u5728\uff0c\u60f3\u50cf\u4e00\u4e0b \u4f60\u4e5f\u80fd\u505a\u51fa\u81ea\u5df1\u7684 Beat 01 no.01 \u2014 bedroom producer \u6253\u958b\u96fb\u8166\u4f60\u5c31\u662f\u88fd\u4f5c\u4eba \u4e0d\u9700\u8981\u821e\u53f0\u3001\u4e0d\u9700\u8981\u6a02\u5718\u3002\u4e00\u53f0\u96fb\u8166\u3001\u4e00\u526f\u8033\u6a5f\uff0c\u53ea\u8981\u4f60\u884c\uff0c\u8166\u4e2d\u7684\u7bc0\u594f\u5c31\u80fd\u8b8a\u6210\u771f\u6b63\u7684\u97f3\u6a02 02 no.02 \u2014 collaboration \u548c\u53b2\u5bb3\u7684\u4eba\u7ad9\u5728\u540c\u4e00\u689d\u7dda\u4e0a \u7576\u4f60\u6703\u505a Beat\uff0c\u5c31\u80fd\u548c\u9952\u820c\u6b4c\u624b\u3001\u6b4c\u624b\u4e00\u8d77\u5275\u9020\u4f5c\u54c1\uff0cBeat\u662f\u6bcf\u9996\u6b4c\u7684\u8d77\u9ede\uff0c\u4f60\u5c07\u6709\u7121\u9650\u7684\u5408\u4f5c\u6a5f\u6703 03 no.03 \u2014 your sound \u6253\u9020\u5c08\u5c6c\u65bc\u4f60\u7684\u8072\u97f3\u98a8\u683c \u6bcf\u500b\u88fd\u4f5c\u4eba\u90fd\u6709\u81ea\u5df1\u7684\u98a8\u683c\uff0c\u4f60\u7684 Beat \u5c31\u662f\u4f60\u7684\u540d\u7247\uff0c\u4f60\u53ef\u4ee5\u5f9e\u4eca\u5929\u958b\u59cb\uff0c\u5efa\u7acb\u5c6c\u65bc\u4f60\u7684\u97f3\u6a02\u4e8b\u696d \u4f46\u662f&#8230; \u4f60\u5617\u8a66\u505a\uff0c\u537b\u5361\u4f4f\u4e86 \u5fc3\u88e1\u7684\u756b\u9762\u5f88\u7f8e\u597d\uff0c\u73fe\u5be6\u537b\u662f\u6253\u958b\u8edf\u9ad4\u5f8c\u832b\u7136&#8230; issue 01 \u6eff\u6eff\u7684\u8853\u8a9e\u770b\u4e0d\u61c2 \u904e\u9580\u3001808\u3001Side-chain\u3001\u53d6\u6a23\u22ef\u22ef\u5149\u662f\u641e\u61c2\u9019\u4e9b\u540d\u8a5e\uff0c\u71b1\u60c5\u5c31\u5df2\u7d93\u88ab\u6d88\u78e8\u4e00\u534a\u3002 issue 02 \u505a\u51fa\u4f86\u7684\u4e0d\u50cf\u4e00\u9996\u6b4c \u9f13\u653e\u4e86\u3001\u65cb\u5f8b\u4e5f\u6709\u4e86\uff0c\u4f46\u6574\u9996\u807d\u8d77\u4f86\u5c31\u662f\u5c11\u4e86\u4ec0\u9ebc\uff0c\u4e0d\u77e5\u9053\u600e\u9ebc\u8b93 Beat \u66f4\u5b8c\u6574\u3001\u66f4\u6709\u5473\u9053\u3002 issue 03 \u5361\u5728\u540c\u4e00\u500b\u5957\u8def\u88e1 \u6bcf\u6b21\u505a\u51fa\u4f86\u7684\u6771\u897f\u90fd\u5dee\u4e0d\u591a\uff0c\u60f3\u7a81\u7834\u537b\u627e\u4e0d\u5230\u65b9\u5411\uff0c\u4e0d\u77e5\u9053\u5225\u4eba\u7684 Beat \u5230\u5e95\u662f\u600e\u9ebc\u505a\u7684\u3002 \u5225\u64d4\u5fc3 \u9019\u5802\u8ab2\u7d50\u675f\u5f8c\uff0c\u4f60\u80fd\u505a\u5230\u9019\u6a23 \u6309\u4e0b\u65b9\u5f71\u7247\u64ad\u653e\uff0c\u9019\u5c31\u662f\u4f60\u4e0a\u5b8c\u8ab2\uff0c\u53ef\u4ee5\u8b8a\u6210\u7684\u6a23\u5b50 \u4e0d\u8aaa\u5ee2\u8a71\uff0c\u76f4\u63a5\u958b\u641e \u53ea\u8981 4 \u6b65\u9a5f\uff0c\u5f9e\u96f6\u5230\u5b8c\u6574 01 \u5f9e\u9f13\u958b\u59cb \u5927\u9f13\u3001Clap\u3001HiHat \u2014 \u4e09\u500b\u5143\u7d20\u5c31\u80fd\u5efa\u7acb\u7bc0\u62cd\u57fa\u790e\u3002 02 \u52a0\u4e0a\u65cb\u5f8b\u8207\u53d6\u6a23 \u7528\u73fe\u6210\u7d20\u6750\u6216\u81ea\u5f48\u65cb\u5f8b\uff0c\u70ba\u4f60\u7684 Beat \u6ce8\u5165\u9748\u9b42\u3002 03 \u7de8\u6392\u6210\u66f2 \u7d44\u5408\u6210\u5b8c\u6574\u6bb5\u843d\uff0c\u52a0\u5165\u97f3\u6548\u8207\u904e\u9580\uff0c\u4e00\u9996\u6b4c\u5c31\u8a95\u751f\u4e86\u3002 04 \u6210\u70ba\u88fd\u4f5c\u4eba \u5b78\u6703\u8207\u6b4c\u624b\u5408\u4f5c\uff0c\u8e0f\u51fa\u6210\u70ba\u5c08\u696d\u88fd\u4f5c\u4eba\u7684\u7b2c\u4e00\u6b65\u3002 \u70ba\u4ec0\u9ebc\u6709\u6548 \u9019\u5802\u8ab2\u54ea\u88e1\u4e0d\u4e00\u6a23\uff1f \u4e0d\u662f\u5e02\u5834\u4e0a\u90a3\u7a2e\u300c\u5148\u5b78\u4e00\u500b\u6708\u7406\u8ad6\u518d\u958b\u59cb\u300d\u7684\u8ab2\u7a0b\u3002\u53f3\u5e74\u7528\u771f\u6b63\u5728\u7528\u7684\u65b9\u6cd5 [&hellip;]<\/p>\n","protected":false},"author":67563,"featured_media":97104,"template":"","course-language":[],"course-category":[615,567],"course-tag":[597],"class_list":["post-97033","courses","type-courses","status-publish","has-post-thumbnail","hentry","course-category-rookie-courses","course-category-arranger","course-tag-fl-studio"],"_links":{"self":[{"href":"https:\/\/ourdaysrecords.com\/class\/wp-json\/wp\/v2\/courses\/97033","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ourdaysrecords.com\/class\/wp-json\/wp\/v2\/courses"}],"about":[{"href":"https:\/\/ourdaysrecords.com\/class\/wp-json\/wp\/v2\/types\/courses"}],"author":[{"embeddable":true,"href":"https:\/\/ourdaysrecords.com\/class\/wp-json\/wp\/v2\/users\/67563"}],"version-history":[{"count":0,"href":"https:\/\/ourdaysrecords.com\/class\/wp-json\/wp\/v2\/courses\/97033\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ourdaysrecords.com\/class\/wp-json\/wp\/v2\/media\/97104"}],"wp:attachment":[{"href":"https:\/\/ourdaysrecords.com\/class\/wp-json\/wp\/v2\/media?parent=97033"}],"wp:term":[{"taxonomy":"course-language","embeddable":true,"href":"https:\/\/ourdaysrecords.com\/class\/wp-json\/wp\/v2\/course-language?post=97033"},{"taxonomy":"course-category","embeddable":true,"href":"https:\/\/ourdaysrecords.com\/class\/wp-json\/wp\/v2\/course-category?post=97033"},{"taxonomy":"course-tag","embeddable":true,"href":"https:\/\/ourdaysrecords.com\/class\/wp-json\/wp\/v2\/course-tag?post=97033"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}