*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0b3c54}body{font-family:Noto Sans CJK SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#0b3c54;display:flex;align-items:center;justify-content:center}#stage{width:1080px;height:1920px;position:relative;flex:0 0 auto;transform-origin:center center;transform:scale(var(--s, 1));background:#f4fbfc}.scene{position:absolute;inset:0;opacity:0;visibility:hidden;padding:90px 70px 120px;display:flex;flex-direction:column;background:radial-gradient(circle at 15% 8%,rgba(20,184,166,.1),transparent 42%),radial-gradient(circle at 88% 92%,rgba(14,116,144,.1),transparent 45%),linear-gradient(175deg,#f7fdfd,#edf7f9)}.scene.active{opacity:1;visibility:visible}.scene .el{opacity:0}.scene.active .el{animation:popIn .7s cubic-bezier(.2,.9,.3,1.2) forwards}@keyframes popIn{0%{opacity:0;transform:translateY(46px) scale(.96)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.scene.active .fade{animation:fadeIn .8s ease-out forwards;opacity:0}.badge{display:inline-flex;align-items:center;gap:14px;background:linear-gradient(90deg,#0e7490,#14b8a6);color:#fff;font-size:30px;font-weight:700;padding:14px 34px;border-radius:999px;letter-spacing:4px}.badge:before{content:"";width:14px;height:14px;border-radius:50%;background:#7df0dc}h1.title{font-size:88px;line-height:1.28;font-weight:900;color:#0b3c54;letter-spacing:2px;margin-top:40px}h1.title em{font-style:normal;background:linear-gradient(92deg,#0e7490,#14b8a6);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{font-size:36px;color:#4a7a8c;line-height:1.7;margin-top:30px}.scene-head{display:flex;flex-direction:column;align-items:flex-start}.card{background:#fff;border-radius:34px;box-shadow:0 24px 60px #0b3c541a;border:2px solid rgba(20,184,166,.16)}#s1{justify-content:center;align-items:center;text-align:center}#s1 .deco-ring{position:absolute;border-radius:50%;border:3px dashed rgba(20,184,166,.35)}#s1 .r1{width:820px;height:820px;top:-320px;left:-300px}#s1 .r2{width:520px;height:520px;bottom:-160px;right:-180px;border-color:#0e749047}#s1.active .r1{animation:spinSlow 30s linear infinite}#s1.active .r2{animation:spinSlow 22s linear infinite reverse}@keyframes spinSlow{to{transform:rotate(360deg)}}#s1 .glyph-row{display:flex;gap:34px;margin-top:66px}#s1 .glyph{width:150px;height:150px;border-radius:40px;background:linear-gradient(145deg,#0e7490,#14b8a6);color:#fff;font-size:66px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 44px #0e749059}#s1 .brandline{margin-top:70px;font-size:34px;letter-spacing:10px;color:#0e7490;font-weight:700}#s2 .charts{display:flex;flex-direction:column;gap:46px;margin-top:70px;flex:1;justify-content:center}.pain-card{padding:50px 54px}.pain-card h3{font-size:44px;color:#0b3c54;display:flex;align-items:center;gap:20px}.pain-card h3 .ico{font-size:48px}.pain-card .num-big{font-size:118px;font-weight:900;line-height:1.1;margin:18px 0 6px}.pain-card.a .num-big{color:#b6452c}.pain-card.b .num-big{color:#c4772b}.pain-card p{font-size:33px;color:#5a7e8d;line-height:1.6}.bar-zone{margin-top:30px}.bar-track{height:54px;background:#e8f2f4;border-radius:27px;overflow:hidden}.bar-fill{height:100%;width:0;border-radius:27px}.scene.active .bar-fill{transition:width 1.4s cubic-bezier(.2,.8,.2,1)}.pain-card.a .bar-fill{background:linear-gradient(90deg,#d86a4a,#b6452c)}.pain-card.b .bar-fill{background:linear-gradient(90deg,#e0a050,#c4772b)}#s2 .note{margin-top:46px;text-align:center;font-size:40px;font-weight:700;color:#0b3c54}#s2 .note em{font-style:normal;color:#b6452c}#s3{align-items:center;text-align:center;justify-content:center}#s3 .formula{display:flex;align-items:center;gap:26px;margin-top:60px}#s3 .f-cell{width:250px;padding:44px 10px 36px}#s3 .f-cell .fv{font-size:86px;font-weight:900;color:#0e7490;line-height:1}#s3 .f-cell .fv small{font-size:40px}#s3 .f-cell .fl{margin-top:18px;font-size:32px;color:#4a7a8c;font-weight:700}#s3 .f-op{font-size:76px;font-weight:900;color:#14b8a6}#s3 .equal-line{display:flex;align-items:center;gap:30px;margin-top:56px}#s3 .f-op.big{font-size:92px}#s3 .result{background:linear-gradient(120deg,#0e7490,#14b8a6);color:#fff;border-radius:44px;padding:48px 76px;box-shadow:0 30px 70px #0e749066}#s3 .result .rv{font-size:148px;font-weight:900;line-height:1}#s3 .result .rv small{font-size:64px}#s3 .result .rl{font-size:38px;margin-top:16px;letter-spacing:4px;opacity:.92}#s3 .net{position:absolute;inset:0;pointer-events:none}#s3 .net circle.dot{fill:#14b8a6;opacity:0}#s3.active .net circle.dot{animation:nodePop 1.2s ease-out forwards}@keyframes nodePop{0%{opacity:0;r:0}30%{opacity:.8}to{opacity:0}}#s3 .tags{display:flex;gap:26px;margin-top:60px}#s3 .tag{background:#fff;border:2px solid rgba(20,184,166,.4);color:#0e7490;font-size:33px;font-weight:700;padding:18px 40px;border-radius:999px;box-shadow:0 12px 30px #0b3c5414}#s4 .fishwrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:10px}#s4 svg.fish{width:900px;height:1000px;overflow:visible}#s4 .fish-note{margin-top:6px;font-size:38px;font-weight:900;color:#b6452c;letter-spacing:2px}#s4 .spine{stroke:#0e7490;stroke-width:10;stroke-linecap:round}#s4 .bone{stroke:#14b8a6;stroke-width:8;stroke-linecap:round}#s4 .spine,#s4 .bone{fill:none;stroke-dasharray:var(--len);stroke-dashoffset:var(--len)}#s4.active .spine,#s4.active .bone{animation:draw 1s ease-out forwards}@keyframes draw{to{stroke-dashoffset:0}}#s4 .headbox{opacity:0}#s4 text.lbl{font-size:40px;font-weight:900;fill:#0b3c54;opacity:0}#s4 text.sub{font-size:30px;fill:#5a7e8d;opacity:0}#s4.active text.lbl{animation:fadeIn .6s ease-out forwards}#s4.active text.sub{animation:fadeIn .6s ease-out forwards}#s4.active .headbox{animation:fadeIn .8s ease-out .9s forwards}#s5 .feat-list{display:flex;flex-direction:column;gap:44px;margin-top:64px;flex:1;justify-content:center}.feat{display:flex;gap:38px;padding:46px 50px;align-items:center}.feat .fico{flex:0 0 130px;height:130px;border-radius:36px;background:linear-gradient(145deg,#0e7490,#14b8a6);color:#fff;font-size:62px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 36px #0e749052}.feat h3{font-size:46px;color:#0b3c54;font-weight:900}.feat p{font-size:32px;color:#52798a;line-height:1.65;margin-top:14px}.feat p b{color:#0e7490;font-weight:900}#s6{justify-content:center}#s6 .grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:46px}.bene{padding:36px;text-align:center}.bene .bico{font-size:62px}.bene h3{font-size:38px;font-weight:900;color:#0b3c54;margin-top:16px}.bene p{font-size:28px;color:#52798a;line-height:1.6;margin-top:12px}#s6 .strip{margin-top:42px;background:linear-gradient(92deg,#0e7490,#14b8a6);color:#fff;border-radius:999px;padding:26px 40px;font-size:36px;font-weight:900;text-align:center;letter-spacing:2px;box-shadow:0 20px 50px #0e749059}#s7{align-items:center}#s7 .funnel{display:flex;flex-direction:column;align-items:center;gap:0;margin-top:70px;width:100%}.f-step{display:flex;flex-direction:column;align-items:center;width:100%}.f-bar{color:#fff;border-radius:30px;text-align:center;font-size:40px;font-weight:900;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;transform:scaleY(0);transform-origin:top}.scene.active .f-bar{animation:growDown .7s cubic-bezier(.2,.9,.3,1.1) forwards}@keyframes growDown{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.f-bar small{font-size:30px;font-weight:700;opacity:.9}.f1{width:94%;background:linear-gradient(92deg,#0e7490,#159bc9)}.f2{width:76%;background:linear-gradient(92deg,#1293a8,#14b8a6)}.f3{width:58%;background:linear-gradient(92deg,#14b8a6,#2ed3a0)}.f4{width:44%;background:linear-gradient(92deg,#2ed3a0,#7df0dc);color:#073b4c}.f-arrow{font-size:52px;color:#14b8a6;font-weight:900;height:70px;display:flex;align-items:center;opacity:0}.scene.active .f-arrow{animation:fadeIn .5s ease-out forwards}#s7 .loop-note{margin-top:60px;text-align:center;font-size:36px;color:#0b3c54;font-weight:700;line-height:1.7}#s7 .loop-note em{font-style:normal;color:#0e7490;font-weight:900}#s8{justify-content:center;align-items:center;text-align:center}#s8 .s8-glow{position:absolute;width:1100px;height:1100px;border-radius:50%;background:radial-gradient(circle,rgba(20,184,166,.22),transparent 60%);top:460px;left:-10px}#s8 .logo-badge{display:inline-block;background:linear-gradient(120deg,#0e7490,#14b8a6);color:#fff;font-size:52px;font-weight:900;letter-spacing:6px;padding:34px 70px;border-radius:999px;box-shadow:0 30px 70px #0e749073}#s8 h1.title{font-size:92px;margin-top:66px}#s8 .sub{font-size:42px;color:#0e7490;font-weight:700;line-height:1.8;margin-top:50px}#s8 .cta{margin-top:80px;font-size:46px;font-weight:900;color:#fff;background:linear-gradient(92deg,#0b3c54,#0e7490);padding:36px 66px;border-radius:999px;letter-spacing:3px;box-shadow:0 24px 60px #0b3c5466}#s8.active .cta{animation:popIn .8s 2.2s cubic-bezier(.2,.9,.3,1.2) forwards,breathe 2.4s 3.2s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}