18307996893
/
fmode-voc-projects


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221
							<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>江中乳酸菌素片儿童版 · VOC 深度洞察报告 v2 · 王总 5 步路径</title>
<style>
:root {
  --bg-0: #0A0A0A;
  --bg-1: #111111;
  --bg-2: #1A1A1A;
  --bg-3: #252525;
  --border: rgba(255,255,255,0.08);
  --border-strong: rgba(255,255,255,0.16);
  --text-1: #F5F5F5;
  --text-2: #A8A8A8;
  --text-3: #6B6B6B;
  --amber: #F5A623;
  --amber-glow: rgba(245,166,35,0.15);
  --green: #00DC82;
  --purple: #8B5CF6;
  --rose: #FF4D8D;
  --blue: #3B82F6;
  --red: #EF4444;
  --font-head: 'Inter','Noto Sans SC','PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑','Source Han Sans CN',system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  --font-body: 'Noto Sans SC','Inter','PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑','Source Han Sans CN',system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  --font-mono: 'JetBrains Mono','SF Mono','Fira Code','Cascadia Code',Consolas,'Courier New',monospace;
  --max-w: 1280px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html {
  scroll-behavior: smooth;
  font-size: 16px;
  /* 轻 snap：不打断流式浏览，但在接近 slide 时会贴合 */
  scroll-snap-type: y proximity;
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-snap-type: none; scroll-behavior: auto; }
}
body {
  font-family: var(--font-body);
  background: var(--bg-0);
  color: var(--text-1);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  position: relative;
}

/* 全局 ambient 光晕 —— 伴随 slide 切换缓慢漂移 */
body::before {
  content: '';
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  background:
    radial-gradient(ellipse 900px 700px at var(--amb-x, 20%) var(--amb-y, 25%), rgba(245,166,35,0.10), transparent 60%),
    radial-gradient(ellipse 800px 600px at calc(100% - var(--amb-x, 20%)) calc(100% - var(--amb-y, 25%)), rgba(139,92,246,0.07), transparent 60%);
  transition: background 1.4s cubic-bezier(.2,.7,.2,1);
}
body::after {
  content: '';
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.015) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.015) 1px, transparent 1px);
  background-size: 80px 80px;
  mask-image: radial-gradient(ellipse 90% 95% at 50% 50%, black 0%, transparent 85%);
  -webkit-mask-image: radial-gradient(ellipse 90% 95% at 50% 50%, black 0%, transparent 85%);
}
main.deck { position: relative; z-index: 1; }
::selection { background: var(--amber); color: #000; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }

.text-hero { font-family: var(--font-head); font-weight: 900; letter-spacing: -0.04em; line-height: 0.95; font-size: clamp(4rem, 12vw, 10rem); }
.text-poster { font-family: var(--font-head); font-weight: 800; letter-spacing: -0.03em; line-height: 1.05; font-size: clamp(2.5rem, 6vw, 5rem); }
.text-h1 { font-family: var(--font-head); font-weight: 700; letter-spacing: -0.02em; line-height: 1.1; font-size: clamp(2rem, 4vw, 3.5rem); }
.text-h2 { font-family: var(--font-head); font-weight: 700; letter-spacing: -0.015em; line-height: 1.2; font-size: clamp(1.4rem, 2.5vw, 2rem); }
.text-h3 { font-weight: 600; font-size: clamp(1.05rem, 1.6vw, 1.3rem); letter-spacing: -0.01em; }
.text-body { font-size: clamp(0.92rem, 1.1vw, 1rem); line-height: 1.75; color: var(--text-2); }
.text-sm { font-size: 0.85rem; color: var(--text-2); }
.text-xs { font-size: 0.72rem; color: var(--text-3); letter-spacing: 0.02em; }
.text-mono { font-family: var(--font-mono); }
.text-amber { color: var(--amber); }
.text-green { color: var(--green); }
.text-purple { color: var(--purple); }
.text-rose { color: var(--rose); }
.text-blue { color: var(--blue); }
.text-red { color: var(--red); }

section.report-section {
  min-height: 100vh;
  padding: clamp(60px, 10vh, 120px) clamp(24px, 6vw, 80px);
  position: relative;
  border-bottom: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  justify-content: center;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  overflow: hidden;
  isolation: isolate;
}
/* 每一张 slide 的角标：大号数字 */
section.report-section::before {
  content: attr(data-slide-num);
  position: absolute;
  top: clamp(20px, 3vh, 36px); right: clamp(24px, 4vw, 60px);
  font-family: var(--font-mono); font-weight: 600;
  font-size: clamp(0.68rem, 0.75vw, 0.78rem);
  letter-spacing: 0.25em; color: var(--text-3);
  z-index: 4; pointer-events: none;
}
/* slide 专属渐变层（通过 CSS 变量驱动色调） */
section.report-section::after {
  content: '';
  position: absolute; inset: 0; pointer-events: none; z-index: -1;
  background:
    radial-gradient(ellipse 70% 60% at 85% 15%, var(--slide-glow-1, rgba(245,166,35,0.06)), transparent 55%),
    radial-gradient(ellipse 60% 50% at 15% 85%, var(--slide-glow-2, rgba(139,92,246,0.04)), transparent 55%);
  opacity: 0; transition: opacity 1s cubic-bezier(.2,.7,.2,1);
}
section.report-section.in-view::after { opacity: 1; }
section.report-section[data-tone="amber"] { --slide-glow-1: rgba(245,166,35,0.10); --slide-glow-2: rgba(245,166,35,0.04); }
section.report-section[data-tone="rose"]  { --slide-glow-1: rgba(255,77,141,0.09);  --slide-glow-2: rgba(255,77,141,0.04); }
section.report-section[data-tone="green"] { --slide-glow-1: rgba(0,220,130,0.08);   --slide-glow-2: rgba(0,220,130,0.03); }
section.report-section[data-tone="purple"]{ --slide-glow-1: rgba(139,92,246,0.10);  --slide-glow-2: rgba(139,92,246,0.04); }
section.report-section[data-tone="blue"]  { --slide-glow-1: rgba(59,130,246,0.08);  --slide-glow-2: rgba(59,130,246,0.03); }
section.report-section[data-tone="orange"]{ --slide-glow-1: rgba(255,140,66,0.10);  --slide-glow-2: rgba(255,140,66,0.04); }
.section-inner { width: 100%; max-width: var(--max-w); margin: 0 auto; position: relative; }
.section-head { margin-bottom: clamp(32px, 5vh, 64px); }
.section-eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--font-mono); font-size: 0.72rem;
  letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--amber); font-weight: 500; margin-bottom: 18px;
}
.section-eyebrow::before { content: ''; display: inline-block; width: 24px; height: 1px; background: var(--amber); }
.section-sub { color: var(--text-2); font-size: 1.05rem; max-width: 720px; margin-top: 14px; line-height: 1.8; }

.grid { display: grid; gap: clamp(14px, 1.6vw, 22px); }
.grid-2 { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
.grid-3 { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.grid-4 { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }

.card {
  background: linear-gradient(180deg, rgba(255,255,255,0.025) 0%, rgba(255,255,255,0.008) 100%), var(--bg-1);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  padding: clamp(20px, 2.2vw, 32px);
  position: relative;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: transform 0.4s cubic-bezier(.2,.7,.2,1), border-color 0.3s ease, box-shadow 0.4s ease;
}
.card:hover {
  border-color: var(--border-strong);
  transform: translateY(-3px);
  box-shadow: 0 12px 40px rgba(0,0,0,0.35), 0 0 0 1px rgba(245,166,35,0.08);
}
.card.card-glow { box-shadow: 0 0 40px rgba(245,166,35,0.06); }
.card-accent {
  border-left: 3px solid var(--amber);
  border-top: 1px solid var(--border); border-right: 1px solid var(--border); border-bottom: 1px solid var(--border);
}

.metric {
  background: var(--bg-1); border: 1px solid var(--border); border-radius: var(--radius-md);
  padding: clamp(24px, 2.5vw, 36px); position: relative; overflow: hidden;
}
.metric::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, var(--amber), transparent); opacity: 0.6;
}
.metric .metric-label { font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--text-3); margin-bottom: 10px; }
.metric .metric-value { font-family: var(--font-head); font-weight: 800; font-size: clamp(2.2rem, 4vw, 3.5rem); letter-spacing: -0.03em; line-height: 1; color: var(--text-1); margin-bottom: 8px; }
.metric .metric-unit { font-family: var(--font-mono); font-size: 0.85rem; color: var(--amber); font-weight: 500; }
.metric .metric-sub { margin-top: 14px; font-size: 0.82rem; color: var(--text-2); line-height: 1.5; }

.tag {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 10px; border-radius: 4px; font-size: 0.72rem; font-weight: 500;
  letter-spacing: 0.02em; font-family: var(--font-head);
  background: rgba(245,166,35,0.1); color: var(--amber); border: 1px solid rgba(245,166,35,0.22);
}
.tag.green { background: rgba(0,220,130,0.08); color: var(--green); border-color: rgba(0,220,130,0.2); }
.tag.purple { background: rgba(139,92,246,0.08); color: var(--purple); border-color: rgba(139,92,246,0.2); }
.tag.rose { background: rgba(255,77,141,0.08); color: var(--rose); border-color: rgba(255,77,141,0.2); }
.tag.gray { background: rgba(255,255,255,0.04); color: var(--text-2); border-color: var(--border); }

