:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#49363b;background:#fff1f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--brand: #f7797d;--brand-ink: #bd4052;--brand-soft: #fff0f2}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(160deg,#fff4f3,#ffe4e8 55%,#f7dce6)}button,a,video{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,video:focus-visible{outline:3px solid #a83e55;outline-offset:4px}svg{width:20px;height:20px;flex-shrink:0}h1,h2,p{margin:0}.site-header{position:sticky;top:0;z-index:10;padding-top:env(safe-area-inset-top,0px);background:#fff;border-bottom:1px solid #f7dfe3}.header-inner{max-width:640px;height:60px;margin:auto;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:650}.brand-logos{display:flex;align-items:center;flex-shrink:0}.brand-logos img{display:block;width:30px;height:30px;border:2px solid #fff;border-radius:9px}.brand-logos img+img{margin-left:-6px}.brand-slash{color:#d99ca6;font-weight:400}.header-label{font-size:10px;color:#b74a5d;background:var(--brand-soft);padding:5px 8px;border-radius:5px}.page{max-width:640px;padding:29px 14px 0;margin:auto}.intro{padding:0 4px 24px}.eyebrow{display:flex;align-items:center;gap:7px;color:var(--brand-ink);font-size:11px;letter-spacing:1.5px;margin-bottom:11px}.eyebrow>span{width:17px;height:1px;background:var(--brand-ink)}h1{font-size:27px;font-weight:650;line-height:1.5;letter-spacing:.5px}h1>span{color:var(--brand-ink)}.intro>p{font-size:12px;color:#9c7d84;line-height:1.8;margin-top:8px}.intro-meta{display:flex;align-items:center;gap:10px;margin-top:17px;font-size:10px;color:#9c7d84}.intro-meta>span:first-child{display:flex;align-items:center;gap:5px;color:#b25465}.intro-meta svg{width:14px;height:14px}.meta-divider{width:1px;height:10px;background:#efcbd2}.video-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}.lesson-card{min-width:0;border:1px solid #f2d8de;border-radius:11px;background:#fff;overflow:hidden;box-shadow:0 3px 14px #ba52640a}.lesson-heading{display:flex;align-items:center;gap:7px;min-height:62px;padding:11px 10px}.lesson-number{flex-shrink:0;display:grid;place-items:center;width:25px;height:30px;border-radius:7px;background:var(--brand-soft);color:#c05265;font-size:11px;font-weight:500;font-variant-numeric:tabular-nums}.lesson-heading-copy{flex:1;min-width:0}.lesson-heading h2{font-size:13px;font-weight:600;line-height:1.4}.lesson-category{display:block;color:#a5878e;font-size:9px;margin-top:4px}.lesson-status{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#bc4d64}.lesson-status svg{width:14px;height:14px}.playing-bars{display:flex;gap:2px;align-items:center;height:15px}.playing-bars i{width:2px;height:6px;background:#bc4d64;border-radius:2px;animation:equalize .8s ease-in-out infinite alternate}.playing-bars i:nth-child(2){height:13px;animation-delay:-.4s}.playing-bars i:nth-child(3){height:9px;animation-delay:-.6s}@keyframes equalize{to{height:4px}}.video-stage{position:relative;isolation:isolate;width:100%;aspect-ratio:9 / 16;max-height:680px;max-height:min(76svh,720px);background:#f7797d;overflow:hidden}.video-stage video{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain;background:#211b1e}.video-cover{position:absolute;inset:0 0 44px;isolation:isolate;display:flex;flex-direction:column;align-items:center;padding:14px 8px;justify-content:center;color:#642b3c;background:radial-gradient(ellipse at 100% 100%,#d85b8344,transparent 70%),linear-gradient(145deg,#fa9190,var(--brand) 55%,#ed8e9e);pointer-events:none}.video-cover:before,.video-cover:after{content:"";position:absolute;z-index:-1;width:370px;height:370px;border:1px solid #ffffff0a;border-radius:50%;right:-200px;top:-100px}.video-cover:after{width:260px;height:260px;right:-145px;top:-45px}.cover-label{display:none}.cover-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:12px 0}.cover-number{position:absolute;top:-35px;font-size:96px;font-weight:650;line-height:1;letter-spacing:-8px;color:#ffffff04;z-index:-1;font-variant-numeric:tabular-nums}.cover-kicker{font-size:9px;color:#76354a;letter-spacing:1px}.cover-title{font-size:18px;font-weight:500;letter-spacing:1px;margin-top:10px;line-height:1.4}.play-button{pointer-events:auto;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff66;border-radius:50%;margin-top:17px;color:var(--brand-ink);background:#fff;box-shadow:0 0 0 8px #ffffff04}.play-button svg{width:19px;height:19px;margin-left:3px}.play-button:active{background:#fff0f2}.play-caption{font-size:9px;color:#76354a;letter-spacing:1px;margin-top:13px}.cover-hint{display:none}.lesson-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;font-size:9px;color:#a27f89;line-height:1.5}.expand-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:36px;margin:-8px -6px -8px 0;padding:6px;border-radius:6px;background:transparent;color:#b24c65;flex-shrink:0;font-size:10px}.expand-button svg{width:13px;height:13px}.expand-button:active{background:var(--brand-soft)}.video-stage.is-expanded{position:fixed;inset:0 auto auto 0;z-index:100;width:100%;height:100%;height:100dvh;max-height:none;aspect-ratio:auto;background:#000}.video-stage.is-expanded video{background:#000}.exit-expanded-button{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));z-index:3;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:10px 13px;border-radius:8px;background:#000b;color:#fff;font-size:13px}.exit-expanded-button svg{width:17px;height:17px}.video-stage video:fullscreen{width:100%;height:100%;object-fit:contain;background:#000}.video-stage video:-webkit-full-screen{width:100%;height:100%;object-fit:contain;background:#000}.video-message{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:10px;background:#73364a;color:#fff4f5;font-size:10px}.video-message>svg{width:22px;height:22px;margin-bottom:3px}.video-message .error-title{font-size:13px;font-weight:500;color:#fff}.retry-button{min-height:44px;padding:10px 16px;background:var(--brand-soft);color:#b4405c;border-radius:8px;margin-top:7px;font-size:12px}.video-message a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:11px}.video-message a svg{width:13px;height:13px}.list-end{display:flex;align-items:center;justify-content:center;gap:12px;padding:28px 0 20px;color:#a37a87;font-size:10px}.list-end>span{width:30px;height:1px;background:#e9bdca}.site-footer{text-align:center;font-size:10px;color:#a37a87;padding:0 16px 25px;padding-bottom:calc(25px + env(safe-area-inset-bottom,0px))}@media(min-width:640px){.header-inner{height:68px}.page{padding-top:38px}.intro{padding-bottom:28px}h1{font-size:32px}.intro>p{font-size:13px}.video-list{gap:18px 16px}.lesson-heading{padding:14px}.lesson-heading h2{font-size:16px}.lesson-footer{padding:12px 14px}}@media(max-width:350px){.header-inner{padding:0 14px}.page{padding-left:10px;padding-right:10px}.intro>p{font-size:11px}.intro-meta{gap:8px}h1{font-size:25px}.lesson-heading{padding:10px 8px;gap:6px}.lesson-heading h2{font-size:12px}.lesson-footer{padding:9px 8px;font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}}