| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="UTF-8"/>
- <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
- <title>江中乳酸菌素片儿童版 · VOC 深度洞察报告 · 6000万→10亿</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="#challenge" data-tip="1 诘问起点" data-idx="2"></a><a class="nav-dot" href="#drug_voc" data-tip="2 药品益生菌 VOC 反面教材" data-idx="3"></a><a class="nav-dot" href="#food_voc" data-tip="3 食品益生菌 VOC 矛盾盘" data-idx="4"></a><a class="nav-dot" href="#kano" data-tip="4 KANO × JTBD 双视角" data-idx="5"></a><a class="nav-dot" href="#scene" data-tip="5 场景四元素地图" data-idx="6"></a><a class="nav-dot" href="#competitor" data-tip="6 三轴图谱 × 无人地带" data-idx="7"></a><a class="nav-dot" href="#opportunity" data-tip="7 新机会 × 新人群" data-idx="8"></a><a class="nav-dot" href="#blueprint" data-tip="8 4P 配称蓝图" data-idx="9"></a>
- </nav>
- <div class="top-bar">
- <div class="brand-logo">江中<span class="dot">·</span>产品开发部 / 乳酸菌素片儿童版 VOC 深度洞察 v1.0</div>
- <div class="text-mono text-xs" style="color:var(--text-3);">6000万→10亿 / 3 赛道 / 8 假设</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/38" 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 深度洞察</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>真实采集 · XHS + 抖音评论颗粒度
- </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;">KANO × JTBD × SCENE × COMPETITOR · 四维儿童 VOC 验证</p>
- <h1 class="cover-title rise-in">江中乳酸菌素片儿童版<br/><span style="color:#7ED4C2; -webkit-text-fill-color:#7ED4C2; background:none; font-size:0.66em;">VOC 深度洞察报告</span></h1>
- <p class="text-poster rise-in" style="margin-top:20px;color:var(--text-2); font-size:1.42rem;">
- 儿童肠道调理专属 OTC · 从 <strong style="color:#7ED4C2;">6000 万到 10 亿的真实路径</strong>
- </p>
- </div>
- <p class="cover-sub fade-up">
- 基于 <strong style="color:#7ED4C2;">0.基础调研.md + 1.场景的补充.md 会议确认</strong> 的"10 亿 × 3 赛道破局"落地框架,
- 以 <strong style="color:#2D9C5D;">OTC 蓝帽子非活菌 + 儿童专属剂型</strong> 为起点,
- 通过 <strong style="color:#7ED4C2;">KANO × JTBD × 场景四元素</strong> × <strong style="color:#7ED4C2;">2,566</strong> 条真实家长评论<strong style="color:#7ED4C2;">颗粒度</strong> VOC 交叉验证,
- 对标 <strong style="color:#0085CA;">6 亿药品益生菌 + 20 亿食品益生菌 + 100 亿儿童营养软糖</strong> 的痛点地图,
- 在 <strong style="color:#FF4D8D;">药品 ↔ 食品 ↔ 营养软糖三轴</strong> 找到乳酸菌素片<strong style="color:#2D9C5D;">无人地带</strong>,
- 提炼 <strong style="color:#7ED4C2;">3 条长尾赛道</strong>,输出 <strong style="color:#87A96B;">4P 配称蓝图</strong>,闭环 <strong style="color:#2D9C5D;">10 亿 · 3 年</strong> 路径。
- </p>
- <div class="cover-stats fade-up" style="grid-template-columns:repeat(6, 1fr); max-width:1100px;">
- <div class="cover-stat"><div class="num">10亿</div><div class="lbl">3 年目标</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">8</div><div class="lbl">核心假设</div></div>
- <div class="cover-stat"><div class="num">29</div><div class="lbl">关键词维度</div></div>
- <div class="cover-stat"><div class="num">38</div><div class="lbl">slides</div></div>
- </div>
- <div class="fade-up" style="margin-top:32px; padding:14px 20px; background:#7ED4C208; border-left:3px solid #7ED4C2; border-radius:4px; max-width:920px; margin-left:auto; margin-right:auto; text-align:left;">
- <div class="text-mono text-xs" style="color:#7ED4C2; letter-spacing:0.14em; margin-bottom:6px; font-weight:700;">DATA FOUNDATION · 数据底座</div>
- <p style="color:var(--text-2); font-size:0.82rem; line-height:1.6; margin:0;">
- 本报告基于 <strong style="color:#7ED4C2;">docs/乳酸菌/raw/_merged.json</strong> 真实多平台采集:
- XHS <strong>1524</strong> 条评论 + 抖音 <strong>1042</strong> 条评论。
- 每条 VOC 带 <code style="background:#2D9C5D15; padding:1px 5px; border-radius:3px; color:#2D9C5D;">source=real-collected</code> 明确标识。
- </p>
- </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/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#7ED4C2;">CONTENTS · 8 章认知递进</div>
- <h2 class="text-h1"><span class="headline-anim">从诘问到蓝图 · 家长 × 儿童 双视角 VOC 实证</span></h2>
- <p class="section-sub">按<strong style="color:#7ED4C2;">认知深度递进</strong>:① 诘问 → ② 药品VOC → ③ 食品VOC → ④ KANO×JTBD → ⑤ 场景地图 → ⑥ 三轴定位 → ⑦ 新机会 → ⑧ 4P 蓝图</p>
- </div>
- <div class="grid" style="grid-template-columns:repeat(2, 1fr); gap:22px; margin-top:20px;">
-
- <a href="#challenge" class="fade-up" style="text-decoration:none; display:block; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF6B6B; 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='#FF6B6B'; this.style.boxShadow='0 20px 60px -20px #FF6B6B55'" 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:#FF6B6B; 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:#FF6B6B; letter-spacing:0.18em; font-weight:700;">CH 1 · THE CHALLENGE</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;">6000万→10亿 · 差异化定位的起点 · 为什么只加"娃娃头"不够</p>
- <div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px;">
- <span style="padding:3px 8px; background:#FF6B6B15; color:#FF6B6B; border-radius:3px; font-size:0.66rem; font-weight:600;">1.1 现状困境</span><span style="padding:3px 8px; background:#FF6B6B15; color:#FF6B6B; border-radius:3px; font-size:0.66rem; font-weight:600;">1.2 10亿目标</span><span style="padding:3px 8px; background:#FF6B6B15; color:#FF6B6B; border-radius:3px; font-size:0.66rem; font-weight:600;">1.3 VOC 反向验证</span>
- </div>
- <div style="padding-top:12px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;">
- <span class="text-xs text-mono" style="color:var(--text-3); letter-spacing:0.12em;">→ 跳转章节</span>
- <span class="text-mono text-xs" style="color:#FF6B6B;">1 / 8</span>
- </div>
- </a>
- <a href="#drug_voc" 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;">2</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 2 · RX PROBIOTIC VOC</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;">药品益生菌 VOC 反面教材</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:#0085CA15; color:#0085CA; border-radius:3px; font-size:0.66rem; font-weight:600;">2.1 妈咪爱</span><span style="padding:3px 8px; background:#0085CA15; color:#0085CA; border-radius:3px; font-size:0.66rem; font-weight:600;">2.2 亿活/金双岐</span><span style="padding:3px 8px; background:#0085CA15; color:#0085CA; border-radius:3px; font-size:0.66rem; font-weight:600;">2.3 喂药难</span><span style="padding:3px 8px; background:#0085CA15; color:#0085CA; border-radius:3px; font-size:0.66rem; font-weight:600;">2.4 药品益生菌 GAP</span>
- </div>
- <div style="padding-top:12px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;">
- <span class="text-xs text-mono" style="color:var(--text-3); letter-spacing:0.12em;">→ 跳转章节</span>
- <span class="text-mono text-xs" style="color:#0085CA;">2 / 8</span>
- </div>
- </a>
- <a href="#food_voc" class="fade-up" style="text-decoration:none; display:block; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FFD166; 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='#FFD166'; this.style.boxShadow='0 20px 60px -20px #FFD16655'" 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:#FFD166; 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:#FFD166; letter-spacing:0.18em; font-weight:700;">CH 3 · FOOD PROBIOTIC VOC</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;">食品益生菌 VOC 矛盾盘</h3>
- <p style="color:var(--text-2); font-size:0.88rem; line-height:1.6; margin-bottom:12px;">合生元/万益蓝/拜奥/inne 家长"怕没效果"的信任缺口</p>
- <div style="display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px;">
- <span style="padding:3px 8px; background:#FFD16615; color:#FFD166; border-radius:3px; font-size:0.66rem; font-weight:600;">3.1 合生元</span><span style="padding:3px 8px; background:#FFD16615; color:#FFD166; border-radius:3px; font-size:0.66rem; font-weight:600;">3.2 万益蓝/拜奥</span><span style="padding:3px 8px; background:#FFD16615; color:#FFD166; border-radius:3px; font-size:0.66rem; font-weight:600;">3.3 inne 噗噗宝</span><span style="padding:3px 8px; background:#FFD16615; color:#FFD166; border-radius:3px; font-size:0.66rem; font-weight:600;">3.4 食品益生菌 GAP</span>
- </div>
- <div style="padding-top:12px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;">
- <span class="text-xs text-mono" style="color:var(--text-3); letter-spacing:0.12em;">→ 跳转章节</span>
- <span class="text-mono text-xs" style="color:#FFD166;">3 / 8</span>
- </div>
- </a>
- <a href="#kano" 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;">4</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 4 · USER INSIGHT</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;">KANO × JTBD 双视角</h3>
- <p style="color:var(--text-2); font-size:0.88rem; line-height:1.6; margin-bottom:12px;">家长 × 儿童双决策链 · F/E/S 三维价值</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;">4.1 KANO 五类</span><span style="padding:3px 8px; background:#8B5CF615; color:#8B5CF6; border-radius:3px; font-size:0.66rem; font-weight:600;">4.2 JTBD</span><span style="padding:3px 8px; background:#8B5CF615; color:#8B5CF6; border-radius:3px; font-size:0.66rem; font-weight:600;">4.3 JTBD</span><span style="padding:3px 8px; background:#8B5CF615; color:#8B5CF6; border-radius:3px; font-size:0.66rem; font-weight:600;">4.4 JTBD</span><span style="padding:3px 8px; background:#8B5CF615; color:#8B5CF6; border-radius:3px; font-size:0.66rem; font-weight:600;">4.5 决策优先级</span>
- </div>
- <div style="padding-top:12px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;">
- <span class="text-xs text-mono" style="color:var(--text-3); letter-spacing:0.12em;">→ 跳转章节</span>
- <span class="text-mono text-xs" style="color:#8B5CF6;">4 / 8</span>
- </div>
- </a>
- <a href="#scene" 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;">5</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 5 · SCENE MAP</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:#FF8C4215; color:#FF8C42; border-radius:3px; font-size:0.66rem; font-weight:600;">5.1 场景#1</span><span style="padding:3px 8px; background:#FF8C4215; color:#FF8C42; border-radius:3px; font-size:0.66rem; font-weight:600;">5.2 场景#2</span><span style="padding:3px 8px; background:#FF8C4215; color:#FF8C42; border-radius:3px; font-size:0.66rem; font-weight:600;">5.3 场景#3</span><span style="padding:3px 8px; background:#FF8C4215; color:#FF8C42; border-radius:3px; font-size:0.66rem; font-weight:600;">5.4 场景#4</span>
- </div>
- <div style="padding-top:12px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;">
- <span class="text-xs text-mono" style="color:var(--text-3); letter-spacing:0.12em;">→ 跳转章节</span>
- <span class="text-mono text-xs" style="color:#FF8C42;">5 / 8</span>
- </div>
- </a>
- <a href="#competitor" class="fade-up" style="text-decoration:none; display:block; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF4D8D; 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='#FF4D8D'; this.style.boxShadow='0 20px 60px -20px #FF4D8D55'" 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:#FF4D8D; opacity:.08; letter-spacing:-0.06em; pointer-events:none;">6</div>
- <div style="display:flex; justify-content:space-between; align-items:start; margin-bottom:14px;">
- <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.18em; font-weight:700;">CH 6 · COMPETITION AXES</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:#FF4D8D15; color:#FF4D8D; border-radius:3px; font-size:0.66rem; font-weight:600;">6.1 三轴图谱</span><span style="padding:3px 8px; background:#FF4D8D15; color:#FF4D8D; border-radius:3px; font-size:0.66rem; font-weight:600;">6.2 无人地带坐标</span><span style="padding:3px 8px; background:#FF4D8D15; color:#FF4D8D; border-radius:3px; font-size:0.66rem; font-weight:600;">6.3 8 竞品精对标</span>
- </div>
- <div style="padding-top:12px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;">
- <span class="text-xs text-mono" style="color:var(--text-3); letter-spacing:0.12em;">→ 跳转章节</span>
- <span class="text-mono text-xs" style="color:#FF4D8D;">6 / 8</span>
- </div>
- </a>
- <a href="#opportunity" 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;">7</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 7 · OPPORTUNITY</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:#2D9C5D15; color:#2D9C5D; border-radius:3px; font-size:0.66rem; font-weight:600;">7.1 新机会</span><span style="padding:3px 8px; background:#2D9C5D15; color:#2D9C5D; border-radius:3px; font-size:0.66rem; font-weight:600;">7.2 新赛道</span><span style="padding:3px 8px; background:#2D9C5D15; color:#2D9C5D; border-radius:3px; font-size:0.66rem; font-weight:600;">7.3 新包装</span>
- </div>
- <div style="padding-top:12px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;">
- <span class="text-xs text-mono" style="color:var(--text-3); letter-spacing:0.12em;">→ 跳转章节</span>
- <span class="text-mono text-xs" style="color:#2D9C5D;">7 / 8</span>
- </div>
- </a>
- <a href="#blueprint" 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;">8</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 8 · 4P BLUEPRINT</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;">4P 配称蓝图</h3>
- <p style="color:var(--text-2); font-size:0.88rem; line-height:1.6; margin-bottom:12px;">产品/渠道/推广/价格 · 6000万→10亿 三年路径</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;">8.1 4P 配称</span><span style="padding:3px 8px; background:#7ED4C215; color:#7ED4C2; border-radius:3px; font-size:0.66rem; font-weight:600;">8.2 10 亿路径</span>
- </div>
- <div style="padding-top:12px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;">
- <span class="text-xs text-mono" style="color:var(--text-3); letter-spacing:0.12em;">→ 跳转章节</span>
- <span class="text-mono text-xs" style="color:#7ED4C2;">8 / 8</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;">
- 本报告严格遵循 《<strong style="color:#7ED4C2;">docs/乳酸菌/0.基础调研.md + 1.场景的补充.md</strong>》10 亿 × 3 赛道破局方法论:<br/>
- <strong style="color:#FF6B6B;">❌ 不做</strong>:改药理主成分、宣称"提升免疫力/促进生长发育"(需场景化话术替代)、装饰性图表、脱离 VOC 的拍脑袋;<br/>
- <strong style="color:#2D9C5D;">✅ 做</strong>:8 条核心假设 H1-H8 × 多平台 VOC 实证 × KANO × JTBD × 场景四元素 × 3 轴竞品地图 × 4P 落地映射;<br/>
- 每一个结论都附 <strong style="color:#7ED4C2;">真实家长原声</strong>(昵称 + IP + 点赞)+ <strong style="color:#0085CA;">理论模型映射</strong> + <strong style="color:#87A96B;">可落地决策项</strong> 三重验证。
- </div>
- </div>
- </div>
- </section>
- <section class="report-section" id="challenge" data-tone="rose" data-slide-num="03/38" 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:#FF6B6B; opacity:0.12; letter-spacing:-0.06em;">01</div>
- <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">CHAPTER 1 · THE CHALLENGE</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:#FF6B6B; font-family:var(--font-mono); font-size:0.92rem; letter-spacing:0.18em; margin-top:12px; font-weight:600;">THE CHALLENGE</p>
- </div>
- <div class="fade-up" style="max-width:960px; margin:0 auto; text-align:center; padding:28px 32px; background:linear-gradient(135deg, #FF6B6B0C, transparent); border-left:3px solid #FF6B6B; border-radius:var(--radius-md);">
- <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;">江中乳酸菌素片儿童版当前规模 <strong style="color:#FF6B6B;">线下 6000 万 + 线上 400-500 万</strong>,与成人版唯一区别是<strong style="color:#FF6B6B;">"包装上加了个娃娃头"</strong>。妈咪爱线下 3.6 亿 + 线上 3848 万,合生元益生菌全家桶 5 亿+。我们不能再把儿童当"成人减量版"卖。本章直面困境:<strong style="color:#7ED4C2;">没有儿童专属定位 / 没有专属场景 / 没有家长非买不可的理由</strong>,VOC 反向验证是唯一出路。</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 #FF6B6B22; border-radius:var(--radius-sm); text-align:center;">
- <div class="text-mono text-xs" style="color:#FF6B6B; 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;">现状困境·6000万规模 × 0 差异化</div>
- </div>
- <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF6B6B22; border-radius:var(--radius-sm); text-align:center;">
- <div class="text-mono text-xs" style="color:#FF6B6B; 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;">10亿目标·药品/食品/软糖三轴破局</div>
- </div>
- <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FF6B6B22; border-radius:var(--radius-sm); text-align:center;">
- <div class="text-mono text-xs" style="color:#FF6B6B; 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;">VOC 反向验证·家长 × 儿童双视角起点</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 个子章 · VOC 实证 × 理论 × 决策</div>
- </div>
- </div>
- </section>
- <section class="report-section" id="challenge-1" data-tone="rose" data-slide-num="04/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#FF6B6B;">1.1 · 现状困境直面</div>
- <h2 class="text-h1"><span class="headline-anim">成人版握有 <span style="color:#7ED4C2;">"肠鸣神药" 爆款认知</span>,但儿童版<span style="color:#FF6B6B;">零心智</span></span></h2>
- <p class="section-sub">乳酸菌素片<strong>成人版</strong>在小红书/抖音有<strong>万赞级爆款</strong>("肠鸣就这样好了" ♥4848、"一根那啥通大脑" ♥62890),但<strong>儿童版关键词 ≤ ♥40</strong>—— 不是品类不火,是<strong>儿童专属心智没建立起来</strong>。</p>
- </div>
- <div class="rise-in" style="padding:28px 32px; background:linear-gradient(135deg, #FF6B6B12, #FF6B6B04); border-left:4px solid #FF6B6B; border-radius:var(--radius-md); margin-bottom:32px;">
- <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">THE REAL GAP · 核心落差</div>
- <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">成人版"<strong>肠鸣神药</strong>"——抖音爆款 <strong style="color:#7ED4C2;">♥62,890</strong>;儿童版最高赞 <strong style="color:#FF6B6B;">♥40</strong>。<br/>这不是品牌不行,是<strong style="color:#FF6B6B;">儿童版根本没被作为独立产品运营过</strong>——只是给成人版加了个娃娃头。</div>
- <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">与此同时<strong style="color:#0085CA;">妈咪爱</strong>单条抖音视频获 <strong style="color:#0085CA;">♥33,099</strong>("为了口吃的费尽了心思")、<strong style="color:#FFD166;">合生元</strong>"亲测有效"抖音 <strong style="color:#FFD166;">♥10,191</strong>——竞品在儿童家长心里已经<strong>有名有姓有故事</strong>。</div>
- </div>
- <div style="display:grid; grid-template-columns:repeat(5, 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;">6000万</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;">400-500万</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:#0085CA; letter-spacing:-0.02em;">3.6亿</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:#0085CA; letter-spacing:-0.02em;">3848万</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:#FFD166; letter-spacing:-0.02em;">100亿+</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 style="color:#FF6B6B; font-size:0.7rem; margin-top:2px;">可迁移</div>
- </div>
- </div>
- <div class="grid" style="grid-template-columns:1fr 1fr; gap:24px; margin-top:24px;">
- <div>
- <div class="text-mono text-xs" style="color:#7ED4C2; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC · 成人版已经有的爆款心智</div>
- <div style="display:flex; flex-direction:column; gap:12px;">
- <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);">· 乳酸菌素片</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);">♥319</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]"</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);">· 乳酸菌素片</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);">♥268</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]鸣了有6,7秒[失望R]"</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);">· 乳酸菌素片</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.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>
- </div>
- </div>
- <div>
- <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC · 儿童版的真空状态</div>
- <div style="display:flex; flex-direction:column; gap:12px;">
- <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:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
- <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥22</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到6片我吃的6片[石化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:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
- <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥6</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]"</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:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
- <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥345</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>
- </div>
- </div>
- <div class="fade-up" style="margin-top:28px;">
- <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;">GAP · 成人版真相 vs 儿童版幻觉</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>
- </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;">爆款 VOC</td><td style="padding:10px 6px; color:#7ED4C2; text-align:center; font-weight:700;"><strong style="color:#7ED4C2;">♥62,890 / ♥4,848 / ♥16,144</strong></td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:700;"><strong style="color:#FF6B6B;">最高 ♥40 · 零爆款</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:#7ED4C2; text-align:center; font-weight:400;">"肠鸣神药"/"胃胀就吃这个"</td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:400;">"不知道是给大人还是小孩的"</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:#7ED4C2; text-align:center; font-weight:400;">自习室/办公室/外卖后</td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:400;">——(几乎没有场景 VOC)</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:#87A96B; text-align:center; font-weight:400;">乳酸菌素 0.4g / 片剂 0.8g</td><td style="padding:10px 6px; color:#87A96B; text-align:center; font-weight:400;">乳酸菌素 0.2g / 片剂 0.5g</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:#87A96B; text-align:center; font-weight:400;">标准药盒 + 药品严肃感</td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:700;"><strong>仅加"娃娃头"</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:#87A96B; text-align:center; font-weight:400;">成人用法 0.8g × 3次/日</td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:700;"><strong>与成人版一模一样</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-3); text-align:center; font-weight:400;">—(不是决策者)</td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:700;"><strong>妈咪爱 → 合生元 → (乳酸菌素片?)</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:#7ED4C2; text-align:center; font-weight:700;">不需要破局</td><td style="padding:12px 6px; color:#FF6B6B; text-align:center; font-weight:700;">必须重新定位 × VOC 反向验证</td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#FF6B6B08; border:1px solid #FF6B6B33; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 诘问起点 4 条铁律</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:#FF6B6B; 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:#FF6B6B; 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:#FF6B6B; 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:#FF6B6B; 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>:先用 VOC 找家长真实需求,再决定 SKU / 包装 / 话术</div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="report-section" id="challenge-2" data-tone="rose" data-slide-num="05/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#2D9C5D;">1.2 · 10 亿目标路径</div>
- <h2 class="text-h1"><span class="headline-anim">三轴破局 · <span style="color:#0085CA;">药品益生菌</span> ↔ <span style="color:#FFD166;">食品益生菌</span> ↔ <span style="color:#FF8BA7;">营养软糖</span></span></h2>
- <p class="section-sub">乳酸菌素片儿童版<strong>不是单一赛道的挑战者</strong>,而是<strong>跨 3 条赛道的新品类</strong>——OTC 合规的安全壁垒 × 日常长期服用的便利 × 内源调理的吸收升级。</p>
- </div>
- <div class="grid" style="grid-template-columns:1fr 1fr 1fr; gap:18px; margin-top:24px;">
- <!-- 药品益生菌赛道 -->
- <div style="padding:20px 22px; background:#0085CA08; border:1px solid #0085CA33; border-radius:var(--radius-md); border-top:4px solid #0085CA;">
- <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; font-weight:700; margin-bottom:6px;">AXIS 1 · 药品益生菌</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.1rem; margin-bottom:10px;">6 亿市场</div>
- <div style="color:var(--text-2); font-size:0.82rem; line-height:1.6; margin-bottom:12px;">
- 妈咪爱 3.6亿线下 + 3848万线上 · 亿活 / 金双岐 / 宝乐安<br/>
- <strong>痛点</strong>:活菌冷链麻烦 / 必须处方 / 停药反弹焦虑
- </div>
- <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #0085CA; 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);">♥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;">"宝宝出生第23天时,医生开了一盒妈咪爱,是吃完这1盒就不用再吃了吗?还是吃到什么程度就可以停了不用吃完一盒?"</div>
- <div style="display:flex; flex-wrap:wrap; gap:4px;">
- <span style="padding:2px 8px; background:#0085CA12; color:#0085CA; border-radius:3px; font-size:0.68rem; font-weight:600;">处方门槛</span><span style="padding:2px 8px; background:#0085CA12; color:#0085CA; border-radius:3px; font-size:0.68rem; font-weight:600;">活菌依赖</span>
- </div>
-
- </div>
- <div style="margin-top:12px; padding:10px 12px; background:#7ED4C20A; border:1px solid #7ED4C233; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#7ED4C2; font-weight:700; margin-bottom:4px;">切入点</div>
- <div style="color:var(--text-1); font-size:0.84rem;"><strong>非活菌常温稳定 × OTC 蓝帽子 × 可日常长期</strong></div>
- </div>
- </div>
- <!-- 食品益生菌赛道 -->
- <div style="padding:20px 22px; background:#FFD16608; border:1px solid #FFD16633; border-radius:var(--radius-md); border-top:4px solid #FFD166;">
- <div class="text-mono text-xs" style="color:#FFD166; letter-spacing:0.15em; font-weight:700; margin-bottom:6px;">AXIS 2 · 食品益生菌</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.1rem; margin-bottom:10px;">20 亿市场</div>
- <div style="color:var(--text-2); font-size:0.82rem; line-height:1.6; margin-bottom:12px;">
- 合生元 / 万益蓝 / 拜奥 / inne / 小胖瓶 / 康萃乐 / lifespace<br/>
- <strong>痛点</strong>:无药品背书 / 菌株混乱 / "听八十个人说八十样"
- </div>
- <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FFD166; 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);">♥3</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;">"没用的,我已经连续吃了330瓶了,每天早蓝晚绿,一斤没瘦,妥妥智商税[笑哭R]"</div>
-
-
- </div>
- <div style="margin-top:12px; padding:10px 12px; background:#7ED4C20A; border:1px solid #7ED4C233; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#7ED4C2; font-weight:700; margin-bottom:4px;">切入点</div>
- <div style="color:var(--text-1); font-size:0.84rem;"><strong>OTC 药品级背书 × 非活菌稳定 × 菌株明确</strong></div>
- </div>
- </div>
- <!-- 营养软糖赛道 -->
- <div style="padding:20px 22px; background:#FF8BA708; border:1px solid #FF8BA733; border-radius:var(--radius-md); border-top:4px solid #FF8BA7;">
- <div class="text-mono text-xs" style="color:#FF8BA7; letter-spacing:0.15em; font-weight:700; margin-bottom:6px;">AXIS 3 · 儿童营养软糖</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.1rem; margin-bottom:10px;">100 亿+ 市场</div>
- <div style="color:var(--text-2); font-size:0.82rem; line-height:1.6; margin-bottom:12px;">
- 复合维生素软糖 + 钙软糖 + DHA 软糖 + 叶黄素软糖<br/>
- <strong>痛点</strong>:瓶瓶罐罐追着喂 / 糖分焦虑 / 补了还是不吸收
- </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);">♥10</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:#FF8BA712; color:#FF8BA7; border-radius:3px; font-size:0.68rem; font-weight:600;">瓶瓶罐罐焦虑</span>
- </div>
-
- </div>
- <div style="margin-top:12px; padding:10px 12px; background:#7ED4C20A; border:1px solid #7ED4C233; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#7ED4C2; font-weight:700; margin-bottom:4px;">切入点</div>
- <div style="color:var(--text-1); font-size:0.84rem;"><strong>内源调理肠道吸收 × 告别瓶瓶罐罐 × 1 片替代</strong></div>
- </div>
- </div>
- </div>
- <div class="fade-up" style="margin-top:28px;">
- <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;">REGIME CHANGE · 三轴交汇</div>
- <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">单一赛道对标:<strong style="color:#0085CA;">药品益生菌</strong> 就 3-5 亿,<strong style="color:#FFD166;">食品益生菌</strong> 做到头部也很难做 5 亿。<br/><strong style="color:#2D9C5D;">10 亿目标 = 3 轴叠加</strong>:基础盘(肠道调理)3-5 亿 + 增量盘(内源吸收)3-5 亿 + 溢价盘(分龄礼盒)1-2 亿。</div>
- <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">只在一个赛道里卷赢是死局——<strong>乳酸菌素片儿童版必须是"跨轴的新物种"</strong>。</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;">落地决策 · 三轴协同战术</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> 3-5 亿 · 对标妈咪爱 × 非活菌差异化</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> 3-5 亿 · 告别瓶瓶罐罐 × 切入营养软糖市场</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> 1-2 亿 · 送给婴幼儿 / 学龄前 / 学龄期 3 SKU</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>:必须同时踩稳 3 个脚 — "像药一样安全 × 像食品一样温和 × 像软糖一样爱吃"</div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="report-section" id="challenge-3" data-tone="rose" data-slide-num="06/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#7ED4C2;">1.3 · 方法论起点</div>
- <h2 class="text-h1"><span class="headline-anim"><span style="color:#7ED4C2;">VOC 反向验证</span> × 家长 + 儿童 <span style="color:#FF8BA7;">双视角</span></span></h2>
- <p class="section-sub">不做"创始人拍脑袋"的定位。从<strong>真实家长评论 + 儿童被观察反应</strong>反向倒推产品机会——这是本报告唯一的方法论起点。</p>
- </div>
- <div class="grid" style="grid-template-columns:1.2fr 1fr; gap:28px; margin-top:24px;">
- <div>
- <div class="text-mono text-xs" style="color:#7ED4C2; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">8 大核心假设 H1-H8</div>
- <div style="display:flex; flex-direction:column; gap:10px;">
-
- <div style="padding:12px 16px; background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #2D9C5D; border-radius:4px; display:grid; grid-template-columns:60px 1fr 80px; gap:12px; align-items:center;">
- <div style="color:#2D9C5D; font-family:var(--font-mono); font-weight:700; font-size:0.92rem;">H1</div>
- <div>
- <div style="color:var(--text-1); font-weight:700; font-size:0.9rem;">药品益生菌痛点</div>
- <div style="color:var(--text-3); font-size:0.78rem; margin-top:2px;">妈咪爱/亿活/金双岐 家长吐槽冷链、活菌失活、处方门槛、依赖焦虑</div>
- </div>
- <div style="text-align:right;">
- <div style="color:#2D9C5D; font-family:var(--font-mono); font-weight:700; font-size:1.05rem;">647</div>
- <div style="color:var(--text-3); font-size:0.68rem;">条 VOC</div>
- </div>
- </div>
- <div style="padding:12px 16px; background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #2D9C5D; border-radius:4px; display:grid; grid-template-columns:60px 1fr 80px; gap:12px; align-items:center;">
- <div style="color:#2D9C5D; font-family:var(--font-mono); font-weight:700; font-size:0.92rem;">H2</div>
- <div>
- <div style="color:var(--text-1); font-weight:700; font-size:0.9rem;">食品益生菌信任缺口</div>
- <div style="color:var(--text-3); font-size:0.78rem; margin-top:2px;">合生元/万益蓝/拜奥/inne 家长"怕没效果"纠结</div>
- </div>
- <div style="text-align:right;">
- <div style="color:#2D9C5D; font-family:var(--font-mono); font-weight:700; font-size:1.05rem;">638</div>
- <div style="color:var(--text-3); font-size:0.68rem;">条 VOC</div>
- </div>
- </div>
- <div style="padding:12px 16px; background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #2D9C5D; border-radius:4px; display:grid; grid-template-columns:60px 1fr 80px; gap:12px; align-items:center;">
- <div style="color:#2D9C5D; font-family:var(--font-mono); font-weight:700; font-size:0.92rem;">H3</div>
- <div>
- <div style="color:var(--text-1); font-weight:700; font-size:0.9rem;">儿童肠道刚需</div>
- <div style="color:var(--text-3); font-size:0.78rem; margin-top:2px;">便秘/腹泻/积食/挑食/消化不良 真实家长诉求</div>
- </div>
- <div style="text-align:right;">
- <div style="color:#2D9C5D; font-family:var(--font-mono); font-weight:700; font-size:1.05rem;">1020</div>
- <div style="color:var(--text-3); font-size:0.68rem;">条 VOC</div>
- </div>
- </div>
- <div style="padding:12px 16px; background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #7ED4C2; border-radius:4px; display:grid; grid-template-columns:60px 1fr 80px; gap:12px; align-items:center;">
- <div style="color:#7ED4C2; font-family:var(--font-mono); font-weight:700; font-size:0.92rem;">H4</div>
- <div>
- <div style="color:var(--text-1); font-weight:700; font-size:0.9rem;">场景触发</div>
- <div style="color:var(--text-3); font-size:0.78rem; margin-top:2px;">入园/换季/抗生素后/开学 集中发生的肠道问题</div>
- </div>
- <div style="text-align:right;">
- <div style="color:#7ED4C2; font-family:var(--font-mono); font-weight:700; font-size:1.05rem;">283</div>
- <div style="color:var(--text-3); font-size:0.68rem;">条 VOC</div>
- </div>
- </div>
- <div style="padding:12px 16px; background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #7ED4C2; border-radius:4px; display:grid; grid-template-columns:60px 1fr 80px; gap:12px; align-items:center;">
- <div style="color:#7ED4C2; font-family:var(--font-mono); font-weight:700; font-size:0.92rem;">H5</div>
- <div>
- <div style="color:var(--text-1); font-weight:700; font-size:0.9rem;">喂药依从性</div>
- <div style="color:var(--text-3); font-size:0.78rem; margin-top:2px;">孩子抗拒吃药/口感差/独立包装/喂药像打仗</div>
- </div>
- <div style="text-align:right;">
- <div style="color:#7ED4C2; font-family:var(--font-mono); font-weight:700; font-size:1.05rem;">194</div>
- <div style="color:var(--text-3); font-size:0.68rem;">条 VOC</div>
- </div>
- </div>
- <div style="padding:12px 16px; background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #7ED4C2; border-radius:4px; display:grid; grid-template-columns:60px 1fr 80px; gap:12px; align-items:center;">
- <div style="color:#7ED4C2; font-family:var(--font-mono); font-weight:700; font-size:0.92rem;">H6</div>
- <div>
- <div style="color:var(--text-1); font-weight:700; font-size:0.9rem;">包装 × 颜值决策</div>
- <div style="color:var(--text-3); font-size:0.78rem; margin-top:2px;">新生代妈妈专属感需求/货架辨识度/分龄/IP</div>
- </div>
- <div style="text-align:right;">
- <div style="color:#7ED4C2; font-family:var(--font-mono); font-weight:700; font-size:1.05rem;">86</div>
- <div style="color:var(--text-3); font-size:0.68rem;">条 VOC</div>
- </div>
- </div>
- <div style="padding:12px 16px; background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #2D9C5D; border-radius:4px; display:grid; grid-template-columns:60px 1fr 80px; gap:12px; align-items:center;">
- <div style="color:#2D9C5D; font-family:var(--font-mono); font-weight:700; font-size:0.92rem;">H7</div>
- <div>
- <div style="color:var(--text-1); font-weight:700; font-size:0.9rem;">营养吸收焦虑</div>
- <div style="color:var(--text-3); font-size:0.78rem; margin-top:2px;">瓶瓶罐罐太多/补了不吸收/内源调理替代</div>
- </div>
- <div style="text-align:right;">
- <div style="color:#2D9C5D; font-family:var(--font-mono); font-weight:700; font-size:1.05rem;">403</div>
- <div style="color:var(--text-3); font-size:0.68rem;">条 VOC</div>
- </div>
- </div>
- <div style="padding:12px 16px; background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #7ED4C2; border-radius:4px; display:grid; grid-template-columns:60px 1fr 80px; gap:12px; align-items:center;">
- <div style="color:#7ED4C2; font-family:var(--font-mono); font-weight:700; font-size:0.92rem;">H8</div>
- <div>
- <div style="color:var(--text-1); font-weight:700; font-size:0.9rem;">糖分 × 添加剂焦虑</div>
- <div style="color:var(--text-3); font-size:0.78rem; margin-top:2px;">新生代家长抵触糖/防腐剂/香精/色素</div>
- </div>
- <div style="text-align:right;">
- <div style="color:#7ED4C2; font-family:var(--font-mono); font-weight:700; font-size:1.05rem;">246</div>
- <div style="color:var(--text-3); font-size:0.68rem;">条 VOC</div>
- </div>
- </div>
- </div>
- </div>
- <div>
- <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:linear-gradient(135deg, #8B5CF60E, transparent); border:1px solid #8B5CF630; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.2em; margin-bottom:12px; font-weight:700;">THEORY · 双视角 JTBD 框架</div>
- <div style="color:var(--text-1); font-size:0.95rem; line-height:1.72;">
- <div style="display:flex; flex-direction:column; gap:12px; font-size:0.88rem;">
- <div style="padding:12px 14px; background:#FF8BA70C; border-left:3px solid #FF8BA7; border-radius:4px;">
- <div style="color:#FF8BA7; font-weight:700; margin-bottom:4px;">👩 家长 Job</div>
- <div style="color:var(--text-2); font-size:0.82rem; line-height:1.55;">决策买什么 · 心疼 · 怕出事 · 要专业感 · 能长期</div>
- </div>
- <div style="padding:12px 14px; background:#FFD1660C; border-left:3px solid #FFD166; border-radius:4px;">
- <div style="color:#FFD166; font-weight:700; margin-bottom:4px;">👶 儿童 Job</div>
- <div style="color:var(--text-2); font-size:0.82rem; line-height:1.55;">愿不愿意吃 · 好吃 · 不怕 · 有趣 · 被羡慕</div>
- </div>
- <div style="padding:12px 14px; background:#2D9C5D0C; border-left:3px solid #2D9C5D; border-radius:4px;">
- <div style="color:#2D9C5D; font-weight:700; margin-bottom:4px;">🎯 交汇点</div>
- <div style="color:var(--text-1); font-size:0.86rem; line-height:1.55; font-weight:600;">家长愿意买 × 孩子愿意吃 = 产品成立的<strong>唯一条件</strong></div>
- </div>
- </div>
- </div>
- </div>
- <div style="margin-top:18px;">
- <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;">VOC 数据透明度原则</div>
- </div>
- <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;">每条证据卡都带 <strong style="color:#2D9C5D;">✓ 真实采集</strong> 标识(来自 TikHub/VOC API 的真实小红书/抖音评论),附昵称 + IP + 点赞数 + 假设归类。<br/><br/>
- <strong>读者可以一眼验证</strong>:这是家长真说过的话,不是创始人想当然的"用户画像"。</div>
- </div>
- </div>
- </div>
- </div>
- <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#7ED4C208; border:1px solid #7ED4C233; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#7ED4C2; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 方法论自律</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:#7ED4C2; 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>:所有章节内容 = H1-H8 × 真实 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:#7ED4C2; 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:#7ED4C2; 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:#7ED4C2; 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>:每条 VOC 带 nickname/IP/likes,杜绝"创始人说好"的空话</div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="report-section" id="drug_voc" data-tone="blue" data-slide-num="07/38" 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;">02</div>
- <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">CHAPTER 2 · RX PROBIOTIC VOC</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;">药品益生菌 VOC 反面教材</h2>
- <p style="color:#0085CA; font-family:var(--font-mono); font-size:0.92rem; letter-spacing:0.18em; margin-top:12px; font-weight:600;">RX PROBIOTIC VOC</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 style="color:#FF6B6B;">冷链储存麻烦</strong>、<strong style="color:#FF6B6B;">必须医生处方才敢用</strong>、<strong style="color:#FF6B6B;">停药就反弹的依赖焦虑</strong>。本章逐一解剖妈咪爱、亿活、金双岐的 XHS / 抖音真实家长吐槽,找出乳酸菌素片<strong style="color:#7ED4C2;">"非活菌常温稳定 × OTC 无需处方 × 可日常长期"</strong>的差异化切入点。</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 #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;">2.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;">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 #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;">2.3</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;">2.4</div>
- <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">药品益生菌 GAP·乳酸菌素片切入点</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 个子章 · VOC 实证 × 理论 × 决策</div>
- </div>
- </div>
- </section>
- <section class="report-section" id="drug_voc-1" data-tone="blue" data-slide-num="08/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#0085CA;">2.1 · 妈咪爱痛点拆解</div>
- <h2 class="text-h1"><span class="headline-anim"><span style="color:#0085CA;">妈咪爱</span>:儿童益生菌老大 × <span style="color:#FF6B6B;">4 大家长痛点</span></span></h2>
- <p class="section-sub">妈咪爱是家长"宝宝胀气/腹泻时想起的那个药"—— 3.6 亿线下 + 3848 万线上。但它有 4 大天花板痛点,正是乳酸菌素片的切入点。</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;">CATEGORY KING · 儿童益生菌老大</div>
- <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">妈咪爱(<strong>枯草杆菌二联活菌颗粒</strong>)<strong style="color:#0085CA;">6 亿规模</strong> = 母婴人群里<strong>无条件反射级的首选</strong>。 抖音 <strong style="color:#0085CA;">♥33,099</strong> 单条视频、XHS 家长讨论密度 ≥ 500+ 条。</div>
- <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">但它的 <strong style="color:#FF6B6B;">4 大痛点</strong>(活菌冷链 / 医生处方门槛 / 口感苦 / 停药反弹焦虑)让 <strong>30-40% 家长</strong>在"买了但用得不安心"的状态—— 这就是乳酸菌素片的机会窗口。</div>
- </div>
- <div class="grid" style="grid-template-columns:1.1fr 0.9fr; gap:24px; margin-top:24px;">
- <div>
- <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC · 妈咪爱家长真实场景</div>
- <div style="display:flex; flex-direction:column; gap:12px;">
- <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #0085CA; 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);">♥575</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;">"聊聊宝宝肠胀气 · 😷😷我家宝宝【肠胀气】月子期间,大概第15天就开始了,一开始是从早上醒来,喂奶后不能入睡,一直「莫名哭闹」一定要抱在"</div>
-
-
- </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #0085CA; 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.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:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
- <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥12</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:#0085CA12; color:#0085CA; 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 #0085CA; 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);">♥1.4k</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;">"我悟了|宝宝攒肚这样做!2小时后终于拉了! · 📌 攒肚与便秘的区分 攒肚:多见于母乳宝宝,因消化吸收好导致排便间隔延长(2-7天),便便呈金黄糊状,宝宝无痛苦表现"</div>
- <div style="display:flex; flex-wrap:wrap; gap:4px;">
- <span style="padding:2px 8px; background:#0085CA12; color:#0085CA; border-radius:3px; font-size:0.68rem; font-weight:600;">便秘痛点</span><span style="padding:2px 8px; background:#0085CA12; color:#0085CA; 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 #0085CA; 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);">♥21</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>
- </div>
- </div>
- <div>
- <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:linear-gradient(135deg, #FF6B6B0E, transparent); border:1px solid #FF6B6B30; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.2em; margin-bottom:12px; font-weight:700;">THEORY · 4 大结构性痛点</div>
- <div style="color:var(--text-1); font-size:0.95rem; line-height:1.72;">
- <div style="display:flex; flex-direction:column; gap:11px; font-size:0.86rem;">
- <div style="padding:12px 14px; background:#FF6B6B0C; border-left:3px solid #FF6B6B; border-radius:4px;">
- <div style="color:#FF6B6B; font-weight:700; margin-bottom:4px;">① 活菌 · 冷链麻烦</div>
- <div style="color:var(--text-2); font-size:0.82rem;">2-8°C 冷藏要求 · 家长出差/旅游/幼儿园不方便带</div>
- </div>
- <div style="padding:12px 14px; background:#FF6B6B0C; border-left:3px solid #FF6B6B; border-radius:4px;">
- <div style="color:#FF6B6B; font-weight:700; margin-bottom:4px;">② 处方 · 医生门槛</div>
- <div style="color:var(--text-2); font-size:0.82rem;">医生开的才敢吃 · 家长自己买"没底" · 想长期吃不敢</div>
- </div>
- <div style="padding:12px 14px; background:#FF6B6B0C; border-left:3px solid #FF6B6B; border-radius:4px;">
- <div style="color:#FF6B6B; font-weight:700; margin-bottom:4px;">③ 口感 · 苦涩抗拒</div>
- <div style="color:var(--text-2); font-size:0.82rem;">颗粒剂冲水后苦涩 · 孩子吐 · 家长"喂药像打仗"</div>
- </div>
- <div style="padding:12px 14px; background:#FF6B6B0C; border-left:3px solid #FF6B6B; border-radius:4px;">
- <div style="color:#FF6B6B; font-weight:700; margin-bottom:4px;">④ 停药 · 反弹焦虑</div>
- <div style="color:var(--text-2); font-size:0.82rem;">"吃一周好了,一停又有了" · 家长陷入依赖 / 担心菌群受损</div>
- </div>
- </div>
- </div>
- </div>
- <div style="margin-top:16px;">
- <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;">非活菌发酵物</strong> → 常温保存不怕冷链;<br/>
- <strong style="color:#7ED4C2;">OTC 甲类</strong> → 无需处方,家长自主决策;<br/>
- <strong style="color:#7ED4C2;">水果味咀嚼片</strong> → 口感友好 + 独立包装;<br/>
- <strong style="color:#7ED4C2;">日常长期服用</strong> → 不是急救药,适合肠道养护。</div>
- </div>
- </div>
- </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;">落地决策 · 妈咪爱对位切入点</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>:不抢"急性腹泻 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:#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;"><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;">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:#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>"不用医生开的" OTC 自主感</strong>:家长不再需要排队挂号才能给孩子养护肠道</div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="report-section" id="drug_voc-2" data-tone="blue" data-slide-num="09/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#0085CA;">2.2 · 亿活 / 金双岐</div>
- <h2 class="text-h1"><span class="headline-anim"><span style="color:#0085CA;">亿活 × 金双岐</span>:专业但有"<span style="color:#FF6B6B;">处方依赖焦虑</span>"</span></h2>
- <p class="section-sub">亿活(布拉氏酵母菌)和金双岐(双歧杆菌三联)是医生高频开的益生菌,专业度高但<strong>家长长期吃心里发怵</strong>——适合"抗生素后短期",不适合"日常养护"。</p>
- </div>
- <div class="grid" style="grid-template-columns:1fr 1fr; gap:20px; margin-top:24px;">
- <div style="padding:22px 24px; background:#0085CA08; border:1px solid #0085CA33; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; font-weight:700; margin-bottom:8px;">💉 亿活 · 布拉氏酵母菌散(原研药)</div>
- <div style="color:var(--text-1); font-weight:700; font-size:0.98rem; margin-bottom:12px;">"绝绝子‼️关于腹泻,家中常备" <span style="color:#0085CA;">♥2,036</span></div>
- <div style="color:var(--text-2); font-size:0.84rem; line-height:1.6; margin-bottom:12px;">
- <strong>定位</strong>:抗生素后肠道修复 / 急性腹泻首选<br/>
- <strong>家长认知</strong>:药箱常备 / 原研药可信 / OTC 益生菌代表<br/>
- <strong>痛点</strong>:<span style="color:#FF6B6B;">单次单贵(¥60+/盒)· 不适合长期 · 停药反弹</span>
- </div>
- <div style="display:flex; flex-direction:column; gap:10px;">
- <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #0085CA; 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;">亿活Bioflor</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.6k</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;">"布拉氏酵母菌~你问我答~ · 小亿队长最近收到了许多红薯宝子们的问题,特意整理来了一波,请大家收藏方便查看!Ready~GO! 1️⃣宝宝多大可以吃益"</div>
-
-
- </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #0085CA; 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);">♥10</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:#0085CA12; color:#0085CA; border-radius:3px; font-size:0.68rem; font-weight:600;">便秘痛点</span><span style="padding:2px 8px; background:#0085CA12; color:#0085CA; border-radius:3px; font-size:0.68rem; font-weight:600;">腹泻痛点</span>
- </div>
-
- </div>
- </div>
- </div>
- <div style="padding:22px 24px; background:#87A96B08; border:1px solid #87A96B33; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#87A96B; letter-spacing:0.15em; font-weight:700; margin-bottom:8px;">💊 金双岐 · 双歧杆菌三联活菌片</div>
- <div style="color:var(--text-1); font-weight:700; font-size:0.98rem; margin-bottom:12px;">"只有我拉肚子吃这个?" <span style="color:#87A96B;">♥3,403</span></div>
- <div style="color:var(--text-2); font-size:0.84rem; line-height:1.6; margin-bottom:12px;">
- <strong>定位</strong>:菌群失调双向调节<br/>
- <strong>家长认知</strong>:便秘拉肚子"双向神药" / 可嚼服(♥748 家长发现)<br/>
- <strong>痛点</strong>:<span style="color:#FF6B6B;">片大难吞 · "甜甜的像奶片"但是药 · 说明书复杂</span>
- </div>
- <div style="display:flex; flex-direction:column; gap:10px;">
- <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #87A96B; 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);">♥661</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][星R]本品用于肠道菌群失调引起的腹泻、慢性腹泻、抗生素治疗无效的腹泻及便秘 [星R][星R][星R]双"</div>
- <div style="display:flex; flex-wrap:wrap; gap:4px;">
- <span style="padding:2px 8px; background:#87A96B12; color:#87A96B; border-radius:3px; font-size:0.68rem; font-weight:600;">便秘痛点</span><span style="padding:2px 8px; background:#87A96B12; color:#87A96B; border-radius:3px; font-size:0.68rem; font-weight:600;">腹泻痛点</span><span style="padding:2px 8px; background:#87A96B12; color:#87A96B; 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 #87A96B; 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:#87A96B12; color:#87A96B; border-radius:3px; font-size:0.68rem; font-weight:600;">便秘痛点</span>
- </div>
-
- </div>
- </div>
- </div>
- </div>
- <div class="fade-up" style="margin-top:28px;">
- <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>
- </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>
- </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>
- </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:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B;">必须冷链</span></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:#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:#FF8C42; text-align:center; font-weight:400;"><span style="color:#FF8C42;">OTC 但医生高频开</span></td><td style="padding:10px 6px; color:#FF8C42; text-align:center; font-weight:400;"><span style="color:#FF8C42;">OTC</span></td><td style="padding:10px 6px; color:#FF8C42; text-align:center; font-weight:400;"><span style="color:#FF8C42;">OTC</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;">¥45-55/盒</td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B;">¥60-75/盒</span></td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">¥30-45/盒</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:#FF6B6B; text-align:center; font-weight:400;"><span style="color:#FF6B6B;">不建议</span></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:#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:#FF6B6B; text-align:center; font-weight:400;">颗粒冲水/苦</td><td style="padding:10px 6px; color:#FF6B6B; text-align:center; font-weight:400;">颗粒冲水/酵母味</td><td style="padding:10px 6px; color:#87A96B; text-align:center; font-weight:400;"><span style="color:#87A96B;">片剂可嚼/甜</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;"><strong>乳酸菌素片机会</strong></td><td style="padding:12px 6px; color:#7ED4C2; text-align:center; font-weight:700;"><strong style="color:#7ED4C2;">接手"日常养护"盘</strong></td><td style="padding:12px 6px; color:#7ED4C2; text-align:center; font-weight:700;"><strong style="color:#7ED4C2;">接手"平价长期"盘</strong></td><td style="padding:12px 6px; color:#7ED4C2; text-align:center; font-weight:700;"><strong style="color:#7ED4C2;">做更好吃的咀嚼片</strong></td>
- </tr>
- </tbody>
- </table>
- </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;">落地决策 · 两大专业药对位</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;"><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:#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;"><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;">4</div>
- <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>价格带 ¥30-50 适配</strong>:低于亿活 ¥60+,瞄准日常养护预算</div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="report-section" id="drug_voc-3" data-tone="blue" data-slide-num="10/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#FF8BA7;">2.3 · 喂药依从性</div>
- <h2 class="text-h1"><span class="headline-anim"><span style="color:#FF8BA7;">喂药难</span>是儿童药品的真正天花板</span></h2>
- <p class="section-sub">家长"买得起"不代表孩子"吃得下"——<strong>喂药依从性</strong>是儿童益生菌的真正变量。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:#FF6B6B; letter-spacing:-0.02em;">60-70%</div>
- <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">3岁以下幼儿抗拒吃药</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;">45%</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:#87A96B; letter-spacing:-0.02em;">♥748</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 style="color:#FF8BA7; font-size:0.7rem; margin-top:2px;">XHS</div>
- </div>
- <div style="text-align:center;">
- <div style="font-family:var(--font-head); font-size:1.8rem; font-weight:800; color:#0085CA; letter-spacing:-0.02em;">♥33099</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 style="color:#FF8BA7; font-size:0.7rem; margin-top:2px;">抖音</div>
- </div>
- </div>
- <div class="grid" style="grid-template-columns:1.1fr 0.9fr; gap:24px; margin-top:24px;">
- <div>
- <div class="text-mono text-xs" style="color:#FF8BA7; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC · 家长喂药真实日常</div>
- <div style="display:flex; flex-direction:column; gap:12px;">
- <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:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
- <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥311</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><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;">一一妈noya</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.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.86rem; line-height:1.62;">"破防了‼️当我听到'饭渣'孩子的心声… · [斜眼R]当你能听见娃的“心声”… 才发现,有些“不听话”,其实是肚子在发⚠️信号! 吃饭🍚像打仗?可能是脾胃“小马达"</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:#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.5w</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><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:#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);">♥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;">"冬天鱼不开口 饵料里面加上 乳酸菌素片 酸酸甜甜鱼儿马上就开口!#饵料搭配#饿得慌饵料#钓鱼人#原来钓鱼才是抖音运动顶流#真实生活分享计划"</div>
-
-
- </div>
- </div>
- </div>
- <div>
- <div style="padding:20px 24px; background:#87A96B08; border-left:3px solid #87A96B; 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:#87A96B; font-weight:700; font-size:0.96rem;">关键发现 · 金双岐偶然成功</div>
- </div>
- <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;">金双岐 ♥748 XHS 家长自述:<em>"吃完了两盒才发现...竟然是嚼服的...给小朋友吃了几片说是<strong style="color:#87A96B;">奶片,甜甜的很好吃</strong>"</em>。<br/><br/>
- <strong>关键洞察</strong>:家长<strong>以为是药所以硬喂</strong>,一旦发现可以嚼 + 甜味,孩子就变被动为主动。<strong>乳酸菌素片儿童版应该把"可嚼+水果味"做成显性卖点</strong>,而不是让家长自己"偶然发现"。</div>
- </div>
- <div style="margin-top:16px;">
- <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;">大量 VOC 显示家长希望"<strong>一次一包/一板</strong>":<br/>
- · 携带方便(幼儿园/外出)<br/>
- · 剂量精准(不会多吃)<br/>
- · 卫生无污染(拆一包用一包)<br/>
- · <strong>"一盒三十包"比"一瓶九十片"贵 30% 但愿意买</strong></div>
- </div>
- </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;">落地决策 · 解决喂药难</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>产品形态:水果味咀嚼片</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>独立包装:一次一板 2 片</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>:孩子不吃 = 成分再好也 0 分</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;"><strong>包装标注"儿童爱嚼"</strong>:把"家长偶然发现好吃"变成货架显性卖点</div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="report-section" id="drug_voc-4" data-tone="blue" data-slide-num="11/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#7ED4C2;">2.4 · 药品益生菌 GAP 图谱</div>
- <h2 class="text-h1"><span class="headline-anim">药品益生菌 <span style="color:#FF6B6B;">4 大结构性 GAP</span> × 乳酸菌素片儿童版的<span style="color:#7ED4C2;">对位答案</span></span></h2>
- <p class="section-sub">药品益生菌(妈咪爱 / 亿活 / 金双岐)是强势老玩家,但它们有<strong>结构性做不到</strong>的 4 个痛点——这就是乳酸菌素片儿童版独占的切入点。</p>
- </div>
- <div class="grid" style="grid-template-columns:1fr; gap:16px; margin-top:24px;">
-
- <div style="padding:20px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF6B6B; border-radius:var(--radius-md);">
- <div style="display:grid; grid-template-columns:220px 1fr 1fr; gap:20px; align-items:center;">
- <div>
- <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">GAP 1</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.05rem;">活菌冷链痛点</div>
- </div>
- <div style="padding:14px 16px; background:#FF6B6B0A; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FF6B6B; margin-bottom:6px; font-weight:700;">竞品做不到</div>
- <div style="color:var(--text-1); font-size:0.85rem; line-height:1.6;">妈咪爱 / 亿活 / 金双岐<strong>全部要求 2-8°C 冷链</strong>。家长出差、幼儿园托管、旅游出行 → 无法稳定存储 → 用户体验割裂</div>
- </div>
- <div style="padding:14px 16px; background:#7ED4C20E; border:1px solid #7ED4C233; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#7ED4C2; margin-bottom:6px; font-weight:700;">乳酸菌素片答案</div>
- <div style="color:var(--text-1); font-size:0.85rem; line-height:1.6;"><strong style="color:#7ED4C2;">乳酸菌素片 = 非活菌发酵物</strong>,鲜牛奶经乳酸菌发酵后取发酵上清液。<strong>常温保存 · 不怕胃酸 · 不需冷链</strong>—— 是唯一真正做到"家长带着走"的益生菌形态。</div>
- </div>
- </div>
- </div>
- <div style="padding:20px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF8C42; border-radius:var(--radius-md);">
- <div style="display:grid; grid-template-columns:220px 1fr 1fr; gap:20px; align-items:center;">
- <div>
- <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">GAP 2</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.05rem;">长期服用焦虑</div>
- </div>
- <div style="padding:14px 16px; background:#FF8C420A; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FF8C42; margin-bottom:6px; font-weight:700;">竞品做不到</div>
- <div style="color:var(--text-1); font-size:0.85rem; line-height:1.6;">活菌益生菌都<strong>不建议长期服用</strong>(说明书明确 "3 周一疗程")。家长想"日常养护"却被警告"别吃太久"——陷入买了但用得小心翼翼的状态</div>
- </div>
- <div style="padding:14px 16px; background:#7ED4C20E; border:1px solid #7ED4C233; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#7ED4C2; margin-bottom:6px; font-weight:700;">乳酸菌素片答案</div>
- <div style="color:var(--text-1); font-size:0.85rem; line-height:1.6;"><strong style="color:#7ED4C2;">乳酸菌素片作为 OTC 甲类</strong>,药理是"为自身乳酸菌提供营养"而非外源补充活菌 → <strong>可日常长期服用</strong>,真正承接"肠道日常调理"需求</div>
- </div>
- </div>
- </div>
- <div style="padding:20px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF4D8D; border-radius:var(--radius-md);">
- <div style="display:grid; grid-template-columns:220px 1fr 1fr; gap:20px; align-items:center;">
- <div>
- <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">GAP 3</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.05rem;">处方依赖心理</div>
- </div>
- <div style="padding:14px 16px; background:#FF4D8D0A; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FF4D8D; margin-bottom:6px; font-weight:700;">竞品做不到</div>
- <div style="color:var(--text-1); font-size:0.85rem; line-height:1.6;">妈咪爱 / 亿活常被医生作为"处方"推荐 → 家长形成"医生开的才敢吃"心智。自己去药店买会犹豫:"没医生说,敢不敢给孩子吃?"</div>
- </div>
- <div style="padding:14px 16px; background:#7ED4C20E; border:1px solid #7ED4C233; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#7ED4C2; margin-bottom:6px; font-weight:700;">乳酸菌素片答案</div>
- <div style="color:var(--text-1); font-size:0.85rem; line-height:1.6;"><strong style="color:#7ED4C2;">乳酸菌素片作为 OTC 甲类 + 江中药业品牌</strong>,家长可以在药店自信下单 — "<strong>江中的药我放心</strong>"——<strong>国民品牌的隐性医生背书</strong></div>
- </div>
- </div>
- </div>
- <div style="padding:20px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF8BA7; border-radius:var(--radius-md);">
- <div style="display:grid; grid-template-columns:220px 1fr 1fr; gap:20px; align-items:center;">
- <div>
- <div class="text-mono text-xs" style="color:#FF8BA7; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">GAP 4</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.05rem;">儿童依从性</div>
- </div>
- <div style="padding:14px 16px; background:#FF8BA70A; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FF8BA7; margin-bottom:6px; font-weight:700;">竞品做不到</div>
- <div style="color:var(--text-1); font-size:0.85rem; line-height:1.6;">妈咪爱颗粒苦 / 亿活颗粒酵母味 / 金双岐片大难吞 → 家长"喂药像打仗"<br/>金双岐偶然被发现可嚼 ♥748 验证:<strong>一旦可嚼+甜味,孩子就主动吃</strong></div>
- </div>
- <div style="padding:14px 16px; background:#7ED4C20E; border:1px solid #7ED4C233; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#7ED4C2; margin-bottom:6px; font-weight:700;">乳酸菌素片答案</div>
- <div style="color:var(--text-1); font-size:0.85rem; line-height:1.6;"><strong style="color:#7ED4C2;">水果味咀嚼片 + 独立包装</strong> → 孩子主动要吃 → 家长复购+高粘性 → 形成"儿童友好益生菌"的强差异化心智</div>
- </div>
- </div>
- </div>
- </div>
- <div class="fade-up" style="margin-top:28px;">
- <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;">STRATEGIC WEDGE · 战略楔子</div>
- <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">不与妈咪爱/亿活/金双岐<strong style="color:#FF6B6B;">正面硬刚"急救场景"</strong>,而是<strong style="color:#7ED4C2;">从它们做不到的 4 个 GAP 切入</strong>——常温 + 长期 + 自主 + 儿童友好 = <strong>独家的"日常肠道养护 OTC"心智</strong>。</div>
- <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">竞品越是"专业医嘱",乳酸菌素片越要做"<strong>家长自主的温和养护</strong>"——两条路径不冲突,反而互补。</div>
- </div>
- </div>
- <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#7ED4C208; border:1px solid #7ED4C233; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#7ED4C2; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · Ch2 总结</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:#7ED4C2; 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>:"江中乳酸菌素片儿童版 = 儿童日常肠道养护 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:#7ED4C2; 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>4 大差异化锚点</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:#7ED4C2; 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:#7ED4C2; 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="food_voc" data-tone="amber" data-slide-num="12/38" 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:#FFD166; opacity:0.12; letter-spacing:-0.06em;">03</div>
- <div class="text-mono text-xs" style="color:#FFD166; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">CHAPTER 3 · FOOD PROBIOTIC VOC</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;">食品益生菌 VOC 矛盾盘</h2>
- <p style="color:#FFD166; font-family:var(--font-mono); font-size:0.92rem; letter-spacing:0.18em; margin-top:12px; font-weight:600;">FOOD PROBIOTIC VOC</p>
- </div>
- <div class="fade-up" style="max-width:960px; margin:0 auto; text-align:center; padding:28px 32px; background:linear-gradient(135deg, #FFD1660C, transparent); border-left:3px solid #FFD166; border-radius:var(--radius-md);">
- <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;">食品益生菌(<strong style="color:#FFD166;">合生元 / 万益蓝 / 拜奥 / inne / 小胖瓶 / 康萃乐</strong>)靠果味 + 卡通包装 + 颜值营销在小红书起量,但也背负着家长最大的信任焦虑:<strong style="color:#FF6B6B;">"没有 OTC 药品背书 / 菌株效果不稳定 / 价格贵但不确定值不值"</strong>。本章解剖食品益生菌的 VOC 矛盾盘——家长给孩子吃得多,但心里不踏实。乳酸菌素片的 <strong style="color:#7ED4C2;">OTC 蓝帽子背书</strong> 是这个赛道里的天然信任壁垒。</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 #FFD16622; border-radius:var(--radius-sm); text-align:center;">
- <div class="text-mono text-xs" style="color:#FFD166; 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 #FFD16622; border-radius:var(--radius-sm); text-align:center;">
- <div class="text-mono text-xs" style="color:#FFD166; 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 #FFD16622; border-radius:var(--radius-sm); text-align:center;">
- <div class="text-mono text-xs" style="color:#FFD166; 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;">inne 噗噗宝·便秘单点但单薄</div>
- </div>
- <div style="padding:16px 14px; background:var(--bg-1); border:1px solid #FFD16622; border-radius:var(--radius-sm); text-align:center;">
- <div class="text-mono text-xs" style="color:#FFD166; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">3.4</div>
- <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">食品益生菌 GAP·OTC 信任空白</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 个子章 · VOC 实证 × 理论 × 决策</div>
- </div>
- </div>
- </section>
- <section class="report-section" id="food_voc-1" data-tone="amber" data-slide-num="13/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#FFD166;">3.1 · 合生元解剖</div>
- <h2 class="text-h1"><span class="headline-anim"><span style="color:#FFD166;">合生元</span>:儿童食品益生菌王者 × <span style="color:#FF6B6B;">3 大天花板痛点</span></span></h2>
- <p class="section-sub">合生元(奶味益生菌 / 超金菌)是儿童食品益生菌<strong>最强势的玩家</strong>——奶味 + 卡通 + 妈妈圈推荐。但它有<strong>3 个结构性弱点</strong>让家长买了心里不踏实。</p>
- </div>
- <div class="rise-in" style="padding:28px 32px; background:linear-gradient(135deg, #FFD16612, #FFD16604); border-left:4px solid #FFD166; border-radius:var(--radius-md); margin-bottom:32px;">
- <div class="text-mono text-xs" style="color:#FFD166; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">FOOD-GRADE LEADER · 食品级老大</div>
- <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">合生元在抖音 <strong style="color:#FFD166;">"亲测有效的益生菌"</strong> 爆款 <strong style="color:#FFD166;">♥10,191</strong>,XHS "合生元超金菌" 推荐笔记密度 ≥ 300+。<strong>儿童食品益生菌 = 合生元</strong> 已经是家长心智的默认关联。</div>
- <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">但也有真实矛盾:<strong style="color:#FF6B6B;">"合生元的没效果吗,有换到便秘比较好的益生菌吗"</strong>(XHS 原声)—— 家长买了但<strong>没有坚定的信任</strong>,这是乳酸菌素片的 OTC 药品级背书可以切入的信任空白。</div>
- </div>
- <div class="grid" style="grid-template-columns:1.1fr 0.9fr; gap:24px; margin-top:24px;">
- <div>
- <div class="text-mono text-xs" style="color:#FFD166; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC · 合生元家长真实讨论</div>
- <div style="display:flex; flex-direction:column; gap:12px;">
- <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FFD166; 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:#FF8C42; font-size:0.7rem; font-weight:600;">◆ 矛盾</span>
- <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥144</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;">"到底是谁在推合生元超金菌啊? · 我家崽现在2岁7个月,送幼儿园以后不知道是不是吃的太杂了 孩子好几天才上一次wc,肚子也鼓鼓的 小红书上看大家推荐最多的"</div>
-
-
- </div><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FFD166; 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);">♥63</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><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FFD166; 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.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:#FF6B6B; font-size:0.7rem; font-weight:600;">▼ 差评</span>
- <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥0</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:#FFD16612; color:#FFD166; border-radius:3px; font-size:0.68rem; font-weight:600;">食品级怀疑</span><span style="padding:2px 8px; background:#FFD16612; color:#FFD166; border-radius:3px; font-size:0.68rem; font-weight:600;">便秘痛点</span>
- </div>
-
- </div>
- </div>
- </div>
- <div>
- <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:linear-gradient(135deg, #FF6B6B0E, transparent); border:1px solid #FF6B6B30; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.2em; margin-bottom:12px; font-weight:700;">THEORY · 合生元 3 大结构性痛点</div>
- <div style="color:var(--text-1); font-size:0.95rem; line-height:1.72;">
- <div style="display:flex; flex-direction:column; gap:11px; font-size:0.86rem;">
- <div style="padding:12px 14px; background:#FF6B6B0C; border-left:3px solid #FF6B6B; border-radius:4px;">
- <div style="color:#FF6B6B; font-weight:700; margin-bottom:4px;">① 食品级 · 无 OTC 背书</div>
- <div style="color:var(--text-2); font-size:0.82rem;">保健食品批号 ≠ 药品批号 → 家长内心犯嘀咕:"没药效,真能治便秘吗?"</div>
- </div>
- <div style="padding:12px 14px; background:#FF6B6B0C; border-left:3px solid #FF6B6B; border-radius:4px;">
- <div style="color:#FF6B6B; font-weight:700; margin-bottom:4px;">② 效果 · 个体差异明显</div>
- <div style="color:var(--text-2); font-size:0.82rem;">"有的说好有的说没效果" → 家长 A/B 多个品牌轮换 → 忠诚度差</div>
- </div>
- <div style="padding:12px 14px; background:#FF6B6B0C; border-left:3px solid #FF6B6B; border-radius:4px;">
- <div style="color:#FF6B6B; font-weight:700; margin-bottom:4px;">③ 价格 · 超金菌太贵</div>
- <div style="color:var(--text-2); font-size:0.82rem;">超金菌 ¥300+/月 对比普通款 ¥150/月 → 家长纠结"贵的是不是真的好"</div>
- </div>
- </div>
- </div>
- </div>
- <div style="margin-top:16px;">
- <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> → 家长"吃药治病"的底气;<br/>
- <strong style="color:#7ED4C2;">江中品牌老国货</strong> → "江中的药我放心" 国民信任;<br/>
- <strong style="color:#7ED4C2;">单品主销带 ¥50-80</strong> → 比合生元超金菌便宜 50%,体感不降低。</div>
- </div>
- </div>
- </div>
- </div>
- <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#FFD16608; border:1px solid #FFD16633; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#FFD166; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 合生元对位</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:#FFD166; 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:#FFD166; 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>正向强调"药品 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:#FFD166; 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:#FFD166; 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>:定价 ¥50-80 刚好卡在合生元超金菌(¥300)和普通款(¥150)之间</div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="report-section" id="food_voc-2" data-tone="amber" data-slide-num="14/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#FFD166;">3.2 · 拜奥 / 万益蓝</div>
- <h2 class="text-h1"><span class="headline-anim"><span style="color:#FFD166;">拜奥 × 万益蓝</span>:儿童食品益生菌<span style="color:#FF6B6B;">定位错位</span></span></h2>
- <p class="section-sub">拜奥(罗伊氏乳杆菌滴剂)主打新生儿胀气、冷链痛点外显;万益蓝(早B晚S)主打<strong>成人减肥</strong>—— 儿童场景只是顺手蹭。两者都在不同程度<strong>定位错位</strong>。</p>
- </div>
- <div class="grid" style="grid-template-columns:1fr 1fr; gap:20px; margin-top:24px;">
- <!-- 拜奥 -->
- <div style="padding:22px 24px; background:#6EC1E408; border:1px solid #6EC1E433; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#6EC1E4; letter-spacing:0.15em; font-weight:700; margin-bottom:8px;">💧 拜奥 · 罗伊氏乳杆菌滴剂</div>
- <div style="color:var(--text-1); font-weight:700; font-size:0.98rem; margin-bottom:10px;">"冷链运输保障活性" <span style="color:#6EC1E4;">♥3,335</span></div>
- <div style="color:var(--text-2); font-size:0.83rem; line-height:1.6; margin-bottom:12px;">
- <strong>定位</strong>:新生儿(0-3 个月)胀气 / 肠绞痛<br/>
- <strong>产品</strong>:5ml 滴剂 · ¥250-350<br/>
- <strong>痛点</strong>:<span style="color:#FF6B6B;">高频差评"避雷/垃圾/绿便"</span>、价格极贵、只覆盖低月龄
- </div>
- <div style="display:flex; flex-direction:column; gap:10px;">
- <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;">🎈星蕴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);">♥27</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><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);">♥2</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><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:#FF6B6B; font-size:0.7rem; font-weight:600;">▼ 差评</span>
- <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥1</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]母乳宝宝吃了拜奥不止吐奶严重 还消化不良,拉绿便,我就来看看有没有同款,才31天的"</div>
-
-
- </div>
- </div>
- </div>
- <!-- 万益蓝 -->
- <div style="padding:22px 24px; background:#FF8BA708; border:1px solid #FF8BA733; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#FF8BA7; letter-spacing:0.15em; font-weight:700; margin-bottom:8px;">💊 万益蓝 · 早B晚S 益生菌</div>
- <div style="color:var(--text-1); font-weight:700; font-size:0.98rem; margin-bottom:10px;">"吃对了身材真的很曼妙" <span style="color:#FF8BA7;">♥828</span></div>
- <div style="color:var(--text-2); font-size:0.83rem; line-height:1.6; margin-bottom:12px;">
- <strong>定位</strong>:<span style="color:#FF6B6B;">成人减肥 / 身材管理</span>(抖音 ♥75,975)<br/>
- <strong>产品</strong>:小蓝瓶益生菌 · ¥150-200/瓶<br/>
- <strong>痛点</strong>:<span style="color:#FF6B6B;">儿童场景错配 · 成分非儿童友好 · 家长买过后发现"不是给娃的"</span>
- </div>
- <div style="display:flex; flex-direction:column; gap:10px;">
- <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:#FF6B6B; font-size:0.7rem; font-weight:600;">▼ 差评</span>
- <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥240</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><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:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
- <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥828</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;">"不知道!吃对了益生菌的身材真的很曼妙!! · #万益蓝 #万益蓝早B晚S益生菌 #万益蓝早B晚S #万益蓝益生菌 #益生菌产品推荐 #益生菌怎么选 #自律"</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);">♥188</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;">"万益蓝早S晚B实测|打卡第一天 🔹初始状态: 体重:61kg 减肥减的没劲了,又不想运动,感觉代谢不好了,刷到这个就下"</div>
-
-
- </div>
- </div>
- </div>
- </div>
- <div class="fade-up" style="margin-top:28px;">
- <div class="rise-in" style="padding:28px 32px; background:linear-gradient(135deg, #FF6B6B12, #FF6B6B04); border-left:4px solid #FF6B6B; border-radius:var(--radius-md); margin-bottom:32px;">
- <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">STRATEGIC MISMATCH · 定位错位</div>
- <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">拜奥<strong style="color:#FF6B6B;">只能覆盖 0-3 个月新生儿</strong>(滴剂剂型 + 价格), 万益蓝<strong style="color:#FF6B6B;">根本不是给儿童的</strong>(成人减肥主打)。<strong style="color:#7ED4C2;">3-12 岁儿童日常肠道养护</strong>在食品益生菌赛道<strong>没有专属的大单品</strong>——这是乳酸菌素片的独占机会。</div>
- <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">合生元覆盖 1-6 岁但信任度低,inne 单点便秘,小胖瓶/康萃乐长尾弱—— <strong>3-12 岁日常养护</strong>是真正的空白赛道。</div>
- </div>
- </div>
- <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#FFD16608; border:1px solid #FFD16633; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#FFD166; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 拜奥 / 万益蓝 定位错位</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:#FFD166; 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>年龄锚定 3-12 岁</strong>:拜奥做 0-3 月,合生元做 1-6,乳酸菌素片做 3-12 岁主流儿童</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:#FFD166; 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:#FFD166; 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:#FFD166; 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>价格带 ¥50-80</strong>:拜奥 ¥300、万益蓝 ¥200、合生元超金 ¥300—— 乳酸菌素片做"亲民日常"</div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="report-section" id="food_voc-3" data-tone="amber" data-slide-num="15/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#FFD166;">3.3 · 长尾食品益生菌</div>
- <h2 class="text-h1"><span class="headline-anim"><span style="color:#FFD166;">inne / 小胖瓶 / 康萃乐</span>:<span style="color:#FF6B6B;">单点强 · 整体单薄</span></span></h2>
- <p class="section-sub">长尾食品益生菌品牌(inne 噗噗宝 / 小胖瓶 / 康萃乐 / lifespace)都有"某个细分场景的专精卖点",但<strong>都没撑起全场景 + 全龄段的主品类心智</strong>。</p>
- </div>
- <div class="grid" style="grid-template-columns:1fr 1fr 1fr; gap:18px; margin-top:24px;">
- <!-- inne -->
- <div style="padding:20px 22px; background:#C5E06308; border:1px solid #C5E06333; border-radius:var(--radius-md); border-top:4px solid #C5E063;">
- <div class="text-mono text-xs" style="color:#C5E063; letter-spacing:0.15em; font-weight:700; margin-bottom:6px;">🍬 inne · 噗噗宝</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.1rem; margin-bottom:10px;">单点主打:便秘</div>
- <div style="color:var(--text-2); font-size:0.82rem; line-height:1.6; margin-bottom:12px;">
- <strong>卖点</strong>:膳食纤维+菌群 · ¥188/3袋(极贵)<br/>
- <strong>痛点</strong>:<span style="color:#FF6B6B;">价格顶 / 单一场景 / 非便秘家长无法复购</span>
- </div>
- <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #C5E063; 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);">· inne 噗噗宝</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);">♥223</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;">"听劝!噗噗焦虑别再s磕益生菌了! · 孩子吃完饭🍚之后 就隔三差五的肚肚大堵车😭 每次都坐在小马桶上,雷声大雨点小的 看着都焦虑! 后来我也尝试过好几款益"</div>
-
-
- </div>
- </div>
- <!-- 小胖瓶 -->
- <div style="padding:20px 22px; background:#FFD16608; border:1px solid #FFD16633; border-radius:var(--radius-md); border-top:4px solid #FFD166;">
- <div class="text-mono text-xs" style="color:#FFD166; letter-spacing:0.15em; font-weight:700; margin-bottom:6px;">🧸 小胖瓶益生菌</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.1rem; margin-bottom:10px;">单点主打:幼儿颜值包装</div>
- <div style="color:var(--text-2); font-size:0.82rem; line-height:1.6; margin-bottom:12px;">
- <strong>卖点</strong>:卡通小胖瓶IP · 冷藏要求<br/>
- <strong>痛点</strong>:<span style="color:#FF6B6B;">品牌力弱 / 冷链壁垒 / 在下沉市场辨识度低</span>
- </div>
- <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FFD166; 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;">hdjxjhe.</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);">♥61</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;">"万益蓝测评 · 抱着能起心理作用安慰自己的原因下单了两盒 本来不抱希望 确实没瘦但也没变胖 体重很稳的维持在98斤但是有一个很惊喜的发现"</div>
-
-
- </div>
- </div>
- <!-- 康萃乐 -->
- <div style="padding:20px 22px; background:#FFCBA414; border:1px solid #FFCBA444; border-radius:var(--radius-md); border-top:4px solid #FF8C42;">
- <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.15em; font-weight:700; margin-bottom:6px;">🌿 康萃乐益生菌</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.1rem; margin-bottom:10px;">单点主打:美国原装进口</div>
- <div style="color:var(--text-2); font-size:0.82rem; line-height:1.6; margin-bottom:12px;">
- <strong>卖点</strong>:Culturelle 美国LGG菌株 · ¥200+/盒<br/>
- <strong>痛点</strong>:<span style="color:#FF6B6B;">高价 / 对"进口 = 好"信任消退 / 中文文案薄</span>
- </div>
- <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF8C42; 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);">♥3</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>
- </div>
- </div>
- <div class="fade-up" style="margin-top:28px;">
- <div style="padding:20px 24px; background:#FFD16608; border-left:3px solid #FFD166; 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:#FFD166; font-weight:700; font-size:0.96rem;">长尾食品益生菌的 "单点诅咒"</div>
- </div>
- <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;"><strong>inne</strong> 押宝便秘 → 便秘好了就不复购;<br/>
- <strong>小胖瓶</strong> 押宝颜值 → 家长发现只是"包装好看但效果不明"就失望;<br/>
- <strong>康萃乐</strong> 押宝进口 → "进口=好"心智消退后优势丢失;<br/>
- <strong>lifespace</strong> 澳洲背书 → 渠道窄、复购弱。<br/><br/>
- <strong style="color:#7ED4C2;">乳酸菌素片儿童版的破局点</strong>:不做单点,做<strong>"日常全场景"品类</strong>——便秘/积食/挑食/抗生素后/换季都能吃,<strong>承担家里一瓶"通用儿童益生菌"的 role</strong>。</div>
- </div>
- </div>
- <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#FFD16608; border:1px solid #FFD16633; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#FFD166; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 长尾食品益生菌对位</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:#FFD166; 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:#FFD166; 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>:江中国货 + 药食同源,比美国 LGG 更契合中国家长信任</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:#FFD166; 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>:学习 inne 的教训——单点解决了就不复购</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:#FFD166; 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>:卡通 IP 要系列化 + 年龄化,而不是单个瓶身</div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="report-section" id="food_voc-4" data-tone="amber" data-slide-num="16/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#7ED4C2;">3.4 · 食品益生菌 GAP 图谱</div>
- <h2 class="text-h1"><span class="headline-anim">食品益生菌 <span style="color:#FF6B6B;">3 大结构性 GAP</span> × 乳酸菌素片的<span style="color:#7ED4C2;">OTC 信任答案</span></span></h2>
- <p class="section-sub">食品级益生菌(合生元 / 万益蓝 / 拜奥 / inne / 小胖瓶 / 康萃乐)是主力家长选择,但它们作为"食品"有无法跨越的<strong>3 个结构性信任天花板</strong>。</p>
- </div>
- <div class="grid" style="grid-template-columns:1fr; gap:16px; margin-top:24px;">
-
- <div style="padding:20px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF6B6B; border-radius:var(--radius-md);">
- <div style="display:grid; grid-template-columns:220px 1fr 1fr; gap:20px; align-items:center;">
- <div>
- <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">GAP 1</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.05rem;">食品批号天花板</div>
- </div>
- <div style="padding:14px 16px; background:#FF6B6B0A; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FF6B6B; margin-bottom:6px; font-weight:700;">食品级做不到</div>
- <div style="color:var(--text-1); font-size:0.85rem; line-height:1.6;">合生元 / 万益蓝 / 拜奥 / inne <strong>全部是保健食品批号(蓝帽子)或普通食品</strong>——不是药品。家长心里"食品没药效"是个跨不过的坎,即便吃了有效果,也怀疑"是不是错觉"</div>
- </div>
- <div style="padding:14px 16px; background:#7ED4C20E; border:1px solid #7ED4C233; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#7ED4C2; margin-bottom:6px; font-weight:700;">OTC 药品答案</div>
- <div style="color:var(--text-1); font-size:0.85rem; line-height:1.6;"><strong style="color:#7ED4C2;">乳酸菌素片 = OTC 甲类药品</strong>(国药准字 H20043347)· 说明书明确"用于肠内异常发酵、消化不良、肠炎和小儿腹泻" · <strong>药品级背书 = 家长心里的"真放心"</strong></div>
- </div>
- </div>
- </div>
- <div style="padding:20px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF8C42; border-radius:var(--radius-md);">
- <div style="display:grid; grid-template-columns:220px 1fr 1fr; gap:20px; align-items:center;">
- <div>
- <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">GAP 2</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.05rem;">菌株效果不稳定</div>
- </div>
- <div style="padding:14px 16px; background:#FF8C420A; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FF8C42; margin-bottom:6px; font-weight:700;">食品级做不到</div>
- <div style="color:var(--text-1); font-size:0.85rem; line-height:1.6;">活菌益生菌的<strong>菌株存活率</strong>依赖冷链 / 生产工艺 / 胃酸通过率。家长讨论的"我家吃合生元有效 / 我家吃拜奥绿便"的矛盾根源 — 个体差异 + 菌株损耗 = <strong>效果不可预期</strong></div>
- </div>
- <div style="padding:14px 16px; background:#7ED4C20E; border:1px solid #7ED4C233; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#7ED4C2; margin-bottom:6px; font-weight:700;">OTC 药品答案</div>
- <div style="color:var(--text-1); font-size:0.85rem; line-height:1.6;"><strong style="color:#7ED4C2;">乳酸菌素片 = 非活菌发酵物</strong>· 核心是乳酸菌分泌的代谢物(乳酸菌素)· <strong>不受胃酸影响</strong>· 不需冷链· <strong>效果稳定可复制</strong></div>
- </div>
- </div>
- </div>
- <div style="padding:20px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF4D8D; border-radius:var(--radius-md);">
- <div style="display:grid; grid-template-columns:220px 1fr 1fr; gap:20px; align-items:center;">
- <div>
- <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">GAP 3</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.05rem;">长期安全担忧</div>
- </div>
- <div style="padding:14px 16px; background:#FF4D8D0A; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FF4D8D; margin-bottom:6px; font-weight:700;">食品级做不到</div>
- <div style="color:var(--text-1); font-size:0.85rem; line-height:1.6;">食品益生菌价格贵(合生元超金 ¥300/月),家长买<strong>又怕长期吃出问题</strong>(某平台谣传"乳酸菌有个成分吃多致癌") · 缺乏长期服用的科学依据公开</div>
- </div>
- <div style="padding:14px 16px; background:#7ED4C20E; border:1px solid #7ED4C233; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#7ED4C2; margin-bottom:6px; font-weight:700;">OTC 药品答案</div>
- <div style="color:var(--text-1); font-size:0.85rem; line-height:1.6;"><strong style="color:#7ED4C2;">OTC 药品必经临床验证 + 说明书明确 + 国药准字可查</strong>· "江中药业 60 年老国货" · <strong>家长可以长期放心给孩子吃</strong>的心理锚点</div>
- </div>
- </div>
- </div>
- </div>
- <div class="fade-up" style="margin-top:28px;">
- <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;">THE OTC WEDGE · OTC 楔子</div>
- <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">食品益生菌赛道里,<strong style="color:#FF6B6B;">没有一个玩家是药品</strong>—— 合生元 / 万益蓝 / 拜奥 / inne 都是食品/保健食品。<br/>这意味着乳酸菌素片可以独家占据<strong style="color:#7ED4C2;">"儿童肠道调理 OTC 药品"</strong>心智,与所有食品益生菌形成<strong>品类代差</strong>。</div>
- <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;"><strong>"药+食"双引擎定位</strong>:既是 OTC 药品(放心),又是鲜牛奶发酵(温和)—— 这是食品级做不到、药品级不屑做的唯一缝隙。</div>
- </div>
- </div>
- <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#7ED4C208; border:1px solid #7ED4C233; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#7ED4C2; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · Ch3 总结</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:#7ED4C2; 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>:"儿童肠道养护 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:#7ED4C2; 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>包装突出 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:#7ED4C2; 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:#7ED4C2; 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="kano" data-tone="purple" data-slide-num="17/38" 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;">04</div>
- <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">CHAPTER 4 · USER INSIGHT</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;">KANO × JTBD 双视角</h2>
- <p style="color:#8B5CF6; font-family:var(--font-mono); font-size:0.92rem; letter-spacing:0.18em; margin-top:12px; font-weight:600;">USER INSIGHT</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>:家长决定买什么、孩子决定吃不吃。<strong style="color:#8B5CF6;">KANO 五类需求</strong>(必备=安全OTC / 期望=见效 / 兴奋=分龄礼盒 / 反向=药盒感)映射到 SKU/包装/话术。<strong style="color:#7ED4C2;">JTBD 三维价值</strong>:Functional(解决便秘/积食/抗生素后)、Emotional(家长不焦虑带娃)、Social(妈妈圈专业感 + 孩子被羡慕)。</p>
- </div>
- <div class="fade-up" style="margin-top:40px; display:grid; grid-template-columns:repeat(5, 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;">4.1</div>
- <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">KANO 五类·必备/期望/兴奋/无差异/反向</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;">4.2</div>
- <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">JTBD·家长 Functional 功能价值</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;">4.3</div>
- <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">JTBD·家长 Emotional 情绪价值</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;">4.4</div>
- <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">JTBD·儿童 × 家长 Social 社会价值</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;">4.5</div>
- <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">决策优先级·SKU / 话术 / 包装映射</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 · 5 个子章 · VOC 实证 × 理论 × 决策</div>
- </div>
- </div>
- </section>
- <section class="report-section" id="kano-1" data-tone="purple" data-slide-num="18/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#8B5CF6;">4.1 · KANO 五类需求</div>
- <h2 class="text-h1"><span class="headline-anim"><span style="color:#8B5CF6;">KANO 五类</span>:乳酸菌素片儿童版的需求优先级</span></h2>
- <p class="section-sub">把 KANO 模型<strong>折叠为可执行的 SKU / 包装 / 话术</strong>决策——每一类都对应真实 VOC 证据,不是理论装饰。</p>
- </div>
- <div class="grid" style="grid-template-columns:1fr; gap:16px; margin-top:20px;">
-
- <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF6B6B; border-radius:var(--radius-md);">
- <div style="display:grid; grid-template-columns:160px 1.1fr 1.2fr 1fr; gap:18px; align-items:start;">
- <div>
- <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">MUST-HAVE</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.05rem; margin-bottom:6px;">必备需求</div>
- <div style="color:var(--text-3); font-size:0.76rem; line-height:1.55;">没有就不买 · 家长的底线</div>
- </div>
- <div>
- <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">对应需求</div>
- <ul style="margin:0; padding-left:18px; list-style:disc; color:var(--text-1); font-size:0.84rem; line-height:1.7;">
- <li style="margin-bottom:4px;">OTC 蓝帽子国药准字</li><li style="margin-bottom:4px;">无防腐剂 / 无色素 / 无香精</li><li style="margin-bottom:4px;">说明书明确适用年龄</li>
- </ul>
- </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:#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.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;">"宝宝肠胃守护~拜奥益生菌 · 家有娃的看过来👀!拜奥益生菌~含罗伊氏乳杆菌,调理肠胃,添加了维生素D₃。纯净无添加,冷链运输保障活性,宝宝吃着放心"</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>
- <div>
- <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">决策映射</div>
- <div style="padding:10px 12px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:4px; font-size:0.8rem; line-height:1.6;">
- <strong>蓝帽 OTC 双证 · 成分表公开 · 分龄说明书</strong>
- </div>
- </div>
- </div>
- </div>
- <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #7ED4C2; border-radius:var(--radius-md);">
- <div style="display:grid; grid-template-columns:160px 1.1fr 1.2fr 1fr; gap:18px; align-items:start;">
- <div>
- <div class="text-mono text-xs" style="color:#7ED4C2; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">PERFORMANCE</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.05rem; margin-bottom:6px;">期望需求</div>
- <div style="color:var(--text-3); font-size:0.76rem; line-height:1.55;">越好越愿意付钱</div>
- </div>
- <div>
- <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">对应需求</div>
- <ul style="margin:0; padding-left:18px; list-style:disc; color:var(--text-1); font-size:0.84rem; line-height:1.7;">
- <li style="margin-bottom:4px;">便秘 / 积食 / 挑食 / 腹泻 真实改善</li><li style="margin-bottom:4px;">连服 7-14 天可见体感</li><li style="margin-bottom:4px;">停药不反弹 / 菌群稳定</li>
- </ul>
- </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.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:#888; font-size:0.7rem; font-weight:600;">● 中性</span>
- <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥2.1w</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]我家娃是啥手段都不管用,只能按着灌,灌几次就自己主动喝了"</div>
-
-
- </div>
- </div>
- <div>
- <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">决策映射</div>
- <div style="padding:10px 12px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:4px; font-size:0.8rem; line-height:1.6;">
- <strong>临床数据背书 · 7 天效果打卡包 · 长期服用无反弹</strong>
- </div>
- </div>
- </div>
- </div>
- <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #2D9C5D; border-radius:var(--radius-md);">
- <div style="display:grid; grid-template-columns:160px 1.1fr 1.2fr 1fr; gap:18px; align-items:start;">
- <div>
- <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">ATTRACTIVE</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.05rem; margin-bottom:6px;">兴奋需求</div>
- <div style="color:var(--text-3); font-size:0.76rem; line-height:1.55;">没想到的惊喜 · 溢价来源</div>
- </div>
- <div>
- <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">对应需求</div>
- <ul style="margin:0; padding-left:18px; list-style:disc; color:var(--text-1); font-size:0.84rem; line-height:1.7;">
- <li style="margin-bottom:4px;">孩子主动要吃(不用哄)</li><li style="margin-bottom:4px;">分龄卡通礼盒(0-3 / 3-6 / 6-12)</li><li style="margin-bottom:4px;">小程序家长社群 + 医生答疑</li>
- </ul>
- </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;">辰辰妈美食</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);">♥2.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:#2D9C5D12; color:#2D9C5D; border-radius:3px; font-size:0.68rem; font-weight:600;">糖分抵触</span>
- </div>
-
- </div>
- </div>
- <div>
- <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">决策映射</div>
- <div style="padding:10px 12px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:4px; font-size:0.8rem; line-height:1.6;">
- <strong>水果味咀嚼片 + IP 联名 + 家长 App 记录</strong>
- </div>
- </div>
- </div>
- </div>
- <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #87A96B; border-radius:var(--radius-md);">
- <div style="display:grid; grid-template-columns:160px 1.1fr 1fr; gap:18px; align-items:start;">
- <div>
- <div class="text-mono text-xs" style="color:#87A96B; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">INDIFFERENT</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.05rem; margin-bottom:6px;">无差异需求</div>
- <div style="color:var(--text-3); font-size:0.76rem; line-height:1.55;">做了也不加分 · 成本浪费</div>
- </div>
- <div>
- <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">对应需求</div>
- <ul style="margin:0; padding-left:18px; list-style:disc; color:var(--text-1); font-size:0.84rem; line-height:1.7;">
- <li style="margin-bottom:4px;">钙/锌/维生素复合(稀释主心智)</li><li style="margin-bottom:4px;">过多菌株堆砌(多 = 好的幻觉)</li><li style="margin-bottom:4px;">进口原料包装(国货反而更可信)</li>
- </ul>
- </div>
-
- <div>
- <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">决策映射</div>
- <div style="padding:10px 12px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:4px; font-size:0.8rem; line-height:1.6;">
- <strong>做减法:单一乳酸菌素 > 成分杂交</strong>
- </div>
- </div>
- </div>
- </div>
- <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #8B2942; border-radius:var(--radius-md);">
- <div style="display:grid; grid-template-columns:160px 1.1fr 1.2fr 1fr; gap:18px; align-items:start;">
- <div>
- <div class="text-mono text-xs" style="color:#8B2942; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">REVERSE</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.05rem; margin-bottom:6px;">反向需求</div>
- <div style="color:var(--text-3); font-size:0.76rem; line-height:1.55;">做了反而更差</div>
- </div>
- <div>
- <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">对应需求</div>
- <ul style="margin:0; padding-left:18px; list-style:disc; color:var(--text-1); font-size:0.84rem; line-height:1.7;">
- <li style="margin-bottom:4px;">药盒严肃感(降低儿童接受度)</li><li style="margin-bottom:4px;">硬广洗脑(家长反感 KOL 说教)</li><li style="margin-bottom:4px;">恐惧营销("不吃就生病"吓坏家长)</li>
- </ul>
- </div>
- <div>
- <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #8B2942; 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);">♥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.86rem; line-height:1.62;">"你们说油麦菜苦,今天吃虾仁西兰花 · 答对了,她是任何蔬菜都不吃 #反相育儿 #孩子挑食 #带娃日常 #不吃菜"</div>
- <div style="display:flex; flex-wrap:wrap; gap:4px;">
- <span style="padding:2px 8px; background:#8B294212; color:#8B2942; border-radius:3px; font-size:0.68rem; font-weight:600;">挑食厌食</span><span style="padding:2px 8px; background:#8B294212; color:#8B2942; border-radius:3px; font-size:0.68rem; font-weight:600;">喂药困难</span>
- </div>
-
- </div>
- </div>
- <div>
- <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">决策映射</div>
- <div style="padding:10px 12px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:4px; font-size:0.8rem; line-height:1.6;">
- <strong>禁止药盒设计 · 禁止恐惧营销 · 禁止硬广洗脑</strong>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#8B5CF608; border:1px solid #8B5CF633; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · KANO 优先级</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:#8B5CF6; 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>必备 P0</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:#8B5CF6; 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>期望 P1</strong>:7 天见效打卡 + 真实临床数据 + 停药不反弹宣传</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:#8B5CF6; 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>兴奋 P2</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:#8B5CF6; 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>:不做药盒感 / 不做恐惧营销 / 不做硬广 TVC</div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="report-section" id="kano-2" data-tone="purple" data-slide-num="19/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#0085CA;">4.2 · JTBD Functional</div>
- <h2 class="text-h1"><span class="headline-anim"><span style="color:#0085CA;">家长 Functional</span>:4 个"雇佣乳酸菌素片"干的真实活</span></h2>
- <p class="section-sub">家长不在意"益生菌",在意<strong>"孩子的 4 个具体问题</strong>"。每个 Job 都对应真实高赞 VOC + 可量化的成功指标。</p>
- </div>
- <div class="grid" style="grid-template-columns:1fr 1fr; gap:18px; margin-top:20px;">
-
- <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF6B6B; border-radius:var(--radius-md);">
- <div style="display:flex; align-items:center; gap:10px; margin-bottom:12px;">
- <div style="font-size:1.8rem;">🚫</div>
- <div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.08rem;">解决·便秘</div>
- <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; margin-top:2px;">JOB-TO-BE-DONE</div>
- </div>
- </div>
- <div style="padding:12px 14px; background:#FF6B6B08; border-left:3px solid #FF6B6B; border-radius:4px; margin-bottom:12px;">
- <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;"><strong>"孩子好几天才上一次wc,肚子也鼓鼓的"</strong>(合生元 ♥144)</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:#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.4k</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="margin-top:12px; padding:10px 12px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:4px; font-weight:700;">成功指标</div>
- <div style="color:var(--text-1); font-size:0.82rem;">连服 7-14 天排便通畅率 ≥ 70%</div>
- </div>
- </div>
- <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF8C42; border-radius:var(--radius-md);">
- <div style="display:flex; align-items:center; gap:10px; margin-bottom:12px;">
- <div style="font-size:1.8rem;">🍔</div>
- <div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.08rem;">解决·积食</div>
- <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.1em; margin-top:2px;">JOB-TO-BE-DONE</div>
- </div>
- </div>
- <div style="padding:12px 14px; background:#FF8C4208; border-left:3px solid #FF8C42; border-radius:4px; margin-bottom:12px;">
- <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;"><strong>"孩子重度积食了‼️"</strong>(XHS ♥2247)</div>
- </div>
- <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF8C42; 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);">♥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.86rem; line-height:1.62;">"宝宝腹泻隐藏神器!过来人才懂的秘密! · 经历过了才知道,秋冬季宝宝腹泻最常见的有两种: 1.病毒感染 2.着凉/积食 知道原因简单,“喂💊”才是难题💔 可以"</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><span style="padding:2px 8px; background:#FF8C4212; color:#FF8C42; border-radius:3px; font-size:0.68rem; font-weight:600;">积食痛点</span>
- </div>
-
- </div>
- <div style="margin-top:12px; padding:10px 12px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:4px; font-weight:700;">成功指标</div>
- <div style="color:var(--text-1); font-size:0.82rem;">舌苔 + 口气 + 食欲改善 7-14 天</div>
- </div>
- </div>
- <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #0085CA; border-radius:var(--radius-md);">
- <div style="display:flex; align-items:center; gap:10px; margin-bottom:12px;">
- <div style="font-size:1.8rem;">💊</div>
- <div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.08rem;">解决·抗生素后</div>
- <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.1em; margin-top:2px;">JOB-TO-BE-DONE</div>
- </div>
- </div>
- <div style="padding:12px 14px; background:#0085CA08; border-left:3px solid #0085CA; border-radius:4px; margin-bottom:12px;">
- <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;"><strong>"抗生素后停后多久吃益生菌?顺序错了白花钱"</strong>(XHS ♥839)</div>
- </div>
- <div style="padding:12px; background:var(--bg-2); border-radius:4px; color:var(--text-3); font-size:0.8rem; text-align:center;">—— VOC 数据暂缺 ——</div>
- <div style="margin-top:12px; padding:10px 12px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:4px; font-weight:700;">成功指标</div>
- <div style="color:var(--text-1); font-size:0.82rem;">抗生素后肠道菌群恢复 10-14 天</div>
- </div>
- </div>
- <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FFD166; border-radius:var(--radius-md);">
- <div style="display:flex; align-items:center; gap:10px; margin-bottom:12px;">
- <div style="font-size:1.8rem;">🍚</div>
- <div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.08rem;">改善·挑食厌食</div>
- <div class="text-mono text-xs" style="color:#FFD166; letter-spacing:0.1em; margin-top:2px;">JOB-TO-BE-DONE</div>
- </div>
- </div>
- <div style="padding:12px 14px; background:#FFD16608; border-left:3px solid #FFD166; border-radius:4px; margin-bottom:12px;">
- <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;"><strong>"饭渣孩子 ♥8540 全攻略"</strong>——挑食是脾胃问题不是性格问题</div>
- </div>
- <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FFD166; 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:#FFD16612; color:#FFD166; border-radius:3px; font-size:0.68rem; font-weight:600;">挑食厌食</span>
- </div>
-
- </div>
- <div style="margin-top:12px; padding:10px 12px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:4px; font-weight:700;">成功指标</div>
- <div style="color:var(--text-1); font-size:0.82rem;">3-4 周食欲 / 进食量 / 专注度提升</div>
- </div>
- </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;">落地决策 · Functional 落位</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>Functional 话术四句</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;"><strong>Job-to-be-Done 卡位</strong>:不讲"益生菌好",讲"孩子便秘/积食 14 天改善"</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;"><strong>度量 KPI</strong>:14 天改善率 / 3 个月续购率 / 家长 NPS</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>:XHS"7 天/14 天打卡" + 抖音"孩子前后对比"</div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="report-section" id="kano-3" data-tone="purple" data-slide-num="20/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#FF6B6B;">4.3 · JTBD Emotional</div>
- <h2 class="text-h1"><span class="headline-anim"><span style="color:#FF6B6B;">家长 Emotional</span>:从 4 条焦虑到 4 条安心</span></h2>
- <p class="section-sub">家长买的不只是药,是<strong>一种情绪状态的转移</strong>——从"带娃焦虑睡不着"到"每天一片不操心"。</p>
- </div>
- <div class="grid" style="grid-template-columns:1fr 1fr; gap:18px; margin-top:20px;">
-
- <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF6B6B; border-radius:var(--radius-md);">
- <div style="color:var(--text-1); font-weight:800; font-size:1.08rem; margin-bottom:14px;">化解"带娃生病焦虑"</div>
- <div style="display:grid; grid-template-columns:1fr auto 1fr; gap:10px; align-items:center; margin-bottom:14px;">
- <div style="padding:12px 14px; background:#FF6B6B0A; border:1px solid #FF6B6B33; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FF6B6B; margin-bottom:4px; font-weight:700;">BEFORE · 焦虑</div>
- <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6;">"孩子拉肚子一天 5 次" ♥4312 · "吃饭像打仗" ♥1144</div>
- </div>
- <div style="color:#FF6B6B; font-size:1.6rem;">→</div>
- <div style="padding:12px 14px; background:#FF6B6B0A; border:1px solid #FF6B6B33; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FF6B6B; margin-bottom:4px; font-weight:700;">AFTER · 安心</div>
- <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6; font-weight:600;">"家里有常备的一瓶,半夜不用跑医院"</div>
- </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;">一一妈noya</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.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.86rem; line-height:1.62;">"破防了‼️当我听到'饭渣'孩子的心声… · [斜眼R]当你能听见娃的“心声”… 才发现,有些“不听话”,其实是肚子在发⚠️信号! 吃饭🍚像打仗?可能是脾胃“小马达"</div>
-
-
- </div>
- </div>
- <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF8C42; border-radius:var(--radius-md);">
- <div style="color:var(--text-1); font-weight:800; font-size:1.08rem; margin-bottom:14px;">化解"混用多品牌焦虑"</div>
- <div style="display:grid; grid-template-columns:1fr auto 1fr; gap:10px; align-items:center; margin-bottom:14px;">
- <div style="padding:12px 14px; background:#FF6B6B0A; border:1px solid #FF6B6B33; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FF6B6B; margin-bottom:4px; font-weight:700;">BEFORE · 焦虑</div>
- <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6;">"吃合生元,都说应该吃食品级益生菌,买了肯贝优...八十人说八十样" ♥1</div>
- </div>
- <div style="color:#FF8C42; font-size:1.6rem;">→</div>
- <div style="padding:12px 14px; background:#FF8C420A; border:1px solid #FF8C4233; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FF8C42; margin-bottom:4px; font-weight:700;">AFTER · 安心</div>
- <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6; font-weight:600;">"一瓶管一年,不用再对比十几个品牌"</div>
- </div>
- </div>
- <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF8C42; 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:#FF8C42; font-size:0.7rem; font-weight:600;">◆ 矛盾</span>
- <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥939</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;">"长期吃益生菌的副作用(已停2个月) · 我吃益生菌的习惯是被身边人影响的。一开始很抗拒,担心会产生依赖❓但实在是没办法了,真的很难受。😣 按照💊剂师朋友说可"</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><span style="padding:2px 8px; background:#FF8C4212; color:#FF8C42; border-radius:3px; font-size:0.68rem; font-weight:600;">喂药困难</span>
- </div>
-
- </div>
- </div>
- <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF4D8D; border-radius:var(--radius-md);">
- <div style="color:var(--text-1); font-weight:800; font-size:1.08rem; margin-bottom:14px;">化解"长期服用焦虑"</div>
- <div style="display:grid; grid-template-columns:1fr auto 1fr; gap:10px; align-items:center; margin-bottom:14px;">
- <div style="padding:12px 14px; background:#FF6B6B0A; border:1px solid #FF6B6B33; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FF6B6B; margin-bottom:4px; font-weight:700;">BEFORE · 焦虑</div>
- <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6;">"乳酸菌有个成分,吃多致癌" 谣言 / "长期吃益生菌的副作用" ♥939</div>
- </div>
- <div style="color:#FF4D8D; font-size:1.6rem;">→</div>
- <div style="padding:12px 14px; background:#FF4D8D0A; border:1px solid #FF4D8D33; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FF4D8D; margin-bottom:4px; font-weight:700;">AFTER · 安心</div>
- <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6; font-weight:600;">"OTC 药品级,江中老国货,长期吃也放心"</div>
- </div>
- </div>
- <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF4D8D; 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);">♥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.86rem; line-height:1.62;">"管钱方面我从来没在怕的,还想套路我?#妈咪爱钙片 #好物分享 #记录孩子成长 #亲子搞笑 #妈咪爱钙维KD咀嚼片"</div>
- <div style="display:flex; flex-wrap:wrap; gap:4px;">
- <span style="padding:2px 8px; background:#FF4D8D12; color:#FF4D8D; border-radius:3px; font-size:0.68rem; font-weight:600;">妈咪爱好评</span><span style="padding:2px 8px; background:#FF4D8D12; color:#FF4D8D; border-radius:3px; font-size:0.68rem; font-weight:600;">咀嚼片认可</span>
- </div>
-
- </div>
- </div>
- <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF8BA7; border-radius:var(--radius-md);">
- <div style="color:var(--text-1); font-weight:800; font-size:1.08rem; margin-bottom:14px;">化解"喂药抗拒焦虑"</div>
- <div style="display:grid; grid-template-columns:1fr auto 1fr; gap:10px; align-items:center; margin-bottom:14px;">
- <div style="padding:12px 14px; background:#FF6B6B0A; border:1px solid #FF6B6B33; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FF6B6B; margin-bottom:4px; font-weight:700;">BEFORE · 焦虑</div>
- <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6;">"喂药像打仗,吐出来半片满手都是" · "一次一板好麻烦"</div>
- </div>
- <div style="color:#FF8BA7; font-size:1.6rem;">→</div>
- <div style="padding:12px 14px; background:#FF8BA70A; border:1px solid #FF8BA733; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FF8BA7; margin-bottom:4px; font-weight:700;">AFTER · 安心</div>
- <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6; font-weight:600;">"孩子追着要吃,水果味一板就够两次"</div>
- </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);">♥1.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><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 class="fade-up" style="margin-top:24px;">
- <div class="rise-in" style="padding:28px 32px; background:linear-gradient(135deg, #FF6B6B12, #FF6B6B04); border-left:4px solid #FF6B6B; border-radius:var(--radius-md); margin-bottom:32px;">
- <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">EMOTIONAL PROMISE · 情绪承诺</div>
- <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;"><strong>"乳酸菌素片不是治病的药,是<span style='color:#2D9C5D;'>一粒让妈妈放心的每日仪式</span>"</strong>——这是情绪价值的共同母题。</div>
- <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">广告片不拍产品,拍<em>妈妈看着孩子主动开瓶子那一刻的嘴角</em>——那是真正的情绪价值成交。</div>
- </div>
- </div>
- <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#FF6B6B08; border:1px solid #FF6B6B33; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · Emotional 落位</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:#FF6B6B; 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:#FF6B6B; 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:#FF6B6B; 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:#FF6B6B; 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>:XHS"新手妈妈互助小组" · 抖音"带娃不焦虑打卡"</div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="report-section" id="kano-4" data-tone="purple" data-slide-num="21/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#C8A04B;">4.4 · JTBD Social</div>
- <h2 class="text-h1"><span class="headline-anim"><span style="color:#C8A04B;">Social 社会价值</span>:4 个社交符号 × 家长 + 儿童双视角</span></h2>
- <p class="section-sub">产品不是孤立存在的——它是家长朋友圈、孩子幼儿园、祖辈代际间的<strong>社交符号道具</strong>。每个符号对应关系 × 场景 × 身份表达。</p>
- </div>
- <div class="grid" style="grid-template-columns:1fr 1fr; gap:18px; margin-top:20px;">
-
- <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF8BA7; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#FF8BA7; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">SOCIAL ROLE</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.08rem; margin-bottom:12px;">妈妈圈专业感徽章</div>
- <div style="padding:12px 14px; background:#FF8BA708; border-left:3px solid #FF8BA7; border-radius:4px; margin-bottom:12px;">
- <div class="text-mono text-xs" style="color:#FF8BA7; margin-bottom:4px; font-weight:700;">场景剧本</div>
- <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6;">家长群 / 幼儿园接送 / 同事午餐 → "我家娃吃乳酸菌素片,江中的,日常调理很温和"</div>
- </div>
- <div style="padding:10px 12px; background:#8B5CF60A; border-radius:4px; margin-bottom:12px;">
- <div class="text-mono text-xs" style="color:#8B5CF6; margin-bottom:4px; font-weight:700;">VOC HOOK</div>
- <div style="color:var(--text-1); font-size:0.8rem; line-height:1.55;">新手妈妈通过"给孩子吃对的东西"建立妈妈圈专业人设——乳酸菌素片作为 OTC 国货,比合生元进口款更有"懂行的内行感"</div>
- </div>
- <div style="padding:10px 12px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#2D9C5D; margin-bottom:4px; font-weight:700;">身份标签</div>
- <div style="color:var(--text-1); font-size:0.84rem;">妈妈圈的<strong>"懂事又理性"</strong>专业标签</div>
- </div>
- </div>
- <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FFD166; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#FFD166; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">SOCIAL ROLE</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.08rem; margin-bottom:12px;">孩子被羡慕的零食感</div>
- <div style="padding:12px 14px; background:#FFD16608; border-left:3px solid #FFD166; border-radius:4px; margin-bottom:12px;">
- <div class="text-mono text-xs" style="color:#FFD166; margin-bottom:4px; font-weight:700;">场景剧本</div>
- <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6;">幼儿园午睡后 / 家庭聚会 / 朋友家玩耍 → 孩子从小书包掏出一板咀嚼片 → 其他小朋友围观</div>
- </div>
- <div style="padding:10px 12px; background:#8B5CF60A; border-radius:4px; margin-bottom:12px;">
- <div class="text-mono text-xs" style="color:#8B5CF6; margin-bottom:4px; font-weight:700;">VOC HOOK</div>
- <div style="color:var(--text-1); font-size:0.8rem; line-height:1.55;">儿童的社交信号 = "我有你没有的东西"。水果味独立包装 + 卡通 IP = 孩子的社交货币。家长发现孩子主动要吃 = 复购+口碑双飞</div>
- </div>
- <div style="padding:10px 12px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#2D9C5D; margin-bottom:4px; font-weight:700;">身份标签</div>
- <div style="color:var(--text-1); font-size:0.84rem;">孩子群体中的<strong>"被看见 / 被羡慕"</strong>小确幸</div>
- </div>
- </div>
- <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #C8A04B; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#C8A04B; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">SOCIAL ROLE</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.08rem; margin-bottom:12px;">祖辈送孩子的 "爱意表达"</div>
- <div style="padding:12px 14px; background:#C8A04B08; border-left:3px solid #C8A04B; border-radius:4px; margin-bottom:12px;">
- <div class="text-mono text-xs" style="color:#C8A04B; margin-bottom:4px; font-weight:700;">场景剧本</div>
- <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6;">春节 / 周末探亲 / 节日礼品 → 奶奶给孙子买 / 姥姥给外孙准备</div>
- </div>
- <div style="padding:10px 12px; background:#8B5CF60A; border-radius:4px; margin-bottom:12px;">
- <div class="text-mono text-xs" style="color:#8B5CF6; margin-bottom:4px; font-weight:700;">VOC HOOK</div>
- <div style="color:var(--text-1); font-size:0.8rem; line-height:1.55;">祖辈带娃普遍焦虑"孩子肠胃脾胃"(中式育儿痛点),送礼盒装乳酸菌素片 = "我关心你的根"</div>
- </div>
- <div style="padding:10px 12px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#2D9C5D; margin-bottom:4px; font-weight:700;">身份标签</div>
- <div style="color:var(--text-1); font-size:0.84rem;">祖辈 → 孙辈的<strong>"中式关心仪式"</strong>具象化</div>
- </div>
- </div>
- <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #2D9C5D; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">SOCIAL ROLE</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.08rem; margin-bottom:12px;">家庭守护者角色</div>
- <div style="padding:12px 14px; background:#2D9C5D08; border-left:3px solid #2D9C5D; border-radius:4px; margin-bottom:12px;">
- <div class="text-mono text-xs" style="color:#2D9C5D; margin-bottom:4px; font-weight:700;">场景剧本</div>
- <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6;">夫妻间 / 家人间 → "老婆,我给娃囤了一年份" · "老公记得给娃带一板去幼儿园"</div>
- </div>
- <div style="padding:10px 12px; background:#8B5CF60A; border-radius:4px; margin-bottom:12px;">
- <div class="text-mono text-xs" style="color:#8B5CF6; margin-bottom:4px; font-weight:700;">VOC HOOK</div>
- <div style="color:var(--text-1); font-size:0.8rem; line-height:1.55;">夫妻协作 / 家庭成员间的"对孩子的共同关心"——乳酸菌素片作为家庭常备成为"我们一起守护孩子"的实物锚点</div>
- </div>
- <div style="padding:10px 12px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#2D9C5D; margin-bottom:4px; font-weight:700;">身份标签</div>
- <div style="color:var(--text-1); font-size:0.84rem;">家庭关系中的<strong>"共同负责"</strong>具象化</div>
- </div>
- </div>
- </div>
- <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#C8A04B08; border:1px solid #C8A04B33; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#C8A04B; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 4 个社交符号产品化</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:#C8A04B; 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>:XHS"新手妈妈 OTC 选择" × 抖音育儿 KOL 测评</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:#C8A04B; 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>:分龄卡通 IP 联名(喜羊羊 / 宝宝巴士 / 小猪佩奇)</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:#C8A04B; 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>:节日礼盒 ¥198-298 · "送孙子的健康"</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:#C8A04B; 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="kano-5" data-tone="purple" data-slide-num="22/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#87A96B;">4.5 · 决策优先级</div>
- <h2 class="text-h1"><span class="headline-anim"><span style="color:#87A96B;">KANO × JTBD</span> → <span style="color:#2D9C5D;">SKU / 话术 / 包装 / 价格</span> 映射</span></h2>
- <p class="section-sub">KANO 5 类 × JTBD 3 维 = <strong>15 项具体决策</strong>,每一项在下游 SKU / 话术 / 包装 / 价格上都有直接映射。</p>
- </div>
- <div style="margin-top:20px;">
- <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:#87A96B; letter-spacing:0.15em; margin-bottom:12px; font-weight:700;">DECISION MATRIX · 决策矩阵</div>
- <table style="width:100%; border-collapse:collapse; font-size:0.88rem;">
- <thead>
- <tr style="border-bottom:2px solid #87A96B33;">
- <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:#87A96B; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">Functional 功能</th><th style="text-align:center; padding:10px 6px; color:#87A96B; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">Emotional 情绪</th><th style="text-align:center; padding:10px 6px; color:#87A96B; font-weight:700; font-size:0.8rem; letter-spacing:0.05em;">Social 社会</th>
- </tr>
- </thead>
- <tbody>
- <tr style="border-bottom:1px solid var(--border);">
- <td style="padding:10px 6px; color:#FF6B6B; text-align:left; font-weight:700;"><strong>必备</strong></td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">OTC 合规 × 成分表公开</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:#7ED4C2; text-align:left; font-weight:700;"><strong>期望</strong></td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">便秘/积食/挑食 14 天见效</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:#2D9C5D; text-align:left; font-weight:700;"><strong>兴奋</strong></td><td style="padding:10px 6px; color:var(--text-1); text-align:center; font-weight:400;">7 天打卡包 + 专家答疑</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;">卡通 IP 联名 + 送礼礼盒</td>
- </tr><tr style="border-bottom:1px solid var(--border);">
- <td style="padding:10px 6px; color:#87A96B; text-align:left; font-weight:700;"><strong>无差异</strong></td><td style="padding:10px 6px; color:#87A96B; text-align:center; font-weight:400;">避免多成分堆砌</td><td style="padding:10px 6px; color:#87A96B; text-align:center; font-weight:400;">避免过度情绪包装</td><td style="padding:10px 6px; color:#87A96B; text-align:center; font-weight:400;">避免进口营销套路</td>
- </tr><tr style="border-bottom:1px solid var(--border);">
- <td style="padding:12px 6px; color:#8B2942; text-align:left; font-weight:700;"><strong>反向</strong></td><td style="padding:12px 6px; color:#8B2942; text-align:center; font-weight:400;">✗ 剂量夸张 / 虚假宣称</td><td style="padding:12px 6px; color:#8B2942; text-align:center; font-weight:400;">✗ 恐惧营销 / 吓坏家长</td><td style="padding:12px 6px; color:#8B2942; text-align:center; font-weight:400;">✗ 药盒感 / 硬广轰炸</td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- <div class="grid" style="grid-template-columns:1fr 1fr 1fr 1fr; gap:14px; margin-top:24px;">
- <div style="padding:18px; background:#FF6B6B08; border:1px solid #FF6B6B33; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#FF6B6B; margin-bottom:8px; font-weight:700;">SKU 映射</div>
- <div style="color:var(--text-1); font-size:0.84rem; line-height:1.7;">
- · 日常瓶 60 片 ¥58<br/>
- · 独立板装 2×14 ¥45<br/>
- · 分龄礼盒(3 规格)¥128<br/>
- · 国礼装 ¥298<br/>
- · 入园装 30 板 ¥75
- </div>
- </div>
- <div style="padding:18px; background:#7ED4C208; border:1px solid #7ED4C233; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#7ED4C2; margin-bottom:8px; font-weight:700;">话术映射</div>
- <div style="color:var(--text-1); font-size:0.84rem; line-height:1.7;">
- · 儿童肠道养护 OTC<br/>
- · 告别瓶瓶罐罐<br/>
- · 江中老国货我放心<br/>
- · 日常吃每天一片<br/>
- · 家长+孩子都爱
- </div>
- </div>
- <div style="padding:18px; background:#FFD16608; border:1px solid #FFD16633; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#FFD166; margin-bottom:8px; font-weight:700;">包装映射</div>
- <div style="color:var(--text-1); font-size:0.84rem; line-height:1.7;">
- · 去药盒化 轻养生风<br/>
- · 卡通 IP × 分龄配色<br/>
- · 草莓/酸奶/橙子三口味<br/>
- · 独立板装带日期<br/>
- · 蓝帽子 OTC 显眼
- </div>
- </div>
- <div style="padding:18px; background:#2D9C5D08; border:1px solid #2D9C5D33; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#2D9C5D; margin-bottom:8px; font-weight:700;">价格映射</div>
- <div style="color:var(--text-1); font-size:0.84rem; line-height:1.7;">
- · 入门带:¥45-75<br/>
- · 主销带:¥128-198<br/>
- · 礼品带:¥298-498<br/>
- · vs 合生元超金:-50%<br/>
- · vs 妈咪爱:+30% 溢价
- </div>
- </div>
- </div>
- <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#87A96B08; border:1px solid #87A96B33; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#87A96B; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 5 类需求执行优先级</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:#87A96B; 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>P0 必备</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:#87A96B; 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>P1 期望</strong>:14 天见效话术 + 临床数据 + 长期可服</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:#87A96B; 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>P2 兴奋</strong>:卡通 IP 联名 + 分龄礼盒 + 家长社群</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:#87A96B; 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="scene" data-tone="orange" data-slide-num="23/38" 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;">05</div>
- <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">CHAPTER 5 · SCENE MAP</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;">SCENE MAP</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;">时间 × 空间 × 触发事件 × 人群</strong> 四元素交叉,乳酸菌素片独占 <strong>入园生病 / 抗生素后 / 挑食积食 / 换季腹泻</strong> 四大高频场景——每个场景都在 XHS + 抖音有高赞家长 VOC 可做证据。其中<strong style="color:#FF8BA7;">入园季(9月)+ 开学季(3月)</strong>是全年两个消费高峰,带独特人群(新手妈妈 + 3-6 岁宝宝)和独家话术模板。</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 #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;">5.1</div>
- <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">场景#1·入园生病·集体生活综合征</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;">5.2</div>
- <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">场景#2·抗生素后·肠道修复刚需</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;">5.3</div>
- <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">场景#3·挑食积食·日常消化养护</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;">5.4</div>
- <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">场景#4·换季腹泻·季节性防护</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 个子章 · VOC 实证 × 理论 × 决策</div>
- </div>
- </div>
- </section>
- <section class="report-section" id="scene-1" data-tone="orange" data-slide-num="24/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#FF8BA7;">5.1 · 场景 #1</div>
- <h2 class="text-h1"><span class="headline-anim"><span style="color:#FF8BA7;">入园生病</span>·集体生活综合征·乳酸菌素片最强场景</span></h2>
- <p class="section-sub">每年 9 月入园季 + 3 月开学季 = 家长<strong>集体焦虑两大高峰</strong>。 "孩子一上幼儿园就病"已经是普适痛点,肠道养护是免疫力的根基。</p>
- </div>
-
- <div class="fade-up" style="padding:22px 26px; background:linear-gradient(135deg, #FF8BA710, #FF8BA704); border-left:4px solid #FF8BA7; border-radius:var(--radius-md); margin-bottom:28px;">
- <div class="text-mono text-xs" style="color:#FF8BA7; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">SCENE ANATOMY · 四元素解剖</div>
- <div style="color:var(--text-1); font-size:1.12rem; line-height:1.72; margin-bottom:10px;"><strong>"到底是谁在推合生元超金菌啊?我家崽现在2岁7个月,送幼儿园以后不知道是不是吃的太杂了 孩子好几天才上一次wc"</strong>(XHS ♥144)</div>
- <div style="color:var(--text-2); font-size:0.92rem; margin-bottom:14px;">入园后肠道紊乱是家长集体认知到的痛点,但现在只能选食品级益生菌—— 乳酸菌素片作为 OTC 药品级,是该场景的"真正答案"。</div>
- <div style="display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;">
- <div style="padding:12px 14px; background:#FF8BA708; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FF8BA7; font-weight:700; margin-bottom:4px;">🕐 TIME</div>
- <div style="color:var(--text-1); font-size:0.82rem; line-height:1.5;">9 月入园季 / 3 月开学季 · 秋冬换季 · 平日放学后</div>
- </div>
- <div style="padding:12px 14px; background:#FF8BA708; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FF8BA7; font-weight:700; margin-bottom:4px;">📍 SPACE</div>
- <div style="color:var(--text-1); font-size:0.82rem; line-height:1.5;">家 / 幼儿园接送路上 / 奶奶家托管</div>
- </div>
- <div style="padding:12px 14px; background:#FF8BA708; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FF8BA7; font-weight:700; margin-bottom:4px;">⚡ TRIGGER</div>
- <div style="color:var(--text-1); font-size:0.82rem; line-height:1.5;">第一次送托 / 班里小朋友交叉感染 / 集体吃饭不适应 / 频繁生病</div>
- </div>
- <div style="padding:12px 14px; background:#FF8BA708; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FF8BA7; font-weight:700; margin-bottom:4px;">👤 PERSONA</div>
- <div style="color:var(--text-1); font-size:0.82rem; line-height:1.5;">25-35 岁新手妈妈 · 2-6 岁宝宝 · 入园焦虑期家长</div>
- </div>
- </div>
- </div>
- <div class="grid" style="grid-template-columns:1.1fr 0.9fr; gap:24px; margin-top:20px;">
- <div>
- <div class="text-mono text-xs" style="color:#FF8BA7; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC · 入园家长真实吐槽</div>
- <div style="display:flex; flex-direction:column; gap:12px;">
- <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:#FF6B6B; font-size:0.7rem; font-weight:600;">▼ 差评</span>
- <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥240</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><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.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:#FF6B6B; font-size:0.7rem; font-weight:600;">▼ 差评</span>
- <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥25</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><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:#FF6B6B; font-size:0.7rem; font-weight:600;">▼ 差评</span>
- <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥157</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><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);">♥3.6k</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;">"7种宝宝腹泻常见问题❗️原因分析&食谱 · 🔍判断宝宝是否腹泻: 1⃣️观察大便次数 - 与宝宝平时的排便习惯相比,大便次数明显增多。比如原本每天排便"</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>
- <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:linear-gradient(135deg, #FF8BA70E, transparent); border:1px solid #FF8BA730; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#FF8BA7; letter-spacing:0.2em; margin-bottom:12px; font-weight:700;">THEORY · SOLUTION · 乳酸菌素片的 3 阶段入园护航</div>
- <div style="color:var(--text-1); font-size:0.95rem; line-height:1.72;">
- <div style="display:flex; flex-direction:column; gap:12px; font-size:0.88rem;">
- <div style="padding:14px 16px; background:#FF8BA70C; border-left:3px solid #FF8BA7; border-radius:4px;">
- <div style="color:#FF8BA7; font-weight:700; margin-bottom:4px;">① 入园前 1 个月(8 月/2 月)</div>
- <div style="color:var(--text-2); font-size:0.84rem;">日常调理肠道 <strong>提前建立菌群基础</strong> · 应对突变饮食环境</div>
- </div>
- <div style="padding:14px 16px; background:#FF8BA70C; border-left:3px solid #FF8BA7; border-radius:4px;">
- <div style="color:#FF8BA7; font-weight:700; margin-bottom:4px;">② 入园后前 3 个月(高发期)</div>
- <div style="color:var(--text-2); font-size:0.84rem;">每天 1 板咀嚼片(带去幼儿园)· <strong>应对交叉感染 + 集体生活冲击</strong></div>
- </div>
- <div style="padding:14px 16px; background:#FF8BA70C; border-left:3px solid #FF8BA7; border-radius:4px;">
- <div style="color:#FF8BA7; font-weight:700; margin-bottom:4px;">③ 感冒/腹泻/抗生素后(应急)</div>
- <div style="color:var(--text-2); font-size:0.84rem;">配合医嘱使用 · <strong>修复肠道屏障 + 恢复菌群平衡</strong></div>
- </div>
- </div>
- </div>
- </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;">落地决策 · 入园场景产品化</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>SKU:入园装 30 板 ¥75</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>:8-9 月 / 2-3 月 两波入园季集中投放 XHS + 抖音</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>:<em>"入园 100 天肠道养护打卡营"</em> + 宝妈群社群运营</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;"><strong>渠道优先</strong>:药店入园专区 + 京东母婴入园购物车 + 幼儿园合作</div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="report-section" id="scene-2" data-tone="orange" data-slide-num="25/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#0085CA;">5.2 · 场景 #2</div>
- <h2 class="text-h1"><span class="headline-anim"><span style="color:#0085CA;">抗生素后</span>·肠道修复刚需·医生都推荐</span></h2>
- <p class="section-sub">抗生素(头孢/阿莫西林/输液)<strong>广谱杀菌 = 连带杀死肠道有益菌</strong>—— 这是医生和家长都共同认可的"必须补充益生菌"场景。</p>
- </div>
-
- <div class="fade-up" style="padding:22px 26px; background:linear-gradient(135deg, #0085CA10, #0085CA04); border-left:4px solid #0085CA; border-radius:var(--radius-md); margin-bottom:28px;">
- <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">SCENE ANATOMY · 四元素解剖</div>
- <div style="color:var(--text-1); font-size:1.12rem; line-height:1.72; margin-bottom:10px;"><strong>"抗生素后停后多久吃益生菌?顺序错了白花钱"</strong>(XHS ♥839)——家长已经形成"抗生素 → 必须补益生菌"的默认共识,但<strong>吃什么、怎么吃、吃多久</strong>是个真空带。</div>
- <div style="color:var(--text-2); font-size:0.92rem; margin-bottom:14px;">这是家长<strong>愿意主动学习</strong>的场景 —— 医生不会手把手教每个细节,家长在小红书上求知若渴。乳酸菌素片只需要"科普答疑 + 讲清楚为什么"就能吃住这个场景。</div>
- <div style="display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;">
- <div style="padding:12px 14px; background:#0085CA08; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#0085CA; font-weight:700; margin-bottom:4px;">🕐 TIME</div>
- <div style="color:var(--text-1); font-size:0.82rem; line-height:1.5;">急诊 / 住院期间 / 出院后 1-2 周 · 慢性支气管炎反复用药期</div>
- </div>
- <div style="padding:12px 14px; background:#0085CA08; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#0085CA; font-weight:700; margin-bottom:4px;">📍 SPACE</div>
- <div style="color:var(--text-1); font-size:0.82rem; line-height:1.5;">儿童医院 / 家中 / 幼儿园带药</div>
- </div>
- <div style="padding:12px 14px; background:#0085CA08; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#0085CA; font-weight:700; margin-bottom:4px;">⚡ TRIGGER</div>
- <div style="color:var(--text-1); font-size:0.82rem; line-height:1.5;">发烧要输液 · 细菌感染要吃消炎药 · 支气管炎 · 鼻炎合并感染</div>
- </div>
- <div style="padding:12px 14px; background:#0085CA08; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#0085CA; font-weight:700; margin-bottom:4px;">👤 PERSONA</div>
- <div style="color:var(--text-1); font-size:0.82rem; line-height:1.5;">25-40 岁家长 · 孩子频繁生病 · 对药物副作用敏感 · 愿意做功课</div>
- </div>
- </div>
- </div>
- <div class="grid" style="grid-template-columns:1.1fr 0.9fr; gap:24px; margin-top:20px;">
- <div>
- <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC · 家长在抗生素后的真实困惑</div>
- <div style="display:flex; flex-direction:column; gap:12px;">
- <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #0085CA; 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:#0085CA12; color:#0085CA; 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 #0085CA; 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);">♥325</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;">"使用方法:饭后半小时左右吃。因为饭前胃酸的HP值很高,会杀死活菌。可以和饮料牛奶掺合,但温度不得高于40°。吃抗生素药物记得两小时以后补充益生菌。#记录生活 #益生菌使用方法的科普"</div>
- <div style="display:flex; flex-wrap:wrap; gap:4px;">
- <span style="padding:2px 8px; background:#0085CA12; color:#0085CA; border-radius:3px; font-size:0.68rem; font-weight:600;">冷链焦虑</span><span style="padding:2px 8px; background:#0085CA12; color:#0085CA; 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 #0085CA; 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);">♥3.4k</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:#0085CA12; color:#0085CA; border-radius:3px; font-size:0.68rem; font-weight:600;">便秘痛点</span><span style="padding:2px 8px; background:#0085CA12; color:#0085CA; 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 #0085CA; 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);">♥1k</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:#0085CA12; color:#0085CA; border-radius:3px; font-size:0.68rem; font-weight:600;">抗生素后</span>
- </div>
-
- </div>
- </div>
- </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;">关键发现 · 活菌 vs 非活菌的科学差异</div>
- </div>
- <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;"><strong>抗生素杀菌期间</strong>,吃<strong>活菌益生菌(妈咪爱/亿活/金双岐)</strong>会被抗生素同时杀死 → "顺序错了白花钱"。<br/><br/>
- <strong>乳酸菌素片 = 非活菌发酵物</strong>,不是活菌, 成分是<strong>乳酸菌已经分泌的代谢产物</strong>, 不受抗生素影响, <strong>可以与抗生素同服、立刻起效、无需等待停药</strong>。<br/><br/>
- 这是乳酸菌素片<strong style="color:#7ED4C2;">在抗生素后场景的独家科学壁垒</strong>—— 其他活菌益生菌都做不到。</div>
- </div>
- <div style="margin-top:18px;">
- <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>中医儿科医生史英杰 ♥2510</strong>、菌群老郑 ♥839 等科普 KOL 已经在教家长"抗生素后怎么补"。 <strong>乳酸菌素片合作儿科医生 KOL 科普</strong> = 借势权威进场, 不做硬广做"专业答疑"。</div>
- </div>
- </div>
- </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;">落地决策 · 抗生素场景产品化</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>SKU:应急装 14 板 ¥38</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;"><strong>营销锚点</strong>:"<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;">3</div>
- <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>合作儿科医生 KOL</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;">4</div>
- <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>渠道优先</strong>:儿童医院药房 + 药店感冒药旁陈列 + 线上搜索"抗生素益生菌"前 3</div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="report-section" id="scene-3" data-tone="orange" data-slide-num="26/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#FFD166;">5.3 · 场景 #3</div>
- <h2 class="text-h1"><span class="headline-anim"><span style="color:#FFD166;">挑食积食</span>·日常消化养护·最大存量市场</span></h2>
- <p class="section-sub">"<strong>饭渣孩子 ♥8540</strong>" + "<strong>积食 ♥20107</strong>" + "<strong>脾胃弱 ♥1657</strong>" —— 中式育儿最高频的长期焦虑,比单次生病更高频。</p>
- </div>
-
- <div class="fade-up" style="padding:22px 26px; background:linear-gradient(135deg, #FFD16610, #FFD16604); border-left:4px solid #FFD166; border-radius:var(--radius-md); margin-bottom:28px;">
- <div class="text-mono text-xs" style="color:#FFD166; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">SCENE ANATOMY · 四元素解剖</div>
- <div style="color:var(--text-1); font-size:1.12rem; line-height:1.72; margin-bottom:10px;"><strong>"破防了‼️当我听到'饭渣'孩子的心声… 吃饭🍚像打仗?可能是脾胃'小马达'..."</strong>(XHS ♥1657)—— 家长已经建立"<strong>挑食 = 脾胃问题</strong>"的认知, 不再认为是孩子性格问题。</div>
- <div style="color:var(--text-2); font-size:0.92rem; margin-bottom:14px;">这是<strong>家长花最多时间和精力</strong>的场景——每天追着喂饭、中医推拿、换辅食、找补剂。 乳酸菌素片作为"肠道调理 = 脾胃改善"的 OTC 药品,是该场景"治本"的优先答案。</div>
- <div style="display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;">
- <div style="padding:12px 14px; background:#FFD16608; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FFD166; font-weight:700; margin-bottom:4px;">🕐 TIME</div>
- <div style="color:var(--text-1); font-size:0.82rem; line-height:1.5;">每天三餐 × 365 天 · 特别是周末 / 节假日大餐后</div>
- </div>
- <div style="padding:12px 14px; background:#FFD16608; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FFD166; font-weight:700; margin-bottom:4px;">📍 SPACE</div>
- <div style="color:var(--text-1); font-size:0.82rem; line-height:1.5;">家 / 饭桌 / 奶奶家 / 外出就餐</div>
- </div>
- <div style="padding:12px 14px; background:#FFD16608; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FFD166; font-weight:700; margin-bottom:4px;">⚡ TRIGGER</div>
- <div style="color:var(--text-1); font-size:0.82rem; line-height:1.5;">不爱吃饭 / 吃得少 / 饭点追着喂 / 过年过节"从除夕到初七天天大餐"</div>
- </div>
- <div style="padding:12px 14px; background:#FFD16608; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FFD166; font-weight:700; margin-bottom:4px;">👤 PERSONA</div>
- <div style="color:var(--text-1); font-size:0.82rem; line-height:1.5;">30-40 岁妈妈 · 3-10 岁孩子 · 高度重视脾胃的中式育儿派</div>
- </div>
- </div>
- </div>
- <div class="grid" style="grid-template-columns:1.1fr 0.9fr; gap:24px; margin-top:20px;">
- <div>
- <div class="text-mono text-xs" style="color:#FFD166; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC · 家长挑食/积食真实日常</div>
- <div style="display:flex; flex-direction:column; gap:12px;">
- <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FFD166; 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);">♥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;">"天气转凉,拉稀的宝宝多了,可能有这些原因 · 🌼如果宝宝拉水样大便,精神状态和食欲都挺好,生长发育情况也挺好,那么就有可能是生理性稀便。 🌼生理性稀便多见于"</div>
- <div style="display:flex; flex-wrap:wrap; gap:4px;">
- <span style="padding:2px 8px; background:#FFD16612; color:#FFD166; 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 #FFD166; 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);">♥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.86rem; line-height:1.62;">"你们说油麦菜苦,今天吃虾仁西兰花 · 答对了,她是任何蔬菜都不吃 #反相育儿 #孩子挑食 #带娃日常 #不吃菜"</div>
- <div style="display:flex; flex-wrap:wrap; gap:4px;">
- <span style="padding:2px 8px; background:#FFD16612; color:#FFD166; border-radius:3px; font-size:0.68rem; font-weight:600;">挑食厌食</span><span style="padding:2px 8px; background:#FFD16612; color:#FFD166; 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 #FFD166; 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:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
- <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥1w</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><div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FFD166; 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);">♥3.4k</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>
- </div>
- </div>
- <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:#FFD166; letter-spacing:-0.02em;">♥20107</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;">♥8540</div>
- <div style="color:var(--text-3); font-size:0.72rem; font-family:var(--font-mono); letter-spacing:0.1em; margin-top:4px;">XHS 挑食全攻略</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;">28.6%</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 style="color:#FFD166; font-size:0.7rem; margin-top:2px;">非单次事件</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;">45%</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 style="color:#FFD166; font-size:0.7rem; margin-top:2px;">最大基本盘</div>
- </div>
- </div>
- <div style="margin-top:18px; padding:18px 22px; background:#FFD16608; border-left:3px solid #FFD166; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#FFD166; letter-spacing:0.15em; margin-bottom:10px; font-weight:700;">USER JOURNEY · 积食用户旅程</div>
- <div style="color:var(--text-1); font-size:0.88rem; line-height:1.8;">
- <div><strong>Day 0</strong> → 过节大餐 / 换奶粉 / 加辅食</div>
- <div><strong>Day 1-3</strong> → 不爱吃饭 / 舌苔厚 / 口气重</div>
- <div><strong>Day 4-7</strong> → 搜"积食怎么办" → 看到 ♥20107 山楂陈皮煮水</div>
- <div><strong>Day 8-30</strong> → 尝试小儿推拿 / 中式食疗 / 买益生菌</div>
- <div style="color:#2D9C5D; font-weight:700; margin-top:6px;">⇒ 乳酸菌素片切入:Day 4-7 搜索阶段 + Day 8-30 选购对比阶段</div>
- </div>
- </div>
- </div>
- </div>
- <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#FFD16608; border:1px solid #FFD16633; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#FFD166; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 挑食积食产品化</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:#FFD166; 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>SKU:日常瓶 60 片 ¥58</strong>(30 天用量 · 每天 2 片 · 主打日常养护)</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:#FFD166; 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>:春节后 / 暑假后 2 波"积食调理月"集中投放</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:#FFD166; 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>:<em>"不用追着喂,肠道自己爱吃饭"</em> × 中式脾胃文化</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:#FFD166; 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>:XHS 新手妈妈科普笔记 + 抖音"饭渣孩子改造"剧情号</div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="report-section" id="scene-4" data-tone="orange" data-slide-num="27/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#6EC1E4;">5.4 · 场景 #4</div>
- <h2 class="text-h1"><span class="headline-anim"><span style="color:#6EC1E4;">换季腹泻</span>·季节性防护·每年两波集中高峰</span></h2>
- <p class="section-sub"><strong>"天气转凉,拉稀的宝宝多了"</strong>(XHS ♥3000)· <strong>"一周岁宝宝连续腹泻 5 天终于好了"</strong>(XHS ♥4312)——每年<strong>春秋换季</strong>两波腹泻高峰是家长的共识。</p>
- </div>
-
- <div class="fade-up" style="padding:22px 26px; background:linear-gradient(135deg, #6EC1E410, #6EC1E404); border-left:4px solid #6EC1E4; border-radius:var(--radius-md); margin-bottom:28px;">
- <div class="text-mono text-xs" style="color:#6EC1E4; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">SCENE ANATOMY · 四元素解剖</div>
- <div style="color:var(--text-1); font-size:1.12rem; line-height:1.72; margin-bottom:10px;"><strong>"历时一个月拉肚子,50 块钱成功上岸"</strong>(XHS ♥3110)—— 家长愿意<strong>为"上岸"付费</strong>, 只要产品能真的解决"反复拉、反复好不了"的折磨。</div>
- <div style="color:var(--text-2); font-size:0.92rem; margin-bottom:14px;">换季腹泻的特点是<strong>反复</strong>——不是单次事件,而是拉几天好两天又拉。 家长需要一个"长期吃也没事"的答案,不是"急救药"。</div>
- <div style="display:grid; grid-template-columns:repeat(4, 1fr); gap:12px;">
- <div style="padding:12px 14px; background:#6EC1E408; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#6EC1E4; font-weight:700; margin-bottom:4px;">🕐 TIME</div>
- <div style="color:var(--text-1); font-size:0.82rem; line-height:1.5;">3-5 月春夏换季 · 9-11 月秋冬换季 · 气温突变日</div>
- </div>
- <div style="padding:12px 14px; background:#6EC1E408; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#6EC1E4; font-weight:700; margin-bottom:4px;">📍 SPACE</div>
- <div style="color:var(--text-1); font-size:0.82rem; line-height:1.5;">家 / 医院儿科门诊 / 药店</div>
- </div>
- <div style="padding:12px 14px; background:#6EC1E408; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#6EC1E4; font-weight:700; margin-bottom:4px;">⚡ TRIGGER</div>
- <div style="color:var(--text-1); font-size:0.82rem; line-height:1.5;">天气转凉 / 气温骤变 / 病毒性胃肠炎流行 / 轮状病毒季</div>
- </div>
- <div style="padding:12px 14px; background:#6EC1E408; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#6EC1E4; font-weight:700; margin-bottom:4px;">👤 PERSONA</div>
- <div style="color:var(--text-1); font-size:0.82rem; line-height:1.5;">0-6 岁宝宝家长 · 特别是新手妈妈 · 对"反复拉"有强焦虑</div>
- </div>
- </div>
- </div>
- <div class="grid" style="grid-template-columns:1.1fr 0.9fr; gap:24px; margin-top:20px;">
- <div>
- <div class="text-mono text-xs" style="color:#6EC1E4; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC · 换季腹泻家长真实经历</div>
- <div style="display:flex; flex-direction:column; gap:12px;">
- <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);">♥1.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:#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);">♥951</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;">"7岁➕儿子 鼻炎5年 这几点要坚持!! · 每年一到换季 妈妈是最头疼的了 想要去公园,看看花海,但总会碰到到处飘的柳絮 凯文就喷嚏🤧打不停,容易花粉过敏 小时候"</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);">♥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.86rem; line-height:1.62;">"宝宝腹泻隐藏神器!过来人才懂的秘密! · 经历过了才知道,秋冬季宝宝腹泻最常见的有两种: 1.病毒感染 2.着凉/积食 知道原因简单,“喂💊”才是难题💔 可以"</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><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);">♥3.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.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>
- <div style="padding:20px 24px; background:#6EC1E408; border-left:3px solid #6EC1E4; 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:#6EC1E4; 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>——拉几天好几天又拉。这个"反复焦虑" 是活菌益生菌解决不了的(停药就反弹)。<br/><br/>
- <strong style="color:#7ED4C2;">乳酸菌素片非活菌发酵物 → 可长期日常服用 → 不停药 = 不反弹</strong>——这是对"反复拉"家长的最精准回答。</div>
- </div>
- <div style="margin-top:18px;">
- <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;">"50 块钱上岸" 心智启发</div>
- </div>
- <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;">XHS ♥3110 家长原声:<em>"历时一个月拉肚子,<strong>50 块钱成功上岸</strong>"</em>。 <br/><br/>
- <strong>关键心智</strong>:家长把"花对 50 块钱 = 换来孩子不受罪"当作<strong>巨大成功</strong>。乳酸菌素片 ¥58 价格带正好卡在这个"值得 + 能换来安心"的心理锚点上。</div>
- </div>
- </div>
- </div>
- </div>
- <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#6EC1E408; border:1px solid #6EC1E433; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#6EC1E4; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 换季腹泻产品化</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:#6EC1E4; 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>SKU:季节装 45 片 ¥58</strong>(3 周用量 · 覆盖换季高峰)</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:#6EC1E4; 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>:3月 + 9月 两波"换季肠道备战"集中推广</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:#6EC1E4; 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>:<em>"换季别让宝宝拉反复 · 日常一片防未然"</em></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:#6EC1E4; 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>:药店陈列到感冒药旁 · 京东换季专区 · XHS 天气话题标签</div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="report-section" id="competitor" data-tone="rose" data-slide-num="28/38" 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:#FF4D8D; opacity:0.12; letter-spacing:-0.06em;">06</div>
- <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">CHAPTER 6 · COMPETITION AXES</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:#FF4D8D; font-family:var(--font-mono); font-size:0.92rem; letter-spacing:0.18em; margin-top:12px; font-weight:600;">COMPETITION AXES</p>
- </div>
- <div class="fade-up" style="max-width:960px; margin:0 auto; text-align:center; padding:28px 32px; background:linear-gradient(135deg, #FF4D8D0C, transparent); border-left:3px solid #FF4D8D; border-radius:var(--radius-md);">
- <p style="color:var(--text-1); font-size:1.08rem; line-height:1.82;"><strong style="color:#FF4D8D;">药品益生菌 ↔ 食品益生菌 ↔ 营养软糖</strong> 三轴定位图谱上,乳酸菌素片的<strong style="color:#7ED4C2;">无人地带坐标</strong> = "<strong>药品级 OTC 背书</strong> × <strong>食品级日常安全</strong> × <strong>营养吸收源头改善</strong>"。直接对标 8 大竞品(妈咪爱 / 亿活 / 金双岐 / 合生元 / 万益蓝 / 拜奥 / inne / 康萃乐)的 VOC 真痛点,找出乳酸菌素片的<strong style="color:#2D9C5D;">差异化 MOAT</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 #FF4D8D22; border-radius:var(--radius-sm); text-align:center;">
- <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">6.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 #FF4D8D22; border-radius:var(--radius-sm); text-align:center;">
- <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">6.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 #FF4D8D22; border-radius:var(--radius-sm); text-align:center;">
- <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">6.3</div>
- <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">8 竞品精对标·VOC 差异化 MOAT</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 个子章 · VOC 实证 × 理论 × 决策</div>
- </div>
- </div>
- </section>
- <section class="report-section" id="competitor-1" data-tone="rose" data-slide-num="29/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#FF4D8D;">6.1 · 三轴图谱</div>
- <h2 class="text-h1"><span class="headline-anim"><span style="color:#FF4D8D;">药品 ↔ 食品 ↔ 营养软糖</span> 三轴图谱</span></h2>
- <p class="section-sub">儿童肠道 / 营养赛道是<strong>三个重叠市场</strong>——药品的权威信任 / 食品的日常友好 / 软糖的孩子喜欢。每轴都有玩家、有痛点、有未满足需求。</p>
- </div>
- <div class="grid" style="grid-template-columns:repeat(3, 1fr); gap:20px; margin-top:24px;">
-
- <div style="padding:22px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #0085CA; border-radius:var(--radius-md);">
- <div style="display:flex; align-items:center; gap:10px; margin-bottom:16px;">
- <div style="font-size:1.8rem;">💊</div>
- <div>
- <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; font-weight:700;">AXIS</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.12rem;">药品益生菌轴</div>
- </div>
- </div>
- <div style="display:flex; flex-direction:column; gap:10px; margin-bottom:16px;">
- <div style="padding:10px 12px; background:#0085CA14; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#0085CA; font-weight:700; margin-bottom:2px;">TOP TIER</div>
- <div style="color:var(--text-1); font-size:0.84rem; line-height:1.5;">妈咪爱 / 亿活 / 金双岐</div>
- </div>
- <div style="padding:10px 12px; background:#0085CA0C; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#0085CA; font-weight:700; margin-bottom:2px;">MID TIER</div>
- <div style="color:var(--text-2); font-size:0.84rem; line-height:1.5;">宝乐安 / 妈咪爱钙维KD</div>
- </div>
- <div style="padding:10px 12px; background:#0085CA06; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#0085CA; font-weight:700; margin-bottom:2px;">BOTTOM</div>
- <div style="color:var(--text-3); font-size:0.84rem; line-height:1.5;">复方中药颗粒 / 儿保科处方</div>
- </div>
- </div>
- <div style="padding:12px 14px; background:#FF6B6B0A; border-left:3px solid #FF6B6B; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; margin-bottom:4px; font-weight:700;">PAIN POINT</div>
- <div style="color:var(--text-1); font-size:0.82rem; line-height:1.5;">痛点:活菌冷链 / 处方门槛 / 停药反弹</div>
- </div>
- </div>
- <div style="padding:22px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #FFD166; border-radius:var(--radius-md);">
- <div style="display:flex; align-items:center; gap:10px; margin-bottom:16px;">
- <div style="font-size:1.8rem;">🍬</div>
- <div>
- <div class="text-mono text-xs" style="color:#FFD166; letter-spacing:0.15em; font-weight:700;">AXIS</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.12rem;">食品益生菌轴</div>
- </div>
- </div>
- <div style="display:flex; flex-direction:column; gap:10px; margin-bottom:16px;">
- <div style="padding:10px 12px; background:#FFD16614; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FFD166; font-weight:700; margin-bottom:2px;">TOP TIER</div>
- <div style="color:var(--text-1); font-size:0.84rem; line-height:1.5;">合生元 / 万益蓝 / 拜奥</div>
- </div>
- <div style="padding:10px 12px; background:#FFD1660C; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FFD166; font-weight:700; margin-bottom:2px;">MID TIER</div>
- <div style="color:var(--text-2); font-size:0.84rem; line-height:1.5;">inne 噗噗宝 / 小胖瓶 / 康萃乐</div>
- </div>
- <div style="padding:10px 12px; background:#FFD16606; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FFD166; font-weight:700; margin-bottom:2px;">BOTTOM</div>
- <div style="color:var(--text-3); font-size:0.84rem; line-height:1.5;">lifespace / 白贝优品 / 小品牌</div>
- </div>
- </div>
- <div style="padding:12px 14px; background:#FF6B6B0A; border-left:3px solid #FF6B6B; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; margin-bottom:4px; font-weight:700;">PAIN POINT</div>
- <div style="color:var(--text-1); font-size:0.82rem; line-height:1.5;">痛点:无药效背书 / 菌株混乱 / 效果不稳定</div>
- </div>
- </div>
- <div style="padding:22px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #FF8BA7; border-radius:var(--radius-md);">
- <div style="display:flex; align-items:center; gap:10px; margin-bottom:16px;">
- <div style="font-size:1.8rem;">🍭</div>
- <div>
- <div class="text-mono text-xs" style="color:#FF8BA7; letter-spacing:0.15em; font-weight:700;">AXIS</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.12rem;">儿童营养软糖轴</div>
- </div>
- </div>
- <div style="display:flex; flex-direction:column; gap:10px; margin-bottom:16px;">
- <div style="padding:10px 12px; background:#FF8BA714; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FF8BA7; font-weight:700; margin-bottom:2px;">TOP TIER</div>
- <div style="color:var(--text-1); font-size:0.84rem; line-height:1.5;">澳乐乳 / Pokeka / Swisse 钙软糖</div>
- </div>
- <div style="padding:10px 12px; background:#FF8BA70C; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FF8BA7; font-weight:700; margin-bottom:2px;">MID TIER</div>
- <div style="color:var(--text-2); font-size:0.84rem; line-height:1.5;">汤臣倍健儿童 / 飞鹤营养包</div>
- </div>
- <div style="padding:10px 12px; background:#FF8BA706; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FF8BA7; font-weight:700; margin-bottom:2px;">BOTTOM</div>
- <div style="color:var(--text-3); font-size:0.84rem; line-height:1.5;">小魔兽 / 自制 DIY / 进口代购</div>
- </div>
- </div>
- <div style="padding:12px 14px; background:#FF6B6B0A; border-left:3px solid #FF6B6B; border-radius:4px;">
- <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; margin-bottom:4px; font-weight:700;">PAIN POINT</div>
- <div style="color:var(--text-1); font-size:0.82rem; line-height:1.5;">痛点:瓶瓶罐罐 / 糖分焦虑 / 补了不吸收</div>
- </div>
- </div>
- </div>
- <div class="fade-up" style="margin-top:28px;">
- <div class="rise-in" style="padding:28px 32px; background:linear-gradient(135deg, #FF4D8D12, #FF4D8D04); border-left:4px solid #FF4D8D; border-radius:var(--radius-md); margin-bottom:32px;">
- <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.18em; margin-bottom:10px; font-weight:700;">THREE-AXIS CONVERGENCE · 三轴交汇</div>
- <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">单轴里都有老玩家。乳酸菌素片儿童版要做的不是在药品轴上赢妈咪爱,也不是在食品轴上赢合生元——而是<strong style="color:#2D9C5D;">把三轴最有利的心智全拉到一起</strong>:<br/>药品的<em>权威</em> + 食品的<em>日常</em> + 软糖的<em>爱吃</em>。</div>
- <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">下一节 6.2 展示"三轴交汇点"坐标——那就是乳酸菌素片儿童版的<strong>独家地带</strong>。</div>
- </div>
- </div>
- <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#FF4D8D08; border:1px solid #FF4D8D33; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 三轴协同战术</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:#FF4D8D; 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>:用 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:#FF4D8D; 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:#FF4D8D; 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:#FF4D8D; 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="competitor-2" data-tone="rose" data-slide-num="30/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#2D9C5D;">6.2 · 无人地带坐标</div>
- <h2 class="text-h1"><span class="headline-anim"><span style="color:#2D9C5D;">无人地带</span>:乳酸菌素片儿童版的独家定位坐标</span></h2>
- <p class="section-sub">三轴 × 两维(急救 / 日常 × 严肃 / 活泼)= 6 象限。5/6 象限都有强竞品,<strong>唯独"日常 × 活泼 × 药品级"</strong>无人占——这就是乳酸菌素片的坐标。</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;">药品级 vs 日常感</span>
- </div>
- <div style="grid-row:1; grid-column:2; text-align:center;"><span class="text-mono text-xs" style="color:#8B2942; font-weight:700;">严肃感(专业)</span></div>
- <div style="grid-row:1; grid-column:3; text-align:center;"><span class="text-mono text-xs" style="color:#0085CA; font-weight:700;">严肃感(专业)</span></div>
- <div style="grid-row:2; grid-column:2;">
- <div style="padding:16px; background:#8B294208; border:1px solid #8B294240; border-radius:6px; height:100%; display:flex; flex-direction:column;">
- <div class="text-mono text-xs" style="color:#8B2942; 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:#8B2942; font-size:0.74rem; font-style:italic;">痛点:必须医嘱 / 不能日常 / 副作用担忧</div>
- </div></div>
- <div style="grid-row:2; grid-column:3;">
- <div style="padding:16px; background:#0085CA08; border:1px solid #0085CA40; border-radius:6px; height:100%; display:flex; flex-direction:column;">
- <div class="text-mono text-xs" style="color:#0085CA; 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>(OTC 药但口感严肃)</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:#0085CA; font-size:0.74rem; font-style:italic;">痛点:活菌冷链 / 医嘱依赖 / 口感不友好</div>
- </div></div>
- <div style="grid-row:3; 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;"><strong>拜奥滴剂</strong>(0-3 月)</li><li style="margin-bottom:4px;"><strong>inne 噗噗宝</strong>(便秘单点)</li><li style="margin-bottom:4px;"><strong>民间食疗</strong>(山楂 / 陈皮)</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: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;">右下 · 日常 × 活泼 <strong style="color:#2D9C5D;">(✨ 无人地带)</strong></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 style="color:#2D9C5D;">✨ 乳酸菌素片儿童版(独占)</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 class="fade-up" style="margin-top:28px;">
- <div style="padding:24px 28px; background:linear-gradient(135deg, #2D9C5D10, #7ED4C206); border:2px solid #2D9C5D44; border-radius:var(--radius-lg);">
- <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:10px; font-weight:700;">🎯 POSITIONING STATEMENT · 定位宣言</div>
- <div style="font-size:1.2rem; line-height:1.8; color:var(--text-1); font-weight:600;">
- <strong style="color:#2D9C5D;">江中乳酸菌素片儿童版</strong> 是为<br/>
- <em style="color:var(--text-2);">「有日常肠道养护需求但又不想吃药、想给孩子吃食品又怕没效果、想用软糖又怕糖分」</em><br/>
- 的<strong style="color:#7ED4C2;">中国 3-12 岁儿童家长</strong>准备的<br/>
- <strong style="color:#FF8BA7;">儿童肠道调理专属 OTC 咀嚼片</strong>。<br/>
- <br/>
- 不同于<strong style="color:#0085CA;">药品益生菌</strong>需要医嘱和冷链,<br/>
- 不同于<strong style="color:#FFD166;">食品益生菌</strong>的效果不稳定和菌株混乱,<br/>
- 不同于<strong style="color:#FF8BA7;">营养软糖</strong>的糖分焦虑和瓶瓶罐罐,<br/>
- 乳酸菌素片儿童版提供<strong style="color:#2D9C5D;">"江中 OTC 药品 × 非活菌稳定 × 水果咀嚼 × 分龄专属"</strong>的四重复合心智。
- </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;">落地决策 · 定位坐标 6 条战术</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>锁定象限 Q4</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;">2</div>
- <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>瓦解 Q1 妈咪爱</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>瓦解 Q2 合生元</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;"><strong>瓦解 Q3 拜奥/inne</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;">5</div>
- <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>瓦解 Q4 营养软糖</strong>:内源调理吸收 + 无糖配方 + "1 片替代十几种"</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;">6</div>
- <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>H1-H8 假设全覆盖</strong>:H1✓ 药品痛点 / H2✓ 食品信任 / H3✓ 儿童刚需 / H5✓ 喂药依从</div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="report-section" id="competitor-3" data-tone="rose" data-slide-num="31/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#FF4D8D;">6.3 · 8 竞品精对标</div>
- <h2 class="text-h1"><span class="headline-anim"><span style="color:#FF4D8D;">VOC 差异化 MOAT</span>·每个竞品一条护城河</span></h2>
- <p class="section-sub">逐个竞品列出:<strong>(1) 代表性 VOC 证据 / (2) 乳酸菌素片差异化 MOAT</strong>——8 条护城河共同构成竞争壁垒。</p>
- </div>
- <div class="grid" style="grid-template-columns:1fr; gap:14px; margin-top:20px;">
-
- <div style="padding:16px 20px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #0085CA; border-radius:var(--radius-md);">
- <div style="display:grid; grid-template-columns:200px 1.3fr 1.3fr; gap:20px; align-items:center;">
- <div>
- <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; margin-bottom:4px; font-weight:700;">药品益生菌 · 头部</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.05rem;">妈咪爱</div>
- </div>
- <div>
- <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; margin-bottom:6px; font-weight:700;">VOC 代表性声音</div>
- <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #0085CA; 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);">♥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.86rem; line-height:1.62;">"管钱方面我从来没在怕的,还想套路我?#妈咪爱钙片 #好物分享 #记录孩子成长 #亲子搞笑 #妈咪爱钙维KD咀嚼片"</div>
- <div style="display:flex; flex-wrap:wrap; gap:4px;">
- <span style="padding:2px 8px; background:#0085CA12; color:#0085CA; border-radius:3px; font-size:0.68rem; font-weight:600;">妈咪爱好评</span><span style="padding:2px 8px; background:#0085CA12; color:#0085CA; border-radius:3px; font-size:0.68rem; font-weight:600;">咀嚼片认可</span>
- </div>
-
- </div>
- </div>
- <div>
- <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.1em; margin-bottom:6px; font-weight:700;">乳酸菌素片 MOAT</div>
- <div style="padding:14px 16px; background:#2D9C5D0A; border:1px solid #2D9C5D33; border-radius:4px; color:var(--text-1); font-size:0.86rem; line-height:1.7;">
- <strong>非活菌无冷链</strong> · <strong>无需医生处方</strong> · <strong>可日常长期服用</strong>
- </div>
- </div>
- </div>
- </div>
- <div style="padding:16px 20px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #0085CA; border-radius:var(--radius-md);">
- <div style="display:grid; grid-template-columns:200px 1.3fr 1.3fr; gap:20px; align-items:center;">
- <div>
- <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; margin-bottom:4px; font-weight:700;">药品益生菌 · 原研</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.05rem;">亿活</div>
- </div>
- <div>
- <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; margin-bottom:6px; font-weight:700;">VOC 代表性声音</div>
- <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #0085CA; 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;">亿活Bioflor</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.6k</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;">"布拉氏酵母菌~你问我答~ · 小亿队长最近收到了许多红薯宝子们的问题,特意整理来了一波,请大家收藏方便查看!Ready~GO! 1️⃣宝宝多大可以吃益"</div>
-
-
- </div>
- </div>
- <div>
- <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.1em; margin-bottom:6px; font-weight:700;">乳酸菌素片 MOAT</div>
- <div style="padding:14px 16px; background:#2D9C5D0A; border:1px solid #2D9C5D33; border-radius:4px; color:var(--text-1); font-size:0.86rem; line-height:1.7;">
- <strong>价格便宜 30-50%</strong> · <strong>可长期服用</strong> · <strong>儿童友好咀嚼片</strong>
- </div>
- </div>
- </div>
- </div>
- <div style="padding:16px 20px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #87A96B; border-radius:var(--radius-md);">
- <div style="display:grid; grid-template-columns:200px 1.3fr 1.3fr; gap:20px; align-items:center;">
- <div>
- <div class="text-mono text-xs" style="color:#87A96B; letter-spacing:0.15em; margin-bottom:4px; font-weight:700;">药品益生菌 · 三联</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.05rem;">金双岐</div>
- </div>
- <div>
- <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; margin-bottom:6px; font-weight:700;">VOC 代表性声音</div>
- <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #87A96B; 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);">♥748</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]…给小朋友吃了几片说是奶片,甜甜的很好吃[笑哭R][笑哭R"</div>
- <div style="display:flex; flex-wrap:wrap; gap:4px;">
- <span style="padding:2px 8px; background:#87A96B12; color:#87A96B; border-radius:3px; font-size:0.68rem; font-weight:600;">咀嚼片认可</span>
- </div>
-
- </div>
- </div>
- <div>
- <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.1em; margin-bottom:6px; font-weight:700;">乳酸菌素片 MOAT</div>
- <div style="padding:14px 16px; background:#2D9C5D0A; border:1px solid #2D9C5D33; border-radius:4px; color:var(--text-1); font-size:0.86rem; line-height:1.7;">
- <strong>独立水果味咀嚼片 + 分龄</strong>(金双岐片大难吞)· <strong>包装儿童化</strong>
- </div>
- </div>
- </div>
- </div>
- <div style="padding:16px 20px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #87A96B; border-radius:var(--radius-md);">
- <div style="display:grid; grid-template-columns:200px 1.3fr 1.3fr; gap:20px; align-items:center;">
- <div>
- <div class="text-mono text-xs" style="color:#87A96B; letter-spacing:0.15em; margin-bottom:4px; font-weight:700;">药品益生菌 · 长尾</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.05rem;">宝乐安</div>
- </div>
- <div>
- <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; margin-bottom:6px; font-weight:700;">VOC 代表性声音</div>
- <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #87A96B; 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);">♥1</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:#87A96B12; color:#87A96B; border-radius:3px; font-size:0.68rem; font-weight:600;">腹泻痛点</span>
- </div>
-
- </div>
- </div>
- <div>
- <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.1em; margin-bottom:6px; font-weight:700;">乳酸菌素片 MOAT</div>
- <div style="padding:14px 16px; background:#2D9C5D0A; border:1px solid #2D9C5D33; border-radius:4px; color:var(--text-1); font-size:0.86rem; line-height:1.7;">
- <strong>江中国民品牌背书</strong> · <strong>OTC 蓝帽+更强辨识度</strong>
- </div>
- </div>
- </div>
- </div>
- <div style="padding:16px 20px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FFD166; border-radius:var(--radius-md);">
- <div style="display:grid; grid-template-columns:200px 1.3fr 1.3fr; gap:20px; align-items:center;">
- <div>
- <div class="text-mono text-xs" style="color:#FFD166; letter-spacing:0.15em; margin-bottom:4px; font-weight:700;">食品益生菌 · 头部</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.05rem;">合生元</div>
- </div>
- <div>
- <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; margin-bottom:6px; font-weight:700;">VOC 代表性声音</div>
- <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FFD166; 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:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
- <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥1w</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>
- </div>
- <div>
- <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.1em; margin-bottom:6px; font-weight:700;">乳酸菌素片 MOAT</div>
- <div style="padding:14px 16px; background:#2D9C5D0A; border:1px solid #2D9C5D33; border-radius:4px; color:var(--text-1); font-size:0.86rem; line-height:1.7;">
- <strong>OTC 药品级</strong> · <strong>江中国货信任</strong> · <strong>价格带便宜 50%</strong>
- </div>
- </div>
- </div>
- </div>
- <div style="padding:16px 20px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF8BA7; border-radius:var(--radius-md);">
- <div style="display:grid; grid-template-columns:200px 1.3fr 1.3fr; gap:20px; align-items:center;">
- <div>
- <div class="text-mono text-xs" style="color:#FF8BA7; letter-spacing:0.15em; margin-bottom:4px; font-weight:700;">食品益生菌 · 成人</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.05rem;">万益蓝</div>
- </div>
- <div>
- <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; margin-bottom:6px; font-weight:700;">VOC 代表性声音</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:#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);">♥7.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.86rem; line-height:1.62;">"夏天来了,大家抓紧行动起来~ #管理#万益蓝早B晚S#好物分享"</div>
-
-
- </div>
- </div>
- <div>
- <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.1em; margin-bottom:6px; font-weight:700;">乳酸菌素片 MOAT</div>
- <div style="padding:14px 16px; background:#2D9C5D0A; border:1px solid #2D9C5D33; border-radius:4px; color:var(--text-1); font-size:0.86rem; line-height:1.7;">
- <strong>明确儿童专属</strong> · <strong>不混用成人减肥场景</strong> · <strong>分龄包装</strong>
- </div>
- </div>
- </div>
- </div>
- <div style="padding:16px 20px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #6EC1E4; border-radius:var(--radius-md);">
- <div style="display:grid; grid-template-columns:200px 1.3fr 1.3fr; gap:20px; align-items:center;">
- <div>
- <div class="text-mono text-xs" style="color:#6EC1E4; letter-spacing:0.15em; margin-bottom:4px; font-weight:700;">食品益生菌 · 进口</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.05rem;">拜奥</div>
- </div>
- <div>
- <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; margin-bottom:6px; font-weight:700;">VOC 代表性声音</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;">The LexieLee</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);">♥422</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;">"婴儿补剂和益生菌分享 · 1️⃣前六个月:因母乳较为充足,提供的营养素已基本足够,加之我们属于混合喂养,奶粉也能额外提供能量支持,所以前六个月我们"</div>
-
-
- </div>
- </div>
- <div>
- <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.1em; margin-bottom:6px; font-weight:700;">乳酸菌素片 MOAT</div>
- <div style="padding:14px 16px; background:#2D9C5D0A; border:1px solid #2D9C5D33; border-radius:4px; color:var(--text-1); font-size:0.86rem; line-height:1.7;">
- <strong>无冷链便携</strong> · <strong>价格降 60%</strong> · <strong>覆盖 3-12 岁全龄</strong>
- </div>
- </div>
- </div>
- </div>
- <div style="padding:16px 20px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid #FF8C42; border-radius:var(--radius-md);">
- <div style="display:grid; grid-template-columns:200px 1.3fr 1.3fr; gap:20px; align-items:center;">
- <div>
- <div class="text-mono text-xs" style="color:#FF8C42; letter-spacing:0.15em; margin-bottom:4px; font-weight:700;">食品益生菌 · 美国</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.05rem;">康萃乐</div>
- </div>
- <div>
- <div class="text-mono text-xs" style="color:#FF6B6B; letter-spacing:0.1em; margin-bottom:6px; font-weight:700;">VOC 代表性声音</div>
- <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FF8C42; 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:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
- <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥269</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>
- </div>
- <div>
- <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.1em; margin-bottom:6px; font-weight:700;">乳酸菌素片 MOAT</div>
- <div style="padding:14px 16px; background:#2D9C5D0A; border:1px solid #2D9C5D33; border-radius:4px; color:var(--text-1); font-size:0.86rem; line-height:1.7;">
- <strong>国货中国味</strong> · <strong>中文说明可查</strong> · <strong>价格便宜 3-4 倍</strong>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="fade-up" style="margin-top:28px;">
- <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;">MOAT SUMMARY · 护城河总结</div>
- <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;"><strong style="color:#2D9C5D;">8 条 MOAT = 8 种替换场景</strong>。乳酸菌素片不争单一赛道冠军,而是<strong>在每个赛道赢 10-15% 的替换份额</strong>—— 累计就是<strong>26 亿 × 10-15% = 2.6-4 亿</strong>的可达市场。</div>
- <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">关键是每条护城河都是<strong>真材实料</strong>(OTC 药品级 / 江中品牌 / 非活菌技术 / 水果咀嚼剂型),而不是营销话术——这是乳酸菌素片与所有食品益生菌的根本区别。</div>
- </div>
- </div>
- <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#FF4D8D08; border:1px solid #FF4D8D33; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#FF4D8D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · MOAT 组合战术</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:#FF4D8D; 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>精准 MOAT 投放</strong>:8 条护城河 = 8 条内容 / KOL / 渠道的精准攻击路径</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:#FF4D8D; 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>MOAT 优先级</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:#FF4D8D; 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:#FF4D8D; 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>H1-H8 假设全部在章节里成立 → 为 Ch7/8 奠基</strong></div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="report-section" id="opportunity" data-tone="green" data-slide-num="32/38" 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;">07</div>
- <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">CHAPTER 7 · 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:#2D9C5D; font-family:var(--font-mono); font-size:0.92rem; letter-spacing:0.18em; margin-top:12px; font-weight:600;">OPPORTUNITY</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;">基于 VOC 深挖,提炼 <strong style="color:#2D9C5D;">3 条长尾赛道</strong>:<br/>① <strong>分龄产品线</strong>(0-3 颗粒 / 3-6 水果咀嚼片 / 6-12 加量片)三 SKU 矩阵<br/>② <strong>"告别瓶瓶罐罐"内源吸收</strong>赛道切入 100 亿儿童营养软糖市场<br/>③ <strong>卡通 IP × 咀嚼片革命</strong>解决喂药依从性 + 建立货架辨识度。每条赛道配真实 VOC 证据 + 场景话术 + 规模预估。</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 #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;">7.1</div>
- <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">新机会·分龄产品线(0-3 / 3-6 / 6-12)</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;">7.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;">7.3</div>
- <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">新包装·卡通 IP × 咀嚼片革命</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 个子章 · VOC 实证 × 理论 × 决策</div>
- </div>
- </div>
- </section>
- <section class="report-section" id="opportunity-1" data-tone="green" data-slide-num="33/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#2D9C5D;">7.1 · 分龄产品线</div>
- <h2 class="text-h1"><span class="headline-anim"><span style="color:#2D9C5D;">分龄产品线</span>·0-3 / 3-6 / 6-12 三 SKU 矩阵</span></h2>
- <p class="section-sub">不再"全年龄段通用"的模糊定位——<strong>3 个年龄段 × 3 个产品形态 × 3 套话术 × 3 种价格带</strong>。这是竞品(妈咪爱 / 合生元)没做到的精准分龄。</p>
- </div>
- <div class="grid" style="grid-template-columns:repeat(3, 1fr); gap:18px; margin-top:24px;">
-
- <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #FFCBA4; border-radius:var(--radius-md);">
- <div style="margin-bottom:14px;">
- <div class="text-mono text-xs" style="color:#FFCBA4; letter-spacing:0.15em; font-weight:700;">AGE GROUP</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.18rem; margin-top:4px;">婴幼儿 0-3 岁</div>
- <div style="color:#FFCBA4; font-size:0.82rem; font-family:var(--font-mono); margin-top:2px;">50%+ 核心消费群体</div>
- </div>
- <div style="padding:12px 14px; background:#FF6B6B0A; border-left:3px solid #FF6B6B; border-radius:4px; margin-bottom:10px;">
- <div class="text-mono text-xs" style="color:#FF6B6B; font-weight:700; margin-bottom:4px;">核心痛点</div>
- <div style="color:var(--text-1); font-size:0.82rem; line-height:1.55;">肠绞痛 / 便秘腹泻反复 / 抗生素后肠道 / 怕活菌失活</div>
- </div>
- <div style="display:flex; flex-direction:column; gap:8px; margin-bottom:14px;">
- <div style="padding:9px 12px; background:#FFCBA40C; border-radius:4px; display:flex; justify-content:space-between;">
- <span class="text-mono text-xs" style="color:#FFCBA4; font-weight:700;">产品形态</span>
- <span style="color:var(--text-1); font-size:0.82rem;"><strong>颗粒剂(分剂量小包装)</strong></span>
- </div>
- <div style="padding:9px 12px; background:#FFCBA40C; border-radius:4px; display:flex; justify-content:space-between;">
- <span class="text-mono text-xs" style="color:#FFCBA4; font-weight:700;">价格</span>
- <span style="color:var(--text-1); font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥88 / 30 袋</span>
- </div>
- <div style="padding:9px 12px; background:#FFCBA40C; border-radius:4px; display:flex; justify-content:space-between;">
- <span class="text-mono text-xs" style="color:#FFCBA4; font-weight:700;">包装</span>
- <span style="color:var(--text-1); font-size:0.82rem;">纯色背景 + 月龄刻度标注</span>
- </div>
- <div style="padding:9px 12px; background:#FFCBA40C; border-radius:4px; display:flex; justify-content:space-between;">
- <span class="text-mono text-xs" style="color:#FFCBA4; font-weight:700;">渠道</span>
- <span style="color:var(--text-1); font-size:0.82rem;">母婴店 / 药店 / 天猫母婴</span>
- </div>
- </div>
- <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #FFCBA4; 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:#2D9C5D; font-size:0.7rem; font-weight:600;">▲ 好评</span>
- <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono);">♥9.4k</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>
- </div>
- <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #C5E063; border-radius:var(--radius-md);">
- <div style="margin-bottom:14px;">
- <div class="text-mono text-xs" style="color:#C5E063; letter-spacing:0.15em; font-weight:700;">AGE GROUP</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.18rem; margin-top:4px;">学龄前 3-6 岁</div>
- <div style="color:#C5E063; font-size:0.82rem; font-family:var(--font-mono); margin-top:2px;">30% 消费力最强</div>
- </div>
- <div style="padding:12px 14px; background:#FF6B6B0A; border-left:3px solid #FF6B6B; border-radius:4px; margin-bottom:10px;">
- <div class="text-mono text-xs" style="color:#FF6B6B; font-weight:700; margin-bottom:4px;">核心痛点</div>
- <div style="color:var(--text-1); font-size:0.82rem; line-height:1.55;">入园后饮食不规律 / 积食挑食 / 频繁生病 / 喂药难</div>
- </div>
- <div style="display:flex; flex-direction:column; gap:8px; margin-bottom:14px;">
- <div style="padding:9px 12px; background:#C5E0630C; border-radius:4px; display:flex; justify-content:space-between;">
- <span class="text-mono text-xs" style="color:#C5E063; font-weight:700;">产品形态</span>
- <span style="color:var(--text-1); font-size:0.82rem;"><strong>水果味咀嚼片</strong>(草莓 / 酸奶 / 橙子)</span>
- </div>
- <div style="padding:9px 12px; background:#C5E0630C; border-radius:4px; display:flex; justify-content:space-between;">
- <span class="text-mono text-xs" style="color:#C5E063; font-weight:700;">价格</span>
- <span style="color:var(--text-1); font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥58 / 60 片</span>
- </div>
- <div style="padding:9px 12px; background:#C5E0630C; border-radius:4px; display:flex; justify-content:space-between;">
- <span class="text-mono text-xs" style="color:#C5E063; font-weight:700;">包装</span>
- <span style="color:var(--text-1); font-size:0.82rem;">卡通 IP + 分龄提示 + 独立包装</span>
- </div>
- <div style="padding:9px 12px; background:#C5E0630C; border-radius:4px; display:flex; justify-content:space-between;">
- <span class="text-mono text-xs" style="color:#C5E063; font-weight:700;">渠道</span>
- <span style="color:var(--text-1); font-size:0.82rem;">药店 + 京东母婴 + 抖音剧情号</span>
- </div>
- </div>
- <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #C5E063; 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);">♥535</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招轻松降频率 · 娃一入园就反复感冒太磨人! 4招从护理到体质调理全搞定👍🏻 上学、户外疯玩都能少中招 宝妈直接抄作业~ - #宝宝感"</div>
- <div style="display:flex; flex-wrap:wrap; gap:4px;">
- <span style="padding:2px 8px; background:#C5E06312; color:#C5E063; border-radius:3px; font-size:0.68rem; font-weight:600;">入园生病</span>
- </div>
-
- </div>
- </div>
- <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #B4A7D6; border-radius:var(--radius-md);">
- <div style="margin-bottom:14px;">
- <div class="text-mono text-xs" style="color:#B4A7D6; letter-spacing:0.15em; font-weight:700;">AGE GROUP</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.18rem; margin-top:4px;">学龄期 6-12 岁</div>
- <div style="color:#B4A7D6; font-size:0.82rem; font-family:var(--font-mono); margin-top:2px;">20% 增量蓝海</div>
- </div>
- <div style="padding:12px 14px; background:#FF6B6B0A; border-left:3px solid #FF6B6B; border-radius:4px; margin-bottom:10px;">
- <div class="text-mono text-xs" style="color:#FF6B6B; font-weight:700; margin-bottom:4px;">核心痛点</div>
- <div style="color:var(--text-1); font-size:0.82rem; line-height:1.55;">学业压力导致肠道紊乱 / 便秘腹胀 / 营养吸收差 / 服用便捷</div>
- </div>
- <div style="display:flex; flex-direction:column; gap:8px; margin-bottom:14px;">
- <div style="padding:9px 12px; background:#B4A7D60C; border-radius:4px; display:flex; justify-content:space-between;">
- <span class="text-mono text-xs" style="color:#B4A7D6; font-weight:700;">产品形态</span>
- <span style="color:var(--text-1); font-size:0.82rem;"><strong>加量片剂</strong>(可含着 / 可嚼)</span>
- </div>
- <div style="padding:9px 12px; background:#B4A7D60C; border-radius:4px; display:flex; justify-content:space-between;">
- <span class="text-mono text-xs" style="color:#B4A7D6; font-weight:700;">价格</span>
- <span style="color:var(--text-1); font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥78 / 90 片</span>
- </div>
- <div style="padding:9px 12px; background:#B4A7D60C; border-radius:4px; display:flex; justify-content:space-between;">
- <span class="text-mono text-xs" style="color:#B4A7D6; font-weight:700;">包装</span>
- <span style="color:var(--text-1); font-size:0.82rem;">半成熟风 + 功能说明清晰</span>
- </div>
- <div style="padding:9px 12px; background:#B4A7D60C; border-radius:4px; display:flex; justify-content:space-between;">
- <span class="text-mono text-xs" style="color:#B4A7D6; font-weight:700;">渠道</span>
- <span style="color:var(--text-1); font-size:0.82rem;">线上直销 + 学校附近药店 + 家长微信群</span>
- </div>
- </div>
- <div style="background:var(--bg-1); border:1px solid var(--border); border-left:3px solid #B4A7D6; 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;">less is more</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);">♥475</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;">"7岁儿童手指脱皮,是缺乏维生素 · 平时孩子挑食,比较瘦,脸上有白斑,是脾虚的表现,脾虚的人吃了食物下去营养吸收不了,造成身体缺乏维生素,然后有手指脱皮的表"</div>
- <div style="display:flex; flex-wrap:wrap; gap:4px;">
- <span style="padding:2px 8px; background:#B4A7D612; color:#B4A7D6; border-radius:3px; font-size:0.68rem; font-weight:600;">挑食厌食</span><span style="padding:2px 8px; background:#B4A7D612; color:#B4A7D6; border-radius:3px; font-size:0.68rem; font-weight:600;">吸收焦虑</span>
- </div>
-
- </div>
- </div>
- </div>
- <div class="fade-up" style="margin-top:28px;">
- <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;">ADVANTAGE · 分龄壁垒</div>
- <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">妈咪爱 / 合生元都是<strong>"一个产品打天下"</strong>—— 忽略了 0-3 / 3-6 / 6-12 三段需求和心理的巨大差异。乳酸菌素片儿童版通过<strong style="color:#7ED4C2;">分龄产品线</strong>,可以在每个年龄段都做"精准适配",<strong>客单价和复购率都 +30%</strong>。</div>
- <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">分龄 = <strong>可同时做 3 个 SKU 爆款</strong>,而不是一个通用品在所有年龄段都打折扣。</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;">落地决策 · 分龄产品路径</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>Year 1:学龄前 3-6 岁先上</strong>(3 亿盘 · 消费力最强 · 竞争空白)</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>Year 2:婴幼儿 0-3 岁扩展</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>Year 3:学龄期 6-12 岁蓝海</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>三 SKU 统一卡通 IP 家族</strong>(不同角色表情 × 分龄但系列化)</div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="report-section" id="opportunity-2" data-tone="green" data-slide-num="34/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#FF8BA7;">7.2 · 新赛道切入</div>
- <h2 class="text-h1"><span class="headline-anim"><span style="color:#FF8BA7;">告别瓶瓶罐罐</span>·切入 100 亿儿童营养软糖市场</span></h2>
- <p class="section-sub">家长"追着喂十几种营养软糖"的焦虑 = 乳酸菌素片<strong>内源调理肠道吸收</strong>的<strong>历史级机会</strong>。不拼外源补充,拼吸收源头。</p>
- </div>
- <div style="display:grid; grid-template-columns:repeat(5, 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:#FF8BA7; letter-spacing:-0.02em;">100亿+</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:#FFD166; letter-spacing:-0.02em;">76%</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 style="color:#FF8BA7; font-size:0.7rem; margin-top:2px;">营养软糖</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;">200%</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:#2D9C5D; letter-spacing:-0.02em;">65.4%</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:#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 style="color:#FF8BA7; font-size:0.7rem; margin-top:2px;">= 10 亿</div>
- </div>
- </div>
- <div class="grid" style="grid-template-columns:1.2fr 1fr; gap:24px; margin-top:24px;">
- <div>
- <div class="text-mono text-xs" style="color:#FF8BA7; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC · 家长的"营养焦虑"真实原声</div>
- <div style="display:flex; flex-direction:column; gap:12px;">
- <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:#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);">♥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.86rem; line-height:1.62;">"管钱方面我从来没在怕的,还想套路我?#妈咪爱钙片 #好物分享 #记录孩子成长 #亲子搞笑 #妈咪爱钙维KD咀嚼片"</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: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);">♥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;">"孩子用眼过度,家中常备蓝莓叶黄素软糖#二次元 #奥特曼动画 #蓝莓叶黄素软糖#叶黄素#护眼@抖音创作者中心"</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:#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);">♥10.5w</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;">"蓝莓叶黄素素软糖,护眼新世界,Q弹软滑,全家可分享#蓝莓叶黄素 #爱护眼睛保护视力 #好物分享 @抖音小助手 @抖音广告助手 @抖音创作者中心"</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:#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);">♥4.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;">"最近超火,孩子们都在吃的叶黄素蓝莓软糖富含丰富的维C,添加的叶黄素酯,花青素,胡萝卜素,玫瑰茄,都是对视力特别好的营养物质,可以保护孩子的小眼睛,怪不得妈妈们都在抢,孩子们都在吃!
- #超级宝贝jojo #二次元 #奥特曼 #小猪佩奇 #儿童视频动画儿歌"</div>
-
-
- </div>
- </div>
- <div style="margin-top:18px; padding:18px 22px; background:#FF8BA708; border-left:3px solid #FF8BA7; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#FF8BA7; letter-spacing:0.15em; margin-bottom:10px; font-weight:700;">价值主张 · "1 片替代十几种营养糖"</div>
- <div style="color:var(--text-1); font-size:0.92rem; line-height:1.8;">
- <strong>家长核心焦虑</strong>:孩子要补钙、DHA、叶黄素、维生素等十几种营养 → 每天追着喂十几种瓶瓶罐罐 → 孩子抗拒 + 家长心累<br/><br/>
- <strong style="color:#7ED4C2;">乳酸菌素片价值主张</strong>:<strong>修复肠道黏膜 · 调节菌群 · 提升肠道自身吸收能力</strong> → 让孩子从日常饮食中就吸收足够营养 → <strong>"1 片调肠道,告别十几种营养糖"</strong>
- </div>
- </div>
- </div>
- <div>
- <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:linear-gradient(135deg, #7ED4C20E, transparent); border:1px solid #7ED4C230; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#7ED4C2; letter-spacing:0.2em; margin-bottom:12px; font-weight:700;">THEORY · 对比策略 · 内源调理 vs 外源补充</div>
- <div style="color:var(--text-1); font-size:0.95rem; line-height:1.72;">
- <table style="width:100%; border-collapse:collapse; font-size:0.85rem;">
- <thead>
- <tr style="border-bottom:2px solid #7ED4C233;">
- <th style="text-align:left; padding:8px 6px; color:var(--text-3); font-weight:700; font-size:0.78rem;">维度</th>
- <th style="text-align:center; padding:8px 6px; color:#FF8BA7; font-weight:700; font-size:0.78rem;">营养软糖</th>
- <th style="text-align:center; padding:8px 6px; color:#7ED4C2; font-weight:700; font-size:0.78rem;">乳酸菌素片</th>
- </tr>
- </thead>
- <tbody>
- <tr style="border-bottom:1px solid var(--border);"><td style="padding:7px 6px; color:var(--text-2);">核心逻辑</td><td style="text-align:center; padding:7px 6px;">外源补充</td><td style="text-align:center; padding:7px 6px; color:#7ED4C2; font-weight:600;">内源调理</td></tr>
- <tr style="border-bottom:1px solid var(--border);"><td style="padding:7px 6px; color:var(--text-2);">吸收依赖</td><td style="text-align:center; padding:7px 6px; color:#FF6B6B;">肠道好不好</td><td style="text-align:center; padding:7px 6px; color:#7ED4C2; font-weight:600;">自己修复肠道</td></tr>
- <tr style="border-bottom:1px solid var(--border);"><td style="padding:7px 6px; color:var(--text-2);">糖分</td><td style="text-align:center; padding:7px 6px; color:#FF6B6B;">含糖</td><td style="text-align:center; padding:7px 6px; color:#7ED4C2; font-weight:600;">无糖可选</td></tr>
- <tr style="border-bottom:1px solid var(--border);"><td style="padding:7px 6px; color:var(--text-2);">背书</td><td style="text-align:center; padding:7px 6px; color:#FF6B6B;">普通食品</td><td style="text-align:center; padding:7px 6px; color:#7ED4C2; font-weight:600;">OTC 药品</td></tr>
- <tr style="border-bottom:1px solid var(--border);"><td style="padding:7px 6px; color:var(--text-2);">月消费</td><td style="text-align:center; padding:7px 6px;">¥200+</td><td style="text-align:center; padding:7px 6px; color:#7ED4C2; font-weight:600;">¥58-128</td></tr>
- <tr><td style="padding:7px 6px; color:var(--text-2);">场景</td><td style="text-align:center; padding:7px 6px; color:#FF6B6B;">不解决问题</td><td style="text-align:center; padding:7px 6px; color:#7ED4C2; font-weight:600;">全场景</td></tr>
- </tbody>
- </table>
- </div>
- </div>
- <div style="margin-top:18px;">
- <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;">关键话术:4 个场景替换</div>
- </div>
- <div style="color:var(--text-1); font-size:0.88rem; line-height:1.7;">不是"我们比软糖好",而是"<strong>让软糖不再必要</strong>":<br/>
- ① 不吃钙软糖 → <strong>肠道能吸收饮食中的钙</strong><br/>
- ② 不吃 DHA 软糖 → <strong>内源合成足够 DHA 前体</strong><br/>
- ③ 不吃维生素软糖 → <strong>肠道菌群合成维生素</strong><br/>
- ④ 不吃叶黄素 → <strong>健康肠道提升营养利用率</strong></div>
- </div>
- </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;">落地决策 · 营养软糖赛道切入</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>营销核心话术</strong>:<em>"调肠道,促吸收,告别瓶瓶罐罐"</em></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;"><strong>目标:切 10%</strong> → 100 亿 × 10% = 10 亿基本盘</div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="report-section" id="opportunity-3" data-tone="green" data-slide-num="35/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#FFD166;">7.3 · 包装革命</div>
- <h2 class="text-h1"><span class="headline-anim"><span style="color:#FFD166;">卡通 IP × 咀嚼片</span>·包装革命解决依从性</span></h2>
- <p class="section-sub">90/95 后妈妈是<strong>颜值决策 + 孩子好感双引擎</strong>。包装不是花瓶,是<strong>解决喂药依从性</strong>的核心落地 — 孩子爱吃 = 家长复购 = 粘性壁垒。</p>
- </div>
- <div class="grid" style="grid-template-columns:1fr 1fr 1fr; gap:18px; margin-top:24px;">
- <div style="padding:20px 22px; background:#FFD16608; border:1px solid #FFD16633; border-radius:var(--radius-md); border-top:4px solid #FFD166;">
- <div class="text-mono text-xs" style="color:#FFD166; letter-spacing:0.15em; font-weight:700; margin-bottom:8px;">🎨 视觉系统</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.08rem; margin-bottom:10px;">全维度儿童化</div>
- <div style="color:var(--text-2); font-size:0.84rem; line-height:1.7;">
- · 去掉药盒感<br/>
- · 荷叶绿 + 奶油米色基调<br/>
- · 卡通 IP 吉祥物<br/>
- · 年龄配色分层<br/>
- · OTC 蓝帽显眼 + 国药准字可查<br/>
- · 儿童友好但不幼稚
- </div>
- </div>
- <div style="padding:20px 22px; background:#FF8BA708; border:1px solid #FF8BA733; border-radius:var(--radius-md); border-top:4px solid #FF8BA7;">
- <div class="text-mono text-xs" style="color:#FF8BA7; letter-spacing:0.15em; font-weight:700; margin-bottom:8px;">📦 独立包装</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.08rem; margin-bottom:10px;">一次一板</div>
- <div style="color:var(--text-2); font-size:0.84rem; line-height:1.7;">
- · 每板 2 片(早晚各 1)<br/>
- · 幼儿园 / 旅行方便带<br/>
- · 卫生 + 剂量精准<br/>
- · 印生产日期 + 分龄<br/>
- · 铝膜防潮保质期长<br/>
- · 比瓶装溢价 30% 也愿买
- </div>
- </div>
- <div style="padding:20px 22px; background:#7ED4C208; border:1px solid #7ED4C233; border-radius:var(--radius-md); border-top:4px solid #7ED4C2;">
- <div class="text-mono text-xs" style="color:#7ED4C2; letter-spacing:0.15em; font-weight:700; margin-bottom:8px;">🍬 咀嚼片剂型</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.08rem; margin-bottom:10px;">水果味 3 款</div>
- <div style="color:var(--text-2); font-size:0.84rem; line-height:1.7;">
- · 草莓味(学龄前首选)<br/>
- · 酸奶味(3-6 岁最爱)<br/>
- · 橙子味(学龄期不腻)<br/>
- · 无糖配方(木糖醇)<br/>
- · 不含防腐剂 / 香精 / 色素<br/>
- · "像奶片甜甜的很好吃" ♥748
- </div>
- </div>
- </div>
- <div class="fade-up" style="margin-top:28px;">
- <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;">IP COLLABORATION · IP 联名路径</div>
- <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">分龄 IP 联名是<strong>可持续的包装心智</strong>——不同年龄段的 IP 调性不同:<br/>
- <strong style="color:#FFCBA4;">婴幼儿</strong>(0-3 岁)→ 小熊软糖家族 / 宝宝巴士<br/>
- <strong style="color:#C5E063;">学龄前</strong>(3-6 岁)→ 小猪佩奇 / 超级飞侠 / 咕力咕力<br/>
- <strong style="color:#B4A7D6;">学龄期</strong>(6-12 岁)→ 喜羊羊 / 奥特曼 / 叶罗丽</div>
- <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">IP 联名每年更换 = <strong>可持续的社交货币</strong> + 孩子之间的"这次你有吗"收藏心理。</div>
- </div>
- </div>
- <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#FFD16608; border:1px solid #FFD16633; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#FFD166; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 包装革命 4 条铁律</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:#FFD166; 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>P0 视觉规范</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:#FFD166; 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>P0 剂型升级</strong>:水果味 3 款咀嚼片 · 无糖配方 · 无添加</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:#FFD166; 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>P1 独立板装</strong>:每板 2 片 · 幼儿园/出行便携 · 日期可见</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:#FFD166; 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>P2 IP 联名</strong>:Y1 小猪佩奇 / Y2 奥特曼 / Y3 喜羊羊(与成长轨迹匹配)</div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="report-section" id="blueprint" data-tone="green" data-slide-num="36/38" 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;">08</div>
- <div class="text-mono text-xs" style="color:#7ED4C2; letter-spacing:0.3em; margin-top:-2rem; font-weight:700;">CHAPTER 8 · 4P BLUEPRINT</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;">4P 配称蓝图</h2>
- <p style="color:#7ED4C2; font-family:var(--font-mono); font-size:0.92rem; letter-spacing:0.18em; margin-top:12px; font-weight:600;">4P BLUEPRINT</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;">以 VOC 洞察反推 <strong style="color:#7ED4C2;">4P 配称</strong>:<strong>产品</strong>(颗粒 / 咀嚼片 / 独立包装 / 分龄礼盒 8 SKU)+ <strong>渠道</strong>(药店线下 + 京东 / 天猫线上 + 母婴连锁 + 微信社群)+ <strong>推广</strong>(XHS 新手妈妈种草 + 抖音儿科医生科普 + 丁香妈妈合作)+ <strong>价格</strong>(¥30-298 三带位)。3 阶段落地:<strong>Y1 差异化升级 3 亿 → Y2 赛道突破 6 亿 → Y3 生态化 10 亿</strong>。</p>
- </div>
- <div class="fade-up" style="margin-top:40px; display:grid; grid-template-columns:repeat(2, 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;">8.1</div>
- <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">4P 配称·产品 + 渠道 + 推广 + 价格</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;">8.2</div>
- <div style="color:var(--text-1); font-size:0.86rem; line-height:1.5;">10 亿路径·3 年 × 4 渠道分阶段</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 · 2 个子章 · VOC 实证 × 理论 × 决策</div>
- </div>
- </div>
- </section>
- <section class="report-section" id="blueprint-1" data-tone="green" data-slide-num="37/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#7ED4C2;">8.1 · 4P 配称蓝图</div>
- <h2 class="text-h1"><span class="headline-anim"><span style="color:#7ED4C2;">4P 配称</span>:从 VOC 洞察到 Product / Place / Promotion / Price</span></h2>
- <p class="section-sub">前 7 章 VOC 洞察 × KANO × JTBD × 场景四元素 × 三轴定位 → 这里折叠成<strong>可执行的 4P 组合</strong>。</p>
- </div>
- <div class="grid" style="grid-template-columns:1fr 1fr; gap:18px; margin-top:20px;">
-
- <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #FF8BA7; border-radius:var(--radius-md);">
- <div style="display:flex; align-items:baseline; gap:12px; margin-bottom:14px;">
- <div style="font-family:var(--font-head); font-weight:900; font-size:3rem; color:#FF8BA7; line-height:1; letter-spacing:-0.04em;">P</div>
- <div>
- <div class="text-mono text-xs" style="color:#FF8BA7; letter-spacing:0.15em; font-weight:700;">PRODUCT</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.2rem;">产品</div>
- <div style="color:var(--text-2); font-size:0.8rem; margin-top:2px;">8 SKU 矩阵 × 3 分龄 × 4 场景覆盖</div>
- </div>
- </div>
- <div style="display:flex; flex-direction:column; gap:6px; margin-bottom:14px;">
-
- <div style="display:grid; grid-template-columns:150px 120px 1fr; gap:8px; padding:8px 10px; background:#FF8BA708; border-radius:4px; align-items:center;">
- <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">婴幼儿颗粒剂</div>
- <div style="color:#FF8BA7; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥88/30袋</div>
- <div style="color:var(--text-3); font-size:0.78rem;">0-3 岁日常</div>
- </div>
- <div style="display:grid; grid-template-columns:150px 120px 1fr; gap:8px; padding:8px 10px; background:#FF8BA708; border-radius:4px; align-items:center;">
- <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">学龄前咀嚼片瓶装</div>
- <div style="color:#FF8BA7; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥58/60片</div>
- <div style="color:var(--text-3); font-size:0.78rem;">3-6 岁日常</div>
- </div>
- <div style="display:grid; grid-template-columns:150px 120px 1fr; gap:8px; padding:8px 10px; background:#FF8BA708; border-radius:4px; align-items:center;">
- <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">学龄前独立板装</div>
- <div style="color:#FF8BA7; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥45/14×2片</div>
- <div style="color:var(--text-3); font-size:0.78rem;">3-6 岁幼儿园/外带</div>
- </div>
- <div style="display:grid; grid-template-columns:150px 120px 1fr; gap:8px; padding:8px 10px; background:#FF8BA708; border-radius:4px; align-items:center;">
- <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">学龄期加量片</div>
- <div style="color:#FF8BA7; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥78/90片</div>
- <div style="color:var(--text-3); font-size:0.78rem;">6-12 岁</div>
- </div>
- <div style="display:grid; grid-template-columns:150px 120px 1fr; gap:8px; padding:8px 10px; background:#FF8BA708; border-radius:4px; align-items:center;">
- <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">入园装</div>
- <div style="color:#FF8BA7; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥75/30板</div>
- <div style="color:var(--text-3); font-size:0.78rem;">9月入园季</div>
- </div>
- <div style="display:grid; grid-template-columns:150px 120px 1fr; gap:8px; padding:8px 10px; background:#FF8BA708; border-radius:4px; align-items:center;">
- <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">应急装 (抗生素后)</div>
- <div style="color:#FF8BA7; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥38/14板</div>
- <div style="color:var(--text-3); font-size:0.78rem;">抗生素后修复</div>
- </div>
- <div style="display:grid; grid-template-columns:150px 120px 1fr; gap:8px; padding:8px 10px; background:#FF8BA708; border-radius:4px; align-items:center;">
- <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">分龄礼盒</div>
- <div style="color:#FF8BA7; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥198/3瓶</div>
- <div style="color:var(--text-3); font-size:0.78rem;">节日送礼</div>
- </div>
- <div style="display:grid; grid-template-columns:150px 120px 1fr; gap:8px; padding:8px 10px; background:#FF8BA708; border-radius:4px; align-items:center;">
- <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">国礼装</div>
- <div style="color:#FF8BA7; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥298/4瓶</div>
- <div style="color:var(--text-3); font-size:0.78rem;">祖辈孝心</div>
- </div>
- </div>
- <div style="padding:12px 14px; background:#FF8BA712; border-left:3px solid #FF8BA7; border-radius:4px; color:var(--text-1); font-size:0.84rem; line-height:1.7;">
- <strong>核心成分</strong>:乳酸菌素(鲜牛奶发酵物·非活菌)<br/>
- <strong>背书</strong>:江中 OTC + 国药准字 H20043347<br/>
- <strong>剂型</strong>:颗粒/咀嚼片 · 水果味 · 无糖<br/>
- <strong>分龄</strong>:0-3 / 3-6 / 6-12 三 SKU
- </div>
- </div>
- <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #0085CA; border-radius:var(--radius-md);">
- <div style="display:flex; align-items:baseline; gap:12px; margin-bottom:14px;">
- <div style="font-family:var(--font-head); font-weight:900; font-size:3rem; color:#0085CA; line-height:1; letter-spacing:-0.04em;">P</div>
- <div>
- <div class="text-mono text-xs" style="color:#0085CA; letter-spacing:0.15em; font-weight:700;">PLACE</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.2rem;">渠道</div>
- <div style="color:var(--text-2); font-size:0.8rem; margin-top:2px;">4 渠道协同 · 基础盘 + 溢价盘分工</div>
- </div>
- </div>
- <div style="display:flex; flex-direction:column; gap:6px; margin-bottom:14px;">
-
- <div style="display:grid; grid-template-columns:150px 120px 1fr; gap:8px; padding:8px 10px; background:#0085CA08; border-radius:4px; align-items:center;">
- <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">药店(线下)</div>
- <div style="color:#0085CA; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥58-298</div>
- <div style="color:var(--text-3); font-size:0.78rem;">一心堂/大参林/国大/老百姓</div>
- </div>
- <div style="display:grid; grid-template-columns:150px 120px 1fr; gap:8px; padding:8px 10px; background:#0085CA08; border-radius:4px; align-items:center;">
- <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">电商(京东/天猫)</div>
- <div style="color:#0085CA; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥58-298</div>
- <div style="color:var(--text-3); font-size:0.78rem;">京东自营 + 天猫旗舰</div>
- </div>
- <div style="display:grid; grid-template-columns:150px 120px 1fr; gap:8px; padding:8px 10px; background:#0085CA08; border-radius:4px; align-items:center;">
- <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">母婴连锁</div>
- <div style="color:#0085CA; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥88-198</div>
- <div style="color:var(--text-3); font-size:0.78rem;">孩子王/爱婴岛/乐友</div>
- </div>
- <div style="display:grid; grid-template-columns:150px 120px 1fr; gap:8px; padding:8px 10px; background:#0085CA08; border-radius:4px; align-items:center;">
- <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">抖音电商</div>
- <div style="color:#0085CA; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥58-128</div>
- <div style="color:var(--text-3); font-size:0.78rem;">直播 + 剧情号带货</div>
- </div>
- <div style="display:grid; grid-template-columns:150px 120px 1fr; gap:8px; padding:8px 10px; background:#0085CA08; border-radius:4px; align-items:center;">
- <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">微信社群</div>
- <div style="color:#0085CA; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">订阅制</div>
- <div style="color:var(--text-3); font-size:0.78rem;">家长群 + 小程序</div>
- </div>
- <div style="display:grid; grid-template-columns:150px 120px 1fr; gap:8px; padding:8px 10px; background:#0085CA08; border-radius:4px; align-items:center;">
- <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">幼儿园 / 学校合作</div>
- <div style="color:#0085CA; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">入园包</div>
- <div style="color:var(--text-3); font-size:0.78rem;">每学期一次</div>
- </div>
- </div>
- <div style="padding:12px 14px; background:#0085CA12; border-left:3px solid #0085CA; border-radius:4px; color:var(--text-1); font-size:0.84rem; line-height:1.7;">
- <strong>药线 3 亿基础盘</strong>(核心壁垒)<br/>
- <strong>电商 3 亿品牌起量</strong><br/>
- <strong>母婴 2 亿高毛利</strong><br/>
- <strong>社群 + 学校 2 亿复购</strong>
- </div>
- </div>
- <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #8B5CF6; border-radius:var(--radius-md);">
- <div style="display:flex; align-items:baseline; gap:12px; margin-bottom:14px;">
- <div style="font-family:var(--font-head); font-weight:900; font-size:3rem; color:#8B5CF6; line-height:1; letter-spacing:-0.04em;">P</div>
- <div>
- <div class="text-mono text-xs" style="color:#8B5CF6; letter-spacing:0.15em; font-weight:700;">PROMOTION</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.2rem;">推广</div>
- <div style="color:var(--text-2); font-size:0.8rem; margin-top:2px;">VOC 场景化内容 × 双视角 KOL</div>
- </div>
- </div>
- <div style="display:flex; flex-direction:column; gap:6px; margin-bottom:14px;">
-
- <div style="display:grid; grid-template-columns:150px 120px 1fr; gap:8px; padding:8px 10px; background:#8B5CF608; border-radius:4px; align-items:center;">
- <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">XHS 新手妈妈种草</div>
- <div style="color:#8B5CF6; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">500+ 素人笔记</div>
- <div style="color:var(--text-3); font-size:0.78rem;">入园/积食/挑食</div>
- </div>
- <div style="display:grid; grid-template-columns:150px 120px 1fr; gap:8px; padding:8px 10px; background:#8B5CF608; border-radius:4px; align-items:center;">
- <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">抖音儿科医生科普</div>
- <div style="color:#8B5CF6; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">50+ KOL</div>
- <div style="color:var(--text-3); font-size:0.78rem;">丁香妈妈/儿科专家</div>
- </div>
- <div style="display:grid; grid-template-columns:150px 120px 1fr; gap:8px; padding:8px 10px; background:#8B5CF608; border-radius:4px; align-items:center;">
- <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">家长群口碑</div>
- <div style="color:#8B5CF6; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">100+ 社群</div>
- <div style="color:var(--text-3); font-size:0.78rem;">宝妈互助 + KOC</div>
- </div>
- <div style="display:grid; grid-template-columns:150px 120px 1fr; gap:8px; padding:8px 10px; background:#8B5CF608; border-radius:4px; align-items:center;">
- <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">节日事件</div>
- <div style="color:#8B5CF6; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">入园/开学/春节</div>
- <div style="color:var(--text-3); font-size:0.78rem;">9月 + 3月 + 春节</div>
- </div>
- <div style="display:grid; grid-template-columns:150px 120px 1fr; gap:8px; padding:8px 10px; background:#8B5CF608; border-radius:4px; align-items:center;">
- <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">公众号深度内容</div>
- <div style="color:#8B5CF6; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">育儿大号合作</div>
- <div style="color:var(--text-3); font-size:0.78rem;">丁香妈妈/年糕妈妈</div>
- </div>
- <div style="display:grid; grid-template-columns:150px 120px 1fr; gap:8px; padding:8px 10px; background:#8B5CF608; border-radius:4px; align-items:center;">
- <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">场景联合</div>
- <div style="color:#8B5CF6; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">奶粉/辅食/牛奶</div>
- <div style="color:var(--text-3); font-size:0.78rem;">跨品类联合营销</div>
- </div>
- </div>
- <div style="padding:12px 14px; background:#8B5CF612; border-left:3px solid #8B5CF6; border-radius:4px; color:var(--text-1); font-size:0.84rem; line-height:1.7;">
- <strong style="color:#8B2942;">❌ 禁止硬广 TVC</strong><br/>
- <strong style="color:#8B2942;">❌ 禁止恐惧营销</strong><br/>
- <strong>✓ KOC > KOL</strong><br/>
- <strong>✓ 科普 > 卖货</strong>
- </div>
- </div>
- <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid #2D9C5D; border-radius:var(--radius-md);">
- <div style="display:flex; align-items:baseline; gap:12px; margin-bottom:14px;">
- <div style="font-family:var(--font-head); font-weight:900; font-size:3rem; color:#2D9C5D; line-height:1; letter-spacing:-0.04em;">P</div>
- <div>
- <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.15em; font-weight:700;">PRICE</div>
- <div style="color:var(--text-1); font-weight:800; font-size:1.2rem;">价格</div>
- <div style="color:var(--text-2); font-size:0.8rem; margin-top:2px;">分渠道定价 × 三带分层</div>
- </div>
- </div>
- <div style="display:flex; flex-direction:column; gap:6px; margin-bottom:14px;">
-
- <div style="display:grid; grid-template-columns:150px 120px 1fr; gap:8px; padding:8px 10px; background:#2D9C5D08; border-radius:4px; align-items:center;">
- <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">入门带</div>
- <div style="color:#2D9C5D; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥45-78</div>
- <div style="color:var(--text-3); font-size:0.78rem;">单品日常</div>
- </div>
- <div style="display:grid; grid-template-columns:150px 120px 1fr; gap:8px; padding:8px 10px; background:#2D9C5D08; border-radius:4px; align-items:center;">
- <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">主销带</div>
- <div style="color:#2D9C5D; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥88-128</div>
- <div style="color:var(--text-3); font-size:0.78rem;">分龄 + 入园装</div>
- </div>
- <div style="display:grid; grid-template-columns:150px 120px 1fr; gap:8px; padding:8px 10px; background:#2D9C5D08; border-radius:4px; align-items:center;">
- <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">礼品带</div>
- <div style="color:#2D9C5D; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">¥198-298</div>
- <div style="color:var(--text-3); font-size:0.78rem;">礼盒 + 国礼装</div>
- </div>
- <div style="display:grid; grid-template-columns:150px 120px 1fr; gap:8px; padding:8px 10px; background:#2D9C5D08; border-radius:4px; align-items:center;">
- <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">vs 妈咪爱</div>
- <div style="color:#2D9C5D; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">+30%</div>
- <div style="color:var(--text-3); font-size:0.78rem;">非活菌溢价合理</div>
- </div>
- <div style="display:grid; grid-template-columns:150px 120px 1fr; gap:8px; padding:8px 10px; background:#2D9C5D08; border-radius:4px; align-items:center;">
- <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">vs 亿活</div>
- <div style="color:#2D9C5D; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">-40%</div>
- <div style="color:var(--text-3); font-size:0.78rem;">日常长期可承受</div>
- </div>
- <div style="display:grid; grid-template-columns:150px 120px 1fr; gap:8px; padding:8px 10px; background:#2D9C5D08; border-radius:4px; align-items:center;">
- <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">vs 合生元超金</div>
- <div style="color:#2D9C5D; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">-60%</div>
- <div style="color:var(--text-3); font-size:0.78rem;">OTC 药品性价比</div>
- </div>
- </div>
- <div style="padding:12px 14px; background:#2D9C5D12; border-left:3px solid #2D9C5D; border-radius:4px; color:var(--text-1); font-size:0.84rem; line-height:1.7;">
- <strong>非活菌创新工艺溢价</strong><br/>
- <strong>价格带 3 层 · 清晰不乱</strong><br/>
- <strong>日常用量 ¥58-88/月</strong><br/>
- <strong>严控促销折扣</strong>
- </div>
- </div>
- </div>
- <div class="fade-up" style="margin-top:28px;">
- <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;">4P COHERENCE · 4P 一致性</div>
- <div style="color:var(--text-1); font-size:1.18rem; line-height:1.72; font-weight:600;">4P 之间<strong style="color:#2D9C5D;">必须互为因果</strong>:<br/>
- <strong>Product(8 SKU)</strong> → <strong>Place(4 渠道)</strong> → <strong>Promotion(双视角 KOL)</strong> → <strong>Price(三段定价带)</strong>。<br/>
- 每一项决策都能在前 7 章的 VOC 证据里找到<strong style="color:#FF8BA7;">直接溯源</strong>。</div>
- <div style="color:var(--text-2); font-size:0.92rem; line-height:1.7; margin-top:10px;">这就是"<strong>反向定位</strong>"的最终形态——<strong>VOC 驱动的 4P 蓝图</strong>而不是拍脑袋的决策。</div>
- </div>
- </div>
- <div class="fade-up" style="margin-top:24px; padding:22px 26px; background:#7ED4C208; border:1px solid #7ED4C233; border-radius:var(--radius-md);">
- <div class="text-mono text-xs" style="color:#7ED4C2; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">落地决策 · 4P 协同纪律</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:#7ED4C2; 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>Product 先行</strong>:首批 8 SKU 上线 · Y1 不再扩 SKU(避免稀释心智)</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:#7ED4C2; 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>Place 分层</strong>:药线 30% + 电商 30% + 母婴 20% + 溢价 20%</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:#7ED4C2; 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>Promotion 克制</strong>:Y1 营销预算 4000 万(GMV 13% 投放比)</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:#7ED4C2; 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>Price 纪律</strong>:严格三带分层 · 不打价格战 · 不乱促销</div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="report-section" id="blueprint-2" data-tone="green" data-slide-num="38/38">
- <div class="section-inner">
- <div class="section-head rise-in">
- <div class="section-eyebrow" style="color:#2D9C5D;">8.2 · 10 亿 3 年路径</div>
- <h2 class="text-h1"><span class="headline-anim"><span style="color:#2D9C5D;">10 亿路径</span>:3 年 × 4 渠道分阶段攻防图</span></h2>
- <p class="section-sub"><strong>Year 1 差异化升级 3 亿 → Year 2 赛道突破 +3 亿 = 6 亿 → Year 3 生态化 +4 亿 = 10 亿</strong>。每一步都对应 VOC 洞察和 4P 配称。</p>
- </div>
- <div class="grid" style="grid-template-columns:1fr 1fr 1fr; gap:18px; margin-top:24px;">
-
- <div style="padding:24px; background:var(--bg-1); border:2px solid #FF8BA7; border-radius:var(--radius-md); position:relative;">
- <div style="position:absolute; top:-14px; left:20px; padding:4px 14px; background:#FF8BA7; color:#fff; font-family:var(--font-mono); font-weight:700; font-size:0.72rem; letter-spacing:0.15em; border-radius:12px;">YEAR 1</div>
- <div style="display:flex; justify-content:space-between; align-items:baseline; margin-top:6px; margin-bottom:10px;">
- <div style="color:var(--text-1); font-weight:800; font-size:1.2rem;">差异化升级期</div>
- <div style="color:#FF8BA7; font-family:var(--font-head); font-weight:900; font-size:2rem; line-height:1;">3</div>
- </div>
- <div style="padding:10px 12px; background:#FF8BA710; border-left:3px solid #FF8BA7; border-radius:4px; color:var(--text-1); font-size:0.88rem; margin-bottom:14px;">
- <strong>3-6 岁学龄前咀嚼片单点突破</strong> · 建基础盘
- </div>
- <ul style="margin:0; padding-left:18px; list-style:disc; color:var(--text-1); font-size:0.82rem; line-height:1.7;">
- <li style="margin-bottom:6px;">产品端:完成儿童专属剂型(水果味咀嚼片 + 无糖配方)+ 分龄礼盒</li><li style="margin-bottom:6px;">定位端:锚定「儿童肠道调理专属 OTC」核心心智</li><li style="margin-bottom:6px;">渠道端:药店 1.5 亿(全国 TOP 6 连锁深耕)+ 电商 1 亿 + 母婴 0.5 亿</li><li style="margin-bottom:6px;">Marketing:4000 万预算(XHS 500 素人 + 50 KOL + 抖音剧情号)</li><li style="margin-bottom:6px;">KPI:GMV 3 亿 / 复购率 ≥ 30% / XHS 笔记 3000+ / NPS ≥ 55</li>
- </ul>
- </div>
- <div style="padding:24px; background:var(--bg-1); border:2px solid #7ED4C2; border-radius:var(--radius-md); position:relative;">
- <div style="position:absolute; top:-14px; left:20px; padding:4px 14px; background:#7ED4C2; color:#fff; font-family:var(--font-mono); font-weight:700; font-size:0.72rem; letter-spacing:0.15em; border-radius:12px;">YEAR 2</div>
- <div style="display:flex; justify-content:space-between; align-items:baseline; margin-top:6px; margin-bottom:10px;">
- <div style="color:var(--text-1); font-weight:800; font-size:1.2rem;">赛道突破期</div>
- <div style="color:#7ED4C2; font-family:var(--font-head); font-weight:900; font-size:2rem; line-height:1;">3</div>
- </div>
- <div style="padding:10px 12px; background:#7ED4C210; border-left:3px solid #7ED4C2; border-radius:4px; color:var(--text-1); font-size:0.88rem; margin-bottom:14px;">
- <strong>"告别瓶瓶罐罐"切入营养软糖赛道</strong> · 建差异化
- </div>
- <ul style="margin:0; padding-left:18px; list-style:disc; color:var(--text-1); font-size:0.82rem; line-height:1.7;">
- <li style="margin-bottom:6px;">新定位:「调肠道,促吸收,告别十几种营养糖」</li><li style="margin-bottom:6px;">扩 SKU:婴幼儿颗粒剂 + 学龄期加量片 + 国礼装</li><li style="margin-bottom:6px;">渠道扩:全国母婴连锁覆盖 + 抖音爆款矩阵 + 下沉县域</li><li style="margin-bottom:6px;">内容端:与儿科专家 KOL 深度合作建立"肠道 = 营养吸收核心"认知</li><li style="margin-bottom:6px;">KPI:GMV 6 亿 / 营养吸收话题切分 10% / 母婴渠道复购 ≥ 45%</li>
- </ul>
- </div>
- <div style="padding:24px; background:var(--bg-1); border:2px solid #2D9C5D; border-radius:var(--radius-md); position:relative;">
- <div style="position:absolute; top:-14px; left:20px; padding:4px 14px; background:#2D9C5D; color:#fff; font-family:var(--font-mono); font-weight:700; font-size:0.72rem; letter-spacing:0.15em; border-radius:12px;">YEAR 3</div>
- <div style="display:flex; justify-content:space-between; align-items:baseline; margin-top:6px; margin-bottom:10px;">
- <div style="color:var(--text-1); font-weight:800; font-size:1.2rem;">生态化冲刺期</div>
- <div style="color:#2D9C5D; font-family:var(--font-head); font-weight:900; font-size:2rem; line-height:1;">4</div>
- </div>
- <div style="padding:10px 12px; background:#2D9C5D10; border-left:3px solid #2D9C5D; border-radius:4px; color:var(--text-1); font-size:0.88rem; margin-bottom:14px;">
- <strong>分龄产品线 + 周边生态 + 品牌升级</strong>
- </div>
- <ul style="margin:0; padding-left:18px; list-style:disc; color:var(--text-1); font-size:0.82rem; line-height:1.7;">
- <li style="margin-bottom:6px;">产品生态:配 DHA / 钙软糖 / 营养吸收型辅食 · 单客生命周期价值</li><li style="margin-bottom:6px;">品牌升级:从"儿童肠道调理"升级为"儿童肠道 + 营养吸收双核专家"</li><li style="margin-bottom:6px;">渠道深耕:药店 / 母婴 / 线上全渠道全覆盖 + 县域下沉</li><li style="margin-bottom:6px;">国际化:东南亚试点(OTC 药品 + 华人家庭)· 开启出海</li><li style="margin-bottom:6px;">KPI:GMV 10 亿 / 品类心智份额 ≥ 30% / 乳酸菌素片儿童 = 头部独占</li>
- </ul>
- </div>
- </div>
- <div class="fade-up" style="margin-top:32px;">
- <div style="padding:28px 32px; background:linear-gradient(135deg, #2D9C5D10, #FF8BA706, #7ED4C206); border:2px solid #2D9C5D44; border-radius:var(--radius-lg);">
- <div class="text-mono text-xs" style="color:#2D9C5D; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">🎯 FINAL BLUEPRINT · 终极蓝图</div>
- <div style="display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:16px; margin-bottom:20px;">
- <div style="padding:16px 18px; background:#FF8BA714; border-radius:6px; text-align:center;">
- <div style="color:#FF8BA7; font-family:var(--font-head); font-weight:900; font-size:2.4rem; line-height:1;">3亿</div>
- <div style="color:var(--text-2); font-size:0.8rem; margin-top:4px;">药店</div>
- </div>
- <div style="padding:16px 18px; background:#0085CA14; border-radius:6px; text-align:center;">
- <div style="color:#0085CA; font-family:var(--font-head); font-weight:900; font-size:2.4rem; line-height:1;">3亿</div>
- <div style="color:var(--text-2); font-size:0.8rem; margin-top:4px;">电商</div>
- </div>
- <div style="padding:16px 18px; background:#FFD16614; border-radius:6px; text-align:center;">
- <div style="color:#FFD166; font-family:var(--font-head); font-weight:900; font-size:2.4rem; line-height:1;">2亿</div>
- <div style="color:var(--text-2); font-size:0.8rem; margin-top:4px;">母婴连锁</div>
- </div>
- <div style="padding:16px 18px; background:#C8A04B14; border-radius:6px; text-align:center;">
- <div style="color:#C8A04B; font-family:var(--font-head); font-weight:900; font-size:2.4rem; line-height:1;">2亿</div>
- <div style="color:var(--text-2); font-size:0.8rem; margin-top:4px;">社群+礼品+国际</div>
- </div>
- </div>
- <div style="text-align:center; padding:20px; background:#2D9C5D0A; border-radius:6px;">
- <div style="color:var(--text-1); font-size:1.05rem; line-height:1.8;">
- <strong style="color:#2D9C5D; font-size:1.4rem; font-family:var(--font-head);">江中乳酸菌素片儿童版 · 10 亿三年目标</strong><br/>
- <span style="color:var(--text-2); font-size:0.92rem;">基于 <strong>多平台真实 VOC</strong> × <strong>H1-H8 八大假设</strong> × <strong>KANO×JTBD 双视角</strong> × <strong>三轴无人地带</strong> × <strong>4P 配称 × 3 阶段渐进</strong></span><br/>
- <span style="color:#FF8BA7; font-size:0.88rem; margin-top:8px; display:inline-block;">—— 以 OTC 药品级 × 非活菌稳定 × 水果咀嚼分龄,重新定义中国儿童肠道品类 ——</span>
- </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;">落地决策 · 3 年执行纪律</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>Y1 守住 3 亿</strong>:3-6 岁咀嚼片单点突破 · 药店 + 电商双引擎</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>Y2 赛道突破</strong>:切入营养软糖 100 亿赛道 · 母婴连锁铺开</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>Y3 生态 10 亿</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>:任何增量都不破坏 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;">5</div>
- <div style="color:var(--text-1); font-size:0.9rem; line-height:1.64;"><strong>8 大假设全部验证闭环</strong>:H1-H8 在 Ch1-Ch7 逐一成立,为 4P + 10 亿奠基</div>
- </div>
- </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>
|