.cover-hero {
  position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center;
  padding: clamp(40px, 8vh, 100px) clamp(24px, 6vw, 80px);
  background:
    radial-gradient(ellipse 60% 80% at 30% 30%, rgba(245,166,35,0.08) 0%, transparent 70%),
    radial-gradient(ellipse 40% 60% at 80% 70%, rgba(139,92,246,0.05) 0%, transparent 70%),
    var(--bg-0);
}
.cover-grid-bg {
  position: absolute; inset: 0;
  background-image: linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
  background-size: 64px 64px; pointer-events: none;
  mask-image: radial-gradient(ellipse 80% 90% at 50% 50%, black 0%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse 80% 90% at 50% 50%, black 0%, transparent 80%);
}
.cover-content { position: relative; z-index: 2; max-width: var(--max-w); }
.cover-meta {
  display: flex; align-items: center; gap: 16px;
  font-family: var(--font-mono); font-size: 0.78rem; color: var(--text-3);
  letter-spacing: 0.18em; text-transform: uppercase; margin-bottom: 32px;
}
.cover-meta::before { content: ''; width: 32px; height: 2px; background: var(--amber); }
.cover-title-stack { display: flex; flex-direction: column; gap: 4px; }
.cover-title {
  font-family: var(--font-head); font-weight: 900; letter-spacing: -0.04em;
  line-height: 0.92; font-size: clamp(3.5rem, 11vw, 9rem);
  color: #fff;                              /* 兜底纯色：若渐变裁剪失效，至少显示白色粗体 */
  background: linear-gradient(135deg, #fff 30%, rgba(245,166,35,0.9) 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;     /* 代替 color: transparent，不支持时自动退回 color */
}
.cover-sub { font-size: clamp(1rem, 1.6vw, 1.4rem); color: var(--text-2); max-width: 780px; margin-top: 32px; line-height: 1.7; }
.cover-stats {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(12px, 2vw, 28px);
  margin-top: clamp(48px, 8vh, 96px); padding-top: clamp(24px, 4vh, 48px);
  border-top: 1px solid var(--border); max-width: 900px;
}
.cover-stat .num { font-family: var(--font-head); font-weight: 800; font-size: clamp(1.6rem, 2.8vw, 2.4rem); letter-spacing: -0.02em; color: var(--amber); }
.cover-stat .lbl { font-size: 0.78rem; color: var(--text-3); margin-top: 4px; font-family: var(--font-mono); letter-spacing: 0.05em; text-transform: uppercase; }
@media (max-width: 720px) { .cover-stats { grid-template-columns: repeat(2, 1fr); } }

.nav-rail {
  position: fixed; left: clamp(16px, 2vw, 32px); top: 50%; transform: translateY(-50%);
  z-index: 100; display: flex; flex-direction: column; gap: 12px;
}
.nav-dot {
  width: 32px; height: 3px; border-radius: 2px;
  background: rgba(255,255,255,0.14); cursor: pointer;
  transition: all 0.5s cubic-bezier(.2,.7,.2,1); position: relative;
  display: flex; align-items: center;
}
.nav-dot.active { background: var(--amber); width: 48px; box-shadow: 0 0 12px rgba(245,166,35,0.4); }
.nav-dot:hover { background: rgba(255,255,255,0.3); }
.nav-dot::after {
  content: attr(data-tip); position: absolute; left: calc(100% + 16px); top: 50%;
  transform: translateY(-50%) translateX(-6px);
  background: rgba(20,20,20,0.92); backdrop-filter: blur(8px);
  border: 1px solid var(--border); padding: 6px 12px; border-radius: 6px;
  font-size: 0.72rem; color: var(--text-1);
  white-space: nowrap; opacity: 0; pointer-events: none;
  transition: opacity 0.25s ease, transform 0.25s ease;
  font-family: var(--font-mono); letter-spacing: 0.04em;
}
.nav-dot:hover::after, .nav-dot.active::after { opacity: 1; transform: translateY(-50%) translateX(0); }

.top-bar {
  position: fixed; top: 0; left: 0; right: 0;
  display: flex; justify-content: space-between; align-items: center;
  padding: 18px clamp(24px, 4vw, 48px); z-index: 99; pointer-events: none;
  background: linear-gradient(180deg, rgba(10,10,10,0.85) 0%, transparent 100%);
}
.brand-logo { font-family: var(--font-head); font-weight: 900; font-size: 0.88rem; letter-spacing: 0.2em; }
.brand-logo .dot { color: var(--amber); }

.progress-line {
  position: fixed; top: 0; left: 0; height: 2px;
  background: linear-gradient(90deg, var(--amber), var(--rose));
  z-index: 1000; width: 0%; transition: width 0.3s ease;
}

.chart-container {
  width: 100%; min-height: 340px;
  background: var(--bg-1); border: 1px solid var(--border); border-radius: var(--radius-md); padding: 20px;
}

.voice-wall { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 16px; }
.voice-card {
  background: var(--bg-1); border: 1px solid var(--border); border-radius: var(--radius-md);
  padding: 24px; position: relative; transition: all 0.3s ease;
}
.voice-card::before {
  content: '"'; position: absolute; top: 8px; left: 12px;
  font-family: Georgia, serif; font-size: 60px; color: var(--amber);
  opacity: 0.3; line-height: 1; pointer-events: none;
}
.voice-card .voice-content { font-size: 0.96rem; line-height: 1.7; color: var(--text-1); margin: 20px 0 16px 24px; font-weight: 400; }
.voice-card .voice-meta {
  display: flex; justify-content: space-between; align-items: center;
  padding-top: 12px; border-top: 1px solid var(--border);
  font-size: 0.75rem; color: var(--text-3);
}
.voice-card .voice-likes { color: var(--amber); font-weight: 600; font-family: var(--font-mono); }
.voice-card.hot { border-color: rgba(245,166,35,0.3); }
.voice-card.hot::before { opacity: 0.5; }
.voice-card:hover { border-color: var(--amber); transform: translateY(-3px); }

.note-card {
  background: var(--bg-1); border: 1px solid var(--border); border-radius: var(--radius-md);
  padding: 20px; display: flex; flex-direction: column; gap: 12px;
  transition: all 0.3s ease;
}
.note-card:hover { border-color: var(--amber); transform: translateY(-3px); }
.note-rank { font-family: var(--font-mono); font-weight: 700; font-size: 0.75rem; color: var(--amber); letter-spacing: 0.15em; }
.note-title {
  font-size: 1rem; line-height: 1.45; font-weight: 600; color: var(--text-1);
  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.note-stats {
  display: flex; gap: 16px; padding-top: 12px; border-top: 1px solid var(--border);
  font-family: var(--font-mono); font-size: 0.8rem; color: var(--text-2);
}
.note-stats .st { display: flex; flex-direction: column; gap: 2px; }
.note-stats .st .n { color: var(--text-1); font-weight: 600; font-size: 1rem; }
.note-stats .st .l { font-size: 0.65rem; color: var(--text-3); text-transform: uppercase; letter-spacing: 0.1em; }

.theme-poster {
  background: var(--bg-1); border: 1px solid var(--border); border-radius: var(--radius-md);
  padding: 28px; position: relative; overflow: hidden;
}
.theme-poster.pain { border-top: 3px solid var(--rose); }
.theme-poster.bright { border-top: 3px solid var(--green); }
.theme-poster.scene { border-top: 3px solid var(--blue); }
.theme-poster h4 { font-family: var(--font-head); font-weight: 700; font-size: 1.3rem; margin-bottom: 8px; }
.theme-poster .count { font-family: var(--font-mono); font-size: 0.78rem; color: var(--text-3); margin-bottom: 16px; }
.theme-poster .count .num { font-size: 1.4rem; font-weight: 700; color: var(--text-1); margin-right: 4px; }
.theme-poster .examples { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-top: 12px; }
.theme-poster .examples li {
  padding: 10px 14px; background: var(--bg-2); border-left: 2px solid var(--border-strong);
  border-radius: 4px; font-size: 0.85rem; line-height: 1.55; color: var(--text-2);
}
.theme-poster.pain .examples li { border-left-color: var(--rose); }
.theme-poster.bright .examples li { border-left-color: var(--green); }
.theme-poster.scene .examples li { border-left-color: var(--blue); }

.insight-banner {
  min-height: 260px; background: var(--bg-1); border: 1px solid var(--border); border-radius: var(--radius-md);
  padding: clamp(32px, 4vw, 56px); display: flex; flex-direction: column;
  justify-content: space-between; gap: 32px; position: relative; overflow: hidden;
}
.insight-banner::before {
  content: attr(data-num); position: absolute; top: 16px; right: 24px;
  font-family: var(--font-head); font-weight: 900; font-size: clamp(4rem, 9vw, 7rem);
  line-height: 1; color: var(--bg-3); letter-spacing: -0.05em; pointer-events: none;
}
.insight-banner h3 {
  font-family: var(--font-head); font-weight: 800;
  font-size: clamp(1.5rem, 2.8vw, 2.2rem); letter-spacing: -0.02em;
  line-height: 1.25; color: var(--text-1); max-width: 85%;
}
.insight-banner h3 strong { color: var(--amber); font-weight: 900; }
.insight-banner .insight-body { color: var(--text-2); font-size: 1rem; line-height: 1.75; max-width: 85%; }
.insight-banner .insight-data {
  display: flex; gap: 24px; margin-top: 16px; padding-top: 20px; border-top: 1px solid var(--border);
}
.insight-banner .insight-data .dp { display: flex; flex-direction: column; gap: 2px; }
.insight-banner .insight-data .dp .num { font-family: var(--font-mono); font-size: 1.3rem; font-weight: 700; color: var(--amber); }
.insight-banner .insight-data .dp .lbl { font-size: 0.72rem; color: var(--text-3); text-transform: uppercase; letter-spacing: 0.1em; }

.kol-card { background: var(--bg-1); border: 1px solid var(--border); border-radius: var(--radius-md); padding: 20px; display: flex; gap: 14px; align-items: flex-start; }
.kol-avatar { width: 56px; height: 56px; border-radius: 50%; background: var(--bg-3); flex-shrink: 0; object-fit: cover; border: 1px solid var(--border); }
.kol-info { flex: 1; overflow: hidden; }
.kol-name { font-weight: 700; font-size: 0.98rem; margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kol-desc { font-size: 0.82rem; color: var(--text-3); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.kol-stats { display: flex; gap: 14px; margin-top: 10px; font-family: var(--font-mono); font-size: 0.75rem; color: var(--text-2); }
.kol-stats .amber { color: var(--amber); font-weight: 600; }

.table-wrap { overflow-x: auto; border-radius: var(--radius-md); border: 1px solid var(--border); }
.data-tbl { width: 100%; border-collapse: collapse; font-size: 0.88rem; }
.data-tbl thead th {
  text-align: left; padding: 14px 16px; background: var(--bg-1); border-bottom: 1px solid var(--border);
  font-family: var(--font-mono); font-weight: 500; font-size: 0.72rem;
  letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-3);
}
.data-tbl tbody td { padding: 14px 16px; border-bottom: 1px solid var(--border); color: var(--text-1); vertical-align: middle; }
.data-tbl tbody tr:last-child td { border-bottom: none; }
.data-tbl tbody tr:hover { background: rgba(255,255,255,0.02); }
.data-tbl .tb-num { font-family: var(--font-mono); font-weight: 600; color: var(--amber); }

.matrix-2x2 {
  display: grid; grid-template-columns: 60px 1fr 1fr; grid-template-rows: 1fr 1fr 60px;
  gap: 12px; min-height: 520px; font-family: var(--font-head);
}
.matrix-2x2 .axis-y {
  grid-column: 1; grid-row: 1 / 3;
  display: flex; align-items: center; justify-content: center;
  writing-mode: vertical-rl; transform: rotate(180deg);
  font-family: var(--font-mono); font-size: 0.72rem;
  letter-spacing: 0.15em; color: var(--text-3); text-transform: uppercase;
}
.matrix-2x2 .axis-x {
  grid-column: 2 / 4; grid-row: 3;
  display: flex; justify-content: center; align-items: center;
  font-family: var(--font-mono); font-size: 0.72rem;
  letter-spacing: 0.15em; color: var(--text-3); text-transform: uppercase;
}
.matrix-cell {
  background: var(--bg-1); border: 1px solid var(--border); border-radius: var(--radius-md);
  padding: 20px; position: relative; display: flex; flex-direction: column;
}
.matrix-cell .cell-label { font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 0.12em; color: var(--text-3); margin-bottom: 10px; text-transform: uppercase; }
.matrix-cell h5 { font-weight: 700; font-size: 1rem; margin-bottom: 6px; color: var(--text-1); }
.matrix-cell p { font-size: 0.85rem; color: var(--text-2); line-height: 1.55; }
.matrix-cell.q1 { border-top: 2px solid var(--amber); }
.matrix-cell.q2 { border-top: 2px solid var(--green); }
.matrix-cell.q3 { border-top: 2px solid var(--rose); }
.matrix-cell.q4 { border-top: 2px solid var(--purple); }

.tl { position: relative; padding-left: 32px; }
.tl::before {
  content: ''; position: absolute; left: 8px; top: 10px; bottom: 10px;
  width: 1px; background: linear-gradient(180deg, var(--amber), var(--purple), transparent);
}
.tl-item { position: relative; margin-bottom: 28px; padding-left: 20px; }
.tl-item::before {
  content: ''; position: absolute; left: -30px; top: 6px;
  width: 10px; height: 10px; border-radius: 50%; background: var(--amber);
  border: 2px solid var(--bg-0); box-shadow: 0 0 0 2px var(--amber);
}
.tl-item .tl-time { font-family: var(--font-mono); font-size: 0.72rem; letter-spacing: 0.1em; color: var(--amber); text-transform: uppercase; margin-bottom: 4px; }
.tl-item h5 { font-weight: 700; font-size: 1rem; margin-bottom: 6px; }
.tl-item p { font-size: 0.88rem; color: var(--text-2); line-height: 1.6; }

/* === 渐显：默认可见，只有 js 已就绪时才先隐藏 === */
.fade-up { opacity: 1; transform: none; transition: opacity 0.9s cubic-bezier(.16,.84,.33,1), transform 0.9s cubic-bezier(.16,.84,.33,1); }
html.js .fade-up { opacity: 0; transform: translateY(32px); will-change: opacity, transform; }
html.js .fade-up.is-visible { opacity: 1; transform: translateY(0); }

/* 深度入场：从下方滑入 + 微缩放（用于 section-head） */
.rise-in { opacity: 1; transform: none; transition: opacity 1.1s cubic-bezier(.16,.84,.33,1), transform 1.1s cubic-bezier(.16,.84,.33,1); }
html.js .rise-in { opacity: 0; transform: translateY(48px) scale(0.97); will-change: opacity, transform; }
html.js .rise-in.is-visible { opacity: 1; transform: translateY(0) scale(1); }

/* 逐字标题：每个 .char 独立控制 */
.headline-anim { display: inline-block; }
.headline-anim .char { display: inline-block; opacity: 1; transform: none; transition: opacity 0.7s cubic-bezier(.16,.84,.33,1), transform 0.7s cubic-bezier(.16,.84,.33,1); }
html.js .headline-anim .char { opacity: 0; transform: translateY(0.6em) rotate(6deg); will-change: opacity, transform; }
html.js .headline-anim.is-visible .char { opacity: 1; transform: translateY(0) rotate(0); }

/* 键盘提示 pill —— 右下角，首次滚动 5s 后自动淡出 */
.kbd-hint {
  position: fixed; right: clamp(16px, 2vw, 28px); bottom: clamp(16px, 2vh, 28px);
  z-index: 100; display: flex; align-items: center; gap: 10px;
  padding: 10px 16px; border-radius: 999px;
  background: rgba(20,20,20,0.85); backdrop-filter: blur(16px);
  border: 1px solid var(--border-strong);
  font-family: var(--font-mono); font-size: 0.72rem; color: var(--text-2);
  letter-spacing: 0.04em;
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.kbd-hint.fade { opacity: 0; transform: translateY(12px); pointer-events: none; }
.kbd-hint kbd {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 22px; height: 22px; padding: 0 6px;
  background: var(--bg-3); border: 1px solid var(--border-strong);
  border-radius: 4px; font-size: 0.7rem; font-family: var(--font-mono);
  color: var(--text-1); box-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

/* slide counter pill —— 左下角 */
.slide-counter {
  position: fixed; left: clamp(16px, 2vw, 28px); bottom: clamp(16px, 2vh, 28px);
  z-index: 100; display: flex; align-items: center; gap: 8px;
  padding: 8px 14px; border-radius: 999px;
  background: rgba(20,20,20,0.85); backdrop-filter: blur(16px);
  border: 1px solid var(--border-strong);
  font-family: var(--font-mono); font-size: 0.74rem; letter-spacing: 0.1em;
  color: var(--text-2);
}
.slide-counter .now { color: var(--amber); font-weight: 700; }
.slide-counter .bar { width: 60px; height: 2px; background: rgba(255,255,255,0.1); border-radius: 2px; overflow: hidden; }
.slide-counter .bar::after {
  content: ''; display: block; height: 100%; width: var(--pct, 0%);
  background: linear-gradient(90deg, var(--amber), var(--rose));
  transition: width 0.6s cubic-bezier(.2,.7,.2,1);
}

/* 海报式 hero 点缀：流动的光弧 */
.cover-hero .aurora {
  position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 1;
}
.cover-hero .aurora span {
  position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.5;
}
.cover-hero .aurora span:nth-child(1) { width: 500px; height: 500px; background: rgba(245,166,35,0.35); top: -10%; left: 10%; animation: aurora-drift-1 18s ease-in-out infinite alternate; }
.cover-hero .aurora span:nth-child(2) { width: 420px; height: 420px; background: rgba(139,92,246,0.30); bottom: -8%; right: 10%; animation: aurora-drift-2 22s ease-in-out infinite alternate; }
.cover-hero .aurora span:nth-child(3) { width: 300px; height: 300px; background: rgba(0,220,130,0.22); top: 40%; left: 55%; animation: aurora-drift-3 26s ease-in-out infinite alternate; }
@keyframes aurora-drift-1 { from { transform: translate(0,0) scale(1); } to { transform: translate(60px,80px) scale(1.2); } }
@keyframes aurora-drift-2 { from { transform: translate(0,0) scale(1); } to { transform: translate(-80px,-60px) scale(1.15); } }
@keyframes aurora-drift-3 { from { transform: translate(0,0) scale(1); } to { transform: translate(-100px,40px) scale(1.3); } }
@media (prefers-reduced-motion: reduce) { .cover-hero .aurora span { animation: none; } }

footer.report-footer {
  padding: 48px clamp(24px, 6vw, 80px); text-align: center;
  border-top: 1px solid var(--border); color: var(--text-3); font-size: 0.8rem;
  background: var(--bg-0);
}
footer.report-footer .meta { font-family: var(--font-mono); letter-spacing: 0.12em; text-transform: uppercase; margin-top: 8px; font-size: 0.7rem; }

@media (max-width: 900px) {
  .matrix-2x2 { grid-template-columns: 40px 1fr; grid-template-rows: auto; }
  .matrix-2x2 .axis-x, .matrix-2x2 .axis-y { display: none; }
  .matrix-cell { grid-column: 2; }
}
@media (max-width: 600px) {
  .nav-rail { display: none; }
  .top-bar { padding: 14px 18px; font-size: 0.72rem; }
}
</style>
</head>
<body>
  <nav class="nav-rail" aria-label="章节导航">
    <a class="nav-dot active" href="#s0" data-tip="封面" data-idx="0"></a><a class="nav-dot" href="#agenda" data-tip="目录" data-idx="1"></a><a class="nav-dot" href="#category" data-tip="0 品类全景 · 肠道用药大盘" data-idx="2"></a><a class="nav-dot" href="#adult" data-tip="1 成人乳酸菌素片 · 品类机会" data-idx="3"></a><a class="nav-dot" href="#migrate" data-tip="2 成人→儿童 · 机会迁移" data-idx="4"></a><a class="nav-dot" href="#cross" data-tip="3 儿童微生态 · 交叉验证" data-idx="5"></a><a class="nav-dot" href="#position" data-tip="4 品类定位 · 里斯×特劳特" data-idx="6"></a><a class="nav-dot" href="#action" data-tip="5 落地行动" data-idx="7"></a>
  </nav>
  <div class="top-bar">
    <div class="brand-logo">江中<span class="dot">·</span>产品开发部 / 乳酸菌素片儿童版 VOC 深度洞察 v2.0</div>
    <div class="text-mono text-xs" style="color:var(--text-3);">王总 5 步路径 / 品类→成人→迁移→交叉→定位</div>
  </div>
  <div class="kbd-hint" id="kbdHint">
    <span>键盘切换</span>
    <kbd>↑</kbd><kbd>↓</kbd>
    <span>或</span>
    <kbd>PgUp</kbd><kbd>PgDn</kbd>
  </div>
  <div class="progress-line" id="progressLine"></div>
  <main class="deck">
<section class="report-section" id="s0" data-tone="amber" data-slide-num="01/27" style="min-height:100vh;padding:0;">
  <div class="cover-hero">
    <div class="aurora" aria-hidden="true"><span></span><span></span><span></span></div>
    <div class="cover-grid-bg"></div>
    <div class="cover-content">
      <div class="cover-meta rise-in" style="display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap;">
        <span>江中 / 产品开发部 / 2026 · 江中乳酸菌素片儿童版 · VOC 深度洞察 v2</span>
        <span style="display:inline-flex; align-items:center; gap:6px; padding:4px 12px; background:#2D9C5D15; color:#2D9C5D; border:1px solid #2D9C5D55; border-radius:16px; font-family:var(--font-mono); font-size:0.72rem; letter-spacing:0.12em; font-weight:600;">
          <span style="font-size:0.9rem;">✓</span>王总 5 步路径 · 结构重构版
        </span>
      </div>
      <div class="cover-title-stack">
        <p class="text-mono rise-in" style="color:#7ED4C2; font-size:0.9rem;letter-spacing:0.2em;margin-bottom:18px;">品类全景 → 成人机会 → 儿童迁移 → 交叉验证 → 里斯×特劳特定位</p>
        <h1 class="cover-title rise-in">江中乳酸菌素片儿童版<br/><span style="color:#7ED4C2; -webkit-text-fill-color:#7ED4C2; background:none; font-size:0.66em;">VOC 深度洞察报告 v2</span></h1>
        <p class="text-poster rise-in" style="margin-top:20px;color:var(--text-2); font-size:1.42rem;">
          严格遵循<strong style="color:#7ED4C2;">王总 5 步分析路径</strong> · 从品类入手而非产品入手
        </p>
      </div>
      <p class="cover-sub fade-up">
        基于 <strong style="color:#7ED4C2;">0420 会议王总核心分析路径</strong>重构：
        Step1 <strong style="color:#0085CA;">肠道品类全景</strong> →
        Step2 <strong style="color:#FF8C42;">成人乳酸菌素片品类机会</strong> →
        Step3 <strong style="color:#FF8BA7;">成人→儿童机会迁移</strong> →
        Step4 <strong style="color:#8B5CF6;">儿童微生态交叉验证</strong> →
        Step5 <strong style="color:#2D9C5D;">里斯品类战略 × 特劳特定位收敛</strong>。
        以 <strong style="color:#7ED4C2;">2,566</strong> 条真实家长 VOC 为证据底座。
      </p>
      <div class="cover-stats fade-up" style="grid-template-columns:repeat(5, 1fr); max-width:960px;">
        <div class="cover-stat"><div class="num">5 步</div><div class="lbl">王总分析路径</div></div>
        <div class="cover-stat"><div class="num">2,566</div><div class="lbl">真实家长 VOC</div></div>
        <div class="cover-stat"><div class="num">2</div><div class="lbl">采集平台</div></div>
        <div class="cover-stat"><div class="num">6</div><div class="lbl">章节</div></div>
        <div class="cover-stat"><div class="num">27</div><div class="lbl">slides</div></div>
      </div>
      <p class="text-mono text-xs fade-up" style="margin-top:40px; color:var(--text-3);">SCROLL DOWN · 采集截止 2026-04-20T03:09:34.251Z · 2,566 条真实 VOC</p>
    </div>
  </div>
</section>
<section class="report-section" id="agenda" data-tone="amber" data-slide-num="02/27">
  <div class="section-inner">
    <div class="section-head rise-in">
      <div class="section-eyebrow" style="color:#7ED4C2;">CONTENTS · 王总 5 步路径 + 落地</div>
      <h2 class="text-h1"><span class="headline-anim">从品类入手 · 层层收敛到一句话定位</span></h2>
      <p class="section-sub">严格遵循王总要求：<strong style="color:#7ED4C2;">品类全景→成人机会→儿童迁移→交叉验证→定位收敛→落地</strong></p>
    </div>

    <div class="grid" style="grid-template-columns:repeat(2, 1fr); gap:22px; margin-top:20px;">
      
      <a href="#category" class="fade-up" style="text-decoration:none; display:block; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #0085CA; border-radius:var(--radius-md); padding:24px; transition:all .35s cubic-bezier(.2,.7,.2,1); position:relative; overflow:hidden;" onmouseover="this.style.transform='translateY(-4px)'; this.style.borderColor='#0085CA'; this.style.boxShadow='0 20px 60px -20px #0085CA55'" onmouseout="this.style.transform='translateY(0)'; this.style.borderColor='var(--border)'; this.style.boxShadow='none'">
        <div style="position:absolute; top:-18px; right:-10px; font-family:var(--font-head); font-weight:900; font-size:8rem; line-height:1; color:#0085CA; opacity:.08; letter-spacing:-0.06em; pointer-events:none;">0</div>
        <div style="display:flex; justify-content:space-between; align-items:start; margin-bottom:14px;">
          <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.18em; font-weight:700;">CH 0 · CATEGORY LANDSCAPE · STEP 1</div>
          <div style="font-size:1.6rem; filter:grayscale(20%);">🔭</div>
        </div>
        <h3 class="text-h2" style="margin:0 0 10px; color:var(--text-1); font-size:1.38rem;">品类全景 · 肠道用药大盘</h3>
        <p style="color:var(--text-2); font-size:0.88rem; line-height:1.6; margin-bottom:12px;">微生态制剂 × 肠炎止泻 × 润肠通便 全量扫描 · TAM→SAM→SOM</p>
        <div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px;">
          <span style="padding:3px 8px; background:#0085CA15; color:#0085CA; border-radius:3px; font-size:0.66rem; font-weight:600;">0.1 微生态制剂 × 肠炎止泻 × 润肠通便 </span><span style="padding:3px 8px; background:#0085CA15; color:#0085CA; border-radius:3px; font-size:0.66rem; font-weight:600;">0.2 各品类人群需求标签 × 解决问题矩阵</span><span style="padding:3px 8px; background:#0085CA15; color:#0085CA; border-radius:3px; font-size:0.66rem; font-weight:600;">0.3 TAM→SAM→SOM </span>
        </div>
      </a>
      <a href="#adult" class="fade-up" style="text-decoration:none; display:block; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF8C42; border-radius:var(--radius-md); padding:24px; transition:all .35s cubic-bezier(.2,.7,.2,1); position:relative; overflow:hidden;" onmouseover="this.style.transform='translateY(-4px)'; this.style.borderColor='#FF8C42'; this.style.boxShadow='0 20px 60px -20px #FF8C4255'" onmouseout="this.style.transform='translateY(0)'; this.style.borderColor='var(--border)'; this.style.boxShadow='none'">
        <div style="position:absolute; top:-18px; right:-10px; font-family:var(--font-head); font-weight:900; font-size:8rem; line-height:1; color:#FF8C42; opacity:.08; letter-spacing:-0.06em; pointer-events:none;">1</div>
        <div style="display:flex; justify-content:space-between; align-items:start; margin-bottom:14px;">
          <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.18em; font-weight:700;">CH 1 · ADULT OPPORTUNITY · STEP 2</div>
          <div style="font-size:1.6rem; filter:grayscale(20%);">💊</div>
        </div>
        <h3 class="text-h2" style="margin:0 0 10px; color:var(--text-1); font-size:1.38rem;">成人乳酸菌素片 · 品类机会</h3>
        <p style="color:var(--text-2); font-size:0.88rem; line-height:1.6; margin-bottom:12px;">成人 VOC 全景 · 品类机会点 · 竞品差异化空白</p>
        <div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px;">
          <span style="padding:3px 8px; background:#FF8C4215; color:#FF8C42; border-radius:3px; font-size:0.66rem; font-weight:600;">1.1 成人乳酸菌素片 VOC 全景 </span><span style="padding:3px 8px; background:#FF8C4215; color:#FF8C42; border-radius:3px; font-size:0.66rem; font-weight:600;">1.2 成人品类机会点 </span><span style="padding:3px 8px; background:#FF8C4215; color:#FF8C42; border-radius:3px; font-size:0.66rem; font-weight:600;">1.3 品类核心机会提炼 </span>
        </div>
      </a>
      <a href="#migrate" class="fade-up" style="text-decoration:none; display:block; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF8BA7; border-radius:var(--radius-md); padding:24px; transition:all .35s cubic-bezier(.2,.7,.2,1); position:relative; overflow:hidden;" onmouseover="this.style.transform='translateY(-4px)'; this.style.borderColor='#FF8BA7'; this.style.boxShadow='0 20px 60px -20px #FF8BA755'" onmouseout="this.style.transform='translateY(0)'; this.style.borderColor='var(--border)'; this.style.boxShadow='none'">
        <div style="position:absolute; top:-18px; right:-10px; font-family:var(--font-head); font-weight:900; font-size:8rem; line-height:1; color:#FF8BA7; opacity:.08; letter-spacing:-0.06em; pointer-events:none;">2</div>
        <div style="display:flex; justify-content:space-between; align-items:start; margin-bottom:14px;">
          <div class="text-mono text-xs" style="color:#FF8BA7; letter-spacing:0.18em; font-weight:700;">CH 2 · MIGRATION · STEP 3</div>
          <div style="font-size:1.6rem; filter:grayscale(20%);">🔄</div>
        </div>
        <h3 class="text-h2" style="margin:0 0 10px; color:var(--text-1); font-size:1.38rem;">成人→儿童 · 机会迁移</h3>
        <p style="color:var(--text-2); font-size:0.88rem; line-height:1.6; margin-bottom:12px;">成人 VOC 中的儿童信号 · 家长决策路径 · 可迁移机会矩阵</p>
        <div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px;">
          <span style="padding:3px 8px; background:#FF8BA715; color:#FF8BA7; border-radius:3px; font-size:0.66rem; font-weight:600;">2.1 成人 VOC 中的儿童信号扫描 </span><span style="padding:3px 8px; background:#FF8BA715; color:#FF8BA7; border-radius:3px; font-size:0.66rem; font-weight:600;">2.2 家长购买决策路径 </span><span style="padding:3px 8px; background:#FF8BA715; color:#FF8BA7; border-radius:3px; font-size:0.66rem; font-weight:600;">2.3 可迁移 vs 不可迁移 </span>
        </div>
      </a>
      <a href="#cross" class="fade-up" style="text-decoration:none; display:block; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #8B5CF6; border-radius:var(--radius-md); padding:24px; transition:all .35s cubic-bezier(.2,.7,.2,1); position:relative; overflow:hidden;" onmouseover="this.style.transform='translateY(-4px)'; this.style.borderColor='#8B5CF6'; this.style.boxShadow='0 20px 60px -20px #8B5CF655'" onmouseout="this.style.transform='translateY(0)'; this.style.borderColor='var(--border)'; this.style.boxShadow='none'">
        <div style="position:absolute; top:-18px; right:-10px; font-family:var(--font-head); font-weight:900; font-size:8rem; line-height:1; color:#8B5CF6; opacity:.08; letter-spacing:-0.06em; pointer-events:none;">3</div>
        <div style="display:flex; justify-content:space-between; align-items:start; margin-bottom:14px;">
          <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.18em; font-weight:700;">CH 3 · CROSS VALIDATION · STEP 4</div>
          <div style="font-size:1.6rem; filter:grayscale(20%);">🔬</div>
        </div>
        <h3 class="text-h2" style="margin:0 0 10px; color:var(--text-1); font-size:1.38rem;">儿童微生态 · 交叉验证</h3>
        <p style="color:var(--text-2); font-size:0.88rem; line-height:1.6; margin-bottom:12px;">儿童产品全量扫描 · 竞品空白 × 我们能接住的交叉点</p>
        <div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px;">
          <span style="padding:3px 8px; background:#8B5CF615; color:#8B5CF6; border-radius:3px; font-size:0.66rem; font-weight:600;">3.1 儿童微生态制剂全量扫描 </span><span style="padding:3px 8px; background:#8B5CF615; color:#8B5CF6; border-radius:3px; font-size:0.66rem; font-weight:600;">3.2 交叉验证 </span><span style="padding:3px 8px; background:#8B5CF615; color:#8B5CF6; border-radius:3px; font-size:0.66rem; font-weight:600;">3.3 竞品正反面精简分析 </span>
        </div>
      </a>
      <a href="#position" class="fade-up" style="text-decoration:none; display:block; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #2D9C5D; border-radius:var(--radius-md); padding:24px; transition:all .35s cubic-bezier(.2,.7,.2,1); position:relative; overflow:hidden;" onmouseover="this.style.transform='translateY(-4px)'; this.style.borderColor='#2D9C5D'; this.style.boxShadow='0 20px 60px -20px #2D9C5D55'" onmouseout="this.style.transform='translateY(0)'; this.style.borderColor='var(--border)'; this.style.boxShadow='none'">
        <div style="position:absolute; top:-18px; right:-10px; font-family:var(--font-head); font-weight:900; font-size:8rem; line-height:1; color:#2D9C5D; opacity:.08; letter-spacing:-0.06em; pointer-events:none;">4</div>
        <div style="display:flex; justify-content:space-between; align-items:start; margin-bottom:14px;">
          <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; font-weight:700;">CH 4 · POSITIONING · STEP 5</div>
          <div style="font-size:1.6rem; filter:grayscale(20%);">🎯</div>
        </div>
        <h3 class="text-h2" style="margin:0 0 10px; color:var(--text-1); font-size:1.38rem;">品类定位 · 里斯×特劳特</h3>
        <p style="color:var(--text-2); font-size:0.88rem; line-height:1.6; margin-bottom:12px;">里斯品类战略 · 特劳特一句话定位 · 三条机会 VOC 验证</p>
        <div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px;">
          <span style="padding:3px 8px; background:#2D9C5D15; color:#2D9C5D; border-radius:3px; font-size:0.66rem; font-weight:600;">4.1 里斯品类战略 </span><span style="padding:3px 8px; background:#2D9C5D15; color:#2D9C5D; border-radius:3px; font-size:0.66rem; font-weight:600;">4.2 特劳特定位 </span><span style="padding:3px 8px; background:#2D9C5D15; color:#2D9C5D; border-radius:3px; font-size:0.66rem; font-weight:600;">4.3 三条细分机会 VOC 验证 </span><span style="padding:3px 8px; background:#2D9C5D15; color:#2D9C5D; border-radius:3px; font-size:0.66rem; font-weight:600;">4.4 风险评估 </span>
        </div>
      </a>
      <a href="#action" class="fade-up" style="text-decoration:none; display:block; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #7ED4C2; border-radius:var(--radius-md); padding:24px; transition:all .35s cubic-bezier(.2,.7,.2,1); position:relative; overflow:hidden;" onmouseover="this.style.transform='translateY(-4px)'; this.style.borderColor='#7ED4C2'; this.style.boxShadow='0 20px 60px -20px #7ED4C255'" onmouseout="this.style.transform='translateY(0)'; this.style.borderColor='var(--border)'; this.style.boxShadow='none'">
        <div style="position:absolute; top:-18px; right:-10px; font-family:var(--font-head); font-weight:900; font-size:8rem; line-height:1; color:#7ED4C2; opacity:.08; letter-spacing:-0.06em; pointer-events:none;">5</div>
        <div style="display:flex; justify-content:space-between; align-items:start; margin-bottom:14px;">
          <div class="text-mono text-xs" style="color:#7ED4C2; letter-spacing:0.18em; font-weight:700;">CH 5 · ACTION PLAN </div>
          <div style="font-size:1.6rem; filter:grayscale(20%);">🚀</div>
        </div>
        <h3 class="text-h2" style="margin:0 0 10px; color:var(--text-1); font-size:1.38rem;">落地行动</h3>
        <p style="color:var(--text-2); font-size:0.88rem; line-height:1.6; margin-bottom:12px;">产品策略 · 渠道策略 · P0/P1 行动清单</p>
        <div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px;">
          <span style="padding:3px 8px; background:#7ED4C215; color:#7ED4C2; border-radius:3px; font-size:0.66rem; font-weight:600;">5.1 产品策略 </span><span style="padding:3px 8px; background:#7ED4C215; color:#7ED4C2; border-radius:3px; font-size:0.66rem; font-weight:600;">5.2 渠道策略 </span><span style="padding:3px 8px; background:#7ED4C215; color:#7ED4C2; border-radius:3px; font-size:0.66rem; font-weight:600;">5.3 P0/P1 行动清单 × 时间线</span>
        </div>
      </a>
    </div>

    <div class="fade-up" style="margin-top:44px; padding:22px 26px; background:linear-gradient(135deg, #7ED4C210, #2D9C5D06); border:1px solid #7ED4C222; border-radius:var(--radius-md);">
      <div class="text-mono text-xs" style="color:#7ED4C2; letter-spacing:0.15em; margin-bottom:10px;">METHODOLOGY · 王总分析路径</div>
      <div style="color:var(--text-1); font-size:0.98rem; line-height:1.72;">
        本报告 v2 版严格遵循 <strong style="color:#7ED4C2;">0420 会议王总 5 步分析路径</strong>重构，解决 v1 版"<strong style="color:#FF6B6B;">太散太乱，不知道怎么看怎么用</strong>"的问题：<br/>
        ① 品类全景入手 → ② 成人品类机会 → ③ 机会迁移到儿童 → ④ 反向交叉验证 → ⑤ 里斯品类战略 + 特劳特定位收敛。<br/>
        使用客户熟悉的 <strong style="color:#2D9C5D;">里斯 + 特劳特</strong> 框架，而非 KANO/混沌等不适用模型。
      </div>
    </div>
  </div>
</section>
<section class="report-section" id="category" data-tone="blue" data-slide-num="03/27" style="justify-content:center;">
  <div class="section-inner">
    <div class="rise-in" style="text-align:center; margin-bottom:40px;">
      <div style="font-family:var(--font-head); font-weight:900; font-size:clamp(5rem, 14vw, 11rem); line-height:0.9; color:#0085CA; opacity:0.12; letter-spacing:-0.06em;">00</div>
      <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">STEP 1 · CHAPTER 0 · CATEGORY LANDSCAPE</div>
    </div>
    <div class="rise-in" style="text-align:center; margin-bottom:36px;">
      <div style="font-size:3.2rem; margin-bottom:14px;">🔭</div>
      <h2 class="text-poster" style="font-size:clamp(2.4rem, 5.2vw, 4.2rem); color:var(--text-1); letter-spacing:-0.025em;">品类全景 · 肠道用药大盘</h2>
      <p style="color:#0085CA; font-family:var(--font-mono); font-size:0.92rem; letter-spacing:0.18em; margin-top:12px; font-weight:600;">CATEGORY LANDSCAPE</p>
    </div>
    <div class="fade-up" style="max-width:960px; margin:0 auto; text-align:center; padding:28px 32px; background:linear-gradient(135deg, #0085CA0C, transparent); border-left:3px solid #0085CA; border-radius:var(--radius-md);">
      <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;">王总明确要求：<strong style="color:#0085CA;">"从整个肠道品类入手，不是从乳酸菌素片入手"</strong>。本章从 <strong>微生态制剂（益生菌+乳酸菌素片）、肠炎止泻药、润肠通便药</strong> 三大品类出发，扫描 <strong style="color:#7ED4C2;">100+ 亿肠道市场</strong> 的人群需求、标签、解决问题，建立 TAM→SAM→SOM 漏斗。</p>
    </div>
    <div class="fade-up" style="margin-top:40px; display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; max-width:1100px; margin-left:auto; margin-right:auto;">
      
      <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #0085CA22; border-radius:var(--radius-sm); text-align:center;">
        <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">0.1</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">微生态制剂 × 肠炎止泻 × 润肠通便 · 三大品类扫描</div>
      </div>
      <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #0085CA22; border-radius:var(--radius-sm); text-align:center;">
        <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">0.2</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">各品类人群需求标签 × 解决问题矩阵</div>
      </div>
      <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #0085CA22; border-radius:var(--radius-sm); text-align:center;">
        <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">0.3</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">TAM→SAM→SOM · 市场漏斗与乳酸菌素片区间</div>
      </div>
    </div>
    <div class="fade-up" style="margin-top:48px; text-align:center;">
      <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.3em;">SCROLL DOWN · 3 个子章</div>
    </div>
  </div>
</section>
<section class="report-section" id="category-1" data-tone="blue" data-slide-num="04/27">
  <div class="section-inner">
    <div class="section-head rise-in">
    <div class="section-eyebrow" style="color:#0085CA;">0.1 · CATEGORY SCAN</div>
    <h2 class="text-h1"><span class="headline-anim">微生态制剂 × 肠炎止泻 × 润肠通便 · 三大品类扫描</span></h2>
    <p class="section-sub">王总要求："从整个肠道品类入手，不是从乳酸菌素片入手"——先看大盘，再聚焦。</p>
  </div>

    <div class="rise-in" style="padding:28px 32px; background:linear-gradient(135deg, #0085CA12, #0085CA04); border-left:4px solid #0085CA; border-radius:var(--radius-md); margin-bottom:32px;">
    <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">STEP 1 · 品类入口</div>
    <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">肠道用药三大品类：<strong>微生态制剂</strong>（调理）、<strong>肠炎止泻</strong>（治疗）、<strong>润肠通便</strong>（对症）</div>
    <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">乳酸菌素片属于微生态制剂品类，但用户的肠道需求横跨三个品类——理解全景才能找到定位空间。</div>
  </div>

    <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; margin-top:24px;">
      
      <div style="padding:22px; background:#7ED4C208; border:1px solid #7ED4C233; border-radius:var(--radius-md); border-top:3px solid #7ED4C2;">
        <div class="text-mono text-xs" style="color:#7ED4C2; letter-spacing:0.12em; font-weight:700; margin-bottom:10px;">微生态制剂（益生菌+乳酸菌素片）</div>
        <div style="font-family:var(--font-head); font-size:2.2rem; font-weight:800; color:#7ED4C2; margin-bottom:6px;">1424</div>
        <div style="color:var(--text-3); font-size:0.72rem; margin-bottom:12px;">条相关 VOC</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.6; margin-bottom:10px;">活菌/灭活菌制剂，通过补充或调节肠道菌群恢复微生态平衡</div>
        <div style="color:var(--text-2); font-size:0.78rem; line-height:1.5; padding-top:10px; border-top:1px dashed #7ED4C233;">
          <strong>代表产品</strong>：妈咪爱、合生元、万益蓝、金双岐、亿活、宝乐安、拜奥、lifespace<br/>
          <strong>监管身份</strong>：药品（妈咪爱/亿活）、保健品（合生元）、食品（万益蓝）三种身份并存
        </div>
      </div>
      <div style="padding:22px; background:#FF6B6B08; border:1px solid #FF6B6B33; border-radius:var(--radius-md); border-top:3px solid #FF6B6B;">
        <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.12em; font-weight:700; margin-bottom:10px;">肠炎止泻药</div>
        <div style="font-family:var(--font-head); font-size:2.2rem; font-weight:800; color:#FF6B6B; margin-bottom:6px;">174</div>
        <div style="color:var(--text-3); font-size:0.72rem; margin-bottom:12px;">条相关 VOC</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.6; margin-bottom:10px;">针对急性/慢性腹泻的对症治疗，止泻为主要功效</div>
        <div style="color:var(--text-2); font-size:0.78rem; line-height:1.5; padding-top:10px; border-top:1px dashed #FF6B6B33;">
          <strong>代表产品</strong>：蒙脱石散、肠炎宁、诺氟沙星<br/>
          <strong>监管身份</strong>：以处方药和 OTC 为主，家长自行购买意愿低
        </div>
      </div>
      <div style="padding:22px; background:#FF8C4208; border:1px solid #FF8C4233; border-radius:var(--radius-md); border-top:3px solid #FF8C42;">
        <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.12em; font-weight:700; margin-bottom:10px;">润肠通便药</div>
        <div style="font-family:var(--font-head); font-size:2.2rem; font-weight:800; color:#FF8C42; margin-bottom:6px;">273</div>
        <div style="color:var(--text-3); font-size:0.72rem; margin-bottom:12px;">条相关 VOC</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.6; margin-bottom:10px;">针对便秘的对症治疗，通便/软化大便为主要功效</div>
        <div style="color:var(--text-2); font-size:0.78rem; line-height:1.5; padding-top:10px; border-top:1px dashed #FF8C4233;">
          <strong>代表产品</strong>：开塞露、乳果糖、常润茶、纤维素<br/>
          <strong>监管身份</strong>：OTC + 食品级双轨，儿童场景以开塞露/乳果糖为主
        </div>
      </div>
    </div>

    <div style="padding:20px 24px; background:#0085CA08; border-left:3px solid #0085CA; border-radius:6px;">
    <div style="display:flex; align-items:center; gap:10px; margin-bottom:10px;">
      <span style="font-size:1.4rem;">💡</span>
      <div style="color:#0085CA; font-weight:700; font-size:0.96rem;">关键发现：三品类边界模糊，用户按症状而非品类选择</div>
    </div>
    <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;">家长搜索"宝宝拉肚子"时，会同时看到蒙脱石散（止泻药）、妈咪爱（微生态）、合生元（食品级益生菌）——<strong>品类边界在用户端不存在</strong>。乳酸菌素片的机会在于覆盖"调理"这个中间地带：不是急性治疗，不是单纯通便，而是<strong>日常肠道养护</strong>。</div>
  </div>
  </div>
</section>
<section class="report-section" id="category-2" data-tone="blue" data-slide-num="05/27">
  <div class="section-inner">
    <div class="section-head rise-in">
    <div class="section-eyebrow" style="color:#0085CA;">0.2 · DEMAND MATRIX</div>
    <h2 class="text-h1"><span class="headline-anim">各品类人群需求标签 × 解决问题矩阵</span></h2>
    <p class="section-sub">从会议分享的胃肠脾产品矩阵出发，拆解各品类人群需求。</p>
  </div>

    <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
    <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">肠道品类 × 人群需求 × 解决问题 矩阵</div>
    <table style="width:100%; border-collapse:collapse; font-size:0.88rem;">
      <thead>
        <tr style="border-bottom:2px solid #0085CA33;">
          <th style="text-align:left; padding:10px 6px; color:var(--text-3); font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">品类/方向</th><th style="text-align:center; padding:10px 6px; color:#0085CA; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">目标人群</th><th style="text-align:center; padding:10px 6px; color:#0085CA; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">核心需求标签</th><th style="text-align:center; padding:10px 6px; color:#0085CA; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">解决的问题</th><th style="text-align:center; padding:10px 6px; color:#0085CA; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">乳酸菌素片机会</th>
        </tr>
      </thead>
      <tbody>
        <tr style="border-bottom:1px solid var(--border);">
          <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">微生态制剂·药品</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">急性腹泻/菌群失调儿童</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">快速止泻、医生推荐</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">急性肠道感染</td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B;">低</span>（处方主导）</td>
        </tr><tr style="border-bottom:1px solid var(--border);">
          <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">微生态制剂·食品</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">日常调理/预防型家长</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">安全、长期吃、口味好</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">菌群平衡/预防</td><td style="padding:10px 6px; color:#2D9C5D; text-align:center; font-weight:400;"><strong style="color:#2D9C5D;">高 ★★★</strong></td>
        </tr><tr style="border-bottom:1px solid var(--border);">
          <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">肠炎止泻</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">急性腹泻患儿</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">快速见效、安全</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">止泻</td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B;">低</span>（场景不符）</td>
        </tr><tr style="border-bottom:1px solid var(--border);">
          <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">润肠通便</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">便秘儿童家长</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">温和、不依赖</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">排便困难</td><td style="padding:10px 6px; color:#FF8C42; text-align:center; font-weight:400;"><strong style="color:#FF8C42;">中 ★★</strong>（可延伸）</td>
        </tr><tr style="border-bottom:1px solid var(--border);">
          <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">脾虚调理</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">消化不好/光吃不长</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">健脾、促吸收</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">营养吸收差</td><td style="padding:10px 6px; color:#2D9C5D; text-align:center; font-weight:400;"><strong style="color:#2D9C5D;">高 ★★★</strong></td>
        </tr><tr style="border-bottom:1px solid var(--border);">
          <td style="padding:12px 6px; color:var(--text-2); text-align:left; font-weight:400;">营养补剂替代</td><td style="padding:12px 6px; color:var(--text-1); text-align:center; font-weight:400;">"瓶瓶罐罐"焦虑家长</td><td style="padding:12px 6px; color:var(--text-1); text-align:center; font-weight:400;">减少补剂、靠饮食</td><td style="padding:12px 6px; color:var(--text-1); text-align:center; font-weight:400;">自身吸收能力</td><td style="padding:12px 6px; color:#2D9C5D; text-align:center; font-weight:400;"><strong style="color:#2D9C5D;">高 ★★★</strong>（杨老师洞察）</td>
        </tr>
      </tbody>
    </table>
  </div>

    <div style="margin-top:24px; padding:20px 24px; background:#8B5CF608; border-left:3px solid #8B5CF6; border-radius:6px;">
      <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:10px; font-weight:700;">会议图示关键洞察</div>
      <div style="color:var(--text-1); font-size:0.92rem; line-height:1.72;">
        <strong style="color:#8B5CF6;">脾虚 = 消化不好 + 大便不好</strong>，与肠道问题高度重叠。<br/>
        王总确认（24:44）："如果是肠道的养护，肠道的吸收的话，确实有这样的机会。"<br/>
        → 乳酸菌素片需要同时打 <strong>肠 + 脾</strong> 两条线，覆盖"调理+吸收"双需求。
      </div>
    </div>

    <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#0085CA08; border:1px solid #0085CA33; border-radius:var(--radius-md);">
    <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">INSIGHT · 品类机会判断</div>
    <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
      
      <div style="display:flex; gap:10px; align-items:flex-start;">
        <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#0085CA; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">1</div>
        <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;">乳酸菌素片的<strong>高机会区</strong>：微生态食品级调理 + 脾虚营养吸收 + "瓶瓶罐罐"替代</div>
      </div>
      <div style="display:flex; gap:10px; align-items:flex-start;">
        <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#0085CA; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">2</div>
        <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;">低机会区：急性止泻（处方主导）、急性肠炎（场景不符）</div>
      </div>
      <div style="display:flex; gap:10px; align-items:flex-start;">
        <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#0085CA; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">3</div>
        <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;">中间地带：便秘调理可延伸，但非主打方向</div>
      </div>
      <div style="display:flex; gap:10px; align-items:flex-start;">
        <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#0085CA; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">4</div>
        <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;">核心人群标签：<strong>"日常调理型"家长 + "减少补剂型"家长</strong></div>
      </div>
    </div>
  </div>
  </div>
</section>
<section class="report-section" id="category-3" data-tone="blue" data-slide-num="06/27">
  <div class="section-inner">
    <div class="section-head rise-in">
    <div class="section-eyebrow" style="color:#0085CA;">0.3 · TAM → SAM → SOM</div>
    <h2 class="text-h1"><span class="headline-anim">TAM→SAM→SOM · 市场漏斗与乳酸菌素片区间</span></h2>
    <p class="section-sub">总经理习惯的思维框架：全中国多少人→发病率→转化率→吃什么药。</p>
  </div>

    <div style="max-width:800px; margin:0 auto;">
      <!-- TAM -->
      <div style="background:#0085CA10; border:2px solid #0085CA44; border-radius:var(--radius-md); padding:28px 32px; margin-bottom:16px; position:relative;">
        <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.2em; font-weight:700; margin-bottom:8px;">TAM · 品类全市场</div>
        <div style="font-family:var(--font-head); font-size:2.4rem; font-weight:800; color:#0085CA;">~130 亿</div>
        <div style="color:var(--text-1); font-size:0.92rem; line-height:1.7; margin-top:8px;">
          微生态制剂 <strong>~60 亿</strong>（药品益生菌 + OTC 乳酸菌素片）+
          食品级益生菌 <strong>~50 亿</strong>（合生元/万益蓝等）+
          儿童营养补剂中肠道相关 <strong>~20 亿</strong>
        </div>
        <div style="color:var(--text-3); font-size:0.78rem; margin-top:6px;">含成人 + 儿童全部肠道调理相关产品</div>
      </div>

      <!-- SAM -->
      <div style="background:#2D9C5D10; border:2px solid #2D9C5D44; border-radius:var(--radius-md); padding:28px 32px; margin-bottom:16px; margin-left:40px; margin-right:40px;">
        <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; font-weight:700; margin-bottom:8px;">SAM · 可服务市场</div>
        <div style="font-family:var(--font-head); font-size:2.4rem; font-weight:800; color:#2D9C5D;">~25 亿</div>
        <div style="color:var(--text-1); font-size:0.92rem; line-height:1.7; margin-top:8px;">
          儿童（3-12 岁）肠道调理市场：<br/>
          药品级 <strong>~6 亿</strong>（妈咪爱/亿活/宝乐安）+
          食品级 <strong>~12 亿</strong>（合生元/万益蓝）+
          OTC 乳酸菌素片 <strong>~3 亿</strong> +
          营养吸收关联 <strong>~4 亿</strong>
        </div>
        <div style="color:var(--text-3); font-size:0.78rem; margin-top:6px;">锁定 3-12 岁 · 咀嚼片可覆盖年龄段</div>
      </div>

      <!-- SOM -->
      <div style="background:#7ED4C210; border:2px solid #7ED4C244; border-radius:var(--radius-md); padding:28px 32px; margin-left:80px; margin-right:80px;">
        <div class="text-mono text-xs" style="color:#7ED4C2; letter-spacing:0.2em; font-weight:700; margin-bottom:8px;">SOM · 可获取市场</div>
        <div style="font-family:var(--font-head); font-size:2.4rem; font-weight:800; color:#7ED4C2;">6000 万 → 10 亿</div>
        <div style="color:var(--text-1); font-size:0.92rem; line-height:1.7; margin-top:8px;">
          当前：<strong style="color:#FF8C42;">6000 万</strong>（OTC 乳酸菌素片儿童版单品）<br/>
          目标：<strong style="color:#2D9C5D;">10 亿 / 3 年</strong>（药店 + 电商 + 新渠道）<br/>
          路径：品类重定位 → 从"乳酸菌素片"升级到"儿童肠道日常养护第一品牌"
        </div>
      </div>
    </div>

    <div style="padding:20px 24px; background:#2D9C5D08; border-left:3px solid #2D9C5D; border-radius:6px;">
    <div style="display:flex; align-items:center; gap:10px; margin-bottom:10px;">
      <span style="font-size:1.4rem;">🎯</span>
      <div style="color:#2D9C5D; font-weight:700; font-size:0.96rem;">漏斗关键结论</div>
    </div>
    <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;">从 130 亿 TAM 到 25 亿 SAM，乳酸菌素片儿童版当前仅占 <strong>0.46%</strong> 市场份额。10 亿目标意味着在 SAM 中占到 <strong>4%</strong>——<strong>可行但需要品类重定位</strong>，不能继续在"乳酸菌素片"这个狭窄品类里打。</div>
  </div>
  </div>
</section>
<section class="report-section" id="adult" data-tone="amber" data-slide-num="07/27" style="justify-content:center;">
  <div class="section-inner">
    <div class="rise-in" style="text-align:center; margin-bottom:40px;">
      <div style="font-family:var(--font-head); font-weight:900; font-size:clamp(5rem, 14vw, 11rem); line-height:0.9; color:#FF8C42; opacity:0.12; letter-spacing:-0.06em;">01</div>
      <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">STEP 2 · CHAPTER 1 · ADULT OPPORTUNITY</div>
    </div>
    <div class="rise-in" style="text-align:center; margin-bottom:36px;">
      <div style="font-size:3.2rem; margin-bottom:14px;">💊</div>
      <h2 class="text-poster" style="font-size:clamp(2.4rem, 5.2vw, 4.2rem); color:var(--text-1); letter-spacing:-0.025em;">成人乳酸菌素片 · 品类机会</h2>
      <p style="color:#FF8C42; font-family:var(--font-mono); font-size:0.92rem; letter-spacing:0.18em; margin-top:12px; font-weight:600;">ADULT OPPORTUNITY</p>
    </div>
    <div class="fade-up" style="max-width:960px; margin:0 auto; text-align:center; padding:28px 32px; background:linear-gradient(135deg, #FF8C420C, transparent); border-left:3px solid #FF8C42; border-radius:var(--radius-md);">
      <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;">王总第二步：<strong style="color:#FF8C42;">"聚焦到乳酸菌素片这个品类，先做成人的完整 VOC 分析"</strong>。成人乳酸菌素片的市场机会是什么？与竞品（整肠生/培菲康/妈咪爱成人版）的差异在哪里？哪些机会可以向儿童迁移？</p>
    </div>
    <div class="fade-up" style="margin-top:40px; display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; max-width:1100px; margin-left:auto; margin-right:auto;">
      
      <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF8C4222; border-radius:var(--radius-sm); text-align:center;">
        <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">1.1</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">成人乳酸菌素片 VOC 全景 · 平台×情感×主题</div>
      </div>
      <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF8C4222; border-radius:var(--radius-sm); text-align:center;">
        <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">1.2</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">成人品类机会点 · 竞品差异化空白</div>
      </div>
      <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF8C4222; border-radius:var(--radius-sm); text-align:center;">
        <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">1.3</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">品类核心机会提炼 · 可向儿童迁移的信号</div>
      </div>
    </div>
    <div class="fade-up" style="margin-top:48px; text-align:center;">
      <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.3em;">SCROLL DOWN · 3 个子章</div>
    </div>
  </div>
</section>
<section class="report-section" id="adult-1" data-tone="amber" data-slide-num="08/27">
  <div class="section-inner">
    <div class="section-head rise-in">
    <div class="section-eyebrow" style="color:#FF8C42;">1.1 · ADULT VOC LANDSCAPE</div>
    <h2 class="text-h1"><span class="headline-anim">成人乳酸菌素片 VOC 全景 · 平台×情感×主题</span></h2>
    <p class="section-sub">王总要求："先看一下这些成人整个乳酸菌素片用药的 VOC"</p>
  </div>

    <div style="display:grid; grid-template-columns:repeat(4, 1fr); gap:12px; padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
    
    <div style="text-align:center;">
      <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF8C42; letter-spacing:-0.02em;">247</div>
      <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">成人相关 VOC</div>
      
    </div>
    <div style="text-align:center;">
      <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#2D9C5D; letter-spacing:-0.02em;">12</div>
      <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">好评</div>
      
    </div>
    <div style="text-align:center;">
      <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF6B6B; letter-spacing:-0.02em;">8</div>
      <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">差评</div>
      
    </div>
    <div style="text-align:center;">
      <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF8C42; letter-spacing:-0.02em;">1</div>
      <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">矛盾</div>
      
    </div>
  </div>

    <div style="margin-top:24px;">
      <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
    <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">成人乳酸菌素片 VOC 主题分布</div>
    <svg viewBox="0 0 900 336" style="width:100%; height:auto; max-height:280px;" preserveAspectRatio="xMidYMid meet">
      
        <text x="150" y="35" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">便秘/排便</text>
        <rect x="160" y="16" width="660" height="28" rx="4" fill="#FF8C42" opacity="0.85"/>
        <text x="828" y="35" font-size="13" font-weight="700" fill="#FF8C42" font-family="monospace">26</text>
      
        <text x="150" y="73" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">效果/见效</text>
        <rect x="160" y="54" width="279.2307692307692" height="28" rx="4" fill="#FF8C42" opacity="0.85"/>
        <text x="447.2307692307692" y="73" font-size="13" font-weight="700" fill="#FF8C42" font-family="monospace">11</text>
      
        <text x="150" y="111" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">腹泻/拉肚子</text>
        <rect x="160" y="92" width="253.84615384615387" height="28" rx="4" fill="#FF8C42" opacity="0.85"/>
        <text x="421.84615384615387" y="111" font-size="13" font-weight="700" fill="#FF8C42" font-family="monospace">10</text>
      
        <text x="150" y="149" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">口味/剂型</text>
        <rect x="160" y="130" width="203.0769230769231" height="28" rx="4" fill="#FF8C42" opacity="0.85"/>
        <text x="371.0769230769231" y="149" font-size="13" font-weight="700" fill="#FF8C42" font-family="monospace">8</text>
      
        <text x="150" y="187" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">消化不良/胃胀</text>
        <rect x="160" y="168" width="101.53846153846155" height="28" rx="4" fill="#FF8C42" opacity="0.85"/>
        <text x="269.53846153846155" y="187" font-size="13" font-weight="700" fill="#FF8C42" font-family="monospace">4</text>
      
        <text x="150" y="225" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">菌群失调</text>
        <rect x="160" y="206" width="76.15384615384616" height="28" rx="4" fill="#FF8C42" opacity="0.85"/>
        <text x="244.15384615384616" y="225" font-size="13" font-weight="700" fill="#FF8C42" font-family="monospace">3</text>
      
        <text x="150" y="263" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">抗生素后调理</text>
        <rect x="160" y="244" width="25.384615384615387" height="28" rx="4" fill="#FF8C42" opacity="0.85"/>
        <text x="193.3846153846154" y="263" font-size="13" font-weight="700" fill="#FF8C42" font-family="monospace">1</text>
      
        <text x="150" y="301" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">安全性/副作用</text>
        <rect x="160" y="282" width="0" height="28" rx="4" fill="#FF8C42" opacity="0.85"/>
        <text x="168" y="301" font-size="13" font-weight="700" fill="#FF8C42" font-family="monospace">0</text>
      
    </svg>
  </div>
    </div>

    <div style="margin-top:24px;">
      <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.15em; margin-bottom:14px; font-weight:700;">成人 VOC 原声卡片</div>
      <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
    <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF8C42; border-radius:var(--radius-sm); padding:16px 18px; display:flex; flex-direction:column; gap:10px;">
  <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF244222; color:#FF2442; font-size:0.62rem; font-weight:700;">红</span>
      <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">番茄妈妈🏠（孕早期）</span>
      
      <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 乳酸菌素片</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
      <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥1.2k</span>
      <span style="padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;">✓真实</span>
    </div>
  </div>
  <div style="color:var(--text-1); font-size:0.92rem; line-height:1.62;">"孩子嗯嗯问题不踩坑！推荐给所有妈妈们~ · 奇怪的遗传出现了！我平时的话时不时就会出现便秘的问题，已经很困扰我了，我最近发现番茄好像也出现了类似的问题，就嗯嗯的时候"</div>
  <div style="display:flex; flex-wrap:wrap; gap:4px;">
    <span style="padding:2px 8px; background:#FF8C4212; color:#FF8C42; border-radius:3px; font-size:0.68rem; font-weight:600;">便秘痛点</span>
  </div>
  
</div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF8C42; border-radius:var(--radius-sm); padding:16px 18px; display:flex; flex-direction:column; gap:10px;">
  <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF244222; color:#FF2442; font-size:0.62rem; font-weight:700;">红</span>
      <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
      
      <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 乳酸菌素片</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
      <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥869</span>
      <span style="padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;">✓真实</span>
    </div>
  </div>
  <div style="color:var(--text-1); font-size:0.92rem; line-height:1.62;">"反正我胃胀气就吃这个，特别胀气不消化就配合健胃消食片一起吃，很快就好了，神药！！"</div>
  <div style="display:flex; flex-wrap:wrap; gap:4px;">
    <span style="padding:2px 8px; background:#FF8C4212; color:#FF8C42; border-radius:3px; font-size:0.68rem; font-weight:600;">积食痛点</span>
  </div>
  
</div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF8C42; border-radius:var(--radius-sm); padding:16px 18px; display:flex; flex-direction:column; gap:10px;">
  <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF244222; color:#FF2442; font-size:0.62rem; font-weight:700;">红</span>
      <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">是珍珍呀</span>
      
      <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 江中乳酸菌素片</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
      <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥5.9k</span>
      <span style="padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;">✓真实</span>
    </div>
  </div>
  <div style="color:var(--text-1); font-size:0.92rem; line-height:1.62;">"胃胀❓胃顶❓到底是怎么了❓赶快自查❗ · 经常吃一点东西就胃胀？胃顶？不舒服 这些都可能是你的肠胃发出的求助信号📶 我们可以以上这些原因里面看看是哪些原因❓ 肠"</div>
  
  
</div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF8C42; border-radius:var(--radius-sm); padding:16px 18px; display:flex; flex-direction:column; gap:10px;">
  <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF244222; color:#FF2442; font-size:0.62rem; font-weight:700;">红</span>
      <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">江中医药</span>
      
      <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 乳酸菌素片</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
      <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥1.6w</span>
      <span style="padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;">✓真实</span>
    </div>
  </div>
  <div style="color:var(--text-1); font-size:0.92rem; line-height:1.62;">"认识一种药——乳酸菌素片 · 💊💊💊 药品名称：乳酸菌素片 主要成分：乳酸菌素（以鲜牛奶为原料经生物发酵后制备而成，药食同源） 功能主治：用于肠"</div>
  
  
</div>
  </div>
    </div>

    <div style="padding:20px 24px; background:#FF8C4208; border-left:3px solid #FF8C42; border-radius:6px;">
    <div style="display:flex; align-items:center; gap:10px; margin-bottom:10px;">
      <span style="font-size:1.4rem;">💡</span>
      <div style="color:#FF8C42; font-weight:700; font-size:0.96rem;">成人 VOC 全景：腹泻和消化不良是两大核心痛点</div>
    </div>
    <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;">成人乳酸菌素片的使用场景集中在 <strong>腹泻调理</strong> 和 <strong>消化不良</strong>，其次是抗生素后的菌群恢复。这些需求在儿童场景中同样存在——为 Step 3 的机会迁移奠定基础。</div>
  </div>
  </div>
</section>
<section class="report-section" id="adult-2" data-tone="amber" data-slide-num="09/27">
  <div class="section-inner">
    <div class="section-head rise-in">
    <div class="section-eyebrow" style="color:#FF8C42;">1.2 · COMPETITOR GAP</div>
    <h2 class="text-h1"><span class="headline-anim">成人品类机会点 · 竞品差异化空白</span></h2>
    <p class="section-sub">成人市场竞品格局 × 差异化空白分析</p>
  </div>

    <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
    <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">成人肠道微生态竞品矩阵</div>
    <table style="width:100%; border-collapse:collapse; font-size:0.88rem;">
      <thead>
        <tr style="border-bottom:2px solid #FF8C4233;">
          <th style="text-align:left; padding:10px 6px; color:var(--text-3); font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">产品</th><th style="text-align:center; padding:10px 6px; color:#FF8C42; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">身份</th><th style="text-align:center; padding:10px 6px; color:#FF8C42; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">核心优势</th><th style="text-align:center; padding:10px 6px; color:#FF8C42; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">核心弱点</th><th style="text-align:center; padding:10px 6px; color:#FF8C42; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">乳酸菌素片机会</th>
        </tr>
      </thead>
      <tbody>
        <tr style="border-bottom:1px solid var(--border);">
          <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:700;"><strong>整肠生（地衣芽孢杆菌）</strong></td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">药品</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">医生信任高</td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B;">胶囊剂型、儿童难用</span></td><td style="padding:10px 6px; color:#2D9C5D; text-align:center; font-weight:400;"><span style="color:#2D9C5D;">成人主战场，儿童缺位</span></td>
        </tr><tr style="border-bottom:1px solid var(--border);">
          <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:700;"><strong>培菲康（双歧杆菌三联活菌）</strong></td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">药品</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">三菌协同</td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B;">需冷链、价格高</span></td><td style="padding:10px 6px; color:#2D9C5D; text-align:center; font-weight:400;"><span style="color:#2D9C5D;">冷链痛点可突破</span></td>
        </tr><tr style="border-bottom:1px solid var(--border);">
          <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:700;"><strong>金双岐（双歧杆菌）</strong></td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">药品</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">品牌老、渠道广</td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B;">剂型老旧</span></td><td style="padding:10px 6px; color:#2D9C5D; text-align:center; font-weight:400;"><span style="color:#2D9C5D;">品牌老化留出空间</span></td>
        </tr><tr style="border-bottom:1px solid var(--border);">
          <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:700;"><strong>妈咪爱（枯草杆菌+肠球菌）</strong></td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">药品</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">儿童第一心智</td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B;">散剂喂药难</span></td><td style="padding:10px 6px; color:#2D9C5D; text-align:center; font-weight:400;"><span style="color:#2D9C5D;">剂型可突破</span></td>
        </tr><tr style="border-bottom:1px solid var(--border);">
          <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:700;"><strong>合生元益生菌</strong></td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">食品</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">营销强、口碑好</td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B;">非药品无功效背书</span></td><td style="padding:10px 6px; color:#2D9C5D; text-align:center; font-weight:400;"><span style="color:#2D9C5D;">OTC 身份差异化</span></td>
        </tr><tr style="border-bottom:1px solid var(--border);">
          <td style="padding:12px 6px; color:var(--text-2); text-align:left; font-weight:700;"><strong>万益蓝益生菌</strong></td><td style="padding:12px 6px; color:var(--text-1); text-align:center; font-weight:400;">食品</td><td style="padding:12px 6px; color:var(--text-1); text-align:center; font-weight:400;">网红种草</td><td style="padding:12px 6px; color:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B;">价格贵、效果争议</span></td><td style="padding:12px 6px; color:#2D9C5D; text-align:center; font-weight:400;"><span style="color:#2D9C5D;">性价比空间</span></td>
        </tr>
      </tbody>
    </table>
  </div>

    <div class="rise-in" style="padding:28px 32px; background:linear-gradient(135deg, #FF8C4212, #FF8C4204); border-left:4px solid #FF8C42; border-radius:var(--radius-md); margin-bottom:32px;">
    <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">GAP ANALYSIS</div>
    <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">成人市场三大差异化空白</div>
    <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">
          <strong style="color:#2D9C5D;">① 非冷链便携</strong>：培菲康/亿活需冷链，乳酸菌素片常温保存（王总纠正：妈咪爱也不用冷链，25°C 以下即可）<br/>
          <strong style="color:#2D9C5D;">② OTC 药品信任 + 食品级体验</strong>：合生元/万益蓝是食品无功效背书，整肠生是药品但体验差——乳酸菌素片可以两头占<br/>
          <strong style="color:#2D9C5D;">③ 咀嚼片剂型</strong>：奶片口感 + 不用水 + 孩子爱吃——这是从成人向儿童迁移的核心武器
        </div>
  </div>

    <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#FF8C4208; border:1px solid #FF8C4233; border-radius:var(--radius-md);">
    <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">DECISION · 品类机会判断</div>
    <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
      
      <div style="display:flex; gap:10px; align-items:flex-start;">
        <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#FF8C42; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">1</div>
        <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;">乳酸菌素片的核心差异化 = <strong>OTC 药品身份 + 咀嚼片剂型 + 常温保存</strong></div>
      </div>
      <div style="display:flex; gap:10px; align-items:flex-start;">
        <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#FF8C42; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">2</div>
        <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;">成人市场竞争激烈但格局分散——没有绝对龙头</div>
      </div>
      <div style="display:flex; gap:10px; align-items:flex-start;">
        <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#FF8C42; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">3</div>
        <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;">成人→儿童的迁移桥梁：咀嚼片剂型天然适配儿童</div>
      </div>
      <div style="display:flex; gap:10px; align-items:flex-start;">
        <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#FF8C42; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">4</div>
        <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;">关注妈咪爱"不用冷链"这个特性——不是我们的独有优势</div>
      </div>
    </div>
  </div>
  </div>
</section>
<section class="report-section" id="adult-3" data-tone="amber" data-slide-num="10/27">
  <div class="section-inner">
    <div class="section-head rise-in">
    <div class="section-eyebrow" style="color:#FF8C42;">1.3 · OPPORTUNITY DISTILL</div>
    <h2 class="text-h1"><span class="headline-anim">品类核心机会提炼 · 可向儿童迁移的信号</span></h2>
    <p class="section-sub">从成人品类机会中提炼可向儿童迁移的核心信号</p>
  </div>

    <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:18px;">
      
      <div style="padding:22px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
        <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
          <div class="text-mono text-xs" style="color:#2D9C5D; font-weight:700;">肠道日常调理</div>
          <span style="padding:2px 8px; background:#2D9C5D15; color:#2D9C5D; border-radius:10px; font-size:0.66rem; font-weight:700;">✓ 可迁移</span>
        </div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.65;">成人市场最大需求：腹泻/便秘/消化不良的日常调理。儿童同样存在，且家长更焦虑。</div>
      </div>
      <div style="padding:22px; background:#7ED4C208; border:1px solid #7ED4C233; border-radius:var(--radius-md);">
        <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
          <div class="text-mono text-xs" style="color:#7ED4C2; font-weight:700;">抗生素后恢复</div>
          <span style="padding:2px 8px; background:#2D9C5D15; color:#2D9C5D; border-radius:10px; font-size:0.66rem; font-weight:700;">✓ 可迁移</span>
        </div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.65;">成人用抗生素后补菌群。儿童生病用抗生素更频繁，家长更担心副作用。</div>
      </div>
      <div style="padding:22px; background:#6EC1E408; border:1px solid #6EC1E433; border-radius:var(--radius-md);">
        <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
          <div class="text-mono text-xs" style="color:#6EC1E4; font-weight:700;">口味/便携需求</div>
          <span style="padding:2px 8px; background:#2D9C5D15; color:#2D9C5D; border-radius:10px; font-size:0.66rem; font-weight:700;">✓ 可迁移</span>
        </div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.65;">成人对口味不太在意，但咀嚼片&quot;像奶片&quot;的特性天然适合儿童。</div>
      </div>
    </div>

    
    <div style="margin-top:24px;">
      <div class="text-mono text-xs" style="color:#FF8BA7; letter-spacing:0.15em; margin-bottom:14px; font-weight:700;">
        成人 VOC 中的儿童信号 · 131 条含"孩子/宝宝/女儿/儿子"
      </div>
      <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:14px;">
    <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF8BA7; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF244222; color:#FF2442; font-size:0.62rem; font-weight:700;">红</span>
      <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">旺旺小土豆</span>
      
      <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 抗生素 益生菌</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
      <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥704</span>
      <span style="padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;">✓真实</span>
    </div>
  </div>
  <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"孩子吃抗生素期间吃过的益生菌 · 有集美问吃什么益生菌 都是药店买的药用的从小到大常吃这仨 我们三月龄还是小宝宝的时候就细菌感染高烧41度住院，那时候输液"</div>
  <div style="display:flex; flex-wrap:wrap; gap:4px;">
    <span style="padding:2px 8px; background:#FF8BA712; color:#FF8BA7; border-radius:3px; font-size:0.68rem; font-weight:600;">抗生素后</span>
  </div>
  
</div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF8BA7; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF244222; color:#FF2442; font-size:0.62rem; font-weight:700;">红</span>
      <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">青蛙大老板</span>
      
      <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 金双岐</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
      <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥986</span>
      <span style="padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;">✓真实</span>
    </div>
  </div>
  <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"孩子便秘，一招搞定 · #宝宝便秘怎么办  #宝宝健康  #育儿好物  #育儿干货  这一期是孩子妈的主题，是青蛙妈的干货分享！ 好巧不巧的刷到"</div>
  <div style="display:flex; flex-wrap:wrap; gap:4px;">
    <span style="padding:2px 8px; background:#FF8BA712; color:#FF8BA7; border-radius:3px; font-size:0.68rem; font-weight:600;">便秘痛点</span>
  </div>
  
</div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF8BA7; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF244222; color:#FF2442; font-size:0.62rem; font-weight:700;">红</span>
      <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">闪闪宝妈</span>
      
      <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 喂药难</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
      <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥9.8k</span>
      <span style="padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;">✓真实</span>
    </div>
  </div>
  <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"喂药如大战❓看我如何轻松拿捏✅ · 👶家人们，给宝宝喂药真的太难啦！以前每次都像世界大战。😫 不过现在我有小窍门啦！ 今天我就来给大家分享一下 我是如何"</div>
  <div style="display:flex; flex-wrap:wrap; gap:4px;">
    <span style="padding:2px 8px; background:#FF8BA712; color:#FF8BA7; border-radius:3px; font-size:0.68rem; font-weight:600;">喂药困难</span>
  </div>
  
</div>
  </div>
    </div>

    <div style="padding:20px 24px; background:#FF8BA708; border-left:3px solid #FF8BA7; border-radius:6px;">
    <div style="display:flex; align-items:center; gap:10px; margin-bottom:10px;">
      <span style="font-size:1.4rem;">🔄</span>
      <div style="color:#FF8BA7; font-weight:700; font-size:0.96rem;">向 Ch2 传递：三条可迁移机会</div>
    </div>
    <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;">① <strong>肠道日常调理</strong>（最大需求·直接可迁移）→ ② <strong>抗生素后恢复</strong>（儿童更高频）→ ③ <strong>咀嚼片剂型优势</strong>（天然适配儿童）。Ch2 将验证这些机会在儿童端的真实需求强度。</div>
  </div>
  </div>
</section>
<section class="report-section" id="migrate" data-tone="rose" data-slide-num="11/27" style="justify-content:center;">
  <div class="section-inner">
    <div class="rise-in" style="text-align:center; margin-bottom:40px;">
      <div style="font-family:var(--font-head); font-weight:900; font-size:clamp(5rem, 14vw, 11rem); line-height:0.9; color:#FF8BA7; opacity:0.12; letter-spacing:-0.06em;">02</div>
      <div class="text-mono text-xs" style="color:#FF8BA7; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">STEP 3 · CHAPTER 2 · MIGRATION</div>
    </div>
    <div class="rise-in" style="text-align:center; margin-bottom:36px;">
      <div style="font-size:3.2rem; margin-bottom:14px;">🔄</div>
      <h2 class="text-poster" style="font-size:clamp(2.4rem, 5.2vw, 4.2rem); color:var(--text-1); letter-spacing:-0.025em;">成人→儿童 · 机会迁移</h2>
      <p style="color:#FF8BA7; font-family:var(--font-mono); font-size:0.92rem; letter-spacing:0.18em; margin-top:12px; font-weight:600;">MIGRATION</p>
    </div>
    <div class="fade-up" style="max-width:960px; margin:0 auto; text-align:center; padding:28px 32px; background:linear-gradient(135deg, #FF8BA70C, transparent); border-left:3px solid #FF8BA7; border-radius:var(--radius-md);">
      <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;">王总第三步：<strong style="color:#FF8BA7;">"从成人机会迁移到儿童"</strong>——成人 VOC 中能否扒拉出儿童相关的？成人的需求能否迁移到儿童？<strong>妈妈买给孩子用的这部分 VOC</strong> 是最关键的桥梁。</p>
    </div>
    <div class="fade-up" style="margin-top:40px; display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; max-width:1100px; margin-left:auto; margin-right:auto;">
      
      <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF8BA722; border-radius:var(--radius-sm); text-align:center;">
        <div class="text-mono text-xs" style="color:#FF8BA7; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">2.1</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">成人 VOC 中的儿童信号扫描 · &quot;妈妈/小孩/儿童&quot;</div>
      </div>
      <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF8BA722; border-radius:var(--radius-sm); text-align:center;">
        <div class="text-mono text-xs" style="color:#FF8BA7; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">2.2</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">家长购买决策路径 · 双决策者模型（家长买×孩子吃）</div>
      </div>
      <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF8BA722; border-radius:var(--radius-sm); text-align:center;">
        <div class="text-mono text-xs" style="color:#FF8BA7; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">2.3</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">可迁移 vs 不可迁移 · 机会矩阵</div>
      </div>
    </div>
    <div class="fade-up" style="margin-top:48px; text-align:center;">
      <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.3em;">SCROLL DOWN · 3 个子章</div>
    </div>
  </div>
</section>
<section class="report-section" id="migrate-1" data-tone="rose" data-slide-num="12/27">
  <div class="section-inner">
    <div class="section-head rise-in">
    <div class="section-eyebrow" style="color:#FF8BA7;">2.1 · CHILD SIGNAL SCAN</div>
    <h2 class="text-h1"><span class="headline-anim">成人 VOC 中的儿童信号扫描 · "妈妈/小孩/儿童"</span></h2>
    <p class="section-sub">王总要求："成人 VOC 中能不能扒拉出来跟儿童相关的？"</p>
  </div>

    <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:12px; padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
    
    <div style="text-align:center;">
      <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:var(--text-3); letter-spacing:-0.02em;">2566</div>
      <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">全部 VOC</div>
      
    </div>
    <div style="text-align:center;">
      <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF8BA7; letter-spacing:-0.02em;">502</div>
      <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">含儿童信号</div>
      
    </div>
    <div style="text-align:center;">
      <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF8BA7; letter-spacing:-0.02em;">20%</div>
      <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">信号占比</div>
      
    </div>
  </div>

    <div style="display:grid; grid-template-columns:repeat(5, 1fr); gap:12px; margin-top:24px;">
      
      <div style="padding:16px; background:#FF6B6B08; border:1px solid #FF6B6B33; border-radius:var(--radius-sm); text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF6B6B;">28</div>
        <div style="color:var(--text-2); font-size:0.78rem; margin-top:4px;">喂养难题</div>
      </div>
      <div style="padding:16px; background:#FF8C4208; border:1px solid #FF8C4233; border-radius:var(--radius-sm); text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF8C42;">113</div>
        <div style="color:var(--text-2); font-size:0.78rem; margin-top:4px;">肠道症状</div>
      </div>
      <div style="padding:16px; background:#6EC1E408; border:1px solid #6EC1E433; border-radius:var(--radius-sm); text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#6EC1E4;">45</div>
        <div style="color:var(--text-2); font-size:0.78rem; margin-top:4px;">入园/换季生病</div>
      </div>
      <div style="padding:16px; background:#8B5CF608; border:1px solid #8B5CF633; border-radius:var(--radius-sm); text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#8B5CF6;">8</div>
        <div style="color:var(--text-2); font-size:0.78rem; margin-top:4px;">抗生素后恢复</div>
      </div>
      <div style="padding:16px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:var(--radius-sm); text-align:center;">
        <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#2D9C5D;">18</div>
        <div style="color:var(--text-2); font-size:0.78rem; margin-top:4px;">营养吸收</div>
      </div>
    </div>

    <div style="margin-top:24px;">
      <div class="text-mono text-xs" style="color:#FF8BA7; letter-spacing:0.15em; margin-bottom:14px; font-weight:700;">儿童信号 VOC 原声</div>
      <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
    <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF8BA7; border-radius:var(--radius-sm); padding:16px 18px; display:flex; flex-direction:column; gap:10px;">
  <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF244222; color:#FF2442; font-size:0.62rem; font-weight:700;">红</span>
      <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">两只小壮崽</span>
      
      <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 喂药难</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
      <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥9.6w</span>
      <span style="padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;">✓真实</span>
    </div>
  </div>
  <div style="color:var(--text-1); font-size:0.92rem; line-height:1.62;">"旺仔小馒头喂药法 我替大家试过了 今天喂的是无色甜味的 氨溴特罗口服溶液 所以，问题到底出在哪里？🥲🥲 #人类幼崽"</div>
  <div style="display:flex; flex-wrap:wrap; gap:4px;">
    <span style="padding:2px 8px; background:#FF8BA712; color:#FF8BA7; border-radius:3px; font-size:0.68rem; font-weight:600;">喂药困难</span>
  </div>
  
</div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF8BA7; border-radius:var(--radius-sm); padding:16px 18px; display:flex; flex-direction:column; gap:10px;">
  <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF244222; color:#FF2442; font-size:0.62rem; font-weight:700;">红</span>
      <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">闪闪宝妈</span>
      
      <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 喂药难</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
      <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥9.8k</span>
      <span style="padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;">✓真实</span>
    </div>
  </div>
  <div style="color:var(--text-1); font-size:0.92rem; line-height:1.62;">"喂药如大战❓看我如何轻松拿捏✅ · 👶家人们，给宝宝喂药真的太难啦！以前每次都像世界大战。😫 不过现在我有小窍门啦！ 今天我就来给大家分享一下 我是如何"</div>
  <div style="display:flex; flex-wrap:wrap; gap:4px;">
    <span style="padding:2px 8px; background:#FF8BA712; color:#FF8BA7; border-radius:3px; font-size:0.68rem; font-weight:600;">喂药困难</span>
  </div>
  
</div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF8BA7; border-radius:var(--radius-sm); padding:16px 18px; display:flex; flex-direction:column; gap:10px;">
  <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF244222; color:#FF2442; font-size:0.62rem; font-weight:700;">红</span>
      <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">莉仔育儿说</span>
      
      <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 宝宝换季腹泻</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
      <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥8.3k</span>
      <span style="padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;">✓真实</span>
    </div>
  </div>
  <div style="color:var(--text-1); font-size:0.92rem; line-height:1.62;">"宝宝腹泻隐藏神器！过来人才懂的秘密！ · 经历过了才知道，秋冬季宝宝腹泻最常见的有两种： 1.病毒感染 2.着凉/积食 知道原因简单，“喂💊”才是难题💔 可以"</div>
  <div style="display:flex; flex-wrap:wrap; gap:4px;">
    <span style="padding:2px 8px; background:#FF8BA712; color:#FF8BA7; border-radius:3px; font-size:0.68rem; font-weight:600;">腹泻痛点</span><span style="padding:2px 8px; background:#FF8BA712; color:#FF8BA7; border-radius:3px; font-size:0.68rem; font-weight:600;">积食痛点</span>
  </div>
  
</div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF8BA7; border-radius:var(--radius-sm); padding:16px 18px; display:flex; flex-direction:column; gap:10px;">
  <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF244222; color:#FF2442; font-size:0.62rem; font-weight:700;">红</span>
      <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
      <span style="color:var(--text-3); font-size:0.68rem;">· 广东</span>
      <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 喂药难</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="color:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
      <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥4.7k</span>
      <span style="padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;">✓真实</span>
    </div>
  </div>
  <div style="color:var(--text-1); font-size:0.92rem; line-height:1.62;">"我女儿很怪，一股子药味的益生菌吃得开心，反倒是水果味甜味的益生菌不喜欢，一喝就吐[捂脸R]"</div>
  
  
</div>
  </div>
    </div>

    <div style="padding:20px 24px; background:#FF8BA708; border-left:3px solid #FF8BA7; border-radius:6px;">
    <div style="display:flex; align-items:center; gap:10px; margin-bottom:10px;">
      <span style="font-size:1.4rem;">🔍</span>
      <div style="color:#FF8BA7; font-weight:700; font-size:0.96rem;">信号扫描结论：肠道症状 + 喂养难题是最强儿童信号</div>
    </div>
    <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;">成人 VOC 中的儿童信号集中在两大方向：① <strong>肠道症状</strong>（腹泻/便秘/积食）——与成人需求直接重叠；② <strong>喂养难题</strong>（挑食/喂药难/抗拒）——这是儿童独有的痛点，也是咀嚼片剂型的核心优势所在。</div>
  </div>
  </div>
</section>
<section class="report-section" id="migrate-2" data-tone="rose" data-slide-num="13/27">
  <div class="section-inner">
    <div class="section-head rise-in">
    <div class="section-eyebrow" style="color:#FF8BA7;">2.2 · DUAL DECISION MODEL</div>
    <h2 class="text-h1"><span class="headline-anim">家长购买决策路径 · 双决策者模型（家长买×孩子吃）</span></h2>
    <p class="section-sub">儿童用药的特殊性：家长做决策（买），孩子做体验（吃）——两端都要满足。</p>
  </div>

    <div style="display:grid; grid-template-columns:1fr 60px 1fr; gap:0; margin-top:24px; align-items:center;">
      <!-- 家长端 -->
      <div style="padding:24px; background:#FF8BA708; border:2px solid #FF8BA744; border-radius:var(--radius-md);">
        <div class="text-mono text-xs" style="color:#FF8BA7; letter-spacing:0.15em; margin-bottom:14px; font-weight:700;">👩 家长端 · 决策者</div>
        <div style="color:var(--text-1); font-size:0.88rem; line-height:1.8;">
          <strong>核心驱动</strong>：孩子生病焦虑 → 搜索/咨询 → 品牌筛选 → 购买<br/>
          <strong>决策因素排序</strong>：<br/>
          👨‍⚕️ 医生/专家推荐（106 条 VOC 提及）<br/>✅ 效果可感知（84 条 VOC 提及）<br/>😋 孩子接受度（45 条 VOC 提及）<br/>🛡️ 安全性/成分（21 条 VOC 提及）<br/>
          <strong>关键矛盾</strong>：想要"药品级效果" + "食品级安全"
        </div>
        
        <div style="margin-top:12px; padding-top:12px; border-top:1px dashed #FF8BA733;">
          <div style="color:#FF8BA7; font-size:0.68rem; font-weight:700; margin-bottom:6px;">家长决策 VOC 原声</div>
          <div style="padding:6px 8px; background:#FF8BA706; border-left:2px solid #FF8BA744; border-radius:3px; margin-bottom:5px; font-size:0.72rem; color:var(--text-1); line-height:1.45;">
            "认识一种药——乳酸菌素片 · 💊💊💊 药品名称：乳酸菌素片 主要成分：乳酸菌素（以鲜牛奶为原料经生物发酵后制备而成，药食同源） 功能主治：用于肠"
            <div style="color:var(--text-3); font-size:0.6rem; margin-top:2px;">—江中医药 · ❤️16144</div>
          </div><div style="padding:6px 8px; background:#FF8BA706; border-left:2px solid #FF8BA744; border-radius:3px; margin-bottom:5px; font-size:0.72rem; color:var(--text-1); line-height:1.45;">
            "江中利活乳酸菌素片可以常吃吗 · #益生菌  上周五外头吃的太油腻，可能天冷肠胃也受了寒，傍晚开始肚子疼，到药房去开药当时跟医生说想吃点益生菌类的，不想直"
            <div style="color:var(--text-3); font-size:0.6rem; margin-top:2px;">—生活很有趣 · ❤️1745</div>
          </div>
        </div>
      </div>

      <!-- 连接箭头 -->
      <div style="text-align:center; color:#FF8BA7; font-size:2rem;">→</div>

      <!-- 孩子端 -->
      <div style="padding:24px; background:#6EC1E408; border:2px solid #6EC1E444; border-radius:var(--radius-md);">
        <div class="text-mono text-xs" style="color:#6EC1E4; letter-spacing:0.15em; margin-bottom:14px; font-weight:700;">👶 孩子端 · 体验者</div>
        <div style="color:var(--text-1); font-size:0.88rem; line-height:1.8;">
          <strong>核心驱动</strong>：好不好吃？像糖还是像药？<br/>
          <strong>体验因素排序</strong>：<br/>
          😋 口味口感（像奶片/酸甜/不苦）<br/>
          🎨 外观形状（卡通/颜色/大小）<br/>
          📏 方便服用（不用水/可嚼/便携）<br/>
          ⏱️ 服用频次（一天几次？会不会忘？）<br/>
          <strong>关键门槛</strong>：孩子不吃 = 再好的产品都白买
        </div>
        
        <div style="margin-top:12px; padding-top:12px; border-top:1px dashed #6EC1E433;">
          <div style="color:#6EC1E4; font-size:0.68rem; font-weight:700; margin-bottom:6px;">孩子体验 VOC 原声</div>
          <div style="padding:6px 8px; background:#6EC1E406; border-left:2px solid #6EC1E444; border-radius:3px; margin-bottom:5px; font-size:0.72rem; color:var(--text-1); line-height:1.45;">
            "真正有橙子的橙子软糖。 · 真正有橙子🍊的橙子软糖，低糖版本，橙汁感爆棚！给所有爱吃糖的宝宝们！#橙子  #软糖"
            <div style="color:var(--text-3); font-size:0.6rem; margin-top:2px;">—-肥猪猪的日常 · ❤️15034</div>
          </div><div style="padding:6px 8px; background:#6EC1E406; border-left:2px solid #6EC1E444; border-radius:3px; margin-bottom:5px; font-size:0.72rem; color:var(--text-1); line-height:1.45;">
            "冬天鱼不开口 饵料里面加上 乳酸菌素片 酸酸甜甜鱼儿马上就开口！#饵料搭配#饿得慌饵料#钓鱼人#原来钓鱼才是抖音运动顶流#真实生活分享计划"
            <div style="color:var(--text-3); font-size:0.6rem; margin-top:2px;">—鱼饵饮食家 · ❤️3003</div>
          </div>
        </div>
      </div>
    </div>

    <div class="rise-in" style="padding:28px 32px; background:linear-gradient(135deg, #FF8BA712, #FF8BA704); border-left:4px solid #FF8BA7; border-radius:var(--radius-md); margin-bottom:32px;">
    <div class="text-mono text-xs" style="color:#FF8BA7; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">KEY INSIGHT</div>
    <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">乳酸菌素片的"双端优势"：OTC 说服家长 + 奶片口感赢得孩子</div>
    <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">王总原话："一个嚼着吃的调理肠道的产品，或者嚼着吃的一个像奶片一样的养护你肠道的东西。"——这就是双端都满足的产品形态。</div>
  </div>
  </div>
</section>
<section class="report-section" id="migrate-3" data-tone="rose" data-slide-num="14/27">
  <div class="section-inner">
    <div class="section-head rise-in">
    <div class="section-eyebrow" style="color:#FF8BA7;">2.3 · MIGRATION MATRIX</div>
    <h2 class="text-h1"><span class="headline-anim">可迁移 vs 不可迁移 · 机会矩阵</span></h2>
    <p class="section-sub">哪些成人机会可以迁移到儿童？哪些不能？</p>
  </div>

    <div style="padding:20px 26px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
    <div style="display:grid; grid-template-columns:52px 1fr 1fr; grid-template-rows:auto 1fr 1fr 40px; gap:12px; height:520px;">
      <div style="grid-row:2 / span 2; grid-column:1; display:flex; align-items:center; justify-content:center; transform:rotate(-90deg); white-space:nowrap;">
        <span class="text-mono text-xs" style="color:#FF8BA7; letter-spacing:0.2em; font-weight:700;">成人验证程度</span>
      </div>
      <div style="grid-row:1; grid-column:2; text-align:center;"><span class="text-mono text-xs" style="color:#FF8C42; font-weight:700;">成人验证强</span></div>
      <div style="grid-row:1; grid-column:3; text-align:center;"><span class="text-mono text-xs" style="color:#2D9C5D; font-weight:700;">成人验证强</span></div>
      <div style="grid-row:2; grid-column:2;">
      <div style="padding:16px; background:#FF8C4208; border:1px solid #FF8C4240; border-radius:6px; height:100%; display:flex; flex-direction:column;">
        <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">需转化的机会</div>
        <ul style="color:var(--text-1); font-size:0.82rem; line-height:1.55; margin:0; padding-left:18px; list-style:disc;">
          <li style="margin-bottom:4px;">慢性胃炎调理（成人为主）</li><li style="margin-bottom:4px;">酒后/饮食不规律（成人场景）</li>
        </ul>
        <div style="margin-top:auto; padding-top:10px; color:#FF8C42; font-size:0.74rem; font-style:italic;">→ 不可迁移到儿童</div>
      </div></div>
      <div style="grid-row:2; grid-column:3;">
      <div style="padding:16px; background:#2D9C5D08; border:1px solid #2D9C5D40; border-radius:6px; height:100%; display:flex; flex-direction:column;">
        <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">★ 高价值迁移区</div>
        <ul style="color:var(--text-1); font-size:0.82rem; line-height:1.55; margin:0; padding-left:18px; list-style:disc;">
          <li style="margin-bottom:4px;"><strong>肠道日常调理</strong>（腹泻/便秘/消化不良）</li><li style="margin-bottom:4px;"><strong>抗生素后菌群恢复</strong>（儿童更高频）</li><li style="margin-bottom:4px;"><strong>咀嚼片剂型优势</strong>（奶片口感）</li>
        </ul>
        <div style="margin-top:auto; padding-top:10px; color:#2D9C5D; font-size:0.74rem; font-style:italic;">→ 直接迁移，Ch3 交叉验证</div>
      </div></div>
      <div style="grid-row:3; grid-column:2;">
      <div style="padding:16px; background:#88808; border:1px solid #88840; border-radius:6px; height:100%; display:flex; flex-direction:column;">
        <div class="text-mono text-xs" style="color:#888; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">低优先级</div>
        <ul style="color:var(--text-1); font-size:0.82rem; line-height:1.55; margin:0; padding-left:18px; list-style:disc;">
          <li style="margin-bottom:4px;">旅行腹泻预防</li><li style="margin-bottom:4px;">减肥/肠道清理</li>
        </ul>
        <div style="margin-top:auto; padding-top:10px; color:#888; font-size:0.74rem; font-style:italic;">→ 放弃</div>
      </div></div>
      <div style="grid-row:3; grid-column:3;">
      <div style="padding:16px; background:#FF8BA708; border:1px solid #FF8BA740; border-radius:6px; height:100%; display:flex; flex-direction:column;">
        <div class="text-mono text-xs" style="color:#FF8BA7; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">儿童独有机会</div>
        <ul style="color:var(--text-1); font-size:0.82rem; line-height:1.55; margin:0; padding-left:18px; list-style:disc;">
          <li style="margin-bottom:4px;"><strong>入园/换季反复生病</strong>（儿童独有）</li><li style="margin-bottom:4px;"><strong>营养吸收差/光吃不长</strong>（杨老师洞察）</li><li style="margin-bottom:4px;"><strong>"瓶瓶罐罐"替代</strong>（家长焦虑）</li>
        </ul>
        <div style="margin-top:auto; padding-top:10px; color:#FF8BA7; font-size:0.74rem; font-style:italic;">→ Ch3 重点验证</div>
      </div></div>
      <div style="grid-row:4; grid-column:2; text-align:center;"><span class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.15em;">儿童需求弱  ←  儿童需求强度  →  儿童需求强</span></div>
      <div style="grid-row:4; grid-column:3;"></div>
    </div>
  </div>

    <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#FF8BA708; border:1px solid #FF8BA733; border-radius:var(--radius-md);">
    <div class="text-mono text-xs" style="color:#FF8BA7; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">MIGRATION VERDICT · 迁移结论</div>
    <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
      
      <div style="display:flex; gap:10px; align-items:flex-start;">
        <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#FF8BA7; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">1</div>
        <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>可迁移 TOP3</strong>：肠道日常调理 + 抗生素后恢复 + 咀嚼片剂型</div>
      </div>
      <div style="display:flex; gap:10px; align-items:flex-start;">
        <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#FF8BA7; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">2</div>
        <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>不可迁移</strong>：慢性胃炎/酒后调理/减肥清肠（成人专属场景）</div>
      </div>
      <div style="display:flex; gap:10px; align-items:flex-start;">
        <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#FF8BA7; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">3</div>
        <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>儿童独有机会</strong>：入园生病/营养吸收/减少补剂——成人端无验证但儿童端需求强烈</div>
      </div>
      <div style="display:flex; gap:10px; align-items:flex-start;">
        <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#FF8BA7; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">4</div>
        <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;">→ 下一步 Ch3：用儿童微生态竞品 VOC 反向交叉验证这些机会</div>
      </div>
    </div>
  </div>
  </div>
</section>
<section class="report-section" id="cross" data-tone="purple" data-slide-num="15/27" style="justify-content:center;">
  <div class="section-inner">
    <div class="rise-in" style="text-align:center; margin-bottom:40px;">
      <div style="font-family:var(--font-head); font-weight:900; font-size:clamp(5rem, 14vw, 11rem); line-height:0.9; color:#8B5CF6; opacity:0.12; letter-spacing:-0.06em;">03</div>
      <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">STEP 4 · CHAPTER 3 · CROSS VALIDATION</div>
    </div>
    <div class="rise-in" style="text-align:center; margin-bottom:36px;">
      <div style="font-size:3.2rem; margin-bottom:14px;">🔬</div>
      <h2 class="text-poster" style="font-size:clamp(2.4rem, 5.2vw, 4.2rem); color:var(--text-1); letter-spacing:-0.025em;">儿童微生态 · 交叉验证</h2>
      <p style="color:#8B5CF6; font-family:var(--font-mono); font-size:0.92rem; letter-spacing:0.18em; margin-top:12px; font-weight:600;">CROSS VALIDATION</p>
    </div>
    <div class="fade-up" style="max-width:960px; margin:0 auto; text-align:center; padding:28px 32px; background:linear-gradient(135deg, #8B5CF60C, transparent); border-left:3px solid #8B5CF6; border-radius:var(--radius-md);">
      <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;">王总第四步：<strong style="color:#8B5CF6;">"反向交叉验证"</strong>——用微生态制剂大品类中的"儿童"部分，与 Ch2 得到的儿童机会做交叉，找到<strong style="color:#2D9C5D;">"竞品没满足的 + 我们能满足的"</strong>机会。</p>
    </div>
    <div class="fade-up" style="margin-top:40px; display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; max-width:1100px; margin-left:auto; margin-right:auto;">
      
      <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #8B5CF622; border-radius:var(--radius-sm); text-align:center;">
        <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">3.1</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">儿童微生态制剂全量扫描 · 妈咪爱/亿活/合生元等</div>
      </div>
      <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #8B5CF622; border-radius:var(--radius-sm); text-align:center;">
        <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">3.2</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">交叉验证 · 竞品没满足 + 我们能满足的空白</div>
      </div>
      <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #8B5CF622; border-radius:var(--radius-sm); text-align:center;">
        <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">3.3</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">竞品正反面精简分析 · 药品 vs 食品 vs 营养品</div>
      </div>
    </div>
    <div class="fade-up" style="margin-top:48px; text-align:center;">
      <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.3em;">SCROLL DOWN · 3 个子章</div>
    </div>
  </div>
</section>
<section class="report-section" id="cross-1" data-tone="purple" data-slide-num="16/27">
  <div class="section-inner">
    <div class="section-head rise-in">
    <div class="section-eyebrow" style="color:#8B5CF6;">3.1 · CHILDREN PRODUCT SCAN</div>
    <h2 class="text-h1"><span class="headline-anim">儿童微生态制剂全量扫描 · 妈咪爱/亿活/合生元等</span></h2>
    <p class="section-sub">王总要求："用微生态制剂大品类中的儿童部分来做交叉验证"</p>
  </div>

    <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
    <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">儿童微生态产品 VOC 覆盖量</div>
    <svg viewBox="0 0 900 412" style="width:100%; height:auto; max-height:340px;" preserveAspectRatio="xMidYMid meet">
      
        <text x="150" y="35" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">妈咪爱（药品·散剂）</text>
        <rect x="160" y="16" width="660" height="28" rx="4" fill="#FF6B6B" opacity="0.85"/>
        <text x="828" y="35" font-size="13" font-weight="700" fill="#FF6B6B" font-family="monospace">258 条</text>
      
        <text x="150" y="73" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">合生元益生菌（食品·粉剂）</text>
        <rect x="160" y="54" width="434.8837209302325" height="28" rx="4" fill="#2D9C5D" opacity="0.85"/>
        <text x="602.8837209302326" y="73" font-size="13" font-weight="700" fill="#2D9C5D" font-family="monospace">170 条</text>
      
        <text x="150" y="111" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">万益蓝益生菌（食品·滴剂/粉）</text>
        <rect x="160" y="92" width="404.18604651162786" height="28" rx="4" fill="#6EC1E4" opacity="0.85"/>
        <text x="572.1860465116279" y="111" font-size="13" font-weight="700" fill="#6EC1E4" font-family="monospace">158 条</text>
      
        <text x="150" y="149" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">亿活（布拉氏酵母菌）（药品·胶囊/散剂）</text>
        <rect x="160" y="130" width="153.48837209302326" height="28" rx="4" fill="#8B5CF6" opacity="0.85"/>
        <text x="321.48837209302326" y="149" font-size="13" font-weight="700" fill="#8B5CF6" font-family="monospace">60 条</text>
      
        <text x="150" y="187" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">拜奥益生菌（食品·滴剂）</text>
        <rect x="160" y="168" width="145.8139534883721" height="28" rx="4" fill="#FF8C42" opacity="0.85"/>
        <text x="313.81395348837214" y="187" font-size="13" font-weight="700" fill="#FF8C42" font-family="monospace">57 条</text>
      
        <text x="150" y="225" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">inne 噗噗宝（食品·软糖）</text>
        <rect x="160" y="206" width="99.76744186046511" height="28" rx="4" fill="#FF8BA7" opacity="0.85"/>
        <text x="267.7674418604651" y="225" font-size="13" font-weight="700" fill="#FF8BA7" font-family="monospace">39 条</text>
      
        <text x="150" y="263" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">lifespace 儿童（食品·粉剂）</text>
        <rect x="160" y="244" width="94.65116279069768" height="28" rx="4" fill="#7ED4C2" opacity="0.85"/>
        <text x="262.6511627906977" y="263" font-size="13" font-weight="700" fill="#7ED4C2" font-family="monospace">37 条</text>
      
        <text x="150" y="301" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">宝乐安（酪酸梭菌）（药品·散剂）</text>
        <rect x="160" y="282" width="84.4186046511628" height="28" rx="4" fill="#87A96B" opacity="0.85"/>
        <text x="252.4186046511628" y="301" font-size="13" font-weight="700" fill="#87A96B" font-family="monospace">33 条</text>
      
        <text x="150" y="339" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">小胖瓶益生菌（食品·滴剂）</text>
        <rect x="160" y="320" width="79.30232558139535" height="28" rx="4" fill="#C8A04B" opacity="0.85"/>
        <text x="247.30232558139534" y="339" font-size="13" font-weight="700" fill="#C8A04B" font-family="monospace">31 条</text>
      
        <text x="150" y="377" text-anchor="end" font-size="13" font-weight="600" fill="var(--text-1, #333)">康萃乐益生菌（食品·咀嚼片）</text>
        <rect x="160" y="358" width="74.18604651162791" height="28" rx="4" fill="#0085CA" opacity="0.85"/>
        <text x="242.18604651162792" y="377" font-size="13" font-weight="700" fill="#0085CA" font-family="monospace">29 条</text>
      
    </svg>
  </div>

    <!-- 每个竞品的代表性 VOC 原声 -->
    <div style="margin-top:20px;">
      <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">各竞品代表性 VOC 原声</div>
      <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:10px;">
        
        <div style="padding:10px 12px; background:#FF6B6B06; border-left:3px solid #FF6B6B; border-radius:4px;">
          <div style="font-size:0.7rem; font-weight:700; color:#FF6B6B; margin-bottom:4px;">妈咪爱（258 条）</div>
          <div style="font-size:0.74rem; color:var(--text-1); line-height:1.45;">"妈咪爱别乱喂❗️正确用药看这篇 · 作为儿科常用益生菌，妈咪爱（枯草杆菌二联活菌颗粒）被很多家长当成 “必备yao”，但其实用错可能耽误病情！今天就来划重点"</div>
          <div style="color:var(--text-3); font-size:0.6rem; margin-top:3px;">—儿科医生石清照 · ❤️1922</div>
        </div>
        <div style="padding:10px 12px; background:#2D9C5D06; border-left:3px solid #2D9C5D; border-radius:4px;">
          <div style="font-size:0.7rem; font-weight:700; color:#2D9C5D; margin-bottom:4px;">合生元益生菌（170 条）</div>
          <div style="font-size:0.74rem; color:var(--text-1); line-height:1.45;">"合生元奶味益生菌 · 因为这段时间我女儿老是拉肚子 一吃饱就拉屎！一天拉好几次，所以买了合生元益生菌…不知道有没有效果？之前一直在因为她不攒肚"</div>
          <div style="color:var(--text-3); font-size:0.6rem; margin-top:3px;">—不倾城倾其所爱。 · ❤️230</div>
        </div>
        <div style="padding:10px 12px; background:#6EC1E406; border-left:3px solid #6EC1E4; border-radius:4px;">
          <div style="font-size:0.7rem; font-weight:700; color:#6EC1E4; margin-bottom:4px;">万益蓝益生菌（158 条）</div>
          <div style="font-size:0.74rem; color:var(--text-1); line-height:1.45;">"万益蓝有用吗？ · 准备明天开始吃，最近肠胃炎想调理不知道效果咋样#万益蓝  #万益蓝小蓝瓶益生菌"</div>
          <div style="color:var(--text-3); font-size:0.6rem; margin-top:3px;">—一滴水 · ❤️489</div>
        </div>
        <div style="padding:10px 12px; background:#8B5CF606; border-left:3px solid #8B5CF6; border-radius:4px;">
          <div style="font-size:0.7rem; font-weight:700; color:#8B5CF6; margin-bottom:4px;">亿活（布拉氏酵母菌）（60 条）</div>
          <div style="font-size:0.74rem; color:var(--text-1); line-height:1.45;">"讲讲 otc 益生菌：布拉氏酵母菌散 · 流感、换季、饮食不规律 都容易导致肠道菌群素乱 进而出现腹胀、肠鸣、大便不成形等情况 布拉氏酵母菌散是很多患者的首选 "</div>
          <div style="color:var(--text-3); font-size:0.6rem; margin-top:3px;">—可可药师 · ❤️1562</div>
        </div>
        <div style="padding:10px 12px; background:#FF8C4206; border-left:3px solid #FF8C42; border-radius:4px;">
          <div style="font-size:0.7rem; font-weight:700; color:#FF8C42; margin-bottom:4px;">拜奥益生菌（57 条）</div>
          <div style="font-size:0.74rem; color:var(--text-1); line-height:1.45;">"婴儿补剂和益生菌分享 · 1️⃣前六个月：因母乳较为充足，提供的营养素已基本足够，加之我们属于混合喂养，奶粉也能额外提供能量支持，所以前六个月我们"</div>
          <div style="color:var(--text-3); font-size:0.6rem; margin-top:3px;">—The LexieLee · ❤️422</div>
        </div>
        <div style="padding:10px 12px; background:#FF8BA706; border-left:3px solid #FF8BA7; border-radius:4px;">
          <div style="font-size:0.7rem; font-weight:700; color:#FF8BA7; margin-bottom:4px;">inne 噗噗宝（39 条）</div>
          <div style="font-size:0.74rem; color:var(--text-1); line-height:1.45;">"这难道是全国统一嗯嗯表情吗 · 每次嗯嗯都感觉巨用力 也不便秘，💩也正常 好奇这是全国统一嗯嗯表情吗？ 多少是有点搞笑的[失望R][失望R]#人类幼崽"</div>
          <div style="color:var(--text-3); font-size:0.6rem; margin-top:3px;">—Meeto · ❤️1773</div>
        </div>
      </div>
    </div>

    <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; margin-top:24px;">
      <div style="padding:18px; background:#FF6B6B08; border:1px solid #FF6B6B33; border-radius:var(--radius-sm);">
        <div class="text-mono text-xs" style="color:#FF6B6B; font-weight:700; margin-bottom:8px;">💊 药品级</div>
        <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6;">
          妈咪爱（枯草+肠球菌）<br/>亿活（布拉氏酵母菌）<br/>宝乐安（酪酸梭菌）<br/>
          <strong>特点</strong>：医生处方/推荐，急性腹泻首选<br/>
          <strong>弱点</strong>：散剂喂药难，部分需冷链
        </div>
      </div>
      <div style="padding:18px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:var(--radius-sm);">
        <div class="text-mono text-xs" style="color:#2D9C5D; font-weight:700; margin-bottom:8px;">🥛 食品级</div>
        <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6;">
          合生元 / 万益蓝 / 拜奥<br/>lifespace / inne / 康萃乐<br/>
          <strong>特点</strong>：家长自主选购，种草驱动<br/>
          <strong>弱点</strong>：无功效背书，"智商税"争议
        </div>
      </div>
      <div style="padding:18px; background:#7ED4C208; border:1px solid #7ED4C233; border-radius:var(--radius-sm);">
        <div class="text-mono text-xs" style="color:#7ED4C2; font-weight:700; margin-bottom:8px;">⭐ 乳酸菌素片（我们）</div>
        <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6;">
          江中乳酸菌素片儿童版<br/>
          <strong>身份</strong>：OTC 药品（蓝帽子）<br/>
          <strong>剂型</strong>：咀嚼片（奶片口感）<br/>
          <strong>独特</strong>：药品信任 + 食品体验<br/>
          <strong>空位</strong>：药品中唯一咀嚼片
        </div>
      </div>
    </div>
  </div>
</section>
<section class="report-section" id="cross-2" data-tone="purple" data-slide-num="17/27">
  <div class="section-inner">
    <div class="section-head rise-in">
    <div class="section-eyebrow" style="color:#8B5CF6;">3.2 · CROSS VALIDATION</div>
    <h2 class="text-h1"><span class="headline-anim">交叉验证 · 竞品没满足 + 我们能满足的空白</span></h2>
    <p class="section-sub">王总要求："找到竞品没满足的 + 我们能满足的机会"</p>
  </div>

    <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
    <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">竞品差评痛点 × 乳酸菌素片应答能力</div>
    <table style="width:100%; border-collapse:collapse; font-size:0.88rem;">
      <thead>
        <tr style="border-bottom:2px solid #8B5CF633;">
          <th style="text-align:left; padding:10px 6px; color:var(--text-3); font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">竞品痛点</th><th style="text-align:center; padding:10px 6px; color:#8B5CF6; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">VOC 数量</th><th style="text-align:center; padding:10px 6px; color:#8B5CF6; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">我们的应答</th><th style="text-align:center; padding:10px 6px; color:#8B5CF6; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">匹配度</th>
        </tr>
      </thead>
      <tbody>
        <tr style="border-bottom:1px solid var(--border);">
          <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:700;"><strong>效果不明显/智商税</strong></td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">17 条</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">OTC 药品功效有保障</td><td style="padding:10px 6px; color:#2D9C5D; text-align:center; font-weight:400;"><strong style="color:#2D9C5D;">85%</strong></td>
        </tr><tr style="border-bottom:1px solid var(--border);">
          <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:700;"><strong>喂药难/孩子抗拒</strong></td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">9 条</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">咀嚼片像奶片，孩子主动要</td><td style="padding:10px 6px; color:#2D9C5D; text-align:center; font-weight:400;"><strong style="color:#2D9C5D;">95%</strong></td>
        </tr><tr style="border-bottom:1px solid var(--border);">
          <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:700;"><strong>价格贵/不值</strong></td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">3 条</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">OTC 药店渠道定价合理</td><td style="padding:10px 6px; color:#FF8C42; text-align:center; font-weight:400;"><strong style="color:#FF8C42;">70%</strong></td>
        </tr><tr style="border-bottom:1px solid var(--border);">
          <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:700;"><strong>不知道该选哪个</strong></td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">1 条</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">"药品级肠道调理+奶片口感"清晰定位</td><td style="padding:10px 6px; color:#2D9C5D; text-align:center; font-weight:400;"><strong style="color:#2D9C5D;">90%</strong></td>
        </tr><tr style="border-bottom:1px solid var(--border);">
          <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:700;"><strong>需要冷链/保存不便</strong></td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">0 条</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">常温保存，便携</td><td style="padding:10px 6px; color:#FF8C42; text-align:center; font-weight:400;"><strong style="color:#FF8C42;">80%</strong></td>
        </tr><tr style="border-bottom:1px solid var(--border);">
          <td style="padding:12px 6px; color:var(--text-2); text-align:left; font-weight:700;"><strong>成分复杂/不放心</strong></td><td style="padding:12px 6px; color:var(--text-1); text-align:center; font-weight:400;">0 条</td><td style="padding:12px 6px; color:var(--text-1); text-align:center; font-weight:400;">灭活菌素，成分简单</td><td style="padding:12px 6px; color:#FF8C42; text-align:center; font-weight:400;"><strong style="color:#FF8C42;">75%</strong></td>
        </tr>
      </tbody>
    </table>
  </div>

    
    <div style="margin-top:24px;">
      <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.15em; margin-bottom:14px; font-weight:700;">竞品差评原声 · 我们的机会窗口</div>
      <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
    <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF6B6B; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF244222; color:#FF2442; font-size:0.62rem; font-weight:700;">红</span>
      <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
      
      <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 喂药难</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="color:#FF6B6B; font-size:0.7rem; font-weight:600;">▼ 差评</span>
      <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥15</span>
      <span style="padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;">✓真实</span>
    </div>
  </div>
  <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"你们一定没有一个犟种孩子[笑哭R]我儿子药已经吞下去了，还能给呕出来，连带着吃的饭都一起吐出来了，不但药白吃，饭也白吃了[捂脸R]"</div>
  <div style="display:flex; flex-wrap:wrap; gap:4px;">
    <span style="padding:2px 8px; background:#FF6B6B12; color:#FF6B6B; border-radius:3px; font-size:0.68rem; font-weight:600;">喂药困难</span>
  </div>
  
</div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF6B6B; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF244222; color:#FF2442; font-size:0.62rem; font-weight:700;">红</span>
      <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
      
      <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 宝宝便秘</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="color:#FF6B6B; font-size:0.7rem; font-weight:600;">▼ 差评</span>
      <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥4</span>
      <span style="padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;">✓真实</span>
    </div>
  </div>
  <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"过来人告诉你，这就是孩子体质问题，什么益生菌多吃蔬菜粗纤维这些都没用，各种方式都用过了，长大了就好了 我女儿也是从几个月就开始便秘，后来肛裂，有好长时间家里的开塞露就没断过，现在四周岁半，排便规律，也不用开塞露了"</div>
  <div style="display:flex; flex-wrap:wrap; gap:4px;">
    <span style="padding:2px 8px; background:#FF6B6B12; color:#FF6B6B; border-radius:3px; font-size:0.68rem; font-weight:600;">便秘痛点</span>
  </div>
  
</div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF6B6B; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF244222; color:#FF2442; font-size:0.62rem; font-weight:700;">红</span>
      <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
      
      <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 宝宝腹泻</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="color:#FF6B6B; font-size:0.7rem; font-weight:600;">▼ 差评</span>
      <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥53</span>
      <span style="padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;">✓真实</span>
    </div>
  </div>
  <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"有几个是乳糖不耐受的吃了都有用，有几个宝妈说吃了这个药方没用，这里我要说明一下，确定是乳糖不耐受的这个药方是绝对有用，不知道是不是乳糖不耐受的，可以先发个大便给我看看，有些是消化不良，吃这个药是没用的，还有个宝妈吃了没用，我说可能有炎症，她去化验了大便果然是急性肠炎。所以，大家不要盲目吃药，拉肚子首先去验大便，验了没有问题才考虑乳糖不耐。消化不良大便是带粘液的，乳糖不耐是水便分离，炎症大便纯水样，牛奶蛋白过敏是蛋花便可能带血丝，因为我不是医生，我自补的一些知识是这样的，大家…"</div>
  <div style="display:flex; flex-wrap:wrap; gap:4px;">
    <span style="padding:2px 8px; background:#FF6B6B12; color:#FF6B6B; border-radius:3px; font-size:0.68rem; font-weight:600;">腹泻痛点</span>
  </div>
  
</div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF6B6B; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF244222; color:#FF2442; font-size:0.62rem; font-weight:700;">红</span>
      <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
      
      <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 宝宝腹泻</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="color:#FF6B6B; font-size:0.7rem; font-weight:600;">▼ 差评</span>
      <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥9</span>
      <span style="padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;">✓真实</span>
    </div>
  </div>
  <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"博主，特别特别感谢你，我宝一岁五个月，得了手足口病住院输了抗生素，出院后就开始腹泻，最开始一天4、5次，后面一天7、8次，益生菌吃完两盒没用，蒙脱石散吃了四五天也没用，焦米汤泡奶喝了也没用，什么方法都试过了，前前后后折腾了十几天都没好，老母亲都已经快崩溃了，结果上小红书来搜怎么办，搜到你的帖子，当天晚上已经十一点了，抱着试试看的心态从美团上买了午时茶和碳酸氢钠片当晚就吃了一次，又熬了米汤泡奶，第二天就只拉了三次，第三天拉了两次，今天是第四天，已经完全正常了[哭惹R]。博主，…"</div>
  <div style="display:flex; flex-wrap:wrap; gap:4px;">
    <span style="padding:2px 8px; background:#FF6B6B12; color:#FF6B6B; border-radius:3px; font-size:0.68rem; font-weight:600;">腹泻痛点</span><span style="padding:2px 8px; background:#FF6B6B12; color:#FF6B6B; border-radius:3px; font-size:0.68rem; font-weight:600;">抗生素后</span>
  </div>
  
</div>
  </div>
    </div>

    <div style="padding:20px 24px; background:#8B5CF608; border-left:3px solid #8B5CF6; border-radius:6px;">
    <div style="display:flex; align-items:center; gap:10px; margin-bottom:10px;">
      <span style="font-size:1.4rem;">🎯</span>
      <div style="color:#8B5CF6; font-weight:700; font-size:0.96rem;">交叉验证结论：三大交叉机会确认</div>
    </div>
    <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;">
          <strong style="color:#2D9C5D;">① 喂药难 → 咀嚼片</strong>（匹配度 95%）：竞品最大痛点，我们的最强解<br/>
          <strong style="color:#2D9C5D;">② 选择困难 → 清晰定位</strong>（匹配度 90%）：市场太乱，需要"一句话说清楚"<br/>
          <strong style="color:#2D9C5D;">③ 效果争议 → OTC 背书</strong>（匹配度 85%）：食品级产品被骂"智商税"，药品身份是天然壁垒
        </div>
  </div>
  </div>
</section>
<section class="report-section" id="cross-3" data-tone="purple" data-slide-num="18/27">
  <div class="section-inner">
    <div class="section-head rise-in">
    <div class="section-eyebrow" style="color:#8B5CF6;">3.3 · COMPETITOR PROS &amp; CONS</div>
    <h2 class="text-h1"><span class="headline-anim">竞品正反面精简分析 · 药品 vs 食品 vs 营养品</span></h2>
    <p class="section-sub">会议要求：竞品"除了缺点还有哪些优点"——正反面全面分析，基于 VOC 真实评论提取。</p>
  </div>

    <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:18px;">
      
      <div style="padding:22px; background:var(--bg-1); border:1px solid var(--border); border-top:3px solid #FF6B6B; border-radius:var(--radius-md);">
        <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:14px;">
          <div>
            <div class="text-mono text-xs" style="color:#FF6B6B; font-weight:700;">妈咪爱</div>
            <div style="color:var(--text-3); font-size:0.72rem;">药品·散剂 · VOC 258 条</div>
          </div>
          <div style="font-size:0.68rem; color:var(--text-3);">
            <span style="color:#2D9C5D;">+41</span> /
            <span style="color:#FF6B6B;">-12</span>
          </div>
        </div>
        <div style="display:grid; grid-template-columns:1fr 1fr; gap:12px;">
          <div>
            <div style="color:#2D9C5D; font-size:0.74rem; font-weight:700; margin-bottom:6px;">✅ 正面 VOC</div>
            <div style="padding:8px; background:#2D9C5D06; border-left:2px solid #2D9C5D; border-radius:3px; font-size:0.76rem; color:var(--text-1); line-height:1.4;">
                  "医院都爱开妈咪爱，原来是这样。 · 宝宝拉肚子，去医院，医生都说开点妈咪爱益生菌。我说家里买的有其他品牌。 医生才说妈咪爱是药用，其他益生菌"
                  <div style="color:var(--text-3); font-size:0.58rem; margin-top:3px;">—林昱圻 · ❤️934</div>
                </div>
          </div>
          <div>
            <div style="color:#FF6B6B; font-size:0.74rem; font-weight:700; margin-bottom:6px;">❌ 负面 VOC</div>
            <div style="padding:8px; background:#FF6B6B06; border-left:2px solid #FF6B6B; border-radius:3px; font-size:0.76rem; color:var(--text-1); line-height:1.4;">
                  "63天宝宝，每次都是5.6天靠开塞露通便，吃过妈咪爱、整肠生、布拉氏都不好用，可以吃这个吗？"
                  <div style="color:var(--text-3); font-size:0.58rem; margin-top:3px;">—匿名 · ❤️6</div>
                </div>
          </div>
        </div>
      </div>
      <div style="padding:22px; background:var(--bg-1); border:1px solid var(--border); border-top:3px solid #2D9C5D; border-radius:var(--radius-md);">
        <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:14px;">
          <div>
            <div class="text-mono text-xs" style="color:#2D9C5D; font-weight:700;">合生元益生菌</div>
            <div style="color:var(--text-3); font-size:0.72rem;">食品·粉剂 · VOC 170 条</div>
          </div>
          <div style="font-size:0.68rem; color:var(--text-3);">
            <span style="color:#2D9C5D;">+59</span> /
            <span style="color:#FF6B6B;">-9</span>
          </div>
        </div>
        <div style="display:grid; grid-template-columns:1fr 1fr; gap:12px;">
          <div>
            <div style="color:#2D9C5D; font-size:0.74rem; font-weight:700; margin-bottom:6px;">✅ 正面 VOC</div>
            <div style="padding:8px; background:#2D9C5D06; border-left:2px solid #2D9C5D; border-radius:3px; font-size:0.76rem; color:var(--text-1); line-height:1.4;">
                  "合生元奶味益生菌 · 因为这段时间我女儿老是拉肚子 一吃饱就拉屎！一天拉好几次，所以买了合生元益生菌…不知道有没有效果？之前一直在因为她不攒"
                  <div style="color:var(--text-3); font-size:0.58rem; margin-top:3px;">—不倾城倾其所爱。 · ❤️230</div>
                </div>
          </div>
          <div>
            <div style="color:#FF6B6B; font-size:0.74rem; font-weight:700; margin-bottom:6px;">❌ 负面 VOC</div>
            <div style="padding:8px; background:#FF6B6B06; border-left:2px solid #FF6B6B; border-radius:3px; font-size:0.76rem; color:var(--text-1); line-height:1.4;">
                  "我家宝宝吃这个益生菌有拉屎水，屎水又带点白又吐奶问客服，客服说赫氏消亡反应后[叹气R]直接停了换妈咪爱otc的才好转。我也做了功课才买这个益"
                  <div style="color:var(--text-3); font-size:0.58rem; margin-top:3px;">—匿名 · ❤️1</div>
                </div>
          </div>
        </div>
      </div>
      <div style="padding:22px; background:var(--bg-1); border:1px solid var(--border); border-top:3px solid #6EC1E4; border-radius:var(--radius-md);">
        <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:14px;">
          <div>
            <div class="text-mono text-xs" style="color:#6EC1E4; font-weight:700;">万益蓝益生菌</div>
            <div style="color:var(--text-3); font-size:0.72rem;">食品·粉/滴 · VOC 158 条</div>
          </div>
          <div style="font-size:0.68rem; color:var(--text-3);">
            <span style="color:#2D9C5D;">+44</span> /
            <span style="color:#FF6B6B;">-12</span>
          </div>
        </div>
        <div style="display:grid; grid-template-columns:1fr 1fr; gap:12px;">
          <div>
            <div style="color:#2D9C5D; font-size:0.74rem; font-weight:700; margin-bottom:6px;">✅ 正面 VOC</div>
            <div style="padding:8px; background:#2D9C5D06; border-left:2px solid #2D9C5D; border-radius:3px; font-size:0.76rem; color:var(--text-1); line-height:1.4;">
                  "万益蓝早S晚B实测｜打卡第一天 🔹初始状态： 体重：61kg 减肥减的没劲了，又不想运动，感觉代谢不好了，刷到这个就下"
                  <div style="color:var(--text-3); font-size:0.58rem; margin-top:3px;">—叮叮当当瞄 · ❤️188</div>
                </div>
          </div>
          <div>
            <div style="color:#FF6B6B; font-size:0.74rem; font-weight:700; margin-bottom:6px;">❌ 负面 VOC</div>
            <div style="padding:8px; background:#FF6B6B06; border-left:2px solid #FF6B6B; border-radius:3px; font-size:0.76rem; color:var(--text-1); line-height:1.4;">
                  "以前那个女朋友觉得不配郑凯，不好看，还娇气，爱打扮，这个苗苗颜值，身材，口才还这么好，还接地气，不炫耀，努力，还纯净不爱慕虚荣"
                  <div style="color:var(--text-3); font-size:0.58rem; margin-top:3px;">—ndirfjs · ❤️2</div>
                </div>
          </div>
        </div>
      </div>
      <div style="padding:22px; background:var(--bg-1); border:1px solid var(--border); border-top:3px solid #8B5CF6; border-radius:var(--radius-md);">
        <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:14px;">
          <div>
            <div class="text-mono text-xs" style="color:#8B5CF6; font-weight:700;">亿活</div>
            <div style="color:var(--text-3); font-size:0.72rem;">药品·胶囊/散 · VOC 74 条</div>
          </div>
          <div style="font-size:0.68rem; color:var(--text-3);">
            <span style="color:#2D9C5D;">+21</span> /
            <span style="color:#FF6B6B;">-18</span>
          </div>
        </div>
        <div style="display:grid; grid-template-columns:1fr 1fr; gap:12px;">
          <div>
            <div style="color:#2D9C5D; font-size:0.74rem; font-weight:700; margin-bottom:6px;">✅ 正面 VOC</div>
            <div style="padding:8px; background:#2D9C5D06; border-left:2px solid #2D9C5D; border-radius:3px; font-size:0.76rem; color:var(--text-1); line-height:1.4;">
                  "布拉氏酵母菌~你问我答~ · 小亿队长最近收到了许多红薯宝子们的问题，特意整理来了一波，请大家收藏方便查看！Ready~GO! 1️⃣宝宝多"
                  <div style="color:var(--text-3); font-size:0.58rem; margin-top:3px;">—亿活Bioflor · ❤️1553</div>
                </div>
          </div>
          <div>
            <div style="color:#FF6B6B; font-size:0.74rem; font-weight:700; margin-bottom:6px;">❌ 负面 VOC</div>
            <div style="padding:8px; background:#FF6B6B06; border-left:2px solid #FF6B6B; border-radius:3px; font-size:0.76rem; color:var(--text-1); line-height:1.4;">
                  "多大的宝宝呢，我家三个月娃拉肚子喝布拉氏酵母和蒙脱石散效果都不好"
                  <div style="color:var(--text-3); font-size:0.58rem; margin-top:3px;">—匿名 · ❤️4</div>
                </div>
          </div>
        </div>
      </div>
    </div>

    <div class="rise-in" style="padding:28px 32px; background:linear-gradient(135deg, #8B5CF612, #8B5CF604); border-left:4px solid #8B5CF6; border-radius:var(--radius-md); margin-bottom:32px;">
    <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">COMPETITIVE GAP</div>
    <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">乳酸菌素片的竞争空位：药品中唯一的"好吃"选项</div>
    <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">
          药品阵营（妈咪爱/亿活/宝乐安）：<strong style="color:#FF6B6B;">有效但难吃/难喂</strong><br/>
          食品阵营（合生元/万益蓝/inne）：<strong style="color:#FF6B6B;">好吃但"智商税"争议</strong><br/>
          乳酸菌素片：<strong style="color:#2D9C5D;">OTC 药品信任 + 咀嚼片好吃 = 两端通吃</strong>
        </div>
  </div>
  </div>
</section>
<section class="report-section" id="position" data-tone="green" data-slide-num="19/27" style="justify-content:center;">
  <div class="section-inner">
    <div class="rise-in" style="text-align:center; margin-bottom:40px;">
      <div style="font-family:var(--font-head); font-weight:900; font-size:clamp(5rem, 14vw, 11rem); line-height:0.9; color:#2D9C5D; opacity:0.12; letter-spacing:-0.06em;">04</div>
      <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">STEP 5 · CHAPTER 4 · POSITIONING</div>
    </div>
    <div class="rise-in" style="text-align:center; margin-bottom:36px;">
      <div style="font-size:3.2rem; margin-bottom:14px;">🎯</div>
      <h2 class="text-poster" style="font-size:clamp(2.4rem, 5.2vw, 4.2rem); color:var(--text-1); letter-spacing:-0.025em;">品类定位 · 里斯×特劳特</h2>
      <p style="color:#2D9C5D; font-family:var(--font-mono); font-size:0.92rem; letter-spacing:0.18em; margin-top:12px; font-weight:600;">POSITIONING</p>
    </div>
    <div class="fade-up" style="max-width:960px; margin:0 auto; text-align:center; padding:28px 32px; background:linear-gradient(135deg, #2D9C5D0C, transparent); border-left:3px solid #2D9C5D; border-radius:var(--radius-md);">
      <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;">王总第五步：<strong style="color:#2D9C5D;">"用里斯品类战略 + 特劳特定位收敛"</strong>——我在哪个品类？怎么定位？<strong>容易传播的、能写在盒子上的一句话</strong>。三条细分机会（肠道调理/免疫力/营养吸收）逐一 VOC 验证，评估功效扩展与原有心智的冲突风险。</p>
    </div>
    <div class="fade-up" style="margin-top:40px; display:grid; grid-template-columns:repeat(4, 1fr); gap:14px; max-width:1100px; margin-left:auto; margin-right:auto;">
      
      <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #2D9C5D22; border-radius:var(--radius-sm); text-align:center;">
        <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">4.1</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">里斯品类战略 · 我们在哪个品类？</div>
      </div>
      <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #2D9C5D22; border-radius:var(--radius-sm); text-align:center;">
        <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">4.2</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">特劳特定位 · 一句话定位方案</div>
      </div>
      <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #2D9C5D22; border-radius:var(--radius-sm); text-align:center;">
        <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">4.3</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">三条细分机会 VOC 验证 · 肠道调理/免疫力/营养吸收</div>
      </div>
      <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #2D9C5D22; border-radius:var(--radius-sm); text-align:center;">
        <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">4.4</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">风险评估 · 功效扩展 vs 原有心智冲突</div>
      </div>
    </div>
    <div class="fade-up" style="margin-top:48px; text-align:center;">
      <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.3em;">SCROLL DOWN · 4 个子章</div>
    </div>
  </div>
</section>
<section class="report-section" id="position-1" data-tone="green" data-slide-num="20/27">
  <div class="section-inner">
    <div class="section-head rise-in">
    <div class="section-eyebrow" style="color:#2D9C5D;">4.1 · RIES CATEGORY STRATEGY</div>
    <h2 class="text-h1"><span class="headline-anim">里斯品类战略 · 我们在哪个品类？</span></h2>
    <p class="section-sub">王总要求："用里斯的品类战略来组织——我在哪个品类？"</p>
  </div>

    <div class="rise-in" style="padding:28px 32px; background:linear-gradient(135deg, #2D9C5D12, #2D9C5D04); border-left:4px solid #2D9C5D; border-radius:var(--radius-md); margin-bottom:32px;">
    <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">里斯品类战略 · 核心问题</div>
    <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">乳酸菌素片到底在哪个品类？</div>
    <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">这个问题的答案决定了竞争对手是谁、目标人群是谁、渠道在哪里。品类选错，所有努力都在错误的战场上。</div>
  </div>

    <!-- 品类进化树 -->
    <div style="padding:24px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md); margin-top:24px;">
      <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:18px; font-weight:700;">品类进化树 · 从肠道大品类到细分定位</div>

      <div style="display:grid; grid-template-columns:1fr; gap:0;">
        <!-- Level 0 -->
        <div style="text-align:center; padding:14px; background:#0085CA12; border:2px solid #0085CA55; border-radius:8px; font-weight:700; color:#0085CA; font-size:1.1rem;">
          肠道健康大品类（~130 亿）
        </div>
        <div style="text-align:center; color:var(--text-3); font-size:1.2rem; padding:4px 0;">↓</div>

        <!-- Level 1: 3 branches -->
        <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:12px;">
          <div style="padding:12px; background:#FF6B6B08; border:1px solid #FF6B6B33; border-radius:6px; text-align:center;">
            <div style="font-weight:700; color:#FF6B6B; font-size:0.88rem;">药品微生态制剂</div>
            <div style="color:var(--text-3); font-size:0.72rem;">妈咪爱/亿活/宝乐安</div>
          </div>
          <div style="padding:12px; background:#2D9C5D12; border:2px solid #2D9C5D55; border-radius:6px; text-align:center;">
            <div style="font-weight:700; color:#2D9C5D; font-size:0.88rem;">⭐ OTC 肠道调理</div>
            <div style="color:#2D9C5D; font-size:0.72rem; font-weight:600;">乳酸菌素片 = 这里</div>
          </div>
          <div style="padding:12px; background:#FF8C4208; border:1px solid #FF8C4233; border-radius:6px; text-align:center;">
            <div style="font-weight:700; color:#FF8C42; font-size:0.88rem;">食品级益生菌</div>
            <div style="color:var(--text-3); font-size:0.72rem;">合生元/万益蓝/inne</div>
          </div>
        </div>
        <div style="text-align:center; color:var(--text-3); font-size:1.2rem; padding:4px 0;">↓ 品类分化方向</div>

        <!-- Level 2: 细分 -->
        <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:12px;">
          
          <div style="padding:14px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:6px; text-align:center;">
            <div style="font-weight:700; color:#2D9C5D; font-size:0.84rem;">★ 儿童肠道调理</div>
            <div style="color:var(--text-2); font-size:0.74rem; margin-top:4px;">便秘/腹泻/消化不良的日常调理</div>
          </div>
          <div style="padding:14px; background:#6EC1E408; border:1px solid #6EC1E433; border-radius:6px; text-align:center;">
            <div style="font-weight:700; color:#6EC1E4; font-size:0.84rem;">儿童肠道免疫</div>
            <div style="color:var(--text-2); font-size:0.74rem; margin-top:4px;">入园/换季反复生病的预防</div>
          </div>
          <div style="padding:14px; background:#7ED4C208; border:1px solid #7ED4C233; border-radius:6px; text-align:center;">
            <div style="font-weight:700; color:#7ED4C2; font-size:0.84rem;">儿童营养吸收</div>
            <div style="color:var(--text-2); font-size:0.74rem; margin-top:4px;">&quot;调肠道促吸收&quot;替代瓶瓶罐罐</div>
          </div>
        </div>
      </div>
    </div>

    
    <div style="margin-top:20px; padding:16px; background:#2D9C5D06; border:1px solid #2D9C5D30; border-radius:var(--radius-md);">
      <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.12em; margin-bottom:10px; font-weight:700;">VOC 验证 · 家长的品类认知表达（23 条相关）</div>
      <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:10px;">
        
        <div style="padding:10px 12px; background:var(--bg-1); border-left:3px solid #2D9C5D; border-radius:4px;">
          <div style="font-size:0.74rem; color:var(--text-1); line-height:1.45;">"益生菌吃了个寂寞？别怪娃，是你没选对！  · [偷笑R]作为在母婴群被问爆的“益生菌扛把子”，宝乐安酪酸梭菌活菌散必须拥有姓名！ [赞R]和“食品级”益生菌不同，宝乐"</div>
          <div style="color:var(--text-3); font-size:0.6rem; margin-top:4px;">—宝乐安 · ❤️63</div>
        </div>
        <div style="padding:10px 12px; background:var(--bg-1); border-left:3px solid #2D9C5D; border-radius:4px;">
          <div style="font-size:0.74rem; color:var(--text-1); line-height:1.45;">"讲讲 otc 益生菌：布拉氏酵母菌散 · 流感、换季、饮食不规律 都容易导致肠道菌群素乱 进而出现腹胀、肠鸣、大便不成形等情况 布拉氏酵母菌散是很多患者的首选 平"</div>
          <div style="color:var(--text-3); font-size:0.6rem; margin-top:4px;">—可可药师 · ❤️1562</div>
        </div>
        <div style="padding:10px 12px; background:var(--bg-1); border-left:3px solid #2D9C5D; border-radius:4px;">
          <div style="font-size:0.74rem; color:var(--text-1); line-height:1.45;">"统一回复：妈咪爱是药用 不能长期服用 ，日常市面上的益生菌大部分属于日常保健品，性质和适用场景不一样，请大家理性看待，宝宝有肠胃方面的问题及时去医院，不要盲目用药。"</div>
          <div style="color:var(--text-3); font-size:0.6rem; margin-top:4px;">—匿名 · ❤️6</div>
        </div>
      </div>
    </div>

    <div style="padding:20px 24px; background:#2D9C5D08; border-left:3px solid #2D9C5D; border-radius:6px;">
    <div style="display:flex; align-items:center; gap:10px; margin-bottom:10px;">
      <span style="font-size:1.4rem;">🎯</span>
      <div style="color:#2D9C5D; font-weight:700; font-size:0.96rem;">里斯品类战略结论</div>
    </div>
    <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;">乳酸菌素片应定位在 <strong style="color:#2D9C5D;">"OTC 儿童肠道日常调理"</strong> 这个品类——<br/>
          · 不是"大益生菌"品类（太大，与食品级混战）<br/>
          · 不是"乳酸菌素片"品类（太窄，用户不认识）<br/>
          · 而是 <strong>"嚼着吃的儿童肠道调理药"</strong>——这个品类目前空白，我们可以成为品类代名词。</div>
  </div>
  </div>
</section>
<section class="report-section" id="position-2" data-tone="green" data-slide-num="21/27">
  <div class="section-inner">
    <div class="section-head rise-in">
    <div class="section-eyebrow" style="color:#2D9C5D;">4.2 · TROUT POSITIONING</div>
    <h2 class="text-h1"><span class="headline-anim">特劳特定位 · 一句话定位方案</span></h2>
    <p class="section-sub">王总要求："容易传播的、能写在盒子上的一句话"</p>
  </div>

    <div style="display:grid; grid-template-columns:repeat(1, 1fr); gap:18px; margin-top:24px;">
      
      <div style="padding:24px; background:#2D9C5D10; border:2px solid #2D9C5D55; border-radius:var(--radius-md); position:relative;">
        <div style="position:absolute; top:12px; right:16px; padding:4px 12px; background:#2D9C5D; color:#fff; border-radius:12px; font-size:0.7rem; font-weight:700;">★ 推荐方案</div>
        <div style="display:grid; grid-template-columns:1fr 1fr; gap:20px;">
          <div>
            <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.12em; font-weight:700; margin-bottom:8px;">方案 1 · 品类占位</div>
            <div style="font-family:var(--font-head); font-size:1.6rem; font-weight:800; color:var(--text-1); line-height:1.3; margin-bottom:12px;">"嚼着吃的儿童肠道调理药"</div>
            <div style="color:var(--text-2); font-size:0.82rem; line-height:1.6;">
              <strong>特劳特方法</strong>：开创新品类<br/>
              <strong style="color:#2D9C5D;">优势</strong>：品类空白、直击&quot;喂药难&quot;痛点、OTC 身份背书<br/>
              <strong style="color:#FF6B6B;">风险</strong>：&quot;药&quot;字可能让部分家长犹豫
            </div>
          </div>
          <div style="display:flex; align-items:center; justify-content:center;">
            <div style="width:120px; height:120px; border-radius:50%; background:#2D9C5D15; border:3px solid #2D9C5D44; display:flex; align-items:center; justify-content:center; flex-direction:column;">
              <div style="font-family:var(--font-head); font-size:2.2rem; font-weight:900; color:#2D9C5D;">92</div>
              <div style="font-size:0.66rem; color:var(--text-3); font-family:var(--font-mono);">综合评分</div>
            </div>
          </div>
        </div>
      </div>
      <div style="padding:24px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md); position:relative;">
        
        <div style="display:grid; grid-template-columns:1fr 1fr; gap:20px;">
          <div>
            <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.12em; font-weight:700; margin-bottom:8px;">方案 2 · 差异化定位</div>
            <div style="font-family:var(--font-head); font-size:1.6rem; font-weight:800; color:var(--text-1); line-height:1.3; margin-bottom:12px;">"像奶片一样的肠道养护"</div>
            <div style="color:var(--text-2); font-size:0.82rem; line-height:1.6;">
              <strong>特劳特方法</strong>：重新定位竞品<br/>
              <strong style="color:#2D9C5D;">优势</strong>：降低&quot;药&quot;的距离感、孩子接受度高<br/>
              <strong style="color:#FF6B6B;">风险</strong>：模糊了 OTC 优势
            </div>
          </div>
          <div style="display:flex; align-items:center; justify-content:center;">
            <div style="width:120px; height:120px; border-radius:50%; background:var(--text-3)15; border:3px solid var(--text-3)44; display:flex; align-items:center; justify-content:center; flex-direction:column;">
              <div style="font-family:var(--font-head); font-size:2.2rem; font-weight:900; color:var(--text-3);">78</div>
              <div style="font-size:0.66rem; color:var(--text-3); font-family:var(--font-mono);">综合评分</div>
            </div>
          </div>
        </div>
      </div>
      <div style="padding:24px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md); position:relative;">
        
        <div style="display:grid; grid-template-columns:1fr 1fr; gap:20px;">
          <div>
            <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.12em; font-weight:700; margin-bottom:8px;">方案 3 · 功效延伸</div>
            <div style="font-family:var(--font-head); font-size:1.6rem; font-weight:800; color:var(--text-1); line-height:1.3; margin-bottom:12px;">"调肠道，促吸收，一嚼搞定"</div>
            <div style="color:var(--text-2); font-size:0.82rem; line-height:1.6;">
              <strong>特劳特方法</strong>：聚焦法则<br/>
              <strong style="color:#2D9C5D;">优势</strong>：覆盖&quot;调理+吸收&quot;双需求、杨老师营养吸收洞察<br/>
              <strong style="color:#FF6B6B;">风险</strong>：功效扩展有风险（见 4.4）
            </div>
          </div>
          <div style="display:flex; align-items:center; justify-content:center;">
            <div style="width:120px; height:120px; border-radius:50%; background:var(--text-3)15; border:3px solid var(--text-3)44; display:flex; align-items:center; justify-content:center; flex-direction:column;">
              <div style="font-family:var(--font-head); font-size:2.2rem; font-weight:900; color:var(--text-3);">75</div>
              <div style="font-size:0.66rem; color:var(--text-3); font-family:var(--font-mono);">综合评分</div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="rise-in" style="padding:28px 32px; background:linear-gradient(135deg, #2D9C5D12, #2D9C5D04); border-left:4px solid #2D9C5D; border-radius:var(--radius-md); margin-bottom:32px;">
    <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">TROUT VERDICT</div>
    <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">推荐定位："嚼着吃的儿童肠道调理药"</div>
    <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">
          <strong>特劳特逻辑</strong>：开创"嚼着吃的儿童肠道调理"新品类，成为品类第一品牌。<br/>
          <strong>心智阶梯</strong>：家长想到"孩子肠道不好" → 第一反应"嚼着吃的那个" → 江中乳酸菌素片<br/>
          <strong>写在盒子上</strong>：<span style="padding:4px 12px; background:#2D9C5D15; border:1px solid #2D9C5D44; border-radius:4px; font-weight:700; color:#2D9C5D;">嚼着吃的儿童肠道调理药</span>
        </div>
  </div>
  </div>
</section>
<section class="report-section" id="position-3" data-tone="green" data-slide-num="22/27">
  <div class="section-inner">
    <div class="section-head rise-in">
    <div class="section-eyebrow" style="color:#2D9C5D;">4.3 · OPPORTUNITY VOC VALIDATION</div>
    <h2 class="text-h1"><span class="headline-anim">三条细分机会 VOC 验证 · 肠道调理/免疫力/营养吸收</span></h2>
    <p class="section-sub">三条细分机会逐一用 VOC 数据验证需求真实性和强度。</p>
  </div>

    
    <div style="margin-bottom:28px; padding:22px; background:#2D9C5D06; border:1px solid #2D9C5D33; border-left:4px solid #2D9C5D; border-radius:var(--radius-md);">
      <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:14px;">
        <div>
          <div class="text-mono text-xs" style="color:#2D9C5D; font-weight:700; letter-spacing:0.12em;">肠道调理（便秘/腹泻/消化不良）</div>
          <div style="color:var(--text-3); font-size:0.72rem; margin-top:2px;">283 条相关 VOC · H3 假设</div>
        </div>
        <div style="padding:6px 14px; background:#2D9C5D15; color:#2D9C5D; border-radius:16px; font-size:0.78rem; font-weight:700;">★★★ 需求最强·证据最多·直接可打</div>
      </div>
      <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
    <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #2D9C5D; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF244222; color:#FF2442; font-size:0.62rem; font-weight:700;">红</span>
      <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">生化妈咪Fiona</span>
      
      <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 宝宝便秘</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
      <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥3.8k</span>
      <span style="padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;">✓真实</span>
    </div>
  </div>
  <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"3招+万能公式✅解决宝宝便秘羊屎蛋 · 附喂饭级指南 #宝宝便秘  #辅食  #科学喂养  #羊屎蛋  #育儿干货  #新手妈妈  #辅食添加  #育儿分享"</div>
  <div style="display:flex; flex-wrap:wrap; gap:4px;">
    <span style="padding:2px 8px; background:#2D9C5D12; color:#2D9C5D; border-radius:3px; font-size:0.68rem; font-weight:600;">便秘痛点</span>
  </div>
  
</div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #2D9C5D; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF244222; color:#FF2442; font-size:0.62rem; font-weight:700;">红</span>
      <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">晚霞use</span>
      
      <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 宝宝换季腹泻</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
      <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥4.3k</span>
      <span style="padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;">✓真实</span>
    </div>
  </div>
  <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"一周岁宝宝连续腹泻5天终于好了！！！！ 天呐，带孩子玩水回来了后开始拉肚子，一天拉4 5次，有的时候睡着了都拉稀。去医院"</div>
  <div style="display:flex; flex-wrap:wrap; gap:4px;">
    <span style="padding:2px 8px; background:#2D9C5D12; color:#2D9C5D; border-radius:3px; font-size:0.68rem; font-weight:600;">腹泻痛点</span>
  </div>
  
</div>
  </div>
    </div>
    <div style="margin-bottom:28px; padding:22px; background:#6EC1E406; border:1px solid #6EC1E433; border-left:4px solid #6EC1E4; border-radius:var(--radius-md);">
      <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:14px;">
        <div>
          <div class="text-mono text-xs" style="color:#6EC1E4; font-weight:700; letter-spacing:0.12em;">提高肠道免疫力（入园/换季）</div>
          <div style="color:var(--text-3); font-size:0.72rem; margin-top:2px;">58 条相关 VOC · H7 假设</div>
        </div>
        <div style="padding:6px 14px; background:#6EC1E415; color:#6EC1E4; border-radius:16px; font-size:0.78rem; font-weight:700;">★★☆ 需求真实·但&quot;免疫力&quot;宣称需谨慎</div>
      </div>
      <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
    <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #6EC1E4; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#1A1A1A22; color:#1A1A1A; font-size:0.62rem; font-weight:700;">抖</span>
      <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">🍬糖糖爱美丽</span>
      
      <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 儿童益生菌</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
      <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥73</span>
      <span style="padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;">✓真实</span>
    </div>
  </div>
  <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"益生菌是调节宿主黏膜与免疫系统功能或通过调节肠道内菌群平衡，促进营养吸收保持肠道健康点作用，从而产生有利于健康作用的单微生物及组成明确的混合微生物。"</div>
  <div style="display:flex; flex-wrap:wrap; gap:4px;">
    <span style="padding:2px 8px; background:#6EC1E412; color:#6EC1E4; border-radius:3px; font-size:0.68rem; font-weight:600;">吸收焦虑</span>
  </div>
  
</div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #6EC1E4; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF244222; color:#FF2442; font-size:0.62rem; font-weight:700;">红</span>
      <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">匿名</span>
      
      <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 宝宝腹泻</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
      <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥454</span>
      <span style="padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;">✓真实</span>
    </div>
  </div>
  <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"止泻符！我的宝贝立刻马上不拉肚子，不腹痛！不再反复！
急急如律令！
立刻起效！
马上止泻！
不再反复！"</div>
  <div style="display:flex; flex-wrap:wrap; gap:4px;">
    <span style="padding:2px 8px; background:#6EC1E412; color:#6EC1E4; border-radius:3px; font-size:0.68rem; font-weight:600;">腹泻痛点</span>
  </div>
  
</div>
  </div>
    </div>
    <div style="margin-bottom:28px; padding:22px; background:#7ED4C206; border:1px solid #7ED4C233; border-left:4px solid #7ED4C2; border-radius:var(--radius-md);">
      <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:14px;">
        <div>
          <div class="text-mono text-xs" style="color:#7ED4C2; font-weight:700; letter-spacing:0.12em;">促进营养吸收（调肠道促吸收）</div>
          <div style="color:var(--text-3); font-size:0.72rem; margin-top:2px;">65 条相关 VOC · H5 假设</div>
        </div>
        <div style="padding:6px 14px; background:#7ED4C215; color:#7ED4C2; border-radius:16px; font-size:0.78rem; font-weight:700;">★★☆ 杨老师洞察·需求延伸空间大·但非核心心智</div>
      </div>
      <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
    <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #7ED4C2; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF244222; color:#FF2442; font-size:0.62rem; font-weight:700;">红</span>
      <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">硕士营养师vivi</span>
      
      <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 儿童挑食</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
      <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥8.5k</span>
      <span style="padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;">✓真实</span>
    </div>
  </div>
  <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"新手爸妈速看❗宝宝挑食应对全攻略 · 家里宝宝挑食，真让家长愁坏了😣 别担心，作为经验妈妈，这就来分享一些实用妙招👇 . 挑食偏食表现 🔸吃的偏：只钟情"</div>
  <div style="display:flex; flex-wrap:wrap; gap:4px;">
    <span style="padding:2px 8px; background:#7ED4C212; color:#7ED4C2; border-radius:3px; font-size:0.68rem; font-weight:600;">挑食厌食</span>
  </div>
  
</div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #7ED4C2; border-radius:var(--radius-sm); padding:12px 14px; display:flex; flex-direction:column; gap:8px;">
  <div style="display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap;">
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#FF244222; color:#FF2442; font-size:0.62rem; font-weight:700;">红</span>
      <span style="color:var(--text-1); font-size:0.78rem; font-weight:600;">李同学爱测评.</span>
      
      <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono);">· 儿童DHA</span>
    </div>
    <div style="display:flex; align-items:center; gap:6px;">
      <span style="color:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
      <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥1.2w</span>
      <span style="padding:1px 6px; background:#2D9C5D18; color:#2D9C5D; border-radius:10px; font-size:0.6rem; font-family:var(--font-mono); font-weight:700;">✓真实</span>
    </div>
  </div>
  <div style="color:var(--text-1); font-size:0.86rem; line-height:1.62;">"育儿干货｜宝宝DHA补对才有用 · 各位宝爸宝妈好，我是你们的专属育儿博主。今天一分钟，用大白话把宝宝DHA讲清楚，纯干货、无品牌。 DHA就是常说的脑黄金"</div>
  
  
</div>
  </div>
    </div>

    <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
    <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">VALIDATION VERDICT</div>
    <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
      
      <div style="display:flex; gap:10px; align-items:flex-start;">
        <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#2D9C5D; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">1</div>
        <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>主打方向</strong>：肠道调理（便秘/腹泻/消化不良）—— VOC 证据最强</div>
      </div>
      <div style="display:flex; gap:10px; align-items:flex-start;">
        <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#2D9C5D; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">2</div>
        <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>延伸方向</strong>：营养吸收（"调肠道促吸收"）—— 差异化空间最大</div>
      </div>
      <div style="display:flex; gap:10px; align-items:flex-start;">
        <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#2D9C5D; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">3</div>
        <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>谨慎方向</strong>：免疫力 —— 需求真实但宣称风险高（OTC 不可宣称免疫）</div>
      </div>
      <div style="display:flex; gap:10px; align-items:flex-start;">
        <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#2D9C5D; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">4</div>
        <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;">三条机会不是互斥的：核心=调理，延伸=吸收，不碰=免疫宣称</div>
      </div>
    </div>
  </div>
  </div>
</section>
<section class="report-section" id="position-4" data-tone="green" data-slide-num="23/27">
  <div class="section-inner">
    <div class="section-head rise-in">
    <div class="section-eyebrow" style="color:#2D9C5D;">4.4 · RISK ASSESSMENT</div>
    <h2 class="text-h1"><span class="headline-anim">风险评估 · 功效扩展 vs 原有心智冲突</span></h2>
    <p class="section-sub">杨老师（34:20）提出关键风险："如果投放营养吸收，原有用药解决胃肠问题的人会不会减少购买？"</p>
  </div>

    <div style="padding:20px 26px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
    <div style="display:grid; grid-template-columns:52px 1fr 1fr; grid-template-rows:auto 1fr 1fr 40px; gap:12px; height:520px;">
      <div style="grid-row:2 / span 2; grid-column:1; display:flex; align-items:center; justify-content:center; transform:rotate(-90deg); white-space:nowrap;">
        <span class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; font-weight:700;">原有心智冲突</span>
      </div>
      <div style="grid-row:1; grid-column:2; text-align:center;"><span class="text-mono text-xs" style="color:#FF6B6B; font-weight:700;">冲突高</span></div>
      <div style="grid-row:1; grid-column:3; text-align:center;"><span class="text-mono text-xs" style="color:#FF8C42; font-weight:700;">冲突高</span></div>
      <div style="grid-row:2; grid-column:2;">
      <div style="padding:16px; background:#FF6B6B08; border:1px solid #FF6B6B40; border-radius:6px; height:100%; display:flex; flex-direction:column;">
        <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">❌ 高风险·低收益</div>
        <ul style="color:var(--text-1); font-size:0.82rem; line-height:1.55; margin:0; padding-left:18px; list-style:disc;">
          <li style="margin-bottom:4px;">"提高免疫力"宣称</li><li style="margin-bottom:4px;">OTC 药品不可宣称</li><li style="margin-bottom:4px;">监管风险 + 心智混乱</li>
        </ul>
        <div style="margin-top:auto; padding-top:10px; color:#FF6B6B; font-size:0.74rem; font-style:italic;">→ 绝对避免</div>
      </div></div>
      <div style="grid-row:2; grid-column:3;">
      <div style="padding:16px; background:#FF8C4208; border:1px solid #FF8C4240; border-radius:6px; height:100%; display:flex; flex-direction:column;">
        <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">⚠️ 高收益·高风险</div>
        <ul style="color:var(--text-1); font-size:0.82rem; line-height:1.55; margin:0; padding-left:18px; list-style:disc;">
          <li style="margin-bottom:4px;"><strong>"儿童营养吸收专家"</strong></li><li style="margin-bottom:4px;">新市场大但偏离药品心智</li><li style="margin-bottom:4px;">可能被理解为"补营养的"</li>
        </ul>
        <div style="margin-top:auto; padding-top:10px; color:#FF8C42; font-size:0.74rem; font-style:italic;">→ 杨老师担心的风险所在</div>
      </div></div>
      <div style="grid-row:3; grid-column:2;">
      <div style="padding:16px; background:#88808; border:1px solid #88840; border-radius:6px; height:100%; display:flex; flex-direction:column;">
        <div class="text-mono text-xs" style="color:#888; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">安全但无突破</div>
        <ul style="color:var(--text-1); font-size:0.82rem; line-height:1.55; margin:0; padding-left:18px; list-style:disc;">
          <li style="margin-bottom:4px;">"乳酸菌素片"原名延续</li><li style="margin-bottom:4px;">维持 6000 万规模</li><li style="margin-bottom:4px;">无法打开新市场</li>
        </ul>
        <div style="margin-top:auto; padding-top:10px; color:#888; font-size:0.74rem; font-style:italic;">→ 不做选择也是一种选择</div>
      </div></div>
      <div style="grid-row:3; grid-column:3;">
      <div style="padding:16px; background:#2D9C5D08; border:1px solid #2D9C5D40; border-radius:6px; height:100%; display:flex; flex-direction:column;">
        <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">★ 最优区间</div>
        <ul style="color:var(--text-1); font-size:0.82rem; line-height:1.55; margin:0; padding-left:18px; list-style:disc;">
          <li style="margin-bottom:4px;"><strong>"嚼着吃的儿童肠道调理"</strong></li><li style="margin-bottom:4px;">延续药品心智 + 剂型创新</li><li style="margin-bottom:4px;">自然延伸到"调肠道促吸收"</li>
        </ul>
        <div style="margin-top:auto; padding-top:10px; color:#2D9C5D; font-size:0.74rem; font-style:italic;">→ 推荐路径</div>
      </div></div>
      <div style="grid-row:4; grid-column:2; text-align:center;"><span class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.15em;">吸引力弱  ←  新定位吸引力  →  吸引力强</span></div>
      <div style="grid-row:4; grid-column:3;"></div>
    </div>
  </div>

    <div style="margin-top:24px; padding:22px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
      <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:10px; font-weight:700;">王总的三种结果预判（35:53）</div>
      <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:14px;">
        <div style="padding:14px; background:var(--bg-1); border-radius:6px;">
          <div style="color:var(--text-3); font-size:0.72rem; margin-bottom:6px;">结果 A</div>
          <div style="color:var(--text-1); font-size:0.84rem; line-height:1.5;">继续按原来打，维持 6000 万</div>
        </div>
        <div style="padding:14px; background:var(--bg-1); border-radius:6px; border:1px solid #2D9C5D44;">
          <div style="color:#2D9C5D; font-size:0.72rem; margin-bottom:6px; font-weight:700;">★ 结果 B</div>
          <div style="color:var(--text-1); font-size:0.84rem; line-height:1.5;">现有儿童中发现未关注到的机会可放大 → <strong>推荐路径</strong></div>
        </div>
        <div style="padding:14px; background:var(--bg-1); border-radius:6px;">
          <div style="color:var(--text-3); font-size:0.72rem; margin-bottom:6px;">结果 C</div>
          <div style="color:var(--text-1); font-size:0.84rem; line-height:1.5;">通过竞争对比发现心智空位 → 需要新品/新品牌</div>
        </div>
      </div>
    </div>

    <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
    <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">RISK VERDICT · 风险结论</div>
    <div style="display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;">
      
      <div style="display:flex; gap:10px; align-items:flex-start;">
        <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#2D9C5D; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">1</div>
        <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>推荐路径</strong>：结果 B — 在"儿童肠道调理"品类内放大未被关注的机会（喂药难/日常养护）</div>
      </div>
      <div style="display:flex; gap:10px; align-items:flex-start;">
        <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#2D9C5D; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">2</div>
        <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>风险对冲</strong>：核心定位不变（肠道调理），营养吸收作为自然延伸而非主打</div>
      </div>
      <div style="display:flex; gap:10px; align-items:flex-start;">
        <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#2D9C5D; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">3</div>
        <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>避免</strong>：不做免疫力宣称（监管风险）、不做独立营养品牌（心智冲突）</div>
      </div>
      <div style="display:flex; gap:10px; align-items:flex-start;">
        <div style="flex-shrink:0; width:22px; height:22px; border-radius:50%; background:#2D9C5D; color:#fff; font-size:0.72rem; font-weight:700; display:flex; align-items:center; justify-content:center;">4</div>
        <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>分品策略备选</strong>：若要打营养赛道，用新品（软糖/保健品）而非现有 OTC 品</div>
      </div>
    </div>
  </div>
  </div>
</section>
<section class="report-section" id="action" data-tone="green" data-slide-num="24/27" style="justify-content:center;">
  <div class="section-inner">
    <div class="rise-in" style="text-align:center; margin-bottom:40px;">
      <div style="font-family:var(--font-head); font-weight:900; font-size:clamp(5rem, 14vw, 11rem); line-height:0.9; color:#7ED4C2; opacity:0.12; letter-spacing:-0.06em;">05</div>
      <div class="text-mono text-xs" style="color:#7ED4C2; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">CHAPTER 5 · ACTION PLAN</div>
    </div>
    <div class="rise-in" style="text-align:center; margin-bottom:36px;">
      <div style="font-size:3.2rem; margin-bottom:14px;">🚀</div>
      <h2 class="text-poster" style="font-size:clamp(2.4rem, 5.2vw, 4.2rem); color:var(--text-1); letter-spacing:-0.025em;">落地行动</h2>
      <p style="color:#7ED4C2; font-family:var(--font-mono); font-size:0.92rem; letter-spacing:0.18em; margin-top:12px; font-weight:600;">ACTION PLAN</p>
    </div>
    <div class="fade-up" style="max-width:960px; margin:0 auto; text-align:center; padding:28px 32px; background:linear-gradient(135deg, #7ED4C20C, transparent); border-left:3px solid #7ED4C2; border-radius:var(--radius-md);">
      <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;">基于 Ch0-Ch4 的层层收敛，输出 <strong style="color:#7ED4C2;">可落地的行动清单</strong>：产品策略（包装/剂型/话术）、渠道策略（分年龄段打法）、P0/P1 优先级时间线。从 <strong style="color:#2D9C5D;">6000 万到 10 亿的三年路径</strong>。</p>
    </div>
    <div class="fade-up" style="margin-top:40px; display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; max-width:1100px; margin-left:auto; margin-right:auto;">
      
      <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #7ED4C222; border-radius:var(--radius-sm); text-align:center;">
        <div class="text-mono text-xs" style="color:#7ED4C2; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">5.1</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">产品策略 · 包装/剂型/话术</div>
      </div>
      <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #7ED4C222; border-radius:var(--radius-sm); text-align:center;">
        <div class="text-mono text-xs" style="color:#7ED4C2; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">5.2</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">渠道策略 · 分年龄段打法</div>
      </div>
      <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #7ED4C222; border-radius:var(--radius-sm); text-align:center;">
        <div class="text-mono text-xs" style="color:#7ED4C2; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">5.3</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">P0/P1 行动清单 × 时间线</div>
      </div>
    </div>
    <div class="fade-up" style="margin-top:48px; text-align:center;">
      <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.3em;">SCROLL DOWN · 3 个子章</div>
    </div>
  </div>
</section>
<section class="report-section" id="action-1" data-tone="green" data-slide-num="25/27">
  <div class="section-inner">
    <div class="section-head rise-in">
    <div class="section-eyebrow" style="color:#7ED4C2;">5.1 · PRODUCT STRATEGY</div>
    <h2 class="text-h1"><span class="headline-anim">产品策略 · 包装/剂型/话术</span></h2>
    <p class="section-sub">基于 Ch0-Ch4 层层收敛，输出产品层面的具体策略。</p>
  </div>

    <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; margin-top:24px;">
      <!-- 包装 -->
      <div style="padding:22px; background:#FF8BA708; border:1px solid #FF8BA733; border-top:3px solid #FF8BA7; border-radius:var(--radius-md);">
        <div class="text-mono text-xs" style="color:#FF8BA7; font-weight:700; margin-bottom:12px;">📦 包装策略</div>
        <ul style="margin:0; padding-left:18px; color:var(--text-1); font-size:0.84rem; line-height:1.7;">
          <li><strong>正面主视觉</strong>：突出"嚼着吃"+"儿童肠道调理"双信息</li>
          <li><strong>OTC 标识</strong>：蓝帽子显著位置，与食品级拉开距离</li>
          <li><strong>年龄分层</strong>：3-6 岁（小包装/低剂量）vs 6-12 岁（标准装）</li>
          <li><strong>卡通 IP</strong>：可考虑"肠道小卫士"形象，孩子指名要</li>
          <li><strong>便携设计</strong>：单片独立包装，幼儿园/出行场景</li>
        </ul>
      </div>

      <!-- 剂型 -->
      <div style="padding:22px; background:#6EC1E408; border:1px solid #6EC1E433; border-top:3px solid #6EC1E4; border-radius:var(--radius-md);">
        <div class="text-mono text-xs" style="color:#6EC1E4; font-weight:700; margin-bottom:12px;">💊 剂型策略</div>
        <ul style="margin:0; padding-left:18px; color:var(--text-1); font-size:0.84rem; line-height:1.7;">
          <li><strong>核心剂型</strong>：咀嚼片（奶片口感 × 多口味）</li>
          <li><strong>口味矩阵</strong>：原味奶香（经典）/ 草莓 / 酸奶味</li>
          <li><strong>片型优化</strong>：小熊/星星形状（孩子喜欢）</li>
          <li><strong>延伸储备</strong>：软糖剂型（食品级·营养赛道·新品）</li>
          <li><strong>不做</strong>：散剂/胶囊（竞品的弱点不要重复）</li>
        </ul>
      </div>

      <!-- 话术 -->
      <div style="padding:22px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-top:3px solid #2D9C5D; border-radius:var(--radius-md);">
        <div class="text-mono text-xs" style="color:#2D9C5D; font-weight:700; margin-bottom:12px;">💬 话术策略</div>
        <ul style="margin:0; padding-left:18px; color:var(--text-1); font-size:0.84rem; line-height:1.7;">
          <li><strong>核心定位句</strong>："嚼着吃的儿童肠道调理药"</li>
          <li><strong>药店话术</strong>："孩子拉肚子/便秘/消化不好？嚼一片就行"</li>
          <li><strong>种草话术</strong>："OTC 药品级效果 + 奶片一样好吃"</li>
          <li><strong>对比话术</strong>："比妈咪爱好喂，比合生元有保障"</li>
          <li><strong>场景话术</strong>："入园必备/换季必备/出行必备"</li>
        </ul>
      </div>
    </div>

    <div style="padding:20px 24px; background:#7ED4C208; border-left:3px solid #7ED4C2; border-radius:6px;">
    <div style="display:flex; align-items:center; gap:10px; margin-bottom:10px;">
      <span style="font-size:1.4rem;">💡</span>
      <div style="color:#7ED4C2; font-weight:700; font-size:0.96rem;">产品策略核心逻辑</div>
    </div>
    <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;">所有产品决策围绕一个核心：<strong style="color:#7ED4C2;">"让家长信任（OTC）+ 让孩子爱吃（咀嚼片）"</strong>。包装要让家长一眼看出"这是正规药品"，剂型要让孩子主动要，话术要让药店店员一句话说清楚。</div>
  </div>
  </div>
</section>
<section class="report-section" id="action-2" data-tone="green" data-slide-num="26/27">
  <div class="section-inner">
    <div class="section-head rise-in">
    <div class="section-eyebrow" style="color:#7ED4C2;">5.2 · CHANNEL STRATEGY</div>
    <h2 class="text-h1"><span class="headline-anim">渠道策略 · 分年龄段打法</span></h2>
    <p class="section-sub">年龄段锁定 3-12 岁（咀嚼片），0-3 岁无法覆盖（王总确认）。</p>
  </div>

    <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
    <div class="text-mono text-xs" style="color:#7ED4C2; letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">分年龄段 × 渠道 × 打法矩阵</div>
    <table style="width:100%; border-collapse:collapse; font-size:0.88rem;">
      <thead>
        <tr style="border-bottom:2px solid #7ED4C233;">
          <th style="text-align:left; padding:10px 6px; color:var(--text-3); font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">年龄段</th><th style="text-align:center; padding:10px 6px; color:#7ED4C2; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">核心场景</th><th style="text-align:center; padding:10px 6px; color:#7ED4C2; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">主力渠道</th><th style="text-align:center; padding:10px 6px; color:#7ED4C2; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">话术重点</th><th style="text-align:center; padding:10px 6px; color:#7ED4C2; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">竞品空位</th>
        </tr>
      </thead>
      <tbody>
        <tr style="border-bottom:1px solid var(--border);">
          <td style="padding:10px 6px; color:#FFCBA4; text-align:left; font-weight:400;"><strong style="color:#FFCBA4;">3-6 岁</strong></td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">入园适应/换季生病/积食</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">药店 + 母婴店</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">"入园必备·孩子爱吃的肠道药"</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">妈咪爱喂药难，合生元非药品</td>
        </tr><tr style="border-bottom:1px solid var(--border);">
          <td style="padding:10px 6px; color:#C5E063; text-align:left; font-weight:400;"><strong style="color:#C5E063;">6-9 岁</strong></td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">挑食/消化不良/便秘</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">药店 + 电商</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">"调肠道促吸收·不用逼着吃"</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">营养补剂"瓶瓶罐罐"替代</td>
        </tr><tr style="border-bottom:1px solid var(--border);">
          <td style="padding:12px 6px; color:#B4A7D6; text-align:left; font-weight:400;"><strong style="color:#B4A7D6;">9-12 岁</strong></td><td style="padding:12px 6px; color:var(--text-1); text-align:center; font-weight:400;">课业压力/饮食不规律</td><td style="padding:12px 6px; color:var(--text-1); text-align:center; font-weight:400;">电商 + 药店</td><td style="padding:12px 6px; color:var(--text-1); text-align:center; font-weight:400;">"像零食一样的肠道调理"</td><td style="padding:12px 6px; color:var(--text-1); text-align:center; font-weight:400;">该年龄段几乎无专属产品</td>
        </tr>
      </tbody>
    </table>
  </div>

    <div style="display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; margin-top:24px;">
      <div style="padding:18px; background:#FF6B6B08; border:1px solid #FF6B6B33; border-radius:var(--radius-sm);">
        <div class="text-mono text-xs" style="color:#FF6B6B; font-weight:700; margin-bottom:8px;">药店渠道（主力）</div>
        <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6;">
          OTC 药品天然渠道<br/>
          店员推荐 = 核心转化<br/>
          目标：<strong>一心堂/大参林 3w 门店</strong><br/>
          话术培训 → 店员"一句话推荐"
        </div>
      </div>
      <div style="padding:18px; background:#7ED4C208; border:1px solid #7ED4C233; border-radius:var(--radius-sm);">
        <div class="text-mono text-xs" style="color:#7ED4C2; font-weight:700; margin-bottom:8px;">电商渠道（增量）</div>
        <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6;">
          种草（小红书/抖音）→ 搜索 → 转化<br/>
          核心内容：真实妈妈分享<br/>
          关键词矩阵：宝宝便秘/积食/入园<br/>
          vs 食品级竞品：突出 OTC 身份
        </div>
      </div>
      <div style="padding:18px; background:#FF8C4208; border:1px solid #FF8C4233; border-radius:var(--radius-sm);">
        <div class="text-mono text-xs" style="color:#FF8C42; font-weight:700; margin-bottom:8px;">母婴渠道（补充）</div>
        <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6;">
          孩子王/爱婴室等<br/>
          与食品级益生菌同台竞争<br/>
          优势：OTC 身份差异化<br/>
          风险：母婴店偏好食品级毛利
        </div>
      </div>
    </div>
  </div>
</section>
<section class="report-section" id="action-3" data-tone="green" data-slide-num="27/27">
  <div class="section-inner">
    <div class="section-head rise-in">
    <div class="section-eyebrow" style="color:#7ED4C2;">5.3 · ACTION PLAN</div>
    <h2 class="text-h1"><span class="headline-anim">P0/P1 行动清单 × 时间线</span></h2>
    <p class="section-sub">从 6000 万到 10 亿的三年路径：P0 立即执行 / P1 一个月内 / P2 远期储备</p>
  </div>

    <div style="display:grid; grid-template-columns:repeat(4, 1fr); gap:12px; padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
    
    <div style="text-align:center;">
      <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF6B6B; letter-spacing:-0.02em;">4</div>
      <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">P0 · 立即</div>
      
    </div>
    <div style="text-align:center;">
      <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#FF8C42; letter-spacing:-0.02em;">4</div>
      <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">P1 · 1月内</div>
      
    </div>
    <div style="text-align:center;">
      <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:var(--text-3); letter-spacing:-0.02em;">2</div>
      <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">P2 · 远期</div>
      
    </div>
    <div style="text-align:center;">
      <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#7ED4C2; letter-spacing:-0.02em;">10</div>
      <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">总行动项</div>
      
    </div>
  </div>

    <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
    <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">P0 · 立即执行（本周-2周）</div>
    <table style="width:100%; border-collapse:collapse; font-size:0.88rem;">
      <thead>
        <tr style="border-bottom:2px solid #FF6B6B33;">
          <th style="text-align:left; padding:10px 6px; color:var(--text-3); font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">行动</th><th style="text-align:center; padding:10px 6px; color:#FF6B6B; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">负责方</th><th style="text-align:center; padding:10px 6px; color:#FF6B6B; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">时间线</th><th style="text-align:center; padding:10px 6px; color:#FF6B6B; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">状态</th>
        </tr>
      </thead>
      <tbody>
        <tr style="border-bottom:1px solid var(--border);">
          <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:700;"><strong>确认品类定位：&quot;嚼着吃的儿童肠道调理药&quot;</strong></td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">品牌部</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">1 周内</td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B; font-weight:700;">待确认</span></td>
        </tr><tr style="border-bottom:1px solid var(--border);">
          <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:700;"><strong>包装设计修改：突出 OTC + &quot;嚼着吃&quot; + 年龄分层</strong></td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">设计部</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">2 周</td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B; font-weight:700;">待启动</span></td>
        </tr><tr style="border-bottom:1px solid var(--border);">
          <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:700;"><strong>药店店员话术培训方案</strong></td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">渠道部</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">2 周</td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B; font-weight:700;">待启动</span></td>
        </tr><tr style="border-bottom:1px solid var(--border);">
          <td style="padding:12px 6px; color:var(--text-2); text-align:left; font-weight:700;"><strong>补充成人乳酸菌素片 VOC 数据（当前以儿童为主）</strong></td><td style="padding:12px 6px; color:var(--text-1); text-align:center; font-weight:400;">数据团队</td><td style="padding:12px 6px; color:var(--text-1); text-align:center; font-weight:400;">1 周</td><td style="padding:12px 6px; color:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B; font-weight:700;">数据缺口</span></td>
        </tr>
      </tbody>
    </table>
  </div>

    <div style="margin-top:18px;">
    <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
    <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">P1 · 1 月内启动</div>
    <table style="width:100%; border-collapse:collapse; font-size:0.88rem;">
      <thead>
        <tr style="border-bottom:2px solid #FF8C4233;">
          <th style="text-align:left; padding:10px 6px; color:var(--text-3); font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">行动</th><th style="text-align:center; padding:10px 6px; color:#FF8C42; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">负责方</th><th style="text-align:center; padding:10px 6px; color:#FF8C42; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">时间线</th><th style="text-align:center; padding:10px 6px; color:#FF8C42; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">状态</th>
        </tr>
      </thead>
      <tbody>
        <tr style="border-bottom:1px solid var(--border);">
          <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">口味矩阵测试（原味/草莓/酸奶）</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">研发部</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">1 月</td><td style="padding:10px 6px; color:#FF8C42; text-align:center; font-weight:400;"><span style="color:#FF8C42;">待排期</span></td>
        </tr><tr style="border-bottom:1px solid var(--border);">
          <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">电商种草内容矩阵搭建</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">电商部</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">1 月</td><td style="padding:10px 6px; color:#FF8C42; text-align:center; font-weight:400;"><span style="color:#FF8C42;">待启动</span></td>
        </tr><tr style="border-bottom:1px solid var(--border);">
          <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">3-6 岁低剂量小包装开发</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">研发部</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">2 月</td><td style="padding:10px 6px; color:#FF8C42; text-align:center; font-weight:400;"><span style="color:#FF8C42;">待排期</span></td>
        </tr><tr style="border-bottom:1px solid var(--border);">
          <td style="padding:12px 6px; color:var(--text-2); text-align:left; font-weight:400;">"调肠道促吸收"延伸方向 VOC 深度验证</td><td style="padding:12px 6px; color:var(--text-1); text-align:center; font-weight:400;">数据团队</td><td style="padding:12px 6px; color:var(--text-1); text-align:center; font-weight:400;">1 月</td><td style="padding:12px 6px; color:#FF8C42; text-align:center; font-weight:400;"><span style="color:#FF8C42;">待启动</span></td>
        </tr>
      </tbody>
    </table>
  </div>
    </div>

    <div style="margin-top:18px;">
    <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
    <div class="text-mono text-xs" style="color:var(--text-3); letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">P2 · 远期储备</div>
    <table style="width:100%; border-collapse:collapse; font-size:0.88rem;">
      <thead>
        <tr style="border-bottom:2px solid var(--text-3)33;">
          <th style="text-align:left; padding:10px 6px; color:var(--text-3); font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">行动</th><th style="text-align:center; padding:10px 6px; color:var(--text-3); font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">负责方</th><th style="text-align:center; padding:10px 6px; color:var(--text-3); font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">时间线</th><th style="text-align:center; padding:10px 6px; color:var(--text-3); font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">状态</th>
        </tr>
      </thead>
      <tbody>
        <tr style="border-bottom:1px solid var(--border);">
          <td style="padding:10px 6px; color:var(--text-2); text-align:left; font-weight:400;">软糖新品（食品级·营养赛道）可行性研究</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">研发部</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">3 月</td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">远期储备</td>
        </tr><tr style="border-bottom:1px solid var(--border);">
          <td style="padding:12px 6px; color:var(--text-2); text-align:left; font-weight:400;">卡通 IP "肠道小卫士" 设计</td><td style="padding:12px 6px; color:var(--text-1); text-align:center; font-weight:400;">品牌部</td><td style="padding:12px 6px; color:var(--text-1); text-align:center; font-weight:400;">3 月</td><td style="padding:12px 6px; color:var(--text-1); text-align:center; font-weight:400;">远期储备</td>
        </tr>
      </tbody>
    </table>
  </div>
    </div>

    <div class="rise-in" style="padding:28px 32px; background:linear-gradient(135deg, #7ED4C212, #7ED4C204); border-left:4px solid #7ED4C2; border-radius:var(--radius-md); margin-bottom:32px;">
    <div class="text-mono text-xs" style="color:#7ED4C2; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">CLOSING</div>
    <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">从 6000 万到 10 亿：品类重定位是第一步</div>
    <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">
          本报告严格遵循王总 5 步分析路径，从品类全景出发，经过成人机会分析、儿童迁移、交叉验证，最终收敛到<strong style="color:#2D9C5D;">"嚼着吃的儿童肠道调理药"</strong>这个品类定位。<br/>
          下一步：<strong>对齐定位方向 → 包装设计 → 话术培训 → 渠道铺货</strong>，启动从 6000 万到 10 亿的三年路径。
        </div>
  </div>
  </div>
</section>
  </main>
  <script>
(function(){
  'use strict';

  var slides = [];
  var currentSlide = 0;
  var firstScrolled = false;

  // —— 1) 分片标题动画：把每个 .headline-anim 文本切成 .char 逐字入场 ——
  function splitHeadlines(){
    var els = document.querySelectorAll('.headline-anim');
    els.forEach(function(el){
      if (el.dataset.split === '1') return;
      el.dataset.split = '1';
      var text = el.textContent;
      el.textContent = '';
      var chars = Array.from(text);
      chars.forEach(function(ch, i){
        var span = document.createElement('span');
        span.className = 'char';
        span.textContent = ch === ' ' ? '\u00A0' : ch;
        span.style.transitionDelay = (i * 28) + 'ms';
        el.appendChild(span);
      });
    });
  }

  // —— 2) Fade / Rise / Headline 统一的 IntersectionObserver ——
  function initReveal(){
    var selectors = ['.fade-up', '.rise-in', '.headline-anim'];
    var els = document.querySelectorAll(selectors.join(','));
    if (!('IntersectionObserver' in window)){
      els.forEach(function(el){ el.classList.add('is-visible'); });
      return;
    }
    var io = new IntersectionObserver(function(entries){
      entries.forEach(function(e){
        if (e.isIntersecting){
          e.target.classList.add('is-visible');
          io.unobserve(e.target);
        }
      });
    }, { threshold: 0.08, rootMargin: '0px 0px -5% 0px' });
    els.forEach(function(el){ io.observe(el); });

    // 首屏兜底
    setTimeout(function(){
      els.forEach(function(el){
        var r = el.getBoundingClientRect();
        if (r.top < window.innerHeight && r.bottom > 0) el.classList.add('is-visible');
      });
    }, 100);
    // 终极兜底
    setTimeout(function(){
      document.querySelectorAll('.fade-up:not(.is-visible),.rise-in:not(.is-visible),.headline-anim:not(.is-visible)').forEach(function(el){
        el.classList.add('is-visible');
      });
    }, 4500);
  }

  // —— 3) 数字计数动画 ——
  function initCountUp(){
    var els = document.querySelectorAll('.metric-value[data-count]');
    if (!('IntersectionObserver' in window)){
      els.forEach(function(el){ el.textContent = el.dataset.count; });
      return;
    }
    var io = new IntersectionObserver(function(entries){
      entries.forEach(function(e){
        if (!e.isIntersecting) return;
        var el = e.target;
        var target = parseFloat(el.dataset.count);
        if (isNaN(target)) return;
        var isFloat = !Number.isInteger(target);
        var start = 0, duration = 1400, t0 = performance.now();
        function tick(now){
          var p = Math.min(1, (now - t0) / duration);
          var eased = 1 - Math.pow(1 - p, 3);
          var v = start + (target - start) * eased;
          el.textContent = isFloat ? v.toFixed(1) : Math.floor(v).toLocaleString('en-US');
          if (p < 1) requestAnimationFrame(tick);
          else el.textContent = isFloat ? target.toFixed(1) : target.toLocaleString('en-US');
        }
        requestAnimationFrame(tick);
        io.unobserve(el);
      });
    }, { threshold: 0.4 });
    els.forEach(function(el){ io.observe(el); });
  }

  // —— 4) Slide 进度 · nav 高亮 · ambient 光晕跟随 · slide counter ——
  function initDeck(){
    slides = Array.prototype.slice.call(document.querySelectorAll('section.report-section'));
    var progressLine = document.getElementById('progress-line');
    var navDots = document.querySelectorAll('.nav-dot');
    var counter = document.querySelector('.slide-counter');
    var counterNow = counter && counter.querySelector('.now');
    var counterTotal = counter && counter.querySelector('.total');
    var counterBar = counter && counter.querySelector('.bar');
    if (counterTotal) counterTotal.textContent = String(slides.length).padStart(2, '0');

    // 预设每张 slide 的 ambient 偏移（用 CSS 变量驱动）
    var ambientPresets = [
      { x: '15%', y: '25%' },
      { x: '75%', y: '30%' },
      { x: '25%', y: '70%' },
      { x: '80%', y: '65%' },
      { x: '45%', y: '20%' },
      { x: '55%', y: '75%' },
      { x: '20%', y: '50%' },
      { x: '85%', y: '50%' },
      { x: '50%', y: '40%' },
      { x: '30%', y: '30%' },
      { x: '70%', y: '70%' },
      { x: '40%', y: '60%' }
    ];

    function setActive(idx){
      if (idx < 0) idx = 0;
      if (idx >= slides.length) idx = slides.length - 1;
      currentSlide = idx;
      slides.forEach(function(s, i){
        if (i === idx) s.classList.add('in-view');
        else s.classList.remove('in-view');
      });
      for (var j = 0; j < navDots.length; j++){
        if (j === idx) navDots[j].classList.add('active');
        else navDots[j].classList.remove('active');
      }
      if (counterNow) counterNow.textContent = String(idx + 1).padStart(2, '0');
      if (counterBar) {
        var pct = slides.length > 1 ? ((idx + 1) / slides.length) * 100 : 100;
        counterBar.style.setProperty('--pct', pct.toFixed(1) + '%');
      }
      // 根据当前 slide 切换 ambient 位置
      var p = ambientPresets[idx % ambientPresets.length];
      document.body.style.setProperty('--amb-x', p.x);
      document.body.style.setProperty('--amb-y', p.y);
    }

    function onScroll(){
      if (!firstScrolled && window.scrollY > 20){
        firstScrolled = true;
        setTimeout(function(){
          var hint = document.querySelector('.kbd-hint');
          if (hint) hint.classList.add('fade');
        }, 4000);
      }

      var h = document.documentElement.scrollHeight - window.innerHeight;
      var p = h > 0 ? (window.scrollY / h) * 100 : 0;
      if (progressLine) progressLine.style.width = p + '%';

      // 找出离视口中心最近的 slide
      var mid = window.innerHeight * 0.45;
      var bestIdx = 0, bestDist = Infinity;
      for (var i = 0; i < slides.length; i++){
        var r = slides[i].getBoundingClientRect();
        var center = (r.top + r.bottom) / 2;
        var d = Math.abs(center - mid);
        if (d < bestDist){ bestDist = d; bestIdx = i; }
      }
      if (bestIdx !== currentSlide) setActive(bestIdx);
    }
    window.addEventListener('scroll', onScroll, { passive: true });
    onScroll();

    navDots.forEach(function(d, i){
      d.addEventListener('click', function(e){
        e.preventDefault();
        var tid = d.dataset.target;
        var t = tid ? document.getElementById(tid) : slides[i];
        if (t) t.scrollIntoView({ behavior: 'smooth', block: 'start' });
      });
    });

    // —— 键盘导航 ——
    function goto(idx){
      idx = Math.max(0, Math.min(slides.length - 1, idx));
      slides[idx].scrollIntoView({ behavior: 'smooth', block: 'start' });
    }
    window.addEventListener('keydown', function(e){
      // 不在输入框里
      var tag = (e.target && e.target.tagName || '').toLowerCase();
      if (tag === 'input' || tag === 'textarea' || e.target.isContentEditable) return;
      if (e.key === 'ArrowDown' || e.key === 'PageDown' || e.key === 'j'){ e.preventDefault(); goto(currentSlide + 1); }
      else if (e.key === 'ArrowUp' || e.key === 'PageUp' || e.key === 'k'){ e.preventDefault(); goto(currentSlide - 1); }
      else if (e.key === 'Home'){ e.preventDefault(); goto(0); }
      else if (e.key === 'End'){ e.preventDefault(); goto(slides.length - 1); }
      else if (e.key === ' '){ e.preventDefault(); goto(currentSlide + (e.shiftKey ? -1 : 1)); }
    });
  }

  // —— 5) ECharts 懒加载（slide 进入视口才渲染，避免首屏卡顿）——
  var COMMON = {
    backgroundColor: 'transparent',
    textStyle: { fontFamily: 'Inter, Noto Sans SC, system-ui', color: '#A8A8A8' },
    grid: { left: '3%', right: '4%', bottom: '3%', top: '12%', containLabel: true }
  };
  var AMBER='#F5A623', GREEN='#00DC82', PURPLE='#8B5CF6', ROSE='#FF4D8D', BLUE='#3B82F6';
  var PALETTE = [AMBER, GREEN, PURPLE, ROSE, BLUE, '#EF4444', '#06B6D4', '#F59E0B'];
  var CHART_REGISTRY = [];

  function initChart(id, cb){
    var el = document.getElementById(id);
    if (!el) return;
    CHART_REGISTRY.push({ id: id, el: el, cb: cb, rendered: false });
  }
  function renderChart(item){
    if (item.rendered || !window.echarts) return;
    var chart = window.echarts.init(item.el, null, { renderer: 'canvas' });
    try { item.cb(chart); item.rendered = true; } catch(e){ console.error(item.id, e); }
    window.addEventListener('resize', function(){ chart.resize(); });
  }
  function bootCharts(){
    if (!window.echarts) { setTimeout(bootCharts, 300); return; }
    if (!('IntersectionObserver' in window)){
      CHART_REGISTRY.forEach(renderChart);
      return;
    }
    var io = new IntersectionObserver(function(entries){
      entries.forEach(function(e){
        if (!e.isIntersecting) return;
        var item = CHART_REGISTRY.find(function(x){ return x.el === e.target; });
        if (item) renderChart(item);
        io.unobserve(e.target);
      });
    }, { threshold: 0.1, rootMargin: '200px 0px' });
    CHART_REGISTRY.forEach(function(item){ io.observe(item.el); });
  }

  function initCharts(){
    var D = window.__CHART_DATA__ || {};

    // 样本分布
    initChart('chartSample', function(chart){
      var data = (D.noteHeatmap || []).slice(0, 5).map(function(n, i){
        return {
          value: (n.liked || 0) + (n.comments || 0) + (n.collected || 0),
          name: (n.title || '').slice(0, 14) || '笔记' + (i + 1),
          itemStyle: { color: PALETTE[i % PALETTE.length] }
        };
      });
      chart.setOption(Object.assign({}, COMMON, {
        tooltip: { trigger: 'item', backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' } },
        legend: { bottom: 0, textStyle: { color: '#A8A8A8', fontSize: 11 } },
        animationDuration: 1000, animationEasing: 'cubicOut',
        series: [{
          type: 'pie', radius: ['52%', '76%'], center: ['50%', '45%'],
          label: { color: '#F5F5F5', fontSize: 11, formatter: '{b}\n{c}' },
          itemStyle: { borderColor: '#0A0A0A', borderWidth: 2 },
          data: data
        }]
      }));
    });

    // IP 地域
    initChart('chartGeo', function(chart){
      var ips = (D.topIPs || []).slice(0, 10).reverse();
      chart.setOption(Object.assign({}, COMMON, {
        tooltip: { trigger: 'axis', backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' } },
        animationDuration: 1200, animationEasing: 'cubicOut',
        xAxis: { type: 'value', axisLine: { lineStyle: { color: '#252525' } }, splitLine: { lineStyle: { color: '#1A1A1A' } }, axisLabel: { color: '#6B6B6B' } },
        yAxis: { type: 'category', data: ips.map(function(x){return x[0];}), axisLine: { lineStyle: { color: '#252525' } }, axisLabel: { color: '#A8A8A8', fontSize: 12 } },
        series: [{
          type: 'bar', data: ips.map(function(x){return x[1];}),
          itemStyle: { color: AMBER, borderRadius: [0, 3, 3, 0] }, barWidth: '60%',
          label: { show: true, position: 'right', color: '#F5A623', fontFamily: 'JetBrains Mono', fontSize: 11 }
        }]
      }));
    });

    // 笔记热力散点
    initChart('chartNoteHeatmap', function(chart){
      chart.setOption(Object.assign({}, COMMON, {
        tooltip: {
          trigger: 'item', backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' },
          formatter: function(p){
            return '<div style="max-width:260px;"><strong style="color:#F5A623;">' + p.data[3] +
                   '</strong><br>点赞 ' + p.data[0] + ' · 评论 ' + p.data[1] + ' · 收藏 ' + p.data[2] + '</div>';
          }
        },
        animationDuration: 1400, animationDelay: function(i){ return i * 30; },
        xAxis: { type: 'value', name: '点赞数', nameTextStyle: { color: '#A8A8A8' }, axisLine: { lineStyle: { color: '#252525' } }, splitLine: { lineStyle: { color: '#1A1A1A' } }, axisLabel: { color: '#6B6B6B' } },
        yAxis: { type: 'value', name: '评论数', nameTextStyle: { color: '#A8A8A8' }, axisLine: { lineStyle: { color: '#252525' } }, splitLine: { lineStyle: { color: '#1A1A1A' } }, axisLabel: { color: '#6B6B6B' } },
        series: [{
          type: 'scatter',
          data: (D.noteHeatmap || []).map(function(n){ return [n.liked, n.comments, n.collected, n.title]; }),
          symbolSize: function(v){ return Math.max(10, Math.min(56, Math.sqrt(v[2] || 1) * 3.5)); },
          itemStyle: {
            color: new echarts.graphic.RadialGradient(0.4, 0.4, 0.6, [
              { offset: 0, color: 'rgba(245,166,35,0.9)' },
              { offset: 1, color: 'rgba(245,166,35,0.15)' }
            ]),
            borderColor: '#F5A623', borderWidth: 1
          },
          emphasis: { itemStyle: { borderWidth: 2, shadowBlur: 16, shadowColor: 'rgba(245,166,35,0.5)' } }
        }]
      }));
    });

    // 价格带
    initChart('chartPrice', function(chart){
      var keys = Object.keys(D.priceBuckets || {});
      var vals = keys.map(function(k){ return D.priceBuckets[k]; });
      chart.setOption(Object.assign({}, COMMON, {
        tooltip: { trigger: 'axis', backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' } },
        animationDuration: 1200,
        xAxis: { type: 'category', data: keys, axisLine: { lineStyle: { color: '#252525' } }, axisLabel: { color: '#A8A8A8', fontFamily: 'JetBrains Mono' } },
        yAxis: { type: 'value', axisLine: { lineStyle: { color: '#252525' } }, splitLine: { lineStyle: { color: '#1A1A1A' } }, axisLabel: { color: '#6B6B6B' } },
        series: [{
          type: 'bar', data: vals,
          itemStyle: {
            color: { type: 'linear', x: 0, y: 0, x2: 0, y2: 1,
              colorStops: [{ offset: 0, color: '#F5A623' }, { offset: 1, color: 'rgba(245,166,35,0.3)' }] },
            borderRadius: [4, 4, 0, 0]
          },
          barWidth: '56%',
          label: { show: true, position: 'top', color: '#F5A623', fontFamily: 'JetBrains Mono', fontWeight: 600 }
        }]
      }));
    });

    // 品牌月销（横条，兼容）
    initChart('chartBrands', function(chart){
      var brands = (D.topBrands || []).slice().reverse();
      chart.setOption(Object.assign({}, COMMON, {
        tooltip: { trigger: 'axis', backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' },
          formatter: function(p){ return p.map(function(x){ return x.name + ': $' + (x.value/100).toLocaleString('en-US',{maximumFractionDigits:0}); }).join('<br>'); }
        },
        animationDuration: 1200,
        xAxis: { type: 'value', axisLine: { lineStyle: { color: '#252525' } }, splitLine: { lineStyle: { color: '#1A1A1A' } }, axisLabel: { color: '#6B6B6B', formatter: function(v){ return '$' + (v/100000).toFixed(0) + 'k'; } } },
        yAxis: { type: 'category', data: brands.map(function(x){return x[0];}), axisLine: { lineStyle: { color: '#252525' } }, axisLabel: { color: '#A8A8A8', fontSize: 12 } },
        series: [{
          type: 'bar', data: brands.map(function(x){return x[1];}),
          itemStyle: {
            color: function(params){ return PALETTE[params.dataIndex % PALETTE.length]; },
            borderRadius: [0, 3, 3, 0]
          },
          barWidth: '58%',
          label: { show: true, position: 'right', color: '#A8A8A8', fontFamily: 'JetBrains Mono', fontSize: 10, formatter: function(p){ return '$' + (p.value/100000).toFixed(0) + 'k'; } }
        }]
      }));
    });

    // 评分分布
    initChart('chartRatingDist', function(chart){
      var data = D.ratingBuckets || {};
      var keys = Object.keys(data);
      var vals = keys.map(function(k){ return data[k]; });
      var colors = ['#EF4444','#F59E0B','#F5A623','#06B6D4','#00DC82'];
      chart.setOption(Object.assign({}, COMMON, {
        tooltip: { trigger: 'axis', backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' },
          formatter: function(p){ return p.map(function(x){ return x.name + ': ' + x.value + ' SKU'; }).join('<br>'); }
        },
        animationDuration: 1200,
        xAxis: { type: 'category', data: keys, axisLine: { lineStyle: { color: '#252525' } }, axisLabel: { color: '#A8A8A8', fontFamily: 'JetBrains Mono', fontSize: 11 } },
        yAxis: { type: 'value', axisLine: { lineStyle: { color: '#252525' } }, splitLine: { lineStyle: { color: '#1A1A1A' } }, axisLabel: { color: '#6B6B6B' } },
        series: [{
          type: 'bar', data: vals.map(function(v, i){ return { value: v, itemStyle: { color: colors[i] || GREEN, borderRadius: [4, 4, 0, 0] } }; }),
          barWidth: '54%',
          label: { show: true, position: 'top', color: '#F5F5F5', fontFamily: 'JetBrains Mono', fontWeight: 600 }
        }]
      }));
    });

    // 品牌份额（donut）
    initChart('chartBrandShare', function(chart){
      var data = (D.topBrandShares || []).map(function(b, i){
        return { value: b.value, name: b.name, itemStyle: { color: PALETTE[i % PALETTE.length] }, _sales: b.sales, _count: b.count };
      });
      chart.setOption(Object.assign({}, COMMON, {
        tooltip: { trigger: 'item', backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' },
          formatter: function(p){ return '<strong>'+p.name+'</strong><br>' + p.value.toFixed(1) + '%<br>SKU '+(p.data._count||0)+' · 月销 $'+((p.data._sales||0)/100).toLocaleString('en-US',{maximumFractionDigits:0}); }
        },
        legend: { bottom: 0, textStyle: { color: '#A8A8A8', fontSize: 10 }, itemWidth: 8, itemHeight: 8 },
        animationDuration: 1400, animationEasing: 'cubicOut',
        series: [{
          type: 'pie', radius: ['48%', '72%'], center: ['50%', '45%'],
          label: { color: '#F5F5F5', fontSize: 10, formatter: function(p){ return p.value > 3 ? p.name + '\n' + p.value.toFixed(1) + '%' : ''; } },
          labelLine: { show: true, length: 8, length2: 8 },
          itemStyle: { borderColor: '#0A0A0A', borderWidth: 2 },
          data: data
        }]
      }));
    });

    // 评论数分布（横条）
    initChart('chartReviewCount', function(chart){
      var data = D.reviewCountBuckets || {};
      var keys = Object.keys(data);
      var vals = keys.map(function(k){ return data[k]; });
      chart.setOption(Object.assign({}, COMMON, {
        tooltip: { trigger: 'axis', backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' } },
        animationDuration: 1200,
        xAxis: { type: 'value', axisLine: { lineStyle: { color: '#252525' } }, splitLine: { lineStyle: { color: '#1A1A1A' } }, axisLabel: { color: '#6B6B6B' } },
        yAxis: { type: 'category', data: keys, axisLine: { lineStyle: { color: '#252525' } }, axisLabel: { color: '#A8A8A8', fontFamily: 'JetBrains Mono', fontSize: 11 } },
        series: [{
          type: 'bar', data: vals,
          itemStyle: {
            color: { type: 'linear', x: 0, y: 0, x2: 1, y2: 0,
              colorStops: [{ offset: 0, color: 'rgba(139,92,246,0.2)' }, { offset: 1, color: '#8B5CF6' }] },
            borderRadius: [0, 3, 3, 0]
          },
          barWidth: '56%',
          label: { show: true, position: 'right', color: '#A8A8A8', fontFamily: 'JetBrains Mono', fontSize: 11 }
        }]
      }));
    });

    // 星级分布
    initChart('chartStarDist', function(chart){
      var products = D.starDistProducts || [];
      if (!products.length) return;
      var categories = products.map(function(p){ return p.brand + ' · ' + p.asin; });
      var colors = ['#00DC82','#06B6D4','#F5A623','#F59E0B','#EF4444'];
      var labels = ['5★','4★','3★','2★','1★'];
      var series = [0,1,2,3,4].map(function(i){
        return {
          name: labels[i], type: 'bar', stack: 'stars',
          data: products.map(function(p){ return p.stars[i]; }),
          itemStyle: { color: colors[i] }
        };
      });
      chart.setOption(Object.assign({}, COMMON, {
        tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' }, backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' } },
        legend: { bottom: 0, textStyle: { color: '#A8A8A8', fontSize: 10 }, itemWidth: 10, itemHeight: 10 },
        animationDuration: 1400,
        grid: { left: '3%', right: '4%', bottom: '16%', top: '6%', containLabel: true },
        xAxis: { type: 'value', axisLine: { lineStyle: { color: '#252525' } }, splitLine: { lineStyle: { color: '#1A1A1A' } }, axisLabel: { color: '#6B6B6B' } },
        yAxis: { type: 'category', data: categories, axisLine: { lineStyle: { color: '#252525' } }, axisLabel: { color: '#A8A8A8', fontSize: 11 } },
        series: series
      }));
    });

    // 抖音账号作品热度散点
    initChart('chartDyPosts', function(chart){
      var posts = (D.douyinPosts || []);
      if (!posts.length) return;
      chart.setOption(Object.assign({}, COMMON, {
        tooltip: { trigger: 'item', backgroundColor: '#1A1A1A', borderColor: '#252525', textStyle: { color: '#F5F5F5' },
          formatter: function(p){
            return '<div style="max-width:280px;"><strong style="color:#F5A623;">' + (p.data[3]||'').slice(0,60) +
                   '</strong><br>点赞 ' + p.data[0].toLocaleString() + ' · 评论 ' + p.data[1] + ' · 转发 ' + p.data[2] + '</div>';
          }
        },
        animationDuration: 1200,
        xAxis: { type: 'value', name: '点赞', nameTextStyle: { color: '#A8A8A8' }, axisLine: { lineStyle: { color: '#252525' } }, splitLine: { lineStyle: { color: '#1A1A1A' } }, axisLabel: { color: '#6B6B6B', formatter: function(v){ return v >= 10000 ? (v/10000).toFixed(1) + 'w' : v; } } },
        yAxis: { type: 'value', name: '评论', nameTextStyle: { color: '#A8A8A8' }, axisLine: { lineStyle: { color: '#252525' } }, splitLine: { lineStyle: { color: '#1A1A1A' } }, axisLabel: { color: '#6B6B6B' } },
        series: [{
          type: 'scatter',
          data: posts.map(function(p){ return [p.digg||0, p.comment||0, p.share||0, p.desc||'']; }),
          symbolSize: function(v){ return Math.max(12, Math.min(60, Math.sqrt((v[2]||0) + 1) * 4)); },
          itemStyle: {
            color: new echarts.graphic.RadialGradient(0.4, 0.4, 0.6, [
              { offset: 0, color: 'rgba(255,77,141,0.9)' },
              { offset: 1, color: 'rgba(255,77,141,0.2)' }
            ]),
            borderColor: '#FF4D8D', borderWidth: 1
          },
          emphasis: { itemStyle: { borderWidth: 2, shadowBlur: 16, shadowColor: 'rgba(255,77,141,0.5)' } }
        }]
      }));
    });
  }

  // —— Boot ——
  function boot(){
    try { splitHeadlines(); } catch(e){ console.error('split', e); }
    try { initReveal(); } catch(e){ console.error('reveal', e); }
    try { initCountUp(); } catch(e){ console.error('countup', e); }
    try { initDeck(); } catch(e){ console.error('deck', e); }
    try { initCharts(); bootCharts(); } catch(e){ console.error('charts', e); }
  }
  if (document.readyState === 'loading'){
    document.addEventListener('DOMContentLoaded', boot);
  } else {
    boot();
  }
})();
</script>
</body>
</html>